.active-border {border-bottom: 1px solid #4a90e2!important } 
.finish-border {border-bottom: 1px solid #4a4a4a!important } 
.error-border {border-bottom: 1px solid red!important } 
.inactive {pointer-events: none; opacity: .5 } 
.active {pointer-events: auto; opacity: 1 } 
.vali {float: right; color: #D0021B; font-family: Barlow, sans-serif; font-size: 1.4em; line-height: 22px; position: absolute; right: 2%; top: 25% } 

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.absdv{width: 100%; float: left; height: 100vh; position: fixed; background: rgba(0,0,0,0.5); top: 0; z-index: 999; display: none; }
.loader {border: 6px solid #afafaf; border-radius: 100%; border-top: 6px solid #00274f; width: 40px; height: 40px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; left: 50%; top: 50%; z-index: 999999999; margin-left: -20px; margin-top: -20px; }
.error-msg{float: left; width: 100%; text-align: center; color: #f00; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: normal; line-height: 20px; position: absolute; }
a.frc-class{display: inline-block; padding-top:20px; color: #0f5378; font-family: 'Poppins', sans-serif;}
span.frc-class-suc{color: #0f5378; font-family: 'Poppins', sans-serif; font-size: 14px;}

.log-form input[type="email"] {
    border: none;
    width: 100%;
    border-bottom: solid 2px #8080808c;
    padding: 12.5px 4.5px;
    font-size: 18px;
    line-height: 21px;
    font-weight: lighter;
}

#message {display:none; color: #000; padding: 20px;  width: 100%;margin-bottom: 0;}
#message p {padding: 10px 0; font-size: 18px; }

/* Add a green text color and a checkmark when the requirements are right */
.valid {color: green; }
.valid:before {position: relative; left: -35px; content: "✔"; }

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {color: red; }
.invalid-error {color: red; position: relative; display: none;}
.invalid:before {position: relative; left: -35px; content: "✖"; }
/*.display-password{display: none;}*/
.valid-msg{color: green; position: relative; display: block; text-align: center; width: 100%; padding-bottom: 15px; font-size: 24px;}
/*#reg_confirm_password,#toggle_reg_confirm{display: none;}*/
.success-msg{float: left;width: 100%; text-align: center;font-size: 18px;color: green;}
.delete-profile-account a {float: left; width: 225px; background: #0f5378; color: #fff; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 24px; letter-spacing: 0.3px; line-height: 28px; padding: 15px; box-sizing: border-box; border-radius: 20px; cursor: pointer; }
.display-password #reg_newpass,
.display-password #toggle_reg_newpass,
.display-password #reg_confirm_password_profile,
.display-password #toggle_reg_confirm{display: none;}

.error-text-reg{font-size: 14px; font-family: 'Roboto', sans-serif; color: #ff0000; margin:-10px 0 10px 0; font-weight: 300; left: 0; top: 5px; }
@media print {
    /* Hide everything in the body when printing... */
    footer { display: none; }
    nav { display: none; }
    #doc_h2 { display: none; }
    #doc_desc { display: none; }
    .inpage-reference { display: none; }
    #customFields { display: none; }
    .tab-details p,.tab-details ul { display: none; }
    .lft-docu-dtl{float: left;width: 100%; white-space: nowrap }
    .tab-content{min-height: 100%; white-space: nowrap }
    .ryt-buts{ display: none; }
    .tab-content .pdf_text{overflow: inherit !important;}
    .tab-content{border:none;}
    .tab-content .pdf_text{padding: 0px; box-sizing: border-box;}
    .tab-content .pdf_text p{width: 100%; float: left; word-break: break-word;}
}

.container-pop-up-right{opacity: 0; visibility: hidden; float: left; width:auto; text-align: center; /*background:rgba(0,0,0,0.5);*/ position: fixed; top: 50% !important; left: 50%; transform: translate(-50%,-50%); z-index: 111;}
.modal-content{float: none; width: 540px; background: #fff; display: inline-block; padding: 35px 30px; box-sizing: border-box; border-radius: 30px;}
.reveal-modal-bg{position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; }
.pdf-show-popup{top: 0 !important; left: 0; right: 0; transform: none; height: 100%; width: 100%;}
.pdf-show-popup .modal-content{height: 100%; width: 100%; border-radius: 0; }

.ui-corner-top.ui-state-default .ui-icon-close {
    position: relative;
    /* top: 10px; */
    left: 0;
    color: white;
    cursor: pointer;
    font-size: 10px;
    background: #747474;
    float: left;
    padding: 5px 0;
    width: 20px;
    padding: 11px 6px 12px;
    box-sizing: border-box;
    margin: 0 17px 0px 0;
    border-radius: 0 5px 5px 0;
}

.ui-corner-top.ui-state-default span.ui-icon-close:hover, .ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active span.ui-icon-close:hover {
    background: #00afca;
}
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active span.ui-icon-close{background: #00274f;}
span.ui-icon-close:hover {
    background: #00afca;
}