/*task 2966*/
/*.info-btn {
    background: url(images/iii.png);
    background-size: cover;
    width:30px;
    height: 30px;
    position: absolute;
    top:-23px;
}*/
.fa.fa-question-circle{
    color: #ddd;
    font-size: 16px;
}
.fa.fa-question-circle:hover{
    color: #f4dc39;
}
.info-btn:hover {
    cursor: pointer;
}
.dashboard-page .tab-container>#my-overview .info-btn{
    position: absolute;
    top: -12px;
}
#my-overview .details-row .box{
    position: relative;
}

#my-overview  .details-row .box:nth-child(4) .rbs-popup-container .rbs-popup,
#my-overview  .details-row .box:nth-child(9) .rbs-popup-container .rbs-popup,
#my-overview  .details-row .box:nth-child(5) .rbs-popup-container .rbs-popup,
#my-overview  .details-row .box:nth-child(10) .rbs-popup-container .rbs-popup{
    right: 0 !important;
    left: inherit !important;
}
/*common styles*/
.rbs-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box ;
    width: 340px ;
    padding: 18px 34px 18px 60px ;
    border-radius: 5px ;
    position: absolute ;
    text-shadow: none !important;
    font-weight: normal !important;
    text-align: justify !important;
    z-index: 10000;
    
}
.rbs-popup .title{
    padding: 10px 0 !important;
    color:#fff;
    font-weight: bold !important;
    background:  #72c238;
}
.rbs-popup .title .fa{
    font-size: 20px;
    position: relative;
    top: 2px;
    margin:0 5px !important;
}

.rbs-popup .title .close-ico{
    cursor: pointer; 
    color: #fff !important;
    font-weight: normal !important;
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 14px !important;
}

.rbs-popup .content{
    padding: 10px !important;
    background: #fff;
     color:#42464f!important;
}
/*.rbs-popup::after{
    content: '';
    position: absolute;
    border: 13px solid transparent;
    left: 20px;
    bottom: -26px;
}*/
/*icon types*/
.rbs-info {
    background: url(images/i.png) no-repeat 14px 20px;
}
.rbs-question {
    background: url(images/q.png) no-repeat 14px 20px;
}
.rbs-warning {
    background: url(images/w.png) no-repeat 14px 20px;
}
/*color schemes*/
.rbs-green-popup {
    background-color: #72c238;
    color:#fff;
}
.rbs-green-popup .rbs-alternate {
    color:#004d72;
}
.rbs-green-popup::after{
    border-top: 13px solid #72c238;
}
.rbs-blue-popup {
    background-color: #004d72;
    color:#fff;
}
.rbs-blue-popup .rbs-alternate {
    color:#a9cae5;
}
.rbs-blue-popup::after{
    border-top: 13px solid #004d72;
}
.rbs-azure-popup {
    background-color: #a9cae5;
    color:#004d72;
}
.rbs-azure-popup .rbs-alternate {
    color:#fff;
}
.rbs-azure-popup::after{
    border-top: 13px solid #a9cae5;
}
.rbs-popup-container {
    position: absolute;
    display: inline-block;
    right: 25px;
}
.rbs-popup-container .rbs-popup {
    display: none;
    left: -4px;
}
.row-fluid .tab-content {
    overflow: visible;
}
#overview-table .info-btn {
    top: -20px;
}
/*fix for dashboard css*/
.dashboard-page .tab-container > #my-overview {
    overflow: visible !important;
}
.dashboard-page .tab-container > #my-overview .rbs-popup,#_myLoanSegments2 .rbs-popup,
#appTable.homeTable .rbs-popup,#appTable.table .rbs-popup{
     -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    position: absolute !important;
    text-shadow: none !important;
    font-weight: normal !important;
    text-align: justify !important;
    font-size: 14px !important;
}
/*#_myLoanSegments2 .rbs-popup {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 340px !important;
    padding: 18px 34px 18px 60px !important;
    border-radius: 5px !important;
    position: absolute !important;
    text-shadow: none !important;
    font-weight: normal !important;
    text-align: justify !important;
    font-size: 14px !important;
}*/
.dashboard-page .tab-container > #my-overview .info-btn,#_myLoanSegments2 .rbs-popup th .info-btn {
    height: 25px;
    width: 25px;
}
#appTable .info-btn {
    width: 25px;
    height: 25px;
    top:-19px;
}
#_myLoanSegments2 .info-btn {
    width: 20px;
    height: 20px;
    top:-17px;
}
#my-overview .rbs-popup-container .rbs-popup,
.main-stats-table .rbs-popup-container .rbs-popup,
#_myLoanSegments2 .rbs-popup-container .rbs-popup,
#appTable.homeTable .rbs-popup,
#appTable.table .rbs-popup{
    padding: 10px !important;
    background: /*10px rgba(0,0,0,0.3)*/ #dddede;
    top: -20px !important;
    left: 30px !important;
    z-index: 100 !important;
}
#appTable.homeTable .rbs-popup .rbs-bottom a,#appTable.homeTable .rbs-popup .rbs-bottom a .fa,
#appTable.table .rbs-popup .rbs-bottom a,#appTable.table .rbs-popup .rbs-bottom a .fa{
    color: #004d72!important;
    text-decoration: none;
}

#appTable.homeTable .rbs-popup .title,#appTable.table .rbs-popup .title{
  background: #004d72;
}
.rbs-popup .rbs-bottom{
    border-top:1px solid #ccc;
    padding-top: 10px !important;
    background: #fff;
    margin-top: 10px !important;
}
.rbs-popup .rbs-bottom a,.rbs-popup .rbs-bottom a .fa{
    color: #72c238 !important;
    font-size: 12px !important;
}
.rbs-popup .rbs-bottom a .fa{
    margin-right: 5px !important;
    
}
.rbs-popup .rbs-bottom a:hover{
    text-decoration: underline;
}

.chr-main-info-text {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin: 0 20px 0 20px;
    line-height: 20px;
    margin-bottom: 15px;
}

.chr-main-info-header {
    font-size: 15px !important;
    color: #196b8f;
    padding: 15px 0;
    display: block;
    font-weight: bold;
}

.chr-popup-info button {
    background: #489cc2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 185px;
    height: 48px;
    font-size: 16px;
    text-align: center;
    text-decoration: none !important;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 5px;
    border: none;
    display: block !important;
}

.chr-fotter {
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 767px) {

    #maincontent .chr-popup-info .iziModal-header-title {
        padding: 5px !important;
    }
    .chr-popup-info button {
        width:100%;
    }
}