tab-line-ifhtml, body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h3 { margin: 0; }
a:hover { opacity: 0.8; }


.scroll-green::-webkit-scrollbar {
    width: 8px;
    background: #F2F2F2;
}
.scroll-green::-webkit-scrollbar-thumb {
    background: #07A097;
    border-radius: 15px;
    box-shadow: 0px 0px 7px 0px #00000087;
}

.scroll-ift::-webkit-scrollbar {
    width: 8px;
    background: #F2F2F2;
}
.scroll-ift::-webkit-scrollbar-thumb {
    background: #2466A9;
    border-radius: 15px;
    box-shadow: 0px 0px 7px 0px #00000087;
}

.scroll-imt::-webkit-scrollbar {
    width: 8px;
    background: #F2F2F2;
}
.scroll-imt::-webkit-scrollbar-thumb {
    background: #293c4c;
    border-radius: 15px;
    box-shadow: 0px 0px 7px 0px #00000087;
}

.tab-line-ift {
    background: #2466A9 !important;
}

.tab-line-imt {
    background: #293c4c !important;
}

.tab-line-rhvac {
    background: #18988D !important;
}

.f-rhvac {
    color: #18988D !important;
}

.f-ift {
    color: #2466A9 !important;
}

.f-imt {
    color: #293c4c !important;
}

.c-rhvac {
    background: #18988D !important;
}

.c-ift {
    background: #2466A9 !important;
}

.c-imt {
    background: #293c4c !important;
}

.c-imt2 {
    background: #4b7ea0 !important;
}

.bbar-rhvac {
    background-color: #18988D !important;
}

.bbar-ift {
    background-color: #2466A9 !important;
}

.bbar-imt {
    background-color: #293c4c !important;
}

.border-rhvac {
    border: 4px solid #18988D !important;
}

.border-ift {
    border: 4px solid #2466A9 !important;
}

.border-imt {
    border: 4px solid #293c4c !important;
}

.wid-ift {
    background-image: url(../../images/icons/i-message-blue.png) !important;
}

.wid-wa-ift {
    background-image: url(../../images/icons/i-whatsapp-blue.png) !important;
}

.wid-wa-imt {
    background-image: url(../../images/icons/i-whatsapp-imt.png) !important;
}

.wid-download-ift {
    background-image: url(../../images/icons/i-download-blue.png) !important;
}

.wid-download-imt {
    background-image: url(../../images/icons/i-download-imt.png) !important;
}

.wid-x {
    background-image: url(../../images/icons/icon-x.png) !important;
    background-size: 20px !important;
}

.wid-x-ift {
    background-image: url(../../images/icons/icon-x-blue.png) !important;
    background-size: 20px !important;
}


.floating-content-outer-ift {
    background: linear-gradient(
        100deg, rgba(98,151,202,1) 0%, rgba(17,76,100,1) 100%) !important;
}

.floating-content-outer-imt {
    background: linear-gradient(
        100deg, rgba(64,105,134,1) 0%, rgba(52,80,102,1) 100%) !important;
}

.prevup-img-ift {
    border: 10px solid #2466A9 !important;
}


.upload-photos {
    background: #18988D;
    color: #fff;
    border-radius: 10px; 
}

.prevup-noimg {
    background: #9e9a99;
    width: 200px;
    margin: 0 auto;
    height: 200px;
    display: grid;
    align-items: center;
    border: 10px solid #18988D;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 20px;
    font-size: 10px;
    font-weight: bold;
}

.prevup-img {
    margin: 0 auto;
    border: 10px solid #18988D ;
    border-radius: 50% ;
    margin-bottom: 20px;
}


.nav-main-logo-ift {
    background: url(../../images/icons/logo-ift.png) no-repeat !important;
    width: 157px !important;
}

.pos-logo-right-ift {
    background: url(../../images/icons/logo-ift.png) no-repeat !important;
    width: 157px !important;
}

.pos-logo-right-imt {
    background: url(../../images/icons/logo-imt.png) no-repeat !important;
    width: 150px !important;
    height: 100px;
    float: right;
    background-size: contain !important; 
    margin: 10px 7px 0 0; 
}

.preloader {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    z-index: 999999;
}
.preloader-img {
    display: inline-block;
    flex-direction: column;
    margin: auto;
    text-align: center;
}

.wrapper {
    width: 100%;
    text-align: center;
}
.wrapper-chat {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 8;
    overflow: auto;
}

.bg-quarter {
    background: linear-gradient(180deg, rgba(7,40,126,1) 0%, rgba(84,142,215,1) 86%, rgba(94,165,255,1) 100%);
    position: absolute;
    width: 100%;
    height: 260px;
    left: 0;
    top: 0;
}
.bg-quarter2 {
    background: linear-gradient(180deg, rgba(7,40,126,1) 0%, rgba(84,142,215,1) 86%, rgba(94,165,255,1) 100%);
    position: absolute;
    width: 100%;
    height: 33%;
    left: 0;
    top: 0;
}

.container {
    background-image: url(../../img/bg-accent.png);
    background-repeat: no-repeat;
    background-size: 86%;
    background-position-x: 268%;
    background-position-y: 104%;
    background-color: #F9FBFF;
    display: inline-block;
    width: 100%;
    max-width: 428px;
    text-align: left;
    position: relative;
    background-attachment: fixed;
}
.container2 {
    background-image: url(../../img/bg-accent.png);
    background-repeat: no-repeat;
    background-size: 86%;
    background-position-x: 268%;
    background-position-y: 105%;
    background-color: #F9FBFF;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 428px;
    text-align: left;
    position: relative;
    margin: auto;
}

.container-other {
    width: 90%; 
    margin-left: 5%;
    text-align: left;
}

.panel-content {
    margin-top: 65px;
    text-align: center;
}

.content {
    padding: 27px;
    position: relative;
    z-index: 1;
}
.content2 {
    flex-direction: column;
    margin: auto;
    padding: 27px;
    position: relative;
    z-index: 1;
}

.bottom-logo {
    width: 100%;
    position: absolute;
    bottom: 37px;
    text-align: center;
}

.card-box {
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 16%);
}

.tab-box {
    padding-bottom: 25px;
    position: relative;
}
.tab-box .tab-select {
    font-size: 16px;
    color: #8F8F8F;
    margin-left: 30px;
    display: inline-block;
}
.tab-box .tab-select.active {
    color: #E3001B;
    font-weight: bold;
}
.tab-box .tab-select:first-child {
    margin-left: 0;
}
.tab-box .tab-line {
    display: inline-block;
    width: 35px;
    height: 2px;
    background: #FB9900;
    position: absolute;    
    left: 4px;
    bottom: 15px;
}

.form-group { 
    margin-bottom: 15px; 
    color: #000; 
}
.form-group .star { 
    position: relative;
    top: -3px;
    font-size: 10px;
}
.form-group label { font-size: 14px; }
.form-group .form-txt {
    margin-top: 7px;
    border-radius: 30px;
    border: 1px solid #C4C4C4;
    padding: 10px 15px 12px;
}
.form-group .form-txt input {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 100%;
    font-size: 15px;
    border: none;
    background: transparent;
    outline: none;
}
.form-btn {
    width: 100%;
    background: #E8253C;
    border-radius: 30px;
    border: 2px solid #E8253C;
    padding: 14px 15px 13px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: all 230ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.form-btn:hover {
    cursor: pointer;
    background: #cd273be8;
    border: 2px solid #ffbcbcfc;
}
.form-btn:active {
    background: #fd586ce8;
    border: 2px solid #fd586ce8;
}
.form-btn2 {
    width: 195px;
    background: #E8253C;
    border-radius: 18px;
    border: 2px solid #E8253C;
    padding: 14px 15px 13px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: all 230ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.form-btn2:hover {
    cursor: pointer;
    background: #cd273be8;
    border: 2px solid #ffbcbcfc;
}
.form-btn2:active {
    background: #fd586ce8;
    border: 2px solid #fd586ce8;
}
.form-btn2.deactive {
    background: #BFBFBF;
    border: 2px solid #BFBFBF;
    cursor: default;
}
.form-btn2.deactive:hover {
    background: #BFBFBF;
}


.form-btn3 {
    width: 150px;
    background: #E8253C;
    border-radius: 18px;
    border: 2px solid #E8253C;
    padding: 7px 15px 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    transition: all 230ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.form-btn3:hover {
    cursor: pointer;
    background: #cd273be8;
    border: 2px solid #ffbcbcfc;
}
.form-btn3:active {
    background: #fd586ce8;
    border: 2px solid #fd586ce8;
}

.signin-method {
    border: 2px solid #fff;
    border-radius: 8px;
    background: #fff;
    color: #484D54;
    display: inline-block;
    width: 245px;
    padding: 12px 0 11px 55px;
    font-size: 17px;
    text-align: left;
    margin-top: 14px;
    position: relative;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    cursor: pointer;
    transition: all 230ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.signin-method:hover {
    border: 2px solid #fcecbd;
}
.signin-method:active {
    border: 2px solid #8dc8ff87;
    background: #e1eeff;
}

.i-google {
    display: inline-block;
    width: 20px;
    height: 21px;
    position: absolute;
    left: 17px;
    top: 11px;
    background: url(../../img/icons/i-google.png) no-repeat;
    background-size: contain;
}
.i-apple {
    display: inline-block;
    width: 22px;
    height: 25px;
    position: absolute;
    left: 17px;
    top: 7px;
    background: url(../../img/icons/i-apple.png) no-repeat;
    background-size: contain;
}
.i-wa {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 13px;
    top: 7px;
    background: url(../../img/icon-wa-mini.png) no-repeat;
    background-size: contain;
}

.pass-strength {
    width: 100%;
    height: 15px;
    border-radius: 10px;
    background: #e0e0e0;
    margin-top: 5px;
}
.val-strength {
    display: inline-block;
    background: #E8253C;
    width: 30%;
    height: 15px;
    border-radius: 10px;
    margin-left: 1%;
}

.welcome-panel {
    width: 85%;
    display: inline-block;
    background: linear-gradient(180deg, rgba(227,0,27,1) 0%, rgba(247,127,5,1) 86%, rgba(251,153,0,1) 100%);
    color: #fff;
    border-bottom-right-radius: 45px;
}
.welcome-panel .p-welcome {
    padding: 105px 25px 40px;
}

.col-6 {
    display: flex;
    float: left;
    width: 47%;
    height: 135px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 16%);
    margin-bottom: 18px;
}
.col-6:nth-child(2n+2) {
    float: right;
}

.btn-orange {
    width: 195px;
    background: #FB9900;
    border-radius: 15px;
    border: 2px solid #FB9900;
    padding: 16px 15px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 16%);
    transition: all 230ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.btn-orange:hover {
    cursor: pointer;
    background: #fb8600;
    border: 2px solid #ffc85b;
}
.btn-orange:active {
    background: #ffc262;
    border: 2px solid #fca823;
}


.c-white { color: #fff; }
.c-black { color: #000; }
.c-gray { color: #484D54; }
.c-blue { color: #2676E1; }

.dinline-block { display: inline-block; }
.dtable { display: table; }
.dtable-cell { display: table-cell; vertical-align: middle; }

.relative { position: relative; }

.fleft { float: left; }
.fright { float: right; }

.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }

.clear { clear: both; }

.w15 { width: 15%; }
.w20 { width: 19.5%; }
.w25 { width: 24.5%; }
.w30 { width: 30%; }
.w34 { width: 34.5%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49.5%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w98 { width: 98%; }
.w100 { width: 100%; }

.max-w390 { max-width: 390px; }
.max-w420 { max-width: 420px; }
.max-w570 { max-width: 570px; }

.h90 { height: 90px; }
.h135 { height: 135px; }


.ml15 { margin-left: 15px; }
.ml25 { margin-left: 25px; }

.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt40 { margin-top: 40px !important; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb13 { margin-bottom: 13px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }

.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.plr35 { padding-left: 35px; padding-right: 35px;}


.pt0 { padding-top: 0 !important; }
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt110 { padding-top: 110px; }
.pt135 { padding-top: 135px; }
.pt150 { padding-top: 150px; }
.pt160 { padding-top: 160px; }

.pb5 { padding-bottom: 5px; }
.pb7 { padding-bottom: 7px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb120 { padding-bottom: 120px; }
.pb135 { padding-bottom: 135px; }
.pb150 { padding-bottom: 150px; }
.pb160 { padding-bottom: 160px; }

.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr15 { padding-right: 15px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f44 { font-size: 44px; }
.f46 { font-size: 46px; }
.f47 { font-size: 47px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f52 { font-size: 52px; }
.f56 { font-size: 56px; }
.f58 { font-size: 58px; }
.f60 { font-size: 60px; }
.f80 { font-size: 80px; }
.f86 { font-size: 86px; }

.lh15 { line-height: 15px; }
.lh17 { line-height: 17px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh21 { line-height: 21px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 34px; }
.lh36 { line-height: 36px; }
.lh38 { line-height: 38px; }
.lh40 { line-height: 40px; }
.lh42 { line-height: 42px; }
.lh46 { line-height: 46px; }
.lh56 { line-height: 56px; }
.lh58 { line-height: 58px; }
.lh60 { line-height: 60px; }

.wrap-svg {
    display: inline-block; 
    width: 135px; 
    height: 135px; 
    border-radius: 75px; 
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
}

.resend-msg {
    background: #fdfbe7;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 19px 0 14px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #a98c49;
    z-index: 9;
    box-shadow: 0px 3px 17px -9px #0000005e;
}
.error-msg {
    background: #ffeeee;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 19px 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: rgb(227 0 27);
    z-index: 9;
    box-shadow: 0px 3px 17px -9px #0000005e;
}
.success-msg {
    background: #e8f5ea;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 19px 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: rgb(10 158 83);
    z-index: 9;
    box-shadow: 0px 3px 17px -9px #0000005e;
}

.close-msg {
    display: inline-block; 
    width: 14px; 
    height: 14px; 
    border-radius: 20px; 
    position: fixed; 
    z-index: 99; 
    right: 6px;
}
.close-msg span {
    position: relative; 
    top: -1px; 
    font-size: 16px;
}
.resend-msg .close-msg {
    border: 1px solid #c1901f; 
    color: #c1901f; 
    top: 7px; 
}
.error-msg .close-msg {
    border: 1px solid rgb(227 0 27); 
    color: rgb(227 0 27);
    top: 18px;  
}
.success-msg .close-msg {
    border: 1px solid rgb(10 158 83); 
    color: rgb(10 158 83); 
    top: 26px; 
}


#menu-popup {
    background: url(../../images/background-rhvac.jpg) no-repeat;
    background-position-y: 49%;
    display: none; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    right: 0; 
    bottom: 0; z-index: 9;
}
#menu-popup .main-ul a {
    cursor: default;
}
#menu-popup .main-ul li {
    opacity: 0.5;
}

.user-nav ul {
    margin-left: 7.5%;
    width: auto;
}
.user-nav ul li {
    margin: 0;
    cursor: pointer;
}
.user-nav ul a {
    color: #fff;
    cursor: default;
}
.menu-margin {
    width: 95%; 
    margin: 2.5%; 
    height: 80%;
}

.nav-menu {
    position: fixed;
    width: 120px;
    height: 100%;
    left: -180px;
    top: 0;
    background: #fff;
    border-right: #eaecf1;
    box-shadow: 2px 0px 54px 1px #00000085;
    z-index: 9;
    overflow: auto;
}
.nav-menu .side-close {
    position: absolute;
    top: 25px;
    left: 20px;
    border: none;
    background: url(../../images/menu/side-close.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.nav-menu .wrap-item-menu {
    margin-top: 75px;
}
.nav-menu .item-menu {
    position: relative;
    text-align: center;
    padding: 5px 0;
    margin: 17px 0;
    transition: all 190ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.nav-menu .item-menu img {
    width: 34px;
    margin-bottom: 4px;
    object-fit: contain;
}
.nav-menu .item-menu div {
    font-size: 11px;
}
.nav-menu a {
    text-decoration: none; 
    color: #1F5D77;
}

.nav-center {
    display: inline-block;
}
.nav-center .nav-main-logo {
    display: inline-block;
    /* background: url(../../images/icons/logo-rhvac.png) no-repeat;  */
    /* background-size: contain !important;  */
    width: 98px;
    height: 38px;
    position: relative;
    top: 14px;
}
.nav-notif {
    background: url(../../images/icons/i-notif.png) no-repeat; 
    background-size: contain; 
    z-index: 99999; 
    width: 21px; 
    height: 27px; 
    display: inline-block;
}

.pos-logo-right {
    display: inline-block;
    width: 110px;
    height: 42px;
    background: url(../../images/icons/logo-rhvac.png) no-repeat;
    background-size: contain;
    position: fixed;
    right: 25px;
    top: 20px;
}
.rounded-back {
    width: 33px;
    height: 33px;
    display: inline-block;
    border-radius: 50px;
    background-color: #fff;
    background-image: url(../../images/icons/i-arrow-back.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    box-shadow: 0px 2px 7px -2px #000000c4;
    top: 22px;
    left: 19px;
    z-index: 9;
    position: fixed;
}
.rounded-back:hover {
    background-color: #c4eeff !important;
}

.page-content {
    background-color: #fff;
    width: 100%;
    height: 90%; 
    position: absolute; 
    overflow: auto; 
    padding-bottom: 30px;
}
.page-content2 {
    background-color: #fff;
    width: 100%;
    height: 100%; 
    position: absolute; 
    overflow: auto; 
}
.page-content-chat {
    background: linear-gradient(180deg, rgba(24,152,141,1) 16%, rgba(17,76,100,1) 100%);
    width: 100%;
    height: 83%; 
    position: absolute; 
    overflow: auto; 
    margin-top: 65px;
    padding-bottom: 30px;
    border-top-left-radius: 140px;
}
.floating-content {
    margin-top: -40px;
    background: #fff;
    position: relative;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.floating-content-outer {
    margin-top: -40px;
    padding-top: 18px;
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%);
    position: relative;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.floating-content-imt2 {
    margin-top: -40px;
    padding-top: 18px;
    background: linear-gradient(100deg, rgba(64,105,134,1) 0%, rgba(52,80,102,1) 100%) !important;
    position: relative;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.floating-content-inner {
    background: #fff;
    position: relative;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.ads-slider {
    /* width: 100%;
    height: 215px;
    background: url(../../images/kgo_slider1.jpg) no-repeat;
    background-size: cover; */
}
.bg-tribal {
    width: 100%;
    height: 240px;
    background: url(../../images/bg-tribal-new.png) no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
.bg-tribal-imt {
    width: 100%;
    height: 240px;
    background: url(../../images/bg-hexa-imt.jpg) no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
.bg-tribal a {
    position: relative;
    z-index: 9;
}

.popup-alert {
    display: none;
    background: rgb(0 0 0 / 8%);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    text-align: center;
    backdrop-filter: blur(13px);
}
.popup-box {
    flex-direction: column;
    width: 80%;
    margin: auto;
    display: inline-block;
    border-radius: 19px;
    background: #ffffff;
    padding: 45px 0 22px;
    font-size: 16px;
    position: relative;
    top: -70px;
    box-shadow: 0px 1px 14px -5px #00000059;
}
.popup-box p {
    font-size: 16px;
}
.popup-box button {
    border: 2px solid #18988D;
    border-radius: 5px;
    background: none;
    color: #18988D;
    width: 40%;
    padding: 9px 0;
    font-size: 14px;
    margin: 0 2%;
    transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s
}
.popup-box button:hover {
    background: #e070701f !important;
}
.popup-box button:active {
    background: #e6b29447 !important;
    border: 2px solid #e8a936 !important;
}

.btn-resend {
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    background: #deaa34;
    margin: 0px 3px;
    border-radius: 4px;
}
.pre-loader-resend {
    text-align: center; 
    display: none;
}
.pre-loader-gif {
    display: inline-block; 
    background: url(../../images/loader.gif) no-repeat;
    background-size: cover; 
    background-position: center; 
    width: 29px; 
    height: 28px;
}

.feeds {
    padding: 25px 0;
    text-align: left;
}
.badge-home {
    margin-bottom: 25px;
    height: 100px;
}
.feeds-badge-p {
    position: absolute;
    overflow-x: scroll;
    width: 100%;
    height: 115px;
    left: 0;
}
.feeds-drag {
    display: flex;
}
.feeds-badge-p::-webkit-scrollbar {
    width: 0;
}
.feeds-badge-wrap:first-child{
    margin-left: 17px;
}
.feeds-badge-wrap {
    margin-left: 13px;
}
.feeds-badge {
    display: flex;
    flex-direction: column;
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%);
    width: 72px;
    height: 72px;
    border-radius: 55px;
    position: relative;
}
.feeds-notice {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    border: 2px solid #fff;
    position: absolute;
    top: -2px;
    right: 0;
}
.feeds-notice.green {
    background: #00B5AA;
}
.feeds-notice.yellow {
    background: #FFA201;
}
.feeds-notice.red {
    background: #E20808;
}
.feeds-badge .wrap-badge {
    display: flex;
    width: 60px;
    background: #fff;
    border-radius: 50px;
    height: 60px;
    margin: auto;
    text-align: center;
}
.feeds-badge .wrap-badge .wrap-badge-p {
    margin: auto;
}
.feeds-badge .wrap-badge .wrap-badge-p img {
    width: 75%;
    max-height: 35px;
    object-fit: contain;
}
.feeds-badge-name {
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
    color: #787C81;
}


.txt-green {
    font-size: 16px;
    font-weight: bold;
    color: #18988D;
}
.txt-blue {
    font-size: 16px;
    font-weight: bold;
    color: #64a7fe;
}

.txt-blue2 {
    color: #64a7fe;
}

.txt-blue3 {
    color: #07287E;
}

.txt-yellow {
    font-size: 13px;
    color: #FFA201;
    font-weight: bold;
}

.card-menu {
    background: #fff;
    padding: 20px;
    margin: 10px 0 35px;
    box-shadow: 1px 38px 122px -50px #acb7c2b3;
    border-radius: 12px;
}
.cards {
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
}
.card {
    display: flex;
    background-color: #F1F3F5;
    color: #7A7A7A;
    height: 81px;
    border-radius: 10px;
    font-size: 10px;
}
.card .card-flex {
    margin: auto;
    text-align: center;
}
.card .card-flex img {
/*    max-height: 30px;*/
    max-height: 40px;
    object-fit: contain;
    margin-bottom: 4px;
}
.card .card-flex .card-title {
   padding: 0 10px;
}

.widget-whatsapp {
    position: fixed;
    bottom: 80px;
    right: 18px;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    box-shadow: 0px 2px 6px -2px #00000057;
    background-color: #fff;
    background-image: url(../../images/icons/i-whatsapp.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
}


.widget-chat {
    position: fixed;
    bottom: 80px;
    right: 18px;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    box-shadow: 0px 2px 6px -2px #00000057;
    background-color: #fff;
    /* background-image: url(../../images/icons/i-message.png); */
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center;
}

.widget-chat:active, .widget-whatsapp:active {
    background-color: #d9fffd !important;
}
.widget-download {
    position: fixed;
    bottom: 153px;
    right: 18px;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    box-shadow: 0px 2px 6px -2px #00000057;
    background-color: #fff;
    background-image: url(../../images/icons/i-download.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: center;
}

.bottom-menu {
    position: fixed;
    width: 100%;
    background: linear-gradient(180deg, rgba(7,40,126,1) 0%, rgba(84,142,215,1) 86%, rgba(94,165,255,1) 100%);
    bottom: 0;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.bottom-menu .btn-menu {
    width: 18.9%; 
    display: inline-block; 
    text-align: center;
    position: relative;
}
.bottom-menu .btn-menu img {
    width: 30px; 
    height: 30px;
    object-fit: contain;
    position: relative; 
    top: -4px; 
    position: relative;
}
.bottom-menu .bottom-menu-name {
    font-size: 9px; 
    width: 100%; 
    position: absolute; 
    bottom: -5px; 
    color: #fff;
}
.btn-menu-center {
    width: 20%;
    display: inline-block;
    position: absolute;
    top: -6px;
    text-align: center;
    z-index: 2;
}
.btn-menu-center .wrap-menu-center {
    width: 61px;
    height: 67px;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
}
.btn-menu-center .menu-center {
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 4px solid rgba(94,165,255,1);
    border-radius: 50px;
    position: relative;
    top: 7px;
    background-color: rgba(7,40,126,1);
    background-image: url(../../images/icons/i-scan.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
}

.rowgap {
    margin-top: 40px;
}
.rowgap .gap-30 {
    width: 26%;
    margin-bottom: 3px;
}
.rowgap .gap-40 {
    width: 36%;
    margin-bottom: 3px;
}
.rowgap .gap-60 {
    width: 56%;
    margin-bottom: 3px;
}
.rowgap .gap-70 {
    width: 66%;
    margin-bottom: 3px;
}
.rowgap .gap-100 {
    width: 100%;
    margin-bottom: 20px;
}
.rowgap input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #BFBFBF;
    font-size: 14px;
    padding: 17px 0 16px;
    margin-bottom: 10px;
}
.rowgap select {
    background: transparent;
    width: 100%;
    border: none;
    border-bottom: 1px solid #BFBFBF;
    font-size: 12px;
    padding: 17px 0 15px;
}
.rowgap .txt-area {
    padding-top: 10px;
}
.rowgap .txt-area label {
    font-size: 12px;
    color: #9E9E9E;
}
.rowgap .txt-area textarea {
    width: 93.3%;
    height: 100px;
    padding: 3%;
    margin-top: 14px;
    border-color: #BFBFBF;
}

.btn-blue {
    width: 150px;
    border: none;
    border-radius: 5px;
    background: #114C64;
    color: #fff;
    font-size: 13px;
    padding: 11px 0px;
    font-weight: bold;
    text-align: center;
    transition: all 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s;
}
.btn-blue:hover {
    background: #286d89;
}
.btn-blue:active {
    background: #4dabd1;
}

.btn-green {
    width: 165px;
    border: none;
    border-radius: 12px;
    background: #18988D;
    color: #fff;
    font-size: 12px;
    padding: 14px 0px;
    font-weight: bold;
    text-align: center;
}

.btn-blue {
    width: 165px;
    border: none;
    border-radius: 12px;
    background: #64a7fe;
    color: #fff;
    font-size: 12px;
    padding: 14px 0px;
    font-weight: bold;
    text-align: center;
}

.exh-grid {
    padding: 10px 0 30px; 
    display: grid; 
    grid-gap: 1rem; 
    grid-template-columns: repeat(2, 1fr); 
    margin: 0 auto;
}
.exh-list {
    /* display: table; */
    display: block;
    padding: 15px 0 20px;
    border-bottom: 1px solid #E6E6E6;
    color: #808080;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 13%);
    border-radius: 20px;
    text-align: center;
    margin-bottom: 8px;
}
.exh-list .exh-list-img {
    width: 85px; 
    height: 70px; 
    display: inline-block; 
}
.btn-exh-list {
    width: 80px;
    border: none;
    border-radius: 6px;
    background: #4DB6AC;
    color: #fff;
    font-size: 10px;
    padding: 6px 0px;
    font-weight: bold;
    text-align: center;
}

.business-grid {
    padding: 10px 20px 30px; 
    display: grid; 
    grid-gap: 2.5rem;
    grid-template-columns: repeat(1, 1fr); 
    margin: 0 auto;
}
.business-list {
    padding: 15px 20px 20px;
    border-bottom: 1px solid #E6E6E6;
    color: #808080;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 13%);
    border-radius: 20px;
    text-align: left;
    margin-bottom: 8px;
}
.business-list .business-list-line {
    text-align: center;
    border-bottom: 2px solid #dedede;
}
.business-list .business-list-img {
    width: 70%;
    height: 60px;
    margin: 20px 0 25px;
    max-width: 200px;
    display: inline-block;
}
.business-list .business-list-txt {
    padding: 17px 0;
    font-size: 14px;
    line-height: 20px;
    color: #808080;
}
.business-list .business-list-txt h3 {
    font-size: 14px;
}
.btn-business-list {
    border: none;
    border-radius: 6px;
    background: #FB9900;
    color: #fff;
    font-size: 13px;
    padding: 3px 15px 4px;
    text-align: center;
}

.panel-title-right {
    text-align: right;
    padding: 21px 15px;
}
.panel-search-sort {
    text-align: right;
    padding: 20px 0;
}
.w-search-sort {
    width: 160px;
    float: right;
}
.wrap-search {
    display: inline-block;
    width: 80%;
    margin-right: 5%;
    border-bottom: 1px solid #c1c1c1;
}
.wrap-search input {
    width: 80%;
    display: inline-block;
    background: transparent;
    border: none;
    outline: none;
    padding: 5px 0;
}
.wrap-search div {
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 7px;
}
.wrap-sort {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 7px;
}
.panel-sort {
    display: none; 
    width: 210px; 
    padding: 15px 0 10px; 
    position: absolute; 
    background: #f0f0f0; 
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.2); 
    z-index: 9; 
    text-align: left;
}
.panel-sort .panel-label {
    font-weight: bold; 
    padding-left: 15px; 
    padding-bottom: 8px;
}
.panel-sort .item-sort {
    padding: 7px 15px; 
    cursor: pointer;
}

.wrap-img-detail {
    display: inline-block;
    text-align: center;
    padding: 5px 5px 4px;
    border-radius: 90px;
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%);
    margin-top: -70px;
}
.border-img-detail-imt {
    background: linear-gradient(100deg, rgba(64,105,134,1) 0%, rgba(52,80,102,1) 100%) !important;
}

.wrap-img-detail .exh-img-detail {
    width: 115px; 
    height: 115px; 
    border-radius: 70px; 
    background-color: #fff; 
    display: inline-block; 
    box-shadow: 0px 0px 8px 0px #000000a3;
}

.tab-btn {
    padding: 21px 0px 20px;
    font-size: 15px;
    font-weight: bold;
    color: #64a7fe;
    transition: all 190ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.tab-line {
    position: absolute; 
    display: inline-block; 
    width: 33%; 
    height: 2px; 
    left: 0; 
    background: #64a7fe;
    bottom: 0;
}

.wrap-tab-slim {
    width: 100%;
    text-align: center;
    position: fixed;
    padding-top: 15px;
    border-bottom: 1px solid #f1f1f1;
    z-index: 9;
    background: #fff;
}
.tab-slim-btn {
    padding: 9px 0px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #C1CAD9;
    transition: all 190ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}
.tab-slim-btn.active {
    color: #242134;
}
.tab-slim-line {
    position: absolute;
    display: inline-block;
    width: 25%;
    height: 2px;
    left: 12%;
    background: #114C64;
    bottom: 0;
}

.tb-exh-profile {
    width: 100%; 
    border: none; 
    padding-top: 10px; 
    margin-top: 15px; 
    text-align: left;
}
.tb-exh-profile tr {
    vertical-align: top;
}
.tb-exh-profile tr td:first-child {
    width: 25%;
}
.tb-exh-profile tr td span {
    float: right;
}
table .tr-address {
    padding-left: 5px;
}

.wrap-product {
    display: grid;
    grid-gap: 0.6rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
}
.wrap-product .product-item {
    background-color: #fff;
    background-size: 76%;
    background-position: center;
    height: 115px;
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 57%);
}

.count-notif {
    position: absolute;
    padding: 2px;
    border-radius: 10px;
    background: #f00;
    color: #fff;
    margin-left: 5px;
    font-size: 12px;
}

.btn-select-time {
    border: none;
    border-radius: 6px;
    background: #114C64;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    /* margin-left: 25px; */
}

.workshop-wrap {
    margin-bottom: 60px; 
    border-bottom: 1px solid #E6E6E6; 
    color: #808080; 
    font-size: 10px; 
    line-height: 10px; 
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 18%); 
    border-bottom-right-radius: 50px; 
    text-align: left;
}
.workshop-wrap:last-child {
    margin-bottom: 0; 
}
.workshop-date {
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%); 
    padding: 17px 31px 17px 15px; 
    font-size: 16px; 
    font-weight: bold; 
    text-align: left; 
    color: #fff; 
    border-bottom-right-radius: 26px; 
    text-transform: uppercase; 
    display: inline-block; 
    margin-top: -25px; 
    position: relative; 
    top: -7px;
}
.workshop-p {
    padding: 0 10px 35px;
}
.workshop-row {
    display: table; 
    border-bottom: 1px solid #dadada;
}
.workshop-col {
    display: table-cell; 
    vertical-align: middle; 
}
.btn-workshop {
    background: #4DB6AC; 
    border: none; 
    border-radius: 4px; 
    color: #fff; 
    font-size: 7px; 
    width: 52px; 
    padding: 4px 0; 
    position: relative; 
    top: -2px;
}


.workshop-detail-wrap {
    text-align: center; 
    padding-top: 25px;
}
.workshop-detail-wrap .tb-workshop {
    width: 100%; 
    border: none; 
    padding-top: 20px; 
    text-align: left;
}
.workshop-detail-wrap .tb-workshop td {
    padding: 7px 0;
    color: #808080;
    font-weight: bold;
    width: 37%;
    font-size: 12px;
}
.workshop-detail-wrap .tb-workshop td:nth-child(2n+2) {
    padding: 5px 0px 5px 10px;
    font-weight: normal;
    color: #808080;
    width: 63%;
}
.workshop-detail-img {
    text-align: center; 
    display: inline-block; 
    width: 80px; 
    height: 80px; 
    /* width: 100px; 
    height: 100px;  */
    border-radius: 85px; 
    margin: 10px 0px; 
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 15%); 
    background-color: #fff; 
    background-size: contain; 
    /* background-size: 60%;  */
    background-position: center;
}
.workshop-detail-line {
    width: 100%; 
    margin: 10px 0px 20px; 
    border-bottom: 2px solid #cacaca;
}
.workshop-detail-banner {
    width: 100%;
    height: 220px;
    background: #114C64;
    margin-bottom: 10px;
}
.btn-workshop-detail {
    width: 155px;
    border: none;
    border-radius: 9px;
    background: #18988D;
    color: #fff;
    font-size: 12px;
    padding: 11px 0px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 0px 2px -1px #000000b0;
}


.myschedule-grid {
    padding: 10px 0 30px; 
    display: grid; 
    grid-gap: 1.3rem;
    grid-template-columns: repeat(1, 1fr); 
    margin: 0 auto;
}
.myschedule-list {
    display: table;
    padding: 15px 0 10px;
    border-bottom: 1px solid #E6E6E6;
    color: #808080;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 0px 2px 6px -2px rgb(0 0 0 / 17%);
    border-radius: 12px;
    text-align: left;
}
.myschedule-list-col:first-child {
    width: 40%;
}
.myschedule-list-col {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}
.myschedule-list .myschedule-list-line {
    text-align: center;
    border-right: 1px solid #d2d2d2;
}
.myschedule-list .myschedule-list-img {
    width: 60%;
    height: 60px;
    margin: 10px 0 15px;
    max-width: 200px;
    display: inline-block;
}
.myschedule-list .myschedule-list-txt {
    padding: 0 18px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #808080;
}
.myschedule-list .myschedule-list-txt h3 {
    font-size: 24px;
    color: #4DB6AC;
    margin-bottom: 2px;
}
.myschedule-list .myschedule-title {
    font-size: 10px;
}
.myschedule-list .myschedule-company {
    font-size: 10px;
    line-height: 10px;
    padding-bottom: 6px;
}
.myschedule-list .myschedule-time {
    font-size: 12px;
}
.btn-myschedule-list {
    border: none;
    border-radius: 3px;
    background: #4DB6AC;
    color: #fff;
    font-size: 10px;
    padding: 5px 23px 6px;
    text-align: center;
    margin-top: 6px;
}

.questioner-wrap {
    margin-bottom: 16px;
}
.questioner-q {
    padding: 21px 36px 21px 20px;
    color: #808080;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0px 2px 7px -2px rgb(0 0 0 / 27%);
    position: relative;
    text-align: left;
    cursor: pointer;
}
.questioner-q .i-plus {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 17px;
    top: 21px;
    background: url(../../images/icons/i-plus.png) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .2s ease-in-out;
}
.questioner-a {
    padding: 15px 0 5px;
}
.questioner-a span {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    color: #114C64;
}
.questioner-tb {
    width: 100%;
    margin-top: 15px;
    font-size: 12px;
}
.questioner-tb td:first-child  {
    padding: 4px 10px 5px 0;
    line-height: 12px;
}
.questioner-tb td:not(:first-child)  {
    width: 40px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #707070;
}
.acc-in {
    display: none;
}


.myprofile-sec-1 {
    padding: 73px 0 20px;
    text-align: center;
}
.myprofile-photo {
    display: inline-block;
    width: 175px;
    height: 175px;
    border-radius: 100px;
    background: #9E9A9A;
    position: relative;
}
.myprofile-photo .update-photo {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50px;
    border: none;
    position: absolute;
    right: -16px;
    top: 82px;
    background-color: #18988D;
    background-image: url(../../images/icons/i-camera.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
}
.myprofile-name {
    font-size: 28px;
    font-weight: bold;
    padding: 5px 0;
    color: #242134;
}
.myprofile-job {
    font-size: 16px;
    line-height: 23px;
    color: #242134;
}
.btn-edit-profile {
    border: none;
    border-radius: 9px;
    background: #64a7fe;
    padding: 9px 17px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    box-shadow: 0px 0px 2px -1px #0006;
}

.myprofile-sec-2 {
    padding: 10px 0 0;
    text-align: left;
}
.myprofile-data {
    padding: 0 6%;
}
.myprofile-label {
    color: #204289;
    font-weight: bold;
    font-size: 14px;
}
.myprofile-fill {
    color: #242134;
    font-size: 16px;
    padding-top: 10px;
}
.link-red a {
    text-decoration: none;
    color: #E40619;
    font-size: 13px;
    font-weight: bold;
}

.switch {
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 23px;
    right: 0;
    top: 7px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #18988D;
}
input:focus + .slider {
    box-shadow: 0 0 1px #18988D;
}
input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}

.badge-cards {
    margin: 0 auto;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
}
.badge-card {
    display: flex;
    background-color: #ffffff;
    height: 105px;
    box-shadow: 0px 2px 5px -1px #00000038;
}
.badge-card .badge-card-flex {
    margin: auto;
    text-align: center;
}
.badge-card .badge-card-flex img {
    max-height: 30px;
    object-fit: contain;
    margin-bottom: 15px;
}
.badge-card .badge-card-flex .badge-card-title {
    padding: 0 10px;
    font-size: 12px;
    color: #787C81;
}

.badge-info {
    padding: 45px 0 35px;
    text-align: center;
}
.badge-qr {
    display: inline-block;
    width: 195px;
    height: 195px;
    border: 4px solid #18988D;
    border-radius: 27px;
}

.badge-data {
    padding-top: 20px;
}
.badge-data-p {
    display: inline-block; 
    max-width: 255px;
}
.tb-badge {
    width: 100%; 
    border: none; 
    padding-top: 10px; 
    margin-top: 15px; 
    text-align: left;
}
.tb-badge tr {
    vertical-align: top;
}
.tb-badge tr td:first-child {
    width: 39%;
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    padding: 0 0 10px;
    color: #002925;
}
.tb-badge tr td span {
    float: right;
}
.tb-badge .tr-address {
   padding-left: 10px;
   font-size: 12px;
}


.badge-registered {
    padding: 0 20px;
    border-bottom: 1px solid #E6E6E6;
    color: #808080;
    box-shadow: 0px 2px 6px -2px rgb(0 0 0 / 25%);
    border-radius: 12px;
    text-align: center;
}
.badge-registered-title {
    background: #18988D;
    display: inline-block;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 8px 12px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.badge-registered-fill {
    display: table;
    width: 100%;
    height: 100px;
}
.badge-registered-col:first-child {
    width: 42%;
}
.badge-registered-col {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.badge-registered-col div {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #000;
    padding-left: 19px;
}

.panel-title {
    padding: 20px 0 0;
}

.form-registration label {
    font-size: 12px;
    font-weight: bold;
    color: #114C64;
}
.form-registration .input-text {
    width: 98%;
    margin-top: 7px;
    border: 1px solid #BFBFBF;
    padding: 8px 2%;
    border-radius: 9px;
}

.registration-tb {
    width: 100%;
    font-size: 12px;
}
.registration-tb td {
    color: #707070;
    vertical-align: middle;
    color: #707070;
}
.registration-tb td:first-child {
    padding: 4px 10px 9px 0;
    font-size: 11px;
    line-height: 14px;
}
.registration-tb td:not(:first-child) {
    width: 50px !important;
}
.registration-tb td:last-child {
    width: 60px !important;
}
.registration-tb label {
    font-weight: normal;
    position: relative;
    margin-left: 2px;
    top: -2px;
}


.questioner-acc-in label {
    margin-left: 7px;
    font-size: 12px;
    color: #707070;
    position: relative;
    top: -1px;
}
.questioner-acc-in input[type=text]  {
    color: #707070;
    border: none;
    border-bottom: 1px solid;
    position: relative;
    top: -2px;
}


.faq-q {
    padding: 18px 0px;
    color: #808080;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid;
}
.faq-a {
    padding: 15px 0 5px;
}
.faq-q .i-arrow-acc {
    width: 9px;
    height: 9px;
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 25px;
    background: url(../../images/icons/i-arrow-acc.png) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .2s ease-in-out;
}

.download-wrap {
    margin-bottom: 19px;
}
.download-title {
    padding: 27px 20px 27px 60px;
    color: #ffffff;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0px 2px 7px -2px rgb(0 0 0 / 58%);
    position: relative;
    text-align: left;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%);
    border-radius: 11px;
}
.download-title .i-list-download {
    width: 23px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 19px;
    top: 24px;
    background: url(../../images/icons/i-list-download.png) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .2s ease-in-out;
}
.download-title .i-download-white {
    width: 23px;
    height: 23px;
    display: inline-block;
    position: absolute;
    right: 19px;
    top: 24px;
    background: url(../../images/icons/i-download-white.png) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .2s ease-in-out;
}


.mycontact-grid {
    padding: 10px 0 30px; 
    display: grid; 
    grid-gap: 1.5rem;
    grid-template-columns: repeat(1, 1fr); 
    margin: 0 auto;
}
.mycontact-list {
    display: table;
    border-bottom: 1px solid #E6E6E6;
    color: #808080;
    font-size: 12px;
    line-height: 12px;
    box-shadow: 0px 3px 5px -2px rgb(0 0 0 / 25%);
    border-radius: 12px;
    text-align: left;
    margin-top: 20px;
}
.mycontact-list-col:first-child {
    width: 70%;
    text-align: left;
    background: linear-gradient(180deg, rgba(24,152,141,1) 16%, rgba(17,76,100,1) 100%);
    border-top-right-radius: 18px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
.mycontact-list-col-imt:first-child {
    background: linear-gradient(180deg, rgba(37,74,103,1) 16%, rgba(28,40,53,1) 100%) !important;
}
.mycontact-list-col {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.mycontact-list-line {
    text-align: center;
    padding: 17px 0;
    width: 96.6%;
    display: inline-block;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 18px;
}
.mycontact-border-img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    margin: 0 3%;
    display: inline-block;
    padding: 3px;
    background: linear-gradient(90deg, rgba(24,152,141,1) 0%, rgba(17,76,100,1) 100%);
}

.mycontact-border-img-imt {
    background: linear-gradient(180deg, rgba(37,74,103,1) 16%, rgba(28,40,53,1) 100%) !important;
}

.mycontact-list-img {
    width: 35%;
    height: 60px;
    margin: 0 3%;
    display: inline-block;
}
.mycontact-logo-img {
    width: 65%;
    height: 55px;
    display: inline-block;
}
.mycontact-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
}
.mycontact-data {
    padding: 20px 8px 9px 20px;
}
.tb-mycontact {
    width: 100%; 
    border: none; 
    text-align: left;
}
.tb-mycontact tr {
    vertical-align: top;
}
.tb-mycontact tr td:first-child {
    width: 45%;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    padding: 0 0 4px;
    color: #114C64;
}
.tb-mycontact tr td span {
    float: right;
}
.tb-mycontact .tr-address {
    padding-left: 5px;
    font-size: 10px;
    color: #114C64;
}

.notification-wrap {
    padding: 0 10px 30px;
    text-align: left;
}
.notification-p {
    color: #002925;
    padding: 5px 8px 8px;
    border-bottom: 1px solid #9c9c9c;
}
.notification-p p {
    font-size: 12px;
}

.inbox-title {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.inbox-wrap {
    padding: 10px 15px 10px 30px;
    position: relative;
}
.inbox-photo {
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 40px;
}
.inbox-txt {
    float: left;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
}
.inbox-name {
   padding: 3px 0 8px;
}
.inbox-time {
    float: right;
    font-size: 13px;
    color: #CCCCCC;
    padding: 3px 0 0;
}

.inbox-room-name {
    width: 100%;
    text-align: center;
    position: fixed;
    padding: 15px 0;
    z-index: 9;
    background: #18988D;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.chat-org-name {
    width: 100%;
    text-align: center;
    position: fixed;
    padding: 15px 0;
    z-index: 9;
    /* background: linear-gradient(90deg, #18988D 0%, #0C4C47 100%); */
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.chat-rhvac {
    background: linear-gradient(90deg, #18988D 0%, #0C4C47 100%);
}

.chat-imt  {
    background: linear-gradient(90deg, #254a67 0%, #1c2835 100%);
}

.panel-chat-room {
    padding: 48px 0 105px;
}
.chat-name-left{
	font-size: 11px;
	font-weight: bold;
	margin-top:5px;
}
.chat-name-right{
	font-size: 11px;
	font-weight: bold;
	margin-top:5px;
}
.wrap-bubble:nth-child(1) {
    padding: 35px 20px 0;
    position: relative;
}
.wrap-bubble {
    padding: 4px 20px 0;
    position: relative;
}
.wrap-bubble p {
    margin: 8px 0;
    line-height: 12px;
    text-align: left;
}
.wrap-bubble span {
    font-size: 10px;
    color: #CCCCCC;
	line-height: 10px;
}
.bubble-left {
    display: inline-block;
    margin-left: 16%;
    text-align: left;
    background: #18988D;
    color: #fff;
    padding: 5px 15px 15px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
}
.bubble-right {
    display: inline-block;
    max-width: 65%;
    text-align: right;
    background: #045D55;
    color: #fff;
    padding: 5px 15px 15px;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    border-bottom-left-radius: 19px;
}
.bubble-photo {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
}

.panel-typing {
    width: 100%;
    background: #A8D8D4;
    position: fixed;
    bottom: 0;
}
.panel-typing-p {
    padding: 9px 14px;
}
.typing-rounded {
    width: 100%;
    background: linear-gradient(90deg, #18988D 0%, #0C4C47 100%);
    border-radius: 30px;
    position: relative;
}

.typing-rounded-ift {
    background: linear-gradient(90deg, #5890c5 0%, #4681bb 100%);
}

.typing-rounded-imt {
    background: linear-gradient(90deg, #254b6a 0%, #213b50 100%);
}
.typing-rounded textarea {
    width: 70%;
    margin-left: 43px;
    background: transparent;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    height: 20px;
    padding: 20px 0 13px;
    resize: none;
    border: none;
}
.typing-rounded textarea::placeholder {
    color: #fff;
}
.typing-rounded button {
    width: 35px;
    height: 35px;
    border-radius: 40px;
    border: none;
    background-color: #fff;
    background-image: url(../../images/icons/i-camera-green.png);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
    position: absolute;
    right: 18px;
    top: 10px;
}
.i-smile {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../../images/icons/i-smile.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 16px;
    left: 11px;
}

.popup-green {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    z-index: 999;
    background: #114c64d6;
}
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
}
.popup-green-p {
    width: 86%;
    flex-direction: column;
    margin: auto;
    background: #fff;
}
.popup-green-title {
    width: 100%;
    text-align: center;
    padding: 18px 0;
    background: #18988D;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.popup-content-p {
    padding: 15px 13px 10px;
}
.popup-content {
    height: 310px;
    overflow: auto;
    padding-right: 15px;
}
.popup-content2 {
    height: 325px;
    overflow: auto;
}
.tb-popup tr td:first-child {
    padding: 5px 10px 7px 0;
}
.tb-popup tr td {
    font-size: 12px;
    line-height: 16px;
}
.popup-accordion {
    padding: 18px 13px 0
}
.popup-accordion .questioner-q {
    font-size: 13px !important;
}


@media screen and (max-width: 670px) {
    .panel-update {
        width: 80% !important;
    } 
    .p-panel-update {
        padding: 32px 30px 36px !important;
    }
}