@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-ExtraBold.eot');
    src: url('../../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Light.eot');
    src: url('../../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-Light.woff2') format('woff2'),
        url('../../fonts/Poppins-Light.woff') format('woff'),
        url('../../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Medium.eot');
    src: url('../../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../../fonts/Poppins-Medium.woff') format('woff'),
        url('../../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Regular.eot');
    src: url('../../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../../fonts/Poppins-Regular.woff') format('woff'),
        url('../../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-SemiBold.eot');
    src: url('../../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Thin.eot');
    src: url('../../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../../fonts/Poppins-Thin.woff') format('woff'),
        url('../../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Bold.eot');
    src: url('../../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../../fonts/Poppins-Bold.woff') format('woff'),
        url('../../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --f-size-12:.75rem;
    --f-size-14:.875rem;
    --f-size-16: 1rem;
    --f-size-18: 1.125rem;
    --f-size-20: 1.25rem;
    --f-size-24: 1.5rem;
    --f-size-27: 1.688rem;
    --f-size-30: 1.875rem;
    --f-size-40: 2.5rem;

    --color-Black: #000000;
    --color-White: #ffffff;
    --color-Bubbles: #f7fdff;
    --color-PatrickBlue: #33c9d2;

    --color-Sonic-Silver:#777777;
    --color-Raisin-Black:#000000;
    --color-Atomic-Tangerine:#33c9d2;
    --color-light-blue:#defdff;
}

body {
    font-family: 'Poppins';
    font-weight: normal;
    font-size: var(--f-size-14);
    background-color: var(--color-Bubbles);
    color: var(--color-Sonic-Silver);
    line-height: 1.5;
    min-height: 100dvh;
    padding-left: calc(5.625rem + 1.25rem);
    /* padding-top:1.25rem; */
    transition: all 0.2s linear;

}
img, video, iframe, svg { max-width:100%; }
.btn { box-shadow:none !important; }
.line-H-1 { line-height:1; }
.line-H-1_1 { line-height:1.1; }
.line-H-1_2 { line-height:1.2; }
.line-H-1_3 { line-height:1.3; }
.line-H-1_4 { line-height:1.4; }
.line-H-1_5 { line-height:1.5; }
.line-H-1_6 { line-height:1.6; }
.line-H-1_7 { line-height:1.7; }
.line-H-1_8 { line-height:1.8; }
.line-H-1_9 { line-height:1.9; }

.f-W-M {font-weight: 500 !important;}
.f-W-SB {font-weight: 600 !important;}
.f-W-B {font-weight: bold !important;}
.f-W-N, .font-normal {font-weight: normal !important;}
a {text-decoration: none;}
strong, b {font-weight: bold;}
.object-cover {object-fit: cover;}
.cursor-pointer { cursor: pointer; }

.f-size-12{font-size: var(--f-size-12);}
.f-size-14{font-size: var(--f-size-14);}
.f-size-16{font-size: var(--f-size-16);}
.f-size-18{font-size: var(--f-size-18);}
.f-size-20{font-size: var(--f-size-20);}
.f-size-24{font-size: var(--f-size-24);}
.f-size-27{font-size: var(--f-size-27);}
.f-size-30{font-size: var(--f-size-30);}
.f-size-40{font-size: var(--f-size-40);}

.color_Silver{color: var(--color-Sonic-Silver);}
.color_orange{color: var(--color-Atomic-Tangerine);}
.color_Raisin_Black{color: var(--color-Raisin-Black);}
.color_PatrickBlue{color: var(--color-PatrickBlue);}

.mb__10{margin-bottom: 0.625rem;}
.mb__20{margin-bottom: 1.25rem;}
.mb__25{margin-bottom: 1.563rem;}
.mb__30{margin-bottom: 1.875rem;}
.mb__35{margin-bottom: 2.188rem;}
.mb__40{margin-bottom: 2.5rem;}

.lastP p:last-child{
    margin-bottom: 0 !important;
}

body.sidebar-hovered{padding-left: calc(20rem + 1.25rem);}
.main-pgWrapp {display: flex; flex-direction: column; min-height: calc(100dvh - 5.625rem); padding: 1.25rem;}
.main_Sidebar{position: fixed; left: 0; top: 0;z-index: 1048; overflow: hidden; width: 5.625rem; background-color: #ffffff; border-right: 1px solid var(--color-BrightGray); display: flex; flex-direction: column; padding-bottom: 1rem; transition: all .2s ease-in-out; margin: 1.25rem 0 0 1.25rem; border-radius: 1.625rem; padding: 0;}
.main_Sidebar .main-logoWrapper {justify-content: center; align-items: center;  display: flex; padding: 1.25rem 0.625rem 1.625rem; cursor: pointer; height: 6.25rem;}
.main_Sidebar .main-logoWrapper .siteLogo{max-width: 4.688rem; transition: .3s;}
.main_Sidebar:hover .main-logoWrapper .siteLogo{max-width: 8.688rem;}
.main_Sidebar .cstNavigation{padding:0 1.25rem 1.25rem; gap: 0.625rem; overflow: hidden;}
.main_Sidebar .cstNavigation .nav-item .nav-link{padding:0.625rem 0.813rem; height: 3.125rem; border-radius: 0.938rem; font-size: var(--f-size-20); line-height: 1; color: var(--color-Raisin-Black); width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 0.625rem;}
.main_Sidebar .cstNavigation .nav-item .nav-link .navIcon{color: var(--color-Raisin-Black); font-size: var(--f-size-24);}
.main_Sidebar .cstNavigation .nav-item > .nav-link.active, .main_Sidebar .cstNavigation .nav-item > .nav-link:hover{background-color: var(--color-PatrickBlue); color: #ffffff ;}
.main_Sidebar .cstNavigation .nav-item .nav-link:hover .navIcon, .main_Sidebar .cstNavigation .nav-item > .nav-link.active .navIcon{color: #ffffff;}
.navin_Wrp{max-height: calc(100dvh - 8.75rem); overflow: auto;}
.main_Sidebar .cstNavigation .nav-item .nav-link .navTxt{width: 0; opacity: 0; display: none;}
.main_Sidebar:hover .cstNavigation .nav-item .nav-link .navTxt{width: auto; opacity: 1; display: block}
.main_Sidebar:hover{width: 20rem;}
.mainHeader{padding: 1.25rem; background-color: var(--color-Bubbles); position: sticky; top: 0; z-index: 99;}
.headerSearch{width: 360px; position: relative;}
.headerSearch .topSearch, .topSearch{padding: 0.75rem; padding-right: 3.125rem; background-color: #ffffff; border: none; line-height: 1; outline: none; width: 100%; border-radius: 0.625rem; font-size: var(--f-size-16);}
.headerSearch::before{content: ""; width: 1.563rem; height: 1.563rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0.875rem; background-image: url(../../../public/custom-img/search-icon.svg); background-size: contain; background-repeat: no-repeat;}
.notification-Btn{background-color: #ffffff !important; padding: 0; width: 3.125rem; height: 3.125rem; opacity: 1; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center; position: relative; font-size: var(--f-size-24); border: 0; outline: 0;}
.notifyCount{background-color: var(--color-Atomic-Tangerine); position: absolute; top: -5px; right: -5px; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-radius: 100px; color: #ffffff; font-size: var(--f-size-12);} 
.dropdown-toggle::after{display: none;}
.notifi-DropDown{padding: 0.625rem; margin-top: 0.938rem !important; border: none; border-radius: 1.25rem; min-width: 12.5rem;}
.notifyWrp .notifi-DropDown{width: 20.625rem;}
.notifi-DropDown::before{ content: ""; width: 0;  position: absolute; top: -0.938rem; right: 0; height: 0; border-top: 1.25rem solid transparent; border-bottom: 1.25rem solid transparent; border-right:1.25rem solid #ffffff; }
.title-Line{position: relative;}
.title-Line:before{content: "";  position: absolute; bottom: 0; width: 60px; height: 2px; background-color: var(--color-Atomic-Tangerine);}
.seeAll-btn{color: var(--color-Atomic-Tangerine) !important; line-height: 1; border: 1px dashed #EEEEEE !important; padding: 8px; display: flex; align-items: center; gap: 10px; white-space: nowrap;}
.seeAll-btn.borderDark{border-color: var(--color-Atomic-Tangerine) !important;}
.cstScrollbar{overflow: auto; max-height: 355px;}
.notification-List .notificationItem{border: 1px solid #EAF9FF; border-radius: 0.75rem; padding: 0.625rem; background-color: var(--color-White); transition: .3s;}
.notification-List .notificationItem:hover{background-color: var(--color-Bubbles); cursor: pointer;}
.notificationItem .notifiThumb{width: 60px; height: 60px; min-width: 60px; border-radius: 8px; overflow: hidden;}
.notifiTab .nav-link{background-color: #EAF9FF; border: none; outline: none; font-size: var(--f-size-14); line-height: 1; border-radius: 0.313rem; color: var(--color-PatrickBlue);}
.notifiTab .nav-link.active{background-color: var(--color-PatrickBlue); color: var(--color-White);}
.profileView{display: flex; gap: 0.625rem; align-items: center; background-color: #ffffff; border-radius: 0.625rem; padding: 0.313rem; padding-right: 0.625rem;}
.profileView .userThumb{width: 2.5rem; height: 2.5rem; min-width: 2.5rem; border-radius: 8px; overflow: hidden;}
.profileView .userName{color: #222222;}
.profileList .profileItem .profileLink{padding: 0.625rem 0.938rem; background-color: #ffffff; border: 1px solid #ffffff; display: block; line-height: 1; border-radius: 0.625rem; color: #222222; font-size: var(--f-size-16); display: flex; align-items: center; gap: 0.625rem; transition: .3s;}
.profileList .profileItem .profileLink.active, .profileList .profileItem .profileLink:hover{ background-color: var(--color-light-blue); border: 1px solid var(--color-Atomic-Tangerine); }
.profileList .profileItem .profileLink .icon{font-size: var(--f-size-24); color: var(--color-Atomic-Tangerine);}


.colGride-6 {grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr)); display: grid; gap: 1.2rem;}
.colGride-4 {grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr)); display: grid; gap: 1.2rem;}
.cardBx{box-shadow: 0px 0.313rem 1.25rem -0.625rem #CECECE; border: 1px solid #EEEEEE; border-radius: 0.938rem; background-color: #ffffff; padding: 0.625rem;}
.tickets-BxWrp{max-height: 290px;}
.ticketsListItem{display: flex; gap: 0.5rem;}
.ticketsListItem .ticketsThumb{width: 50px; height: 50px; min-width: 50px; border-radius: 100%; overflow: hidden;}
.ticketsListItem .ticketsThumb img{width: 100%; height: 100%; object-fit: cover;}
.ticketsListItem{margin-bottom: 0.625rem; padding-bottom: 0.625rem; border-bottom: 1px solid #FFE3D0;}
.cstTable{border-radius: 0.625rem; overflow: hidden;}
.cstTable thead>tr>th{background-color: var(--color-light-blue); color: #222222; font-weight: 500;}
.cstTable thead>tr>th, .cstTable tbody>tr>td{padding:13px 0.625rem; border-bottom: 1px solid var(--color-light-blue);}
.actionBtn{background-color: var(--color-light-blue) !important; color: var(--color-Atomic-Tangerine) !important; padding: 0.313rem; line-height: 1; border: none; border-radius: 6px; font-size: var(--f-size-18); width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center;}
.cstTable.tableT2 thead>tr>th{background-color: var(--color-PatrickBlue); color: #ffffff; font-weight: 500;}
.cstTable.tableT2 thead>tr>th, .cstTable.tableT2 tbody>tr>td{ border-bottom: 1px solid rgba(17, 14, 94, 0.3);}
.blogCard{background-color: #ffffff; padding: 0.938rem; border-radius: 0.938rem;}
.blogCard .blogThumb{border-radius: 0.625rem; overflow: hidden; display: block; border: 1px solid #EEEEEE;}
.cstSlider .cstSliderItem{padding: 0 0.938rem;}
.cstSlider {margin: 0 -0.938rem;}
.cstSlider .slick-prev, .cstSlider .slick-next{background-color: var(--color-Atomic-Tangerine); z-index: 99; padding: 0.313rem; border-radius: 100%; width: 2rem; height: 2rem;}
.cstSlider .slick-next{right: -0.5rem;}
.cstSlider .slick-prev{left: -0.5rem;}
.cstSlider .slick-next:before{content: "\e911"; font-family:'pt-icon' !important; font-size: var(--f-size-12);}
.cstSlider .slick-prev:before{content: "\e912"; font-family:'pt-icon' !important; font-size: var(--f-size-12);}

/* cst scroller */
.mCSB_inside>.mCSB_container { margin-right: 0.625rem; }
.mCSB_scrollTools { width: 0.313rem; opacity: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: var(--color-PatrickBlue) !important; }
.mCSB_scrollTools .mCSB_draggerRail{ background-color: #D9D9D9; width: 4px; }
.navin_Wrp .mCSB_inside>.mCSB_container {
    margin-right: 0;
}
/* cst scroller End*/

/* staff-main */
.logPg-Wrp{min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.875rem;}
.logForm{padding: 1.875rem; background-color: #FFFFFF; border-radius: 1.875rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.pt-cstbtn{background-color: var(--color-PatrickBlue) !important; color: var(--color-White) !important; border-radius: 0.625rem; font-size: var(--f-size-18); padding: 0.875rem 1.875rem; line-height: 1; border: 1px solid var(--color-PatrickBlue) !important;}
.pt-cstbtn:hover, .pt-cstbtn.btnfill2:hover{background-color: #25b4bd !important; color: #ffffff !important;}
.pt-cstbtn.btn-orange{background-color: var(--color-Atomic-Tangerine) !important; border-color: var(--color-Atomic-Tangerine) !important;}
.pt-cstbtn.min-W{min-width: 200px;}
.pt-cstbtn.btnfill2{background-color: transparent !important; color: var(--color-PatrickBlue) !important;}
.pt-cstbtn.btn-orange{background-color: var(--color-Atomic-Tangerine) !important; border-color: var(--color-Atomic-Tangerine) !important;}
.googleBtn{background-color: #ffffff !important; color: var(--color-Sonic-Silver) !important; border: none !important;  border-radius: 0.625rem; font-size: var(--f-size-18); padding: 0.875rem 1.875rem; line-height: 1; display: flex; align-items: center; justify-content: center; gap: 0.625rem;}
.formGrup .cstInput{background-color: #ffffff; height: 3.25rem; line-height: 1; border: 1px solid #EEEEEE; font-size: var(--f-size-16); padding: 0.75rem 1.25rem; box-shadow: none; border-radius: 0.625rem;}
.formGrup .cstLable{color: var(--color-Raisin-Black); font-size: var(--f-size-16); margin-bottom: 5px;}
.formGrup.invalid>.cstLable{color: #9C0E0E;}
.formGrup.invalid>.cstInput{border-color: #9C0E0E;}
.formGrup>.inp-error{font-size: var(--f-size-14); color: #9C0E0E;}
.formGrup.invalid>.inp-error{display: block !important; margin-top: 2px; }
.formGrup.invalid .cstInput{
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.formGrup .iconField { position: relative; }
.logLogo{max-width: 6.25rem;}
.googleIcon{width: 1.25rem; height: 1.25rem;}
.formGrup .iconField .inputIcon { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); line-height: 1; display: inline-flex; font-size: 20px; color: #AFAFAF; }
.selectDropdown .dropdown-toggle{background-color: #ffffff !important; color: var(--color-PatrickBlue) !important; position: relative; min-width: 130px; font-size: var(--f-size-18); padding: 10px; padding-right: 30px; line-height: 1; border: none; display: flex; gap: 10px;}
.selectDropdown .dropdown-toggle:after{content: '\e90e'; display: block; border: none; font-family: 'pt-icon' !important; color: var(--color-PatrickBlue); position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.selectDropdown .dropdown-menu{min-width: auto; width: 100%; border-radius: 8px; border: none;}
.selectDropdown .dropdown-menu .dropdown-item{background-color: #ffffff; color: var(--color-PatrickBlue); font-size: var(--f-size-18); padding:5px 10px; display: flex; align-items: center; gap: 10px;}
.cst-breadcrumb .breadcrumb-item, .cst-breadcrumb .breadcrumb-item a{color: var(--color-Sonic-Silver);}
.cst-breadcrumb{margin-bottom: 0;}

select.cst-f-Field { background-image: url("../images/dropdown-arrow.svg"); background-repeat: no-repeat; background-position: center right 1.125rem; background-size: .813rem auto; padding-right: 2.188rem; }
.cst-f-Field::-webkit-input-placeholder { color: #6B7280; }
.cst-f-Field::-moz-placeholder { color: #6B7280; }
.cst-f-Field:-ms-input-placeholder { color: #6B7280; }
.cst-f-Field:-moz-placeholder { color: #6B7280; }
.form-control.cst-f-select {background-color: transparent;}
.bootstrap-select.cst-f-select .dropdown-toggle { display: flex; align-items: center; height: 3.25rem; border-radius: .75rem; padding: .625rem 2.188rem .625rem 1rem; border: 1px solid #EEEEEE; background-color: #ffffff !important; outline: none !important; font-size: var(--f-size-16); }
.bootstrap-select.cst-f-select .dropdown-toggle.bs-placeholder {color: #6B7280;}
.bootstrap-select.cst-f-select .dropdown-toggle .filter-option {height: auto;}
.bootstrap-select.cst-f-select .dropdown-toggle .filter-option-inner-inner {text-overflow: ellipsis;}
.bootstrap-select.cst-f-select .dropdown-toggle::after { font-family: 'pt-icon' !important; content: "\e90e"; width: .75rem; height: .75rem; font-size: .75rem; line-height: 1; border: none; display: flex; justify-content: center; align-items: center; position: absolute; right: 1.125rem; color: #2F2A86; margin: 0; top: 50%; transform: translateY(-50%); }
.bootstrap-select.cst-f-select div.dropdown-menu {  border-radius: .75rem; box-shadow: 0px 3px 15px rgba(255, 255, 255, 0.5); padding-top: 1rem; padding-bottom: .5rem; margin: 0 !important; font-size: var(--f-size-16); }
.bootstrap-select.cst-f-select ul.dropdown-menu {font-size: var(--f-size-14);}
.bootstrap-select.cst-f-select ul.dropdown-menu .dropdown-item {padding: .438rem 1.375rem;}
.bootstrap-select.cst-f-select ul.dropdown-menu .dropdown-item:hover, .bootstrap-select.cst-f-select ul.dropdown-menu .dropdown-item.active, .bootstrap-select.cst-f-select ul.dropdown-menu .dropdown-item:active {background-color: #DCDAFF;color: var(--color-Black);}
.bootstrap-select.cst-f-select div.dropdown-menu .bs-searchbox { padding: 0 1rem 1rem 1rem; position: relative; }
.bootstrap-select.cst-f-select div.dropdown-menu .bs-searchbox::before { font-family: 'ms-icons'; content: "\e924"; width: 1rem; height: 1rem; font-size: var(--f-size-14); line-height: 1; border: none; display: flex; justify-content: center; align-items: center; position: absolute; left: 1.563rem; color: #6B7280; margin: 0; top: .563rem; pointer-events: none; }
.bootstrap-select.cst-f-select div.dropdown-menu .bs-searchbox .form-control {border-color: #D0D5DD; height: 2.188rem;border-radius: .25rem;box-shadow: none !important;font-size: var(--f-size-14);color: var(--color-Black);padding: 5px 15px 5px 30px;}
.bootstrap-select.cst-f-select.styleSm .dropdown-toggle {font-size: var(--f-size-14);font-weight: 500; height: 2.375rem; border-radius: .25rem;padding: .25rem 1.563rem .25rem .625rem;}
.bootstrap-select.cst-f-select.styleSm  .dropdown-toggle::after { font-size: .625rem; right: .563rem; }
.bootstrap-select.cst-f-select.styleSm  div.dropdown-menu {border-radius: .25rem;}

/* staff-main End*/

.staff_card{padding: 10px; background-color: #ffffff; border-radius: 20px;}
.staff_card .staffProfile{overflow: hidden; border-radius: 10px;}
.staffTitle{position: relative;}
.staffTitle:after{content: ''; position: absolute; bottom: 0; width: 100px; left:50%; transform: translateX(-50%); height: 2px; background-color: var(--color-Atomic-Tangerine);}

.pt-innCta{background-color: #ffffff !important; border: none; padding: 10px 15px; color: var(--color-PatrickBlue) !important; font-weight: 500; line-height: 1; display: flex; align-items: center; gap: 10px;}
.userListFrofile{overflow: hidden; width: 40px; height: 40px;}
.userListFrofile img{width: 100%; height: 100%; object-fit: cover;}
.badge-lable{padding: 5px 10px; font-size: var(--f-size-12); color: #222222; border-radius: 10px; line-height: 1; color: #ffffff;}
.badge-lable.lab-red{background-color: red;}

.avatar-upload { position: relative; width: 150px; height: 150px; margin: auto; margin-bottom: 20px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
.avatar-upload .avatar-edit { position: absolute; right: 0; z-index: 1; top: 90px; }
.avatar-upload .avatar-edit input { display: none; }
.avatar-upload .avatar-edit input + label { display: inline-block; width: 34px; height: 34px; margin-bottom: 0; border-radius: 100%; background: #FFFFFF; border: 1px solid #d2d6de; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); cursor: pointer; font-weight: normal; transition: all 0.2s ease-in-out; position: relative; }
.avatar-upload .avatar-edit input + label:hover { background: #f1f1f1; border-color: #d6d6d6; }
.avatar-upload .avatar-edit input + label:after { content: "\f030"; font-family: 'FontAwesome'; color: #000000; position: absolute; left: 0; right: 0; text-align: center; line-height: 34px; margin: auto; }
.avatar-preview{ width: 150px; height: 150px; border-radius: 100%; overflow: hidden; }
.avatar-preview img{ width: 100%; height: 100%; object-fit: cover; }

/* By MS */
.td-w-300 { max-width: 18.75rem;min-width: 18.75rem;}
.td-w-250 { max-width: 15.625rem;min-width: 15.625rem;}
.td-w-200 { max-width: 12.5rem;min-width: 12.5rem; }
.td-w-180 { max-width: 11.25rem;min-width: 11.25rem;}
.td-w-150 { max-width: 9.375rem;min-width: 9.375rem;}
.td-w-120 { max-width: 7.5rem;min-width: 7.5rem;}
.td-w-100 { max-width: 6.25rem;min-width: 6.25rem;}
.td-w-80 { max-width: 5rem;min-width: 5rem;width: 5rem;}
.td-w-50 { max-width: 3.125rem;min-width: 3.125rem;width: 3.125rem;}

.td-min-w-300 { min-width: 18.75rem;}
.td-min-w-250 { min-width: 15.625rem;}
.td-min-w-200 { min-width: 12.5rem; }
.td-min-w-180 { min-width: 11.25rem;}
.td-min-w-150 { min-width: 9.375rem;}
.td-min-w-120 { min-width: 7.5rem;}
.td-min-w-100 { min-width: 6.25rem;}
.td-min-w-80 { min-width: 5rem;}
.td-min-w-50 { min-width: 3.125rem;}

.col-sz-managerProfile { min-width: 22.125rem; max-width: 22.125rem; }
.managerProf-info-list > li:not(:last-child) {margin-bottom: .813rem;}
.managerProf-detail-label {display: flex;gap: .188rem; min-width: 6.75rem;}
.managerProf-detail-label .label-colon {margin-left: auto;} 
.statusCircle {min-width: 20px;height: 20px;border-radius: 100%;border: 6px solid transparent;}
.statusCircle.active {border-color: #7EFFB1;}
.statusCircle.pending {border-color: #FFB2B2;}
.statusCircle.unpublish {border-color: #7EF7FF;}
.statusCircle.rejected {border-color: #FF7E7E;}
.statusCircle.improvement {border-color: #FFF629;}
.cstBtn-style-2 {border: 1px dashed #FFA05D !important;background-color: transparent !important; color: var(--color-Sonic-Silver) !important;border-radius: .438rem;font-size: var(--f-size-16);display: inline-flex;align-items: center; gap: .75rem; padding: .313rem 1rem;}
.cstBtn-style-2 .icon {font-size: var(--f-size-20);}
.blogSidebar-col-w {min-width: 21.25rem;max-width: 21.25rem;}
.title-Line.line-center:before {left: 50%; transform: translateX(-50%); }
.dr_ratingWord_h {max-height: 25rem;}
.grid-3Col {grid-template-columns: repeat(auto-fill, minmax(23.75rem, 1fr));display: grid;gap: 1.2rem;}
.text-truncate-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.border-cst-1 {border: 1px solid #EEEEEE;}
.blogCard .blogThumb .thumb-img { height: 13.625rem; width: 100%; object-fit: cover; }
.dropdown-menu.cstDropdown-menu {font-size: var(--f-size-14);box-shadow: 0px 0.313rem 1.25rem -0.625rem #CECECE;border: 1px solid rgba(0, 0, 0, 0.05);min-width: 6.25rem;border-radius: .5rem;}
.dropdown-menu.cstDropdown-menu .dropdown-item {padding: .313rem .875rem;color: #222222;}
.dropdown-menu.cstDropdown-menu .dropdown-item:hover, .dropdown-menu.cstDropdown-menu .dropdown-item:focus {background-color: #FFE3D0;color: #222222;}
.grid-category {grid-template-columns: repeat(auto-fill, minmax(7.813rem, 1fr));display: grid;gap: 1.2rem;}
.categoryItem {display: block; color: var(--color-Sonic-Silver);}
.categoryItem .iconWrap {width: 3.25rem;height: 3.25rem;display: flex;justify-content: center;align-items: center;margin: 0 auto .5rem auto;}
.datepicker {color: #000;}
.datepicker td, .datepicker th { width: 1.625rem; height: 1.875rem; }
.datepicker thead th {font-weight: 500;}
.datepicker.datepicker-inline { border: 1px solid #EEEEEE; border-radius: .75rem; }
.calendarFull .datepicker.datepicker-inline, .calendarFull .datepicker.datepicker-inline table {width: 100%;}
.cstCalendar .datepicker th.prev, .cstCalendar .datepicker th.next {position: relative;font-size: 0;}
.cstCalendar .datepicker th.prev::before, .cstCalendar .datepicker th.next::before {position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-family: 'pt-icon';font-size: var(--f-size-14);display: flex;justify-content: center;align-items: center;}
.cstCalendar .datepicker th.prev::before {content: "\e912";}
.cstCalendar .datepicker th.next::before {content: "\e911";}

.cstCalendar .datepicker table tr td.today, .cstCalendar .datepicker table tr td.today.disabled, .cstCalendar .datepicker table tr td.today.disabled:hover, .cstCalendar .datepicker table tr td.today:hover { background-color: #FFE3D0; background-image:none; color: #000; }
.cstCalendar .datepicker table tr td.day.focused, .cstCalendar .datepicker table tr td.day:hover { background-color: #FFE3D0; color: #000; }
.cstCalendar .datepicker table tr td.active, .cstCalendar .datepicker table tr td.active.disabled, .cstCalendar .datepicker table tr td.active.disabled:hover, .cstCalendar .datepicker table tr td.active:hover, .cstCalendar .datepicker table tr td span.active.active, .cstCalendar .datepicker table tr td span.active.disabled.active, .cstCalendar .datepicker table tr td span.active.disabled:active, .cstCalendar .datepicker table tr td span.active.disabled:hover.active, .cstCalendar .datepicker table tr td span.active.disabled:hover:active, .cstCalendar .datepicker table tr td span.active:active, .cstCalendar .datepicker table tr td span.active:hover.active, .cstCalendar .datepicker table tr td span.active:hover:active { background-color: var(--color-PatrickBlue) !important; background-image:none; color: #fff; text-shadow: none; }

.available_timeForm_wrap { max-width: 25rem; }
.available_timeForm_wrap .pt-cstbtn { font-size: var(--f-size-16); padding: .438rem .875rem; border-radius: .5rem; min-width: 5.625rem; padding: .375rem .625rem; }
.available_timeForm_wrap .form-control {border-color: transparent !important;box-shadow: none !important;height: 2.25rem;color: var(--color-PatrickBlue) !important;font-size: var(--f-size-18);}
.field_MngBtn {position: relative;}
.field_MngBtn .form-control {padding-right: 8.75rem;height: 3rem;}
.field_MngBtn .field-btn { position: absolute; z-index: 1; top: .313rem; right: .313rem; bottom: .313rem; padding: .313; display: inline-flex; justify-content: center; align-items: center; min-width: 7.5rem; }
.tag-badge { border: 1px solid #e3e3e3; border-radius: 1.25rem; line-height: 1.2; padding: .375rem 1rem; display: inline-flex; }
.chargeField-mx-w {max-width: 35rem;}
.dtlImg-mng-h {max-height: 31.25rem;}
/* End By MS */

.form-check-input:checked{background-color: var(--color-PatrickBlue); border-color: var(--color-PatrickBlue);}
.cstPageination{justify-content: end;}
.cstPageination .page-link{background-color: var(--color-PatrickBlue); color: #ffffff; width: 35px; height: 35px; text-align: center; border-radius: 10px !important; display: flex; align-items: center; justify-content: center;}
.cstStl_accordion .accordion-item:first-child {border-top-width: 1px;}
.cstStl_accordion .accordion-item {border-radius: 0; border-width: 0 0 1px 0;border-color: #eeeff1;}
.cstStl_accordion .accordion-header {padding-top: .75rem;padding-bottom: .75rem;}
.cstStl_accordion .accordion-header .accordion-button {width: auto; border-radius: 0 !important; padding: 0; background-color: var(--color-Atomic-Tangerine); border-radius: 5px !important; padding: 5px; color: #ffffff; box-shadow: none; outline: none !important; font-weight: normal;}
.cstStl_accordion .accordion-header .accordion-button .icon { display: flex; align-items: center; justify-content: center; width: .938rem; height: .938rem; color: var(--color-DarkBlue); transition: all 0.2s linear; }
.cstStl_accordion .accordion-header .accordion-button.collapsed .icon {transform: rotate(-180deg);}
.cstStl_accordion .accordion-header .accordion-button::after {margin: 0;display: none;}

.custom-checkBx {-webkit-appearance: none; appearance: none;}
.custom-checkBx {width: 1.125rem;height: 1.125rem; border: 1px solid var(--color-PatrickBlue); padding: 0; cursor: pointer;border-radius: 0;display: inline-flex;}
.custom-checkBx::before { content: "\e913"; width: 100%; height: 100%; position: relative; font-family: 'pt-icon' !important; display: inline-flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; font-size: .625rem; }
.custom-checkBx:checked{background-color:  var(--color-PatrickBlue);color: #fff;}
.custom-checkBx:checked::before {visibility: visible;opacity: 1;}
.custom-checkBx:disabled{opacity: .3; pointer-events: none;}

.fileUpl { background-color: #ffffff; height: 3.25rem; line-height: 1; border: 1px solid #EEEEEE; font-size: var(--f-size-16); padding: 0.75rem 1.25rem; box-shadow: none; border-radius: 0.625rem; display: flex; align-items: center;}
.fileUpl input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}

.cstModal{ padding: 25px; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border: 1px solid #ccc; z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 15px; width: 500px; text-align: center; }
.modalicon{max-width: 50px; margin-bottom: 10px;}
.dr-services_card{padding: 10px; background-color: #ffffff; border-radius: 20px;}
.dr-services_card .servicesImg{overflow: hidden; border-radius: 10px; display: block;}
.patientWord{padding: 10px; background-color: #EAF9FF; border-radius: 10px;}

.text-truncate-2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width:1399px){
    html {font-size:88%;}

    body.sidebar-hovered{padding-left: calc(18rem + 1.25rem);}
    .main_Sidebar:hover { width: 18rem; }

    /* .logLogo{max-width: 60px;} */
}


@media (max-width:767px){
    html {font-size:75%;}
}