@import "rtl-styles.css";
body{background:#ECF0F3;font-family:'Inter',sans-serif;margin:0;padding:0;color:#818181;-webkit-tap-highlight-color:transparent!important;outline:none!important;}
h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;}
a{text-decoration:none;color:#818181;}
*{box-sizing:border-box;}
p{font-size:18px;font-style:normal;font-weight:400;line-height:30px;}

/* common classes starts*/
.container{margin:0 auto;width:980px;max-width:100%;}
.rtl{direction:rtl;text-align:right;}
.block{display:block;}
.flex{display:flex;}
.col{flex-direction:column;}
.row{flex-direction:row;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.justify-content-center,.horizontal-center{justify-content:center;}
.align-items-start,.vertical-start{align-items:flex-start;}
.vertical-start{align-items:flex-start;}
.vertical-end{align-items:flex-end;}
.align-items-center,.vertical-center{align-items:center;}
.middle{justify-content:center;align-items:center;}
.justify-content-between,.space-between{justify-content:space-between;}
.justify-content-around,.space-around{justify-content:space-around;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.white-space-nowrap{white-space:nowrap;}
.position-relative{position:relative;}
.align-center{align-items:center;}
.m-0,.mlr-0,.mtb-0,.ml-0,.mr-0,.mt-0,.mb-0{margin:0!important;}
.p-0,.plr-0,.ptb-0,.pl-0,.pr-0,.pt-0,.pb-0{padding:0!important;}
.w100{width:100%;}
.w80{width:80%;}
.w50{width:50%;}
.disabled{opacity:0.5;pointer-events:none;}
.style-italic{font-style:italic;}

/* color styles */
.green-bg{background-color:#88B04B;}
.red-bg{background-color:#DB2518;}
.green-txt{color:#15B54E;}
.red-txt{color:#DB2518;}

/*margin-classes*/
.mt-1{margin-top:15px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:50px;}
.mb-1{margin-bottom:15px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:50px;}
.ml-1{margin-left:15px;}
.ml-2{margin-left:20px;}
.ml-3{margin-left:30px;}
.ml-4{margin-left:40px;}
.ml-5{margin-left:50px;}
.mr-1{margin-right:15px;}
.mr-2{margin-right:20px;}
.mr-3{margin-right:30px;}
.mr-4{margin-right:40px;}
.mr-5{margin-right:50px;}
.mtb-1{margin-top:15px;margin-bottom:15px;}
.mtb-2{margin-top:20px;margin-bottom:20px;}
.mtb-3{margin-top:30px;margin-bottom:30px;}
.mtb-4{margin-top:40px;margin-bottom:40px;}
.mtb-5{margin-top:50px;margin-bottom:50px;}
.mlr-1{margin-left:15px;margin-right:15px;}
.mlr-2{margin-left:20px;margin-right:20px;}
.mlr-3{margin-left:30px;margin-right:30px;}
.mlr-4{margin-left:40px;margin-right:40px;}
.mlr-5{margin-left:50px;margin-right:50px;}

/*padding classes*/
.pt-1{padding-top:15px;}
.pt-2{padding-top:20px;}
.pt-3{padding-top:30px;}
.pt-4{padding-top:40px;}
.pt-5{padding-top:50px;}
.pb-1{padding-bottom:15px;}
.pb-2{padding-bottom:20px;}
.pb-3{padding-bottom:30px;}
.pb-4{padding-bottom:40px;}
.pb-5{padding-bottom:50px;}
.pl-1{padding-left:15px;}
.pl-2{padding-left:20px;}
.pl-3{padding-left:30px;}
.pl-4{padding-left:40px;}
.pl-5{padding-left:50px;}
.pr-1{padding-right:15px;}
.pr-2{padding-right:20px;}
.pr-3{padding-right:30px;}
.pr-4{padding-right:40px;}
.pr-5{padding-right:50px;}
.ptb-1{margin-top:15px;margin-bottom:15px;}
.ptb-2{margin-top:20px;margin-bottom:20px;}
.ptb-3{margin-top:30px;margin-bottom:30px;}
.ptb-4{margin-top:40px;margin-bottom:40px;}
.ptb-5{margin-top:50px;margin-bottom:50px;}
.plr-1{margin-left:15px;margin-right:15px;}
.plr-2{margin-left:20px;margin-right:20px;}
.plr-3{margin-left:30px;margin-right:30px;}
.plr-4{margin-left:40px;margin-right:40px;}
.plr-5{margin-left:50px;margin-right:50px;}
.btn{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;border-radius:50px;border:none;border:2px solid;border-color:transparent;font-size:18px;line-height:22px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;color:#818181;}
.btn-disable{opacity:0.5;pointer-events:none;}
.btn-primary{padding:14px 54px;}
.btn:active{background:#ECF0F3;border:2px solid #FFFFFF66;box-shadow:3px 3px 5px 0px #D1D9E6 inset;}
.page-title{font-size:26px;line-height:31px;font-style:normal;font-weight:normal;margin-top:0;}
.form-field{margin-bottom:15px;}

/* common classes end*/

/*custom select styles for labguage selection*/
.custom-select{position:relative;max-width:270px;}
.custom-select select{display:none;}
.custom-select .select-selected:after{position:absolute;content:url("../images/down-arw.png");top:7px;right:0;}
.custom-select .select-selected:before{position:relative;content:url("../images/globe-icon.svg");top:4px;left:-15px;}
.custom-select .select-selected.select-arrow-active:after{transform:rotate(180deg);}
.custom-select .select-items div{color:#818181;padding:15px 25px;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;line-height:25px;}
.custom-select .select-selected{background-color:#ECF0F3;color:#818181;padding:4px 26px 8px 16px;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;text-align:right;width:100%;font-size:18px;}
.custom-select .select-items div:first-child{border-radius:10px 10px 0 0;}
.custom-select .select-items div:last-child{border-radius:0 0 10px 10px;}
.custom-select .select-items{width:270px;position:absolute;background-color:#fff;top:50px;left:auto;right:0;z-index:99999;border-radius:10px;box-shadow:0px 0px 20px rgb(0 0 0 / 5%);max-height:450px;overflow-y:auto;}
.custom-select .select-hide{display:none;}
.custom-select .select-items div:hover,.same-as-selected{background-color:#f2f2f2;}

/* custom select styles for form selection */
.custom-form-select{position:relative;width:296px;}
.custom-form-select select{display:none;}
.custom-form-select .select-selected:after{position:absolute;content:url("../images/down-arw.png");top:12px;right:20px;}
.custom-form-select .select-selected.select-arrow-active:after{transform:rotate(180deg);}
.custom-form-select .select-items div{color:#818181;padding:15px 25px;border-color:transparent transparent rgba(0,0,0,0.1) transparent;cursor:pointer;}
.custom-form-select .select-selected{cursor:pointer;width:296px;height:50px;background:#FFFFFF;border-radius:10px;font-size:18px;line-height:30px;border:none;padding:5px 20px;display:flex;align-items:center;}
.custom-form-select .select-items div:first-child{border-radius:10px 10px 0 0;}
.custom-form-select .select-items div:last-child{border-radius:0 0 10px 10px;}
.custom-form-select .select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99999;border-radius:10px;box-shadow:0px 0px 20px rgb(0 0 0 / 5%);max-height:250px;overflow-y:auto;border-top:2px solid #ECF0F3;}
.custom-form-select .select-hide{display:none;}
.custom-form-select .select-items div:hover,.same-as-selected{background-color:#f2f2f2;}

/* custom radio button styles*/
.radio-container{position:relative;padding-right:46px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;}
.radio-container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;right:0;height:26px;width:26px;background-color:#fff;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;border-radius:50%;}
.checkmark:after{content:"";position:absolute;display:none;}
.radio-container input:checked ~ .checkmark:after{display:block;}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after{top:8px;left:8px;width:12px;height:12px;border-radius:50%;background:#ADBEF8;}

/* dashboard page styles start*/
.header-content{justify-content:space-between;background:#ECF0F3;box-shadow:0px 4px 30px 0px #0000000d;padding:0 50px;position:relative;height:100px;}
.header-content .page-title{position:absolute;left:0;right:0;margin:0 auto;width:600px;text-align:center;max-width:100%;}
.header-right > div:last-child{margin:0;}
.page-title h1{font-size:26px;font-weight:400;line-height:31px;text-transform:uppercase;margin:0;}
.language{margin-right:40px;}
.language ul{padding:0;margin:0 0 0 10px;}
.language ul li{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;font-size:18px;padding:10px 25px;}
.language ul li a{color:#818181;}
.language ul li:first-child{margin-left:0;}
.language ul li:last-child{margin-right:0;}
.language ul li span{margin:0 8px 0 10px;}
.language ul.sub-menu{position:absolute;display:none;top:40px;background-color:#fff;box-shadow:4px 4px 20px rgb(0 0 0 / 5%);border-radius:8px;border:1px solid rgb(0 0 0 / 5%);width:300px;right:0;}
.language ul.sub-menu li{font-size:16px;padding:15px 25px;}
.language ul.sub-menu li:hover{background-color:#f2f2f2;}
.language ul li:hover ul.sub-menu{display:block;}
.menu-option a{display:flex;flex-direction:column;align-items:center;}
.gradient-rounded{display:flex;align-items:center;justify-content:center;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:18px 18px 30px 0px #D1D9E6;width:130px;height:130px;border-radius:50%;position:relative;}
.gradient-rounded::before{content:" ";box-shadow:-18px -18px 30px 0px #ffffff;height:130px;width:130px;position:absolute;border-radius:50%;z-index:-1;top:0;left:0;}
.header-admin h4{margin:0;font-size:18px;font-weight:normal;}
.user-profile img{margin-right:15px;width:22px;}
.total-weight.body-record.data-record{right:50px;top:330px;width:244px;}
.home-link{margin-right:40px;}
.home-link img{margin-right:15px;height:20px;}

/*.menu-option a:hover .gradient-rounded{background:#ECF0F3;border:2px solid #FFFFFF66;box-shadow:3px 3px 5px 0px #D1D9E6 inset;transition:0.3s ease;}
.menu-option a:hover .gradient-rounded::before{box-shadow:-3px -3px 5px 0px #FFFFFF inset;transition:0.3s ease;}*/
.menu-option a:active .gradient-rounded{background:#ECF0F3;border:2px solid rgba(255,255,255,0.4);box-shadow:3px 3px 5px 0px #D1D9E6 inset;}
.menu-option a:active .gradient-rounded::before{box-shadow:-3px -3px 5px 0px #FFFFFF inset;}
.center-content{height:calc(100vh - 148px);display:flex;justify-content:center;vertical-align:middle;align-items:center;flex-direction:column;}
.keyboard-content{height:calc(100vh - 148px);display:flex;justify-content:flex-start;vertical-align:middle;align-items:center;flex-direction:column;}
.menu-option{padding:0 35px;text-align:center;}
.menu-option h2{font-size:18px;font-weight:400;line-height:30px;margin-top:25px;margin-bottom:0;}
.footer-content{padding:15px 20px;font-size:12px;color:#878787;position:absolute;width:100%;bottom:0;background-color:#ECF0F3}
.member-name{position:absolute;top:150px;left:0;right:0;}
.member-name h2{font-size:26px;font-weight:normal;}
.boditrax-icon{text-align:center;margin-bottom:80px;margin-top:-150px;}
.boditrax-icon img{width:150px;opacity:0.5;}
.user-profile.dropdown{cursor:pointer;outline:none;position:relative;width:auto;}
.user-profile.dropdown .dropdown-menu{opacity:0;position:absolute;background-color:#fff;top:50px;left:0;right:0;z-index:99999;border-radius:10px;box-shadow:0px 0px 20px rgb(0 0 0 / 5%);max-height:450px;overflow-y:auto;visibility:hidden;}
.user-profile.dropdown .dropdown-menu a{text-decoration:none;}
.user-profile.dropdown ul.dropdown-menu{list-style-type:none;}
.user-profile.dropdown .dropdown-menu li a{display:block;padding:15px 25px;line-height:25px;}
.user-profile.dropdown .dropdown-menu li a:hover{background-color:#f3f8f8;}
.user-profile.dropdown.dropdown-active .dropdown-menu{opacity:1;pointer-events:auto;visibility:visible;margin:0;padding:0;width: 180px; left: auto; right: 0;}
.user-profile.dropdown > a{padding:8px 26px 8px 0;}
.user-profile.dropdown > a:after{position:absolute;content:url("../images/down-arw.png");top:12px;right:0;}
.user-profile.dropdown.dropdown-active > a:after{transform:rotate(180deg);}

/*login page styles start*/
.login-content{margin-top:70px;}
.login-content .input-field{width:380px;}
.login-btn{width:180px;padding:14px 0;margin-top:25px;}
.scan-text{width:300px;margin:10px auto 0 auto;}
.password-field{position:relative;}

/*agreement page styles*/
.agreement-content{height:610px;background:#ffffff;padding:40px 10px 10px 50px;border-radius:10px;}
.agreement-text{height:480px;overflow-y:auto;direction:ltr;padding-right:35px;}
.agreement-text::-webkit-scrollbar{width:5px;}
.agreement-text::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.agreement-text::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.agreement-action{align-items:flex-end;justify-content:flex-end;margin-top:70px;}

/*crate account page styles */
.caccount-content{margin-top:30px;}
.caccount-content .page-title{margin-bottom:40px;}

/* form styles */
.input-field{width:296px;height:50px;background:#FFFFFF;border-radius:10px;font-size:18px;line-height:30px;border:none;padding:5px 20px;}
.input-field:focus{outline:none;}
input[type="password"]{padding-right:45px;}
input::placeholder{font-family:'Inter',sans-serif;}
input:focus{background-color:#fff;}
.form-content .row label{font-size:18px;line-height:25px;width:174px;}
.form-content .form-field{width:48%;}
.form-content .form-field:last-child{justify-content:flex-end;}
.form-action .btn:last-child{margin-left:30px;}
.page-action{position:absolute;bottom:80px;right:150px;}
.radio-con{width:296px;}
.radio-con .radio-container:last-child{margin-left:50px;}
.form-content .row label.radio-container{width:auto;}
.eye-icon{position:absolute;cursor:pointer;top:15px;right:0;padding:0 15px;}
.location-con.form-content .row label{width:150px;}

/* Error page styles */
.error-text{padding-left:80px;}
.error-text h2{font-weight:600;font-size:28px;margin-bottom:0;}
.error-text p{margin-top:15px;}

/* administrator panel styles */
.welcome-text{margin-bottom:35px;}
.welcome-text h2{font-weight:normal;}
.admin-detials-con{margin:30px 0 45px 0px;}
.config-form .input-field{width:440px;height:54px;border-radius:30px;padding:5px 25px;}
.admin-left-con{width:40%;}
.admin-right-con{width:58%;}
.admin-container{margin:0 auto;width:1160px;max-width:100%;}
.page-scriprt{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:inset 6px 6px 10px #D1D9E6,inset -6px -6px 10px #FFFFFF;padding:0 30px;border-radius:15px;height:380px;overflow-y:scroll;}
.page-scriprt pre{margin:0;}
.page-scriprt code{width:100%;white-space:initial;font-size:16px;line-height:24px;color:#555;}
.btn-script{padding:14px 0;width:300px;}

/* check service page style */
.service-detail h5{margin:0;font-size:16px;}
.service-detail p{margin:10px 0 0 0;}
.service-detail{background:linear-gradient(135.16deg,transparent 0%,#F3F5F8 100%);box-shadow:inset 4px 4px 8px #d1d9e6,inset -4px -4px 8px #ffffff;padding:25px 30px 20px 30px;width:100%;border-radius:10px;}

/* sevice list page styles */
.service-list-row{margin:0 -15px;}
.service-list{padding:20px 0;border-bottom:1px solid #d3d3d3;width:100%;margin:0 15px;}
.service-list h5{font-size:16px;margin:0;line-height:24px;}
.service-list p{margin:0;white-space:pre-wrap;word-break:break-all;line-height:26px;margin-top:8px;}

/* scrollable content sytles */
.scrollable-content{max-height:625px;overflow-y:auto;direction:ltr;padding-right:30px;}
.scrollable-content::-webkit-scrollbar{width:5px;}
.scrollable-content::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.scrollable-content::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}

/* copy script page style */
.copy-script-content{height:600px;background:#ffffff;padding:40px 10px 10px 50px;border-radius:10px;background-color:#002456;color:#fff;}
.powershell-panel{height:530px;overflow-y:auto;direction:ltr;padding-right:35px;}
.script-action p{margin-left:30px;}

/* touch screensaver page styles */
.touch-screen{height:100vh;width:100%;background-size:cover;background-repeat:no-repeat;}
.touch-screen .logo{position:absolute;top:0;left:0;right:0;display:flex;padding:30px 50px;}
.touch-text{display:flex;flex-direction:column;align-items:center;width:720px;padding:70px 50px;border-radius:10px;box-shadow:8px 8px 30px rgb(0 0 0 / 20%);background:rgba(236,240,243,0.5);justify-content:center;min-height:350px;}
.touch-text h4{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:15px 15px 20px #d1d9e6,-15px -15px 20px #ffffff;border-radius:98px;padding:20px 60px;font-size:20px;font-weight:600;cursor:pointer;width:280px;margin-top:0;}
.touch-text > div{font-size:30px;font-weight:700;margin-top:20px;}
.swal2-popup{border:1px solid #e3e3e3;box-shadow:inset 2px 2px 5px #b8b9be,inset -6px -8px 7px #fff;background-color:#ECF0F3!important;}

/* scan screens styles */
.height-inputs{margin:50px 0;}
.height-slider{margin-top:-100px;}
.height-inputs span{width:175px;height:80px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);font-size:26px;line-height:30px;border:none;padding:5px 20px;display:flex;align-items:center;justify-content:center;border-radius:20px;box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;}
.wearing-details{margin-top:70px;}
.wearing-options{display:flex;justify-content:center;}
.wearing-options .checkmark{top:30%;left:0;right:auto;}
.wearing-options .radio-container{padding-right:0;padding-left:65px;}
.wearing-options .radio-con{width:530px;}
.wearing-options .radio-container:first-child{padding-left:0;}
.height-inputs span:last-child{margin-left:80px;}
.height-slider-content{margin-top:-50px;}

/* new range slider styles */
.range-box{position:relative;}
.range-box label{font-size:26px;}
.range-box .left-lbl{position:absolute;left:20px;cursor:pointer;width:20px;text-align:center;}
.range-box .rit-lbl{position:absolute;right:20px;cursor:pointer;width:20px;text-align:center;}
.range-box .box{display:flex;justify-content:center;align-items:center;position:relative;width:100%;max-width:720px;padding:30px 60px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);/* N2 */box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;border-radius:100px;}

/* range slider styles */
.box-con > div{--k:calc((var(--val) - var(--min))/
(var(--max) - var(--min)));--pos:calc(1.125em + var(--k)*(100% - 2.25em));grid-gap:0;place-self:center;width:100%;  /* filter: Saturate(var(--hl, 0)); */transition:filter 0.3s ease-out;}
.range-box form:focus-within,.range-box form:hover{--hl:1}
.range-box input[type=range]{height:10px;border-radius:30px;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;background:#ECF0F3;cursor:pointer;width:100%;position:relative;}
.range-box input[type=range],.range-box input[type=range]::-webkit-slider-runnable-track,.range-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}
.range-box input[type=range][list]::-webkit-slider-container{min-height:9px}
.range-box input[type=range]::-webkit-slider-container{-webkit-user-modify:read-write!important;margin:8px;height:9px;border-radius:30px;position:relative;top:-7px;left:-7px;background:linear-gradient(#ADBEF8,#ADBEF8) 0/var(--pos) no-repeat}
.range-box input[type=range]::-webkit-slider-runnable-track{margin:-10px;}
.range-box input[type=range]::-moz-range-track{margin:8px;height:10px;border-radius:30px;position:relative;top:-7px;left:-7px;background:linear-gradient(#ADBEF8,#ADBEF8) 0/var(--pos) no-repeat}
.range-box input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:50px;height:50px;border-radius:50%;background-image:url("../images/range-thumb.png");background-size:contain;background-position:center center;background-repeat:no-repeat;box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;cursor:ew-resize;margin-left:5px;}
.range-box input[type=range]::-moz-range-thumb{box-sizing:border-box;width:50px;height:50px;border-radius:50%;background-image:url("../images/range-thumb.png");background-size:contain;background-position:center center;background-repeat:no-repeat;box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;cursor:ew-resize;border:none;}
.range-box input[type=range]:focus{outline:none}
.range-box input[type=range]::before::-webkit-slider-thumb{content:"esdf";position:absolute;}

/* .wearing-options .radio-container .gradient-rounded:active{background:#ECF0F3;border:2px solid rgba(255,255,255,0.4);box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;} */
.wearing-options .radio-label{display:flex;flex-direction:column;align-items:center;}
.wearing-options .radio-label h3{font-size:18px;font-weight:400;line-height:30px;margin-top:25px;margin-bottom:0;}
.footer-action{width:100%;padding:35px 50px 70px 50px;border-top:1px solid #d3d3d3;position:absolute;bottom:0;}
.wearing-options .radio-container input:checked ~ .radio-label .gradient-rounded{background:#ECF0F3;border:2px solid rgba(255,255,255,0.4);box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}

/* scan steps styles */
.scan-tab-con{margin-top:70px;}
.tab-container .tabcontent{display:none;padding:6px 12px;border-top:none;animation:fadeEffect 1s;margin-top:80px;}
@keyframes fadeEffect{
	from{opacity:0;}
	to{opacity:1;}
}
.tab-container .tab{background:#E1E5EB;box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:15px;border:2px solid;border-color:transparent;padding:20px;}
.tab-container .tab .tablinks{background:#E1E5EB;border-radius:15px;cursor:pointer;border:none;position:relative;padding:20px 28px;font-size:18px;color:#818181;}
.tab-container .tab .tablinks.active{box-shadow:inset 3px 3px 5px #d1d9e6,inset -5px -5px 8px #ffffff;background:linear-gradient(rgba(0,0,0,0.05),#f1f1f1);}
.tab-container .tab .tablinks::after{position:absolute;content:url(../images/down-arw.png);top:20px;right:-50px;transform:rotate(-90deg);opacity:0.5;}
.tab-container .tab .tablinks:last-child::after{content:" ";}
.tab-container .tab .tablinks span{margin-right:12px;font-size:20px!important;font-weight:700;}
.scan-steps-text{width:56%;}
.scan-steps-text h3{font-weight:600;font-size:28px;margin-bottom:0;margin-top:50px;line-height:38px;}
.scan-step-img{display:flex;width:40%;align-items:center;justify-content:center;}

/* Dasboard pages styles */
.dashboard-pages{position:relative;}
.dash-title{position:absolute;width:280px;height:160px;right:50px;top:50px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:20px;padding:23px 20px 23px 20px;display:flex;flex-direction:column;justify-content:space-between;z-index:999;}
.dash-title > div > img,.dash-title > div > a img{width:50px;}
.dash-counter{width:60px;height:60px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:0px 0px 30px #38a9ef;border-radius:40px;display:flex;align-items:center;justify-content:center;}
.dash-counter span{font-size:26px;line-height:31px;}
.dash-record-content{position:absolute;right:50px;bottom:0;}
.sml-circle .gradient-rounded{height:60px;width:60px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;}
.sml-circle .gradient-rounded::before{height:60px;width:60px;box-shadow:-3px -3px 5px 0px #FFFFFF inset;}
.xs-sml-circle .gradient-rounded{height:38px;width:38px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;}
.xs-sml-circle .gradient-rounded::before{height:38px;width:38px;box-shadow:-3px -3px 5px 0px #FFFFFF inset;}
.dash-record a{display:flex;flex-direction:column;align-items:center;}
.dash-record h3{font-weight:normal;font-size:18px;margin-top:15px;margin-bottom:0;}
.dash-record-content .dash-record{margin-right:40px;}
.dash-record-content .dash-record:last-child{margin-right:0;}
.slick-slide{margin:16px 0;}
.dashboard-page-count{position:absolute;left:30px;}
.dashboard-page-slider .slick-arrow{display:flex!important;align-items:center;justify-content:center;height:60px!important;width:60px!important;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%)!important;box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;position:relative!important;border-radius:50%;}
.dashboard-page-slider .slick-prev{left:0!important;top:6px!important;margin:0 auto;}
.dashboard-page-slider .slick-next{right:0!important;bottom:-70px!important;top:auto!important;margin:0 auto;}
.dashboard-page-slider .slick-prev:before{content:url("../images/up-icon.svg")!important;line-height:0;}
.dashboard-page-slider .slick-next:before{content:url("../images/dwn-icon.svg")!important;line-height:0;}
.dashboard-page-slider .slick-list{width:110px;top:10px;}
.page-selected .gradient-rounded{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);	/* Blue Drop Shadow */box-shadow:0px 0px 30px #557AFB;}
.dashboard-page-slider span{font-size:26px;}
.gauge-record-date{margin-top:120px;margin-bottom:32px;}
.dashboard-page-slider .slick-slide{height:120px!important;}

/* gaugemeter styles */
.gauge-slick-slider-container{margin-top:25px;}
.GaugeMeter{position:relative;text-align:center;overflow:hidden;cursor:default;margin:0 auto;}
.GaugeMeter span{margin:0 18%;width:63%;position:absolute;text-align:center;display:inline-block;font-weight:500;overflow:hidden;white-space:nowrap;font-size:75px!important;line-height:355px!important;}
.GaugeMeter[data-style="Semi"] b{margin:0 10%;width:80%;}
.GaugeMeter s,.GaugeMeter u{text-decoration:none;font-size:20px;font-weight:400;}
.GaugeMeter b{font-weight:200;font-size:18px;font-family:Inter;font-weight:500;text-transform:uppercase;position:absolute;left:auto;right:auto;width:100%;}

/* Confirmation page styles */
.confirmation-content .menu-option{width:220px;padding:0 20px;}
.caution-card{width:600px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:20px;padding:50px;margin-top:60px;margin-bottom:90px;}
.caution-card p{margin:0;font-size:14px;line-height:29px;text-transform:uppercase;font-weight:600;}
.caution-img{margin-right:40px;text-align:center;}
.caution-img h3{font-size:26px;font-weight:500;margin-top:0;margin-bottom:6px;}
.confirmation-content .page-title{margin-bottom:60px;}
.confirmation-content .menu-option h2{line-height:28px;min-height:56px;}

/* .dashboard-gauge{ display: flex!important;} */
.dashboard-gauge{text-align:center;position:relative;padding-top:70px;}
.gauge-slick-slider-container.fix-gauge-width{width:1000px;left:100px;position:relative;}
.gauge-component{width:500px;position:relative;margin-left:15%;}
.gauge-slick-slider-container.fix-gauge-width .total-weight{top:130px;right:20px;}
.comn-slide-arws .slick-arrow{display:flex!important;align-items:center;justify-content:center;height:60px!important;width:60px!important;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%)!important;box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:50%;}
.comn-slide-arws .slick-prev{left:-90px!important;top:44%;}
.comn-slide-arws .slick-next{right:-90px!important;top:44%;}
.comn-slide-arws .slick-prev:before{content:url("../images/lft-icon.svg")!important;position:relative;top:2px;}
.comn-slide-arws .slick-next:before{content:url("../images/rit-icon.svg")!important;position:relative;top:2px;}
.gauge-slider  .slick-prev{left:185px!important;top:90.55%!important;z-index:999;}
.gauge-slider  .slick-next{right:385px!important;top:90.55%!important;}
.gauge-background{position:absolute;top:-20px;left:42px;}
.gauge-fins{position:absolute;top:5px;left:6px;z-index:-1;}
.gauge-lables{position:absolute;top:-58px;left:0;width:500px;height:480px;right:0;font-size:26px;font-weight:400;}
.gauge-lables label{position:absolute;display:flex;z-index:-1;}
.gauge-lables label:nth-child(1){bottom:-16px;justify-content:center;width:100%;}
.gauge-lables label:nth-child(2){bottom:100px;right:455px;}
.gauge-lables label:nth-child(3){top:110px;right:455px;}
.gauge-lables label:nth-child(4){top:-10px;justify-content:center;width:100%;}
.gauge-lables label:nth-child(5){top:110px;left:455px;}
.gauge-lables label:nth-child(6){bottom:100px;left:455px;}
.rotate{animation:rotation 5s infinite linear;}
@keyframes rotation{
	from{transform:rotate(0deg);}
	to{transform:rotate(359deg);}
}

/* Gague fins styles */
.metric-fins{position:absolute;top:-24px;left:48px;width:400px;height:400px;}
.metric-fins:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 2px * 2);height:calc(100% - 2px * 2);border-radius:50%;}
.metric-fins .fin{position:absolute;top:50%;left:50%;width:5px;height:20px;border-radius:10px;}

/* password page styles */
.password-content .row label{margin-top:14px;}
.password-content .password-field{display:flex;flex-direction:column;}
.password-strength-meter{height:3px;background-color:#e3e3e3;position:relative;overflow:hidden;border-radius:0px;margin-top:5px;}
.pswmeter-message{margin:5px 0 0;font-size:13px;}

/* Accordion styles */
.accordion{cursor:pointer;width:100%;text-align:left;outline:none;transition:0.4s;position:relative;border-bottom:1px solid #C6C6C6;width:480px;margin:0;padding:15px 0 10px 0;font-size:18px;line-height:30px;font-weight:normal;}
.accordion.active,.accordion:hover{}
.accordion:after{position:absolute;content:url(../images/down-arw.png);top:12px;right:20px;}
.accordion.active:after{content:url(../images/down-arw.png);transform:rotate(180deg);}
.accordion-row .panel{padding:0 10px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;width:480px;}
.accordion-row .panel p{margin-bottom:5px;}
.accordion-container{height:320px;overflow-y:scroll;direction:rtl;padding-left:75px;margin-bottom:50px;}
.accordion-row{position:relative;direction:ltr;}
.accordion-container .radio-con{position:absolute;right:0;top:-2px;width:auto;}
.accordion-container::-webkit-scrollbar{width:5px;}
.accordion-container::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.accordion-container::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.accordion-title{display:flex;align-items:flex-end;flex-direction:column;margin:80px 0 5px 0px;font-size:18px;}
.accordion-title .yes{margin-right:75px;}

/* Compare page styles */
.weight-record{position:absolute;right:50px;top:45%;width:280px;}
.data-record{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;border-radius:20px;padding:20px 23px;}
.record-list p{margin:0;}
.record-list h5{margin:0;font-size:18px;line-height:30px;font-weight:600;}
.data-record .record-list:first-child{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed #818181;}
.age-slider-con{width:300px;margin-top:85px;}
.age-count.slick-slide{text-align:center;}
.age-slider.comn-slide-arws .slick-prev{left:-80px!important;}
.age-slider.comn-slide-arws .slick-next{right:-80px!important;}
.age-count p{margin:0;font-size:18px;opacity:0.4;}
.age-slider .age-count.slick-active.slick-center p{font-size:32px;padding:0;opacity:1;}
.age-slider .age-count.slick-active p{font-size:24px;padding-right:15px;opacity:0.6;}
.age-slider .age-count.slick-active.slick-center + .slick-active p{padding-left:15px;padding-right:0;}
.age-silector{text-align:center;font-weight:600;font-size:18px;line-height:30px;margin-top:10px;}
.age-silector span{position:relative;}
.age-silector span::before{content:" ";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #818181;position:absolute;border-radius:1px;top:-14px;left:10px;}
.gauge-compare-container{width:610px;margin-top:50px;}
.gauge-compare-container .gauge-background{position:absolute;top:81px;left:11px;}
.gauge-compare-container .GaugeMeter span{font-size:30px!important;line-height:230px!important;}
.gauge-compare-container .GaugeMeter s,.gauge-compare-container .GaugeMeter u{font-size:14px!important;margin-left:3px;font-weight:600;}
.gauge-compare-container .GaugeMeter b{text-transform:inherit;line-height:165px!important;}
.gauge-compare-container .metric-fins{position:absolute;top:60px;left:-5px;width:220px;height:220px;}
.gauge-compare-container .metric-fins .fin{width:3px;height:10px;}
.gauge-compare-container .gauge-lables{font-size:18px;top:10px;left:-60px;width:340px;height:340px;}
.gauge-compare-container .gauge-lables label:nth-child(1){bottom:20px;}
.gauge-compare-container .gauge-lables label:nth-child(4){top:10px;}
.gauge-compare-container .gauge-lables label:nth-child(3){top:90px;right:290px;}
.gauge-compare-container .gauge-lables label:nth-child(5){top:90px;left:280px;}
.gauge-compare-container .gauge-lables label:nth-child(2){bottom:90px;right:290px;}
.gauge-compare-container .gauge-lables label:nth-child(6){bottom:90px;left:280px;}
.compare-container{display:flex;flex-direction:column;align-items:center;position:relative;left:-50px;}
.total-compare-record{right:50px;top:300px;width:244px;}
.total-compare-record .total-count{margin:8px 0;}

/* slim physique page */
.slim-slick-slider-container{width:510px;position:relative;top:-40px;left:-50px;padding:0px 0px;}
.slim-graph{padding-bottom:30px;position:relative;}
.fat-range-slider{position:absolute;bottom:0;left:-85px;transform:rotate(-90deg);width:730px;top:410px;display:table;}
.fat-range-slider p{margin:0;text-align:center;position:absolute;width:100%;top:-45px;transform:rotate(180deg);}
.muscle-range-slider{position:absolute;bottom:-8px;right:145px;width:730px;}
.muscle-range-slider p{margin:20px 0 0 0;width:100%;text-align:center;}
.circle{border-radius:50%;background:transparent;margin:0 auto;display:flex;justify-content:center;align-items:center;border:13px solid #ECF0F3;box-shadow:2px 2px 5px #D1D9E6,-2px -2px 5px #FFFFFF;}
.circle::before{content:" ";background:transparent;position:absolute;border-radius:50%;opacity:0.5;box-shadow:inset 2px 2px 5px #d1d9e6,inset -2px -2px 5px #ffffff;}
.c10{padding:0 20px;position:relative;width:60%;}
.c1{width:74px;height:74px;font-size:30px;line-height:44px;font-weight:700;color:#88B04B;}
.c1::before{height:48px;width:48px;}
.c2{width:126px;height:126px;}
.c2::before{height:100px;width:100px;}
.c3{width:178px;height:178px;}
.c3::before{height:152px;width:152px;}
.c4{width:230px;height:230px;}
.c4::before{height:204px;width:204px;}
.c5{width:282px;height:282px;}
.c5::before{height:256px;width:256px;}
.c6{width:334px;height:334px;}
.c6::before{height:308px;width:308px;}
.c7{width:388px;height:388px;}
.c7::before{height:362px;width:362px;}
.c8{width:438px;height:438px;}
.c8::before{height:412px;width:412px;}
.c9{width:492px;height:492px;}
.c9::before{height:466px;width:466px;}
.slim-record-date{margin-top:45px;text-align:center;}
.slim-record-date .btn{line-height:30px;padding:15px 45px;}
.slim-graph-slider.comn-slide-arws .slick-next{left:430px!important;top:90.4%;z-index:999;}
.slim-graph-slider.comn-slide-arws .slick-prev{left:20px!important;top:90.4%;z-index:999;}
.slim-record{width:280px;position:absolute;right:40px;top:165px;}
.slim-record .record-list:first-child{margin-bottom:10px;padding:0;border:none;}
.slim-record .record-list:last-child{margin-bottom:0;}
.slim-record .record-list{margin-bottom:10px;}
.slim-pointer > div{cursor:move;z-index:10;height:180px;width:180px;border-radius:50%;background:rgba(255,121,121,0.15);position:relative;}
.slim-pointer .inner-content{height:120px;width:120px;background:rgba(255,121,121,0.15);border-radius:50%;}
.slim-pointer .goal-counter{height:60px;width:60px;border-radius:50%;}
.slim-pointer .goal-counter span{height:30px;width:30px;font-size:18px;line-height:30px;background:linear-gradient(135.16deg,#FFFFFF 0%,#F3F5F8 100%);border-radius:50%;}
.slim-pointer.active .goal-counter::after{position:absolute;content:" ";height:120px;width:120px;background:rgba(255,121,121,0.15);border-radius:50%;z-index:-1;}

/* red */
.slim-pointer.red-pointer .inner-content{background:rgba(219,37,24,0.15);}
.slim-pointer.red-pointer .goal-counter{background:rgba(219,37,24,1);}
.slim-pointer.red-pointer.active .goal-counter::after{background:rgba(219,37,24,0.15);}

/* amber */
.slim-pointer.amber-pointer .inner-content{background:rgba(251,193,7,0.15);}
.slim-pointer.amber-pointer .goal-counter{background:rgba(251,193,7,1)}
.slim-pointer.amber-pointer.active .goal-counter::after{background:rgba(251,193,7,0.15);}

/* green */
.slim-pointer.green-pointer .inner-content{background:rgba(21,181,78,0.15);}
.slim-pointer.green-pointer .goal-counter{background:rgba(21,181,78,1)}
.slim-pointer.green-pointer.active .goal-counter::after{background:rgba(21,181,78,0.15);}
.myscore{position:absolute;z-index:9;text-align:center;top:100px;left:63px;}
#mygoal{position:absolute;z-index:9;text-align:center;top:233px;left:305px;}
.final-score{height:60px;width:60px;border-radius:50%;}
.final-score span{height:30px;width:30px;font-size:18px;line-height:30px;background:linear-gradient(135.16deg,#FFFFFF 0%,#F3F5F8 100%);border-radius:50%;text-align:center;}

/* body matrix page styles */
.body-matrix-container{position:relative;width:1090px;left:60px;}
.body-matric-box{margin:0;padding:70px 0 35px 0;position:relative;}
.body-record.data-record{position:absolute;padding:16px 23px;}
.body-record.data-record .record-list p{font-weight:600;}
.body-record.data-record .record-list p span{font-weight:normal;}
.body-record.data-record .record-list:first-child{padding-bottom:0;margin-bottom:0px;border:none;}
.body-record.data-record .record-list p.red-txt{color:#DB2518;}
.body-record.data-record .record-list p img{margin-left:5px;}
.torso.body-record.data-record{left:100px;top:90px;}
.left-arm.body-record.data-record{left:100px;top:285px;}
.left-leg.body-record.data-record{left:100px;bottom:285px;}
.right-arm.body-record.data-record{left:560px;top:285px;}
.right-leg.body-record.data-record{bottom:280px;left:560px;}
.total-muscle-mass.body-record.data-record{right:25px;top:270px;width:260px;}
.body-img{display:flex;position:relative;left:28%;}
.body-slider .slick-prev{left:200px!important;top:92%!important;}
.body-slider .slick-next{right:455px!important;top:92%!important;}
.body-slider .slick-arrow{z-index:9;}
.body-record.red .record-list:last-child h5{font-weight:normal;color:#DB2518;}
.body-record.green .record-list:last-child h5{font-weight:normal;color:#88B04B;}
.date-btn span{padding:15px 25px;line-height:26px;}
.body-date{justify-content:flex-start;display:inline-flex;position:relative;left:27%;margin-top:50px;}
.ext-fluid.body-record.data-record{left:60px;top:200px;}
.int-fluid.body-record.data-record{left:60px;top:355px;}
.total-water-mass.body-record.data-record{right:20px;bottom:200px;}
.total-bone-mass.body-record.data-record{right:20px;bottom:200px;width:220px;}
.xs-sml-circle .ques-icon{font-size:26px;line-height:31px;font-style:normal;}
.total-count{margin:12px 0;}
.total-count h3{margin:0;font-weight:300;font-size:36px;line-height:44px;text-align:left;}
.body-radio-text .radio-con{width:40px;}
.body-radio-text p{margin:6px 0;}
.body-radio-text .checkmark{top:-18px;right:55px;}

/* Goal settings page styles */
.goal-setting-container .gauge-background{left:-22px;top:48px;}
.goal-setting-container .metric-fins{left:-14px;top:48px;}
.goal-range-slider{width:540px;}
.goal-range-container{margin-top:120px;}
.goal-range-knob{position:absolute;}
.goal-range-container .dash-record{margin-left:25px;}
.goal-range-container .dash-record .gradient-rounded h3{margin-top:0;}

/* knob style */
.knob-surround{position:relative;display:inline-block;width:375px;height:375px;border-radius:50%;background:transparent;}
.knoblabel{position:absolute;top:-2.2em;left:-1em;width:200%;height:1em;color:lime;font-size:0.4em;}
.knobvalue{position:absolute;color:#818181;text-align:center;padding:8px;font-size:20px;background:#fff;border-radius:50%;bottom:-95px;left:169px;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;border:3px solid #15B54E;}
.knobvalue::after{content:url("../images/green-knob-arrow.svg");position:absolute;top:-27px;left:4px;}
.knobvalue .knobvaluetext{display:block;height:34px;width:36px;line-height:36px;background-color:transparent;border-radius:50%;transform:rotate(2deg);}
.knobvalue span{font-size:18px;line-height:36px;position:relative;top:-2px;}
.knob{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);z-index:10;}

/* onboarding page styles */
.company-logo-image img{width:640px;margin-bottom:50px;}
.company-slogan p{font-size:24px;line-height:29px;color:#341A4A;margin:0;}
.onboarding-page.center-content{height:calc(100vh - 45px);}
.whyhere-range-con{display:flex;justify-content:center;width:970px;position:relative;height:100%;left:-60px;}
.current-value{position:absolute;}
.why-here-range{position:absolute;}
.why-here-range .box-con{width:205px;}
.why-here-range .range-box input[type=range]::-webkit-slider-thumb{width:45px;height:45px;background-image:none!important;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%)!important;box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;}
.why-here-range .range-box input[type=range]::-moz-range-thumb{width:45px;height:45px;background-image:none!important;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%)!important;box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;}
.why-here-range .range-box p{margin:0;font-size:18px;line-height:30px;position:absolute;}
.why-here-range.range-one{top:180px;transform:rotate(-90deg);}
.why-here-range.range-one .range-box p{transform:rotate(90deg);top:-6px;right:-75px;}
.why-here-range.range-two{top:220px;transform:rotate(-54deg);right:260px;}
.why-here-range.range-two .range-box p{transform:rotate(54deg);right:-110px;top:-10px;}
.why-here-range.range-three{top:320px;transform:rotate(-18deg);right:185px;}
.why-here-range.range-three .range-box p{transform:rotate(18deg);right:-90px;top:-30px;}
.why-here-range.range-four{top:455px;transform:rotate(18deg);right:185px;}
.why-here-range.range-four .range-box p{transform:rotate(-18deg);right:-170px;top:-70px;}
.why-here-range.range-five{top:555px;transform:rotate(54deg);right:260px;}
.why-here-range.range-five .range-box p{transform:rotate(-54deg);right:-80px;top:-100px;}
.why-here-range.range-six{transform:rotate(90deg);top:600px;}
.why-here-range.range-six .range-box p{transform:rotate(-90deg);right:-110px;top:-10px;}
.why-here-range.range-seven{top:555px;transform:rotate(126deg);left:260px;}
.why-here-range.range-seven .range-box p{transform:rotate(-126deg);right:-70px;top:80px;}
.why-here-range.range-eight{top:455px;transform:rotate(162deg);left:185px;}
.why-here-range.range-eight .range-box p{transform:rotate(-162deg);right:-110px;top:30px;}
.why-here-range.range-nine{top:320px;transform:rotate(198deg);left:185px;}
.why-here-range.range-nine .range-box p{transform:rotate(-198deg);right:-90px;top:20px;}
.why-here-range.range-ten{top:220px;transform:rotate(234deg);left:260px;}
.why-here-range.range-ten .range-box p{transform:rotate(-234deg);right:-115px;top:-10px;}
.whyhere-range-con::after{content:" Why I am here";font-size:18px;line-height:30px;position:absolute;top:390px;font-weight:600;}

/* phase angle styles */
.phase-angle-slider{top:20px;}
.phase-angle-container{width:1070px;position:relative;left:80px;}
.phase-angle-container .total-weight{top:300px!important;}
.phase-img-con{position:relative;display:flex;flex-direction:column;align-items:center;left:-140px;}
.phase-content{padding-top:0;margin:0;}
.phase-content .total-weight{right:20px!important;}
.phase-content.slick-slide{display:flex!important;position:relative;}
.phase-bg{position:relative;left:20px;}
.phase-records-counter{position:absolute;top:0;display:flex;justify-content:center;width:525px;height:80%;left:48px}
.phase-count-list{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;height:93.12px;width:93.12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:31px;position:absolute;font-weight:600;}
.phase-count-list.lft-t{left:24.5%;top:9%;}
.phase-count-list.rit-t{right:24.5%;top:9%;}
.phase-count-list.lft-a{left:3.8%;top:33%;}
.phase-count-list.rit-a{right:3.8%;top:32.8%;}
.phase-count-list.lft-l{left:11.5%;top:63%;}
.phase-count-list.rit-l{right:11%;top:63%;}
.phase-count-list.low-t{bottom:7%;left:41.3%;}
.pahse-total-count{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;height:115px;width:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:26px;line-height:31px;position:absolute;top:39%;z-index:1;}
.pahse-total-count h3{margin:0;font-size:36px;line-height:44px;}
.pahse-total-count span{font-size:18px;line-height:30px;}
.phase-angle-slider.comn-slide-arws .slick-prev{left:200px!important;top:93.5%;z-index:999;}
.phase-angle-slider.comn-slide-arws .slick-next{right:438px!important;top:93.5%;z-index:999;}
.phase-record-date{margin-top:75px;margin-bottom:32px;margin-left:40px;}
.phase-records-title{position:absolute;top:0;width:525px;height:95%;left:50px;}
.phase-title-list{position:absolute;font-size:18px;line-height:24px;text-transform:capitalize;}
.phase-title-list.lft-a{left:-18%;top:35%;}
.phase-title-list.rit-a{right:-20%;top:35%;}
.phase-title-list.low-t{bottom:84px;left:40%;}
.phase-title-list.rit-l{right:-9%;top:66%;}
.phase-title-list.lft-l{left:-8%;top:66%;}
.phase-title-list.rit-t{right:1%;top:7%;}
.phase-title-list.lft-t{left:1%;top:7%;}
.phase-page-action{position:absolute;bottom:70px;right:60px;}
.phase-total-count-bg{position:absolute;top:35.5%;z-index:0;}

/* track page styles */
.track-progress-container{position:relative;left:-100px;}
.btn.btn-pre,.btn.btn-nxt{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:none;}
.track-record-date .btn{pointer-events:none;margin:0 30px;padding:18px 54px;}
.track-record{width:281px;position:absolute;right:50px;top:260px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #D1D9E6,-8px -8px 20px #FFFFFF;border-radius:20px;padding:20px 23px;}
.track-record .record-list:last-child{margin-bottom:0;}
.track-record .record-list{margin-bottom:10px;direction:ltr;display:block;margin-bottom:10px;}
.track-record .record-list input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;}
.track-record .record-list label{position:relative;cursor:pointer;display:flex;font-size:18px;line-height:30px;}
.track-record .record-list label span{margin-left:5px;font-weight:600;}
.track-record .record-list label:after{content:'';-webkit-appearance:none;background-color:transparent;border:none;height:26px;width:26px;background-color:#fff;border-radius:4px;display:inline-block;vertical-align:middle;cursor:pointer;right:0;position:absolute;}
.track-record .record-list input:checked + label:before{content:'';display:block;position:absolute;top:4px;right:9px;width:5px;height:12px;border:solid #818181;border-width:0 2px 2px 0;transform:rotate(45deg);z-index:1;}
.track-record .record-list.green input:checked + label:before{border:solid #88B04B;border-width:0 2px 2px 0;}
.track-record .record-list.red input:checked + label:before{border:solid #FF7979;border-width:0 2px 2px 0;}
.track-record .record-list.grey input:checked + label:before{border:solid #B6B6B6;border-width:0 2px 2px 0;}
.track-record .record-list.blue input:checked + label:before{border:solid #38A9EF;border-width:0 2px 2px 0;}
.track-record .record-list.orange input:checked + label:before{border:solid #FEC307;border-width:0 2px 2px 0;}
.track-record .record-list.cyan input:checked + label:before{border:solid #5BD2F8;border-width:0 2px 2px 0;}
.track-record-content{max-height:230px;overflow-y:auto;direction:rtl;padding-left:20px;}
.track-record-content::-webkit-scrollbar{width:5px;}
.track-record-content::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.track-record-content::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.track-chart-con{width:600px;height:620px;overflow-y:auto;direction:rtl;padding-left:20px;}
.track-chart-con::-webkit-scrollbar{width:5px;}
.track-chart-con::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.track-chart-con::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}

/* auto goal page styles */
.auto-goal-container{width:670px;position:relative;left:-40px;top:-40px;}
.auto-goal-content .gauge-background{top:75px;left:5px;}
.auto-goal-content .metric-fins{top:60px;left:-5px;width:150px;height:150px;}
.auto-goal-content .metric-fins .fin{width:1.5px;height:8px;}
.auto-goal-content .knob-surround{width:160px;height:160px;top:-10px;}
.auto-goal-content .knobvalue{bottom:-50px;left:58px;height:40px;width:40px;transform:rotate(-42deg);}
.auto-goal-content .knobvalue .knobvaluetext{height:26px;width:25px;}
.auto-goal-content .knobvalue span{font-size:14px;line-height:25px;top:-8px;}
.auto-goal-content .GaugeMeter span{font-size:20px!important;line-height:130px!important;}
.auto-goal-content .GaugeMeter s,.auto-goal-content .GaugeMeter u{font-size:14px;}
.auto-goal-content .GaugeMeter b{line-height:175px!important;font-size:16px;text-transform:inherit;}
.auto-goal-note p{width:80%;}

/* auto goal page styles with slider */
.gauge-slick-slider-container.gauge-compare-container .auto-goal-slider{display:flex;align-items:center;justify-content:center;}
.gauge-slick-slider-container.gauge-compare-container .gauge-background{left:33px;}
.gauge-slick-slider-container.gauge-compare-container .metric-fins{left:17px;}
.gauge-slick-slider-container.gauge-compare-container .gauge-lables{left:-35px;}
.gauge-slick-slider-container.gauge-compare-container .knob-surround{width:240px;height:240px;top:-15px;}
.gauge-slick-slider-container.gauge-compare-container .knobvalue{bottom:-60px;left:95px;}
.gauge-slick-slider-container.gauge-compare-container .dashboard-gauge{padding-bottom:70px;}
.gauge-slick-slider-container.gauge-compare-container .slick-list{margin:0px -50px;}
.gauge-slick-slider-container.gauge-compare-container .slick-slide{margin:0 50px;}
.gauge-slick-slider-container.gauge-compare-container .slick-dots li{background:#ECF0F3;box-shadow:inset 3px 3px 5px #d1d9e6,inset -3px -3px 5px #ffffff;border-radius:50%;width:42px;margin:0 12px;height:42px;}
.gauge-slick-slider-container.gauge-compare-container .slick-dots li button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;}
.gauge-slick-slider-container.gauge-compare-container .slick-dots li button:before{position:relative;font-size:52px;width:auto;height:auto;color:#ADBEF8;opacity:0;}
.gauge-slick-slider-container.gauge-compare-container .slick-dots li.slick-active button:before{color:#ADBEF8;opacity:1;}
.gauge-slick-slider-container.gauge-compare-container .comn-slide-arws .slick-prev{left:110px!important;top:auto;bottom:-120px;}
.gauge-slick-slider-container.gauge-compare-container .comn-slide-arws .slick-next{right:110px!important;top:auto;bottom:-120px;}
.gauge-slick-slider-container.gauge-compare-container .slick-dots{width:300px;bottom:-85px;}

/* model(popup) styles */
.modal{display:none;position:fixed;z-index:99;padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.2);}
.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:780px;height:590px;animation-name:animatetop;animation-duration:0.4s;border-radius:20px;}
@-webkit-keyframes animatetop{
	from{top:-300px;opacity:0}
	to{top:0;opacity:1}
}
@keyframes animatetop{
	from{top:-300px;opacity:0}
	to{top:0;opacity:1}
}
.close{color:white;float:right;font-size:28px;font-weight:bold;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;}
.modal-header{padding:30px;}
.modal-body{padding:0 100px;height:390px;overflow-y:auto;margin-right:5px;}
.modal-body::-webkit-scrollbar{width:5px;}
.modal-body::-webkit-scrollbar-track{background:#fff;}
.modal-body::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.modal-footer{display:flex;justify-content:flex-end;padding:0 30px;}
.modal-body h2{font-weight:normal;font-size:26px;}
.model-scrollable-content h2{font-weight:normal;font-size:26px;margin:0;}
.model-scrollable-content h3{font-weight:600;font-size:18px;margin:40px 0 0 0;}
.model-con-row{margin-top:40px;}
.model-con-row h3{font-weight:600;font-size:18px;margin:0;}

/* mental wellbeing page styles */
.table-con{border-collapse:collapse;width:100%;border:none;direction:ltr;}
.table-content{padding:0 100px;height:480px;overflow-y:auto;direction:rtl;margin-top:140px;}
.table-content::-webkit-scrollbar{width:5px;}
.table-content::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.table-content::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.table-con td,.table-con th{padding:12px 8px 32px 8px;text-align:center;font-weight:normal;font-size:18px;}
.table-con th:first-child{width:500px;}
.table-con tr td:first-child{text-align:left;}
.table-con th{padding:12px 0 40px 0;width:100px;line-height:20px;}
.table-con .checkmark{top:-17px;left:-14px;}
.table-con .radio-container{padding-right:0;}

/* anxiety page styles */
.anxiety-content .table-content{height:410px;margin-top:50px;}
.gad-table th:first-child{width:430px;text-align:left;padding-left:8px;font-weight:600;font-size:18px;line-height:30px;position:relative;top:-25px;}
.gad-table th{width:145px;padding:12px 12px 20px 12px;}
.anxiety-content .page-title{position:absolute;top:140px;left:150px;}
.gad-table th > div{display:flex;flex-direction:column;justify-content:space-between;}
.gad-table th > div span{margin-top:10px;}
.anxiety-model .model-scrollable-content .model-con-row:first-child{margin:0;}

/* next step to member page styles  */
.next-steps-member-content{margin-top:40px;}
.member-services{margin-top:30px;}
.member-services .row{margin-bottom:30px;}

/* .member-services .row:last-child{margin-bottom:0;} */
.service-card{width:296px;margin:0 15px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:12px;}
.card-thumbnail{padding:15px;}
.card-thumbnail img{width:100%;border-radius:8px;height:140px;object-fit:cover;}
.card-body{padding:0px 15px 15px;}
.card-body h3{margin:0 0 5px 0;font-size:18px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.card-body p{margin:0;line-height:24px;font-size:16px;}
.page-title-area h2{margin-bottom:10px;}
.service-detail-con > img{width:100%;border-radius:8px;height:200px;object-fit:cover;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;padding:8px;}
.text-container p:first-child{margin-top:0;}
.text-container{height:430px;overflow-y:auto;padding-right:30px;}
.text-container::-webkit-scrollbar{width:5px;}
.text-container::-webkit-scrollbar-track{background:#ECF0F3;box-shadow:inset 3px 3px 5px #D1D9E6,inset -3px -3px 5px #FFFFFF;}
.text-container::-webkit-scrollbar-thumb{background:#878787;border-radius:50px;box-shadow:inset 2px 2px 5px 0 rgba(#fff,0.5);}
.text-container table{border-collapse:collapse;width:100%;margin:30px 0;}
.text-container table td,.text-container table th{border:1px solid #ddd;padding:8px;}
.text-container table tr:nth-child(even){background-color:#f9f9f9;}
.text-container table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#818181;color:white;}
.text-container a{font-weight:600;}
.text-container a:hover{text-decoration:underline;}
.text-container ul{margin:0;list-style-type:circle;}
.text-container ul li{font-size:18px;font-style:normal;font-weight:400;line-height:30px;margin-bottom:5px;}
.text-container img{border-radius:30px;width:50%;margin:15px 0;}

/* membership plan styles */
.card-price{font-size:28px;margin-top:15px;display:flex;align-items:baseline;}
.card-price span{font-size:14px;margin-left:5px;}
.member-plan{width:283.33px;margin:0 15px;background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:12px;padding:30px 25px;text-align:center;display:flex;flex-direction:column;}
.member-plans-con{margin-top:30px;}
.member-plans-con .row{margin-bottom:30px;}
.member-plans-con .row .member-plan:first-child{margin-left:20px;}
.member-plans-con .row:first-child{margin-top:20px;}
.plan-price{padding-bottom:20px;border-bottom:.0625rem solid #fafbfe;}
.plan-amount{font-size:30px;position:relative;font-weight:bold;}
.plan-validity{margin-top:5px;}
.plan-amount span{font-size:18px;vertical-align:top;font-weight:normal;}
.plan-body > h3{margin-bottom:10px;font-size:20px;}
.plan-body > p{margin-top:0;line-height:24px;}
.plan-action button{padding:14px 38px;}
.plan-img{margin-bottom:10px;}
.plan-img img{width:80px;}
.plan-body ul{padding:0;list-style:none;}
.plan-body ul li{font-size:18px;font-weight:600;}
.plan-body ul li span{font-weight:normal;margin-left:5px;}
.plan-action{margin-top:15px;}
.member-plans-con.option-2 .plan-price{margin-bottom:6px;}
.member-plans-con.option-2 .plan-body{text-align:center;}
.member-plans-con.option-2 .plan-action{margin-top:12px;}
.member-plans-con.option-2 .row:first-child{margin-top:0;}
.membership-scan-con{background:linear-gradient(135.16deg,#DFE2E9 0%,#F3F5F8 100%);box-shadow:8px 8px 20px #d1d9e6,-8px -8px 20px #ffffff;border-radius:40px;padding:80px;}
.membership-plan-detail{padding-right:120px;display:flex;flex-direction:column;}
.membership-plan-detail h2{font-weight:600;font-size:28px;margin-bottom:0;margin-top:0;}
.membership-plan-detail > p{margin-top:15px;}
.membership-barcode img{width:220px;}
.payeble-amount-con.flex{align-items:baseline;margin-top:20px;}
.payeble-amount{font-size:42px;}
.payeble-amount span{font-size:18px;vertical-align:top;}
.payeble-validity{margin-left:10px;}
.payeble-plan-details ul{margin-top:20px;list-style:none;padding:0;}
.payeble-plan-details ul li{font-size:18px;font-weight:600;}
.payeble-plan-details ul li span{font-weight:normal;margin-left:5px;}
.plan-thumbnail{margin-bottom:25px;}
.plan-thumbnail img{width:100%;border-radius:8px;height:140px;object-fit:cover;}
.member-plans-con.with-image .member-plan{padding:20px 20px 30px;}
.payable-plan-type h3{margin-bottom:8px;font-size:20px;}
.payable-plan-type p{margin:0;}

/* sign posting page styles */
.signpost-services .service-card{margin:0 20px;border-radius:25px;}
.signpost-services .service-card .card-body h3{margin-bottom:10px;}
.signpost-services .service-card .card-body p{line-height:30px;font-size:18px;}
.card-body{padding:20px;padding-top:0;}
.signpost-services .service-card .card-thumbnail{padding:0;height:140px;display:flex;align-items:center;justify-content:center;}
.signpost-services .service-card .card-thumbnail img{width:auto;border-radius:0;height:auto;object-fit:initial;}
.signpost-services .page-title-area{margin-top:60px;}
.signpost-services .member-services{margin-top:45px;}

/* fade in animation */
.fade-in-image{animation:fadeIn 3s;-webkit-animation:fadeIn 3s;-moz-animation:fadeIn 3s;-o-animation:fadeIn 3s;-ms-animation:fadeIn 3s;}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}

/* boditrax score page styles */
.boditrax-score-content{position:relative;left:-60px;}
.boditrax-score-content .dashboard-gauge{border-radius:50%;}
.body-record.data-record.one{top:-160px;left:auto;}
.body-record.data-record.two{bottom:-160px;left:auto;width:196px;}
.body-record.data-record.three{left:-120px;top:-90px;}
.body-record.data-record.four{right:-120px;top:-90px;}
.body-record.data-record.five{left:-220px;top:50px;}
.body-record.data-record.six{right:-220px;top:50px;}
.body-record.data-record.seven{left:-240px;bottom:60px;}
.body-record.data-record.eight{right:-230px;bottom:60px;}
.body-record.data-record.nine{left:-215px;top:350px;}
.body-record.data-record.ten{right:-130px;top:350px;}
.boditrax-score-bg{background-image:url("../images/score-bg.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;}
.total-body-score{width:244px;bottom:0;right:50px;}
.boditrax-score-content .metric-fins{height:370px;width:370px;top:-16px;left:-12px;}
.boditrax-score-content .gauge-background{top:10px;left:10px;}
.boditrax-score-content .metric-fins .fin{height:12px;}
.boditrax-score-content .GaugeMeter b{text-transform:inherit;font-weight:normal;}
.boditrax-score-content .body-record.data-record{min-width:175px;}
.boditrax-score-content .body-record.data-record .record-list:last-child p{font-weight:normal;}

/* new physique score styles */
.physiques-record{right:50px;top:140px;width:260px;}
.physiques-record.single{top:190px;}
.physiques-record .body-list-text p{margin:5px 0;}
.physiques-record .body-list-text:first-child p{margin-top:0;}
.physiques-record .body-list-text:last-child p{margin-bottom:0;}
.physiques-record .body-list-text.active p{font-weight:600;}
.physiques-record .body-list-text.active span{border:8px solid #333;padding:4px;border-radius:50%;display:block;}
.physiques-record .body-list-text span{display:none;}
.physiques-record .body-list-text.active.red-txt span{border:8px solid #DB2518;}
.physiques-record .body-list-text.active.green-txt span{border:8px solid #15B54E;}
.physiques-result{top:545px!important}
.physiques-result.single{top:595px!important}
.individual-result p{margin:0!important;}
.physiques-result-action{margin-top:35px;margin-bottom:15px;}
.physiques-result-action .dash-record a{display:flex;flex-direction:row;align-items:center;}
.physiques-result-action .dash-record h3{margin-top:0;margin-right:28px;}
.muscle-range-slider{position:absolute;bottom:15px;left:215px;width:660px;}
.fat-range-slider{position:absolute;left:-70px;transform:rotate(-90deg);width:660px;top:350px;display:table;}
.muscle-range-slider .range-box .box,.fat-range-slider .range-box .box{max-width:640px;padding:26px 60px;}
.fat-range-slider .range-box input[type=range]::-webkit-slider-thumb{width:45px;height:45px;}
.muscle-range-slider .range-box input[type=range]::-moz-range-thumb{width:45px;height:45px;}

/* changes demo style */
.facility-title{position:absolute;left:0;width:100%;text-align:center;}
.page-head-title{position:absolute;left:0;top:60px;width:100%;text-align:center;}
.page-head-title h1{font-size:26px;line-height:31px;color:#818181;font-style:normal;font-weight:normal;margin:0;}

/*  */
.heading-info{position:absolute;right:50px;top:50px;}
.heading-info a#myBtn{z-index:99;}
.heading-info .page-title{margin-right:30px;margin-bottom:0;}
.page-menu label{text-align:center;font-size:18px;line-height:26px;margin:12px 0;}

/* physique score grid */
.physique-score-grid{width:510px;}
.physique-score-grid .column{width:8px;height:8px;border-radius:50%;margin:8px;}
.physique-score-grid .column{float:left;}
.physique-score-grid .row{width:100%}
.physique-score-grid .row:after{content:"";display:table;clear:both;}
.physique-score-grid .red{background-color:#DB2517;}
.physique-score-grid .amber{background-color:#FBC107;}
.physique-score-grid .green{background-color:#15B54E;}


/* info text */
.info-text{padding:10px 5px;display:flex;align-items:baseline;line-height:24px;}
.info-text img{position:relative;top:5px;margin-right:15px;width:20px;}
.caccount-action{margin-top:-15px;}

/* login page styles */
.general-login .header-content.login-header{box-shadow:none;justify-content:flex-end;background:transparent;}
.general-login {background-repeat:no-repeat;background-size:cover;}
.general-login .center-content{height:calc(100vh - 100px);position:relative;}
.general-login .custom-select .select-selected{background:rgba(236, 240, 243, 0.8);padding: 12px 50px 12px 35px;border-radius: 8px;}
.general-login .custom-select{max-width: 340px;}
.general-login .custom-select .select-selected:after{top: 13px;
    right: 20px;}
.general-login .login-container{width:430px;margin:0 auto;text-align:center;background:rgba(236, 240, 243, 0.8);border-radius:40px;padding:60px;max-width: 100%;margin-bottom:100px;}
.general-login .input-field{width:310px;}
.general-login .login-fields > img{margin-bottom:24px;}
.general-login .login-fields .form-field:first-child{margin-bottom:24px;}
.general-login .login-fields .form-field:nth-child(2){margin-bottom:0;}
.general-login .login-fields .form-field:last-child{margin-bottom:0;}
.general-login .login-fields .forgot-pwd a{font-size:18px;line-height:30px;}
.general-login .reset-pass-fields > img{margin-bottom:24px;}
.general-login .reset-pass-fields .form-field:first-child{margin-bottom:24px;}
.general-login .reset-pass-fields .form-field:nth-child(2){margin-bottom:24px;}
.general-login .reset-pass-fields .form-field:last-child{margin-bottom:0;}
.general-login .login-fields .forgot-pwd a{font-size:18px;line-height:30px;}
.general-login .forgot-pwd{text-align:right;margin-top:10px;}
.general-login .login-form .login-btn{width:100%;padding:14px 0;margin-top:24px;font-size:18px;font-weight:600;text-transform:initial;}
@media only screen and (max-width: 600px) {
	.general-login .login-container{max-width:100%; padding:30px 20px;border-radius: 30px;}
	.general-login .container{max-width: 90%;}
	.general-login .input-field{width: 100%;}
  }

.login-form-onefitnes-img {height: 760px;}

.kiosk-login .login-container, .kiosk-login .login-content {width: 800px;margin: 0 auto;text-align: center;background: rgba(236, 240, 243, 0.8);border-radius: 40px;padding: 60px;max-width: 100%;margin-bottom: 100px;}

.help-center {position: fixed;left: 50%;transform: translate(-50%, -50%);}
.help-center-button {height: 50px;width: 50px;border: none;font-size:x-large;}
.help-center-button:active {color: #D1D9E6;}