/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap');

body{
    font-family: 'Mulish', sans-serif;
    color:var(--theme-default-dark);
}

.icon-block {
    padding: 0 15px;
    margin-top:10px;
}

.icon-block .material-icons {
    font-size: inherit;
}

#mobile-pin{
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 11px;   
}

#dashboardbg {
    /*    background-image: url(../img/practice-dashboardbg.jpg);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#f2f2f2;
    background-position:right;
    width: 100%;
    height: 100%;
    /*overflow-y: scroll;*/
}
.fsg-datepicker-wrap .bi-calendar2.open-the-datepicker{
        left: -16px !important;
        top: -8px !important;
}
.site-layout-example-top img{
    margin-top:8%;
}

.iff-fromfield-wrapper{
    padding: 25px;
    border-radius: 25px;
    margin-top: 10%;
    box-shadow: rgba(149, 157, 165, 0.5) 0px 15px 24px;
}

.iff-fromfield-wrapper.defaultsignin h1{
    text-align: center;
}

.iff-fromfield-wrapper h1{
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 300;
    margin: 20px 0px;
    text-align: center;
}

.iff-fromfield-wrapper h2{
    font-size: 24px;
    font-weight: 300;
    margin: 10px 0px;
}

.iff-fromfield-wrapper h3{
    font-size: 20px;
    font-weight: 300;
    margin: 10px 0px;
}

.iff-fromfield-wrapper.defaultsignin p{
    letter-spacing: 1px;
    font-weight: 300;
    word-break: break-word;
}

.iff-fromfield-wrapper.defaultsignin .btn.btn-behance{
    background: #fff;
    color: #000;
    font-weight: 400;
}

.btn.btn-behance{
    border-radius: 25px;
    padding: 0px 18px;
    background: rgba(0, 0, 0, 0.3);
}

.iff-fromfield-wrapper.defaultsignin .authenticator-submit .btn, .iff-fromfield-wrapper.defaultsignin .authenticator-submit .btn-large{
    background: #fff;
    color: #000;
    font-weight: 400;
}

.iff-fromfield-wrapper .registration{
    margin-bottom: 0px;
}

.iff-fromfield-wrapper .registration .footerbtn{
    max-width: 280px;
}

.iff-fromfield-wrapper .authentication-wrap{
    font-weight: 300;
    letter-spacing: 1px;
}

.iff-fromfield-wrapper .authentication-wrap label{
    font-size: 15px;
}

.iff-fromfield-wrapper .authentication-wrap p a{
    font-weight: 600;
}

.iff-fromfield-wrapper .authentication-wrap .containerradio .checkmark{
    border: none;
    padding-left:28px;
}

.faqcode svg{
    /*width: 100% !important;*/
}
.faqcode img{
    max-width: 100%;
}

.poweredby{
    margin-bottom: 0%;
    position: fixed;
    bottom: 3%;
    right: 2%;
}

.login-coloLeft{
    position:relative;
    left: 0px;
    background: #fff;
    margin-top: -25px;
}

.login-coloLeft:after{
    content: '';
    height: 60px;
    background: #fff;
    position: absolute;
    left: 0px;
    border-radius: 0px 0px 35px 35px;
    display: block;
    width: 100%;
}

.iff-login-screen-logo{
    background-color: #fff;
    height: 370px !important;
    position: relative;
}

.iff-login-screen-logo img{
    margin-top: 0%;
    width: 62%;
    position: absolute;
    top: 25%;
    left: 19%;
}
/*END*/
.select-practice-wrap{
   display: block;
   margin-bottom: 20px;
   padding: 15px;
   border: 1px solid #fff;
   border-radius: 4px;
}

.select-practice-wrap .select-practice-logo{
    float: left; 
    border-radius: 4px;
    overflow: hidden;;
    background: #fff;
}

.select-practice-wrap .row{
    margin-bottom: 0px;
}

.select-practice-wrap .select-practice-logo img{
    width: 100%;
}

.select-practice-wrap h3{
    font-size: 18px;
    margin-top: 5px;
    font-weight: 400;
}

.select-practice-wrap h4{
    font-size: 15px;
    font-weight: 300;
    margin-top: 0px;
}
.select-practice-wrap h4 span{
     font-size: 14px;
    font-weight: 500;
}


.select-practice-wrap button.pracbtn {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ffffff;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    display: block;
    text-align: center;
    margin-right: 10px;
    background: none;
     float: right;
}

.select-practice-wrap:hover {
    background: rgba(0, 0, 0, 0.1);
}

.select-practice-wrap button:hover.pracbtn {
    background: rgba(0, 0, 0, 0.3);
}



.pdficon-block{
    display: none;
    }





@media only screen and (max-width: 1368px) {
    #dashboardbg {
        background-image:none;
        background-color:#eeeeee;
    }

    .browsermsg-outer .contmsg-log{
        float: left !important;
        margin: 0px auto;
        /*width: 405px;*/
        text-align: center;
        margin-top: 14px;
    }

    .browsermsg-outer .contmsg-brow{
        width: 100%;
    }

    .browsermsg-outer .contmsg-brow h3{
        text-align: center;
    }

    .browsermsg-outer .contmsg-brow h5{
        text-align: center !important;
    }

}

@media (min-width: 1023px) and (max-width: 1367px) {

    .browsermsg-outer .contmsg-log ul li:first-child{
        margin-right:20px !important;
    }


    .browsermsg-outer{
        max-width: 460px !important;
        position: relative !important;
        left: 27% !important;
         margin-top: 40px;
         display: none;
    }

    .browsermsg-outer .contmsg-log ul li{
        margin-right:0px !important;
    }

    .browsermsg-outer .contmsg-brow h3{
        font-size:20px !important;
    }
    .browsermsg-outer .contmsg-brow h4{
        font-size: 14px !important;
    }

}

@media only screen and (max-width: 1024px) {
    
    .browsermsg-outer{
        display:none;
    }
    

    .login-user-details{
        padding: 5px 10px !important; } 

    .form-wizard-step p{
        font-size: 13px;
    }

 h3.document-title{ width:100%; display:block;}
    .child-dependent{ margin-top: 44px;}
    .added-document-box{ margin: 0px !important;}
    .container{ width: 100% !important; /*margin-top: 30px;*/}

      
/*    .poweredby{
        position:relative;
        float: right;
    }*/
    
}


@media only screen and (max-width: 768px) {
    .browsermsg-outer .contmsg-brow h3{
        font-size: 16px !important;
    }

    .browsermsg-outer .contmsg-brow h4{
        font-size: 11px !important; 
    }

    .browsermsg-outer .contmsg-log ul li:first-child{
        margin-right: 1px !important;
    }

    .browsermsg-outer .contmsg-log ul li{
        margin-right: 0px !important;
    }

    .registration .registration-error{
        position: initial !important;
    }

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label{
        font-size: 1rem !important;
    }

}


/* For mobile devices */
@media only screen and (max-width: 767px) {
    /*    #dashboardbg {
            background-image: url(../img/dashboardbg-mobile-devices.jpg);
        }*/
    .verify-details-wrap{ width:80% !important;}

    .initial-meeting-personal-details .fstitle{

        text-align:right !important;
    }

    .child-dependent{ margin-top:0px;}

    .topbar-left{
        width: 166px;
    }

}



@media only screen and (max-width:1498px) {

    .xplan-notify-bubble.active{
        width: 20px;
        height: 20px;
        line-height: 19px;
    }
    a.xplanstyle{
        padding: 10px 10px;
    }
}




@media only screen and (max-width:1024px) {

    .buttonxplanetable{
        text-align: center !important;
    }


}

@media only screen and (max-width:900px) {
        
   iframe.pdf-mo-none{
        display: none;
    }
    
    .pdficon-block{
        display: block;
        margin: 15px 0px;
        display: block !important;
    }
    
    .acknowledgeWrap .ack-companylogo{
        display: block !important;
        text-align: center !important;
        float: inherit !important;
    }
    
    .acknowledgeWrap .ack-companylogo-cont .head{
        font-size: 20px !important;
    }

}



@media only screen and (max-width:420px) {

    .acknowledgeWrap .ack-companylogo-cont .head{
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 300;
        margin: 0px;
        text-align: center;
    }

    .acknowledgeWrap .ack-companylogo-cont{
        margin-left: 0px !important;
        text-align: center;
        margin-bottom: 20px;
    }
        
    .acknowledgeWrap{
        padding: 32px 15px 1px 15px;
    }
    
    #mobile-pin{
        font-size: 18px;
    }
    
    .poweredby-ack .poweredby{
        float: inherit !important;
    }
  
    .right-align.top-20 a.btn.btn-theme.btn-md.center.modal-trigger{
        width: 100%;
        margin: 15px 0px;
    }
    
    .acknowledgeWrap .ack-companylogo{
        display: block !important;
        float: inherit  !important;
        text-align: center  !important;
    }
  
    .pdficon-block{
        display: block !important;
        margin: 15px 0px;
    }
}





.forgot-password{
    margin-bottom: 20px;
    margin-top: -10px;
    text-align: right;   
    /*position: absolute;*/
    right: 0px;
    top: 10px; 
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
}

.forgot-password  a strong{
    font-weight: 700;
}

.forgot-password a{
    color:blue !important; 
    text-decoration: underline;
}

.verified-check-mobile-no i{
    color:#77bb32;
}
#resend_sms a{
    color:blue !important; 
    text-decoration: underline;
}

.input-field input#mobile-number{ box-sizing: border-box;}	

.practice-website-default.active:before{ 
    content:"www.";
    top:31px;
    font-size: 1.3rem;
    position:absolute;	
}

.mobile-number-default.active:before{ 
    content:"04";
    top:31px;
    font-size: 18px;
    position:absolute;	
}


.verified-mobile-no-wrap{
    position: relative;
    z-index:2;
}

.verified-check-mobile-no{
    position: absolute;
    right: 0px;
    top: 10px;   
}

.verified-check-mobile-no i{
    color:#77bb32;
}


.input-field input#mobile-number{ box-sizing: border-box;}	

.practice-website-default.active:before{ 
    content:"www.";
    top:31px;
    font-size: 1.3rem;
    position:absolute;	
}

.email-address-domain-align{
    position: absolute;
    right: 0px;
    top: 10px;
    color: gray;
}

#head_office_address_website-url, #website-url{ color: gray;}

.email-common-space{
    position: absolute;
    right: 12px;
    top: 25px;
    color: gray;
}


.input-field input#re-email-address{ box-sizing: border-box; padding-right:35%;}
.input-field input#practice-website{ padding-left:44px; box-sizing: border-box;}	

.input-field .head{ text-align:center; font-size:1.5rem; letter-spacing: 1px; font-weight: 500; margin: 1rem 0px;}
.verify-details-wrap{ width:30%; padding:15px 30px; height: auto;}
.verify-details-wrap .center a{  color:var(--theme-mode-font-color) ; margin:20px 0px 10px 0px;;}
.modal-close-btn{ 
    float:right;
    color:#333;
    position:absolute;
    right:10px;
    top:10px; 
}

.acknowledgeWrap{
    padding: 32px 32px 1px 32px;
    border-radius: 25px;
    margin: 50px auto;
    margin-top:20px;
    width:75%;
}

.acknowledgeWrap .ack-companylogo{
    float: left;
    margin-bottom: 20px;
}
.acknowledgeWrap .ack-companylogo img{
    max-height: 80px;
}

.acknowledgeWrap .ack-companylogo-cont{
    float: left;
    margin-left: 25px;
}

.acknowledgeWrap .ack-companylogo-cont .head{
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 300;
    margin: 20px 0px;
}

.slimScrollBar{
    right: 4px !important;
    width: 10px !important;
}

.poweredby-ack .poweredby{
    float: right;
}

/* Success Tick style start*/
.checkmark_success {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 5% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
/* Success Tick style close*/

.fillmobicon-wrap{
    position: relative;
}

.fillmobicon-wrap .fillmobicon{
    position: absolute;
    right: 0px;
    top: 10px;
}

.fillmobicon-wrap .fillmobicon i{
    background-color: #02c88b;
    color: #fff;
    border-radius: 50%;
    padding: 4px;
    font-size: 15px;
    font-weight: 600;
}

.sendicon{
    float: right;
}

.modal-close-btn i{

    font-size:30px;
}
.verify-btn{ padding-bottom:30px;}
.ft-field-button{ padding-top:10px;}
.widthauto{ width:100%;}
.footer-link{ padding-bottom:30px; color:#999;}

.display-form-field{ display:none;}
.display-hide-verify-field{ display:none;}


.hide-show {
    margin: -3.62em 3% 0 1.5%;
    position: absolute;
    z-index: 5;
    display: none;
    right: 0;
}
.hide-show span {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    padding: 0.5em;
} 

.hide-show-pass {
    margin: -3.62em 3% 0 1.5%;
    position: absolute;
    z-index: 5;
    display: none;
    right: 0;
}
.hide-show-pass span {
    background: #999 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    padding: 0.5em;
} 


.forgot-link{ color:#999;}

.show-password-strength{
    border:solid 1px #e9e9e9;
    padding:0px 20px;
    border-radius:4px;	
    background-color:#f9f9f9;
}
.show-password-strength li{

    list-style:none;

}

.show-password-strength .title-stenth{
    padding:15px 0px 10px;
    color:#999;
}

.show-password-strength .progress{	
    height:15px;
}

.show-password-strength [type="checkbox"] + label:before, .show-password-strength [type="checkbox"]:not(.filled-in) + label:after{

    width: 15px;
    height:15px;
    top: 2px;   
}

.show-password-strength [type="checkbox"] + label{

    padding-left:25px;
}

.show-password-strength [type="checkbox"]:checked + label:before{
    width: 10px;
}


.display-status{
    color:#999;
    font-size:14px;
}

.display-status span.bad{
    color:red;
}
.display-status span.strong{
    color:green;
}
.display-status span.good{
    color:orange;
}

.display-status span.average {
    color:#333;
}

.dashboard-setup{
    background-color: #fff;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    position: relative;
    transition: box-shadow 0.25s ease 0s;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

/*Datepicker*/
.account-st-date-picker-outer label[for="fsg_version_date"]{
    /*transform: translateY(-14px) scale(0.8) !important;*/
    left: 0px !important;
}
.account-st-date-picker-outer .fsg-label{
    visibility: hidden;
    opacity: 0;
}
.account-st-date-picker-outer.fsg-datepicker-wrap .fa.fa-calendar.open-the-datepicker{
    top:-10px !important;
}
.account-st-date-picker-outer label[for="fsg_version_date"]:after {
  content: " *";
  color: red;
}
.account-st-date-picker-outer{
    position: relative;
    display: flex;    
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
}
.account-st-date-picker-outer label{
    left: 0px !important;
}
.account-st-date-picker-outer .material-icons.open-the-datepicker{
    top:inherit !important;
    right:30px !important;
    position: inherit !important;
}
.account-st-date-picker-outer .datepicker_container{
    display: flex;
    gap:0;    
    padding-right:0;
    box-sizing:border-box;
    position:relative;
    align-items: center;
    flex-grow: 1;
}
.account-st-date-picker-outer .the-datepicker__container{
    top:40px;
}
.account-st-date-picker-outer .datepicker-container{
    border: 1px #ccc solid;
    width: 212px;
    position: absolute;
    z-index: 99;
    top: 48px;
}
.consetn-privacy-policy .fa.open-the-datepicker{
    top:0px !important;
    left:-25px !important;
}
.login-user-details{
    /* background: rgba(0, 0, 0, 0) linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%) repeat scroll 0 0; */
    /* 	 border-bottom: 2px solid #ececec; */
    float: left;
    padding-bottom: 25px;
    padding-top: 10px;
    width: 100%;
    background-color: #e8e8e8;
    padding: 15px;
    margin-bottom: 22px;
    border-radius: 4px;
}

.logobgcolor{
    background-color: white;
    padding:5px 10px;
    border-radius: 15px;
    margin-top: 15px;
}


/*.dashboard-setup .client-textbox{ padding:5% 3% 3% 0%;} */
.dashboard-setup .client-textbox p{ font-size:16px; font-weight:400; color:#26a69a;}
.input-field label{ font-size:14px;}
/*.input-field label.active{ top:4px;}*/

.dashboard-setup .client-textbox p span{
    font-weight: bold;
}

.login-user-details .user-name, .login-user-details .user-email, .login-user-details .user-logout{

    line-height:22px;
    float:left;

}
.user-name{

    padding-right:20px;


}
.user-message-box{ padding:10px; margin-bottom:15px; background-color:#ffffc2; float:left; width:100%; border-radius:4px; border:solid 1px #f7e3a7; text-align:center;}

.login-user-details  .user-logout{float: right;}

.user-logout .logout{ 
    float:right;    
}
.form-wizard .user-logout .logout a{
    color: var(--theme-default-dark);
}

.login-user-details i{ float:left; padding-right:8px;}


.dashboard-details-wrap{
    background-color: #fafafa;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    margin: 25px 0;
    padding: 20px;
}
.dashboard-details-wrap .row{
    margin-bottom:0px;

}

.dashboard-details-wrap .row h5{
    font-size:20px;

}
/* Initial Meeting */
.initial-meeting-personal-details{


}

.initial-meeting-personal-details .fstitle{ 
    color: #00838f;
    font-size: 16px;
    padding-top: 10px;
    text-align:right;
}

.initial-meeting-personal-details h4.gender{

    font-size: 16px;
    color: #666 !important;
    margin-top:0px;
}	

.initial-meeting-box{

    position:relative;
}

.smlable{

    font-size:16px !important;

}

.titlepartner, .titleclient{ 
    color: #666;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;

}

.added-phone-box{
    display: flex;
    margin: 10px;
    padding: 10px;
    position: relative;
    border-radius:4px;
    border:solid 1px #deecef;

}

.added-phone-box .delete-phone-box{

    position:absolute;
    top:4px; 
    right:4px;


}


.added-phone-number{ margin:15px 0px;}

.added-phone-number a{ 

    color: #fff !important;
    font-size: 13px;
    background: #666;
    padding: 10px 18px;
    line-height: 17px;

}

.added-phone-number a i{

    float: left;
    padding-right: 7px;
    font-size:22px;
}

.added-phone-number a:hover{
    background: #666 !important;

}	

.initial-meeting-children-dependency{


}

.initial-meeting-children-dependency h5{
    color: #666;
    font-size: 14px;
    font-weight: 400;	
    margin-bottom: 10px !important;
}
.employee-display-a-couple{ 
    float: left;
    margin-bottom: 10px;
}

.employment-details h5{
    color: #666;
    font-size: 14px;
    font-weight: 400;	
    margin-bottom: 10px !important;
}


.financial-advice-lable{  left:0px !important;}

.child-dependent{ margin-top:59px;}


.seeking-advise h5{
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px !important;
}

[type="checkbox"] + label{ padding-left: 30px;}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{ padding-left: 30px;}

.seeking-advise [type="checkbox"] + label::before, .seeking-advise [type="checkbox"]:not(.filled-in) + label::after{

    margin-top: 4px;	

}

.seeking-advise label{

    margin-bottom:10px;


}

.documents-bring{
    display:block;	
}

.documents-bring p{

    font-weight:300;
}

.added-document-box{ background-color: #f5fafb;
                     border: 1px solid #deecef;
                     border-radius: 4px;
                     display: flex;
                     margin: 10px;
                     padding: 10px;
                     position: relative;}


.added-document-box .delete-document-box {
    position: absolute;
    right: 4px;
    top: 4px;
}	

.added-document-box{

    display: block;
    float: left;
    width: 97.4%;
}

.added-document-box h4{

    float: none !important;
}

.added-document{ margin:15px 0px;}

.added-document a{ 

    color: #fff !important;
    font-size: 13px;
    background: #666;
    padding: 10px 18px;
    line-height: 17px;

}

.added-document a i{

    float: left;
    padding-right: 7px;
    font-size:22px;
}

.added-document a:hover{
    background: #666 !important;

}

.added-document-box h3{

    margin-top: 5px !important;
    color:#666 !important;
    font-size:20px !important;
}


/* Training Video */

.training-videobox{
    text-align: center;
}

.training-videobox i {
    position: absolute;
    top: 40%;
    left: 50%;
    border-radius: 10%;
    font-size:16px;
    color: #fff;
    width: 80px;
    height: 64px;
    line-height: 60px;
    opacity: 0.4;
    border: solid 1px #bad1dc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(-50%, -50%) scale(0.7);
    transform: translate(-50%, -50%) scale(0.7);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}


/*.training-videobox:hover img,
.training-videobox.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}*/
.training-videobox:hover i,
.training-videobox.hover i {
    opacity: 1;
    border: solid 1px #fff;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



/* Form Validation */

.input-field label{
    color: #000;
    font-weight: 400 !important;
}

#remove_feilds p{ margin-top:0px;}

.registration .registration-error{
    color: #ef4c57;
    position: relative;
    top: -12px;
    font-size: 12px;
    background: #ffeced;
    border-radius: 4px;
    padding: 0px 7px;
    line-height: 22px;
}

.registration .registration-error-radio{

    font-size: 12px;
    margin-top: 3px;
    color: #ef4c57;

}

.registration .registration-error:empty {
    background: none;
    border: none;
}

.error-msg-padding .registration-error{
    top:0px !important;
}


#registration-error-mobile-pin{

    color: #ef4c57;
    font-size:13px;
    position: relative;
    top: -12px;

}

.resend-msg{ color:#519619;}

/*Thanks Page*/
.thanks-page{
    padding:30px; margin-top:5%;
    text-align:center;

}

.thanks-page-box{
    position: relative;
} 


/* .thanks-page-box:after{
        content: '';
        display: block;  
        position: absolute;
        left: 48%;
        bottom: 100%;
        width: 0;
        height: 0;
        border-bottom: 10px solid white;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        
} */

.activate-account-msg{
    background-color: #fff7ca;
    border-bottom: 2px solid #e5da9f;
    font-size: 16px;
    margin-top: -42px;
    padding: 15px;
    width: 100%;
}

.thanks-page h3{

    margin-bottom:70px;

}

.thanks-page h3.underline{
    position: relative;
    z-index: 1;
}

.thanks-page h3.underline::before{
    border-top: 3px solid #518aa6;
    bottom: -35%;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 9%;
    z-index: -1;

}

.logo-thanks i{ font-size:80px; color:#518aa6;}

.thanks-page .thanks-page-box{

    background-color:#fff; 
    margin:0px 10%;
    padding:15px;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}

.thanks-page .thanks-page-footer{

    margin:0px 10%;
    padding:15px;
}

.thanks-page .thanks-page-footer ul.social-meadia{
    margin: 0px;
    padding: 0px;
    width: 300px;
    margin: 20px auto;
}

.thanks-page .thanks-page-footer ul.social-meadia li{
    display: inline;
    padding: 4px;
    /* margin-top: 30px; */
}

.footer.text-center{
    text-align: center;
}

.thanks-page-box ul li{

    text-align:left;
    margin-bottom:20px;
    line-height:22px;
    padding-left:30px;
    background:url('../img/right-tick-thanks.png') no-repeat 0px 4px;
}

.thanks-page-box ul li:first-child{
    margin-top:20px;
}

.thanks-page-box ul li:last-child{

    background:none;
}

.thanks-page p a{

    color:#518aa6;
}


.thanks-page p.msgImp{

    color:#518aa6;
}

ul.notification li a{
    margin-top: 5px;
}

ul.notification li a i.fa.fa-bell-o.fa-3x{
        font-size: 24px;
        margin-right: 0px;
}


/*Tabs color change*/

.tabs .tab a:hover {
    color:#039be5!important;
}
.tabs .tab a {
    color:#039be5!important;
}
.tabs .indicator{
    background-color:#039be5!important;
}

/*Disable MDL validation styles*/

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgba(0, 0, 0, .26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: rgb(63, 81, 181);
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(63, 81, 181);
}
/*Validation styles based on MDL*/

.ng-invalid.ng-invalid.ng-touched {
    border-color: rgb(222, 50, 38);
    box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched + label {
    color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched + label:after {
    background-color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched ~ .mdl-tooltip--validation {
    background-color: rgb(222, 50, 38);
}



.ng-invalid.ng-touched:not(:focus) + label::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    /* Preferred icon size */

    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    line-height: 1;
    font-size:23px;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;
    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */

    font-feature-settings: 'liga';
    content: "warning";
    position: absolute;
    right: -36px;
    bottom: 20px;
}

.ng-valid.ng-touched:not(:focus) + label::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    /* Preferred icon size */		
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    /* Support for all WebKit browsers. */

    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */

    text-rendering: optimizeLegibility;
    /* Support for Firefox. */

    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */

    font-feature-settings: 'liga';
    content: "done";
    right:-26px;
    bottom: 25px;
    color:#fff;
    float:right;
    background-color:#85b75c;
    padding:2px;
    border-radius:50px;
    position:absolute;
}


#domain-disabled, #practice-name-disabled{
    border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
    color:#999;	
}

/* Alert */

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
    position: relative;
    /*max-width: 550px;*/
    padding-right: 150px;
}

.notification-button{
    float: right;
    margin-right: 18px;
    position: absolute;
    right: 15px;
    top: 10%;
}
a.notification-button button.btn{
    margin-bottom: 0px;
}

.notification-content{
    line-height: 27px;
}


.noti-close-icon{
    position: absolute;
    right: 10px;
    top: 3px;
}


.topalert-header{
    /*    float: right;*/

    /* text-align: center; */
    padding-right: 90px;
}

.topalert-header img{    
    width: 100%;
    margin-top: 26px;
}

.navbar-nav>li{
    margin-right: 10px;
    float: left;
}



/* Modal Box  */

#modal2 .registration-heading-text{ 
    /*  padding: 40px 20px; */
    border-bottom: 1px solid #999;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
} 

#modal2 .change-request a, #modal2 .send-request a, #modal2 .cancel-registration a{ 
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    padding: 15px;
    text-align: center;
    margin-top:10px;
    width: 100%;
}
#modal2 .change-request a:hover, #modal2 .send-request a:hover, #modal2 .cancel-registration a:hover{	
    background-color:#e7e7e7;

}
#modal2 .change-request a span, #modal2 .send-request a span, #modal2 .cancel-registration a span, #modal2 .add-practice a span{

    display:block;
    text-align:center;

}


#modal-practice-name {

    top:28% !important;
}
.alertbox{max-width: 460px;height: 240.3px;}



.alertbox .modalwrap{
}
.alertbox .modalwrap .modal-content{
    text-align: center;
    padding: 24px 23px 24.3px 24px;
}

.alertbox .modalwrap .modal-content h3{
    margin-bottom: 12px;
    font-size: 32px;
}

.alertbox .modalwrap .modal-content h5{
    font-weight: 300;
    font-size: 18px;
}

.alertbox .modalwrap .modal-content h3 i{    
    font-size: 46px;
    display: block;
    margin-bottom: 10px;
    color: #dd3e3e;
    margin-top: 10px;
}


.alertbox .modalwrap .closebtn{
    position: absolute;
    right: 10px;
    top: 10px;
}
.alertbox .modalwrap .closebtn a{
    color: #666;
}

.alertbox .modalwrap .modal-footer{
    background-color: #00838f;
}

.alertbox .modalwrap .modal-footer a{
    color: #fff;
}

.alertbox .modalwrap .modal-footer{
    padding: 5px 6px;
    position: absolute;
    bottom: 0px;
    text-align: center;
}



/* Modal Box Close */




/* SVG Check icon 
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 15% auto 5%;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
*/


.verified-check-modal{

    font-weight:300;
    margin-bottom: 50px;

}

.submit-setup-modal{

    font-weight:300;
    margin-bottom: 20px;
}

.invite-team{

    text-align:center;
    margin-bottom: 20px;
}

.invite-team span.invite-memeber{ 
    padding: 12px 15px;
    border-radius: 4px;
    border:solid 2px #fafafa;
    transition: all 0.5s ease;
}


.invite-team span.invite-memeber:hover{ 
    border:solid 2px #26a69a;
}

.invite-team span.invite-memeber label{

    font-size: 16px;
    margin: 10px 0px;
    color: #333;
    padding-right: 10px;
}





.headertop-leftlogo{

    padding: 15px;
}

.practiceuser-details{
    /* text-align: right; */
}

/*.practiceuser-details h2{
    font-size: 24px;
    font-weight: bold;
    margin-bottom:0px;
    color: #333;
    border-radius: 50px;
}*/

.practiceuser-details h2{
     font-size: 26px;
}


.practiceuser-details h3{
    color: #333;
    font-size: 18px;
}

.practiceuser-details p{
    font-size: 16px;
    font-weight: 300;
}

.fix-heightLogo-label img{ 
    margin-top: -10% !important;
    width: 380px;
}

/*#materialize-lean-overlay-1{ display:none !important;}*/


@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%, 100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,input:-webkit-autofill:focus{ background: #fff!important;  -webkit-box-shadow: inset 0 0 0px 9999px white!important; box-shadow: inset 0 0 0px 9999px white!important;}

/* SVG Check icon close */

/* Confirm Practice Name */

.confirm-your-practice-box{
    width:100%;
    float:right;
    position: relative;   
    /*height: 100vh;*/
}


.confirm-your-practice-box h4{margin-bottom: 16px !important;float:left;width:100%;}

.prac-name-confirmation{
    display: flex;
    align-items: center;
}
.confirm-your-practice-box h2{
    color: #555;
    font-size: 24px !important;
    font-weight: 100;
    line-height: normal;
}

.confirm-your-practice-box .logo-wc{
    padding: 10px;
}
.confirm-your-practice-box .logo-wc img{
    max-width: 250px;
}


.confirm-ft-logo{

    display: block;
    padding-top:13px;
    border-top: solid 1px #f3f3f3;
}

.client-bodytext{ padding:15px;}


.client-bodytext h3{ padding:15px; color:red;}


.addresses-location-wrapper{ 

    /*  background-color: #fffdec;  
     padding:20px; 
     margin-top:20px; 
     border:solid 1px #f1ebc4; 
     border-radius:4px;
     position:relative; */
}

.add-office{
    color: #333 !important;
    font-size: 22px !important;
    font-weight: normal !important;
    top: -8px !important;
}

.addresses-remove-item{
    position:absolute;
    right:10px;
    top:10px;
    color:#666 !important;
}

.uploadfilefield{	
    position:  relative;
    height: 37px !important;
    line-height: 38px !important;
    margin-top: 8px;
    position: relative;	
}	


.afsl-right, .afsl-wrong{
    float:left;
    font-size:32px;

}	

.afsl-right i{
    color:#05bf05;
}

.afsl-wrong i{
    color:red;
}

.addresses-location-wrapper h4{

    margin-top:0px !important;
    color:#636363 !important;

}

.added-loaction-section-add{ margin:15px 0px; display: inline-block;}

.added-loaction-section-add a{ 
    color: #fff !important;
    font-size: 13px;
    background: #666;
    padding: 10px 18px;
    line-height: 17px;
}

#add-more-branches i{ 
    margin-right: 8px;
    float: left;
}

ul.authority-addresslist{
    list-style: none;
    padding: 0px; 
}

ul.authority-addresslist li{
    display: block !important; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px #999;
    transition: all 0.5s ease;  
    text-transform: capitalize;
}

ul.authority-addresslist li:hover{
    cursor: pointer;
    background-color: #00828D;
    color: #fff;
    padding:6px;
}

.add-more-branches i.fa.fa-plus{ 
    float: inherit !important;
}

.added-loaction-section-add a i{
    float: left;
    padding-right: 7px;
    font-size:16px;
}

.added-loaction-section-add a:hover{
    background: #666 !important;

}	

.radiobtn-sp-right{margin-right:20px;}

.margin-left-none{ padding-left: 0px !important;}

.loader-overlay{
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    margin: 0 auto;
    padding-top: 24%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9;
    display:none;
}
.overlay-active{display:block;}

.fsg-file-box #pdf_div{ 
    border: 1px solid #eee;
    float: left;
    margin: 25px 25px 15px 0;
    position: relative;
    width: 200px;
}

.fsg-file-box #img_div{ 
    /*border: 1px solid #eee;*/
    float: left;
    /*margin: 25px 25px 15px 0;*/
    position: relative;
    width: 200px;
}

.fsg-file-box .removefile{
    background: #d65b5b none repeat scroll 0 0;
    border-radius: 30px;
    padding: 5px 5px 0;
    position: absolute;
    right: -10px;
    top: -10px;

}

.fsg-file-box .removefile a i{
    color:#fff;
    font-size: 18px;
}

.fsg-file-box .addfile{

    display:block;
    width:100%;
    float:left;

}
.fsg-file-box .addfile .addfile-btn{

    border-radius: 4px;
    padding: 5px;
    float:left;

}
.fsg-file-box .addfile .addfile-btn i{
    color: #fff;
    float: left;
    padding-left: 5px;
}

.fsg-file-box .addfile .addfile-btn input[type="button"]{
    border:none;
    color: #fff;
    background:none;
    font-size: 14px;
    outline:none;
    border:none;
}



#error_fsg_image, #pdf_upload_format{
    float:left;
    padding:10px 0px;
}



/* Subscription */

.subscription-columns-wrapper .columns {
    float: left;
    margin-bottom:50px;
    padding:3%;
}

.subscription-columns-wrapper .columns .price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position:relative;
}
.subscription-columns-wrapper .columns .price:hover.overflow-price{

    text-shadow:none;
}

.overflow-price{

    background: url(../img/price-over-bg.png);
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;

}
.free_subscription_icon{ float:left; margin-right:6px;}

/* .subscription-columns-wrapper .columns .price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
} */

.subscription-columns-wrapper .columns .price .header {
    background-color: #444;
    color: white;
    font-size: 25px;
}

.subscription-columns-wrapper .columns .price li {
    border-bottom: 1px solid #eee !important;
    padding: 10px;
    text-align: center;
}

.subscription-columns-wrapper .columns .price .grey {
    background-color: #eee !important;
    font-size: 20px;
}

.subscription-columns-wrapper .columns .button {
    background-color: #4CAF50;
    border: none;
    color: white;
    /* padding: 8px 25px; */
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    font-size: 15px;
}

.OtherDirectorRowToBeCloned{
    position: relative;
}

.OtherDirectorRowToBeCloned a .fa{
    position: absolute;
    right: 24px;
    top: 32px;
    width: 24px;
    height: 24px;
    background-color: red;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    color: #fff;
    border-radius: 24px;
}

.data-xplan-wrap.datatable_container.integrations-table-actionfix .slimScrollDiv .nicescroll{
       min-height: 555px !important;
}
.adviser_role_container .form-group select ~ .control-label{
    z-index: 0 !important;
}
.invite-team-member .addclientcountry .iti {
    position: absolute;
    left: 15px;
    top: -12px !important;
    z-index: 1;
}
.account-st-date-picker-outer .fsg-date-label{
    left:0px !important;
}

@media (max-width: 1366px){
    .topalert-header{
        padding-right:0px;
    }

    .text-center img{
        margin-top: 5%;
    }
    #mobile-pin{
        font-size: 16px;
    }

}

@media only screen and (max-width:1024px) {
    .form-wizard{
        padding: 5px 5px 20px 5px !important;
    }

    .allclients-searchbar{
        width: 40%;
    }

    .navbar-nav>li>a{
        padding-right: 5px;
        padding-left: 5px;
    }

    .topbar {
        height: auto;
    }

    .sidebar{
        top: 72px;
    }
    .verify-details-wrap{
        width:50%;
    }
}

@media (max-width: 768px){

    .topalert-header {
        float: left;
        width: 100%;
    }
    .allclients-searchbar{
        float: left;
        padding-left:0px;
    }

    .text-center img{
        margin-top: 10px;
    }

    .topalert-header{
        margin-top:0px;
    }

    .headerclientlogo{
        width: 200px;
    }

    .footer .footer-logo-wrap .chromeedge{
        margin-left: 0px;
    }

}

@media only screen and (max-width: 600px) {
    .subscription-columns-wrapper .columns .columns {
        width: 100%;
    }


    .input-field label	{
        top: 4px;
        font-size: 0.7rem;
    }

    .form-wizard-step p{

        font-size:6px;	
    }	


    .iff-login-screen-logo img{
        position: relative;
        top: 10%;
        left: auto;
    }  

    .iff-login-screen-logo{
        height: auto;
        border-radius: 0px 0px 25px 25px;
    }

    .login-coloLeft:after{
        height: auto;
        position: relative;
    }

    .login-coloLeft{
        border-radius: 0px 0px 25px 25px;

    }
    .verify-details-wrap{
        width:80%;
    }
}
/* User */

.usertable{ 

    margin-bottom:30px;
}


.usertable td, .usertable th{

    font-size: 14px;
    padding: 10px 5px;

}
.top-14{ margin-top:14px !important;}

.top-20{ margin-top:20px !important;}
.top-21{ margin-top:20px !important;}
.bottom-10{ margin-bottom:10px !important;}
.bottom-15{ margin-bottom:15px !important;}
.bottom-20{ margin-bottom:20px !important;}
.bottom-35{ margin-bottom:35px !important;}
.bottom-5{ margin-bottom:20px !important;}
h4.tpbt-10{ margin:10px 0 !important;}

.top-34{ margin-top:34px !important;}

.mr-bottom-10{ margin-bottom:10px !important;}
.mr-right i{ color:var(--theme-mode-font-color) !important;}

.betacheckbox{ margin-bottom: 30px;}


/* Locations Tab */

ul.suggest_list{ 
/*    background: white;
    margin: 0px;
    position: absolute;
    top: 40px;
    left: 26px;
    padding: 0px 10px 10px !important;
    width: 95%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    z-index: 99;*/
    margin-top: 0px;
}

ul.suggest_list li{ 
    display: block; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px var(--gray-200);
    transition: all 0.5s ease;  
    color: #333333;
}

ul.suggest_list li:hover{
    cursor: pointer;
    background-color: var(--gray-300);
    color: #fff;
    padding:6px;
}




ul#show_head_office_address_suggestions{ margin: 0px; padding: 0px;}

ul#show_head_office_address_suggestions li{ 
    display: block; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px #999;
    transition: all 0.5s ease;  
}

ul#show_head_office_address_suggestions li:hover{
    cursor: pointer;
    background-color: #00828D;
    color: #fff;
    padding:6px;
}


ul#show_head_office_postal_address_suggestions{ margin: 0px; padding: 0px;}

ul#show_head_office_postal_address_suggestions li{ 
    display: block; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px #999;
    transition: all 0.5s ease;  
}

ul#show_head_office_postal_address_suggestions li:hover{
    cursor: pointer;
    background-color: #00828D;
    color: #fff;
    padding:6px;
}

.addresses-location-wrapper ul{
    margin: 0px; padding: 0px;
}
.addresses-location-wrapper ul li{
    display: block; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px #999;
    transition: all 0.5s ease;  

}
.addresses-location-wrapper ul li:hover{
    cursor: pointer;
    background-color: #00828D;
    color: #fff;
    padding:6px;
}


/* Loader ifactfind */

/* ifactfind Loader*/

.cls-1{fill:#115668;}
.cls-2{fill:#4d8796;}
.cls-3,.cls-7{fill:#fff;}
.cls-4,.cls-5{opacity:0.15;}
.cls-4{fill:url(#linear-gradient);}
.cls-5{fill:url(#linear-gradient-2);}
.cls-6{fill:#515151;}
.cls-7{opacity:0.18;}
.cls-8{fill:#fff;}

#wait, #wait_queue_loader{ 

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:99999;

}

.ifactfind {
    position: absolute;
    top: 44%;
   left: calc(50% - 75px);
    z-index:9999;
}

.ifactfind svg polyline {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.ifactfind svg polyline#pluss-back {
    stroke: rgba(225,225,225,0.1);
}
.ifactfind svg polyline#pluss-front {
    stroke: #3f7288;
    stroke-dasharray: 27, 81;
    stroke-dashoffset: 108;
    animation: dash 1s linear infinite;
}

.item-2 {
    background-color: #7A45E5;
    top: 0;
    right: 0;
    animation: item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;
}


.imgdiv-uploaded{
    position: relative;
    padding:0px;
    margin: 12px;
}

.imgdiv-uploaded span.removefile{
    position: absolute;
    right: -6px;
    top: -8px;
    cursor: pointer;
}
#upload_div_adviser_photo.imgdiv-uploaded span.removefile{
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
}
#img_div_adviser_signature.imgdiv-uploaded span.removefile{
    position: absolute;
    right: -28px;
    top: -8px;
    cursor: pointer;
}

.concent-policy-upload .imgdiv-uploaded span.removefile{
    right:inherit !important;
}

.imgdiv-uploaded span.removefile i{

    font-size: 14px;
    background-color: #34a69a;
    color: #fff;
    border-radius: 100%;
    padding: 4px;
}



@keyframes item-2_move {
    0%, 100% {transform: translate(0, 0)} 
    25% {transform: translate(-2px, 0)} 
    50% {transform: translate(-2px, 2px)} 
    75% {transform: translate(0, 2px)} 
}


@-moz-keyframes dash {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}
@-webkit-keyframes dash {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}
@-o-keyframes dash {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}
@keyframes dash {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}




#eyeblink {
    animation: blink 8.4s 3;
}
#eye {
    animation: squeeze 8.4s 3;
}

@-moz-keyframes blink {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}
@-webkit-keyframes blink {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}
@-o-keyframes blink {
    62.5% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 1;
    }
}

@keyframes blink {
    90% {
        transform: none;
        animation-timing-function: ease-in;
    }
    93% {
        transform: translateY(58px) scaleY(0)
    }
    100% {
        animation-timing-function: ease-out;
    }
}


/*Date picker*/

.datepicker-panel > ul > li.muted{
    color: #666;
}

.datepicker-panel > ul > li.disabled{
    color: #66666685;
}

.datepicker-panel > ul > li{
    color:#000;
}

/*Read only*/
.readonly{
    pointer-events: none;
}

/*resetyour-iff-password*/

.resetyour-iff-password-wrap p{    
    text-align:center;
}

.resetyour-iff-password-wrap p .largetx{
    font-size: 24px;
    font-weight:bold;
}

.txwhite{
    color: #fff;
}

/*Browser Compatibility*/

.browsermsg-outer{
    border: solid 1px #f5f5f5;
    background-color: #ffffff;
    /*background-image: linear-gradient(180deg, #ffffff 25%, #f5f5f5 100%);*/
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 0%;
    position: fixed;
    bottom: 2%;
    left: 33%;
    display: flex;
    align-items: center;
    color:#666;
}

.browsermsg-outer .contmsg-brow{
    float: left; 
}

.browsermsg-outer .contmsg-brow h3{
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    margin-bottom: 10px;
    color:#333;
}
.browsermsg-outer .contmsg-brow h3 strong{
    color:#333;
}

.browsermsg-outer .contmsg-brow h4{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 0.8px;
}

.browsermsg-outer .contmsg-brow h5{
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #666;
    text-align: right;
    letter-spacing: 0.8px;
}

.browsermsg-outer .contmsg-log{
    float: right;
}

.browsermsg-outer .contmsg-log ul{
    margin: 0px;
    padding: 0px;
}

.browsermsg-outer .contmsg-log ul li{
    display: inline-flex;
    align-items: center;
    text-align: center;
    margin-right: 0px;
    opacity: 0.9;
}

.browsermsg-outer .contmsg-log ul li a{
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.browsermsg-outer .contmsg-log ul li span{
    line-height: 40px;
}

.browsermsg-outer .contmsg-log ul li:first-child{
    margin-right: 30px;
    margin-left: 15px;
}

/*.browsermsg-outer .contmsg-log ul li a img{
    width: 100%;
}*/




/* CUSTOM CSS CODE ADDED */

.singlecolumn{
    padding-top: 4px !important;
    padding-right: 0px !important;
}

/*.panel-title i{
   background: #ff4949;
}*/

.panel-title.singlecolumn i{
    background: none;
    margin-right: -8px;
    font-size: 14px !important;
    margin-top: -10px;
}


.xplantable table.dataTable td{
    color: #000;
}

.ftRight{
    float: right;
}

/*.buttonxplanetable{
    text-align: left !important;
}*/

/*.xplan-notify-bubble.active{
    text-align: center;
}*/

.xplan-heading-icon{
    background: url(/img/xplan-heading-icon.png) no-repeat 10px 12px #06a1dc !important;
}


.ajax-load{
    /*        background: #dde5e8;
            padding: 10px 0px;
            width:100%;
            color: #424242;
            border-radius: 5px;
            text-transform: uppercase;
            text-align: center;
            border: solid 1px #adcedc;*/

    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    color: #424242;
    text-align: center;
    height: 100%;
    position: absolute;
    top: 0px;      
}

.ajax-load p{
    display: block;
    text-align: center;
    margin-bottom: 0px;
    font-weight: 600;
}


.ajax-load p{
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 101;
    width: 150px;
    height: 65px;
    margin-left: -88px;
    margin-top: -10px;
}




.xplanstyle.disabled { 
    pointer-events: none;
    background-color: rgb(255, 255, 255);
    opacity: .5;
}

.xplan-notify-bubble {
    display: none;
}
.xplan-notify-bubble.active {
    display: inline-block;
    border: 1px solid rgb(160, 30, 30);
    color: rgb(255, 255, 255);
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background-color: rgb(222, 33, 33);
    position: relative;
    top: -27px;
    left: 9px;
    line-height: 20px;
    float: right;
    text-align: center;
}

ul.list-suggestions-bonding{
    margin-top: 0px;
    padding:0;
    text-align:left !important;
}
.modal-box-for-integration ul.list-suggestions-bonding{
    padding-left: 8px !important;
}
ul.list-suggestions-bonding li{

    display: block !important; 
    padding: 6px 0px; 
    font-size: 12px;
    border-bottom:solid 1px #999;
    transition: all 0.5s ease;  
    text-transform: capitalize;
}

ul.list-suggestions-bonding li:hover{
    cursor: pointer;
    background-color: #00828D;
    color: #fff;
    padding:6px;

}
a.disabled{
    cursor: not-allowed;
    /*pointer-events: none;
}
a.disabled i.fa-search{
    color: rgb(255 255 255) !important;
    background-color: rgb(169 169 169) !important;
    border-color: rgb(169 169 169) !important;
}
/*just add items in vertical-middle on every line to get better readablity (BY SAIF ON 23.10.20) */
table.xplan tr > td{
    vertical-align: middle !important;
}
.qr-section strong {
    word-break: break-all;
}

.verify-details-wrap.custom-success-popup{
    width:60vw;
    border-radius:8px;
    height: auto;
    top: 25%;
    max-height: inherit;
    padding-bottom: 24px;
}
.modal-close-btn{
    color:#000 !important;
}

@media (max-width:1024px){
  .verify-details-wrap.custom-success-popup{
    width:70vw;
    border-radius:8px;
    }   
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .verify-details-wrap.custom-success-popup{
    width: min(90vw, 900px);
    }   
}
@media screen and (min-width: 768px) and (max-width: 991.98px){
    .verify-details-wrap.custom-success-popup{
    width: min(90vw, 700px);
    }   
}
@media (max-width:576px){
  .verify-details-wrap.custom-success-popup{
    width:90%;    
    }   
}