@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);
@import "../fonts/product-sans/fonts.css";
:root{--c_primary:#282891;--c_secondary:#282891cf;--c_heading:#070707;--c_text:#828282;--c_text_dark:#1B1B1B;--c_grey:#e5e5e5;--c_grey_light:#FBFBFB;--c_grey_dark:#1A1A1A;--c_black:#000000;--c_white:#ffffff;--c_danger:#FF1D1D;--c_border1:#F1F1F1;--f_display:"SF Pro Display";--shadow:0px 2px 36px #00000014;--shadow_hover:0px 2px 36px #00000030;--transition:all 0.3s ease-in-out 0s}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb:hover{background:var(--c_grey_dark)}
::-webkit-scrollbar-thumb{transition:var(--transition);background:var(--c_primary);border-radius:10px}
::-webkit-scrollbar-track{background-color:var(--c_secondary);box-shadow:inset 0 0 5px gray;border-radius:10px}
*{outline:0!important;margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--f_display);font-size:14px;color:var(--c_text_dark);background:var(--c_grey)}
b,strong{font-weight:700}
a{color:var(--c_text);transition:var(--transition)}
a:hover{color:var(--c_primary)}
a,a:not(.btn_n):hover{text-decoration:none}
:is(h1,h2,h3,h4,h5,h6){color:var(--c_heading);font-weight:600;line-height:1.2;font-family:var(--f_display);margin-bottom:0;font-size:18px}
:is(h1,h2,h3,h4,h5,h6).fw_med{font-weight:500}
:is(h1,h2,h3,h4,h5,h6):not(:last-child){margin-bottom:20px}
:is(p,li){margin:0}
:is(p,ul,ol,li):not(:last-child){margin-bottom:15px}
ul{margin:0;padding:0;list-style:none}
img{max-width:100%}
figure{margin:0}
.c_primary{color:var(--c_primary)}
.c_secondary{color:var(--c_secondary)}
.c_white{color:var(--c_white)}
.bg_white{background-color:var(--c_white)}
.c_black{color:var(--c_black)}
.c_danger,a.c_danger{color:var(--c_danger)}
.text_center{text-align:center}
.text_white{color: var(--c_white);}
.d_block{display:block}
.btnn{gap:10px;font-size:14px;font-weight:600;min-height:40px;padding:5px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize;box-shadow:none!important;transition:var(--transition);border:2px solid transparent;letter-spacing:0;position:relative;text-indent:0;overflow:hidden;cursor:pointer;line-height:1}
.text_right{text-align:right}
.btnn:hover{box-shadow:0 0 20px 2px rgba(0,0,0,.1)!important}
.btnn::before{content:"";animation:slide 2s infinite;background:linear-gradient(90deg,#40ebf100 0,#fffefd8f 50%,#fffefd47 69%,#40ebf100);bottom:0;position:absolute;top:0;width:100%;z-index:-1}
@keyframes slide{
0%{left:-100%}
100%{left:100%}
}
.btn_primary{color:var(--c_white);background-color:var(--c_primary);border-color:var(--c_primary)}
.btn_primary:is(:hover,:focus){color:var(--c_primary);background-color:transparent}
.btn_primary.br{color:var(--c_primary);background-color:var(--c_white);border-color:var(--c_primary)}
.btn_danger.br{color:var(--c_danger);background-color:transparent;border-color:var(--c_danger)}
.btn_success.br{color:var(--c_secondary);background-color:var(--c_white);border-color:var(--c_secondary)}
.btn_primary.br:is(:hover,:focus){color:var(--c_primary);background-color:var(--c_white);border-color:var(--c_primary)}
.control_group{margin-bottom:20px;position:relative}
.control_group .add_btn{position:absolute;inset:0 0 0 auto}
.control_group_flex{display:flex;align-items:center;justify-content:space-between}
.graph_boxes .control_group_flex h2{margin:0}
label{font-size:14px;text-transform:capitalize;font-weight:500;color:#272727;display:block;margin:0 0 5px}
label.checkbox_label{font-size:16px;color:var(--c_text);font-weight:400;display:inline-flex;align-items:center;transition:var(--transition);cursor:pointer;margin:0;gap:8px}
input,select,textarea{width:100%;font-size:14px;font-weight:500;color:#272727;border-radius:8px;border:1px solid #e2e2e2;background-color:var(--c_white);transition:var(--transition);box-shadow:none;outline:0}
input{height:45px;padding:0 15px}
input:is([type=checkbox],[type=radio]){width:20px;height:20px;min-width:20px;appearance:none;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:0}
input:is([type=checkbox],[type=radio]){color:var(--c_white);accent-color:var(--c_primary);cursor:pointer}
input:is([type=checkbox],[type=radio]):checked::before{font-family:"Font Awesome 5 Free";transition:var(--transition);font-weight:900;line-height:1}
input[type=checkbox]{border-radius:4px;border:1px solid var(--c_grey);background-color:var(--c_grey)}
input[type=checkbox]:checked{background-color:var(--c_primary);border-color:var(--c_primary)}
input[type=checkbox]:checked::before{content:"\f00c";color:var(--c_white)}
input[type=radio]{border-radius:50%;border:1px solid #707070;background-color:var(--c_white)}
input[type=radio]:checked{border-color:var(--c_primary)}
input[type=radio]:checked::before{content:"\f111";color:var(--c_primary)}
select{height:45px;padding:0 40px 0 15px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right 15px center;background-repeat:no-repeat;background-size:13px 13px;appearance:none}
textarea{height:90px;padding:10px 15px;border-radius:8px;resize:none}
:is(input,select,textarea)::placeholder{color:var(--c_text);font-weight:400;opacity:1}
:is(input,select,textarea):focus{border-color:var(--c_primary)}
.form_btn{margin-top:30px}
:is(.gap_p,.gap_m){--gap_x:20px;--gap_y:20px;display:flex;flex-wrap:wrap;margin-top:calc(var(--gap_y) * -1);margin-left:calc(var(--gap_x) * -1)}
.gap_m .w_100{width:calc(100% - var(--gap_x))}
:is(.gap_p,.gap_m).aic{align-items:center}
:is(.gap_p,.gap_m).jcsb{justify-content:space-between}
:is(.gap_p,.gap_m)>*{flex-shrink:0;width:100%;max-width:100%;margin-top:var(--gap_y)}
.gap_p>*{padding-left:var(--gap_x)}
.gap_m>*{margin-left:var(--gap_x)}
.w_25{width:25%}
.w_33{width:33.33%}
.w_50{width:50%}
.w_100{width:100%}
.mt_30{margin-top:30px}
.content{min-height:100vh}
.content.f_width{display:flex;align-items:center;justify-content:center}
.f_width .auth_sc{max-width:700px;width:100%;padding:50px 0}
.btn_flex{display:flex;align-items:center;margin-top:30px;gap:20px}
.iti--allow-dropdown{width:100%}
.iti--separate-dial-code .iti__selected-flag{background-color:transparent}
.iti--allow-dropdown .iti__flag{transform:scale(.8)}
.iti--separate-dial-code .iti__selected-dial-code{margin-left:4px;font-size:14px;color:#272727}
.iti--allow-dropdown .iti__arrow{margin-left:5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #272727}
.iti--allow-dropdown .iti__arrow--up{border-top:none;border-bottom:5px solid #272727}
.iti--allow-dropdown .iti__selected-flag{padding:0 10px 0 15px;background:0 0!important}
.iti__country-list .iti__country{margin:0;font-size:14px;color:#272727}
.auth_sc .inner{padding:30px;background-color: var(--c_primary);box-shadow:var(--shadow);border-radius:20px;margin-inline:auto;max-width:570px}
.auth_sc .logo{width:150px;height:80px;margin:0 auto 20px}
.auth_sc .logo img{width:100%;height:100%;object-fit:contain}
.auth_sc .inner .hd_4{margin-bottom:40px;position:relative}
.auth_sc .inner .hd_6{margin-bottom:20px}
.auth_sc .inner h2,.auth_sc .inner h3{font-weight:500;margin-bottom:0}
.auth_sc .inner h2:not(:last-child){margin-bottom:8px}
.form_bottom{text-align:center;margin-top:20px}
.form_bottom p{font-size:16px}
.form_bottom p a{text-decoration:underline}
.otp_input{display:flex;align-items:center;justify-content:space-between}
.otp_input input{width:80px;height:80px;border-radius:8px;text-align:center;font-size:24px;font-weight:600;color:var(--c_grey_dark)}
a.back_icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--c_text_dark);background-color:var(--c_grey);border-radius:5px;position:absolute;height:28px;width:28px;z-index:1;top:3px;left:0;float:left}
a.back_icon:hover{color:var(--c_white);background-color:var(--c_primary)}
.auth_sc .upload_image{margin-top:-20px}
.view_doc_modal .img_flx .upload_image{margin-top:0}
.view_doc_modal .img_flx{margin-top:20px;justify-content:center}
.upload_image{position:relative;border:1px solid #820000;display:inline-flex;margin-bottom:20px;border-radius:50%;padding:4px}
.upload_image figure{width:100px;height:100px;border-radius:50%}
.upload_doc{border-radius:10px;max-width:300px;width:100%}
.upload_doc figure{width:100%;height:200px;border-radius:10px}
.upload_image figure img{width:100%;height:100%;object-fit:cover;border-radius: 50%;}
.upload_image .action{width:26px;height:26px;font-size:12px;color:var(--c_white);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--c_white);background-color:var(--c_primary);transform:translate(-50%,50%);border-radius:50%;position:absolute;left:50%;bottom:0;cursor:pointer}
.upload_image .action input{position:absolute;inset:0;padding:0;opacity:0;height:auto;text-indent:-1000px;cursor:pointer}
.toggle-click{position:absolute;right:15px;font-size:14px;top:44px;width:18px;display:inline-block;text-align:center;cursor:pointer}
.checkbox_list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.checkbox_list label.checkbox_label{width:100%;color:var(--c_text_dark)}
.toggle_label{font-size:18px;font-weight:500;color:var(--c_black);display:flex;align-items:center;justify-content:space-between;cursor:pointer;line-height:1;margin:0}
.toggle_label input[type=checkbox]{width:51px;height:27px;color:#b5b5b5;box-shadow:0 3px 6px #00000029;background-color:#eee;border-color:#eee;border-radius:40px;padding:4px;gap:4px}
.toggle_label input[type=checkbox]:checked{color:var(--c_white);background-color:#00c408;border-color:#00c408;flex-direction:row-reverse}
.toggle_label input[type=checkbox]::after{content:"Off";font-size:10px;font-weight:700;text-transform:uppercase}
.toggle_label input[type=checkbox]:checked::after{content:"On"}
.toggle_label input[type=checkbox]::before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px}
.toggle_label:has(input:checked)~:is(.slot_list,.slot_time_list){display:flex}
:root{--aside_width:260px;--dashboard_header_height:80px}
.dashboard_header{position:fixed;left:0;top:0;z-index:9;width:calc(100% - var(--aside_width));margin-left:var(--aside_width);transition:var(--transition);display:flex;align-items:center;justify-content:space-between;min-height:var(--dashboard_header_height);background-color:var(--c_primary);padding:10px 30px;gap:30px}
.dashboard_header.scrolled{box-shadow:var(--shadow)}
.search_bar{max-width:800px;width:100%}
.search_bar input,input[type=search]{background-image:url('../images/search_icon.svg');background-position:31px center;background-repeat:no-repeat;background-size:20px}
.search_bar input{font-weight:500;background-color:#fafafa;padding:5px 15px 5px 70px;color:var(--c_black)}
.search_bar input:not(:focus){border-color:#fafafa}
.search_bar input::placeholder{color:#aaa;opacity:1}
.header_right{display:inline-flex;align-items:center;gap:30px}
.header_right>li{display:inline-flex;margin-bottom:0;position:relative}
.noti_icon>a{display:inline-flex}
.noti_icon>a figure{display:inline-flex;position:relative}
.noti_icon>a figure img{width:30px;transition:var(--transition);filter:brightness(0) invert(1)}
.noti_icon .dropdown-menu{right:0!important;top:calc(100% + 10px)!important;transform:none!important;padding:0;border-radius:10px;background-color:var(--c_white);box-shadow:var(--shadow);border:none;min-width:350px;max-width:350px;overflow:hidden}
.noti_icon .dropdown-menu .head{display:flex;align-items:center;justify-content:space-between;background-color:var(--c_grey);padding:10px 15px}
.noti_icon .dropdown-menu .head h5{margin:0;font-size:20px}
.noti_icon .dropdown-menu .head a{font-size:14px;text-transform:uppercase;font-weight:700;color:var(--c_primary);text-decoration:underline}
.noti_icon .dropdown-menu ul{padding:20px 0}
.noti_icon .dropdown-menu ul li{margin:0;padding-inline:15px}
.noti_icon .dropdown-menu ul li:not(:last-child){margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--c_border1)}
.noti_icon .dropdown-menu ul li h6{font-size:17px;font-weight:700;margin:0 0 5px;display:flex;justify-content:space-between;gap:15px}
.noti_icon .dropdown-menu ul li h6 span{color:var(--c_text);font-size:12px;font-weight:400;white-space:nowrap;line-height:1;display:inline-block}
.noti_icon .dropdown-menu ul li p{font-size:14px;font-weight:500;color:var(--c_text_dark)}
.user_icon>a{font-size:16px;font-weight:700;display:inline-flex;color:var(--c_black)}
.user_icon>a:hover{color:var(--c_primary)}
.user_icon>a .fas{font-size:18px;line-height:1;position:relative;color:var(--c_white);top:-1px}
.user_icon>a figure{display:inline-flex;align-items:center;gap:10px}
.user_icon>a figure img{width:40px;height:40px;object-fit:cover;object-position:center;border-radius:10px}
.user_icon>a figure figcaption{display:inline-block;max-width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--c_white);font-size:13px}
.user_icon .dropdown-menu{right:0!important;top:calc(100% + 10px)!important;transform:none!important;padding:5px 0;min-width:180px;border-radius:10px;background-color:var(--c_white);box-shadow:var(--shadow);border:none;padding: 10px;}
.user_icon .dropdown-menu li{margin:0;display:flex;gap: 10px;}
.user_icon .dropdown-menu li a{font-size:16px;font-weight:500;color:var(--c_text_dark);width:100%}
.user_icon .dropdown-menu li a:hover{font-weight:700;color:var(--c_primary)}
.dashboard_sidebar{top:0;left:0;width:100%;height:100vh;position:fixed;max-width:var(--aside_width);background-color:var(--c_primary);transition:var(--transition);box-shadow:var(--shadow);overflow:hidden;z-index:9}
.dashboard_sidebar .logo{width:100%;height:70px;margin:0 auto}
.dashboard_sidebar .logo img{width:100%;height:100%;object-fit:contain}
.dashboard_sidebar .head{display:flex;align-items:center;justify-content:center;min-height:var(--dashboard_header_height);transition:var(--transition);padding:5px 20px;gap:15px}
.dash_logo{transition:var(--transition);display:inline-flex;align-items:center;max-width:195px;line-height:1;width:auto}
.dash_logo :is(figure,figure img){width:100%}
.dash_hamburgur{width:32px;height:32px;min-width:32px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--c_text_dark);transition:var(--transition);background-color:var(--c_grey)}
.dash_hamburgur:hover{color:var(--c_white);background-color:var(--c_primary)}
.dash_hamburgur i{font-size:16px;display:inline-flex;line-height:1}
.aside_menu{overflow-y:auto;max-height:calc(100vh - 80px);overflow-x:hidden;padding:20px 0}
.aside_menu li:not(:last-child){margin-bottom:5px}
.aside_menu li a{font-size:13px;font-weight:500;min-height:40px;position:relative;display:flex;align-items:center;gap:10px;padding:10px 15px}
.aside_menu li a span{color:#fff;white-space:normal;transition:var(--transition);line-height:1.2;display:block}
.aside_menu li a.active{color:var(--c_primary);background:var(--c_white)}
.aside_menu li a:not(.active):hover{background:#00837C60}
.aside_menu li a.active span{color:var(--c_primary)}
.aside_menu li a:not(.active):hover{background:#ffffff21}
.aside_menu li a.active img, .chat_sc .chat_box .chat_foot .control_group button img, .report_boxes ul li img{filter: brightness(0) saturate(100%) invert(11%) sepia(43%) saturate(6876%) hue-rotate(241deg) brightness(101%) contrast(96%);}
.aside_menu li a img{max-width:24px;width:24px;position:relative;top:-1px;transition:var(--transition);filter: brightness(0) invert(1);}
.dashboard_content{padding:30px;margin-top:var(--dashboard_header_height);width:calc(100% - var(--aside_width));min-height:calc(100vh - var(--dashboard_header_height));margin-left:var(--aside_width);transition:var(--transition)}
.aside_active{--aside_width:84px}
.aside_active .dashboard_sidebar .head{padding:15px 10px 15px 10px}
.aside_active .aside_menu li a{padding:0 30px}
.aside_active .aside_menu li a span{margin-left:-10px;opacity:0;visibility:hidden;width:0}
body:not(.aside_active):has(.aside_menu:hover) .tooltip.show{opacity:0}
.table-responsive{border-radius:15px;background-color:var(--c_white)}
.table{margin-bottom:0}
.table .short_desc,.table p{color:var(--c_black);font-size:14px}
.table .user_info{display:flex;align-items:center;gap:15px;min-width:150px;position:relative}
.table .user_info .view_user{position:absolute;inset:0}
.table .user_img,.table .user_info figure{width:40px;height:40px;min-width:40px;border-radius:40px}
.table .user_img{position:relative}
.table .user_img figcaption{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;cursor:pointer}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.white_box {box-shadow: var(--shadow);transition: var(--transition);background-color: var(--c_white);border-radius: 15px;position: relative;}
.white_box:not(.p_0) {padding: 25px;}
.report_boxes ul li img{width: 100%;height: 100%;}
.table .user_img figcaption i{animation:blink 2s infinite}
.table .user_info p{margin:0}
.table tr :is(th,td){white-space:nowrap;color:var(--c_black);background-color:var(--c_white);border-bottom:1px solid #bfbfbf;background-color:transparent;vertical-align:middle}
.table .no-border{border:0;color:var(--c_primary);background:0 0}
.table .no-border{border:0;color:var(--c_primary);pointer-events:none;background:0 0}
.table tr th{font-size:14px;font-weight:600;padding:15px;line-height:1.2}
.table tr td{font-size:14px;font-weight:400;padding:8px 15px;line-height:1.4}
.table tr td.short_decs{white-space:normal;max-width:300px}
.table tbody tr:last-child td{border:none}
.table tr .c_primary,.table tr td.c_primary{color:var(--c_primary)}
.table tr td .control_group{margin:0}
.table tr .c_danger,.table tr td.c_danger{color:var(--c_danger)}
.actions{display:inline-flex;align-items:center;gap:5px}
.actions li{display:inline-flex;margin:0}
.actions li a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;font-size:14px;color:var(--c_white);background-color:var(--c_primary)}
.actions li a:has(.fa-trash){background-color:var(--c_danger)}
.actions li a:hover{transform:translateY(-2px)}
.table select{height:35px;font-size:15px;font-weight:500;border-radius:5px;padding:2px 25px 2px 8px;color:var(--c_black);background-position:right 7px center;background-size:11px 11px;text-overflow:ellipsis;max-width:120px;min-width:120px;width:100%}
.table select:has(option[value=accepted]:checked){color:var(--c_primary)}
.table select:has(option[value=declined]:checked){color:var(--c_danger)}
.table select option{color:var(--c_black);background-color:var(--c_white)}
.table .toggle_label input[type=checkbox]{width:80px}
.table .toggle_label input[type=checkbox]::after{content:"Inactive"}
.table .toggle_label input[type=checkbox]:checked::after{content:"Active"}
.page_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:30px}
.page_head .right_s{display:inline-flex;align-items:center;gap:20px}
.page_head .btn_flex{margin:0;gap:10px}
.page_head .btn_flex .btnn{font-size:15px;min-height:40px;padding:5px 20px;white-space:nowrap;min-width:140px}
.white_box.p_1{padding:1px;margin-inline:-1px}
.white_box_head h2{font-weight:500}
.white_box_head h2:not(:last-child){margin-bottom:8px}
.report_boxes .gap_m{--gap_x:15px;--gap_y:15px}
.report_boxes ul li{width:calc(100% / 4 - var(--gap_x));margin-bottom:0;position:relative;box-shadow:var(--shadow);transition:var(--transition);background-color:var(--c_white);border-radius:15px;padding: 20px;display: flex;align-items: center;justify-content: space-between;}
.report_boxes ul li figure{width: 40px;height: 40px;}
.report_boxes ul li a{position:absolute;inset:0;display:block}
.report_boxes .li:hover{box-shadow:var(--shadow_hover);transform:translateY(-3px)}
.report_boxes h2{line-height:1;margin-bottom:10px}
.report_boxes p{line-height:1.2}
.table_boxes .white_box_head{margin-bottom:20px}
.date_range label{padding:11px 45px 11px 62px;background-color:var(--c_white);box-shadow:var(--shadow);border-radius:15px;position:relative;cursor:pointer;margin:0}
.date_range label b{color:#202020;font-size:18px;font-weight:700;display:block;margin-bottom:3px;line-height:1.25}
.date_range label .fa-calendar{font-size:22px;color:var(--c_primary);transform:translate(0,-50%);position:absolute;line-height:1;left:24px;top:50%}
.date_range label .fa-caret-down{font-size:20px;color:var(--c_black);transform:translate(0,-50%);position:absolute;line-height:1;right:17px;top:50%}
.date_range label input{height:auto;padding:0;border:none;border-radius:0;font-size:14px;min-width:215px;color:var(--c_text);text-overflow:ellipsis}
.modal .modal-dialog{max-width:600px}
.provider_modal .modal-dialog{max-width:570px;justify-content:center}
.view_doc_modal .modal-dialog{max-width:1050px}
.view_doc_modal .modal-dialog .inner{max-width:100%}
.modal .modal-content{border:none;box-shadow:var(--shadow);border-radius:20px}
.modal .modal-body{padding:40px;position:relative}
.modal .btn-close{font-size:16px;position:absolute;right:20px;top:20px;padding:0;opacity:1}
.provider_modal .auth_sc .inner{padding:0;box-shadow:none;border-radius:0;background-color:transparent}
.detail_list li{display:flex;flex-wrap:wrap;color:var(--c_text_dark);font-weight:500;gap:5px 20px;width:calc(100% / 3);flex-direction:column;word-break:break-word}
.detail_list.gap_p li{margin-bottom:0}
.detail_list li.w_50{width:50%}
.detail_list li.w_100{width:calc(100%)}
.detail_list li:empty{margin:0}
.detail_list li.aic{align-items:center}
.detail_list p{color:var(--c_text_dark)}
.detail_list p:not(:last-child){margin-bottom:5px}
.detail_list li strong{min-width:160px;max-width:100%}
.detail_list li strong.w_100{min-width:100%;max-width:100%}
.user_image_view{display:inline-flex;align-items:center;gap:5px}
.user_image_view img{height:60px;width:60px;min-width:60px;border-radius:50%;object-fit:cover;object-position:center}
.upload_image_view figure{width:100%;aspect-ratio:1/1;background-color:#e2e2e2;border-radius:20px;overflow:hidden}
.upload_image_view{position:relative}
.upload_image_view .download_btn{position:absolute;top:15px;right:15px;min-width:35px;min-height:35px;border-radius:35px;padding:3px}
.upload_image_view figure img{width:100%;height:100%;object-fit:cover;object-position:center}
.bootstrap-select{width:100%!important}
.bootstrap-select>.btn.dropdown-toggle,.bootstrap-select>.btn.dropdown-toggle:focus{outline:0!important}
.bootstrap-select>.btn::after{display:none}
.bootstrap-select>.btn.bs-placeholder{color:var(--c_text)}
.bootstrap-select>.btn.dropdown-toggle,.bootstrap-select>.btn.dropdown-toggle:focus{outline:0!important}
.bootstrap-select>.btn,select{height:50px;padding:0 40px 0 20px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right 20px center;background-repeat:no-repeat;background-size:13px 13px;appearance:none}
.bootstrap-select .filter-option{display:flex;align-items:center}
.bootstrap-select .filter-option-inner{width:100%}
.bootstrap-select .filter-option-inner-inner{text-overflow:ellipsis;width:100%}
.bootstrap-select .dropdown-menu li{font-size:14px;margin-bottom:0}
.bootstrap-select .dropdown-menu li.selected .bs-ok-default::after{color:var(--c_primary)}
.bootstrap-select>.btn,input,select,textarea{width:100%;font-size:14px;font-weight:500;color:#272727;border-radius:8px;border:1px solid var(--c_border1);background-color:var(--c_grey_light);transition:var(--transition);box-shadow:none;outline:0}
.detail_list label.toggle_label{font-size:18px;font-weight:400;color:var(--c_text_dark);background-color:var(--c_grey);padding:8px 10px;border-radius:5px;margin-bottom:5px}
.custom_tabs{display:flex;gap:5px}
.white_box .custom_tabs .nav-link{background-color:var(--c_grey)}
.custom_tabs+.white_box{border-top-left-radius:0}
.custom_tabs .nav-link{min-width:1px;min-height:45px;border-radius:15px 15px 0 0;color:var(--c_text_dark);font-size:16px;font-weight:500;padding:7px 15px 5px;display:inline-flex;align-items:center;justify-content:center;background-color:#ffffff80;transition:var(--transition)}
.custom_tabs .nav-link:hover{color:var(--c_primary)}
.custom_tabs .nav-link.active{color:var(--c_white);background-color:var(--c_primary)}
.custom_tabs1{display:flex;gap:0}
.custom_tabs1+.white_box{border-top-left-radius:0}
.custom_tabs1 .nav-link{min-width:1px;min-height:1px;border-radius:0;color:var(--c_text_dark);font-size:16px;font-weight:500;padding:0 15px 5px;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;transition:var(--transition);border-bottom:2px solid var(--c_grey)}
.custom_tabs1 .nav-link:hover{color:var(--c_primary)}
.custom_tabs1 .nav-link.active{color:var(--c_primary);background-color:transparent;border-color:var(--c_primary)}
.form_modal .btn_flex{margin-top:15px;justify-content:flex-end}
.table .user_image_view img{height:40px;width:40px;min-width:40px;align-self:self-start}
.table .user_image_view{vertical-align:middle}
.rating_icon{vertical-align:middle;display:inline-flex;align-items:center;gap:5px}
.rating_icon i{color:var(--c_primary);position:relative;top:-2px;font-size:20px}
.chart{height:300px;width:100%;display:flex;justify-content:center;position:relative}
.filters_row{display:flex;justify-content:space-between;border-radius:15px 15px 0 0;background-color:var(--c_white);border-bottom:1px solid var(--c_border1);padding:15px 15px 15px;gap:20px}
.filters_row .btn_flex{margin-top:0}
.filters_row .control_group{margin:0}
.filters_row :is(.left_s,.right_s){display:inline-flex;align-items:center;gap:10px}
.filters_row :is(.search_bar input,.form_control select){font-weight:500;border:1px solid #e2e2e2;background-color:#fafafa;height:40px}
.filters_row .btnn{min-height:40px}
.filters_row .form_control{display:flex;align-items:center;gap:8px}
.filters_row .form_control label{font-size:14px;font-weight:600;margin-bottom:0;color:var(--c_text_dark);white-space:nowrap}
.filters_row .form_control select{padding:0 32px 0 15px;background-position:right 12px center;background-size:11px 11px}
.filters_row .form_control input:not([type=search]){padding:0 15px}
.filters_row .form_control :is(select,input:not([type=search])){min-width:170px;max-width:170px}
.filters_row .form_control input[name=daterange]{min-width:330px;max-width:330px;height:40px}
.filters_row .search_bar input[type=search]{background-position:19px center;background-size:18px;font-size:14px;padding:5px 15px 5px 50px;max-width:250px;min-width:250px}
.table_pagination{display:flex;align-items:center;justify-content:flex-end;border-radius:0 0 15px 15px;background-color:var(--c_white);border-top:1px solid var(--c_border1);padding:15px 15px 15px;gap:3px}
.table_pagination a{border:1px solid var(--c_text);height:35px;width:35px;padding:5px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;border-radius:3px}
.table_pagination a:hover{color:var(--c_primary);border:1px solid var(--c_primary)}
.table_pagination a.active{color:var(--c_white);border:1px solid var(--c_primary);background-color:var(--c_primary)}
.form_field{--gap_x:20px;--gap_y:20px}
.gap_m.form_field .control_group{margin:var(--gap_y) 0 0 var(--gap_x);width:calc(100% - var(--gap_x))}
:is(.gap_p,.gap_m) .control_group{margin-bottom:0}
.form_field .w_50{width:calc(50% - var(--gap_x))}
.short_desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;width:100%;white-space:normal;max-width:250px;min-width:240px}
.mb_20{margin-bottom:20px}
.graph_boxes{gap:16px;flex-wrap:wrap}
.graph_boxes .w_49{width:calc(50% - 8px)}
.graph_boxes .control_group{max-width:170px;width:100%;margin:0}
.graph_boxes h2{margin:0}
.mt_20{margin-top:20px}
.position_relative{position:relative}
.error_page{min-height:100vh;border-radius:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.error_page>figure{max-width:450px;margin-inline:auto}
@media (max-width:1300px){
.white_box:not(.p_0){padding:20px}
}
@media screen and (max-width:1199.98px){
.dashboard_content,.dashboard_header{width:100%;margin-left:0}
.dashboard_sidebar{transform:translateX(-100%)}
.aside_active .dashboard_sidebar{transform:translateX(0)}
.aside_active .header_left .dash_hamburgur{display:none}
.aside_active{--aside_width:270px}
.aside_active .dashboard_sidebar .head{padding:15px 20px}
.aside_active .aside_menu li a{padding:0 20px}
.aside_active .aside_menu li a span{margin-left:0;opacity:1;visibility:visible;width:auto}
.report_boxes ul li{width:calc(100% / 3 - var(--gap_x))}
}
@media (max-width:991.91px){
.graph_boxes .w_49{width:calc(100%)}
.bootstrap-select>.btn,input,select,textarea{border-radius:15px}
.modal-content{width:95%}
.custom_tabs .nav-link{font-size:14px;padding:7px 10px 5px}
}
@media (max-width:767.98px){
.detail_list li strong{font-size:16px}
.auth_sc .inner{width:95%;margin-inline:auto}
.page_head{margin-bottom:20px}
.report_boxes ul li{width:calc(100% / 2 - var(--gap_x))}
.page_head .btn_flex .btnn{font-size:14px;padding:6px 16px;min-width:100px}
.table tr td{font-size:13px;padding:10px}
.page_head{margin-bottom:16px;flex-wrap:wrap;gap:12px}
.white_box:not(.p_0){padding:20px}
.form_field .w_50{width:calc(100% - var(--gap_x))}
.detail_list li{width:calc(100% / 2)}
.filters_row{flex-wrap:wrap;row-gap:10px}
textarea{height:80px}
.custom_tabs,.custom_tabs1{overflow:auto;white-space:nowrap;flex-wrap:nowrap}
.custom_tabs .nav-link,.custom_tabs1 .nav-link{min-height:40px;font-size:14px;padding:7px 10px 5px;min-width:fit-content}
.bootstrap-select>.btn,input,select,textarea{border-radius:10px}
.control_group.w_50{width:calc(100% - var(--gap_x))}
.aside_menu li a{min-height:40px}
.auth_sc .inner{padding:30px 20px}
.auth_sc .inner .hd_4{margin-bottom:20px}
a.back_icon{top:-5px}
.otp_input input{width:70px;height:70px;font-size:22px}
.form_bottom p{font-size:14px}
.btnn{font-size:14px;min-height:40px;padding:5px 15px}
.auth_sc .logo{width:130px;height:60px;margin:0 auto 10px}
.aside_active .dashboard_sidebar .head{padding:8px 16px}
.dashboard_sidebar .logo{height:55px}
.aside_active .aside_menu li a{padding-inline:16px}
.filters_row .form_control input[name=daterange]{min-width:1px}
.filters_row .right_s{flex-grow:1}
.filters_row .form_control:has(input[name=daterange]){width:100%}
.filters_row :is(.left_s,.right_s){flex-wrap:wrap}
.detail_list li:is(.w_50,.w_33){width:100%}
}
@media (max-width:575.98px){
.white_box:not(.p_0){padding:16px}
.detail_list li strong{font-size:14px}
.detail_list li span{font-size:13px}
.dashboard_content{padding:20px}
.auth_sc .inner{padding:24px 16px}
.report_boxes ul li{width:calc(100% - var(--gap_x))}
.header_right{gap:16px}
.noti_icon>a figure img{width:30px}
.user_icon>a figure img{width:45px;height:45px}
.user_icon>a{font-size:14px}
.w_25:has(.upload_image_view){width:50%}
.detail_list li{width:calc(100%)}
.graph_boxes .control_group{max-width:130px}
.graph_boxes .control_group_flex h2{font-size:16px}
.graph_boxes .line{height:400px!important}
.filters_row .search_bar input[type=search]{min-width:200px}
.modal .modal-body{padding:30px 20px}
.add_faq .form_btn{margin-top:0}
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){min-height:210px}
.chat_sc .lt_s{height:100%;padding:20px;max-height:calc(100vh - 227px);min-height:calc(100vh - 227px);width:calc(28.5% - var(--gap_x));background-color:#fff;border-radius:14px;overflow:auto}
.chat_sc .lt_s .search_bar{top:-20px;position:sticky;margin:-20px -20px 0;width:calc(100% + 40px);background-color:#fff;padding:20px;z-index:1}
.chat_sc .lt_s .search_bar input{height:40px}
.chat_sc .lt_s .search_bar .control_group{margin-bottom:0}
.chat_sc .rt_s{width:calc(71.5% - var(--gap_x))}
.chat_sc .chat_single{display:flex;align-items:center;position:relative;cursor:pointer}
.chat_sc .chat_single:not(:last-child){margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1215686275)}
.chat_sc .chat_single figure{width:40px;height:40px;min-width:40px;border-radius:50%;overflow:hidden}
.chat_sc .chat_single figure img{width:100%;height:100%;object-fit:cover}
.chat_sc .chat_single .c_info{width:calc(100% - 53px);padding-left:12px}
.chat_sc .chat_single p{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;line-height:1.2;font-size:12px;gap:10px}
.chat_sc .chat_single p:not(:last-child){margin-bottom:8px}
.chat_sc .chat_single p strong{font-size:14px;font-weight:500;color:#1e1e1e;white-space:normal;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.chat_sc .chat_single p .time{font-size:10px;font-weight:400;white-space:nowrap}
.chat_sc .chat_single p:last-child{white-space:normal;display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-right:25px}
.chat_sc .chat_single .count{height:20px;min-width:20px;border-radius:50%;background-color:var(--c_secondary);color:#fff;font-size:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:5px;bottom:10px}
.chat_sc .chat_box{display:flex;align-items:stretch;flex-direction:column;background-color:#fff;max-height:calc(100vh - 227px);min-height:calc(100vh - 227px);border-radius:14px;overflow:auto}
.chat_sc .chat_box .chat_head{top:0;display:flex;align-items:center;border-bottom:1px solid #e6e6e6;background-color:#fff;padding:15px 25px;position:sticky;z-index:2;gap:15px}
.chat_sc .chat_box .chat_head figure{width:76px;height:76px;min-width:76px;border-radius:50%;overflow:hidden;border:4px solid rgba(5,166,51,.2)}
.chat_sc .chat_box .chat_head figure img{width:100%;height:100%;object-fit:cover}
.chat_sc .chat_box .chat_head h2{font-size:18px;color:#000;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch}
.chat_sc .chat_box .chat_head h2 strong{font-weight:600}
.chat_sc .chat_box .chat_head h2 span{font-size:14px;font-weight:400;color:#5f5f5f}
.chat_sc .chat_box .chat_body{flex:1;padding:25px 25px 0}
.chat_sc .chat_box .chat_body .single_message{max-width:430px}
.chat_sc .chat_box .chat_body .single_message:not(:last-child){margin-bottom:15px}
.chat_sc .chat_box .chat_body .single_message .msg_body{width:auto;padding:12px 16px;background-color:#fff;word-break:break-word;display:inline-block;border-radius:10px;position:relative;margin-bottom:20px}
.chat_sc .chat_box .chat_body .single_message .msg_body p{font-size:14px;font-weight:400;line-height:1.5}
.chat_sc .chat_box .chat_body .single_message .msg_body span{top:100%;right:0;position:absolute;font-size:12px;line-height:1.5;color:rgba(0,0,0,.6);white-space:nowrap;padding-top:4px;display:inline-flex}
.chat_sc .chat_box .chat_body .single_message.sended{text-align:right;margin-left:auto}
.chat_sc .chat_box .chat_body .single_message.sended .msg_body{background: var(--c_primary)}
.chat_sc .chat_box .chat_body .single_message.sended .msg_body p{color:#fff;text-align:right}
.chat_sc .chat_box .chat_body .single_message.recieved .msg_body{background-color:rgba(241,241,241,.6980392157)}
.chat_sc .chat_box .chat_body .single_message.recieved .msg_body p{color:#000}
.chat_sc .chat_box .chat_foot{left:0;bottom:0;display:flex;align-items:center;background-color:#fff;padding:10px 25px;margin-top:auto;position:sticky;gap:15px}
.chat_sc .roundIcon_btn{background:0 0;border:0;display:none}
.chat_sc .chat_box .chat_foot button{background:0 0;border:0}
.chat_sc .chat_box .chat_foot .control_group{margin:0;position:relative;flex-grow:1}
.chat_sc .chat_box .chat_foot .control_group button{position:absolute;right:15px;top:12px}
@media only screen and (max-width:1399.98px){
.chat_sc .lt_s{padding:15px;border-radius:10px;max-height:calc(100vh - 195px);min-height:calc(100vh - 195px)}
.chat_sc .lt_s .search_bar{top:-15px;margin:-15px -15px 0;width:calc(100% + 30px);padding:15px}
.chat_sc .chat_single:not(:last-child){margin-bottom:12px;padding-bottom:12px}
.chat_sc .chat_single .c_info{width:calc(100% - 50px);padding-left:10px}
.chat_sc .chat_single p:not(:last-child){margin-bottom:5px}
.chat_sc .chat_box{border-radius:10px;max-height:calc(100vh - 195px);min-height:calc(100vh - 195px)}
.chat_sc .chat_box .chat_head{padding:10px 15px;gap:10px}
.chat_sc .chat_box .chat_head figure{width:45px;height:45px;min-width:45px}
.chat_sc .chat_box .chat_body{padding:20px 15px 0}
.chat_sc .chat_box .chat_body .single_message:not(:last-child){margin-bottom:12px}
.chat_sc .chat_box .chat_body .single_message .msg_body{padding:10px 14px}
.chat_sc .chat_box .chat_body .single_message .msg_body p{font-size:13px}
}
@media (max-width:1200px){
.chat_sc .roundIcon_btn{display:block}
}
.lgn_dtl p, .lgn_dtl label, .lgn_dtl a, .lgn_dtl h2{color: var(--c_white);}
.lgn_dtl .btn_success, .lgn_dtl input[type=checkbox]:checked {background: var(--c_white);}
.lgn_dtl input[type=checkbox]:checked::before{color: var(--c_primary);}
.lgn_dtl .fas{color: var(--c_black);}
.aside_menu .dropdown-menu.show{position: unset !important;inset: 0;margin: 0px;transform: unset !important;background: transparent !important;}
.usr_img {width: 40px;}
.dcmt_uplod .upload_image, .dcmt_uplod .upload_image figure img{border-radius: unset;}
.dcmt_uplod .upload_image{display: block;}
.dcmt_uplod .upload_image figure, .dcmt_uplod .upload_image_view figure{width: 100%;height: 200px;}
.right_btn{position: absolute;right: 20px;top: 15px;}
.bil_card .detail_list   li{width: auto}
.bil_card .detail_list  {margin: 0;}
.header_right .dropdown-menu  li figure{width: 30px;height: 30px;}
.header_right .dropdown-menu  li:last-child img{filter: brightness(0) saturate(100%) invert(38%) sepia(22%) saturate(634%) hue-rotate(187deg) brightness(91%) contrast(90%);}