/* @ INIT */

/* # FONTS */


/* ## CSS RESET */
* {
    box-sizing: border-box;font-weight: 400;}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ******************************************** */
/* @ CLASSES */

/* # */

/* 

LIGHT: 400
REGULAR: 500
SEMI BOLD: 600
BOLD: 700

*/


/* UTILITIES */
.calendar-heading{
    margin-top: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    
}
.calendar-heading-color{
    color: #18181B;
}
.new-badge {
    margin-top: 10px;
    display: inline-block;
    padding: 4px 3px;
    border-radius: 3px;
    background: linear-gradient(135deg, #ff7a5c, #ff007a);
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 1;
  }
.csr-pointer {
    cursor: pointer;
}

.click-disabled {
    pointer-events: none;
}

.white-space-nowrap {
    white-space: nowrap;
}

.elps-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* LAYOUT */

.dsp-block {
    display: block;
}

.dsp-flex {
    display: flex;
}

.dsp-inb {
    display: inline-block;
}

.pos-rel {
    position: relative;
}

.algn-mid {
    vertical-align: middle;
}

.algn-cntr {
    text-align: center;
}
.algn-item {
    align-items: center;
}

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

.flex-01 {
    flex: 1;
}
.aln-i-c{align-items:center}
.jst-c-sb{justify-content:space-between}
.flex-a-cntr {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-v-cntr {
    display: flex;
    justify-content: center;
}

.flex-h-cntr {
    display: flex;
    align-items: center;
}
.flx-algn-c{align-items: center;}
.justify-content-between {
    justify-content: space-between;
}

.flex-dir-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* FONTS */

.fs8px {
    font-size: 0.5rem;
}

.fs9px {
    font-size: 0.563rem;
}

.fs10px {
    font-size: 0.625rem;
}

.fs11px {
    font-size: 0.688rem;
}

.fs12px {
    font-size: 0.75rem;
}

.fs13px {
    font-size: 0.813rem;
}

.fs14px {
    font-size: 0.875rem;
}

.fs15px {
    font-size: 0.938rem;
}

.fs16px {
    font-size: 1rem;
}

.fs17px {
    font-size: 1.063rem;
}

.fs18px {
    font-size: 1.125rem;
}

.fs19px {
    font-size: 1.188rem;
}

.fs20px {
    font-size: 1.25rem;
}

.fs24px {
    font-size: 1.5rem;
}
.line-h0{line-height: 0;}
.line-h1 {
    line-height: 1;
}
.line-h14 {
    line-height: 14px;
}
.line-h16 {
    line-height: 16px;
}
.line-h16i {
    line-height: 16px !important;
}
.line-h18 {
    line-height: 18px;
}
.line-h20 {
    line-height: 20px;
}
.line-h22 {
    line-height: 22px !important;
}
.line-h24 {
    line-height: 24px;
}
.line-h26 {
    line-height: 26px;
}
.line-h34 {
    line-height: 34px;
}
.algn-mid {
    vertical-align: middle;
}

.h22 {
    height: 22px;
}

.h30 {
    height: 30px;
}

.wh46 {
    width: 46px;
    height: 46px;
}

.wh15{
    width: 15px;
    height: 15px;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}
.h100{height: 100%;}
.img-responsive {
    max-width: 100%;
}

/* COLORS */

/* Black */
.clr01 {
    color: #000;
}

.clr03 {
    color: #333;
}

.clr04 {
    color: #4f4f4f;
}
.clr04f-i {
    color: #4f4f4f !important;
}
.clr05 {
    color: #555758;
}

.clr06 {
    color: #696969;
}

.clr07 {
    color: #CCCCCC;
}

.clr08 {
    color: #828282;
}

.clr09 {
    color: #999999;
}
.clr85{color: #858585;}

.bgclr00 {
    background-color: transparent;
}

.bgclr01 {
    background-color: #000;
}
.bgclr03 {
    background-color: #333;
}

/* White */
.clr11 {
    color: #fff;
}

.clr12 {
    color: #f5f5f5;
}

.clr13 {
    color: #A0A0AB;
}

.bgclr11 {
    background-color: #fff;
}

.bgclr12 {
    background-color: #f5f5f5;
}

.bgclr13 {
    background-color: #F9F9F9;
}

.bgclr16 {
    background-color: #e6e6e6;
}

/* Red */
.clr21 {
    color: #ff3d3d;
}

.clr22 {
    color: #eb5757;
}

.clr23 {
    color: #FF3D3D !important;
}

.bgclr23 {
    background-color: #FF3D3D;
}

.bgclr24 {
    background-color: #F97066;
}
.clr202{color:#F20202}
/* Blue */
.clr31 {
    color: #0087e2;
}

.clr32 {
    color: #2f80ed;
}

.bgclr31 {
    background-color: #0087e2;
}

.bgclr34 {
    background-color: #2E90FA;
}
.brdr-clr4f{border-color:#4f4f4f}

/* Green */
.clr41 {
    color: #6fcf97;
}

.clr42 {
    color: #6fcf97;
}
.clr-1b{color:#18181B}

.clr43 {
    color: #00CA67 !important;
}

.clr-c26{color: #FE9C26}
.clr-5c{color:#51525C}
/* SPACING */

.mar-0 {
    margin: 0;
}
.mar-t0 {
    margin-top: 0;
}
.mar-t24 {
    margin-top: 24px;
}
.mar-v24 {
    margin-top: 24px;
    margin-bottom: 24px;
}
.mar-b4 {
    margin-bottom: 4px;
}
.mar-b5 {
    margin-bottom: 5px;
}
.mar-b6 {
    margin-bottom: 6px;
}

.mar-b8 {
    margin-bottom: 8px;
}

.mar-b10 {
    margin-bottom: 10px;
}
.mar-b12 {
    margin-bottom: 12px;
}
.mar-b24 {
    margin-bottom: 24px;
}
.mar-h3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mar-h8 {
    margin-left: 8px;
    margin-right: 8px;
}
.mar-r8{margin-right: 8px;}
.mar-l4 {
    margin-left: 4px;
}

.mar-l6 {
    margin-left: 6px;
}

.mar-l8 {
    margin-left: 8px;
}

.mar-l10 {
    margin-left: 10px;
}

.mar-l16 {
    margin-left: 16px;
}

.mar-r4 {
    margin-right: 4px;
}

.mar-r6 {
    margin-right: 6px;
}

.mar-r12 {
    margin-right: 12px;
}

.mar-t6 {
    margin-top: 6px;
}

.mar-t8 {
    margin-top: 8px;
}

.mar-t16 {
    margin-top: 16px;
}

.pad-0 {
    padding: 0;
}
.pad-t0{padding-top: 0;}
.pad-b0{padding-bottom: 0;}

.pad-a6 {
    padding: 6px;
}

.pad-a24 {
    padding: 24px;
}

.pad-b4 {
    padding-bottom: 4px;
}

.pad-b6 {
    padding-bottom: 6px;
}

.pad-b8 {
    padding-bottom: 8px;
}

.pad-b10 {
    padding-bottom: 10px;
}

.pad-b12 {
    padding-bottom: 12px;
}

.pad-b16 {
    padding-bottom: 16px;
}

.pad-b20 {
    padding-bottom: 20px;
}

.pad-b24 {
    padding-bottom: 24px;
}

.pad-h4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pad-h6 {
    padding-left: 6px;
    padding-right: 6px;
}

.pad-h8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pad-h10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pad-h12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pad-h14 {
    padding-left: 14px;
    padding-right: 14px;
}

.pad-h16 {
    padding-left: 16px;
    padding-right: 16px;
}

.pad-h24 {
    padding-left: 24px;
    padding-right: 24px;
}

.pad-l6 {
    padding-left: 6px;
}

.pad-l12 {
    padding-left: 12px;
}

.pad-l16 {
    padding-left: 16px;
}
.pad-l26 {
    padding-left: 26px;
}
.pad-l52{padding-left: 52px;}
.pad-l107{padding-left: 107px;}
.pad-r16 {
    padding-right: 16px;
}

.pad-t4 {
    padding-top: 4px;
}

.pad-t8 {
    padding-top: 8px;
}

.pad-t10 {
    padding-top: 10px;
}

.pad-t12 {
    padding-top: 12px;
}

.pad-t16 {
    padding-top: 16px;
}

.pad-t18 {
    padding-top: 18px;
}

.pad-t20 {
    padding-top: 20px;
}

.pad-t22 {
    padding-top: 22px;
}

.pad-t24 {
    padding-top: 24px;
}

.pad-t32 {
    padding-top: 32px;
}

.pad-v2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pad-v3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pad-v4 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.pad-v4i {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.pad-v5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.pad-v6i {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.pad-v6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pad-v7 {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pad-v8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.pad-v9 {
    padding-top: 9px;
    padding-bottom: 9px;
}
.pad-v10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pad-v11 {
    padding-top: 11px;
    padding-bottom: 11px;
}
.pad-v12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pad-v13 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.pad-v16 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.pad-v20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pad-v24 {
    padding-top: 24px;
    padding-bottom: 24px;
}
.pad-t70{padding-top: 70px;}
.pad-v80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.pad-8-10{padding:8px 10px !important}
/* BORDER */

.bdr-01 {
    border: 1px solid #e0e0e0;
}

.bdr-31 {
    border: 2px solid #0087e2;
}

/* BORDER RADIUS */

.bdr-rds4 {
    border-radius: 4px;
}

.bdr-rds5 {
    border-radius: 5px;
}

.bdr-rds6 {
    border-radius: 6px;
}

.bdr-rds8 {
    border-radius: 8px;
}

.bdr-rds10 {
    border-radius: 10px;
}

.bdr-rds12 {
    border-radius: 12px;
}

.bdr-rds14 {
    border-radius: 14px;
}

.bdr-rds50 {
    border-radius: 50%;
}

.mxw-284 {
    max-width: 284px;
}
.gap-6{
    gap:6px;
}
.gap-9{
    gap:9px
}

/* ### ICONS */

.svg-icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.i-8 {
    width: 8px;
    height: 8px;
}

.i-10 {
    width: 10px;
    height: 10px;
}

.i-12 {
    width: 12px;
    height: 12px;
}

.i-14 {
    width: 14px;
    height: 14px;
}

.i-16 {
    width: 16px;
    height: 16px;
}

.i-18 {
    width: 18px;
    height: 18px;
}

.i-20 {
    width: 20px;
    height: 20px;
}
.i-22{width:22px;height:22px}

.i-24 {
    width: 24px;
    height: 24px;
}
.i-60{width:60px;height:60px}
.i-37{width:37px;height:37px}
.i-52{height:52px;width:52px}
.line-h20i{line-height: 20px !important;}

.i-attachment-blue {
    background-image: url("../appointment/images/i-attachment-blue.svg");
}

.i-bin-red {
    background-image: url("../appointment/images/i-bin-red.svg");
}

.i-calendar {
    background-image: url("../appointment/images/i-calendar.svg");
}

.i-caret-right {
    background-image: url("../appointment/images/i-caret-right.svg");
}
.i-caret-left {
    background-image: url("../appointment/images/i-caret-left.svg");
}
.active > a > .i-calendar {
    background-image: url("../appointment/images/i-calendar-blue.svg");
}

.i-calendar-add {
    background-image: url("../appointment/images/i-calendar-add.svg");
}

.i-camera {
    background-image: url("../appointment/images/i-camera.svg") !important;
}

.i-camera-filled {
    background-image: url("../appointment/images/i-camera-filled.svg");
}

.i-clock {
    background-image: url("../appointment/images/i-clock.svg");
}

.i-clock-filled {
    background-image: url("../appointment/images/clock-i.svg");
}
.i-search{
    background-image: url("../appointment/images/i-search.svg");
}

.i-close-black {
    background-image: url("../appointment/images/i-close-black.svg");
}

.i-close-white {
    background-image: url("../appointment/images/i-close-white.svg");
}

.i-eye {
    background-image: url("../appointment/images/i-eye.svg");
}

.i-edit {
    background-image: url("../appointment/images/i-edit.svg");
}

.i-elps {
    background-image: url("../appointment/images/i-elps.svg");
}

.i-email {
    background-image: url("../appointment/images/i-email.svg");
}

.i-filter {
    background-image: url("../appointment/images/i-filter.svg");
}
.i-filter-white {
    background-image: url("../appointment/images/i-filter-white.svg");
}
.i-geo {
    background-image: url("../appointment/images/i-geo.svg") !important;
}

.i-geo-filled {
    background-image: url("../appointment/images/i-geo-filled.svg");
}

.i-india {
    background-image: url("../appointment/images/i-india.svg");
}

.i-list {
    background-image: url("../appointment/images/i-list.svg");
}

.active > a > .i-list {
    background-image: url("../appointment/images/i-list-blue.svg");
}

.i-person {
    background-image: url("../appointment/images/i-person.svg");
}

.i-person-filled {
    background-image: url("../appointment/images/i-person-filled.svg");
}

.i-person-red {
    background-image: url("../appointment/images/i-person-red.svg");
}

.i-person-green {
    background-image: url("../appointment/images/i-person-green.svg");
}

.i-phone {
    background-image: url("../appointment/images/i-phone.svg");
}

.i-repcard-blue {
    background-image: url("../appointment/images/i-repcard-blue.svg");
}
.i-share{
    background-image: url("../appointment/images/i-share.svg");
}
.i-timezone{
    background-image: url("../appointment/images/i-timezone.svg");
}
.i-note{
    background-image: url("../appointment/images/i-note.svg");
}
.i-user-group{
    background-image: url("../appointment/images/i-user-group.svg");
}
.i-users{
    background-image: url("../appointment/images/i-users.svg");
}
.i-user-dispatcher{
    background-image: url("../appointment/images/i-dispatcher.svg");
}
.i-ques{
    background-image: url("../appointment/images/i-ques.svg");
}
.i-chat{background-image: url("../appointment/images/i-chat.svg");}
.i-green-tick{
    background-image: url("../appointment/images/i-green-tick.svg");   
}
.i-blue-tick{
    background-image: url("../appointment/images/i-blue-tick.svg");   
}
.i-attachement-b{
    background-image: url("../appointment/images/i-attachement-b.svg");
}
.i-sh844{
    background-image: url("../appointment/images/i-sh844.svg");
}
.i-copy{
    background-image: url("../appointment/images/i-copy.svg");
}
.i-tick-green, .assign-done .iconarea{
    background-image: url("../appointment/images/i-confirmed.svg");
}
.i-minus, .assign-remove .iconarea{
    background-image: url("../appointment/images/i-no-answer.svg");
}
.i-cross-red, .assign-cross .iconarea{
    background-image: url("../appointment/images/i-cancelled.svg");
}
.i-ques-black, .assign-ques .iconarea{
    background-image: url("../appointment/images/i-unconfirmed.svg");
}
.i-setting{
    background-image: url("../appointment/images/i-setting.svg");
}
.i-mycal{
    background-image: url("../appointment/images/i-mycal.svg");
}
.i-teamcal{
    background-image: url("../appointment/images/i-teamcal.svg");
}
.i-plus{
    background-image: url("../appointment/images/i-plus.svg");
}
.i-bell{
    background-image: url("../icons/i-bell.svg");
}
.i-export{
    background-image: url("../appointment/images/i-export.svg");
}
.i-info-s{background-image: url("../icons/i-info-s.svg");}
.i-info-dark{background-image: url("../icons/i-info-dark.svg");}
.i-power-ranking{background-image: url("../appointment/images/i-power-ranking.svg");}
.i-balanced{background-image: url("../appointment/images/i-balanced.svg");}
/* ******************************************** */
/* @ COMPONENTS */

/* # DROPDOWN */

.cstm-dropdown .btn {
    border: 2px solid #0087E2;
}

.cstm-dropdown .btn-default.active.focus,
.cstm-dropdown .btn-default.active:focus,
.cstm-dropdown .btn-default.active:hover,
.cstm-dropdown .btn-default:active.focus,
.cstm-dropdown .btn-default:active:focus,
.cstm-dropdown .btn-default:active:hover,
.cstm-dropdown.open>.dropdown-toggle.btn-default.focus,
.cstm-dropdown.open>.dropdown-toggle.btn-default:focus,
.cstm-dropdown.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    color: #0087E2;
    box-shadow: none;
    outline: none;
}

/* Custom Dropdown Small Default */

.cstm-dropdown-sm .btn {
    padding: 0;
    border: 1px solid #696969;
    box-shadow: none !important;
    border-radius: 4px;
}

.cstm-dropdown-sm.with-space .btn {
    padding: 0 6px;
}

.cstm-dropdown-sm.no-bdr-bg .btn {
    border: none;
    background: none;
}

.cstm-dropdown-sm .btn-default.active.focus,
.cstm-dropdown-sm .btn-default.active:focus,
.cstm-dropdown-sm .btn-default.active:hover,
.cstm-dropdown-sm .btn-default:active.focus,
.cstm-dropdown-sm .btn-default:active:focus,
.cstm-dropdown-sm .btn-default:active:hover,
.cstm-dropdown-sm.open>.dropdown-toggle.btn-default.focus,
.cstm-dropdown-sm.open>.dropdown-toggle.btn-default:focus,
.cstm-dropdown-sm.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    color: #696969;
    box-shadow: none;
    outline: none;
}

/* Custom Dropdown Small Green */

.isGreen .cstm-dropdown-sm .btn {
    border: 1px solid #6FCF97;
    color: #6FCF97;
}

.isGreen .cstm-dropdown-sm .btn-default.active.focus,
.isGreen .cstm-dropdown-sm .btn-default.active:focus,
.isGreen .cstm-dropdown-sm .btn-default.active:hover,
.isGreen .cstm-dropdown-sm .btn-default:active.focus,
.isGreen .cstm-dropdown-sm .btn-default:active:focus,
.isGreen .cstm-dropdown-sm .btn-default:active:hover,
.isGreen .cstm-dropdown-sm.open>.dropdown-toggle.btn-default.focus,
.isGreen .cstm-dropdown-sm.open>.dropdown-toggle.btn-default:focus,
.isGreen .cstm-dropdown-sm.open>.dropdown-toggle.btn-default:hover {
    color: #6FCF97;
}

/* Custom Dropdown Small Red */

.isRed .cstm-dropdown-sm .btn {
    border: 1px solid #FF3D3D;
    color: #FF3D3D;
}

.isRed .cstm-dropdown-sm .btn-default.active.focus,
.isRed .cstm-dropdown-sm .btn-default.active:focus,
.isRed .cstm-dropdown-sm .btn-default.active:hover,
.isRed .cstm-dropdown-sm .btn-default:active.focus,
.isRed .cstm-dropdown-sm .btn-default:active:focus,
.isRed .cstm-dropdown-sm .btn-default:active:hover,
.isRed .cstm-dropdown-sm.open>.dropdown-toggle.btn-default.focus,
.isRed .cstm-dropdown-sm.open>.dropdown-toggle.btn-default:focus,
.isRed .cstm-dropdown-sm.open>.dropdown-toggle.btn-default:hover {
    color: #FF3D3D;
}

.cstm-dropdown .dropdown-menu,
.cstm-dropdown-sm .dropdown-menu {
    min-width: fit-content;
    width: 100%;
    border-radius: 10px;
    border: none;
    box-shadow: 0 10px 30px 3px rgba(5, 16, 55, 0.15);
    padding: 2px 0px;
}

.cstm-dropdown.move-left .dropdown-menu,
.cstm-dropdown-sm.move-left .dropdown-menu {
    left: -82%;
}

.cstm-dropdown.no-outline .btn,
.cstm-dropdown-sm.no-outline .btn {
    border: none;
    background: none;
    min-width: 100px;
    text-align: left;
    margin-left: 4px;
}

.cstm-dropdown .dropdown-menu>li>a,
.cstm-dropdown-sm .dropdown-menu>li>a {

    padding: 0px 14px;
}

.dropdown-label {
    line-height: 1;
    padding: 3px 6px;
    border: 1px solid #696969;
    color: #696969;
}

.dropdown-label.isGreen {
    border: 1px solid #6FCF97;
    color: #6FCF97;
}

.dropdown-label.isRed {
    border: 1px solid #FF3D3D;
    color: #FF3D3D;
}

.dropdown-label.isYellow {
    border: 1px solid #F79009;
    color: #F79009;
}

/* ## BUTTONS */

.cstm-btn-primary,
.cstm-btn-primary-outline,
.cstm-btn-primary-outline-sm,
.cstm-btn-secondary-outline,
.cstm-btn-green-outline,
.cstm-btn-gray-outline,
.cstm-btn-red-outline {
    line-height: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}




.cstm-btn-primary {
    background: #0087E2;
    border: none;
}

.cstm-btn-primary:hover, .bclr-7ff {
    background-color: #0097ff;
}

.cstm-btn-primary-outline {
    background: transparent;
    border: 1px solid #4f4f4f;
}

.cstm-btn-primary-outline:hover {
    border: 1px solid #4f4f4f;
}

.cstm-btn-primary-outline-sm {
    background: #EAF5FB;
    border: 1px solid #0087E2;
}

.cstm-btn-primary-outline-sm {
    border: 1px solid #0097ff;
}

.cstm-btn-secondary-outline {
    background: transparent;
    border: 2px solid #333;
}

.cstm-btn-green-outline {
    background: transparent;
    border: 1px solid #6FCF97;
}

.cstm-btn-gray-outline {
    background: transparent;
    border: 1px solid #696969;
}

.cstm-btn-red-outline {
    background: transparent;
    border: 1px solid #FF3D3D;
}

.ap-btn-outline {
    /* width: 56px;
    height: 48px; */
    width: 40px;
    height: 34px;
}

.cstm-btn-secondary {
    border-radius: 8px;
    border: 2px solid #4F4F4F;
    padding: 4px 18px;
    min-width: 122px;background: #fff;
}

.cstm-btn-red {
    border-radius: 8px;
    background: #FF3D3D;
    padding: 4px 18px;
    border: 2px solid #FF3D3D;
    min-width: 122px;
}

/* ### ACCORDIAN */
.ap-panel .panel {
    border: none;
    box-shadow: none;
}

.ap-panel .panel-heading {
    padding: 0;
}

.ap-panel .panel-default>.panel-heading {
    background: none;
    border: none;
}
.border0{border:none !important}
.ap-panel.panel-group .panel-heading+.panel-collapse>.list-group,
.ap-panel.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    padding-top: 8px;
}

.ap-panel.panel-group {
    margin-bottom: 0;
}

.ap-panel.panel-group .panel+.panel {
    margin: 0;
}

.ap-panel .panel-body {
    padding: 0;
}

.accordian-indicator,
.accordian-indicator-in {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    transition: transform 220ms;
    width: 18px;
    height: 18px;
}

.accordian-indicator {
    background: url("../appointment/images/i-caret-btm.svg") no-repeat center center;
    background-size: 8px 4px;
    border: 1.4px solid #333;
}

.accordian-indicator-in {
    background: url("../appointment/images/i-caret-btm.svg") no-repeat center center;
    background-size: 8px 4px;
}

.ap-panel .panel-title .collapsed .accordian-indicator {
    transform: translateY(-50%);
}

.ap-panel .panel-title .collapsed .accordian-indicator-in {
    transform: translateY(-50%) rotate(-90deg);
}

.panel-title>a:active,
.panel-title>a:hover,
.panel-title>a:focus {
    color: #333;
}

/* #### CHECKBOX */
.cstm-checkbx-round {
    height: 16px;
    user-select: none;
    margin-bottom: 4px;
}

.ap-list-search .cstm-checkbx-round {
    height: auto;
}

.cstm-checkbx-round:nth-last-of-type(1) {
    margin-bottom: 0;
}

.cstm-checkbx-round label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
    display: initial;
    font-weight: initial;
}

.ap-list-search .cstm-checkbx-round label {
    position: static;
    transform: none;
}

.cstm-checkbx-round label:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #4F4F4F;
    border-radius: 50%;
}

.cstm-checkbx-round input {
    visibility: hidden;
    width: 0;
    height: 0;
}

.cstm-checkbx-round input:checked+label:after {
    background: url("../appointment/images/i-tick-blue-circle.svg") no-repeat center center / 18px 18px;
    border: 1px solid #0087E2;
}


/* ##### RADIO */
.cstm-radio {
    user-select: none;
    margin-bottom: 4px;
}

.cstm-radio label {
    position: relative;
    color: #333;
    margin: 0 0 0 16px;
}

.cstm-radio label:hover {
    color: #333;
}

.cstm-radio label:after {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border: 1px solid #4F4F4F;
    border-radius: 50%;
}

.cstm-radio label:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #0087e2;
    border-radius: 50%;
    transition: all 220ms;
    visibility: hidden;
}

.cstm-radio input {
    visibility: hidden;
    width: 0;
    height: 0;
}
.label-title{font-size: 0.75rem;color:#999999;font-weight:400;line-height: 16px;padding:4px 0 }

.cstm-radio input:checked+label:after {
    border: 1px solid #0087e2;
}

.cstm-radio input:checked+label:before {
    visibility: visible;
}


/* ##### FORMS */
.cstm-input-form {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

.cstm-input-form::placeholder {
    color: #CCCCCC;
}

.cstm-img-placeholder {
    background: url("../appointment/images/i-magnifier.svg") no-repeat center right;
    background-size: 12px;
}

.img-placeholder {
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
}

.cstm-input {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 2px 8px 2px 26px;
    background: #F9F9F9 url("../appointment/images/i-magnifier.svg") no-repeat 8px center;
    background-size: 12px;line-height: 20px;
}

.cstm-textarea-form {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    resize: none;
}

/* ###### MODEL */
.cstm-model .modal-dialog {
    width: 350px;
}

.cstm-model .modal-header {
    border-bottom: none;
    text-align: center;
    position: relative;
}

.cstm-model .modal-footer {
    border-top: none;
    text-align: center;
}

.cstm-model .modal-body {
    padding: 0 15px;
}

.model-abs {
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
}

/* ###### TAB NAV */

.cstm-nav.nav-tabs {
    border-bottom: none;
}

.cstm-nav.nav-tabs>li>a {
    color: #4f4f4f;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    padding: 3px 5px;
}

.cstm-nav.nav-tabs>li.active>a {
    color: #0087E2;
    font-weight:600;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
}

/* ******************************************** */
/* @ PAGE */

.ap-hdr {
    height: 70px;
}

/* .ap-list-time-range {
    position: absolute;
    left: 0;
    top: 0;
} */
.cnt-overflow{ text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.ap-date-selection {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ap-date-btn {
    border: none;
    width: 28px;
    height: 28px;
    box-shadow: -1px 1px 6px 0px rgba(0, 0, 0, 0.06);
    transition: box-shadow 280ms;
}

.ap-date-btn:hover {
    box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.10);
}

.ap-date-btn-label {
    min-width: 190px;
}

.ap-date-btn .prev,
.ap-date-btn .next {
    width: 6px;
    height: 10px;
    background-size: contain !important;
}

.ap-date-btn .prev {
    background: url("../appointment/images/i-caret-left.svg") no-repeat center center;
}

.ap-date-btn .next {
    background: url("../appointment/images/i-caret-right.svg") no-repeat center center;
}

.ap-details {
    border-radius:14px;
}

.ap-list>li:nth-of-type(even) {
    background-color: #fafbff;
}

.ap-list>li.isDisabled > ul > li {
    pointer-events: none;
    opacity: 0.7;
}
.ap-list>li.isDisabled > ul > li:last-child, .ap-list>li.isDisabled > ul > li:nth-last-child(2), .ap-list>li.isDisabled > ul > li:nth-last-child(3), .ap-list>li.isDisabled > ul > li:nth-last-child(4), .ap-list>li.isDisabled > ul > li:first-child {
    pointer-events: revert;
    opacity: 1;
}

.ap-list-inner>li:nth-of-type(1) {
    width: 12.5%;
    max-width: 36px;
}

.ap-list-inner>li:nth-of-type(2) {
    width: 9.5%;
}

.ap-list-inner>li:nth-of-type(3) {
    width: 12.5%;
}

.ap-list-inner>li:nth-of-type(4) {
    width: 12.5%;
}

.ap-list-inner>li:nth-of-type(5) {
    width: 12.5%;
}

.ap-list-inner>li:nth-of-type(6) {
    width: 12.5%;
}

.ap-list-inner>li:nth-of-type(7) {
    width: 15.5%;
}

/* .ap-list-inner>li:nth-of-type(8) {
    width: 12.5%;
} */

.ap-list-date-column {
    border-right: 1px solid #F97066;
}

/* @ LIST */

.ap-list-search>li {
    display: flex;
    margin-bottom: 6px;
    border-bottom: 1px solid #E0E0E0;
}

.ap-list-search.no-bdr>li {
    border-bottom: none;
}

.ap-list-search>li.no-bdr,
.ap-list-search>li:nth-last-of-type(1) {
    border-bottom: none;
}

.ap-list-search>li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.ap-list-search-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.ap-list-search-info {
    display: flex;
    flex-direction: column;
}

.ap-no-appointment {
    width: 30%;
    margin: 10% auto;
}

/* ******************************************** */
/* @ SIDEBAR */

/* # MAIN */


/* ### ATTACHMENTS */
.list-attachment>li {
    margin: 5px 10px 5px 0;
    width: 56px;height: 56px;
}

.thumb-close {
    position: absolute;
    top: -5px;
    right: -5px;
}
.w160{width:160px}
/* Select Calendar List */

.select-calendar-list {
    margin: 0 auto;
    padding: 0;
}

.select-calendar-list>li, .brdr-btm-e0 {
    border-bottom: 1px solid #E0E0E0;
}

.select-calendar-list>li:hover {
    background: #e5f3fc;
    border-radius: 0;
}

.select-calendar-list>li:nth-of-type(1):hover {
    border-radius: 12px 12px 0 0;
}

.select-calendar-list>li:nth-last-of-type(1):hover {
    border-radius: 0 0 12px 12px;
}
.select-calendar-list>li:last-child{border:none}
.calendar-list-sep {
    width: 2px;
}

.calendar-list-text {
    width: 76%;
}

.icon-btn {
    width: 24px;
    height: 20px;
    border: 1px solid #4f4f4f;
}
.list-wrapper{border: 1px solid #4f4f4f;background: #fff;
    width: fit-content; padding: 5px 10px;}
#filter-day-text,#cal-mwd-val{padding-right: 5px;}
.icon-btn.isRed {
    border: 1px solid #eb5757;
}
.cursor-pointer {
    cursor: pointer;
}
/* ******************************************** */



.custom-file-container .clear-button,
.custom-file-container .label-container label,
.custom-file-container .browse-button {
    display: none !important;
}

.custom-file-container .uploadfile-visible {
    line-height: 1;
    border: 2px solid #0087e2;
    border-radius: 6px;
    padding: 7px 8px 7px 24px;
    font-size: 0.875rem;line-height: 18px;
    color: #0087e2;
    background: url("../appointment/images/i-attachment-blue.svg") 8px center no-repeat;
    background-size: 14px 14px;
    display: inline-block;
    vertical-align: middle;
    background-size: 14px 14px;
}

.custom-file-container .input-container {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: initial !important;
}

/* Original */

.custom-file-container {
    box-sizing: border-box;
    position: relative;
    display: block;
}

.custom-file-container * {
    box-sizing: border-box;
}
.fnt-w5{font-weight: 500;}
.fnt-w4{font-weight: 400;}
.fnt-w5i{font-weight: 500 !important;}
.fnt-wi{font-weight: initial;}
.custom-file-container .label-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.custom-file-container .clear-button {
    color: #333;
    font-size: 1.625rem;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.custom-file-container .clear-button:hover {
    color: #777;
}

.custom-file-container .input-container {
    display: inline-block;
    height: 40px;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
}

.custom-file-container .input-container:hover {
    cursor: pointer;
}

.custom-file-container .input-hidden {
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.custom-file-container .browse-button {
    background-color: #edede8;
    border-left: 1px solid #c0c0af;
    color: #333;
    display: block;
    height: 38px;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
}

.custom-file-container .image-preview {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 6px;
    background-image: none !important;
    overflow: auto;
}

.custom-file-container .image-preview-item {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    margin: 0 5px 0 0;
    position: relative;
    transition: background 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.search-div {
    height: 100px;
    overflow: auto;
    padding-top: 12px;
}
.custom-file-container .image-preview-item.multi-item-clear-animation {
    opacity: 0;
}

.custom-file-container .image-preview-item-clear {
    background: #FF3D3D;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    right: -4px;
    margin-top: -4px;
    position: absolute;
    text-align: center;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;z-index: 1;
}
.alertify{position: relative;z-index: 10000;}
.custom-file-container .image-preview-item-clear:hover {
    background: #fd2b2b;
    cursor: pointer;
}

.custom-file-container .image-preview-item-clear-icon {
    width: 100%;
    height: 100%;
    color: transparent;
    display: block;
    background: url("../appointment/images/i-close-white.svg") center center no-repeat;
}
.tabappoint{transition: .3s all;}
.active .tabappoint{font-size: 1.25rem;color:#0087E2}
.tab-appoint-wrap::after{content:'';transition: .3s all;margin:auto;width:0;height: 2px;position: absolute;left: 0;right: 0;background-color:#2F80ED; bottom: -8px;}
.active.tab-appoint-wrap::after{width: 100%;}
.appHeader{background: #fff;margin-bottom: 16px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);padding:0 16px}
.drop-arrow, .caret {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 2px !important;
    vertical-align: middle;
    border: 2px solid #4f4f4f;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    border-radius: 1px;margin: -3px 0px 0 6px;
    transition: .3s all;
}
.arrowRotation{transform: rotate(-45deg);}
.scrolled-area{overflow-y: scroll;max-height: 21vh;margin-right: -4px;}
input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float: none !important;}
.fc td{text-align: center;}
.custom-dropdown-cnt{position: absolute;width: 100%;max-height: 250px;
    overflow: auto;}
.max-scrolled{max-height: 340px; overflow: auto;}
    .countrycode-listing li,.brdr-btm-e0e0{border-bottom: 1px solid #e0e0e0;}
    .list-holder li{display: flex;align-items: center;justify-content: space-between;padding:4px 0}
    .list-holder li:last-child{border: none;}
    .flag{width:20px;height:10px;background:url('../../website/images/flags.png') no-repeat left top}
    .fc-row.fc-week.fc-widget-content{max-height: 11vh;}
    .fc-scroller{max-height:66vh;}
    .fc-agendaWeek-view .fc-scroller, .fc-agendaDay-view .fc-scroller{max-height: calc(66vh - 30px);}
    .wh20{width:20px; height:20px}
    .fc-widget-content{border-top-width: 0 !important; border-color:#F2F2F2 !important}
    .fc-widget-content td{border-top-width: 1px !important; border-color:#F2F2F2 !important}
    .fc-head td{border-bottom-width:0 !important; border-color:#F2F2F2 !important;}
    .fc-day-header, .fc-head .fc-head-container th{border-color:#F2F2F2 !important; }
    .active .tabappoint{font-weight: 700;}
    .fc-day-header span{text-transform: uppercase !important; color: #828282;font-size: 0.75rem;font-weight: 400}
    .cards{box-shadow: 2px 2px 20px rgba(0,0,0,0.06);border-radius: 6px;padding: 16px;margin-bottom: 16px;border: 1px solid #e0e0e0;border-left-width:4px}
.brdr-clr-66{border-left-color: #F97066}
.brdr-clr-0fa{border-left-color: #2E90FA}
.brdr-clr-31{border-left-color: #00DE31}
.brdr-clr-ef{border-left-color: #5D5FEF}
.brdr-clr-0d{border-left-color:#FF9E0D}
.fc-event{border-radius: 4px;text-align: left;padding:2px 4px;box-sizing: border-box;color: #333;margin-bottom: 2px;font-size: 0.75rem;line-height:.875rem; background-color:transparent;border: none;}
.fc-time-grid .fc-slats .fc-minor td{border-top-width: 0 !important;}
.fc-agendaDay-view .fc-time-grid .fc-event {width: auto;max-width: none;}
.fc-today span {color:#0087E2;font-weight: 700}
.rm-lstbarder li:last-child{border-bottom: none;}
.rm-mrb0 li:last-child{margin-bottom: 0;}
.ap-filter-reset-btn{border: none; background: transparent;}
.ap-filter-reset-btn .org-btn-wrap{border-radius: 8px;background: #FE9C26;width: 42px;height: 38px;text-align: center;padding: 9px 0;}
.fc-more{color:#4F4F4F;font-weight:700}
.fc-event::before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);} 
.list-disabled{
    pointer-events:none;
    opacity:0.4;
}
.minwidth-a{min-width: auto;}
.calwidth75{width:calc(100% - 75px)}
.calwidth24{width:calc(100% - 24px)}
.calwidth14{width:calc(100% - 14px)}
.status-w-56{width:56px}
.cal-w45{width:calc(100% - 45px)}
.divideline::before {content: '';position: absolute;left: 0;width: 3px;height: 85%;background: #fdb022;top: 0;margin: auto;bottom: 0;border-radius: 4px;}
.lblue.divideline::before{background:#53b1fd}
.lgreen.divideline::before{background:#3ccb7f}
.divideline.gray::before{height: 100%;background-color:#E0E0E0;width: 1px;}
.bgclr-fc{background-color: #E5F3FC;}
.brdr-2px{border:2px solid #333}
.lst-tab.active{background-color:#F5FAFF;color:#2E90FA;font-weight: 600;}
.lst-count{position:relative;overflow: hidden; font-size:14px;width: 28px;height: 28px;border: 1px solid #F4F4F5;border-radius: 100%;padding: 0;display: flex;align-items: center;justify-content: center;background:#F4F4F5;}
.lst-tab.active .lst-count{border-color:#2E90FA;background:#EFF8FF; color:#2E90FA;font-weight: 600;}
.lst-tab.active span{font-weight: 600;}
.completedTab{color:#16B364;font-weight: 600;}
.completedTab span{font-weight: 600;}
.completedTab .lst-count{border-color:#16B364;}
.completedTab .lst-count::before{content: '';position: absolute;left: 0;top: 0;background: #16B364;z-index: 1;width: 100%;height: 100%;}
.completedTab .lst-count::after{content: '';width: 6px;height: 12px;border: 2px solid #fff;position: absolute;left: 10px;top: 6px;z-index: 4;transform: rotate(45deg);border-top: none;border-left: none;}
.lst-tab::before{content: '';position: absolute;left: 30px;top:48px; width: 1px;height: 24px;background:#E4E4E7;z-index: 5;}
.lst-tab:last-child::before{display: none;}
.lst-tab.active::before,.completedTab.active.lst-tab::before{background:#2E90FA;}
.completedTab.lst-tab::before{background: #16B364;}
.completedTab.active .lst-count::before, .completedTab.active .lst-count::after{display: none;}
.i-28{width:28px;height:28px}
.bgclr-73{background:#737373}
.bgclr-e0d{background-color: #FF9E0D;}
.bgclr-70d{background-color: #FFE70D;}
.bgclr-e31{background-color: #00DE31;}
.bgclr-eff{background-color: #49DEFF;}
.bgclr-7ff{background-color: #4527FF;}
.bgclr-bff{background-color: #C31BFF;}
.bgclr-4af{background-color: #FF14AF;}
.bgclr-828{background-color: #FF2828;}
.wc88{width:calc(100% - 88px)}
.wc100{width:calc(100% - 100px)}

.cntwidth{width:calc(100% - 270px)}
.tickact.active::before{content:'';width: 7px;height: 14px;margin:0px 0px 2px 1px;border: 2px solid #fff;transform: rotate(45deg);border-left: none;border-top: 0;}
.topbtngroup{position:absolute;left:0;top:0;padding:16px;}
.mar-t52{margin-top:52px}
.table > tbody > tr > td{border:none!important; text-align:center;vertical-align:middle}
.table > tbody > tr > td:first-child{text-align:left}
.mxw102{max-width:102px;display:inline-block;width: 100%;}
.time-validation-failed {background-color:#f4afaf;}
.crcl-leftnav{width:254px}
.custom-checbox{position: relative;display:flex;}
.custom-checbox input{position: relative;z-index: 1;width: 40px;opacity: 0;margin:0 16px 0 0}
.custom-checbox label{margin:0 !important}
.custom-checbox label::before{content: '';width: 36px;position: absolute;height: 20px;background: #ccc;border-radius: 10px;box-shadow: 1px 1px 4px 0px #00000029 inset;left: 0px; top:0; bottom:0; margin: auto;}
.custom-checbox label::after{content: '';position: absolute;width: 12px;height: 12px;top:0;bottom:0;margin:auto;background: #fff;border-radius: 50%;left: 4px;transition:.3s all;box-shadow: -1px -1px 4px 0px #00000029 inset,0 0 4px rgba(0,0,0,0.25);
}
.custom-checbox input:checked + label::before{background:#0087E2}
.custom-checbox input:checked + label::after{left:20px}
.closer-table th{padding:16px !important;color:#fff;border-bottom: none !important;border-right: 1px solid #e9e9e9 !important;}
.closer-table th:last-child{border-right:none}

.closer-table tbody tr td{padding:10px 16px !important; border-bottom: 1px solid #F4F4F5 !important; border-right: 1px solid #f4f4f5 !important;}
.closer-table tbody tr td:last-child, .closer-table th:last-child{border-right:none !important}
.closer-table input::-webkit-outer-spin-button,
.closer-table input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.closer-table th::after{content: '';background: #fff;height: 16px;display: inline-block;vertical-align: middle;float:right;}
/* Firefox */
.closer-table input[type=number] {-moz-appearance: textfield;}
.tox .tox-menubar, .tox .tox-statusbar{display:none !important}
.tox-tinymce{border:none}
.summary-attachment{overflow: auto;width: 100%;display: -webkit-box;}
.summary-attachment .wh74 {width: 74px;height: 74px;}
.summary-attachment .wh74 .img-responsive{width: 100%;height: 100%; border-radius: 8px;}
.fname-crossbtn{background-color: red;border-radius: 50%;border: 2px solid red;cursor: pointer;padding:0 5px }
.customradio::before{content:'';position: absolute;left: -18px;top:0;bottom:0;margin:auto;width: 15px;height:15px;border-radius: 50%;border:1px solid #999}
.customradio::after{content: '';position: absolute;left: -14px;top:0;bottom:0;margin:auto;width: 7px;height: 7px;border-radius: 50%;background: #fff; display: none;}
.checkedasradio{opacity: 0;position: relative;z-index: 1;}
.checkedasradio:checked + .customradio::before{background-color: #0097FF;}
.checkedasradio:checked + .customradio::after{display: block;}
.ccsidebar-footer{position: absolute; bottom:0;left: 0;right: 0;}
.w100px{max-width:100px}
.fixheight{min-height:calc(100vh - 215px)}
.fixheight-cc{min-height: calc(100vh - 174px)}
.innercntheight-cc{min-height: calc(100vh - 292px);}
.groupbtn{border: 1px solid #0087e2;border-radius: 6px;margin: 5px 5px 0 0;background: #E5F3FC;padding: 6px 12px;font-size: 0.875rem;color: #333;}
.groupbtn button{border: none;margin-left: 5px; background-color: transparent;background-size: 8px;background-position: center;background-repeat: no-repeat;}
.fc-unthemed td.fc-today{background-color: transparent;}
.fc-month-view .fc-today span {color: #fff;background: #0087E2;border-radius: 50%;width: 18px;height: 18px;display: inline-block;font-size: 0.625rem;font-weight: 700;text-align: center;line-height: 16px;}
.fc-agendaWeek-view .fc-widget-header, .fc-agendaDay-view .fc-widget-header{border-bottom: 1px solid #F2F2F2;}
.fc-agendaDay-view .fc-day-header{text-align: left;padding-left: 8px;}
.fc-agendaWeek-view .fc-widget-header span, .fc-agendaDay-view .fc-widget-header span{padding-top: 15px; padding-bottom: 15px;display: inline-block;} 
.fc-agendaDay-view table thead tr:first-child .fc-axis, .fc-agendaWeek-view table thead tr:first-child .fc-axis {
    background-image: url(../appointment/images/i-clock-filled.svg);
    background-repeat: no-repeat;
    background-position: center;
}
#calenderView .col-sm-6:nth-child(3n) .dropdown-menu{left: auto;right: 0;}
.dropdown-menu{background: #fff;}
#shareCalendarModel .help-block{display: none !important;}
.imptyscreen{position: absolute;left: 50%;top:50%; transform: translate(-50%,-50%);}
.closer-table tbody tr:first-child td:first-child::after, .closer-table tbody tr:nth-child(2) td:first-child::after, .closer-table tbody tr:nth-child(3) td:first-child::after{content: ''; width:20px;height:20px;vertical-align:middle;display:inline-block;}
.closer-table tbody tr:first-child td:first-child::after{background-image: url(../appointment/images/1st-place-medal.svg);}
.closer-table tbody tr:nth-child(2) td:first-child::after{background-image: url(../appointment/images/2nd-place-medal.svg);}
.closer-table tbody tr:nth-child(3) td:first-child::after{background-image: url(../appointment/images/3rd-place-medal.svg);}
.closer-table.table > tbody > tr > td{text-align: left;padding-left:16px;}
.daterangepicker{box-shadow: 0px 10px 30px 3px #05103726;}
.lstchild-pad0 li:last-child{padding-bottom: 0;margin-bottom: 0;}
.accord-list.active .drop-arrow{transform: rotate(-135deg);}
.sh-00{box-shadow: 0px 0px 6px 0px #0000000F;}
.caldsplst p{margin:0}
.caldsplst p{margin:0}
.checkboxparent.filled input, .checkboxchild.filled input{box-shadow: 0 0 11px #3097d1 inset;}

.caltabslisting li{border-bottom: 1px solid #f4f4f4;}
.caltabslisting li:last-child{border-bottom: none;}
.caltabslisting li .tabHover:hover, .tabHover:hover{background: #fcfcfc;}
.caltabslisting li .tabHover:hover .listing-title, .caltabslisting li .tabHover:hover .glyphicon-menu-right{color:#2e90fa}
.crapp-tmz{max-height: 200px;overflow: auto;}
.imgcltbl{width: 24px;height: 24px;border-radius: 50%;overflow: hidden;margin-right: 8px;border: 1px solid #8F00FF;}
.imgcltbl img{width: 100%;height: 100%;}
.imgcltbl-initials {background: #333;color: #fff;padding: 4px 0;font-size: 10px;}
.fc-agendaDay-view .fc-time-grid-event, .fc-agendaWeek-view .fc-time-grid-event{min-height: 20px;}
.book-appt {width: 70px;display: inline-block;text-align: center;}
.withassingcloser{width: calc(100% - 216px);}
.cr-time-slot{min-width: 100px;}
.create-slot::after{content: ' mins';}
.cstm-model{z-index: 10000;}
.reletedval{opacity: 1;}
.reletedval input{pointer-events: none;opacity: .4;}
.reletedval.days_availablity_c{pointer-events: none;opacity: .4;}
.reletedval .cstm-tooltip{pointer-events: none;}
.avlradiobtn:checked + .reletedval{opacity: 1;}
.avlradiobtn:checked + .reletedval input{pointer-events: auto;opacity: 1;}
.avlradiobtn:checked + .reletedval.days_availablity_c{pointer-events: auto;opacity: 1;}
.dropsearchbtn{padding:0 16px}
.timezonewrap{padding:4px 11px !important}
.daterangepicker td.in-range{background-color: rgba(0,135,226,0.1);}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: #0087E2 !important;}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background-color: #fff !important;}
.daterangepicker .calendar-table table{border-spacing: 2px !important;border-collapse: separate !important;}
.drop-selecttxt{font-size: 1rem;line-height: 20px;color:#4f4f4f}
.opentab{font-size: 14px;line-height: 24px; gap:8px;}
.opentab.active{font-weight: 600;}
.inputlabeltxt{font-size: 12px;line-height: 16px;color:#999999;font-weight: 400;}
.avlradiobtn:checked + .reletedval .cstm-tooltip{pointer-events: auto;}
.rediosection-wrap{gap:16px}
.rediosection-wrap input{margin: 0;}
.rediosection-wrap label{margin: 0;}

.no-calendar-popup{
    margin-top: 68px;
}
.time-slot-ui-closer-flow{position: static;}
.bdr-F5{border-bottom: 1px solid #F4F4F5;}
.bdrfull-F5{border: 1px solid #F4F4F5;}
.setterCloserTab{transition: .3s all;}
.setterCloserTab::after{content: '';position:absolute;width: 0;height: 2px;background: #2E90FA;transition: .3s all;left: 0;right: 0;margin: auto;bottom: 0;}
.setterCloserTab.active::after{width: 100%;}
.setterCloserTab.active{background: #EFF8FF;color:#2E90FA; font-weight: 500;}
.rowCell{width: 100%; color:#3F3F46;text-align: left;}
.rowCell-1{width: 40%; flex-basis: 40%;}
.rowCell-2{width: 20%; flex-basis: 20%;}
.rowCell-3{width: 20%; flex-basis: 20%;}
.rowCell-4{width: 20%; flex-basis: 20%;}
.tblHeader{background: #F9FAFB;}
.clr-2b{color:#26272B}
.bdr-e7{border:1px solid #E4E4E7}
.newchkbox{display:flex;}
.newchkbox label::before, .partial-filled label::before{content: ''; position: absolute;width: 20px; height: 20px; border:1px solid #E4E4E7; left:0;top:0; border-radius: 4px;}
.newchkbox label::after{content: ''; position: absolute;width: 6px; height: 12px; border:2px solid #fff; left:7px;top:2px; transform: rotate(45deg);border-left: 0;border-top: 0;display: none;}
.newchkbox input{opacity: 0;position: relative;z-index: 2;width: 20px;height: 20px;margin-top: 0;cursor: pointer;}
.newchkbox input:checked + label::after{display: block;}
.newchkbox input:checked + label::before, .partial-filled label::before{background: #2E90FA; border-color: #2E90FA;}

.newradiobtn label::before {content: ''; position: absolute;width: 20px; height: 20px; border:1px solid #E4E4E7; left:0;top:0; border-radius: 50%;}
.newradiobtn label::after{content: ''; position: absolute;width: 10px; height: 10px; left:5px;top:5px; border-radius:50%;background:#fff; display: none;}
.newradiobtn input{opacity: 0;position: relative;z-index: 2;width: 20px;height: 20px;cursor: pointer;}
.newradiobtn input:checked + label::after{display: block;}
.newradiobtn input:checked + label::before{background: #2E90FA; border-color: #2E90FA;}
.partial-filled label::after{content: '';position: absolute;width: 10px; height: 2px; left:5px;top:9px;background:#2E90FA; display: block;transform: none;border:none}
.partial-filled label::before{background:transparent;}
.rowCell.active .drop-arrow {transform: rotate(45deg);}
.rowCell.active span{font-weight: 600;color: #000;}
.rowCell{border-right: 1px solid #F4F4F5;position: relative;}
.rowCell:last-child, .tblHeader .rowCell:last-child{border-right:none}
.rowCell::after{content: '';position: absolute;left: 0; top:0;bottom:0;margin:auto;width: 3px;height: 0;background: #2E90FA;transition: .3s all;opacity: 0;}
.clickableCol:hover::after, .childClickableCol:hover::after, .clickableCol + .rowCell:hover::after, .clickableCol + .rowCell + .rowCell:hover::after,.clickableCol + .rowCell + .rowCell + .rowCell:hover::after,.clickableCol + .rowCell + .rowCell + .rowCell + .rowCell:hover::after, .childClickableCol + .rowCell:hover::after, .childClickableCol + .rowCell + .rowCell:hover::after, .childClickableCol + .rowCell + .rowCell + .rowCell:hover::after, .childClickableCol + .rowCell + .rowCell + .rowCell + .rowCell:hover::after, .subChildRow .rowCell:hover::after{display: block;height: 100%;opacity: 1;}
.clickableCol:hover, .childClickableCol:hover, .clickableCol + .rowCell:hover, .clickableCol + .rowCell + .rowCell:hover, .childClickableCol + .rowCell:hover, .childClickableCol + .rowCell + .rowCell:hover, .subChildRow .rowCell:hover{background:rgba(46, 144, 250, .03);} 
.childRow::before {content: '';position: absolute;left: 15px;top: 0;width: 1px;height: calc(100% - 18px);background: rgba(228, 228, 231, 1);}
.rolesection.childRow::before{height: calc(100% - 26px);}
.flowline::before {content: '';position: absolute;left: 15px;top: 26px;width: 17px;height: 1px;background:rgba(228, 228, 231, 1);display: block !important;}
.avatarWrapper::before {content: '';position: absolute;left: 29px;top: 20px;width: 17px;height: 1px;background:rgba(228, 228, 231, 1);}
.roleItems.avatarWrapper::before{left: 0;}
.tblRow::before{content: '';position: absolute;left: 45px;top: 43px;width: 1px;height: calc(100% - 70px);background: rgba(228, 228, 231, 1)}
.tblRow:last-child::after {content: '';position: absolute;left: 15px;top: 27px;width: 1px;height: calc(100% - 44px);background: rgb(255 255 255);}
.shrink{flex-shrink:0}
.rankingDragWrap{width: 25%; min-height: 407px;max-height: 407px; overflow: auto; min-width: 300px;}
.dropableWrap .dropableRow{border-bottom:1px solid #F4F4F5; align-items: center;}
.dropableWrap .dropableRow:last-child{border:none}
.ranking-tablehead{background: #F2F4F7;}
.ranking-tablehead th{color:#26272B}
.gap-8{gap:8px}
.ui-sortable-placeholder{background: #F5FAFF;border: 1px dashed #2E90FA !important; border-radius: 8px;visibility: visible !important;}
.ui-area-empty{border:none;height: 300px;}
.ui-sortable-helper{background: #fff; border-radius: 8px;border:1px solid #f5f5f5;box-shadow:0px 12px 16px -4px #10182814;}
.grayscale-full{filter: grayscale(1);opacity: 0.6;}
.star{cursor: pointer;}
.selectedStar img, .star.ratingHover img{filter: grayscale(0);opacity: 1;}
.subchildchk-cell{padding-left: 36px;}
.childchk-cell{padding-left: 56px;}
input[type="number"].customNumberinput::-webkit-inner-spin-button,
input[type="number"].customNumberinput::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;
}
.childRow, .subChildRow{border-top:1px solid #F4F4F5}
.childRow.hide, .subChildRow.hide{border-top:none}
.gap-4{gap:4px}
.column-body.emptyColumnBody{border:none}
.distributionList{position: absolute;width: 402px; left:calc(100% - 24px);box-shadow: 0px 10px 30px 3px #05103726; z-index: 10;}
.show-distribution-list::before{transform: rotate(90deg); top:6px; transition: 0.3s all;}
.show-distribution-list.active::before{transform: rotate(-90deg); color:#2e90fa;top:6px; background: #eff8ff;}
.roundrobinList::before{content: '';position: absolute;left: 40px;top:0;width: 1px;height: calc(100% - 65px);background:#F4F4F5}
.roundrobinList li::before{content: '';position: absolute;left: -67px;top:0;bottom:0;margin:auto;width: 45px;height:1px;background:#F4F4F5}
.rightArrowRotate::before{transition: .3s all; }
.rightArrowRotate.active::before {transform: rotate(90deg);}
.checkedMarked{background: url(../appointment/images/check.svg) no-repeat right center / 22px 22px;}
@media screen and (min-width:1200px){
    .ap-sidebar-body .fs12px{font-size: 0.875rem;}
    .ap-sidebar-body .fs10px,.label-title{font-size: .75rem;}
    .ap-sidebar-body .fs9px{font-size: 0.688rem;}
    .avticon .i-20{width: 30px;height:30px;}
    .ap-sidebar-body .fs11px{font-size:.813rem}
    .cstm-input{height:auto}
    .crapp-tmz{min-width: 250px;}
    .book-appt {width: 86px;}
    .customradio::before{left: -24px;width:20px;height: 20px;}
    .customradio::after{left: -19px;width: 10px;height: 10px;}
    .checkedasradio{width: 20px; margin-right: 5px !important;height: 20px;}
    .ap-sidebar-body .fs16px{font-size: 1.125rem;}
    

}
@media screen and (min-width:1500px){
    .ap-sidebar-body .fs12px{font-size: 1rem;}
    .ap-sidebar-body .fs10px,.label-title{font-size: .875rem;}
    .avticon .i-20{width: 30px;height:30px;}
    .ap-sidebar-body .fs11px{font-size:.938rem}
    .ap-sidebar-body .fs16px{font-size: 1.25rem;}
    .ap-sidebar-body .fs9px{font-size: 0.813rem;}
    .book-appt {width: 94px;}
    .book-btn{width: 108px;}
}
@media screen and (max-width:1199px){
    #calenderView .col-sm-6:nth-child(3n) .dropdown-menu{left: 0;right: auto;}
    #calenderView .col-sm-6:nth-child(even) .dropdown-menu{left: auto;right: 0;}
    .ap-sidebar-body{max-width: 320px;}
    
}
.collapse-arrow-dir.collapsed .accordian-indicator{transform: rotate(0deg);}
ul[aria-labelledby="days_availablity"]>li:hover{background-color: #F5FAFF; border-radius: 8px;}
ul[aria-labelledby="days_availablity"] li a:hover{text-decoration: none; color: #70707B;}
.fc-content > .fc-title { display: block; width: 100%;}
.fc-content,
.fc-content > .fc-title,
.fc-content > .fc-title > .appointment_parent {height: 100%;}

#appointment-list .appointmentRows > ul > li .confirmationDropdown{top: 0;bottom: auto;}
#appointment-list .appointmentRows:nth-child(2) > ul > li:only-child .confirmationDropdown{top: 0 !important;bottom: auto !important;}
#appointment-list .appointmentRows:only-child > ul > li:only-child .confirmationDropdown,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:only-child .confirmationDropdown,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:only-child .ap-list-search,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:only-child .status-list-div,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:last-child:not(:only-child) .confirmationDropdown,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:last-child:not(:only-child) .ap-list-search,
#appointment-list .appointmentRows:last-child:not(:only-child) > ul > li:last-child:not(:only-child) .status-list-div{top: auto;bottom: 20px;}
#appointment-list > div .status-list-div {max-height: 230px;}
 /* Optional: Force a custom scrollbar */
 * {
     box-sizing: border-box;
 }

 body {
     position: relative;
     overflow: auto;
 }

 html {
     overflow-x: scroll;
     height: 100% !important;
 }

 body {
     min-height: 100vh;
     margin: 10;
     overflow-x: auto;
     overflow-y: hidden;
 }

 /* ::-webkit-scrollbar {
     width: 7px;
 } */

 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }

 ::-webkit-scrollbar-thumb {
     background: #888;
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #555;
 }

.disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

.truncated {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
  
.expanded {
    -webkit-line-clamp: unset;
    display: block;
}

.outcome-banner {
    background-color: #E4E4E7;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
}
.avatar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #E4E4E7 center/cover;
    text-transform: uppercase;
    cursor: pointer;
}

.user-initials-icon {
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
}
.setter-scrollable-list::-webkit-scrollbar {
    width: 3px;              
}

.setter-scrollable-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 100px;
    opacity: 1;              
}

.setter-scrollable-list::-webkit-scrollbar-thumb {
    background: #A0A0AB;     
    border-radius: 100px;     
    min-height: 92px;        
    opacity: 1;
}



.setter-scrollable-list {
   scrollbar-width: thin;             
    scrollbar-color: #A0A0AB #f1f1f1;         
}

.avatar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #E4E4E7 center/cover;
    text-transform: uppercase;
    cursor: pointer;
}

.user-initials-icon {
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
}