/* font-family: 'Barlow', sans-serif; */
:root{--color-black:#000000;--color-red:#ff0000;--color-lightblack:#1C1B17;--color-darkgrey:#4D4D4D;--color-white:#ffffff;--color-blue:#2174D3; --color-orange: #DF5F3D; --color-grey: #F2F4F7; --color-green: #198754;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;}
*{padding:0;margin:0;border:none;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0; /* vertical-align: baseline;  */-webkit-font-smoothing:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a{text-decoration:none;color:var(--color-lightblack);display:inline-block;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
a:focus{outline:none}
a:hover,a:active{outline:0;}
a:hover{text-decoration:none; color: #2174D3;}
h1,h2,h3,h4,h5,h6,b,dt,th{font-weight:bold;}
strong{font-weight:600;}
em,i{font-style:italic;}
h1{font-size:40px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
ul{padding:0 0 0 0px;}
ol{padding:0 0 0 0px}
ul ul,ol ol{margin:0px 0;}
ul li,ol li{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dd,table,fieldset,address{margin:0 0 0px;}
img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;max-width:100%;height:auto;}
figure{margin:0;}
legend{white-space:normal;}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
table{border-collapse:separate;border-spacing:0;width:100%;empty-cells:show;border:none;}
table table{margin:0}
th,td{border:none;padding:8px 10px}
caption,th,td{font-weight:normal;background:#fff}
body{color:#1C1B17;font-family:'Barlow',sans-serif;font-weight:500;font-size:14px;line-height:22px;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.clearDiv:before,.clearDiv:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}
.clearfix:after,.container:after,.clearDiv:after,.container-fluid:after,.row:after{clear:both;}
.container{margin:0 auto;width:100%;max-width:1440px;padding:0 20px;}
.container-fluid{margin:0 auto;width:100%;padding:0 20px;}
svg:not(:root).svgImg{overflow:visible;}
.svgImg{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;font-size:22px;}
.wrapper{width:100%; /* overflow: hidden; max-width: 1920px; */margin:auto;position:relative;}
.trans,path,circle,rect,poligon{-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
a[href^="mailto"]{word-break:break-all;}
details,details summary{padding-left:0;background-image:none;-webkit-appearance:none;}
details summary::-webkit-details-marker{display:none;}
button:focus{outline:0}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* Firefox */
input[type=number]{-moz-appearance:textfield;}

::-webkit-input-placeholder{color:#7B7B7B !important;}
:-moz-placeholder{color:#7B7B7B !important;opacity:1;}
::-moz-placeholder{color:#7B7B7B !important;opacity:1;}
:-ms-input-placeholder{color:#7B7B7B !important;}
::-ms-input-placeholder{color:#7B7B7B !important;}
::placeholder{color:#7B7B7B !important;}

::-webkit-scrollbar { width: 5px; height: 5px;}
/* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--color-darkgrey); border-radius: 5px; }
/* Handle */
::-webkit-scrollbar-thumb { background: var(--color-black); border-radius: 5px; }


/*Error Message Css Start*/
label.error,span.wpcf7-not-valid-tip, .invalid-feedback{position:absolute;right:10px;top:-29px;width:auto;height:auto;margin:0;-webkit-font-smoothing:auto;line-height:normal;font:11px/11px arial;background:#fb0101;padding:5px 5px 4px;color:#fff;z-index:1;}
.form_field_div label.error, .form_field_div span.wpcf7-not-valid-tip, .form_field_div .invalid-feedback{right: 0px;}
label#email_chimp-error.error{right:inherit;left:20px;z-index:2;}
label.error:after,span.wpcf7-not-valid-tip:after, .invalid-feedback:after{border-color:#fb0101 transparent transparent;-moz-border-image:none;-o-border-image:none;border-image:none;border-right:6px solid transparent;border-style:solid;border-width:6px;content:" ";height:0;left:20px;margin-left:-10px;position:absolute;top:100%;width:0;}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing{display:none!important;}
div.wpcf7-mail-sent-ng,div.wpcf7-aborted,div.wpcf7-response-output{float:left;width:100%;}
div.wpcf7-response-output{margin: 5px 0;}
.wpcf7-display-none{display:none!important;}
.flex-div{display: -webkit-box; display: -ms-flexbox; display: flex;}
.error-left label.error{right: inherit; left: 0;}

label.error:empty, span.wpcf7-not-valid-tip:empty, .invalid-feedback:empty{display: none !important;}

.fixbody {overflow: hidden;/* position: fixed; */top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
.fixbody .overlay {visibility: visible;opacity: 1;}
.overlay {background: rgba(0, 0, 0, 0.5);position: fixed;width: 100%;height: 100%;z-index: 1;top: 0%;right: 0;opacity: 0;visibility: hidden;z-index: 999;}

body.loading{position: relative; overflow: hidden;}
body.loading:after{content: ""; position: fixed; top: 0; left: 0; z-index: 999999; background: rgba(0, 0, 0, 0.5) url("../images/loading.gif") no-repeat center center; background-size: 50px; width: 100%; height: 100%;}
/*Error Message Css End*/

.checkboxDiv {position: relative; cursor: pointer;}
.checkboxDiv > label > span {font-size: 16px; line-height: 24px; color: #000000; position: relative; padding: 0 0 0 30px; cursor: pointer;display: inline-block;}
.checkboxDiv > label > span > span {font-size: 16px;color: #000;}
.checkboxDiv input[type="checkbox"] {position: absolute;left: 0;top: 0;opacity: 0;}
.checkboxDiv > label > span::before {width: 20px;height: 20px;content: "";display: inline-block;border-radius: 3px;border: 1px solid #676A6C;position: absolute;left: 0;top: 2px;}
.checkboxDiv > label > span::after {content: '';display: inline-block;width: 6px;height: 12px;border: solid #ffffff;border-width: 0 2px 2px 0;position: absolute;left: 7px;z-index: 2;top: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);opacity: 0;}
.checkboxDiv input[type="checkbox"]:checked ~ span:before {background: var(--color-blue);border: 1px solid var(--color-blue);}
.checkboxDiv input[type="checkbox"]:checked ~ span:after {opacity: 1;}
.checkboxDiv input[type="checkbox"]:focus ~ span:before,.checkboxDiv input[type="checkbox"]:active ~ span:before{box-shadow: 0 0 5px rgba(158,158,158,0.5);}

.checkbox-dropdown {position: relative; top: 100%; left: 0; width: 100%; height: auto; background-color: #fff; padding: 15px 0 0; /*box-shadow: 3px 3px 3px rgba(158,158,158,0.2);*/ /*max-width: 450px;*/ margin-top: 5px; /*border: 1px solid #eee;*/ display: none;}
.checkbox-dropdown:before{display: none; content: ''; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee; position: absolute; left: 25px; z-index: -1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.check-drop-title{display: inline-block; width: 100%; font-size: 18px; color: #000; font-weight: 700; margin-bottom: 10px; line-height: 1;}

.radioDiv, .radioBoxMain {position: relative;}
.radioBoxMain {display: inline-block; vertical-align: middle; width: 100%;}
.radioBoxMain label.error,.radioBoxMain .error-msg{top: -20px; right: -10px;}
.radioDiv{display: inline-block; vertical-align: middle; margin-right: 15px;}

.radioDiv span {position: relative; font-size: 16px; color: #000; line-height: 22px; padding: 0 0 0 30px; cursor: pointer; display: inline-block;}
.radioDiv input[type="radio"] {position: absolute;left: 0;top: 0;opacity: 0;right: 0;width: 100%;height: 22px;display: inline-block;z-index: 2;-webkit-appearance: radio;-moz-appearance: radio;appearance: radio;cursor: pointer;}
.radioDiv span:before {content: "";width: 20px;height: 20px;display: inline-block;border-radius: 100%;border: 1px solid var(--color-blue);position: absolute;top: 1px;left: 0;background: #ffffff;}
.radioDiv span::after {content: "";width: 12px;height: 12px;display: inline-block;background: var(--color-blue);border-radius: 50%;position: absolute;top: 5px;left: 4px;opacity: 0;visibility: hidden;}
.radioDiv label input[type="radio"]:checked + span:after {opacity: 1;visibility: visible;}
.radioDiv input[type="radio"]:focus ~ span:before,.radioDiv input[type="radio"]:active ~ span:before{box-shadow: 0 0 5px rgba(158,158,158,0.5);}


/*---------------------- General css End ---------------------------*/

/* ===== Table Styles ===== */
table, .table, table.dataTable{margin-bottom: 0;}
#datatables { width: 100% !important; border-collapse: collapse; border-radius: 12px;}
#datatables table thead th { border-top: none; font-weight: 600; color: var(--color-black); position: sticky; top: 0; background: white; z-index: 10; }
th,td,table.table th, table.table td, table.dataTable th, table.dataTable td { vertical-align: middle; white-space: nowrap;}
table.table th, table.dataTable th {padding: 12px 16px !important; font-weight: 600; }
table.table td, table.dataTable td {padding: 8px 16px !important; color: #4D4D4D; }

.dataTables_scrollHeadInner{border-bottom: 2px solid rgba(77, 77, 77, 0.1);}
table.table tbody tr td, table.dataTable tbody tr td{border-top: 1px solid rgba(77, 77, 77, 0.1);}
/*table.table th.select-checkbox, table.table td.select-checkbox, table.dataTable th.select-checkbox, table.dataTable td.select-checkbox{text-align: center;}
*/
div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom: transparent !important; min-height: 220px; background-color: #ffffff;}
.emails_main div.dt-container.dt-empty-footer .dt-scroll-body{background-color: transparent;}

[type=checkbox], [type=radio]{color: var(--color-black) !important; cursor: pointer; accent-color: var(--color-blue);}
[type=checkbox]:focus, [type=radio]:focus {outline: 2px solid transparent;  outline-offset: 0; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-black); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--color-black) !important; box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {content:"";
    position: relative; display: inline-block; bottom: -2px; right: -6px; background-repeat: no-repeat; background-position: center center; background-size: contain; width: 12px; height: 14px;}
table.dataTable thead .sorting:after{background-image: url("../images/sorting-icon.svg");}
table.dataTable thead .sorting_asc:after{background-image: url("../images/sorting-icon.svg");}
table.dataTable thead .sorting_desc:after{background-image: url("../images/sorting-icon.svg");}

/*.dataTables_scrollHead, .dt-scroll-head, .dataTables_scrollBody, .dt-scroll-body{overflow: unset !important;}*/
.dataTables_scrollBody thead th, .dt-scroll-body thead th{padding: 0px 16px !important; line-height: 0px;}
.dataTables_scrollBody table.dataTable thead th:after, .dt-scroll-body table.dataTable thead th:after {opacity: 0; visibility: hidden; height: 0 !important; line-height: 0px;}
/*.dataTables_scrollHead, .dt-scroll-head {display: none;}*/
/*.dataTables_scrollBody #datatables thead, .dt-scroll-body #datatables thead{opacity: 0; visibility: hidden;}*/
/*.dataTables_scrollBody #datatables thead th div, .dt-scroll-body #datatables thead th div{height: auto !important; overflow: unset !important; display: inline;}*/

#datatables_wrapper .top{padding-bottom: 16px; padding-top: 6px; display: flex; justify-content: space-between; align-items: center;}
#datatables_wrapper .bottom{padding-top: 16px; padding-bottom: 6px; display: flex; justify-content: space-between; align-items: center;}
#datatables_wrapper .top:empty, #datatables_wrapper .bottom:empty, #datatables_wrapper .top:has(> div:empty), #datatables_wrapper .bottom:has(> div:empty){display: none;}
.dataTables_length, .dataTables_length label, .dt-length, .dt-length label {display: flex; align-items: center; gap: 10px; text-transform: capitalize;}
/*.dataTables_scroll {overflow: auto; max-height: calc(100vh - 236px);}*/
div.dataTables_processing, div.dt-processing {position: absolute; top: 75%; left: 45%; transform: translate(-50%, -50%); z-index: 999; border-radius: 0; padding: 10px; margin: 0;}
.dataTables_processing > div, .dt-processing>div{display: none;}
table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after{box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);}



select.form-control, div.dt-container select.dt-input{background: #fff url("../images/angle-down.svg") no-repeat center right 5px; min-width: 56px; cursor: pointer;}
div.dt-container .dt-input{color: var(--color-black);}
div.dt-container select.dt-input option{color: var(--color-black);}
.page-item.active .page-link{background-color: var(--color-blue); border-color: var(--color-blue);}
.dt-paging nav {display: flex; gap: 8px;}
div.dt-container .dt-paging .dt-paging-button{border: 1px solid rgba(0, 0, 0, 0.2); color: #4D4D4D !important; border-radius: 4px; transition: all .4s ease-in-out;}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{background: var(--color-blue) !important; color: #ffffff !important;}
div.dt-container .dt-paging .dt-paging-button:hover{background: var(--color-lightblack); color: #ffffff !important;}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active{border: 1px solid rgba(0, 0, 0, 0.2); color: #4D4D4D !important; cursor: not-allowed;}
/* Sticky action column */
/*th:last-child, td:last-child { position: sticky; right: 0; background: white; z-index: 2; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05); text-align: center; }
th:last-child { z-index: 11; } 
th:last-child img, td:last-child img{display: inline-block;}*/

.action-icon{cursor: pointer; min-width: 14px; min-height: 14px;}
/* Responsive container */

/* Column width classes */
.column-w-50 { min-width: 50px !important; width: 50px !important; }
.column-w-100 { min-width: 100px !important; width: 100px !important; }
.column-w-150 { min-width: 150px !important; width: 150px !important; }
.column-w-200 { min-width: 200px !important; width: 200px !important; }

/* ===== Card & Header Styles ===== */
.card-title {font-weight: 600; color: var(--color-lightblack); font-size: 20px; line-height: 30px; margin: 0;}
.contacts-count { font-size: 0.9rem; color: #666; }


/* ===== Filter Panel Styles ===== */
.filter_panel_main{position: relative;}
.filter-panel {margin-bottom: 0; background-color: #ffffff; border-radius: 4px; position: absolute; width: 400px; right: 0; top: calc(100% + 20px); z-index: 999; box-shadow: 2px 2px 26px 0px #00000040;}
.filter-options-container {display: flex; flex-direction: column; gap: 4px; padding: 12px 0;}
.filter-option { padding: 2px 15px; cursor: pointer; transition: all 0.2s; }
/*.filter-option:hover { background-color: #f0f0f0; }*/
/*.filter-option.active { background-color: #e9ecef; }*/
.filter-label {padding: 6px 5px 6px 30px; display: block; position: relative;}

.filter-label.checkbox::before {width: 20px;height: 20px;content: "";display: inline-block;border-radius: 3px;border: 1px solid #676A6C;position: absolute;left: 0;top: 6px;}
.filter-label.checkbox::after {content: '';display: inline-block;width: 6px;height: 12px;border: solid #ffffff;border-width: 0 2px 2px 0;position: absolute;left: 7px;z-index: 2;top: 8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);opacity: 0;}
.filter-option.active > .filter-label.checkbox:before {background: var(--color-blue);border: 1px solid var(--color-blue);}
.filter-option.active > .filter-label.checkbox:after {opacity: 1;}

.filter-label.radiobox::before {width: 20px; height: 20px; content: ""; display: inline-block; border: 1px solid #676A6C; position: absolute; left: 0; top: 6px; border-radius: 100%;}
.filter-label.radiobox::after {content: ''; display: inline-block; width: 12px; height: 12px; background-color: var(--color-blue); position: absolute; left: 4px; z-index: 2; top: 10px; opacity: 0; border-radius: 100%;}
.filter-option.active > .filter-label.radiobox:before {border: 1px solid var(--color-blue);}
.filter-option.active > .filter-label.radiobox:after {opacity: 1;}

.filter-input {padding: 15px; margin: 0 -15px; background-color: #f2f4f7; border-radius: 0;}
.filter-input.active { background: #dee2e6; padding: 11px; }
.font_20{font-size: 20px; line-height: 1.5; font-weight: 600; color: var(--color-black);}
.filter-panel_header, .filter-panel_footer{padding: 15px;}
.filter-panel_header{border-bottom: 1px solid rgba(28, 27, 23, 0.1);}
.filter-panel_footer{border-top: 1px solid rgba(28, 27, 23, 0.1)}
/* ===== Search Box ===== */
.search-box {display: flex; align-items: center; padding: 10px 15px; width: 100%; max-width: 100%; background-color: #F2F4F7;}
.search-box input { border: none; outline: none; width: 100%; font-size: 16px; color: #333; background: transparent; }
.search-box input:focus { box-shadow: none; }
.search-box .filter_search.with_icon {background: #fff url('../images/search-icon-grey.svg') no-repeat center left 10px;
    padding-left: 30px;}
.filters_tab{border-bottom: 1px solid #1C1B171A; background-color: #ffffff; padding: 0 15px; display: flex; gap: 8px;}
.filter_tab_link{position: relative; font-size: 14px; line-height: 46px; font-weight: 500; border-bottom: 2px solid transparent; transition: all .4s ease-in-out; padding: 0 8px; cursor: pointer;}
.filter_tab_link.active{color: var(--color-blue); border-bottom-color: var(--color-blue);}
.filter_panel_form_main {max-height: calc(100vh - 350px); overflow-y: auto;}

/* ===== Checkbox Styles ===== */
.select-checkbox { width: 18px; height: 18px; cursor: pointer; }
.select-all-checkbox { margin: 0px; }


/* header start */
header.header_main{position: sticky; top: 0; z-index: 9999; box-shadow: 0px 1px 16px 0px rgba(33, 116, 211, 0.1);}
.header_inner{gap: 34px;}
/*.header_left {padding-right: 15px;}*/
.header_main img.worthy_logo{width: 205px;}
.header_midddle {flex-grow: 1;}

/*main menu start*/
.top_nav>li {display: inline-block; vertical-align: middle; text-align: left; cursor: pointer; position: relative; -moz-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.top_nav>li~li {margin-left: 30px;}
.top_nav>li>a {display: inline-block; position: relative; padding: 0 5px;}
.top_nav>li>a:before{content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--color-blue); transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: .4s ease-in-out; -webkit-transform-scale: 0; -ms-transform-scale: 0; -o-transform-scale: 0; transform-scale: 0;}
.top_nav li.current-menu-parent>a {color: var(--color-black); position: relative;}
.top_nav li.current-menu-item>a {color: var(--color-blue); position: relative;}
.top_nav li.current-menu-item>a > img{filter: brightness(0) saturate(100%) invert(39%) sepia(82%) saturate(1014%) hue-rotate(187deg) brightness(83%) contrast(98%);}
.top_nav li ul li.current-menu-item>a {background-color: var(--color-blue); color: #ffffff; position: relative;}
.top_nav li.current-menu-parent>a:before, .top_nav li.current-menu-item>a:before{width: 100%; -webkit-transform-scale: 1; -ms-transform-scale: 1; -o-transform-scale: 1; transform-scale: 1;}
.top_nav li.has-sub-menu.current-menu-parent>a:before, .top_nav li.has-sub-menu.current-menu-item>a:before{width: calc(100% + 25px);}
.top_nav>li .arrow {display: inline-block; width: 20px; height: 56px; cursor: pointer; position: relative; vertical-align: middle; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: .4s ease-in-out; float: right; border: 0; z-index: 1;}
.top_nav>li .arrow::before {content: ""; width: 8px; height: 8px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; -ms-transform: rotate(45deg) translate(50%,50%); -moz-transform: rotate(45deg) translate(50%,50%); -o-transform: rotate(45deg) translate(50%,50%); -webkit-transform: rotate(45deg) translate(50%,50%); transform: rotate(45deg) translate(50%,50%); position: absolute; top: -15px; right: 0; font-size: 0; background: 0 0; left: 0; margin: auto; bottom: 0; transition: all .4s ease-in-out;}
.top_nav li.current-menu-item > .arrow:before{border-color: #ffffff;}
.top_nav > li.current-menu-item > .arrow:before{border-color: var(--color-blue);}
/*.top_nav>li .arrow::before {content: ""; position: absolute; top: 50%; left: 50%; width: 0;height: 0;border-style: solid;border-width: 5px 4px 0 4px;border-color: #000 transparent transparent transparent; -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}*/
.sub-menu {position: absolute; left: 0; right: 0; top: 100%; margin: auto; z-index: 99; min-width: 200px; width: 100%; box-shadow: 0 2px 3px 0 rgba(0,0,0,.15); background: rgba(255,255,255,.99); opacity: 0; visibility: hidden; -moz-transition: .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; /* border-bottom: 2px solid var(--color-blue); */ border-radius: 10px; box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 0.15);}
.sub-menu>li a {display: block; padding: 8px 14px; line-height: 1.2em;}
.sub-menu>li:first-child > a{border-radius: 10px 10px 0 0;}
.sub-menu>li:last-child > a{border-radius: 0 0 10px 10px;}
.deviceDetect .sub-menu {display: none;opacity: 1;visibility: visible;-webkit-transition: unset;-ms-transition: unset;-o-transition: unset;transition: unset;}

.top_nav>li>ul>li{position: relative;}
.top_nav>li>ul>li>ul {left: 100%; right: unset; top: 0;}
.top_nav>li>ul>li .arrow {height: 100%; position: absolute; top: 0; right: 0; width: 30px;}
.top_nav>li>ul>li .arrow:before{border-bottom: unset; border-top: 1px solid #000; top: -12px; right: 10px;}
/*side menu*/
.menuIcon {display: inline-block; cursor: pointer; width: 30px; height: 30px; /*border-radius: 50%;*/ line-height: 27px; /*background: #ffffff;*/ text-align: center; float: right; margin: 10px 0; position: relative; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;}
.menuIcon span {width: 25px; position: relative; top: -4px; left: 11px; display: inline-block; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center;}
.menuIcon span, .menuIcon span::after, .menuIcon span::before {height: 2px; background: #000000; border-radius: 2px;}
.menuIcon span::before {content: ''; width: 25px; position: absolute; bottom: 8px; right: 0;}
.menuIcon span::after {content: ''; width: 25px; position: absolute; top: 8px; right: 0;}
.sideMenuDiv {position: fixed; right: 0px; background: #fff; top: 0; transition: .5s ease-in-out all; transform: translateX(110%); z-index: 999999; height: 100%; width: 100%; max-width: 300px; padding-bottom: 50px; box-shadow: 2px 2px 11px 3px rgba(0, 0, 0, 0.4);}
.open_menu {transition: .5s ease-in-out all; -webkit-transition: .5s ease-in-out all; -moz-transition: .5s ease-in-out all; -ms-transition: .5s ease-in-out all; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%);}
.sideMenuDiv span.close {position: relative; display: block; float: right; cursor: pointer; width: 30px; height: 30px; margin-right: 10px; margin-top: 10px;}
.sideMenuDiv span.close::before {content: ''; position: absolute; width: 2px; height: 25px; background: #000; left: 10px; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.sideMenuDiv span.close::after {content: ''; position: absolute; width: 2px; height: 25px; background: #000; left: 10px; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.sideMenuDiv .sideMenu {display: inline-block; width: 100%; margin: 10px 0 0; height: 100%; overflow-y: auto; overflow-x: hidden;}
.sideMenu .sub-menu li{position: relative; width: 100%;}
.sideMenu > ul > li {width: 100%; position: relative;}
.sideMenu > ul > li > a {padding: 7px 20px; line-height: 21px; font-size: 15px; font-weight: 600; display: block;}
.sideMenu ul li a {border-top: 1px solid #e4e4e4;}
.sideMenu > ul > li.current-menu-parent > a, .sideMenu > ul > li.current-menu-item > a {color: #ffffff; font-weight: 600; background: var(--color-blue);}
.sideMenu > ul > li .sub-menu {width: 100%; top: auto; left: auto; position: inherit; opacity: 1; visibility: visible; box-shadow: none; transform: none; margin: 0; display: none; transition: none;}
.sideMenu > ul > li .sub-menu > li > a {/*border: 0;*/ padding: 5px 20px 5px 45px; font-size: 14px; font-weight: 600; line-height: 21px; position: relative; display: inline-block; width: 100%;}
.sideMenu > ul > li .sub-menu > li.current-menu-parent > a, .sideMenu > ul > li .sub-menu > li.current-menu-item > a {color: var(--color-blue); font-weight: 700;}
.sideMenu > ul > li .sub-menu > li > a::before {content: ""; background: url(../images/double-arrow-right.svg) no-repeat center center; background-size: cover; width: 8px; height: 8px; position: absolute; top: 12px; left: 30px;}
.sideMenu > ul > li .sub-menu > li.current-menu-parent > a:before, .sideMenu > ul > li .sub-menu > li.current-menu-item > a:before {background: url(../images/double-arrow-right.svg) no-repeat center center; background-size: cover;}
.sideMenu > ul > li .arrow {position: absolute; right: 0; top: 0; bottom: 0; background: 0 0; display: inline-block; width: 40px; height: 35px; z-index: 9; /* transform: translateY(-50%); */ cursor: pointer; background-color: #f7f7f7;}
.sideMenu > ul > li .arrow::before {content: ""; width: 9px; height: 9px; border-bottom: 2px solid #000; border-right: 2px solid #000; -ms-transform: rotate(45deg) translate(50%,50%); -moz-transform: rotate(45deg) translate(50%,50%); -o-transform: rotate(45deg) translate(50%,50%); -webkit-transform: rotate(45deg) translate(50%,50%); transform: rotate(45deg) translate(50%,50%); position: absolute; top: 6px; right: 0; font-size: 0; background: 0 0; left: 0; margin: auto;}
.sideMenu > ul > li .arrow.minus::before {-moz-transform: rotate(-136deg); -ms-transform: rotate(-136deg); -webkit-transform: rotate(-136deg); transform: rotate(-136deg); top: 15px;}
.sideMenu > ul > li .arrow.minus{background-color: var(--color-blue);}
.sideMenu > ul > li .arrow.minus:before{border-color: #ffffff;}
/*sidemenu end*/
.top_nav > li > a{display: inline-flex; align-items: center; gap: 12px; line-height: 56px;}
.top_nav > li > a > img{transition: all .4s ease-in-out;}
.top_nav_main a{font-size: 14px; line-height: 22px; font-weight: 500;}

.header_right{display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.search-btn {display: inline-flex;align-items: center;background-color: var(--color-blue);color: #fff;height: 36px;width: 170px;text-align: center;font-weight: 500;font-size: 14px;gap: 8px; padding: 0 20px; justify-content: center;border-radius: 4px; transition: all .4s ease-in-out;}
.search-btn.width_auto{width: auto; padding: 0 14px;}
.email_sync_div .cstbtn.with_icon{display: flex; align-items: center; height: 36px; padding: 0 14px;}
.cstbtn.with_icon img{transition: all .4 ease-in-out;}
.add_contact {position: relative; pointer-events: auto; min-width: 30px; width: 30px; height: 30px; border-radius: 100%; background-color: var(--color-blue); cursor: pointer; transition: all .4s ease-in-out;}
.add_contact:after, .add_contact:before {content: ""; background: var(--color-white); position: absolute; margin: auto; top: 0; bottom: 0; -moz-transition : all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; right: 0px; left: 0;}
.add_contact:before {width: 12px; height: 2px;}
.add_contact:after {width: 2px; height: 12px;}	
.add_contact.active{background-color: var(--color-black);}
.my_account_icon{padding-right: 20px; position: relative; cursor: pointer; width: 46px;}
.my_account_icon:after {content: ""; width: 6px; height: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; -ms-transform: rotate(45deg) translate(50%,50%); -moz-transform: rotate(45deg) translate(50%,50%); -o-transform: rotate(45deg) translate(50%,50%); -webkit-transform: rotate(45deg) translate(50%,50%); transform: rotate(45deg) translate(50%,50%); position: absolute; top: 6px; right: -26px; font-size: 0; background: 0 0; left: 0; margin: auto;}
.my_account_icon img{width: 26px; height: 26px;}
/*main menu start*/

.my_account{position: relative;}
.account-menu-list {position: absolute; top: 100%; right: 0; z-index: 99; background: #fff; border-radius: 10px; width: 164px; padding: 7px 14px; font-size: 14px; font-weight: 500; color: #8F8F8F; display: none; box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 0.15);}
.my_account li a{padding: 7px 0; display: block;}
.my_account li.username{padding-top: 7px; padding-bottom: 14px; margin-bottom: 7px; border-bottom: 1px solid rgba(77, 77, 77, 0.1);}
.noDeviceDetect .my_account:hover .account-menu-list{display: block;}
/* header end */

/* middle content start */
.middle_content{min-height: calc(100vh - 92px);}
.bg_grey{background-color: var(--color-grey);}
.bg_white{background-color: var(--color-white);}
.bg_black{background-color: var(--color-black);}
.copyright_text{text-align: center; color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; padding: 8px 0;}
.pt_16{padding-top: 16px;}
.pb_16{padding-bottom: 16px;}
.dataTables_wrapper.container-fluid{padding: 0;}

.filters-main{display: flex; align-items: center; justify-content: flex-end; gap: 16px;}

input, .input-field, input.input-field, select, select.select-input-field{border: 1px solid rgba(28, 27, 23, 0.1); font-size: 14px; font-weight: 500; color: var(--color-black); border-radius: 4px; background-color: #ffffff; padding: 6px 12px; }

.search-filter-group{display: inline-flex; position: relative; width: 211px;}
.search-filter-group .input-field.input-search-field{width: 100%; max-width: 175px; border-radius: 4px 0 0 4px;}
.search-filter-group .input-search-btn{position: relative; width: 36px; height: auto; border: 1px solid rgba(28, 27, 23, 0.1); border-left: 0; background-color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 0 4px 4px 0; transition: all .4s ease-in-out;}
.search-filter-group .input-field.input-search-field:focus,.search-filter-group .input-field.input-search-field:active{outline: 0 !important; box-shadow: unset !important; border-color: rgba(28, 27, 23, 0.1);}
.filter-btn {border: 1px solid rgba(28, 27, 23, 0.1); font-size: 14px; font-weight: 500; color: #7B7B7B; border-radius: 4px; background-color: #ffffff; padding: 7px 12px; display: inline-flex; line-height: 20px; align-items: center; gap: 8px; position: relative; transition: all .4s ease-in-out;}
.filter-btn img, .search-filter-group .input-search-btn img{transition: all .4s ease-in-out;}
.filter-btn.filter-btn-black{background-color: var(--color-black);}
.filter-btn.filter-btn-blue{background-color: var(--color-blue);}
.filter-btn.filter-btn-red{background-color: var(--color-red);}
.filter-btn.filter-btn-black, .filter-btn.filter-btn-red, .filter-btn.filter-btn-blue{color: #ffffff;}
.filter-btn.angle-down{padding-right: 30px;	}
.filter-btn.angle-down:after{content: ""; width: 6px; height: 6px; border-bottom: 1px solid #7B7B7B; border-right: 1px solid #7B7B7B; -ms-transform: rotate(45deg) translate(50%,50%); -moz-transform: rotate(45deg) translate(50%,50%); -o-transform: rotate(45deg) translate(50%,50%); -webkit-transform: rotate(45deg) translate(50%, 50%); transform: rotate(45deg) translate(50%, 50%); position: absolute; top: -12px; right: 12px; font-size: 0; background: 0 0; margin: auto; bottom: 0; transition: all .4s ease-in-out;}
/* middle content end */

/*Popup Css Start*/
.popupMain {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;text-align: center;overflow: auto;opacity: 0;visibility: hidden;transition: 300ms all;-webkit-transition: 300ms all;padding: 15px;}
.popupMain:before{content:'';display: inline-block;vertical-align: middle;margin-left: -5px;height: 100%;}
.popVisible {opacity: 1;visibility: visible;}
.pop_overlayer{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transition: 300ms all;-webkit-transition: 300ms all;}
.popVisible .pop_overlayer{opacity: 1;visibility: visible;}
.popBody{display: inline-block;vertical-align: middle;text-align: left;position: relative;z-index: 99;transition: 600ms all;-webkit-transition: 600ms all;background: #F2F4F7;max-width: 100%;width: auto; min-width: 700px; height: auto;/*padding: 20px;*/border-radius: 10px;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.pop_inner.pop_foot {border-radius: 0 0 10px 10px;}
.popBody.full_width{max-width: 1280px; width: 100%; min-width: 700px;}
.popBody:before{position: absolute;left: 0;right: 0;top: 50px;bottom: 50px;background-color: #fff;content: '';z-index: -1;}
.popVisible .popBody{-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.popclick{cursor: pointer;}
.popDetails{max-height: calc(100vh - 60px); overflow-y: auto;}
.popDetails.cmsPage{padding: 0;}
.popDetails.cmsPage h1, .popDetails.cmsPage h2, .popDetails.cmsPage h3,.popDetails.cmsPage h4,.popDetails.cmsPage h5,.popDetails.cmsPage h6{margin-bottom: 15px;}
.popDetails p + p{margin-top: 15px;}
.closePopup, .closeFilter{/*position: absolute;right: -10px;top: -10px;*/ position: relative; width: 24px;height: 24px;z-index: 2;/*background:#ff0000;border-radius: 50%;box-shadow: 0 0 8px 1px rgba(0,0,0,0.25);*/}
.closePopup:before, .closeFilter:before{position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 60%;height: 2px;background: #000000; -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); transition: all .4s ease-in-out;}
.closePopup:after, .closeFilter:after{position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 60%;height: 2px;background: #000000; -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); transition: all .4s ease-in-out;}
.poptitle{display: block; padding: 7px 19px;position: relative;}
.poptitle{display:inline-block;font-weight: 700;font-size: 18px;color: #fff;line-height: 24px;padding: 6px;}
.pop_bodyFixed{ position: static;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.videoPopupDetail{line-height: 0;}
.pop_inner.pop_content {max-height: calc(100vh - 120px); overflow: auto; border-radius: 0 0 10px 10px;}


.pop_inner{padding: 10px 20px;}
.pop_head{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.pop_head_title{color: var(--color-lightblack); font-size: 20px; line-height: 1.5; font-weight: 600;}

.pop_form_buttons{display: flex; align-items: center; justify-content: space-between;}
.cstbtn, .swal2-confirm, .swal2-deny, .swal2-cancel{min-width: 150px; border-radius: 4px; border: 1px solid var(--color-blue); background-color: var(--color-blue); color: #fff; font-size: 14px; line-height: 20px; padding: 7px 16px; text-align: center; transition: all .4s ease-in-out; font-weight: 500;}
.cstbtn.cstbtn-black, .swal2-cancel {background-color: var(--color-black); color: #fff; border-color: var(--color-black);}
.cstbtn.cstbtn-red, .swal2-deny {background-color: var(--color-red); color: #fff; border-color: var(--color-red);}
.cstbtn.cstbtn-border {background-color: transparent; color: var(--color-blue);}
.cstbtn.min_width_auto, .cstbtn.width_auto{min-width: unset;}
.reset_link {padding: 7px 16px; background: transparent; font-weight: 500; color: #4D4D4D;}

.pop_form_grid{display: flex;}
.pop_form_grid .pop_form_col{display: flex; gap: 10px; flex-grow: 1;}
.form_group_main{border-radius: 5px; padding: 20px; width: 100%; flex-grow: 1;}
.form_group_label {font-size: 18px; font-weight: 500; line-height: 1; color: var(--color-black); padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}
.form_field_label, .form-control-label, .form-label {font-size: 14px; line-height: 22px; font-weight: 500; margin-bottom: 8px; color: var(--color-lightblack); display: block; text-transform: capitalize;}
.form_group_label:has(+ .form_group_grid.row){margin-bottom: 10px;}
.form_group_grid{display: flex; flex-wrap: wrap;}
.form_group_grid{gap: 20px;}
.form_group_grid.col_5 > div{width: calc(20% - 20px);}
/*.form_group_grid > .form_group{flex-grow: 1;}*/
.form_group_grid.grid_column > .form_group:last-child{margin-bottom: 0px;}
.form_group_grid.grid_column, .pop_form_grid.display_column{flex-direction: column;}
.form_field, input.form_field, .form-control {width: 100%; border: 1px solid rgba(28, 27, 23, 0.1); border-radius: 4px; font-size: 14px; font-weight: 500; padding: 6px 12px; line-height: 24px;}
.filter-options-container .form-control,.filter-options-container input{border: 1px solid rgba(28, 27, 23, 0.1) !important; border-radius: 4px !important;}
textarea.form_field, textarea.form_field, textarea.form-control{line-height: 20px; padding: 8px 12px;}
select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
select.form_field, select.form-select, select.form-control{border: 1px solid rgba(28, 27, 23, 0.1); padding: 6px 34px 6px 12px; color: #B4B4B4; cursor: pointer; background-image: url('../images/angle-down.svg') !important; background-size: auto !important; background-position: center right 14px; background-repeat: no-repeat;}
select.form_field.select_close, select.form_field option, select.form-select option, select.form-control.select_close, select.form-control option {color: var(--color-black);}
.swal2-select.form-control {background-repeat: no-repeat;background-position: center right 14px;width:auto;}
.form_field_div {position: relative;}
.form_field:focus, input.form_field:focus, .form-control:focus, input.form-control:focus, .form_field:active, input.form_field:active {box-shadow: unset !important; border-color: var(--color-black) !important; outline: 0 !important;}

.form_group{position: relative;}
.form_group.has-danger input, .form_group.has-danger select, .form_group.has-danger textarea, .form_group.has-danger .form_field, input.has-danger, select.has-danger, textarea.has-danger, .form_field.has-danger{border-color: var(--color-red);}
.bootstrap-switch{margin-bottom: 0px;}
.form_field_div + label[class*="error"] {top: 0;}

.form_group.form_group_switch.error_left label.error{left: 10px; right: unset;}
label[class*="error"]:empty {display: none;}

.list-group-item.active, .form-check-input:checked{background-color: var(--color-blue); border-color: var(--color-blue);}

.select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px; font-weight: 500; padding: 6px 30px 6px 12px; line-height: 24px; color: var(--color-black);}
.select2-container .select2-selection--single { border: 1px solid rgba(28, 27, 23, 0.1); height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; right: 10px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color: #7B7B7B;}

.form_link{font-size: 16px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px !important;}
.form_link:hover{text-decoration: none !important; }
.text-center{text-align: center;}
.back-icon{width: 20px; margin-right: 3px;}

.w_20{width: 20%;}
.w_33{width: 33.33%;}
.w_25{width: 25%;}
.w_50{width: 50%;}
.w_66{width: 66.66%;}
.w_75{width: 75%;}
.w_80{width: 80%;}
.w_100{width: 100%;}

.width_60{width: 60px !important;}

.form_group.mx_16{max-width: calc(16.66% - 16px);}
.form_group.mx_20{max-width: calc(20% - 16px);}
.form_group.mx_25{max-width: calc(25% - 15px);}
.form_group.mx_33{max-width: calc(33.33% - 15px);}
.form_group.mx_50{max-width: calc(50% - 15px);}
.form_group.mx_66{max-width: calc(66.66% - 15px);}
.form_group.mx_75{max-width: calc(75% - 15px);}
.form_group.mx_80{max-width: calc(80% - 15px);}

.form_group_grid.row, .row{margin: 0 -10px; gap: 0;}
.form_group_grid.row > [class*="col-"], .row > [class*="col-"]{padding-left: 10px; padding-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.form_field_label sup, .form-control-label sup, sup.star, start{color: #ff0000; top: 0; font-size: 100%; margin-left: 2px;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.form_group_label_text {font-size: 24px; font-weight: 600; margin-bottom: 10px;}

/*Popup Css End*/


/* footer start */
/* footer end */

/* Login pages start */
.login_main {display: flex; height: 100vh;}
.login_main > div {width: 50%;}
.login_left {padding: 30px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6%;}
.login_bg_img {width: 100%; height: 100%; background-size: cover; background-position: center center;}
.login_form_div {margin-bottom: 4%; max-width: 420px; width: 100%;}
.form_group.remember_forgot_div {justify-content: space-between;}
.form_group.form_group_submit{}
label[for="remember_me"] {cursor: pointer;}


/* Login pages end */

/* dashboard start */
.summary-container {text-align: center; margin-top: 15px; margin-bottom: 15px; } 
.total-text {font-size: 20px; margin-bottom: 48px; line-height: 30px; font-weight: 500;}
.total-text strong {color: #1565D8; } 
.circles {display: flex; justify-content: center; align-items: center; } 
.circle {width: 320px; height: 320px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; font-weight: bold; border: 8px solid #F2F4F7; } 
.circle span.number {font-size: 40px; line-height: 46px; font-weight: 600;}
.circle span.label {font-size: 19px; line-height: 25px; font-weight: 400; margin-top: 8px; text-align: center;} 
.blue {background-color: #1565D8; } 
.orange {background-color: #F2994A; } 
.circle.blue {z-index: 1;}
.circle.orange{margin-left: -20px;}
.card {border-radius: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); margin-bottom: 20px; } 
.card .card-body{padding: 20px;}
[class*='col-'] > .card{height: 100%; }
.card .card-header {background: none; border-bottom: none; font-weight: 600; font-size: 18px; line-height: 26px; padding: 20px 20px 10px 20px; border-radius: 12px 12px 0 0;} 
.card-header.pb_20, .pb_20{padding-bottom: 20px;}
.gap_40{gap: 40px;}
table thead th {font-size: 14px; line-height: 22px; font-weight: 600; color: #090707; } 
table tbody td {font-size: 14px; line-height: 22px; font-weight: 500; color: #4D4D4D; vertical-align: middle; } 
th:last-child, td:last-child{box-shadow: unset; } 
.table>:not(caption)>*>*{background-color: #ffffff;}
.btn-outline-primary {border-radius: 8px; font-size: 14px; padding: 4px 12px; } 
.badge {font-size: 12px; padding: 8px 12px; border-radius: 4px; margin: 4px; background-color: var(--color-blue); line-height: 1; font-weight: 500; text-transform: capitalize;}
.badge.bg_color_yellow,.bg_color_yellow{background-color: #FEB019;}
.badge.bg_color_blue,.bg_color_blue{background-color: #2035BA;}
.badge.bg_color_lightblue,.bg_color_lightblue{background-color: #008FFB;}
.badge.bg_color_purple,.bg_color_purple{background-color: #775DD0;}
.badge.bg_color_light_greenish_blue,.bg_color_light_greenish_blue{background-color: #5CEDBC;}
.badge.bg_color_rose_pink,.bg_color_rose_pink{background-color: #FF8899;}
.badge.bg_color_dark_blue_green,.bg_color_dark_blue_green{background-color: #005241;}
.badge.bg_color_dark_blue_green,.bg_color_dark_blue_green{background-color: #775DD0;}


.missing_count{font-size: 14px; font-weight: 500; color: #2174D3; line-height: 22px; text-decoration: underline; padding: 4px; cursor: pointer;}
.missing_data_col, .badges{position: relative;}
.other_badges {padding: 0.4rem 1rem; display: flex; flex-wrap: wrap;}
.other_badges:empty{display: none;}
/*div:not(.dropdown) .other_badges {display: none; position: absolute; top: 100%; right: 20px; padding: 15px; border-radius: 10px; flex-wrap: wrap; gap: 2px; box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 0.15); z-index: 999;}
body.noDeviceDetect div:not(.dropdown) .missing_count:hover + .other_badges, div:not(.dropdown) .missing_count.active + .other_badges {display: flex;}
div:not(.dropdown) .other_badges:before{content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 13.9px 8px; border-color: transparent transparent #FFFFFF transparent; transform: rotate(0deg); position: absolute; top: -10px; right: 20px;}*/

.card {border-radius: 12px; box-shadow: 0px 0px 16px 0px rgba(183, 192, 206, 0.2); border: none; margin-bottom: 24px; } 
.filter-container {display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 20px; background-color: white; border-radius: 12px; margin-bottom: 20px; justify-content: flex-end;} 
.filter-btn.chart-filter {padding: 7px 16px; border-radius: 6px; border: 1px solid #dee2e6; background: white; cursor: pointer; transition: all 0.3s; } 
.filter-btn.chart-filter.color_blue{border-color: #2174D3; color: #2174D3;}
.filter-btn.active {background-color: var(--color-black); color: var(--color-white); border-color: var(--color-black);} 
.filter-btn.active img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7426%) hue-rotate(105deg) brightness(97%) contrast(117%);}
.filter-btn.active.angle-down:after{border-color: #ffffff;}
.filter-btn.chart-filter.color_blue.active{color: #ffffff; border-color: var(--color-black);}
.date-range-input {padding: 8px 12px; border-radius: 6px; border: 1px solid #2174D3; color: #2174D3; width: 190px; text-align: center;} 
.chart-container {position: relative; height: 400px; padding: 0px; background: white; border-radius: 12px; } 
.stats-container {display: flex; gap: 20px; margin-bottom: 24px; } 
.stat-card {flex: 1; padding: 20px; border-radius: 12px; background: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); } 
.stat-number {font-size: 28px; font-weight: bold; margin: 10px 0; } 
.stat-title {color: #6c757d; font-size: 14px; } 
.sorted-color {color: #0066ff; } 
.unsorted-color {color: #ff6600; } 
.loading-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 10; border-radius: 12px; display: none; }
td.action-buttons{position: relative;}
/* dashboard end */

/* email start */
table.table.bg_transparent, table.table.bg_transparent th, table.table.bg_transparent td{background-color: transparent;}
table.table.no_border, table.table.no_border th, table.table.no_border td{border-color: transparent;}
table.table.no_border th, table.table.no_border td{padding: 8px 0px !important;}
.table.bg_transparent>:not(:last-child)>:last-child>*{border-color: transparent;}
.table.datatables.emails_table thead{display: none;}

.email_card {background-color: #fff; padding: 20px; border-radius: 20px; font-size: 14px; line-height: 1.5; white-space: normal;}
.email_card_head {display: flex; flex-direction: column; gap: 10px;}
.email_card_title {font-size: 16px; font-weight: 600; color: #000; white-space: normal;}
.gap_10{gap: 10px;}

.email_card_info {display: flex; font-size: 14px; font-weight: 400; flex-wrap: wrap; line-height: 17px; align-items: center;}
.email_card_info > *:not(:last-child){padding-right: 10px; margin-right: 10px; border-right: 1px solid #4D4D4D;}
.email-tag {font-size: 14px; line-height: 1; padding: 5px 10px; border-radius: 50px; font-weight: 500; border: 1px solid #ddd; background-color: #f9f9f9;}
.email-tag.sorted{color: #008E63; border-color: rgba(0, 142, 99, 0.1); background-color: rgba(0, 142, 99, 0.08);}
.email-tag.unsorted{color: #FF5159; border-color: rgba(255, 81, 89, 0.1); background-color: rgba(255, 81, 89, 0.08);}
.view_link{color: var(--color-blue); text-decoration: underline; font-weight: 500; background-color: transparent;}
.email-preview span{margin-right: 4px;}
.extracted-details{display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; flex-wrap: wrap;}
.extr_title {padding-top: 8px;}
.email_card_right {display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
.email_card_right.with-email-type {justify-content: space-between; align-items: flex-end;}
.email-type.email-tag {margin-right: 30px;}
.email_card_right .action-icon {position: absolute; top: 0; right: 6px;}
.text-right{text-align: right;}
.email-preview {display: flex; flex-wrap: wrap; gap: 4px;}
.email_card_row {position: relative;}

.color-blue{color: var(--color-blue);}
.color-orange{color: var(--color-orange);}

.action_dropdown.action_abso {display: inline-block; margin: 0 0 0 auto; position: absolute; top: 0; right: 10px;}
.action_dropdown.action_abso .action-icon{padding: 0 0 10px 0;}
.dropdown-menu {border-radius: 10px; padding: 10px 0px; position: relative; box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 0.15); border: 0;}
.dropdown-menu:before{content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 8px 13.9px 8px; border-color: transparent transparent #FFFFFF transparent; transform: rotate(0deg); position: absolute; top: -10px; right: 20px;}
.dropdown-menu[data-popper-placement="top-start"]:before{left: 20px; right: unset; top: unset; bottom: -10px; border-width: 13.9px 8px 0px 8px; border-color: #ffffff transparent transparent transparent;}
.dropdown-menu[data-popper-placement="top-end"]:before, .dropdown-menu[data-popper-placement="top-finish"]:before{left: unset; right: 20px; top: unset; bottom: -10px; border-width: 13.9px 8px 0px 8px; border-color: #ffffff transparent transparent transparent;}
.dropdown-menu[data-popper-placement="bottom-start"]:before{left: 20px; right: unset;}
.dropdown-menu[data-popper-placement="bottom-end"]:before, .dropdown-menu[data-popper-placement="bottom-finish"]:before{left: unset; right: 20px;}

.dropdown-menu[data-popper-placement="left-start"]:before{top: 10px; right: -10px; border-width: 8px 0 8px 13.9px; border-color: transparent transparent transparent #ffffff;}
.dropdown-menu[data-popper-placement="left-end"]:before, .dropdown-menu[data-popper-placement="top-finish"]:before{top: unset; bottom: 10px; right: -10px; border-width: 8px 0 8px 13.9px; border-color: transparent transparent transparent #ffffff;}

.dropdown-menu[data-popper-placement="right-start"]:before{top: 10px; left: -10px; border-width: 8px 13.9px 8px 0; border-color: transparent #ffffff transparent transparent;}
.dropdown-menu[data-popper-placement="right-end"]:before, .dropdown-menu[data-popper-placement="top-finish"]:before{top: unset; bottom: 10px; left: -10px; border-width: 8px 13.9px 8px 0; border-color: transparent #ffffff transparent transparent;}


.dropdown-item {font-size: 14px; font-weight: 500; padding: 0.4rem 1rem;}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--color-grey);}

.email_pop_header{position: relative; padding-left: 30px; background: url("../images/email-icon.svg") no-repeat top 5px left;}
.from-email, .email-datatime{font-weight: 400;}
div#view-email-body {width: 100%; max-height: 100%; margin: 0px auto; background: white; border-radius: 12px; overflow: auto;}
.header_with_border_bottom{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.04);}
.info-value {font-weight: 400;}
.info-group:not(:last-child) {margin-bottom: 10px;}
.p_20px{padding: 20px;}
.border_radius_6px{border-radius: 6px;}
.height_100{height: 100%;}
.info-group{display: flex;}
.info-group.missing {color: var(--color-red);}
.cstbtn > img:first-child {margin-right: 6px;}
.cstbtn > img:last-child {margin-left: 6px;}
/* email end */

/* settings start */
div.dt-container .dt-search input {border: 1px solid rgba(28, 27, 23, 0.1); font-size: 14px; font-weight: 500; color: var(--color-black); border-radius: 4px; background-color: #ffffff; padding: 6px 12px;}
div.dt-container .dt-length, div.dt-container .dt-info, div.dt-container .dt-processing{font-size: 14px; color: #8F8F8F;}

.btn.btn-link.edit, .btn.btn-link.edit i, .btn.btn-link.edit, img{transition: all .4s ease-in-out;}
.btn.btn-link.edit{background-color: var(--color-grey); color: var(--color-black);}
.btn.btn-link.edit:hover{background-color: var(--color-black); color: var(--color-white);}

.dropdown-toggle{cursor: pointer;}
.dropdown-toggle:before, .dropdown-toggle:after{display: none;}
.dropdown-item.btn-primary, .dropdown-item.color-blue{color: var(--color-blue);}
.dropdown-item.btn-danger, .dropdown-item.color-orange{color: var(--color-orange);}
.dropdown-item.btn-success,.dropdown-item.btn-restore, .dropdown-item.color-green{color: var(--color-green);}

.toggle-password {float: right;cursor: pointer;margin-right: 15px;margin-top: -28px; position: relative; z-index: 1;}
.tree-view {margin-left: 20px;height: 300px;overflow-y: auto;}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-info{background-color: var(--color-green);}

.permission-section {border: 1px solid var(--color-grey); height: 100%; padding: 0; border-radius: 4px;}
.parent-permission, .child-permission {padding: 8px 12px;}
.parent-permission {background: var(--color-grey);}
.child-permission > div:not(:last-child){margin-bottom: 0.5rem;}

.select2-container--default .select2-selection--multiple{padding: 8px 12px;}
.select2-container .select2-selection--multiple{min-height: 40px;}
.select2-container .select2-search--inline .select2-search__field{margin-top: 0px; margin-left: 0px; height: 18px; line-height: 1;}
.select2-container--default .select2-selection--multiple{border: 1px solid rgba(28, 27, 23, 0.1); background-image: url(../images/angle-down.svg) !important; background-size: auto !important; background-position: center right 14px; background-repeat: no-repeat;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: rgba(33, 116, 211, 0.08); border: 1px solid rgba(33, 116, 211, 0.1); margin-top: 0; margin-left: 0; margin-bottom: 4px; margin-right: 4px; border-radius: 50px; padding-left: 10px; font-size: 12px; padding-right: 20px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {background-color: transparent; border: none; border-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; color: var(--color-blue); cursor: pointer; font-size: 24px; font-weight: 400; padding: 0 4px; position: absolute; left: unset; right: 5px; top: 0; line-height: 1;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {line-height: 22px; display: inline-block; height: auto; vertical-align: text-top;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{color: var(--color-blue);}
/* settings end */
/* profile end */
.desc_txt {font-size: 14px; font-weight: 400; margin-top: 12px;}
/* profile end */
span.select2-container.select2-container--default.select2-container--open {z-index: 999999 !important;}
.width_60{width: 60px !important;}
.validation-error {color: var(--color-red); font-size: 12px; margin-top: 5px; display: block;}
.form_field.error {border-color: var(--color-red);}
.toggle-password {float: right; cursor: pointer; margin-right: 15px; margin-top: -28px;}
.tree-view {margin-left: 20px;height: 300px;overflow-y: auto;}
table.dataTable tr > .dtfc-fixed-right:last-child {text-align: center;}
.dropdown {display: inline-block;}

.filter-btn > span {position: relative;}
.filter-btn > span:has(img) {position: relative;display: flex;gap: 6px;}
.form_group_grid.flex-xl-column {max-height: 360px; overflow-y: auto; flex-wrap: nowrap;}
.filter-counter {position: absolute;top: -4px;left: 4px;background: var(--color-blue);min-width: 14px;min-height: 14px;border-radius: 100%;color: #ffff;font-size: 10px;line-height: 1;display: flex;align-items: center;justify-content: center;padding: 1px;}
.filter-btn.filter_active.angle-down:after{border-color: var(--color-black);}
.filter-btn.filter_active {background-color: rgba(33, 116, 211, 0.08); border-color: rgba(33, 116, 211, 0.1); color: var(--color-black);}
.filter-btn.filter_active img{filter: brightness(0) saturate(100%) invert(39%) sepia(24%) saturate(3952%) hue-rotate(190deg) brightness(89%) contrast(85%);}
.filter-counter:empty {display: none;}
.dt-container .dt-paging .ellipsis {padding: 0 1em; display: flex; align-items: center; justify-content: center;}
.view_more_tooltip span {color: #4D4D4D; font-size: 14px; font-weight: 500; padding: 3px;}
.dt-length{min-width: 170px;}
td.dtfc-fixed-end.dtfc-fixed-right.z-index-2 {z-index: 2;}
.missing-field .form_field_label, .missing-field .form-control-label, .missing-field .form-label {color: #DD7600;}
.missing-field .form_field, .missing-field input.form_field, .missing-field .form-control, .missing-field .select2-container--default .select2-selection--multiple {border-color: #DD7600;}
select:has(option[selected]) {color: var(--color-black);}
.select2-container--default .select2-selection--multiple .select2-selection__clear, 
.select2-container--default .select2-selection--single .select2-selection__clear {top: 0; margin: 0; height: 16px; width: 16px; line-height: 1; background: #ff0000; color: #fff; font-weight: 400; display: none !important;}

.bg-transparent, .filter-container.bg-transparent{background-color: transparent;}
.swal2-container {z-index: 99999 !important;}
.fa-edit.disabled {
	color: gray; /* Light gray */
	opacity: 0.8;
	cursor: not-allowed;
	pointer-events: none;
}
/* ===== Responsive Adjustments ===== */
@media only screen and (min-width:768px) {
	.row.email_card_row > div[class*="col-"] {margin: 0;}
}
@media only screen and (min-width:1200px) {
	a[href^="sms"], a[href^="tel"] {pointer-events: none;}
	a[href^="mailto"] {word-break: break-all;}

	.missing_count:hover{text-decoration: none;}
	.filter-btn.filter_active:hover{background-color: var(--color-black); border-color: var(--color-black); color: var(--color-white);}
	.filter_tab_link:hover{color:var(--color-blue);}
	.filter-btn:hover {background-color: #f1f1f1;}
	.email_sync_div .cstbtn.cstbtn-black.with_icon:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(16%) hue-rotate(18deg) brightness(107%) contrast(100%);}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover { background: var(--color-blue); }

	.reset_link:hover{text-decoration: underline;}
	.top_nav li.current-menu-item:hover > .arrow:before{border-color: #ffffff;}
	.top_nav > li.current-menu-item:hover > .arrow:before {border-color: var(--color-blue);}

	.view_link:hover{text-decoration: none;}
	.cstbtn:hover{background-color: var(--color-black); color: #fff; border-color: var(--color-black);}
	.cstbtn.cstbtn-black:hover {background-color: var(--color-white); color: var(--color-black); border-color: var(--color-black);}
	.cstbtn.cstbtn-border:hover {background-color: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}
	.cstbtn.cstbtn-red:hover {background-color: transparent; color: var(--color-red); border-color: var(--color-red);}
	.swal2-confirm:hover{background-color: var(--color-black) !important; color: #fff !important; border-color: var(--color-black) !important;}
	.swal2-cancel:hover {background-color: var(--color-white) !important; color: var(--color-black) !important; border-color: var(--color-black) !important;}
	.swal2-deny:hover {background-color: transparent !important; color: var(--color-red) !important; border-color: var(--color-red) !important;}
	
	.top_nav > li > a:hover > img{filter: brightness(0) saturate(100%) invert(39%) sepia(82%) saturate(1014%) hue-rotate(187deg) brightness(83%) contrast(98%);}
	.top_nav>li:hover > .sub-menu {opacity: 1;visibility: visible;}
	.top_nav>li:hover > .sub-menu > li:hover > .sub-menu {opacity: 1;visibility: visible;}
	.top_nav>li:hover > a:before{-webkit-transform-scale: 1; -ms-transform-scale: 1; -o-transform-scale: 1; transform-scale: 1; width: 100%;}
	.top_nav li.has-sub-menu:hover>a:before{width: calc(100% + 25px);}
	.sub-menu li a:hover, .top_nav li.current-menu-parent>a:hover {color: var(--color-blue);}
	.sideMenu > ul > li > a:hover{background-color: var(--color-blue); color: #ffffff;}
	.top_nav li:hover > .arrow::before{border-color: var(--color-blue)}
	.search-btn:hover{background-color: var(--color-black); color: #ffffff;}

	.social-icons.social-links-fotr a:hover{background-color: var(--color-blue); border-color: var(--color-blue); color: #ffffff; opacity: 1;}
	/*main-menu end*/
	.sideMenu > ul > li .sub-menu > li.current-menu-parent > a:hover, .sideMenu > ul > li .sub-menu > li.current-menu-item > a:hover{color: #fff;}	

	.add_contact:hover{background-color: var(--color-black)}

	.search-filter-group .input-search-btn:hover{background-color: var(--color-black);}
	.filter-btn:hover {background-color: var(--color-black); color: #ffffff;}
	.filter-btn:not(.filter-btn-black):hover img, .search-filter-group .input-search-btn:hover img, .filter-btn.filter_active:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%) hue-rotate(185deg) brightness(113%) contrast(100%);}
	.filter-btn.chart-filter.color_blue:hover{color: var(--color-white); border-color: var(--color-black);}
	.filter-btn.filter-btn-black:hover{background-color: var(--color-blue);}
	.filter-btn.filter-btn-blue:hover{background-color: var(--color-black);}
	.filter-btn.filter-btn-red:hover{opacity: 0.8;}
	.filter-btn.angle-down:hover{background-color: var(--color-black);}
	.filter-btn.angle-down:hover:after{border-color: #ffffff;}

	.closePopup:hover:before, .closePopup:hover:after{background-color: var(--color-blue);}

}

@media only screen and (max-width:1500px) {
	.circle{width: 270px; height: 270px;}

	.top_nav>li~li {margin-left: 14px;}


}
@media only screen and (max-width:1439px) {
	.search-btn{width: auto;}

}
@media only screen and (max-width:1365px) {
	.header_main img.worthy_logo{width: 146px;}
	.top_nav>li~li {margin-left: 6px;}
	.header_right{gap: 10px;}
	.header_inner{gap: 20px;}
	.top_nav > li > a{gap: 8px;}


}
@media only screen and (max-width:1199px) {
	.header_inner{gap: 4%;}
	.top_nav>li{line-height: 0; display: inline-flex;}
	.top_nav > li > a > span {display: none;}
	.top_nav>li .arrow{height: 54px;}
	.top_nav>li~li{margin-left: 34px;}
	.sub-menu .sub-menu {left: unset; right: 100%;}

	.popBody.full_width{max-width: calc(100vw - 40px);}
	.form_group_grid.col_5 > div{width: calc(33.33% - 20px);}
	.circle{width: 220px; height: 220px;}
	.circles{flex-direction: column;}
	.circle.orange{margin: 20px 0 0 0;}
	.filters-main{flex-wrap: wrap;}
	.form_group_grid.flex-xl-column{max-height: unset;}
}
@media only screen and (max-width:991px) {
	.header_main img.worthy_logo{width: 160px;}
	.header_inner{gap: 3%;}
	.top_nav>li~li{margin-left: 5.4%;}
	.search-btn{padding: 0 14px;}
	.search-btn span, .email_sync_div .cstbtn.with_icon span{display: none;}
	.email_sync_div .cstbtn.with_icon, .search-btn{padding: 0 12px;}
	.email_sync_div .cstbtn.with_icon img, .search-btn img{margin: 0px; width: 18px; height: 18px;}
	.header_right{gap: 12px;}


	.form_group_grid.col_5 > div{width: calc(50% - 20px);}		
	.circles{flex-direction: row;}
	.circle.orange{margin: 0 0 0 -20px;}
	.filters-main{flex-wrap: wrap; gap: 10px;}
	.search-filter-group{width: 160px;}
	.form_group_grid.flex-xl-column{flex-wrap: wrap;}
}

@media only screen and (max-width:768px) {
	.filter-panel { padding: 10px; }
	.filter-option { padding: 6px 0; }
	.filter-input { padding: 0.75rem; }
	.search-box { padding: 8px 12px; }

	/* Stack action buttons on small screens */
	.action-buttons { display: flex; flex-direction: column; gap: 5px; }
	.action-buttons .btn { width: 100%; text-align: center; }

	/* Reduce column padding */
	#datatables td, #datatables th { padding: 6px; }
}
@media only screen and (max-width:576px) {
	/* Hide less important columns */
	.hide-on-mobile { display: none; }

	/* Make filter inputs full width */
	.filter-input { width: 100%; }

	/* Adjust sticky column */
	th:last-child, td:last-child { position: static; box-shadow: none; }
}