@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css');

body {
    color: #1D262C;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

::placeholder {
    color: #a2aca8 !important;
}

div#carouselExampleIndicators {
    margin-top: 66px;
}

div#carouselExampleIndicators.carouselExm {
    margin-top: 66px;
    margin-bottom: 20px;
}

.carouselInner {
    max-height: 500px;
}

a.navbar-brand img {
    max-width: 190px;
}

a.navbar-brand {
    background: none;
    padding: 10px 0px;
}

.navbar>.container, .navbar>.container-fluid {
    display: block;
}

.topMenu {
    text-align: right;
}

.dropdown.dropdownUser {
    width: auto;
    display: inline-block;
}

.dropdown.dropdownUser span.sidebar-icon {
    width: 34px;
    display: inline-block;
    border: 0px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    height: 34px;
    background: #f2f2f2;
    text-align: center;
    line-height: 34px;
    /* color: #008091;   */
    color: #007989;
    font-size: 14px;
    font-weight: 400;
}

.dropdown.dropdownUser span.sidebar-icon img {
    max-width: 34px;
}

.dropdown.dropdownUser ul.dropdown-menu.show {
    left: initial;
    right: -1px;
    padding: 10px 20px;
    min-width: 250px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 5px 8px 21px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    border: 0;
}

.headerBg .container-fluid .dropdown.dropdownUser ul.dropdown-menu.show {
    right: -3px;
}

.dropdownUser .dropdown-menu li a {
    padding: 10px 0;
    border-bottom: 1px solid #979797;
    font-weight: 700;
}

.dropdownUser .dropdown-menu li a:hover {
    /* padding: 6px 0; */
    border-bottom: 1px solid #979797;
    color: #008091 !important;
    background: none;
}

.dropdownUser .dropdown-menu li a.dropdown-item.logInOut {
    font-weight: 500;
    border-bottom: 0;
}

.addRoutingBox {
    /* background-image: url(../img/addRoutingBox.png); */
    /* height: 296px; */
    height: 100%;
    background-color: #d2eff3;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    font-weight: 800;
    width: 100%;
    display: table;
}

.addRoutingDate {
    font-size: 14px;
    font-weight: 400;
}

.addRoutingTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.addRoutingTitle.dateDay {
    font-size: 30px;
}

.addRoutingTitle1 {
    font-size: 18px;
}

.btn-primary {
    border: 0px solid #007989;
    background: #007989;
    border-radius: 8px;
    min-width: 156px;
    min-height: 53px;
    font-weight: 700;
}

.btn-primary:hover {
    background: #494e54;
    color: #fff;
}

.addBtn {
    text-align: center;
    /* margin-top: 66px; */
    vertical-align: middle;
    display: table-row;
}

.addRoutingTitle1 {
    margin-top: 40px;
}

.alertsBox {
    background: #d2eff3;
    padding: 20px 20px 10px;
    /* height: 296px; */
    height: 100%;
    position: relative;
}

.alertsBox ul {
    margin: 0;
    padding: 0;
}

.alertsBox ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 3px solid #008091;
    padding-left: 12px;
    margin-top: 16px;
}

.alertDate {
    font-size: 13px;
    font-weight: 700;
    color: #1D262C;
    margin-top: 2px;
}

.alertName {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.alertAppoint {
    font-weight: 700;
    color: #008091;
    font-size: 15px;
    line-height: normal;
}

.newsBox {
    /* height: 296px; */
    height: 100%;
    background-color: #eaf8f9;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 20px; */
    font-weight: 800;
    position: relative;
    overflow: hidden;
}

.newsBox .newsBoxImg {
    height: 100%;
}

.newsBox .newsBoxImg img {
    max-width: 100%;
    width: 100%;
    transition: 0.3s;
    height: 100%;
    object-fit: cover;
}

.newsBox .newsBoxImg img:hover {

    transform: scale(1.1);
}

.newsBox .newsBoxNameBg {
    position: absolute;
    z-index: 0;
    bottom: 20px;
    background: #ffffffc9;
    width: 100%;
    padding: 10px;
    display: none;

}

.newsBox .newsBoxNameBg p {
    margin: 0;
    color: #fff;
    font-weight: normal;
}

.newsBoxInfoNew .newsBoxNameBg {
    display: block;
}

.meInfo {
    background: rgb(81, 176, 194);
    background: linear-gradient(90deg, rgba(81, 176, 194, 1) 0%, rgba(37, 149, 169, 1) 100%);
    padding: 10px 20px;
    border-radius: 8px;
    margin: 0px 0 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    position: relative;
}

.meInfo a {
    position: absolute;
    right: 20px;
    top: 16px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.meInfo a {
    color: #1e262c !important;
}

.meInfo {
    background: #acd7dd;
    /* background: linear-gradient(90deg, rgba(81, 176, 194, 1) 0%, rgba(37, 149, 169, 1) 100%); */
    padding: 10px 20px;
    border-radius: 8px;
    margin: 0px 0 20px;
    color: #1D262C;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    position: relative;
}

.accordionMe .accordion-header {
    background: #acd7dd;
    padding: 10px 20px;
    border-radius: 8px;
    margin: 0px 0 17px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    position: relative;
}

.accordionMe .accordion-header .accordion-button:not(.collapsed), .accordionMe .accordion-header .accordion-button {
    background: none;
    box-shadow: none;
    font-size: 24px;
    color: #1d262c;
    font-weight: 400;
    padding: 0;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../img/arrow_down.png);
    background-repeat: no-repeat;
    transform: rotate(-180deg);
}

.accordion-button::after {
    background-image: url(../img/arrow_down.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.accordionMe .accordion-body {
    padding: 0;
}

.accordionMe .accordion-item {
    border: 0px solid rgba(0, 0, 0, .125);
}

.accordionMe .accordion-header .accordion-button.collapsed span.accorMore {
    position: absolute;
    right: 0;
    font-size: 16px;
    margin-right: 30px;
    color: #008091;
}

.accordionMe .accordion-header .accordion-button.collapsed span.accorLess {
    display: none;
}

.accordionMe .accordion-header .accordion-button.collapsed span.accorMore {
    display: block;
}

.accordionMe .accordion-header .accordion-button span.accorMore {
    display: none;
}

.accordionMe .accordion-header .accordion-button span.accorLess {
    position: absolute;
    right: 0;
    font-size: 16px;
    margin-right: 30px;
    color: #008091;
}

.container.marketing {
    position: relative;
}

.grayBg {
    background-color: #F2F2F2;
    padding-top: 70px;
    margin-top: 0px;
    padding-bottom: 40px;
}

.accordionMe .owl-carousel1.owl-theme1.row .col-md-4 {
    margin-bottom: 16px;
}

.accordion-item.exploreHeader {
    margin-top: 17px;
}

.accordion-item.accordAward {
    margin-top: 10px;
}

.grayBg .accordion-item.accordAward {
    padding-bottom: 20px;
}

.chatIcon {
    position: fixed;
    margin-top: 37px;
    margin-bottom: 0;
    bottom: 10px;
    right: 6px;
    z-index: 11;
    width: auto;
}

/* .chatIcon {
    position: sticky;
    margin-top: 127px;
    margin-bottom: 0;
    bottom: 10px;
    right: 6px;
    z-index: 1;
    display: flex;
    float: right;
} */
.chatIcon a .chatInfo {
    position: absolute;
    right: 0;
    width: 24px;
    background: red;
    text-align: center;
    border-radius: 50px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    top: -10px;
}

.chatIcon.chatIconFixed {
    /* position: fixed; */
    right: 9px;
    bottom: 0;
    z-index: 11;
    width: auto;
}

.grayBg .accordion-item {
    background: none;
}

.accordAward img {
    width: 100%;
}

.exploreInfo {
    background: url('../img/explore.jpg');
    position: relative;
    padding: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 35px;
    min-height: 280px;
}

.exploreInfo button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: auto;
}

.exploreInfo h2 {
    /* text-shadow: 0px 2px #000; */
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

span.switchText {
    color: #008091;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.accordProgress .row.risponsiveMob {
    margin-right: -32px;
}

input:checked+.slider {
    background-color: #008091;
}

input:focus+.slider {
    box-shadow: 0 0 1px #008091;
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.graphInfo {
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
}

.graphInfo img {
    max-width: 100%;
    width: 100%;
}

.progressbtn h2 {
    font-size: 16px;
    font-weight: 700;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

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

.textcolorBlue {
    color: #008091;
}

.newsText {
    color: #008091;
}

.exploreInfo .btn.btn-primary {
    border: 1px solid #fff;
    width: auto;
    display: inline-block;
    min-width: 120px;
    margin-left: 0;
}

.sidebar-menu ul.navbar-nav {
    margin-top: 70px;
}

/* nav css */

::-moz-selection {
    color: #fff;
    background: #008091;
}

::selection {
    color: #fff;
    background: #008091;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;

}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #008091;

}

/*===========================SUPPORT CLASS===========================*/

.trans {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.flowHide {
    overflow: hidden;
}


/*===========================NAVBAR START===========================*/

.bg-dark {
    background-color: #292929 !important;
}

.headerBg {
    /* box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); */
    /* padding: 0;
    background-color: #fff;
    background-image: url(../img/headerBg.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
    height: 164px;
    padding-top: 40px;
    margin-bottom: 0px; */
}

.navBarTop .navbar-nav .nav-link .tax-active .activeIcon {
    display: block;

}

.navBarTop .navbar-nav .nav-link .tax-active .deActiveIcon {
    display: block;

}

.navBarTop .navbar-nav .nav-link .tax-active .activeIcon {
    display: block;

}

.navBarTop .navbar-nav .nav-link .tax-active .deActiveIcon {
    display: block;

}

.navBarTop .nav-link.navAct .deActiveIcon {
    display: none;
}

.navBarTop .nav-link.navAct .activeIcon {
    display: block;
}



.navBarTop .nav-link .activeIcon {
    display: none;
}

.navBarTop .navbar-nav .nav-link img {
    margin-bottom: 5px;
    max-width: 24px;
    max-height: 24px;
}

.navBarTop .nav-link:hover .activeIcon {
    display: block;
}

.navBarTop .nav-link:hover .deActiveIcon {
    display: none;
}

.headerBg li.nav-item {
    padding-left: 0px;
    padding-right: 34px;
}

.headerBg li.nav-item a.nav-link.active {
    border-bottom: 5px solid #008091;
    padding-left: 0;
    padding-right: 0;
    color: #1D262C;
}

.headerBg li.nav-item a.nav-link:hover {
    border-bottom: 5px solid #008091;
    color: #1D262C;
}

.headerBg div#navbarSupportedContent {
    margin-top: 8px;
}

.headerBg .dropdownUser .dropdown-toggle::after {
    top: 24px;
    position: absolute;
    color: #f2f2f2;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.nav-item .nav-link {
    display: block;
    color: #1D262C;
    font-size: 20px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    min-width: auto;
    font-weight: 700;
}

.nav-link:focus, .nav-link:hover {
    color: #008091;
}

.user-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: #008091;
    border-radius: 50px;
}

.nav-item .nav-link span.sidebar-icon {
    display: block;
}

li.nav-item.dropdown ul.dropdown-menu.show {
    right: 0;
    left: initial;
}

.profileDrop {
    text-align: right;
}

/*HAMBURGER START*************************/

.hamburger {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px 0px 0px;
    margin-left: -15px;
    transition: all 1s ease;
}

.cta {
    height: 50px;
    width: 50px;
    cursor: pointer;
}

.toggle-btn {
    height: 2px;
    width: 25px;
    background-color: #fff;
    position: relative;
    top: 50%;
    left: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
}

.toggle-btn:before {
    content: "";
    height: 2px;
    width: 25px;
    box-shadow: 0 -10px 0 0 #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.toggle-btn:after {
    content: "";
    height: 2px;
    width: 25px;
    box-shadow: 0 10px 0 0 #fff;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.active .type14 {
    background-color: #fff;
    width: 12px;
    margin: auto;
}

.active .type14:before {
    width: 6px;
}

.active .type14:after {
    width: 25px;
}

/*HAMBURGER END*************************/
.switchBtnInfo {
    position: relative;
}

.switchBtn {
    position: absolute;
    right: 24px;
    top: 0px;
}

footer.footerInfo {
    padding-top: 35px;
    padding-bottom: 34px;
}

.footerInfo .footerLogo {
    max-width: 190px;

}

footer.footerInfo a {
    color: #333333;
}

footer.footerInfo a:hover {
    color: #008091;
}

.copyrightText {
    margin-top: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}


/*============================SIDE BAR START============================*/

/*SMALL SIDE BAR****************/
.full-side-bar {
    width: 200px !important;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.small-side-bar {
    width: 50px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}



.flowHide .fadeInRight {
    display: inline-block !important;
    position: absolute;
    white-space: nowrap;
    transition: opacity 0.4s ease-out 0s;
    border-radius: 0.6rem;
    padding: 4px 10px;
    top: 9px;
    left: 30px;
    /* background-color:#008091; */

}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: initial;
}

.tax-active>.tax-show::after {
    /* content: '';
    position: absolute;
    top: 6px;
    left: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-right: 15px solid #008091; */

}

.name-hide {
    display: none;
}


.content {
    padding-top: 120px;
}

.navbar-expand-sm .dropdown-toggle .userName {

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    display: inline-block;
}

/* nav css end */

.navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
    width: auto;
    min-width: auto;
}

.navbar-expand-sm .dropdown-toggle {
    white-space: nowrap;
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.bellNumber span {
    background: red;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 17px;
    position: absolute;
    right: -10px;
    top: 0;
}

.container-fluid.marketing {
    /* padding-left: 146px; */
    /* padding-top: 20px; */
    /* padding-right: 146px; */
}

.headerBg .container-fluid {
    /* margin-left: 126px;
    margin-right: 126px; */
}

a.arrowIcon {
    position: absolute;
    right: 14px;
    z-index: 1;
    top: 38%;
    font-size: 50px;
    color: #0796ae;
    font-weight: normal;
    line-height: normal;
}

.owl-nav, .owl-dots {
    display: none;
}

.newsTitle {
    position: absolute;
    top: 15px;
    font-size: 20px;
    font-weight: 700;
    left: 0;
    /* background: #ffffffbd; */
    width: 100%;
    padding-left: 20px;
    color: #fff;

}

.owl-carousel1.owl-theme1 {
    display: flex;
}

.marketing .item {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    height: 100%;
}

.owl-carousel1.owl-theme1.row .col-lg-4 {
    /* padding-left: 6px;
    padding-right: 6px; */
}

.owl-carousel1.owl-theme1.row .col-md-4 {
    margin-bottom: 0px;
}

.owl-carousel1.owl-theme1.row .alertsBox .col-md-4 {
    margin-bottom: 0;
}

section.vitalsInfo {
    margin-bottom: 30px;
}

.vitalsInfo img {
    width: 100%;
}

.clicked .container-fluid.marketing {
    transition: margin-left .3s ease-in-out;
    margin-left: 210px;
    padding-left: 0;
    width: calc(100% - 210px);
}

.full-side-bar {
    width: 100px !important;
}

.clicked .container-fluid.marketing {
    margin-left: 110px;
    width: calc(100% - 110px);
}

/* @media (min-width: 2200px) {
    .newsBox, .alertsBox, .addRoutingBox {
        max-height: 400px;
        height: 100%;
    }
} */
.chatIcon.chatIconFixed {
    right: 130px;
    bottom: 130px;
}

.footerInfo .container-fluid {
    /* padding-left: 136px;
    padding-right: 136px; */
}

.exploreInfo .col-md-4 {
    max-width: 354px;
}

.container {
    max-width: 1170px;
}

/* other pages css */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #008091;
}

.list-group.listArrow button span {
    position: absolute;
    right: 20px;
}

.tab-content.listArrow .list-group .list-group-item {
    color: #fff!important;
    background-color: #008091!important;
    border-radius: 7px;
    margin-bottom: 20px;
    height: 100px;
    font-size: 26px;
    font-weight: normal;
    padding: 32px 40px;
    line-height: normal;
}

/* bodyAreaBack css */
.bodyAreaBack {
    width: 172px;
    margin: 0 auto;
    position: relative;
    height: 392px;
    cursor: pointer;
}

.bodyAreaBack .bodyAreaBack img {
    width: 172px;
}

.bodyAreaBack .bodyDot {
    position: absolute;
    width: 20px;
}

.bodyAreaBack .bodyDot a img {
    width: 14px;
}

.bodyAreaBack .bodyDot span {
    display: none;
    position: relative;
    left: 90px;
    top: -24px;
}

.bodyAreaBack .bodyDot:hover span {
    display: inline-block;
}

.bodyAreaBack .bodyDot span:after {
    width: 60px;
    height: 2px;
    background: #8f8f8f;
    content: "";
    position: absolute;
    left: -70px;
    top: 12px;
}

.bodyAreaBack .bodyDot.bodyDotR span {
    display: none;
    position: relative;
    left: 90px;
    top: -24px;
}

.bodyAreaBack .bodyDot.bodyDotR span {
    display: none;
    position: relative;
    left: -120px;
    top: -24px;
}

.bodyAreaBack .bodyDot.bodyDotR:hover span {
    display: inline-block;
}

.bodyAreaBack .bodyDot.bodyDotR span:after {
    width: 60px;
    height: 2px;
    background: #8f8f8f;
    content: "";
    position: absolute;
    left: 50px;
    top: 12px;
}

.bodyAreaBack .bodyDot.bodyDotF1 {
    left: 79px;
    top: 17px;
}

.bodyAreaBack .bodyDot.bodyDotF2 {
    left: 80px;
    top: 52px;
}

.bodyAreaBack .bodyDot.bodyDotF3 {
    left: 81px;
    top: 88px;
}

.bodyAreaBack .bodyDot.bodyDotF4 {
    left: 79px;
    top: 155px;
}

.bodyAreaBack .bodyDot.bodyDotF5 {
    left: 127px;
    top: 73px;
}

.bodyAreaBack .bodyDot.bodyDotF6 {
    left: 133px;
    top: 144px;
}

.bodyAreaBack .bodyDot.bodyDotF7 {
    left: 98px;
    top: 193px;
}

.bodyAreaBack .bodyDot.bodyDotF8 {
    left: 98px;
    top: 233px;
}

.bodyAreaBack .bodyDot.bodyDotF9 {
    left: 94px;
    top: 272px;
}

.bodyAreaBack .bodyDot.bodyDotF10 {
    left: 94px;
    top: 309px;
}

.bodyAreaBack .bodyDot.bodyDotF11 {
    left: 89px;
    top: 357px;
}

.bodyAreaBack .bodyDot.bodyDotF12 {
    left: 69px;
    top: 357px;
}

.bodyAreaBack .bodyDot.bodyDotF13 {
    left: 65px;
    top: 309px;
}

.bodyAreaBack .bodyDot.bodyDotF14 {
    left: 65px;
    top: 272px;
}

.bodyAreaBack .bodyDot.bodyDotF15 {
    left: 58px;
    top: 233px;
}

.bodyAreaBack .bodyDot.bodyDotF15 {
    left: 58px;
    top: 233px;
}

.bodyAreaBack .bodyDot.bodyDotF16 {
    left: 58px;
    top: 193px;
}

.bodyAreaBack .bodyDot.bodyDotF17 {
    left: 25px;
    top: 146px;
}

.bodyAreaBack .bodyDot.bodyDotF18 {
    left: 37px;
    top: 70px;
}

/* bodyAreafront css */
.bodyAreafront {
    width: 172px;
    margin: 0 auto;
    position: relative;
    height: 392px;
}

.bodyAreafront img {
    /* width: 172px; */
}

.bodyAreafront .bodyDot {
    position: absolute;
    width: 20px;
}

.bodyAreafront .bodyDot a img {
    width: 14px;
}

.bodyAreafront .bodyDot span {
    display: none;
    position: relative;
    left: 90px;
    top: -24px;
}

.bodyAreafront .bodyDot:hover span {
    display: inline-block;
}

.bodyAreafront .bodyDot span:after {
    width: 60px;
    height: 2px;
    background: #8f8f8f;
    content: "";
    position: absolute;
    left: -70px;
    top: 12px;
}

.bodyAreafront .bodyDot.bodyDotR span {
    display: none;
    position: relative;
    left: 90px;
    top: -24px;
}

.bodyAreafront .bodyDot.bodyDotR span {
    display: none;
    position: relative;
    left: -120px;
    top: -24px;
}

.bodyAreafront .bodyDot.bodyDotR:hover span {
    display: inline-block;
}

.bodyAreafront .bodyDot.bodyDotR span:after {
    width: 60px;
    height: 2px;
    background: #8f8f8f;
    content: "";
    position: absolute;
    left: 40px;
    top: 12px;
}

.bodyAreafront .bodyDot.bodyDotF1 {
    left: 79px;
    top: 17px;
}

.bodyAreafront .bodyDot.bodyDotF2 {
    left: 80px;
    top: 52px;
}

.bodyAreafront .bodyDot.bodyDotF3 {
    left: 82px;
    top: 109px;
}

.bodyAreafront .bodyDot.bodyDotF4 {
    left: 142px;
    top: 189px;
}

.bodyAreafront .bodyDot.bodyDotF5 {
    left: 127px;
    top: 73px;
}

.bodyAreafront .bodyDot.bodyDotF6 {
    left: 133px;
    top: 144px;
}

.bodyAreafront .bodyDot.bodyDotF7 {
    left: 98px;
    top: 193px;
}

.bodyAreafront .bodyDot.bodyDotF8 {
    left: 98px;
    top: 233px;
}

.bodyAreafront .bodyDot.bodyDotF9 {
    left: 94px;
    top: 272px;
}

.bodyAreafront .bodyDot.bodyDotF10 {
    left: 94px;
    top: 309px;
}

.bodyAreafront .bodyDot.bodyDotF11 {
    left: 89px;
    top: 357px;
}

.bodyAreafront .bodyDot.bodyDotF12 {
    left: 69px;
    top: 357px;
}

.bodyAreafront .bodyDot.bodyDotF13 {
    left: 65px;
    top: 309px;
}

.bodyAreafront .bodyDot.bodyDotF14 {
    left: 65px;
    top: 272px;
}

.bodyAreafront .bodyDot.bodyDotF15 {
    left: 58px;
    top: 233px;
}

.bodyAreafront .bodyDot.bodyDotF15 {
    left: 58px;
    top: 233px;
}

.bodyAreafront .bodyDot.bodyDotF16 {
    left: 58px;
    top: 193px;
}

.bodyAreafront .bodyDot.bodyDotF17 {
    left: 25px;
    top: 146px;
}

.bodyAreafront .bodyDot.bodyDotF18 {
    left: 37px;
    top: 70px;
}

.bodyAreafront .bodyDot.bodyDotF19 {
    left: 15px;
    top: 194px;
}

/* activitiesList css */
.backHader {
    position: relative;
    margin-bottom: 30px;
}

.backHader h3 {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
}

.backHader span.backBtn {
    position: absolute;
    left: 0px;
    top: 0px;
}

.activitiesList .card.activitiesBg .conditionText {
    position: relative;
}

.activitiesList .card.activitiesBg {
    position: relative;
    color: #fff;
    border-radius: 7px !important;
    overflow: hidden;
    max-height: 320px;
    border: none;
}

.col-md-6 .activitiesList .card.activitiesBg .card-img-overlay {
    /* padding: 40px 40px 40px 20px; */
    padding: 40px 40px 40px 40px;
}

.activitiesList .card.activitiesBg .card-img-overlay {
    padding: 40px 40px 40px 20px;
}

.activitiesList .activitieslevel {
    position: absolute;
    bottom: 0px;
    margin: 0;
    width: 100%;
    left: 40px;
    display: none;
}

.activitiesList .activitieslevel ul {
    margin-bottom: 10px;
}

.activitiesList .card.activitiesBg span.arrowactivitis {
    position: absolute;
    right: 20px;
    top: 44%;
}

.activitiesList {
    margin-bottom: 20px;
}

.grayBg.grayBgIn .activitiesList:last-child {
    margin-bottom: 30px;
}

.addRoutineBtn {
    margin-bottom: 30px;
}

.activitieslevel ul {
    margin: 0;
    padding: 0;
}

.activitiesBg h5.card-title {
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    margin-top: -8px;
}

.activitiesBg .card-text {
    font-size: 26px;
    font-weight: 400;
}


.activitiesList .card.activitiesBg.activitiesOrg:before {
    content: "";
    background: rgb(228, 155, 59);
    background: linear-gradient(90deg, rgba(228, 155, 59, 1) 0%, rgba(228, 155, 59, 0.14898459383753504) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.activitiesList .card.activitiesBg.activitiesOrg .conditionText::after {
    content: "";
    background: rgb(228, 155, 59);
    background: linear-gradient(90deg, rgba(228, 155, 59, 1) 0%, rgba(228, 155, 59, 0.14898459383753504) 100%);
    height: 5px;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.activitiesList .card.activitiesBg.activitiesOrg span.codiBtn {
    background: #ee8700;
    color: #fff;
    border-radius: 7px;
    padding: 2px 10px 4px;
    line-height: normal;
}



.activitiesList .card.activitiesBg.activitiesGreen:before {
    content: "";
    background: rgb(24, 166, 186);
    background: linear-gradient(90deg, rgba(24, 166, 186, 1) 0%, rgba(24, 166, 186, 0.26) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.activitiesList .card.activitiesBg.activitiesBlueViolet:before {
    content: "";
    background: rgb(164 106 215);
    background: linear-gradient(74deg, rgb(164 106 215) 7%, rgba(244, 251, 254, 0) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.activitiesList .card.activitiesBg.activitiesGreen .conditionText::after {
    content: "";
    background: rgb(24, 166, 186);
    background: linear-gradient(90deg, hsl(187, 77%, 41%) 0%, rgba(24, 166, 186, 0.26) 100%);
    height: 5px;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.activitiesList .card.activitiesBg.activitiesGreen span.codiBtn {
    background: #0e9db0;
    color: #fff;
    border-radius: 7px;
    padding: 2px 10px 4px;
    line-height: normal;
}



.activitiesList .card.activitiesBg.activitiesRed:before {
    content: "";
    background: rgb(193, 47, 17);
    background: linear-gradient(90deg, rgba(193, 47, 17, 1) 0%, rgba(193, 47, 17, 0.24) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.activitiesList .card.activitiesBg.activitiesRed .conditionText::after {
    content: "";
    background: rgb(193, 47, 17);
    background: linear-gradient(90deg, rgba(193, 47, 17, 1) 0%, rgba(193, 47, 17, 0.24) 100%);
    height: 5px;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.activitiesList .card.activitiesBg.activitiesRed span.codiBtn {
    background: #a82309;
    color: #fff;
    border-radius: 7px;
    padding: 2px 10px 4px;
    line-height: normal;
}



.activitiesList .card.activitiesBg.activitiesBlue:before {
    content: "";
    background: rgb(67, 103, 186);
    background: linear-gradient(90deg, rgba(67, 103, 186, 1) 0%, rgba(67, 103, 186, 0.24) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.activitiesList .card.activitiesBg.activitiesBlue .conditionText::after {
    content: "";
    background: rgb(67, 103, 186);
    background: linear-gradient(90deg, rgba(67, 103, 186, 1) 0%, rgba(67, 103, 186, 0.24) 100%);
    height: 5px;
    width: 100%;
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.activitiesList .card.activitiesBg.activitiesBlue span.codiBtn {
    background: #234084;
    color: #fff;
    border-radius: 7px;
    padding: 2px 10px 4px;
    line-height: normal;
}

.whiteBg {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    min-height: 600px;
    /* margin-left: 10px;
    margin-right: 10px; */
    /* margin-bottom: 63px; */
}

.hightAuto {
    min-height: auto !important;
}

ul.nav.nav-pills.justify-content-center.navTabCenter {
    margin-bottom: 40px;
}

.activitieslevel ul li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}

.navTabCenter .nav-item .nav-link {
    border-radius: 50px;
    /* border: 2px solid #008091;  */
    border: 2px solid #ff611a;
    margin-left: 20px;
    margin-right: 20px;
    color: #ff611a;
    /* color: #008091; */
    min-width: 230px;
}

.navTabCenter .nav-item .nav-link:hover, .navTabCenter .nav-item .nav-link.active {
    /* background: #008091; */
    background: #ff611a;
    color: #fff;

}

.tab-content.listArrow .list-group .list-group-item .listArrowR {
    position: absolute;
    right: 40px;
    top: 31%;
}

h2.titleH2 {
    font-size: 40px;
    font-weight: 800;
    position: relative;
    margin-top: 40px;
    /* margin-left: 18px; */
}

h3.titleH3Blue {
    font-size: 26px;
    font-weight: 500;
    color: #008091;
}

.navTabTop.nav-fill .nav-item .nav-link.active {
    background: none;
    color: #1d262c;
    /* font-size: 26px; */
    font-weight: 700;
}

.navTabTop.nav-fill .nav-item .nav-link {
    font-weight: 400;
    width: auto;
    display: inline-block;
    font-size: 26px;
}

.grayBg.grayBgIn {
    background-color: #F2F2F2;
    margin-top: 20px;
    padding-top: 0;
    /* padding-bottom: 63px; */
}

.refreshBtn span {
    background: #ff611a;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100%;
    text-align: center;
    padding: 8px 6px 6px 6px;
    margin: 0 auto;
}

.refreshBtn {
    position: absolute;
    right: -70px;
    font-weight: 700;
    top: 140px;
    width: 70px;
    text-align: center;
}

.refreshBtn a {
    display: block;
    text-align: center;

}

.bodyAreaBack {
    display: block;
}

.bodyAreaBack.bodyShow {
    display: block;
}

.bodyAreafront.bodyShow {
    display: block;
}

.bodyAreafront {
    display: none;
}

.bodyAreaBack.bodyNone {
    display: none;
}

.activitiesList .activitieslevel i {
    margin-right: 6px;
    width: 16px;
    display: inline-block;
    vertical-align: text-bottom;
}

.activitiesList .activitieslevel img {
    width: 18px;
}
.activitieslevel ul li:nth-child(3) img {
    width: 16px;
    padding-left: 2px;
}
.activitiesList .activitieslevel ul li span.setInfo {
    margin: 0 10px;
}

.addRoutineBtn button {
    min-width: 220px;
}

.text-right {
    text-align: right;
}

/* 02-01-2024 css add*/

.alertAppoint {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progressbtn .graphInfo figure.highcharts-figure>div, .progressbtn .graphInfo figure.highcharts-figure {
    max-height: 300px !important;
}

.progressbtn .graphInfo figure.highcharts-figure {
    max-height: 340px !important;
}

/* 09-01-2025 css me videos  start*/
.meVideosBox {
    background: #032734;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    min-height: 600px;
}

.backHader span.backBtn a img {
    width: 23px;
}

h3.titleH3White {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

h3.titleH3WhiteBig {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin-left: 30px;
}

.meVideoPlay {
    position: relative;
    max-width: 800px;
    margin: 50px auto;
}

.meVideoPlay a.playBtn {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    height: auto;
    width: 130px;
}

.meVideoPlay a.playBtn img {
    width: 60px;
}

.meVideoInfo {
    margin: 50px 80px;
    position: relative;
    color: #fff;
}

.meVideoInfo i {
    width: 32px;
    display: inline-block;
    margin-bottom: 12px;
}

.meVideoInfo i img {
    width: 23px;
}

h3.titleH3BlackBig {
    font-weight: 700;
    font-size: 30px;
}

ul.instructionsList {
    list-style: none;
    padding-left: 20px;
}

.instructionsList li {
    list-style: auto;
}

.whiteBgOther {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.addUpdateBtn button {
    min-width: 302px;
}

.addUpdateBtn {
    margin: 40px 0;
}





/* flip body start */
.flip-card {
    background-color: transparent;
    width: 200px;
    height: 392px;
    perspective: 1000px;
    margin: 0 auto;
}

.bodyAreaBack {
    cursor: inherit;
}

.flip-card-inner {

    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;

}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.flip-card-front {

    /* background-color: #bbb;
    color: black; */

}

.flip-card-back {

    /* background-color: dodgerblue;
    color: white; */
    transform: rotateY(180deg);
}

.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.bodyAreafront {
    display: block;
}

.bodyAreaBack.bodyNone {
    display: block;
}

.refreshBtn {
    background: none;
    border: 0;
}

/* flip body end */
.appoinmentBox {
    padding: 40px;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
}

.appoinmentBoxGray {
    background-color: #a1a1a1;
    padding: 40px;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
}

.appoinmentBoxGreen {
    background-color: #b2e2e8;
}

.appoinmentBoxGreen {

    color: #1d262c;
}

.appoinmentBoxOrg {
    background-color: #ea6853;
}

/* appoinment  */
.appoinmentBox h2.card-title {
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-weight: 700;
    margin-bottom: 20px;
}

span.incompleteicon {
    background: #ea6853;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

span.completeicon {
    background: #31b507;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.appoinmentBox h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.appoinmentBox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
}

.appoinmentBox ul li {
    margin-bottom: 8px;
}

.appoinmentBox ul li:last-child {
    margin-bottom: 0px;
}

.appoinmentBox ul li span {
    min-width: 170px;
    display: inline-block;
    font-weight: 700;
}

span.dateAppoinment {
    width: 94px;
    display: inline-block;
    position: absolute;
    right: 36px;
    background: url(../img/date_bg.svg) no-repeat;
    background-size: cover;
    height: 94px;
    font-size: 47px;
    text-align: center;
    padding-top: 24px;
    font-weight: 700;
    color: #4c4c4c;
    line-height: 32px;
    top: 102px;
}

span.dateAppoinment span {
    font-size: 16px;
    font-weight: 700;
    display: block;
}

/* appointment Tabs */

.appointmentTabs {
    max-width: 600px;
    margin: 0 auto;
}

.appointmentTabs .nav {
    justify-content: space-between;
}

.appointmentTabs .nav li.nav-item {
    position: relative;
    text-align: center;
}

.appointmentTabs .nav li.nav-item span.navText {
    margin-bottom: 20px;
    display: block;
    color: #008091;
}

.appointmentTabs .nav li.nav-item.completedBar .nav-link {
    width: 50px;
    height: 50px;
    content: "";
    background: #008091;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.appointmentTabs .nav li.nav-item .nav-link {
    width: 50px;
    height: 50px;
    content: "";
    background: #d8d8d8;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.appointmentTabs .nav li.nav-item:before {
    content: "";
    width: 200%;
    height: 4px;
    right: 40px;
    position: absolute;
    background: #d8d8d8;
    bottom: 22px;
    z-index: 0;
}

.appointmentTabs .nav li.completedBar.nav-item:before {
    content: "";
    width: 200%;
    height: 4px;
    right: 40px;
    position: absolute;
    background: #008091;
    bottom: 22px;
    z-index: 0;
}

.appointmentTabs .nav li:first-child.nav-item:before {
    content: initial;

}

/* appointments calendar */
.calendarTab {
    max-width: 330px;
    margin: 0 auto;
    font-size: 26px;
}

.calendarTab .calendarArrow {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 20px;
}

.calendarTab .calendarArrow img {
    width: 14px;
}

.calendarTab .header-display {
    display: flex;
    align-items: center;
}

.calendarTab .header-display p {
    color: var(--accent);
    margin: 5px;
    font-size: 26px;
    word-spacing: 0.5rem;
    font-weight: 700;
}

.calendarTab pre {
    padding: 0px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: var(--accent);
}

.calendarTab .week {
    font-weight: 700;
}

.calendarTab .days, .calendarTab .week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    padding: 0 0px;
    justify-content: space-between;
}

.calendarTab .week div, .calendarTab .days div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    /* margin-bottom: 10px; */
}

.calendarTab .days div {
    color: #008091;
}

.calendarTab .days div:hover {
    color: #fff;
    cursor: pointer;
    background: #008091;
}

.display-selected {
    display: none;
}

.calendarTab .week div {
    /* opacity: 0.5; */
}

.calendarTab .current-date {
    background-color: var(--accent);
    color: var(--white);
}

.calendarTab .display-selected {
    margin-bottom: 10px;
    padding: 20px 20px;
    text-align: center;
}

.appointmentTime {
    font-size: 16px;
    font-weight: 700;
    margin-top: 40px;
}

.appointmentTime h2 {
    font-size: 26px;
    font-weight: 700;
    color: #008091;
    margin-bottom: 20px;
}

/* 
.appointmentTime ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.appointmentTime ul li {
    display: inline-block;
    width: 150px;
    text-align: center;
    background: #008091;
    border-radius: 4px;
    padding: 16px 10px;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
} */
.appointmentTime ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.appointmentTime ul li {
    /* display: flex; */
    width: calc(94%/3);
    text-align: center;
    background: #008091;
    border-radius: 4px;
    padding: 16px 10px;
    color: #fff;
    margin-right: 0px;
    margin-bottom: 6px;
    /* gap: 10px; */
}

.btn-secondary {
    border: 0px solid #a4a4a4;
    background: #a4a4a4;
    border-radius: 8px;
    min-width: 156px;
    min-height: 53px;
    font-weight: 700;
}

.btn-secondary:hover {
    border: 0px solid #a4a4a4;
    background: #a4a4a4;
}

.bottomBtn {
    margin: 40px 0;
}

.bottomBtn button {
    min-width: 300px;
}

.appoinmentTabInfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
}

.appoinmentTabInfo ul li {
    margin-bottom: 8px;
}

.appoinmentTabInfo ul li span {
    min-width: 170px;
    display: inline-block;
    font-weight: 700;
}

.appoinmentTabInfo {
    margin: 60px 0;
}

.h2Green {
    font-size: 26px;
    color: #008091;
    font-weight: 700;
}

.h2Green span {
    font-size: 26px;
    color: #008091;
    font-weight: 500;
}

.appointmentStatus {
    margin-bottom: 40px;
}

.appointmentStatus textarea {
    width: 100%;
    padding: 20px;
    text-align: left;
    border-radius: 10px;
    border: 1px solid #1d262c;
}

.greenBg {
    /* background: #c0dee3; */
    background: #c3dce0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    min-height: 500px;
    /* margin-left: 10px;
    margin-right: 10px; */
}

.greenBgDark {
    /* background: #c0dee3; */
    background: #c3dce0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    /* min-height: 500px; */
    margin-left: 0px;
    margin-right: 0px;
}

.accordionWhitBg .accordion-item h2.accordion-header {
    margin-bottom: 0;
}

.accordionWhitBg .accordion-item .accordion-collapse {
    background: #fff;
    margin-top: -4px;
    padding: 20px 40px;
    border-radius: 0px 0px 10px 10px;
}

.accordionMe.accordionWhitBg .accordion-header {
    background: #6fc4d0;
    position: relative;
    z-index: 1;
}

.accordionWhitBg p {
    margin-bottom: 0px;
}

.accordionWhitBg .accordion-item h2.accordion-header {
    color: #fff;
    background-color: #008091;
    border-radius: 7px;
    min-height: 100px;
    font-size: 26px;
    font-weight: 700;
    padding: 0;
    line-height: normal;
}

.accordionWhitBg .accordion-item {
    background: none;
    margin-bottom: 20px;
}

.accordionMe.accordionWhitBg .accordion-header .accordion-button span.accorLess, .accordionMe.accordionWhitBg .accordion-header .accordion-button.collapsed span.accorMore {
    margin-right: 40px;
}

.accordionMe.accordionWhitBg .accordion-header .accordion-button span.accorLess img {
    width: 32px;
}

.accordionMe.accordionWhitBg .accordion-header .accordion-button.collapsed span.accorMore img {
    width: 32px;
}

.accordionMe.accordionWhitBg .accordion-header .accordion-button:not(.collapsed)::after, .accordionMe.accordionWhitBg .accordion-header .accordion-button::after {
    background: none;
}

.accordionMe.accordionWhitBg .accordion-header .accordion-button:not(.collapsed), .accordionMe.accordionWhitBg .accordion-header .accordion-button {
    color: #fff;
    padding: 32px 40px;
}

.h2Black {
    color: #1d262c;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    margin-left: 40px;
}

.removeBox {
    position: absolute;
    right: 20px;
    color: #f69292;
    font-size: 24px;
}

.h2Black50 {
    margin-top: 50px;
}

.h2BlackLeft30 {
    margin-left: 30px;
}

.painIcon {
    max-width: 770px;
    margin: 0 auto;
}

.painIcon ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

.painIcon ul li {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 120px;
}

.painIcon ul li img {
    width: 96px;
}

.painIcon ul li:first-child a span, .painIcon ul li:last-child a span {
    display: block;
}

    {

    display: block;
}

.painIcon ul li a span {
    display: none;
}

.painIcon ul li.active a span, .painIcon ul li:hover a span {
    display: block;
}

.painIcon ul li.active a img, .painIcon ul li:hover a img {
    /* box-shadow: 0px 0px 10px #000; */
    border-radius: 100%;
    transform: scale(1.3);
}

.painIcon ul li [type=radio]:checked+img {
    border-radius: 65px;
    box-shadow: 0px 1px 10px 1px #6a98a5;
    width: 96px;
}

.painIcon ul li span {
    display: block;
    font-size: 16px;
    color: #a2aca8;
    font-weight: 700;
    margin-top: 20px;
}

.painIcon ul li.active a span, .painIcon ul li:hover a span {
    color: #1d262c;
}

/* time css */
.timeDrum {
    position: relative;
}

.timeDrumIn {
    width: 330px;
    margin: 0 auto;
    text-align: center;
}

.timeDrum:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    background: #b5d2d7;
    left: 0;
    top: 114px;
    z-index: 0;
}

.drum-viewport {
    cursor: pointer;
    font-family: sans-serif;
}

.drum-item {
    /* padding: 0.4em; */
}

.drum {
    margin: 30px;
}


/* Themes */

.drum-item.drum-item-current {
    font-weight: bold;
    color: #1d262c !important;
}

.drum-4.drum-viewport {
    height: 200px;
    z-index: 1;
    position: relative;
}

.drum-4:focus {
    outline: none;
}

.drum-4.drum-viewport::before,
.drum-4.drum-viewport::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 3em;
}

.drum-4.drum-viewport::before {
    top: 0;
}

.drum-4.drum-viewport::after {
    bottom: 0;
}



.drum-4 .drum-item {
    text-align: center;
    font-size: 30px;
    color: #6a7c88;
}





.drum-5.drum-viewport {
    height: 200px;
    position: relative;
    z-index: 1;
}

.drum-5:focus {
    outline: none;
}

.drum-5.drum-viewport::before,
.drum-5.drum-viewport::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 3em;
}

.drum-5.drum-viewport::before {
    top: 0;
}

.drum-5.drum-viewport::after {
    bottom: 0;
}

.drum-5 .drum-item {
    text-align: center;
    font-size: 30px;
    color: #6a7c88;
}

.timeInfo {
    width: 330px;
    background: #82cad4;
    text-align: center;
    margin: 0 auto 30px;
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
}

.progressList {
    margin-top: 40px;
}

.progressItem {
    color: #1d262c;
    background-color: #fff;
    border-radius: 7px;
    margin-bottom: 20px;
    min-height: 100px;
    font-size: 26px;
    font-weight: 700;
    padding: 32px 40px;
    line-height: normal;
    text-align: center;
    display: block;
}

.progressItem:hover {
    color: #fff;
    background-color: #008091;
}

.progressBox .graphInfo {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 6px;
}

.completedText {
    text-align: right;
    font-size: 16px;
    margin-bottom: 10px;
}

.completedText span {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #008091;
    border-radius: 100%;
    margin-right: 10px;
    vertical-align: middle;
}

.progressBox .switchBtn {
    right: 14px;
}

.h2RightIcon {
    position: absolute;
    background: #008091;
    width: 55px;
    height: 55px;
    right: 20px;
    border-radius: 100%;
    padding: 18px;
    line-height: 7px;
}

.h2RightIcon img {
    width: 20px;
    height: 20px;
}


/* myroutine Info box*/
.myroutineInfoBox .flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.myroutineInfoBox .single-chart {
    width: 33%;
    justify-content: space-around;
    max-width: 200px;
}

.myroutineInfoBox .circular-chart {
    display: block;
    margin: 10px auto;
    max-width: 80%;
    max-height: 250px;
}

.myroutineInfoBox .circle-bg {
    fill: none;
    stroke: #dedede;
    stroke-width: 0.8px;
}

.myroutineInfoBox .circle {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.myroutineInfoBox .circular-chart.orange .circle {
    stroke: #0796ae;
}

.myroutineInfoBox .circular-chart.white .circle {
    stroke: #fff;
}

.myroutineInfoBox .circular-chart.blue .circle {
    stroke: #0796ae;
}

.myroutineInfoBox .percentage {
    fill: #0796ae;
    font-size: 0.5em;
    text-anchor: middle;
    font-weight: 700;
    font-size: 3;
}

.myroutineInfoBox .circular-chart.circularSml {
    display: block;
    margin: 0px;
    max-width: 70%;
    max-height: 40px;
}

.myroutineInfoBox .circular-chart.circularSml .percentage {
    fill: #fff;
    font-size: 0.5em;
    text-anchor: middle;
    font-weight: 700;
    font-size: 3;
}

.dayArrowBrd {
    position: relative;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-right: 30px;
}

.dayArrowBrd:after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #008091;
    width: 100%;
    left: 0;
}

.dateArrow {
    width: 270px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    margin-top: 40px;
    font-size: 26px;
    font-weight: 700;
    color: #535859;
}

.dateArrow img {
    width: 17px;
}

.dateArrow a.dateArrowLeft {
    position: absolute;
    left: 0;
}

.dateArrow a.dateArrowRight {
    right: 0;
    position: absolute;
}

.clamTabs .nav {
    margin-bottom: 100px;
    margin-left: 30px;
}

.clamTabs .nav-item .nav-link {
    background: #ffffff;
    border: 0;
    color: #008091;
    font-size: 26px;
    border-radius: 8px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #008091;
    margin-right: 10px;
}

.clamTabs .nav-pills .nav-link.active, .clamTabs .nav-pills .show>.nav-link {
    /* font-weight: 700; */
    border: 1px solid #008091;
    background: #008091;
    color: #fff;
    border-radius: 8px;

}

.clamTabs .setInput100 {
    width: 100px;
    display: inline-block;
    text-align: center;
    height: 66px;
    margin-left: 10px;
    border: 0;
    font-size: 24px;
}

.clamTabs label.col-form-label {
    font-weight: 700;
    font-size: 26px;
}

.setClamform {
    margin-bottom: 50px;
}

.clamTabs .nav li.nav-item {
    display: contents;
}

.clamTabs .nav li.nav-item .nav-link {
    text-align: left;
    width: auto;
}

.hydrationBtn {
    width: 330px;
    margin: 0 auto;
}

.hydrationBtn ul {
    text-align: center;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.hydrationBtn ul li {
    width: 90px;
    margin-bottom: 10px;
}

.hydrationBtn ul li a {
    background: #008091;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    display: block;
    padding: 13px 6px;

}

.hydrationBtn input {
    width: 87px;
    border: 1px solid #868a8d;
    padding: 10px 8px;
    text-align: center;
    height: 50px;
}

.hydrationBtn label {
    padding-top: 12px;
}

/* glass css */
.glassInfo {
    position: relative;
    /* height: 470px; */
}

#glassmain {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
}

#glass {
    position: absolute;
    width: 250px;
    height: 400px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.glassLines {
    position: absolute;
    background: white;
    height: 400px;
}

#glassLine1 {
    width: 10px;
    transform: rotate(175deg);
    box-shadow: 20px 1px 0 20px #c3dce0;
    /* if you ask how I hid the part of the water that's supposed to go outsize the glass, It's the box-shadow with the same color as the background and has no blur */
}

#glassLine2 {
    width: 10px;
    transform: rotate(185deg);
    right: 0%;
    box-shadow: -20px 1px 0 20px #c3dce0;
}

#glassLine3 {
    width: 210px;
    transform: rotate(0deg);
    right: 8.5%;
    height: 10px;
    bottom: 0%;
}

.water_hundred_drink {
    position: absolute;
    background: #008091;
    height: 370px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
}

.water_hundred_fill {
    position: absolute;
    background: #008091;
    height: 370px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: fill_100;
    animation-duration: 1s;
}

@keyframes fill_100 {
    0% {
        height: 296px;
    }

    100% {
        height: 370px;
    }
}

.water_eighty_drink {
    position: absolute;
    background: #00c9ff;
    height: 296px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: drink_80;
    animation-duration: 1s;
}

@keyframes drink_80 {
    0% {
        height: 370px;
    }

    100% {
        height: 296px;
    }
}

.water_eighty_fill {
    position: absolute;
    background: #00c9ff;
    height: 296px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: fill_80;
    animation-duration: 1s;
}

@keyframes fill_80 {
    0% {
        height: 222px;
    }

    100% {
        height: 296px;
    }
}

.water_sixty_drink {
    position: absolute;
    background: #00c9ff;
    height: 222px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: drink_60;
    animation-duration: 1s;
}

@keyframes drink_60 {
    0% {
        height: 296px;
    }

    100% {
        height: 222px;
    }
}

.water_sixty_fill {
    position: absolute;
    background: #00c9ff;
    height: 222px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: fill_60;
    animation-duration: 1s;
}

@keyframes fill_60 {
    0% {
        height: 148px;
    }

    100% {
        height: 222px;
    }
}

.water_fourty_drink {
    position: absolute;
    background: #00c9ff;
    height: 148px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: drink_40;
    animation-duration: 1s;
}

@keyframes drink_40 {
    0% {
        height: 222px;
    }

    100% {
        height: 148px;
    }
}

.water_fourty_fill {
    position: absolute;
    background: #00c9ff;
    height: 148px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: fill_40;
    animation-duration: 1s;
}

@keyframes fill_40 {
    0% {
        height: 74px;
    }

    100% {
        height: 148px;
    }
}

.water_tweenty_drink {
    position: absolute;
    background: #00c9ff;
    height: 74px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: drink_20;
    animation-duration: 1s;
}

@keyframes drink_20 {
    0% {
        height: 148px;
    }

    100% {
        height: 74px;
    }
}

.water_tweenty_fill {
    position: absolute;
    background: #00c9ff;
    height: 74px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: fill_20;
    animation-duration: 1s;
}

@keyframes fill_20 {
    0% {
        height: 0px;
    }

    100% {
        height: 74px;
    }
}

.water_zero_drink {
    position: absolute;
    background: #00c9ff;
    height: 0px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
    animation-name: drink_00;
    animation-duration: 1s;
}

@keyframes drink_00 {
    0% {
        height: 74px;
    }

    100% {
        height: 0px;
    }
}

.water_zero_fill {
    position: absolute;
    background: #00c9ff;
    height: 0px;
    width: 270px;
    left: -3.9%;
    bottom: 0%;
}

.button {
    position: absolute;
    font-family: monospace;
    background: white;
    color: black;
    cursor: pointer;
    font-size: 50px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#drinkButton {
    top: 75%;
    left: 0%;
}

.button:hover {
    background: #c0c0c0;
}

#fillButton {
    top: 75%;
    left: 100%;
}

.activitiesList .card.activitiesBg .myroutineInfoBox {
    position: absolute;
    left: 40px;
    bottom: 20px;
    width: 100px;
    margin-bottom: 0;
}

.glassInfo {
    width: 410px;
    margin: 0 auto;
    position: relative;
}

/* .glassHelp {
    color: #35c209;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    left: -180px;
    top: 24px;
} */
.glassHelpInfo {
    text-align: center;
}

.glassHelp {
    color: #35c209;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.glassHelp.glassHelpGreen {
    color: #008091;
}

.glassHelp a {
    color: #fff;
    font-weight: bold;
    border: 2px solid #008091;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    background: #008091;
}

.glassHelpR {
    color: #35c209;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    right: -180px;
    top: 24px;
}

.glassHelpR a {
    color: #35c209;
    font-weight: bold;
    border: 4px solid #35c209;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
}

.glassImg {
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 410px;
}

.glassImg img {
    max-width: 240px;
    margin: 0 auto;
}

.glassFill ul {
    text-align: left;
}

.glassFill ul {
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.glassFill ul li {
    display: inline-block;
}

.glassFill ul li:first-child {
    width: 70px;
    text-align: left;
}

.glassFill ul li:last-child {
    width: 70px;
    text-align: right;
}

.glassFill ul li.glassDotLine {
    width: 260px;
    position: relative;
}

.glassFill ul li.glassDotLine:after {
    position: absolute;
    content: "";
    width: 100%;
    border: 3px #35c209 dashed;
    top: -7px;
}

.glassFill.glassFillGreen ul li.glassDotLine:after {
    position: absolute;
    content: "";
    width: 100%;
    border: 3px #008091 dashed;
    top: -7px;
}

.glassFill {
    z-index: 11;
}

.glassFillImg {
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1;
    width: 210px;
    margin: 0 auto; */
    /* aspect-ratio: 3/2;
    clip-path: ellipse(45% 100% at 50% 0%); */
}

.glassFillImg {
    position: absolute;
    left: -30px;
    right: -40px;
    bottom: -10px;
    z-index: 1;
    width: 280px;
    margin: 0 auto;
    background: #00809191;
}

.glassFillImg img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.glassreset {
    text-align: center;
    margin: 20px 40px 60px;
}

.glassreset a {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    font-size: 13px;
    line-height: 44px;
    font-weight: 700;
    color: #008091;
}

.glassBgBrd {
    transform: perspective(100vmin) rotateX(336deg);
    height: 470px;
    position: absolute;
    width: 204px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    overflow: hidden;
    aspect-ratio: 3/2;
    clip-path: ellipse(175% 100% at 50% 0%);
}

.glassMl {
    text-align: center;
    margin: 40px 0 10px;
    color: #008091;
}

/* hover-tooltip */
[hover-tooltip] {
    position: relative;
    cursor: default;
}

[hover-tooltip]:hover::before {
    content: attr(hover-tooltip);
    font-size: 14px;
    text-align: center;
    position: absolute;
    display: block;
    left: 50%;
    min-width: 150px;
    max-width: 300px;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    color: #1D262C;
    z-index: 1;
    font-weight: normal;
    line-height: normal;
    box-shadow: 0px 0px 10px #00000033;
}

[hover-tooltip]:hover::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    margin-left: -3px;
    border: 1px solid #fff;
    border-color: #fff transparent transparent transparent;
    border-width: 4px 6px 0;
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip][tooltip-position=bottom]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
}

[hover-tooltip][tooltip-position=bottom]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    border-color: transparent transparent #272727;
    border-width: 0 6px 4px;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* hover-tooltip end*/
a.closeBtnTop {
    position: absolute;
    right: 10px;
    width: 30px;
}

.calendarTabMB {
    margin-bottom: 50px;
}

.mrgBT40 {
    margin: 40px 0;
}

.appointmentsBtn {
    margin-top: 20px;
}

.footerfixed {
    position: sticky;
    background: #fff;
    bottom: 0;
    padding: 20px 0;
    z-index: 11;
}

.greenBg .footerfixed {
    background: #c3dce0 !important;
}

.addRoutineBtn.footerBtn p {
    margin-bottom: 6px;
}

.colorChanage {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}

.colorChanage a img {
    width: 24px;
}

.colorChanage span {
    padding: 4px;
    border-radius: 100%;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
}

.colorChanage span i img {
    width: 32px;
}

.colorChanage a:hover {
    background: #008091;
}

span.lightthemeBtn {
    display: none;
}

body.darkTheme span.lightthemeBtn {
    display: inline-block;
}

body.darkTheme span.darkthemeBtn {
    display: none;
}

body span.darkthemeBtn {
    display: inline-block;
}

.headerBg button.navbar-toggler i {
    color: #fff !important;
}

/* 09-01-2025 css me videos  end*/

/*! calendar css  */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-weight: normal;
    font-size: 24px;
    color: #008091;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #008091;
    cursor: pointer;
    color: #fff;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
    opacity: 0;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #008091;
    color: #fff !important;
    border-radius: 100%;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #008091;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #1d262c;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #008091;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #008091;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #008091;

    color: #fff !important;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #008091;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: ##008091;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer;
    color: #1d262c;
    font-weight: 600;
    padding-bottom: 20px;
}


.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
    padding: 4px 5px;
}

.datepicker .dow {
    border-bottom: 0px solid #e7e7e7;
    color: #1d262c;
    font-weight: 600;
}

.datepicker-months .prev,
.datapicker-months .next,
.datepicker-years .prev,
.datepicker-years .next {
    width: 58px;
}




/* app */
.charset {
    box-shadow: 1px 1px 10px #1d262c;
}

.app {
    width: 330px;
    height: auto;
    margin: 0 auto;
}

.app:after {
    content: "";
    display: table;
    clear: both;
}

.app__side {
    background: #333;
    width: 35%;
    height: 100%;
    padding: 40px;
    float: left;

    color: #008091;
}

/* b-calendar */


.calendar .datepicker {
    width: 100%;
}

.calendar .datepicker table {
    width: 100%;
}

.datepicker th.prev, .datepicker th.next {
    color: #fff !important;
    font-size: 40px;
    font-weight: normal !important;
    position: relative;
}

.datepicker th.prev:after {
    background: url(../img/green_arrow_left.svg);
    background-repeat: no-repeat;
    background-size: 17px 29px;
    background-position: 1px 17px;
    position: absolute;
    content: "";
    width: 34px;
    height: 64px;
    left: 0;
}

.datepicker th.next:after {
    background: url(../img/green_arrow_right.svg);
    background-repeat: no-repeat;
    background-size: 17px 29px;
    background-position: 1px 17px;
    position: absolute;
    content: "";
    width: 34px;
    height: 64px;
    right: 0;
}

.greenBg .greenBgPopUp {
    padding: 50px 0px;
    position: relative;
}

h3.titleH3Black {
    font-size: 30px;
    font-weight: 700;
    color: #1d262c;
}

.greenPopUpBoxW {
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    margin-top: 50px;
}

ul.greenPopuUl {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 30px;
    color: #1d262c;
}

ul.greenPopuUl li {
    list-style: auto;
    margin-left: 16px;
}

.mb100 {
    margin-bottom: 100px;
}

.greenBg.greenBgPopUpInfo {
    padding: 50px 200px;
    position: relative;
}

.greenBg.greenBgPopUpInfo a.closeBtnTop {
    position: absolute;
    right: 40px;
    width: 30px;
    top: 30px;
}

.greenBg.blackBgCall {
    padding: 50px 200px;
    position: relative;
    background: #1d262c;
    color: #fff;
}

.greenBg.blackBgCall a.closeBtnTop {
    position: absolute;
    right: 40px;
    width: 30px;
    top: 30px;
}

h3.titleH3White {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.mrgTB50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.calluser {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;

}

.calluser img {
    max-width: 100%;
    border-radius: 100%;
}

.greenPopUpBoxW h2 {
    color: #008091;
    font-size: 16px;
    font-weight: 600;
}

.collIcon {
    text-align: center;
}

.collIcon a {
    background: #008091;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    padding: 18px;
    text-align: center;
    display: inline-block;
    margin: 10px;
}

/* .collIcon a:hover{
    background:  #ffff;
} */

.collIcon a img {
    width: 100%;
    max-height: 29px;
}

.collIcon a.closeBtn {
    background: #fff;
}

/* .collIcon a.closeBtn:hover{
    background:  red;
} */
.greenBg.blackBgCall.blackVideo {
    padding: 10px;
    text-align: center;
}

.liveCall {
    max-width: 400px;
    height: auto;
    position: relative;
    margin: 0 auto;
    border-bottom: 4px solid #008091;
}

.liveCall img {
    max-width: 100%;
}

.liveCall .liveChatUserNameL .callRe img {
    width: 17px;
}

.liveCall .liveCallIconR {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 80px;
}

.liveCall .liveCallIconR a {
    background: hsla(0, 0%, 100%, 0.493);
    width: 64px;
    height: 64px;
    border-radius: 100%;
    padding: 18px;
    text-align: center;
    display: inline-block;
    margin: 10px;
}

.liveCall .callTrigoLogo {
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    width: 160px;
    background: #008091;
    border-radius: 14px 14px 0px 0px;
    padding: 10px;
}

.liveCall .callTrigoLogo img {
    max-width: 100%;
}

.liveCall .callCloseBtn {
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 90px;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    padding: 18px;
    text-align: center;
    background: #1d262c;
}

.liveCall .callCloseBtn img {
    max-width: 100%;
}

.liveCall .liveChatIconL {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.liveCall .liveChatIconL a {
    background: hsla(0, 0%, 100%, 0.493);
    width: 64px;
    height: 64px;
    border-radius: 100%;
    padding: 18px;
    text-align: center;
    display: inline-block;
    margin: 10px;
}

.liveChatIconL span.msgInfo {
    position: absolute;
    right: 0;
    background: #f15858;
    color: #fff;
    font-size: 14px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    top: 10px;
    line-height: 24px;
}

.liveCall .liveChatUserNameL {
    position: absolute;
    left: 10px;
    bottom: 150px;
    text-align: left;
}

.liveCall .liveChatUserNameL .callRe {
    color: #f15858;
}

.liveCall .liveChatUserNameL h2 {
    font-weight: 700;
    font-size: 24px;
}

.liveCall .liveOtheruser {
    position: absolute;
    height: 100px;
    right: 20px;
    top: 20px;
    z-index: 1;
    width: 100px;
}

.liveCall .liveOtheruser img {
    max-width: 100%;
}

/* liveCallWeb  */
.liveCall.liveCallWeb {
    width: 100%;
    max-width: 100%;
}

.liveCall.liveCallWeb .h-100 {
    width: 100%;
    height: 600px !important;
}

/* liveCallWeb  end*/
.accordionInGreen .accordion-item .accordion-collapse {
    background: #c3dce0;
}

h2.titleH3Blue {
    color: #008091;
    font-size: 16px;
    font-weight: 600;
}

/* radio and check box  */
.container {
    width: 600px;
    padding: 50px 0;
    margin: 0 auto;
}

.radio,
.checkbox {
    margin: 10px 0;
}

/* Custom radio buttons */
/* input[type="radio"]+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    font-size: 13px;
}

input[type="radio"]+label:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    position: absolute;
    top: -3px;
    left: 0;
    border: 1px solid #008091;
    background-color: #fff;
    border-radius: 50%;
} */

/* input[type="radio"] {
    display: none !important;
    *display: inline;
}

input[type="radio"]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #008091;
} */

/* Custom checkbox */
/* input[type="checkbox"]+label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    font-size: 13px;
}

input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    position: absolute;
    top: -3px;
    left: 0;
    border: 1px solid #008091;
    background-color: #fff;
    border-radius: 5px;
}

input[type="checkbox"] {
    display: none !important;
    *display: inline;
} */

/* input[type="checkbox"]:checked+label:after {
    content: "✔";
    font-size: 20px;
    line-height: 20px;
    color: #008091;
    display: block;
    position: absolute;
    top: -2px;
    left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
} */

/* radio and check box  end*/
.form-control {
    border: 1px solid #008091;
}

.accordion-button i.checkIcon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    display: inline-block;
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(100%);
}

.accordion-button i.checkIcon img {
    width: 24px;
    height: 24px;
}

.accordion-button i.checkIcon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    display: inline-block;
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(100%);
    margin-top: -7px;
}

.activeRoutingTitle {
    padding: 10px 0px 0px 0px;
    font-weight: normal;
}

.activeRoutingTitle h3 {
    font-size: 15px;
    font-weight: 700;
    color: #008091;
}

.activeRoutingTitle ul.list-unstyled {
    margin-bottom: 0;
}

.activeRoutingTitle ul.list-unstyled li {
    margin-bottom: 6px;
}

.activeRoutingTitle ul.list-unstyled li img {
    margin-right: 7px;
    width: 14px;
}

.newsBox .newsBoxNameBg p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.accordionGreenBox {
    background: #c3dce0;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    min-height: 130px;
    margin-bottom: 20px;
}

.accordionGreenBox h2 {
    font-size: 16px;
    color: #008091;
    font-weight: 700;
    width: calc(100% - 70px);
}

.accordionGreenBox .btn-primary {
    border: 0px solid #008091;
    background: #008091;
    border-radius: 8px;
    min-width: 60px;
    min-height: initial;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 10px;
}

.routingInfoList {
    width: 55%;
    display: inline-block;
}

.myroutineInfoBoxHome {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.navTabTop.nav-fill .nav-item .nav-link.active {
    border-bottom: 5px solid #008091;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}

ul.nav.nav-pills.nav-fill.navTabTop {
    /* margin-left: 40px; */
}

.container-fluid {
    max-width: 1440px;
    margin: 0 auto;
    /* padding-left: 40px;
        padding-right: 40px; */
}

.container-fluid.marketing,
.footerInfo .container-fluid {
    /* padding-left: 10px;
        padding-right: 10px; */
}

.container-fluid.marketing.mrgBT40 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.clamTabs label.col-form-label.h2BlackLeft30Gray {
    color: #535859;
}

.repsInfo, .repsInput {
    display: inline-block;
    position: relative;
}

.repsInfo {
    width: 100px;
    text-align: center;
    color: #535859;
}

.repsInput {
    text-align: center;
}

.repsInfo span {
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    color: #535859;
}

.repsInput span {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    color: #535859;
}

ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav {
    /* margin-left: 52px; */
}

ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item {
    flex: initial;
    margin-right: 30px;
}

ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item a.nav-link.active {
    color: #1D262C;
}

ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item a.nav-link {
    padding-left: 0;
    padding-right: 0;
    color: #b4b4b4;
    /* padding-bottom: 0; */
    font-weight: 700;
}

ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item a.nav-link:hover {
    border-bottom: 5px solid #008091;
    color: #1D262C;
    font-weight: 700;
}

.navTabTop.nav-fill .nav-item .nav-link {
    font-weight: 400;
    width: auto;
    display: inline-block;
    font-size: 26px;
    border-radius: 0;
}

.myroutineInfoDate {
    text-align: center;
    color: #008091;
    font-size: 24px;
    margin-top: 30px;
}

.myroutineBox .h2Black {
    color: #1d262c;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    margin-left: 20px;
}

.myroutineInfoBox {
    margin-bottom: 60px;
}

.accordionGreenBg.accordionWhitBg .accordion-item .accordion-collapse {
    border-radius: 10px 10px 10px 10px !important;
    margin-top: 15px !important;
    background: #96dde3;
    padding: 20px 40px;
    color: #008091;
}

.accordionGreenBg.accordionWhitBg .accordion-item .accordion-collapse .btn-primary {
    min-width: 100px;
}

.activitiesList .myroutineInfoBox .circle-bg {
    stroke-width: 1.5px;
}

ul.nav.nav-pills.nav-fill.navTabTop.navTabBlackBrd li.nav-item a.nav-link.active {
    border-bottom: 2px solid #1d262c;
    display: block;
    font-weight: 700;
    color: #1d262c;
    text-align: center;
}

.navTabCenter.navTabBlueBg .nav-item .nav-link {
    background: #fff;
    border: 1px solid #008091;
    color: #008091;
    font-weight: normal;
}

.navTabCenter.navTabBlueBg .nav-item .nav-link:hover, .navTabCenter.navTabBlueBg .nav-item .nav-link.active {
    background: #008091;
    border: 1px solid #008091;
    color: #fff;
}

h2.titleH2.titleH2Top {
    /* margin-left: 50px; */
}

.painIcon ul li.active a img {
    /* box-shadow: 0px 0px 10px #000; */
    border-radius: 100%;
}

h2.titleH2.titleH2Top.titleH2TopIn {
    /* margin-left: 30px; */
}

.headerBg .container-fluid {
    /* box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19); */
    /* padding: 0; */
    background-color: #fff;
    background-image: url(../img/headerBg.png);
    background-size: 74%;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 164px;
    padding-top: 40px;
    margin-bottom: 0px;
    /* padding-left: 10px;
    padding-right: 10px; */
}

.headerBg .navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.addRoutingBox .myroutineInfoBox {
    margin-bottom: 0;
}

.owl-carousel1.owl-theme1.row {
    /* padding-left: 10px; */
    /* padding-right: 10px; */
}

.alertsBox ul li {
    display: block;
}

.btn-primary, .btn-secondary {
    /* min-height: 53px; */
    min-height: 60px;
}

/* awardList css  */
.awardList {
    text-align: center;
    padding: 20px 0 50px;
}

.awardList img {
    max-width: 270px;
}

.awardName {
    margin: 0px 0 10px;
    font-weight: 700;
    font-size: 26px;
}

.awardImgPoint {
    position: relative;
    max-width: 270px;
    margin: 0 auto;
}

.awardPoint {
    background: #ffd110;
    font-size: 26px;
    width: 80px;
    position: absolute;
    right: -8px;
    top: 62px;
    border-radius: 10px;
    font-weight: 700;
}

.awardImg.awardImgOpacity {
    opacity: .3;
}

.successMsg {
    border: 3px solid #00c269;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    color: #00c269;
    font-size: 18px;
    background: #fff;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -79px;
    width: 590px;
}

.successMsg a img {
    width: 36px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.updatedCheckImg {
    width: 250px;
    margin: 80px auto;
}

#updatedPopup {
    text-align: center;
}

#updatedPopup h2 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 40px;
}

.popUpClose {
    position: absolute;
    right: 40px;
    top: 50px;
    opacity: 1;
    z-index: 1;
}

#wellDone {
    text-align: center;
}

#wellDone .modal-content {
    background: url(../img/well_done_bg.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 102%;
    border: 0;
}

#wellDone h2 {
    font-size: 40px;
    font-weight: normal;
    margin-top: 90px;
}

#wellDone h3 {
    font-size: 40px;
    font-weight: 700;
    margin-top: 0px;
}

#wellDone p {
    font-size: 34px;
    font-weight: normal;
    margin-top: 30px;
}

.accordionLightGreen .accordion-item {
    background: #cdecf0;
    margin-bottom: 20px;
    border-radius: 8px;
}

.accordionLightGreen .accordion-header {
    background: #cdecf0;
}

.accordionLightGreen .accordion-header .logoIcon {
    width: 140px;
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    margin-right: 20px;
}

.accordionLightGreen .accordion-header .logoIcon img {
    max-width: 100%;
}

.accordionMe.accordionLightGreen .accordion-header .accordion-button:not(.collapsed), .accordionMe.accordionLightGreen .accordion-header .accordion-button {
    color: #008091;
    font-size: 26px;
    font-weight: 700;
    padding: 20px 40px;
}

.accordionMe.accordionLightGreen .accordion-header .accordion-button:not(.collapsed)::after,
.accordionMe.accordionLightGreen .accordion-header .accordion-button::after {
    background: none;
}

.accordionMe.accordionLightGreen .accordion-header .accordion-button span.accorLess,
.accordionMe.accordionLightGreen .accordion-header .accordion-button.collapsed span.accorMore {
    margin-right: 40px;
    position: absolute;
    right: 0;
    font-size: 16px;
}

.accordionWhitBg.accordionLightGreen .accordion-item h2.accordion-header {
    color: #008091;
    background-color: #cdecf0;
    border-radius: 7px;
    min-height: 100px;
    font-size: 26px;
    font-weight: 700;
    padding: 0;
    line-height: normal;
}

.accordionWhitBg.accordionLightGreen .accordion-item .accordion-collapse {
    background: #cdecf0;
}

.accordionWhitBg.accordionLightGreen .list-group-item {
    background: none;
    border: 0;
    border-bottom: 2px solid #b1cccf;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0;
}

.accordionLightGreen .accordion-item .accordion-body ul.list-group li:last-child {
    border: 0;
    padding-bottom: 0;
}

.accordionWhitBg.accordionLightGreen .list-group-item .btn-primary, .accordionWhitBg.accordionLightGreen .list-group-item .btn-secondary {
    min-height: 40px;
}

.accordionWhitBg.accordionLightGreen .list-group-item .rounded-pill {
    padding-right: 0;
}

/* .toastMsg {
    left: 0;
    right: 0!important;
    margin: 0 auto;
    top: 159px!important;
    z-index: 1;
    position: absolute!important;
} */
.toastMain {
    position: relative;
}

.toastMsg {
    left: 0;
    right: 0 !important;
    margin: 0 auto;
    top: -6px !important;
    z-index: 1;
    position: absolute !important;
}

.toastMsg a {
    position: absolute;
    right: 10px;
    top: 11px;
}

.toastMsg a img {
    width: 24px;
}

.successMsgToast {
    border: 3px solid #00c269;
    color: #00c269;
    background: #fff;
    text-align: center;
    font-weight: 700;
    border-radius: 100px;
    min-width: 500px;
    box-shadow: none;
}

.notsuccessMsgToast {
    border: 3px solid #F8642C;
    color: #F8642C;
    background: #fff;
    border-radius: 100px;
    text-align: center;
    font-weight: 700;
    min-width: 500px;
    box-shadow: none;
}

.successMsg {
    display: none;
}

.repsInfoCenter {
    text-align: center;
}

h3.h2Black.titleH3Blue {
    margin-left: 0;
    margin-bottom: 30px;
    padding-left: 0;
}

.appoinmentBox .button-container {
    margin-left: 0;
    margin-top: 10px;
}

.toastMsgNew.toastMsg {
    position: initial !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.toastMsgNew.toastMsg a {
    position: absolute;
    right: 8px;
    top: 10px;
}

.toastMain.toastMainNew {
    background: #fff;
}

.toastMsgNew.toastMsg .toast {
    margin: 10px 0;
}

.toast-body {
    position: relative;
}

/* 11 02 2025   login css*/
.centerForm {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    color: #535859;
    margin-bottom: 20px;
}

.centerFormIn {
    flex: 0 0 auto;
    width: 380px;
}

.centerFormInInput {
    width: 300px;
    margin: 0 auto;
}

.centerFormInInput h4 {
    margin-top: 50px;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.centerFormInInput .form-control {
    margin-bottom: 14px;
    border: 1px solid #A2ACA8;
    border-radius: 8px;
    height: 50px;
    font-weight: 500;
}

.logInBtn {
    margin: 50px 0 24px 0;
}

.logInBtn button.btn.btn-primary {
    width: 100%;
}

.forgotPass {
    text-align: center;
    margin-bottom: 70px;
}

.forgotPass a {
    text-decoration: underline;
    color: #008091;
    font-size: 18px;
}
.termsInfo {
    text-align: center;
}

.termsInfo {
    text-align: center;
    font-weight: 700;
    color: #535859;
    margin-bottom: 36px;
    font-size: 14px;
}

.termsInfo a {
    text-decoration: underline;
    color: #535859;
}

.neetAccount {
    font-size: 20px;
    text-align: center;
    color: #535859;
}
.neetAccount a {
    color: #535859;
}

.neetAccount a.greenLink {
    color: #008091;
    text-decoration: underline;
}

.centerSignUpIn {
    flex: 0 0 auto;
    width: 422px;
}

.signUpBox {
    background: #CCECF0;
    position: relative;
    border-radius: 10px;
    padding: 20px 90px 20px 20px;
    margin-bottom: 30px;
    min-height: 130px;
    font-size: 18px;
}

.signUpBox h2 {
    font-size: 24px;
    font-weight: 400;
    color: #008091;
    margin-bottom: 20px;
}

.signUpBox .signUpBoxArrow {
    position: absolute;
    right: 20px;
    top: 41%;
}

.signUpBox .signUpBoxArrow img {
    width: 20px;
}
.signUpBox p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.alreadyAccount {
    text-align: center;
    font-size: 20px;
}

.alreadyAccount a {
    color: #008091;
    text-decoration: underline;
}

.orText {
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 20px;
    color: #535859;
}

.inputPhone i img {
    width: 24px;
    border-radius: 100%;
    height: 24px;
    margin-right: 10px;
}

.input-group.inputPhone {
    border: 2px solid #A2ACA8;
    border-radius: 10px;
}

.inputPhone span.input-group-text {
    background: none;
    border: 0;
}

.input-group.inputPhone input.form-control {
    border: 0;
    margin: 0;
}

.inputPhone span.input-group-text input {
    width: 50px;
    border-radius: 8px;
    border: 2px solid #A2ACA8;
}

.termsInfo.termsInfoNewUser {
    margin-top: 70px;
}

.inputVerifCode {
    display: flex;
    justify-content: space-between;
}

.inputVerifCode input {
    width: 46px;
    text-align: center;
}
.inputVerifCode.inputVerifCodeT .form-control {
    border: 2px solid #008091;
}

.activitiesList .card.activitiesBg {
    min-height: auto !important;
}

.appointmentTabs .datepicker td, .appointmentTabs .datepicker th {
    line-height: normal;
}

.trigoBot {
    width: 522px;
    margin: 0 auto;
}

.trigoBot .trigoBotBlue {
    color: #fff;
    font-size: 30px;
    padding: 20px;
    background: #008091;
    border-radius: 40px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trigoBotLogo {
    margin-right: 20px;
}

.trigoBotLogo img {
    max-width: 110px;
}

.trigoBot .trigoBotChat {
    margin: 20px 0;
    font-size: 18px;
}

.trigoBot .trigoBotChat ul {
    margin: 0;
    padding: 0;
    display: block;
}

.trigoBot .trigoBotChat ul li {
    margin: 0 0px 10px 0;
    padding: 0;
    display: block;
}

.trigoBot .trigoBotChat li.trigoBotChatRLi {
    text-align: right;
}

.trigoBot .trigoBotChat .trigoBotChatL {
    padding: 10px 20px;
    border-radius: 20px;
    color: #1D262C;
    max-width: 270px;
    background: #93D4DC;
    display: inline-block;
    position: relative;
}

.trigoBot .trigoBotChat .trigoBotChatL:after {
    position: absolute;
    left: -10px;
    bottom: -5px;
    width: 24px;
    height: 24px;
    background: url(../img/chat_arrow.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
}

.trigoBot .trigoBotChat .trigoBotChatR {
    padding: 6px 30px;
    border-radius: 20px;
    color: #fff;
    background: #00C269;
    display: inline-block;
    font-weight: 700;
    position: relative;
}

.trigoBot .trigoBotChat .trigoBotChatR:after {
    position: absolute;
    right: 0px;
    bottom: -6px;
    width: 24px;
    height: 24px;
    background: url(../img/chat_arrow_geen.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
}

.trigoBot .trigoBotChat .trigoBotChatR.trigoBotChatRBrd {
    color: #fff;
    background: #A7A7A7;
}

.trigoBot .trigoBotChat .trigoBotChatR.trigoBotChatRBrd:after {
    position: absolute;
    right: 0px;
    bottom: -6px;
    width: 24px;
    height: 22px;
    background: url(../img/chat_arrow_gray.svg);
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
}

.chatIcon.chatIconAdd {
    bottom: 110px;
}

.grayBg.grayBgResp {
    padding-top: 40px;
}

.whiteBg, .greenBg {
    min-height: 70vh;
}

.grayBgResp .whiteBg {
    min-height: 76vh;
}

.logoSignUp {
    text-align: center;
}

.logoSignUp img {
    max-width: 160px;
    margin-bottom: 50px;
}

.inputVerifCode.inputVerifCodeT {
    margin-top: 30px;
    margin-bottom: 30px;
}

.inputVerifCode.inputVerifCodeT .tel {
    margin-top: 0px;
    font-size: 38px;
    font-weight: bolder;
    line-height: 50px;
}

.invitationRed {
    color: #008091;
    margin-bottom: 30px;
}

.invitationRed h4 {
    /* margin-top: 50px; */
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}
.countryFlag 
.form-control {
    border: 1px solid #A2ACA8!important;
}

.invitationText {
    color: #008091;
    text-align: center;
}

.invitationText a {
    color: #008091;
    text-decoration: underline;
}

.invitationText a:hover {
    color: #008091;
    text-decoration: none;
}

.headerBg.otherHeader .container-fluid {
    height: 130px;
}

.accordion-item.accordAward .accordion-collapse.collapse.show {
    padding: 20px 0;
}

.termsInfo.deleteTerms {
    margin: 20px 0 0 0;
}

.deleteAc {
    text-align: right;
    margin-top: 20px;
}

.genderRadioBtn .middle {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.genderRadioBtn .middle input[type=radio] {
    display: none;
}

.genderRadioBtn .middle input[type=radio]:checked+.box {
    background-color: #008091;
    border: 2px solid #008091;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    line-height: 98px;
}

.genderRadioBtn .middle input[type=radio]:checked+.box span {
    color: white;
    /* transform: translateY(70px); */
}

.genderRadioBtn .middle input[type=radio]:checked+.box span:before {
    /* transform: translateY(0px); */
    opacity: 1;
}

.genderRadioBtn .middle .box {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    line-height: 98px;
    background-color: #fff;
    border: 2px solid #A2ACA8;
    transition: all 250ms ease;
    /* will-change: transition; */
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.profileInfo select.form-control {
    background: url(../img/arrow_down_green.svg) no-repeat;
    background-position: 96% 17px;
    background-size: 20px;
}

.profileInfo .countryFlag {
    margin-bottom: 20px;
}

/* .centerForm.profileInfo .centerFormIn .centerFormInInput {
    max-width: 500px;
    width: auto;
}
.centerForm.profileInfo .centerFormIn {
    max-width: 500px;
    width: 100%;
} */
.newsBoxInfoNew .newsBoxNameBg {
    padding: 0px 20px;
}

.logInBtn button.btn.btn-secondary {
    width: 100%;
}

.btnMrg button {
    margin-bottom: 10px;
}

.logInBtn.btnMrg {
    margin-top: 30px;
}

.centerFormIn {
    flex: 0 0 auto;
    width: 500px;
}

.centerFormInInput {
    width: 96%;
    margin: 0 auto;
}

.modal-footer.d-flex.flex-column.flex-sm-row.justify-content-center.gap-2 {
    flex-direction: initial !important;
}

.modal-footer.d-flex.flex-column.flex-sm-row.justify-content-center.gap-2 .btn.btn-primary {
    width: auto !important;
    min-width: 110px;
}

.passProfile {
    position: relative;
}

.passProfile .passInfo {
    position: absolute;
    right: 10px;
    z-index: 1;
    bottom: 2px;
    font-size: 12px;
    font-weight: 700;
    height: 46px;
    background: #fff;
    line-height: 45px;
    padding-left: 6px;
}

span.passInfo.passInfoweak {
    color: red;
}

span.passInfo.passInfoStrong {
    color: #00c269;
}

span.passInfo.passInfoMedium {
    color: orange;
}

.carouselSlide .carousel-item {
    height: 100vh;
}

.carouselSlide .carousel-item {
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
}

.carouselSlide .carousel-item.slideImg1 {
    background-image: url(../img/slide_1.jpg);
    
}

.carouselSlide .carousel-item.slideImg2 {
    background-image: url(../img/slide_4.jpg);
}

.carouselSlide .carousel-item.slideImg3 {
    background-image: url(../img/slide_3.jpg);
    
}

.carouselSlide .carousel-item.slideImg4 {
    background-image: url(../img/slide_2.jpg);
    background-position: center ;
}

.carouselSlide h5 {
    font-size: 36px;
    text-shadow: 0px -3px 4px #454545;
}

.carouselSlide p {
    text-shadow: 0px -3px 4px #454545;
}

.carouselSlide .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carouselSlide .carousel-caption {
    bottom:320px;
    right: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
}

.carouselSlide .d-md-block {
    display: block !important;
}

.carousel-indicators [data-bs-target] {
    opacity: 1;
    background: none;
    border-top: initial;
    border-bottom: initial;
    border: 2px solid #fff;
}
.carousel-indicators .active {
    opacity: 1;
    background: #008091;
    border-top: initial;
    border-bottom: initial;
    border: 2px solid #008091;
}

.carouselSlide .carousel-caption .logInBtn1.btnMrg1 {
    position: fixed;
    bottom: 70px;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
}

.carouselSlide .carousel-indicators {
    bottom: 200px;
}

.carouselSlide .d-md-block button.btn.btn-secondary {
    background: #fff;
    color: #1d262c;
}

.carouselSlide .d-md-block button.btn.btn-secondary:hover {
    background: #494e54;
    color: #fff;
}

.carouselSlide .btn-primary, .carouselSlide .btn-secondary {
    min-height: 53px !important;
}

.carousel-control-next, .carousel-control-prev {
    display: none;
}
.blueGradientBg
{
    background: linear-gradient(0deg, rgba(195, 245, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.orgGradientBg{
    background: rgb(255,184,152);
background: linear-gradient(0deg, rgba(255,184,152,0.5) 0%, rgba(255,255,255,1) 100%);
padding-bottom: 20px;
margin-bottom: 20px;
}
/* responsive css */
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* BLACK CSS START */
body.darkTheme {
    background: #1d262c;
}

body.darkTheme .headerBg .container-fluid {
    background-color: #00282d;
}

body.darkTheme .headerBg, body.darkTheme .whiteBg, body.darkTheme .greenBg .accordionWhitBg .accordion-item .accordion-collapse, body.darkTheme .whiteBgOther, body.darkTheme .headerBg .container-fluid .dropdown.dropdownUser ul.dropdown-menu.show {
    background-color: #00282d;
    color: #fff;
}

body.darkTheme .nav-item .nav-link, .navTabTop.nav-fill .nav-item .nav-link.active,
body.darkTheme h2.titleH2,
body.darkTheme footer.footerInfo,
body.darkTheme footer.footerInfo a,
body.darkTheme .headerBg li.nav-item a.nav-link.active,
body.darkTheme .headerBg li.nav-item a.nav-link:hover,
body.darkTheme .backHader h3,
body.darkTheme .h2Black,
body.darkTheme .calendarTab .calendarArrow,
body.darkTheme .calendarTab .week,
body.darkTheme div#panelsStayOpen-collapseThree .progressbtn h2,
body.darkTheme .dropdownUser .dropdown-menu li a,
body.darkTheme h3.titleH3WhiteBig, body.darkTheme .titleH3BlackBig {
    /* color: #fff; */
    color: #008091;
}

body.darkTheme .greenBg h3.titleH3Blue,
body.darkTheme .greenBg .h2Black {
    color: #008091 !important;
}

body.darkTheme .grayBg {
    background-color: #414141;
}

body.darkTheme .footerfixed {
    background: #1d262c;
}

body.darkTheme .meInfo {
    background: #008091;
    color: #fff;
}

body.darkTheme .greenBg {
    background: #00282d;
    color: #fff;
}

body.darkTheme .meInfo a, body.darkTheme .alertDate {
    color: #fff !important;
}

body.darkTheme .addRoutingBox, body.darkTheme .alertsBox, body.darkTheme .whiteBgOther, body.darkTheme .greenBg .footerfixed {
    background-color: #00282d !important;
    color: #fff !important;
}

body.darkTheme .progressItem {
    color: #fff;
    background-color: #008091;
}

body.darkTheme .progressItem:hover {
    color: #008091;
    background-color: #fff;
}

body.darkTheme .backHader h3, body.darkTheme .completedText, body.darkTheme .appointmentTabs .nav li.nav-item span.navText {
    color: #008091;
}

body.darkTheme .backHader span.backBtn a img, body.darkTheme a.closeBtnTop img, body.darkTheme .dateArrow, body.darkTheme .greenBg.blackBgCall a.closeBtnTop img {
    filter: invert(48%) sepia(87%) saturate(439%) hue-rotate(144deg) brightness(94%) contrast(89%);
}

body.darkTheme .datepicker th.prev, body.darkTheme .datepicker th.next {
    color: #1d262c !important;
}

body.darkTheme .datepicker thead tr:first-child th, body.darkTheme .datepicker tfoot tr th {
    color: #008091;
    ;
}

body.darkTheme .datepicker table tr td span:hover {
    background: #008091;
    color: #fff;
}

body.darkTheme .datepicker .dow {
    border-bottom: 0px solid #e7e7e7;
    color: #008091;
    font-weight: 600;
}

body.darkTheme .datepicker table tr td.active.active, body.darkTheme .datepicker table tr td:hover {
    border-radius: 100%;
}

body.darkTheme .accordionInGreen .accordion-item .accordion-collapse {
    background: #77c6d1;
}

body.darkTheme .form-control {
    border: 1px solid #008091;
    background: #fff;
}

body.darkTheme ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item a.nav-link.active, body.darkTheme ul.nav.nav-pills.nav-fill.navTabTop.tabLeftNav li.nav-item a.nav-link:hover {
    color: #008091;
}

body.darkTheme .repsInfo span, body.darkTheme .repsInfo, body.darkTheme .clamTabs label.col-form-label.h2BlackLeft30Gray, body.darkTheme .repsInput span {
    color: #ffffff;
}

body.darkTheme .mobileNavBar .tab {
    background-color: #000;
}

body.darkTheme .moreMenuLink.moreMenuLinkOpen {
    background: #000;
}

body.darkTheme .moreMenuLink.moreMenuLinkOpen a.btnBtmNav .text, body.darkTheme .moreMenuLink.moreMenuLinkOpen a:last-child .text {
    color: #fff;
}

body.darkTheme .moreMenuList i img {
    filter: invert(1);
}

body.darkTheme .moreMenuLink.moreMenuLinkOpen a.btnBtmNav {
    border-bottom: 1px solid #b0b0b0;
}

body.darkTheme button#flipButtonBack, body.darkTheme button#flipButton {
    color: #fff;
}
body.darkTheme 
.painIcon ul li.active a span, body.darkTheme .painIcon ul li:hover a span {
    color: #fff;
}
/* BLACK CSS END */

/* App Menu css */
.mobileNavBar {
    display: none;
}

.addRoutingBox {
    background-image: url(../img/addRoutingBox.png);
}

.activeRoutingTitle {
    padding: 20px 0px 0px 20px;
}

.refreshBtn {
    top: 180px;
    right: -70px;
}

.navTabCenter .nav-item .nav-link {
    border: 1px solid #ff611a;
}

.refreshBtn span {
    background: #ff854e;
}

.activeRoutingTitle h3 {
    color: #1D262C;
}
.ConnectionClr:before {
    background: linear-gradient(90deg, #9c64dcc9 0%, #9c64dc00 100%) !important;
}
.ConditioningClr:before
{
    background: rgb(238,135,12);
background: linear-gradient(90deg, rgba(238,135,12,0.8184523809523809) 0%, rgba(238,135,12,0.017331932773109293) 100%)!important;
}
.blogDaily .page-title h1 {
    color: #505458!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
}
.accordion.termsConditions{
    color: #898989;
}
.termsConditions 
.accordion-button:not(.collapsed)::after
{
    background: none;
    content: "-";
    transform:initial;
    font-size: 40px;
    line-height: 20px;
}
.termsConditions 
.accordion-button::after{
    background: none;
    content: "+";
    transform:initial;
    font-size: 30px;
    line-height: 20px;
}
.termsConditions 
.accordion-button:not(.collapsed) {
    color: #898989;
    background-color: initial;
    box-shadow: initial;
}
.termsConditions 
.radio, .termsConditions  .checkbox {
    margin: 0px 0 10px;
}
.termsConditions 
.accordion-item {
    background-color: #fff;
    border: 4px solid #a1aca8;
    border-radius: 10px;
    margin-bottom:20px;
}
.termsConditions 
input[type="checkbox"]+label:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    position: absolute;
    top: -3px;
    left: 0;
    border: 2px solid #008091;
    background-color: #fff;
    border-radius: 5px;
}
.termsConditions h4{
    color: #008091;
}
.addRoutingDate {
    color: #4e5050;
}
.olNubmer { counter-reset: item }
.olNubmer li:before { content: counters(item, ".") " "; counter-increment: item;color: #008091; }
.olNubmer li::marker {  color: #008091; }
.olNubmer p:first-child {
    margin-top: -24px;
    margin-left: 20px;
}
.olNubmer p {
    margin-left: 20px;
}
.termsConditions h3.titleH3Blue {
    margin: 0px 0 20px 0;
}
.termsConditionsInfo h2.h2Black{
    color: #898989;
}
.termsConditionsInfo h2.h2Black{
    margin-left: 0px;
}
.carouselSlide .carousel-caption .logInBtn1.btnMrg1.splashBtn {   
    max-width: 300px;
    margin: 0 auto;
}

.carouselSlide .carousel-caption .logInBtn1.btnMrg1.splashBtn button {
    max-width: 300px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 22px;
}
.logInBtn1.btnMrg1.splashBtnBox {
    position: absolute;
    bottom: 30px;
    z-index: 11;
    width: 320px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.logInBtn1.btnMrg1.splashBtnBox button.btn {
    width: 100%;
    margin-top: 10px;
    font-size: 20px;
}
.logInBtn1.btnMrg1.splashBtnBox button.btn.btn-secondary {
    background: #fff;
    color: #1d262c;
}
.logInBtn1.btnMrg1.splashBtnBox 
.btn-secondary:hover {
    background: #494e54;
    color: #fff;
}
.splashSliderDot {
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 11;
}
.splashSliderDot .carousel-indicators {
    position: initial;
}
.splashSliderDot .logInBtn1.btnMrg1.splashBtnBox {
    position: initial;
}
.carouselSlide p {
    text-shadow: 0px -3px 4px #454545;
    font-size: 20px;
}
.btn.btn-primary.btn-primaryOutLine {
    border: 2px solid #4e5a61;
    background: #fff;
    color: #1D262C;
}
.btn.btn-primary.btn-primaryOutLine:hover {
    background: #494e54;
    color: #fff;
}
.checkbox.checkboxBlueText {
    color: #008091;
}
.checkbox.checkboxBlueText label {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}
.loginh3{ display: none;}
.logInBtn button.btn.btn-primary {
    width: 100%;
    font-size: 22px;
    min-height: 60px;
}
.newsBox.newsBoxInfoNew{
    position: relative;
}
.newsBox.newsBoxInfoNew:before {
    content: "";
    background: rgb(24, 166, 186);
    background:linear-gradient(90deg, #0342d77a 0%, #0342d730 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}
.Card2Clr:before {
    content: "";
    background: rgb(24, 166, 186);
    background: linear-gradient(90deg, #0342D7 0%, #0342d724 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}
.Card5Clr:before {
    content: "";
    background: rgb(24, 166, 186);
    background: linear-gradient(90deg, #008091 0%, #00809138 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}
.newsBox.Card5Clr .newsBoxNameBg th {
    font-weight: normal;
}
.newsBox.Card5Clr .newsBoxNameBg {
    color: #fff;
    font-weight: normal;
    font-size: 16px!important;
}
.accordion-item.accordAward .accordion-body {
    padding-top: 20px;
    padding-bottom: 24px;
}
.card.activitiesBg.ConnectionClr .activitieslevel {
    border-bottom: 3px solid #9C64DC;
}
.card.activitiesBg.ConditioningClr .activitieslevel {
    border-bottom: 3px solid #EE870C;
}
.card.activitiesBg.CognitionClr .activitieslevel {
    border-bottom: 3px solid #10BA98;
}
.activitiesList .card.activitiesBg .conditionText span.codiBtn {
    border-radius: 0;
    padding-left: 20px;
}
.activitiesList .card.activitiesBg .conditionText span.codiBtn {
    border-radius: 0;
}
.meVideoInfo {
    color: #7B8F97;
}
.activitiesList .activitieslevel img {
    width: 18px;
    filter: brightness(0) invert(1);
}
.activitieslevel ul li {
    font-size: 16px;
}
.favIcon {
    top: 12px!important;
    color: #008091 !important;
}
.activitieslevel ul li {
    vertical-align: text-bottom;
}
.meVideoInfo i img {
    filter: brightness(0) invert(1);
}
.accordion-item .accordion-collapse.collapseShow {
    display: block;
    height: 250px;
    overflow: hidden;
}
.alertsBox.alertsBoxFull {
    padding-left: 6px;
    padding-right: 6px;
}
.highcharts-axis-labels text {
    transform: rotate(0deg);
}
.dailyBanner img {
    max-width: 100%;
    height: auto;
}
#awardpopup .modal-content {
    background: rgb(207,241,239);
background: linear-gradient(0deg, rgba(207,241,239,1) 0%, rgba(205,229,232,1) 100%);
    /* background: url(../img/award_star.png); */
    /* background-color: #cfe7ed; */
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    text-align: center;
    background-position: center top;
}
#awardpopup .modal-content .updatedCheckImg {
    background: url(../img/award_star.png) no-repeat;
    width: 400px;
    background-size: cover;
    height: 400px;
    margin: 40px 0;
}
#awardpopup .modal-content .updatedCheckImg img {
    max-width: 230px;
    margin-top: 100px;
}
#awardpopup h2 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 0px;
}
#awardpopup p {
    font-size: 24px;
    font-weight: normal;
    margin-top: 30px;
}
#awardpopup h3 {
    font-size: 30px;
    font-weight: normal;
    margin-top: 0px;
    color: #008091;
    margin-bottom: 30px;
}
#awardpopup 
.awardPopInfo {
    max-width: 400px;
    margin:0 auto 30px;
}
#awardpopup .btn-primary{ min-width: 156px;}
.btn-light{
    min-height: 60px;
    border: 0px solid #fff;
    background: #fff;
    border-radius: 8px;
    min-width: 156px;
    font-weight: 700;
}
.btn-light:hover{
    background: #008091;
    color: #fff;
}
.toggle-eye-icon{
        position: absolute;
         top: 50%; 
         right: 15px; 
         transform: translateY(-50%); 
         cursor: pointer;
       }
        .p-r-30{
        padding-right: 30px !important;
       }    
      
       .font-14{
        font-size: 14px;
       }
       .font-13{
        font-size: 13px;

       }
       input[type='radio'] {
    width: 22px;
    height: 22px;
    vertical-align: top;
    accent-color: #3796ab;
}
input[type='radio']:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}
input[type='checkbox']:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

 input[type='checkbox']
 {
    width: 22px;
    height: 22px;
    margin-right: 14px;
    border: 1px solid #008091;
    background-color: #fff;
    border-radius: 5px;
 }
 .config_fieldset_legend{
    line-height: 1.1;
    font-size: 24px !important;
    color:#2395a9 !important ;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}