/*LOGIN PAGE CSS START*/



.color-bg{background-color: #FDF9F8;}



.login-main-sec {max-width: 536px; margin: 0 auto; padding: 80px 0; }

.login-main-sec .login-box-main {padding: 30px; background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 15px 60px rgba(0,0,0,0.16); }





.login-tab-main .nav-tabs {border-bottom: none; }

.login-tab-main .nav-tabs .nav-link {font-size: 36px; color: #C5C5C6; padding: .5rem 0rem; margin: 0 20px; border: none;  border-bottom: 3px solid #ffffff; }

.login-tab-main .nav-tabs .nav-item.show .nav-link, .login-tab-main .nav-tabs .nav-link.active {color: #162941; text-shadow: 1px 1px 0px #162941; border: none; border-bottom: 3px solid #162438; }

.login-tab-main .nav-tabs .nav-link:focus, .login-tab-main .nav-tabs .nav-link:hover {color: #162941; }

.login-tab-main .nav{justify-content: center;}



.logintab-content-inner {padding: 50px 30px; }

.logintab-content-inner .form-group {margin-bottom: 50px; }

.logintab-content-inner .below-btn-sec {padding-top: 25px; }

.logintab-content-inner .form-control{font-size: 16px;}

.logintab-content-inner .below-btn-sec .btn {width: 100%; margin: 10px 0; padding: 15px 25px; border-radius: 4px; font-size: 16px; color: #ffffff; border:none; display: flex; justify-content: center; align-items: center;}

.logintab-content-inner .below-btn-sec .btn.btn-login {background-color: #162941; font-size: 18px;}

.logintab-content-inner .below-btn-sec .btn.btn-fb {background-color: #3B5998;}

.logintab-content-inner .below-btn-sec .btn.btn-apple {background-color: #000000;}

.logintab-content-inner .below-btn-sec .btn.btn-fb img, .logintab-content-inner .below-btn-sec .btn.btn-apple img{padding-right: 12px;}

.logintab-content-inner .below-btn-sec .btn.btn-fb , .logintab-content-inner .below-btn-sec .btn.btn-apple {box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}

.logintab-content-inner .below-btn-sec .btn.btn-fb:hover , 

.logintab-content-inner .below-btn-sec .btn.btn-apple:hover ,

.logintab-content-inner .below-btn-sec .btn.btn-login:hover  {opacity: 0.95;}



.custom-checkbox input {position: absolute; opacity: 0; }

.custom-checkbox  label {position: relative; cursor: pointer; margin-left: 12px; font-size: 15px; }

.custom-checkbox label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #BABABA; border-radius: 3px; padding: 10px; display: inline-block; position: absolute; vertical-align: middle; cursor: pointer; top: 2px; left: -31px; }

.custom-checkbox input:checked + label:after {content: ''; display: block; position: absolute; top: 5px; left: -22px; width: 6px; height: 14px; border: solid #00D844; border-width: 0 2px 2px 0; transform: rotate(45deg); }



.logintab-content-inner .mobile-form-group {position: relative; }

.logintab-content-inner .sms-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 14px; padding: 6px 10px; background-color: #EAEAEA; border: none; border-radius: 5px; }

.logintab-content-inner .sms-btn:hover , .logintab-content-inner .sms-btn:focus{background-color: #162941;}

.logintab-content-inner .custom-checkbox {padding-top: 40px; }



.logintab-content-inner .form-control.code-input {font-weight: bold; border: 1px solid #E8E8E8; border-radius: 8px; padding: 0; font-size: 35px; margin: 0 10px; width: 72px; height: 72px; text-align: center;}

.logintab-content-inner .form-group.code-form-group {display: flex; align-items: center; }

.logintab-content-inner .form-control.code-input:focus , .logintab-content-inner .form-control.code-input:valid {background-color: #00D844; color: #ffffff}



.sms-code-main{display: none;}





#login-tab-main-sec {opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

#fb-main-sec {display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }

#apple-main-sec{display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }





.dwn-app-main-sec .btn-back {cursor:pointer; font-weight: bold; outline: none; border: none; background-color: transparent; font-size: 20px; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; 

        -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; }

.dwn-app-main-sec .btn-back:hover{color: #00D844;}

.dwn-app-main-sec .btn-back i {margin-right: 12px; font-size: 22px; }

.dwn-app-main-sec .dwn-app-text{font-size: 36px; padding: 52px 0px 32px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links {margin: 0 6px 20px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links img {max-width: 191px; }









.login-main-sec.setup-profile-main {max-width: 1126px; }

.login-box-main.profile-inner-wrap h4 {font-size: 36px; line-height: 63px; }



.edit-profile-preview-main .avatar-upload {position: relative; max-width: 121px; margin: 0px 0 10px; }

.edit-profile-preview-main .avatar-upload .avatar-edit {position: absolute; right: 0; z-index: 1; bottom: 10px; }

.edit-profile-preview-main .avatar-upload .avatar-edit input {display: none; }

.edit-profile-preview-main .avatar-upload .avatar-edit input + label {position: relative; display: inline-block; width: 30px; height: 30px; margin-bottom: 0; border-radius: 100%; background: #00DF61; border: 1px solid transparent; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; }

.edit-profile-preview-main .avatar-upload .avatar-edit input + label:hover {background: #f1f1f1; border-color: #d6d6d6; }

/*.edit-profile-preview-main .avatar-upload .avatar-edit input + label:after {content: "\f040"; font-family: "FontAwesome";  color: #162941; position: absolute; top: 8px; left: 0; right: 0; text-align: center; margin: auto; }*/

.edit-profile-preview-main .avatar-upload .avatar-edit input + label::after {content: "\f040"; font-family: "FontAwesome"; color: #162941; position: absolute; top: 4px; left: 2px; right: 0; text-align: center; margin: auto; }

.edit-profile-preview-main .avatar-upload .avatar-preview {width: 120px; height: 120px; position: relative; border-radius: 100%;  }

.edit-profile-preview-main .avatar-upload .avatar-preview > div {width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #ebfff4;}





.profile-form-main {display: flex; margin-top: 60px;}

.profile-form-main .profile-img-sec {width: 150px; }

.profile-form-main .personal-info-sec {width: calc(100% - 150px); padding-left: 30px;}



.datepicker td, .datepicker th{padding: 6px;}







.custom-radio input[type="radio"] {display:none; }

.custom-radio label {padding: 2em; display: inline-block;  cursor: pointer;padding: 9px 28px; display: inline-block; cursor: pointer; background-color: #F4F4F4; font-size: 14px; margin-left: 12px; }

.custom-radio .blank-label {display: none; }

.custom-radio input[type="radio"]:checked + label {background-color: #00df61; color: #fff; }

.custom-radio {padding: 11px 0 0; }

.custom-radio .radio-name {font-size: 16px; color: #000; }







.select-industry select.ind-select-input {height: auto !important; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 13px; }



#other-text{display: none;}

.other-input-field {background-color: #EBFFF4; margin-top: 20px; padding: 8px 11px !important; font-size: 14px; border:1px solid #EBFFF4; }

.other-input-field:focus {border:1px solid #00DF61; background-color: #ffffff; }



#other-Occupation-text{display: none;}



.personal-info-sec .form-control.abn-input {text-align: center; width: 33.33%; margin: 0 10px 0 0; padding: 11px; }

.personal-info-sec .form-group.abn-form-group {width: 100%; display: flex; align-items: center; }

.personal-info-sec .form-group {margin-bottom: 36px; }

.personal-info-sec .tooltip-label{position: relative; margin-bottom: 0;}

.personal-info-sec .tooltip-img{position: absolute; top: 0; left: 44px; cursor: pointer;}



.tooltip .tooltip-inner {background-color: #EBFFF4 !important;color: #000 !important;}



.personal-info-sec .btn-save {padding-left: 70px; padding-right: 70px; }

.personal-info-sec .Abn-main-wrap{position: relative;}









select.form-control {height: auto !important; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; background-size: 13px; }



.personal-info-sec .user-info-box {background-color: #EFF0F2; padding: 20px; border-radius: 5px; }

.personal-info-sec .user-info-box .user-value p {border-bottom: 1px solid #DDDDDF; margin-bottom: 16px; padding-bottom: 7px; color: #000; font-weight: 600; font-size: 16px; }

.personal-info-sec .user-info-box .user-info-inner label {font-size: 14px; color: #000; margin-bottom: 9px; }

.login-box-main.profile-inner-wrap h4.gardian-title {font-size: 24px; margin-bottom: 33px; }

.btn-mt {margin-top: 30px; }





.my-profile-main {padding: 116px 0px; }



.my-profile-main .my-profile-inner {max-width: 1600px; margin: 0 auto; padding: 0 15px;}

.my-profile-main .my-profile-inner .main-title {margin-bottom: 56px; }



.my-profile-main .my-profile-inner .profile-row {display: flex; margin: 0 -8px;}

.my-profile-main .my-profile-inner .profile-col {width: 100%; padding: 0 8px;}

.my-profile-main .my-profile-inner .profile-col.profile-img-col {width: 17%; height: 100%;}

.my-profile-main .my-profile-inner .white-box {border-radius: 20px; border: 1px solid #D5D5D5; background-color: #ffffff; width: 100%; height: 100%; padding: 31px 41px; }

.my-profile-main .my-profile-inner .img-sec {width: 138px; height: 138px; margin: 0 auto; }

.my-profile-main .my-profile-inner .img-sec img {width: 100%; height: 100%; object-fit: cover; }

.my-profile-main .my-profile-inner .user-name {text-align: center; margin-top: 28px; }



.my-profile-main .my-profile-inner .profile-col.profile-personal-col {width: 50%; }

.my-profile-main .personal-wrap .info-text {display: flex; margin-bottom: 28px; }

.my-profile-main .personal-wrap .info-text p {margin: 0;}

.my-profile-main .personal-wrap .info-text p.title {width: 160px; font-size: 14px; }

.my-profile-main .personal-wrap .info-text p.content {word-break: break-word; width: calc(100% - 160px); font-size: 16px; font-weight: bold; }

.my-profile-main .personal-wrap {padding-top: 20px; height: 100%; }

.my-profile-main .my-profile-inner .profile-col.profile-gardian-col {width: 33%; }

.my-profile-main .my-profile-inner .user-name h4{margin-bottom: 0;}





.pricing-main.subscription-pricing-main .pricing-inner {max-width: 100%; }

.pricing-main.subscription-pricing-main {padding: 0; margin: 0; overflow: unset;}

.pricing-main.subscription-pricing-main .pricing-row-wrap {padding-top: 20px; }



.sub-active-info {margin-bottom: 48px; }

.sub-active-info .trial-text {font-size: 20px; }

.sub-active-info .active-plan {color: #162941; margin-left: 12px; }

.sub-active-info h4 {font-weight: bold; margin-bottom: 12px; }

.sub-active-info p {font-size: 16px; font-weight: 600; margin: 0; }



.pricing-main.subscription-pricing-main .pricing-text {max-width: 100%; }

.pricing-main.subscription-pricing-main .pricing-text p {max-width: 537px; }

.subscription-pricing-main .sub-title-wrap {display: flex; align-items: center; justify-content: space-between; width: calc(100% - 50px);}

.subscription-pricing-main .sub-title-wrap .cancel-sub {font-size: 18px; color: #FF0F0F; font-weight: bold; width: calc(125px + 0px); white-space: nowrap; }

.subscription-pricing-main .sub-title-wrap .cancel-sub.act-subscribe {width: calc(80px + 0px); white-space: nowrap; }

.notes-sub-wrap {width: 50%; margin-left: auto; padding: 0 48px; margin-top: 25px; }

.notes-sub-wrap p {font-size: 14px; font-style: italic; line-height: 19px; }



.subscription-pricing-main .pricing-box.active-plan {box-shadow: 0px 0px 30px rgba(22,41,65,0.29); }

.sub-active-info p.cancel-info {color: #EA0000; }

.subscription-pricing-main .sub-title-wrap .cancel-sub.act-subscribe {color: #00df61; }

.subscription-pricing-main .sub-title-wrap .cancel-sub:hover,

.subscription-pricing-main .sub-title-wrap .cancel-sub.act-subscribe:hover {color: #162941}



.header-main .header-inner-main nav.navbar{padding: 20px 0; }

.header-main .header-inner-main nav.navbar .login-btn {margin-left: auto; }

.header-main .header-inner-main .header-inner .header-menu ul li a{padding: 0;}

.header-main .header-inner-main .header-inner .header-menu ul li a:after{bottom: -36px;}



.header-main.animate {top: -102px; }

.stick-footer-bottom{padding-top: 102px;}





.personal-info-sec .form-group.fun-parentid-main {position: relative;  }

.personal-info-sec .form-group.fun-parentid-main img.parent-qr-code {position: absolute; top: 17px; right: 0;max-width: 18px; max-height: 18px;  object-fit: contain; }



.header-main .header-inner-main .header-inner .header-menu ul li a.active {color: #162941; text-shadow: 1px 0px 0px #162941; }

.header-main .header-inner-main .header-inner .header-menu ul li a.active:after{ transform: scaleX(1); transform-origin:  50% 50%; }





.header-main .person-info {display: flex; align-items: center; width: 215px; }

.header-main .person-info .person-img {width: 30px; height: 30px; }

.header-main .person-info .person-img a {width: 100%; height: 100%; }

.header-main .person-info .person-img img {width: 100%; height: 100%; object-fit: cover; }

.header-main .person-info .dropdown.person-dropdown {position: relative; width: calc(100% - 17px); padding-left: 17px; display: flex; align-items: center;}

.header-main .person-info .dropdown.person-dropdown .person-name {font-size: 20px; font-weight: 600; width: calc(100% - 17px); padding-right: 5px;  white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;  }

.header-main .person-info .dropdown-toggle::after{color: #00DF61; border-top: .5em solid; position: absolute; top: 9px; right: 12px;}



.header-main .dropdown-item {padding: 8px 24px; }
.header-main .dropdown-menu{padding: 0; left:59px;}

.header-main .dropdown-item:focus, .header-main .dropdown-item:hover {color: #ffffff; text-decoration: none; background-color: #00df61; }

.dropdown-menu{min-width: auto;margin: 12px 0 0;}

.mobile-form-group .code-st-pl {padding-left: 30px; }
.mobile-form-group .code-st {position: absolute; top: 14px; margin-right: 10px; font-size: 14px; }