/*Offer Compare  Check Box*/
.compare-check-box{display:inline-block;vertical-align: top;width:42px;position:relative}
.compare-check-box .checkbox, .compare-check-box .radio{display:inline;padding-left:22px;margin:0 10px;}
.compare-check-box .checkbox .icons, .compare-check-box .radio .icons{color:#fff;height:24px;width:24px;line-height:20px;}
/*.compare-check-box .checkbox .icons:hover, .compare-check-box .radio .icons:hover {color: #bdc3c7;border: none;}*/
/*.compare-check-box .checkbox .icons:hover .fui-checkbox-unchecked::before, .compare-check-box .radio .icons.fui-checkbox-unchecked:hover::before {border: 0 none;}*/
/*.compare-check-box .checkbox .icons .fui-checkbox-unchecked::before {border-radius:6px;}*/
.offer-first-column{display: block;}
.compare-check-box + .offer-first-column, .compare-check-box{display:table-cell;vertical-align: middle;}
.compare-check-box + .offer-first-column .no-medical-test, .compare-check-box + .offer-first-column .bestvalue, .compare-check-box + .offer-first-column .bestvalue, .compare-check-box + .offer-first-column .topup-plan-hi{left:-57px;bottom:-10px;}
.compare-check-box + .offer-first-column .easy-access-dc{right:-20px;}
.card .offer-first-column img.offer-logo-md{padding:0 0 10px 10px;}
.offer-first-column .product-logo, .offer-first-column .offers-card-name{display: table-cell;vertical-align: middle;}
.row-same-height:hover .compare-check-box .checkbox .icons, .row-same-height:hover .compare-check-box .radio .icons{color:#bdc3c7;}
.row-same-height:hover .fui-checkbox-unchecked::before {border:none;}

/*Tooltip*/
.compare-check-box .tooltip{margin-left:40px;margin-top:-20px;z-index:1;}
.compare-check-box .tooltip.bottom{margin-top:20px;}
.offers-section .offer-section-content .compare-check-box .tooltip{z-index:2;}
.compare-check-box .tooltip.top .tooltip-arrow{border-top-color: #7af8bd;}
.compare-check-box .tooltip.bottom .tooltip-arrow{border-bottom-color: #7af8bd; border-width: 0 10px 12px; top: -7px; }
.compare-check-box .tooltip.top .tooltip-arrow{left:15px !important;}
.tooltip.bottom .tooltip-arrow{left:12%;}
.compare-check-box .tooltip-inner{width:120px;}
.compare-bottom .compare-name .bbicons-help, .compare-offers-table .bbicons-help{cursor:pointer;display:inline-block;height:14px;width:16px;vertical-align:middle;}
.compare-bottom .tooltip-inner, .compare-offers-table .tooltip-inner{background-color:#7af8bd;padding:6px 10px;text-align:left;width:160px;color:#038239;font-size:10px;text-transform:capitalize;}
.compare-bottom .tooltip.right .tooltip-arrow, .compare-offers-table .tooltip.right .tooltip-arrow{border-right-color:#7af8bd;}
.compare-bottom .tooltip.top .tooltip-arrow, .compare-offers-table .tooltip.top .tooltip-arrow{border-top-color:#7af8bd;}

/*Error Msg*/
.sticky-offer-page .input-error-bottom:after, .offers-page .input-error-bottom:after{top:40px;left:10px;border-top-color:#f1c40f;border-bottom-color:rgba(136,183,213,0);}
.offers-page .error-msg, .sticky-offer-page .compare-check-box .error-msg, .compare-bottom .error-msg{position:absolute;top:-56px;left:0;z-index:1;min-width:300px;}
.offers-page .credit-card .error-msg, .sticky-offer-page .credit-card .compare-check-box .error-msg{left:18px;}
.sticky-offer-page .error-info{font-size:13px;}
.compare-bottom .error-msg{margin-top:-30px;}
.compare-bottom .input-error-bottom:after{top:40px}
.offers-page .error-info{font-size:13px;vertical-align: middle;display: table-cell;padding: 0px;line-height: normal;}
.offers-page .error-icon {display: table-cell;padding-right: 5px;}
.offers-page .offer-section-content .compare-check-box .error-icon img, .compare-bottom .error-icon img, .sticky-offer-page .error-icon img{width:30px;}

/*Compare Bottom*/
.compare-bottom{position:fixed;bottom:0;background:#fff;min-height:90px;width:100%;z-index:999;
	-webkit-box-shadow:0 4px 19px -4px rgba(0, 0, 0, 0.70);
	-moz-box-shadow:0 4px 19px -4px rgba(0, 0, 0, 0.70);
	box-shadow: 0px 4px 19px -4px rgba(0, 0, 0, 0.70);
	padding:20px;left:0;}
.compare-container{ width:785px; margin:0 auto;}
.compare-bottom .compare {width:23.7%;height:46px;border:#707070 1px dashed;border-radius:3px;float:left;padding:1px;margin:0 10px;}
.compare-bottom .compare {font-size:11px;line-height:14px;}
.compare-bottom .compare.selected{background:#fff;border:none;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.35);overflow: hidden;}
.compare-icon, .compare-name{display:table-cell;vertical-align:middle;}
.compare-bottom img{width:44px;}
.compare-bottom .compare-name{max-width:68%;padding-left:10px;height:44px;text-transform:uppercase;}
.compare-bottom .compare-name span{vertical-align:middle;display:inline;}
.compare-bottom .error-info{font-size:13px;}

.compare-bottom .no-offer{width:100px;padding:0px;margin:0 auto;display:table;height:44px;}
.compare-bottom .no-offer span {vertical-align:middle;display:table-cell;text-transform:uppercase;}
.compare-bottom .compare .close{display:none;}
.compare-bottom .compare.selected .close {display:block;float:right;font-size:21px;font-weight:normal;line-height:1;color:#000;text-shadow:0px 1px 0px #FFF;opacity:0.3;margin: -2px 2px 0 0;}
.compare-bottom .compare.selected button.close {padding: 0px;cursor: pointer;background:none;border:none;}
.compare-bottom .compare.selected .close:hover, .compare-bottom .compare.selected .close:focus {color: #000;text-decoration: none;cursor: pointer;opacity: 0.5;}
.compare-bottom .btn-primary{padding:12px 17px;margin:0px 10px;}
.compare-bottom .error-msg{top:-22px;left:34.5%;width:300px;min-width:300px;}
.compare-bottom .container{position:relative;}


@media screen and (-webkit-min-device-pixel-ratio:0) {.compare-bottom{box-shadow:0 4px 19px -4px rgba(0, 0, 0, 0.70)}}

@media only screen and (max-width:1162px){
	.compare-check-box{display:block;padding:10px 0 15px;}
	.compare-check-box .tooltip-inner{width:125px;}
	.compare-check-box + .offer-first-column, .compare-check-box{display:block;width:auto;}
	.offer-first-column .product-logo, .offer-first-column span.offers-card-name{display:block;}
	.compare-check-box .tooltip{margin-top:-6px;}
	.offers-page .credit-card .error-msg, .sticky-offer-page .credit-card .compare-check-box .error-msg{left:0;}
	.offers-page .compare-bottom .error-msg{left:31.5%;top:-22px;}
	.compare-check-box + .offer-first-column .no-medical-test, .compare-check-box + .offer-first-column .bestvalue, .compare-check-box + .offer-first-column .topup-plan-hi{left:0;}
	.compare-check-box + .offer-first-column .easy-access-dc, .compare-check-box + .offer-first-column .easy-access-sa{right:-5px;}
	.offer-section-content .card nav, .offer-section-content .card img.offer-logo-lg{padding-left:0;}
	.card .offer-first-column img.offer-logo-md, .card .offer-first-column span img{padding:0;}
	.compare-check-box .tooltip{margin-left:80px;}
	.compare-check-box .tooltip.bottom{margin-top:-25px;}
	.compare-check-box .tooltip.bottom .tooltip-arrow{left:0px;top:50%;border-width:5px 5px 5px 0;border-right-color: #7af8bd;border-bottom-color:transparent;margin-top:-4px;}
	.sticky-offer-page .compare-check-box .tooltip.bottom .tooltip-arrow{left:4px;}
}
@media only screen and (max-width:1024px){
	.compare-container{ width:80%;}
	.offers-page .compare-bottom .error-msg, .sticky-offer-page .compare-bottom .error-msg{left:31.5%;}
}
@media only screen and (max-width:980px)
{
	.compare-container{ width:93%;}
	.compare-bottom .compare {width:23%;}
	.compare-bottom .compare-find{display:none;}
	.offers-page .compare-bottom .error-msg, .sticky-offer-page .compare-bottom .error-msg{left:28%;top:-22px;}
}
@media only screen and (max-width:800px)
{
	.compare-container{ width:100%;}
	.offers-page .compare-bottom .error-msg, .sticky-offer-page .compare-bottom .error-msg{left:26%;top:-22px;}
}


/*Compare Modeal*/
.compare-modal{}
.compare-modal .modal-title{font-size:20px;font-weight:normal;color:#fff;line-height:18px;}
.compare-modal .modal-header{background:#19bd9b;border-radius:6px 6px 0 0;}
.compare-modal .modal-body{padding:20px;}
.compare-modal .close{opacity:.3;}
.compare-modal .close:hover, .compare-modal .close:focus{opacity:.5;}

.compare{border:solid 1px #DDD;padding:10px 20px;}
.compare-head {font-size:11px;line-height:14px;display:table;vertical-align:middle;width:150px;height:60px;}
.sticky-offer-page .compare-head{height:70px;}
.compare-head img{width:44px;float:left;}
.compare-head li {list-style:none; padding-top:5px;}
.compare-head li:last-child{display: none;}
.compare-head .bank-image, .compare-head .bank-name{display:table-cell; vertical-align:middle;}
.bank-ratings{padding:5px 0 5px 10px;display:inline-block;}
.compare-head .bank-image{width:44px;}
.compare-head .bank-name{vertical-align:middle;width:68%;padding-left:10px;}
.compare-top{padding:10px 20px;position:relative;}
.compare-offers .btn.btn-primary.shortlist.js-shortlist-offer{display:none;}
.compare-margin{margin-bottom:90px;}
.compare-find{dbImage_background-image:LANDING_COMPARE_VIEW;background-repeat:no-repeat;background-position:0 0;height:76px;width:76px;margin:0 auto;}
.compare-bottom .compare-find{position:absolute;top:-12px;left:8%;}
.best-rate{text-align:center;}
.best-rate span{color:#9b9b9b;}
.word-break{word-break:break-all;display:inline-block;}

@media only screen and (max-width:1162px){
	.company-name-plan-name .userrating{margin:0;}
	.compare-bottom .compare-find{left:1%;}
}

.compare-offers-table{width:100%;margin:0 auto;background:#fff;color:#37495d;}
.compare-offers {border:none;border-collapse: collapse;border-spacing:0;background:none;border-radius:6px;font-size:11px; text-transform:uppercase;color:#324b5f;text-align:center;width:100%;}
.compare-offers thead{display:block;width:100%;}
.compare-offers tbody{display: block;height:380px;overflow: auto;width:100%;}
.compare-offers tbody.compare-content{height:280px}
.compare-offers thead th {background-color:#fff;text-align:left;border:1px solid #DDDDDD;}
.compare-offers tbody td {color: #37495d;padding:15px;vertical-align:middle;border:1px solid #DDDDDD;border-top:0px;}
.compare-offers tbody td:first-child{padding:0;}
.compare-offers tbody tr:nth-child(odd){background:#fafafa;}
.compare-offers tbody tr td:first-child{text-align:left;padding:15px;}
.compare-offers thead tr th:first-child{border-left-color: transparent;border-top-color: transparent;border-bottom:1px #ddd solid;}

.compare-offer-large .compare-offers tr th, .compare-offer-large .compare-offers tr td,
.compare-offer-medium .compare-offers tr th, .compare-offer-medium .compare-offers tr td{display:table-cell;min-width:191px;width:191px;}
.compare-offer-small .compare-offers tr th, .compare-offer-small .compare-offers tr td{display:table-cell;min-width:191px;width:191px;}

.compare-modal .btn {border:none;border-radius:2px;font-size:12px;line-height: 1.4;padding: 8px 10px;cursor: pointer;transition: border 0.25s linear 0s, color 0.25s linear 0s, background-color 0.25s linear 0s;background-color: #E74C3C;color: #FFF;text-decoration: none;display: inline-block;}
.compare-modal .btn-primary{background:#1ABC9C;text-shadow:none;text-align:center;margin:10px auto 0;display:block;}
.badge-sponsor, .offer-tick, .offer-cross{dbImage_background-image: SPRITE_COMPARE_OFFERS; background-repeat: no-repeat; }
.offer-tick, .offer-cross{width:20px;height:13px;display:block;margin:0 auto;}
.offer-tick{ background-position:0px -66px;}
.offer-cross{background-position:0px -32px;}
.badge-sponsor{background-position:-9px 1px; display:inline;font-size:9px;position:absolute;left:0;top:-1px;padding:0 25px 1px 5px;color:#5f6f7e;}

.compare-offers.sponsored thead tr th:last-child { background-color:#eef5fd !important;}
.compare-offers.sponsored tbody tr td:last-child { background-color:#eef5fd;}
.compare-offers.sponsored tbody tr:nth-child(odd) td:last-child { background-color:#e8f2fe;}
.compare-offers-table .compare-offers .hover { background-color:#eee !important; }
.compare-offers-table .compare-offers .hover:hover { background-color:#9e9e9e !important;color:#fff;}

.compare-offers-table .value-description, .compare-offers-table tbody .bbicons-help{display: none;}

.compare-offer-small{width:638px;}
.compare-offer-medium{width:830px;}
.compare-offer-large{width:1020px;}
@media only screen and (max-width:1024px){
	.compare-offer-small, .compare-offer-large, .compare-offer-medium{width:100%;margin:0;}
	.compare-offers tr{width:100%;display:table;}
	.compare-offers tbody{height:370px;}
	.compare-offers tbody.compare-content{height:290px}
	.ipad .compare-offers tbody{height:450px;}
	.ipad .compare-offers tbody.compare-content{height:370px}
	.compare-top{padding:10px 15px;}
	.compare-bottom .compare-find{left:2%;}
}
@media only screen and (max-width:800px)
{
	.compare-offers tbody{height:645px;}
	.compare-offers tbody.compare-content{height:565px}
	.ipad .compare-offers tbody{height:710px;}
	.ipad .compare-offers tbody.compare-content{height:630px}
	.compare-head .bank-name{padding-left:5px;}
	.compare-head{width:120px;}
	.compare-offer-large .compare-offers tr th, .compare-offer-large .compare-offers tr td,
	.compare-offer-medium .compare-offers tr th, .compare-offer-medium .compare-offers tr td{display:table-cell;min-width:145px;width:145px;}
	.compare-offers tbody tr td, .compare-offers tbody tr td:first-child{padding:10px 5px;}
	.compare-top{padding:10px 5px;}
}

.modal.fade .modal-dialog.compare-modal {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal.in .modal-dialog.compare-modal {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/*IOS Scroll bar*/
.compare-offers-table tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);	background-color: #F5F5F5;}
.compare-offers-table tbody::-webkit-scrollbar {width: 6px;	background-color: #F5F5F5;}
.compare-offers-table tbody::-webkit-scrollbar-thumb {background-color: #999;}
/*IOS Scroll bar*/

/*Theme - 1*/
.compare-check-box{display:block;margin-top:5px;width:auto;}
.compare-check-box .checkbox, .compare-check-box .radio{display:inline;margin:0 10px;}
.compare-check-box .checkbox .icons, .compare-check-box .radio .icons{width:22px;height:22px;color:#fff;line-height:20px;}
.compare-check-box .checkbox, .compare-check-box .radio{display:block;padding:0;margin:0 auto;width:22px;height:22px;}
.offer-first-column{display: block;}
.compare-check-box + .offer-first-column, .compare-check-box{display:block;vertical-align:top;}
.compare-check-box .tooltip.bottom{margin-top:16px;}
@media only screen and (max-width:1162px){
	.compare-check-box{display:inline-block;float:left;padding:7px 0 5px 10px;}
	.credit-card .compare-check-box{padding-top:10px;}
	.offer-first-column .product-logo, .offer-first-column span.offers-card-name{display:block;text-align:left;}
    .card .offer-first-column img.offer-logo-md, .card .offer-first-column span img{margin-left: 10px}
	.offer-first-column span.error-icon img{margin-left:0;}
    .offer-section-content .card nav, .offer-section-content .card img.offer-logo-lg{padding:10px}
}