/* Import Custom fonts -start */
@font-face { font-family: 'Atyp Display Thin'; src: url('../fonts/AtypDisplay-Thin.eot'); src: url('../fonts/AtypDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Thin.woff2') format('woff2'), url('../fonts/AtypDisplay-Thin.woff') format('woff'), url('../fonts/AtypDisplay-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atyp Display Light'; src: url('../fonts/AtypDisplay-Light.eot'); src: url('../fonts/AtypDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Light.woff2') format('woff2'), url('../fonts/AtypDisplay-Light.woff') format('woff'), url('../fonts/AtypDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atyp Display Normal'; src: url('../fonts/AtypDisplay-Regular.eot'); src: url('../fonts/AtypDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Regular.woff2') format('woff2'), url('../fonts/AtypDisplay-Regular.woff') format('woff'), url('../fonts/AtypDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atyp Display Medium'; src: url('../fonts/AtypDisplay-Medium.eot'); src: url('../fonts/AtypDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Medium.woff2') format('woff2'), url('../fonts/AtypDisplay-Medium.woff') format('woff'), url('../fonts/AtypDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atyp Display Semibold'; src: url('../fonts/AtypDisplay-Semibold.eot'); src: url('../fonts/AtypDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Semibold.woff2') format('woff2'), url('../fonts/AtypDisplay-Semibold.woff') format('woff'), url('../fonts/AtypDisplay-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Atyp Display Bold'; src: url('../fonts/AtypDisplay-Bold.eot'); src: url('../fonts/AtypDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AtypDisplay-Bold.woff2') format('woff2'), url('../fonts/AtypDisplay-Bold.woff') format('woff'), url('../fonts/AtypDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }
/* Import Custom fonts -end */

/********======== Common CSS -Start ========********/
* 						{ margin: 0px; padding: 0px;}
:root                   {
    /* color */
    --white: #ffffff;
    --black: #000000;
    --primary: #FF4D52;
    --secondary: #4D4D4D;
    --theme-color: #333333;
    --light-theme: #F2F2F2;
    --primary-shade: #CC0007;
    --gray-color: #666666;
    --gray-color-01: #1A1A1A;
    --gray-color-02: #330002;
    --dark-color: #808080;
    --dark-color-01: #B3B3B3;
    --dark-color-02: #999999;
    --dark-color-03: #828282;
    --light-theme-01: #F7F7F7;
    --light-theme-02: #E6E6E6;
    --light-theme-03: #CCCCCC;
    --light-theme-04: #FFEAE5;
    --light-theme-05: #FFE5E6;
    --light-theme-06: #FFF0F0;

    /* background-color */
    --f0: transparent;

    /* validation color */
    --pending: #FFC107;
    --error: #DC3545;
    --success: #28A745;
    --success-dark: #30AF1B;
    --success-light: #E8FBE4;
    --success-bg-light: #ECFCE9;
    --success-bg-dark: #EAFAEE;
    /* Medium */
    --medium: #D1A412;
    --medium-bg: #FBF2D5;
    --medium-circle: #DFAF13;
    /* Cold */
    --cold: #3498DB;
    --cold-bg: #E9F4FB;



    /* Font Family */
    --font-family-100: 'Atyp Display Thin';
    --font-family-300: 'Atyp Display Light';
    --font-family-400: 'Atyp Display Normal';
    --font-family-500: 'Atyp Display Medium';
    --font-family-600: 'Atyp Display Semibold';
    --font-family-700: 'Atyp Display Bold';
    --secondary-family: 'Roboto', sans-serif;
    --calendar-family: 'Lato', sans-serif;;
}
::selection             { background-color: var(--theme-color); color: var(--white); }
html, body              { overflow: hidden !important; }
body 					{ height: 100vh; background-color: var(--light-theme) !important; color: var(--theme-color); font-style: normal; }
.clear 					{ clear:both;}
img 					{ border: 0px; user-select: none;}
a, .btn     			{ text-decoration: none; outline: none; letter-spacing: 0;}
a, .btn     			{ transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; -moz-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s;}
a:focus, a:active, a:visited, a:hover, a:focus-visible,
button:focus, button:active, button:visited, button:hover, button:focus-visible,
.btn:focus, .btn:active, .btn:visited, .btn:hover, .btn:focus-visible,
input:focus, input:active, input:visited, input:hover, input:focus-visible,
select:focus, select:active, select:visited, select:hover, select:focus-visible { text-decoration: none; outline: none !important; box-shadow: none !important; }

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


/* font-size */
h1, h2, h3, h4, h5, h6, p, li       {margin: 0; padding: 0; }

.title-style-1                      {font-size: 34px; line-height: 42px; font-weight: 600; font-family: var(--font-family-600); color: var(--theme-color);}
.title-style-2                      {font-size: 24px; line-height: 32px; }
.title-style-3                      {font-size: 20px; line-height: 28px; font-weight: 600; font-family: var(--font-family-600);}
.title-style-4                      {font-size: 18px; line-height: 26px;}
.title-style-5                      {font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--font-family-400);}
.title-style-6                      {font-size: 14px; line-height: 22px;}

p                                   {font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--font-family-400); color: var(--dark-color);}


input:focus             { outline: 0 !important;}
textarea                { resize: none;}
p:empty                 { display: none;}
ul , ol                 { padding-left: 21px; list-style: none;}
ul li                   { list-style: disc; }
ol li                   { list-style: decimal; }
ul li::marker ,ol li::marker {  font-size: 110%; color: red; }

/* Autofill */
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover { transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -webkit-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -moz-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -o-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s; -ms-transition: background-color 1000s ease-in-out 0s, color 1000s ease-in-out 0s } header.wp-block-template-part .wp-block-navigation, header.wp-block-template-part .wp-block-navigation .wp-block-page-list, header.wp-block-template-part .wp-block-navigation__container, header.wp-block-template-part .wp-block-navigation__responsive-container-content { gap: unset !important; }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 }
:focus-visible{outline: none;}
/* Number */
input[type=number] { appearance: textfield; -webkit-appearance: textfield; -moz-appearance: textfield; }

/* Validation Error */
.invalid-feedback,
.text-danger{ display: block; margin: 0; font-size: 12px; line-height: 20px; color: var(--primary) !important; }
.form-control.is-invalid,
.was-validated .form-control:invalid{border-color: var(--primary) !important; background-image: none;}


/* Title */
.inner-title .title-style-6 { font-weight: 600; font-family: var(--font-family-600); color: var(--secondary); letter-spacing: 0.7px; }


/* color */
.color-secondary{color: var(--secondary) !important;}
.color-theme{color: var(--theme-color) !important;}
.color-dark-01{color: var(--dark-color-01) !important;}


/* Common Button */
.btn.btn-fill,
.daterangepicker .drp-buttons .btn,
div:where(.swal2-container) button:where(.swal2-styled),
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{ margin: 0; min-width: 150px; padding: 11px 16px 9px; border: 1px solid var(--primary); background-color: var(--primary); border-radius: 8px; font-size: 14px; line-height: 1.43; font-weight: 600; font-family: var(--font-family-600); color: var(--white); text-transform: capitalize; }
.btn.btn-fill:hover,
.btn.btn-fill:focus,
.daterangepicker .drp-buttons .btn:hover,
.daterangepicker .drp-buttons .btn:focus,
div:where(.swal2-container) button:where(.swal2-styled):hover,
div:where(.swal2-container) button:where(.swal2-styled):focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{background-color: var(--primary-shade); color: var(--white); border-color: var(--primary-shade);}
/* border-btn */
.btn.btn-fill.btn-border,
.daterangepicker .drp-buttons .btn.btn-default,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{ background-color: var(--f0); color: var(--primary); border-color: var(--primary); }
.btn.btn-fill.btn-border:hover,
.btn.btn-fill.btn-border:focus,
.daterangepicker .drp-buttons .btn.btn-default:hover,
.daterangepicker .drp-buttons .btn.btn-default:focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus{background-color: var(--primary); color: var(--white); border-color: var(--primary);}
/* big button */
.btn-big.btn.btn-fill,
.daterangepicker .drp-buttons .btn{ padding: 13px 16px 11px; font-size: 16px; }
/* big Small */
.btn-small.btn.btn-fill{ min-width: 100px; }
/* Remove button */
.btn.btn-delete{ border: 1px solid var(--light-theme-02); border-radius: 100%; padding: 0; height: 42px; width: 42px; display: flex; align-items: center; justify-content: center; }
.btn.btn-delete.fill{ background-color: var(--primary); border-color: var(--primary); }
.btn.btn-delete.fill img{ filter: brightness(100); }
/* min-width */
.btn.mx-130{min-width: 130px;}
.btn.mx-100{min-width: 100px;}

/* background color */
.bg-themelight{background-color: var(--light-theme-01);}


/* Gutters */
.gx-20{--bs-gutter-x: 20px;}


/* Border radius */
.rounded-8{border-radius: 8px;}
.rounded-24{border-radius: 24px;}
.rounded-bottom-0{border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}



/* Form Input */
label,
.form-label{ margin: 0 0 4px; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); color: var(--secondary); letter-spacing: 0.7px; }
input,
select,
textarea,
.form-control,
.form-select,
.custom-table .dataTables_wrapper .dataTables_filter input,
.custom-table .dataTables_length label select{ margin: 0;  padding: 4px 16px; height: 42px; width: 100%; background-color: var(--f0); border: 1px solid var(--light-theme-02); border-radius: 8px !important; font-size: 16px; line-height: 1.5; font-weight: 400; font-family: var(--font-family-400); font-style: normal; color: var(--secondary); letter-spacing: 0.8px;}
.custom-table .dataTables_wrapper .dataTables_filter input:focus,
.custom-table .dataTables_length label select:focus,
.form-control:focus,
.form-select:focus{outline: none !important; box-shadow: none !important; border-color: var(--gray-color);}
select,
.form-select,
.custom-table .dataTables_length label select,
.custom-table input[type="search"]{ padding-right: 52px; font-size: 14px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('../images/dropdown-light.svg'); background-repeat: no-repeat; background-position: right 16px center; background-size: 20px; cursor: pointer; }
.custom-table input[type="search"]{background-image: url('../images/search.svg'); background-size: 24px; cursor: auto; }
/* From group */
.form-group{margin-bottom: 16px; position: relative;}
.form-group input,
.form-group select,
.form-group textarea,
.form-group .form-control,
.form-group .form-select{height: 52px;}
/* Input group */
.input-group{overflow: hidden; }
.input-group .form-control{padding-right: 50px;}
.input-group .input-group-text{margin: 0 !important; padding: 0; border: 0; border-radius: 0 !important; background-color: var(--f0); position: absolute; top: 50%; right: 16px; transform: translateY(calc(-50% - 1px)); z-index: 5;}
/* Input group with background-color */
.bg-input-group.input-group .form-control{background-color: var(--light-theme); border-color: var(--f0);}
/* textarea */
textarea,
textarea.form-control,
.form-group textarea.form-control{ height: 132px; min-height: auto; padding: 14px 18px;}
/* Form Text */
.form-text{ font-size: 12px; line-height: 20px; font-weight: 400; font-family: var(--font-family-400); letter-spacing: 0.7px; color: var(--dark-color); }
.form-text strong{ font-weight: 600; font-family: var(--font-family-600); color: var(--secondary); }
/* Color */
input[type="color"],
.form-control[type="color"]{padding-block: 19px; overflow: hidden; cursor: pointer;}
.input-color span{
    position: absolute;
    height: 25%;
    width: 90%;
    background-color: var(--f0);
    top: 50%;
    left: 16px;
    border-radius: 30px;
    transform: translate(0, -50%);
    z-index: 2;
}
.input-color::before{
    content: '';
    position: absolute;
    height: 80%;
    width: 98%;
    background-color: var(--white);
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.input-color .color-icon{
    position: absolute;
    top: 50%;
    right: 16px;
    z-index: 3;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Password */
.password-icon .icon{ height: 24px; width: 24px; padding: 0; border: 0; border-radius: 0; line-height: normal; background-color: var(--f0); position: absolute; top: 50%; right: 14px; transform: translateY(-50%); }
input[type="password"],
.form-control[type="password"]{padding-right: 50px;}

/* placeholder */
.form-control::-webkit-input-placeholder { color: var(--gray-color)  }
.form-control:-ms-input-placeholder { color: var(--gray-color)  }
.form-control::placeholder { color: var(--gray-color)  }

.form-group .form-control::-webkit-input-placeholder { color: var(--dark-color-01); letter-spacing: 0.8px;  }
.form-group .form-control:-ms-input-placeholder { color: var(--dark-color-01); letter-spacing: 0.8px;  }
.form-group .form-control::placeholder { color: var(--dark-color-01); letter-spacing: 0.8px;  }

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select2-container .select2-search--inline .select2-search__field::placeholder{color: var(--dark-color-01); letter-spacing: 0.8px; line-height: 2.7;}



/* disable */
.custom-time-picker.form-control::-webkit-input-placeholder { color: var(--light-theme-03); letter-spacing: 0.8px;  }
.custom-time-picker.form-control:-ms-input-placeholder { color: var(--light-theme-03); letter-spacing: 0.8px;  }
.custom-time-picker.form-control::placeholder { color: var(--light-theme-03); letter-spacing: 0.8px;  }


/* disable */
input:disabled,
.form-control:disabled,
select:disabled,
.form-select:disabled { border-color: var(--light-theme-02) !important; background-color: var(--light-theme-01) !important; }

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


/* Select 2 */
.select2-container .select2-selection { height: auto; min-height: 52px; margin: 0; padding: 4px 16px; background-color: var(--f0); border: 1px solid var(--light-theme-02); border-radius: 8px !important; font-size: 16px; line-height: 1.5; font-weight: 400; font-family: var(--font-family-400); font-style: normal; color: var(--secondary); background-image: url('../images/select-dropdown.svg'); background-repeat: no-repeat; background-position: right 16px center; background-size: 24px; cursor: pointer; }
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-search--inline .select2-search__field{ height: 41px; padding: 0; margin: 0; color: var(--secondary); font-size: 16px; line-height: 1.5; line-height: 2.5; font-weight: 400; font-family: var(--font-family-400); /*display: flex; align-items: center; justify-content: flex-start;*/ }
.select2-container--open .select2-dropdown{ top: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.select2-container--focus .select2-selection,
.select2-container--open .select2-selection{ outline: none; }
.select2-container .select2-dropdown{ padding: 8px; background-color: var(--white); border: 1px solid var(--light-theme-02); border-radius: 0 0 8px 8px; margin-top: 2px;}
.select2-container--default .select2-search--dropdown .select2-search__field{ border: 0; }
.select2-results{margin: 0 !important;}
.select2-container--default .select2-results>.select2-results__options{padding: 0px;}
.select2-container .select2-search__field{ height: 46px; margin: 0; padding: 12px; background-color: var(--light-theme); font-size: 16px; line-height: 1.5; font-weight: 400; font-family: var(--font-family-400); }
.select2-results{margin-top: 4px;}
.select2-results__option{ padding: 10px 16px; font-size: 14px; line-height: 1.5; font-weight: 400; font-family: var(--font-family-400); font-style: normal; color: var(--theme-color); border-radius: 4px; }
.select2-results__option:not(:last-child){margin-bottom: 4px;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{ background-color: var(--white); }
.select2-container--default .select2-results__option--selected{background-color: var(--light-theme-01);}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{ color: var(--gray-color-01); background-color: var(--light-theme); }
/* multiselect */
.select2-selection--multiple { cursor: default; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ padding: 6px 30px 6px 8px; background-color: var(--light-theme); border-color: var(--f0); border-radius: 4px !important; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); font-style: normal; color: var(--secondary); margin: 2px 4px 2px 0; vertical-align: text-top; vertical-align: middle }
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{ background-color: var(--light-theme-05); }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{ padding: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ left: auto; right: 8px; border: 0; top: 50%; transform: translateY(-50%); font-size: 0; padding: 0; background-image: url(../images/close-small.svg); height: 18px; width: 18px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{ display: none; }
/* Small - Select */
.select-sm .select2-container .select2-selection { min-height: 42px;}
.select-sm .select2-container .select2-selection--single .select2-selection__rendered,
.select-sm .select2-container .select2-search--inline .select2-search__field { height: 32px; font-size: 14px;}
.select-sm .select2-container--default .select2-selection--single .select2-selection__placeholder,
.select-sm .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.select-sm .select2-container .select2-search--inline .select2-search__field::placeholder { line-height: 2; color: var(--secondary); }



/* Checkbox */
.form-check{ min-height: auto; padding: 0; margin: 0; }
.form-check .form-check-input{ float: none; margin: 0; padding: 0; width: 20px; height: 20px; border-radius: 4px !important; border-color: var(--dark-color-01); cursor: pointer; }
.form-check-input:checked { background-color: var(--primary); border-color: var(--primary); }
.form-check-input:checked[type=checkbox] { background-image: url('../images/check.svg'); background-size: auto; }
/* with label */
.custom-check.form-check{ width: 30%; padding-block: 8px; display: flex; align-items: center; gap: 8px; }
.custom-check.form-check .form-check-input{ transform: translateY(-1px); flex-shrink: 0;  }
.custom-check.form-check .form-check-label{ margin: 0; font-size: 16px;line-height: 24px; letter-spacing: 0.8px; font-weight: 400; font-family: var(--font-family-400); color: var(--dark-color); text-transform: capitalize; cursor: pointer; }
.custom-check.form-check .form-check-input[type="radio"] { border-radius: 100% !important; }

/* Toogle button */
.toggle-btn{display: flex; align-items: flex-start;}
.toggle-btn input[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.toggle-btn label { margin: 0; cursor: pointer; text-indent: -9999px; width: 50px; height: 30px; background: #E6E6E6; display: block; border-radius: 100px; position: relative; }
.toggle-btn label:after { content: ''; position: absolute; top: 50%; left: 3px; width: 24px; height: 24px; background: #fff; border-radius: 100%; transition: 0.3s; transform: translate(0, -50%); }
.toggle-btn input:checked + label { background: var(--primary); }
.toggle-btn input:checked + label:after { left: calc(100% - 3px); transform: translate(-100%, -50%); box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 17%); }



/* Footer Panel */
.footer-panel {margin-top: auto !important;}
.footer-panel p{ color: var(--gray-color); font-weight: normal; font-family: var(--font-family-400); }

/* Breadcrums */
.custom-breadcrums .breadcrumb {margin-bottom: 16px;}
.custom-breadcrums .breadcrumb .breadcrumb-item{ margin: 0; padding: 0; color: var(--primary); list-style: none; font-size: 14px; line-height: 22px; letter-spacing: 0.7px; font-weight: 400; font-family: var(--font-family-400); position: relative; }
.custom-breadcrums .breadcrumb .breadcrumb-item:not(:first-child){ margin-left: 12px; padding-left: 18px; }
.custom-breadcrums .breadcrumb-item+.breadcrumb-item::before{ height: 6px; width: 6px; content: ''; background-color: var(--dark-color-01); border-radius: 100%; float: none; padding: 0; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: var(--f0); margin: 0; }
.custom-breadcrums .breadcrumb .breadcrumb-item a{ color: var(--dark-color-02); letter-spacing: 0.7px;}
.custom-breadcrums .breadcrumb .breadcrumb-item a:hover,
.custom-breadcrums .breadcrumb .breadcrumb-item a:focus{ color: var(--primary); }

/* Horizontal Tabs */
.custom-horizontal-tabs .nav-tabs{ margin: 0 0 24px; display: flex; align-items: center; justify-content: flex-start; gap: 44px; flex-wrap: wrap; border: 0; position: relative; z-index: 1; }
.custom-horizontal-tabs .nav-tabs::before{ content: ''; position: absolute; bottom: -1px; left: 0; height: 1px; width: 100%; background-color: var(--light-theme-02); z-index: -1; }
.custom-horizontal-tabs .nav-tabs .nav-item{list-style: none;}
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link{ padding: 0 0 13px; border: 0; border-bottom: 2px solid var(--f0); display: flex; align-items: center; justify-content: flex-start; gap: 8px; font-size: 16px; line-height: 24px;text-transform: capitalize; font-weight: 500; font-family: var(--font-family-500); color: var(--secondary); background-color: var(--f0); }
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link.active,
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link:focus{color: var(--primary);}
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link.active{border-bottom-color: var(--primary);}
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link img{filter: invert(0) sepia(100%) saturate(90%) hue-rotate(358deg) brightness(40%) contrast(95%);}
.custom-horizontal-tabs .nav-tabs .nav-item .nav-link.active img{filter: none;}


/* Border */
.border-light-1{ border: 1px solid var(--light-theme) !important;}
.border-1{border: 1px solid var(--light-theme-02) !important;}
.border-top{border-top: 1px solid var(--light-theme-02) !important;}
.border-bottom{border-bottom: 1px solid var(--light-theme-02) !important;}


/* Gutters */
.gy-30{ --bs-gutter-y: 30px;}
.gy-20{ --bs-gutter-y: 20px;}




/* height */
.h-52{ height: 52px !important;}


/* width */
.w-220{width: 220px;}


/* margin */
.mt-10{margin-top: 10px;}
.mb-12{margin-bottom: 12px;}
.my-20{margin-block: 20px;}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.mb-34{margin-bottom: 34px;}
.mb--44{margin-bottom: -42px;}

/* padding */
.p-30{padding: 30px;}
.px-30{padding-inline: 30px;}
.ps-30{padding-left: 30px;}
.pe-30{padding-right: 30px;}
.pt-30{padding-top: 30px;}
.pb-30{padding-bottom: 30px;}
.p-20{padding: 20px;}
.py-20{padding-block: 20px;}

/* Z-index */
.z-1{z-index: 1;}
/********======== Common CSS -End ========********/


/********======== Main CSS -Start ========********/

/******* Header CSS -start ******/
header{ width: 100%; /* padding: 15px 0; */ /* background-color: var(--white); */ display: flex; align-items: center; justify-content: space-between; }
/* logo */
header .brand-logo{ padding: 4px 56px; background-color: var(--white); flex-shrink: 0; height: 80px; display: flex; align-items: center; justify-content: center; }
header .brand-logo img{ width: 168px; height: auto; object-fit: cover; object-position: center center; }
/* nav */
header .head-navbar { padding: 15px 40px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.03); background-color: var(--white); width: 100%; }
/* Notification */
header .notification-dropdown .dropdown-toggle { padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; border: 0; border-radius: 0; background-color: var(--f0); }
header .notification-dropdown .dropdown-toggle:focus{ outline: 0; box-shadow: 0; }
header .notification-dropdown .dropdown-toggle .title-style-5{ color: var(--dark-color); text-transform: capitalize; }
header .notification-dropdown .dropdown-toggle::after{ display: none; }
header .notification-dropdown .dropdown-toggle .icon{ height: 50px; width: 50px; background-color: var(--light-theme); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
header .notification-dropdown .dropdown-toggle .icon img{width: 24px;}
header .notification-dropdown .dropdown-toggle .down-arrow{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
header .notification-dropdown .dropdown-toggle .down-arrow img{ height: 100%; width: 100%; object-fit: cover; object-position: center center; }
header .notification-dropdown .dropdown-menu { padding: 24px; border: 1px solid var(--light-theme-02); background: var(--white); box-shadow: 3px -3px 34px 0px rgba(0, 0, 0, 0.03); position: fixed !important; top: 0 !important; right: 40px !important; left: auto !important; width: auto; max-width: 365px; min-width: 365px; transform: translate(0, 85px) !important; border-radius: 0 0 8px 8px; display: flex; flex-direction: column; gap: 8px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.35s; }
header .notification-dropdown .dropdown-menu.show{ opacity: 1; visibility: visible; transform: translate(0, 80px) !important; }
header .notification-dropdown .dropdown-menu ul{ margin: 0; padding: 0; max-height: 352px; overflow-y: auto; }
header .notification-dropdown .dropdown-menu li{list-style: none; padding: 16px; border-radius: 8px;}
header .notification-dropdown .dropdown-menu li:not(:last-child){border-bottom: 1px solid var(--light-theme);}
header .notification-dropdown .dropdown-menu li:hover{background-color: var(--light-theme-06);}
header .notification-dropdown .dropdown-menu li .title-style-6{ font-weight: 600; font-family: var(--font-family-600); color: var(--gray-color); text-transform: capitalize; }
header .notification-dropdown .dropdown-menu li .f-12{ font-size: 12px; line-height: 20px; font-weight: 500; font-family: var(--font-family-500); color: var(--theme-color); text-transform: capitalize; }
header .notification-dropdown .dropdown-menu li a{padding: 0;}
header .notification-dropdown .dropdown-menu p{font-size: 14px; line-height: 22px; color: var(--secondary);}


/* form */
header .head-navbar .input-group.input-group .form-control{ height: 50px; width: 309px; }
/* dropdown */
header .account-dropdown .dropdown-toggle { padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; border: 0; border-radius: 0; background-color: var(--f0); }
header .account-dropdown .dropdown-toggle:focus{ outline: 0; box-shadow: 0; }
header .account-dropdown .dropdown-toggle .title-style-5{ color: var(--dark-color); text-transform: capitalize; }
header .account-dropdown .dropdown-toggle::after{ display: none; }
header .account-dropdown .dropdown-toggle .icon{ height: 50px; width: 50px; background-color: var(--light-theme); border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; font-weight: 600; font-family: var(--font-family-600); color: var(--secondary); letter-spacing: 0.8px; overflow: hidden; }
header .account-dropdown .dropdown-toggle .icon img{width: 50px;}
header .account-dropdown .dropdown-toggle .down-arrow{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
header .account-dropdown .dropdown-toggle .down-arrow img{ height: 100%; width: 100%; object-fit: cover; object-position: center center; }
header .account-dropdown .dropdown-menu{ padding: 16px; position: fixed !important; top: 0 !important; right: 40px !important; left: auto !important; width: auto; max-width: fit-content; transform: translate(0, 85px) !important; border: 0; border-radius: 0 0 8px 8px; display: flex; flex-direction: column; gap: 8px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.35s; box-shadow: 4px 4px 44px 0px rgba(0, 0, 0, 0.04); }
header .account-dropdown .dropdown-menu.show{ opacity: 1; visibility: visible; transform: translate(0, 80px) !important; }
header .account-dropdown .dropdown-menu li{list-style: none;}
header .account-dropdown .dropdown-menu .dropdown-item{ padding: 10px 16px; background-color: var(--f0); display: flex; gap: 8px; align-items: center; justify-content: flex-start; border-radius: 8px; }
header .account-dropdown .dropdown-menu .dropdown-item:hover,
header .account-dropdown .dropdown-menu .dropdown-item:focus{ background-color: var(--light-theme); }
header .account-dropdown .dropdown-menu .dropdown-item .title-style-6{ text-transform: capitalize; color: var(--secondary); font-weight: 500; font-family: var(--font-family-500); }
header .account-dropdown .dropdown-menu .dropdown-item img{width: 20px;}
/******* Header CSS -end ******/

/******* Main Section -start ******/
/*=== Dashboard Page ===*/
.dashboard-card{ padding: 20px; }
.dashboard-card .card-img span{ height: 50px; width: 50px; }
.dashboard-card .title-style-1{ font-family: var(--secondary-family); font-weight: 700; }
.dashboard-card .title-style-4{ font-weight: 500; font-family: var(--font-family-500); color: var(--theme-color); }
.dashboard-card .status-img{ width: 24px; }

/* scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 10px; }
::-webkit-scrollbar-thumb { background: var(--light-theme-02); border-radius: 10px; }

.custom-main-section{height: calc(100% - 80px); }
/* Left Part */
.navigation-menu{ width: 280px; padding: 40px 0px 40px 20px; height: 100%; transition: width 0.35s ease-out; display: inline-block; flex: none; overflow: hidden; background-color: var(--white); border-top: 1px solid var(--light-theme-01); overflow-y: auto; }
.navigation-menu .nav{gap: 8px; flex-direction: column;}
.navigation-menu .nav-item{ list-style: none; }
.navigation-menu .nav-item .nav-link{ padding: 16px 38px 16px 16px; display: flex; align-items: center; justify-content: flex-start; position: relative;  gap: 12px; background-color: var(--f0); border-radius: 8px 0 0 8px; }
.navigation-menu .nav-item .nav-link .nav-icon{ width: 24px; }
.navigation-menu .nav-item .nav-link .title-style-5{ font-weight: 500; font-family: var(--font-family-500); color: var(--secondary);}
.navigation-menu .nav-item .nav-link .dropdown-icon{position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 1; line-height: normal;}
.navigation-menu .nav-item .nav-link .dropdown-icon img{transform: rotate(0deg); transition: all 0.25s;}
.navigation-menu .nav-item .nav-link.active .dropdown-icon img{transform: rotate(-180deg);}
/* active */
.navigation-menu .nav-item .nav-link:hover,
.navigation-menu .nav-item .nav-link.active{ background-color: var(--primary); }
.navigation-menu .nav-item .nav-link:hover .dropdown-icon img,
.navigation-menu .nav-item .nav-link.active .dropdown-icon img,
.navigation-menu .nav-item .nav-link:hover .nav-icon,
.navigation-menu .nav-item .nav-link.active .nav-icon{ filter: brightness(100); }
.navigation-menu .nav-item .nav-link:hover .title-style-5,
.navigation-menu .nav-item .nav-link.active .title-style-5{ color: var(--white);  }
/* Sub Menu */
.navigation-menu .nav-item .sub-inner-list{ visibility: hidden; opacity: 0; max-height: 0; display: block; transition: all ease-in-out 0.35s; }
.navigation-menu .nav-item .sub-inner-list.show{ visibility: visible; opacity: 1; max-height: 200px; transition: all ease-in-out 0.35s; }
.navigation-menu .nav-item .sub-inner-list .nav{ padding: 16px 16px 0px 32px; gap: 12px; }
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link{padding: 4px 0; gap: 8px;}
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link .title-style-5{font-size: 14px; line-height: 22px}
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link .nav-icon{width: 20px; filter: invert(0) sepia(100%) saturate(90%) hue-rotate(358deg) brightness(40%) contrast(95%); transition: none;}
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link.active,
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link:hover{background-color: var(--f0);}
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link.active .title-style-5,
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link:hover .title-style-5,
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link:focus .title-style-5{color: var(--primary);}
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link.active .nav-icon,
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link:hover .nav-icon,
.navigation-menu .nav-item .sub-inner-list .nav-item .nav-link:focus .nav-icon{filter: none;}

/* Right Part */
.main-inner-content { width: calc(100% - 280px) !important; height: 100%; padding: 16px 40px 0; overflow-y: auto; position: relative; display: flex; flex-direction: column; gap: 20px; }

/* Top Nav */
.top-nav{ padding: 13px 16px 13px 27px; }
.top-nav .title-style-3 { text-transform: capitalize; color: var(--theme-color); }

/* Right Nav */
.right-nav{position: relative; margin-top: -10px;}

/* Entry Filter */
.show-entry-filter{ display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-shrink: 0; }
.show-entry-filter .form-label{ flex-shrink: 0; margin: 0; }
.show-entry-filter .form-select{ min-width: 115px; cursor: pointer; }

/* Social Card */
.social-card{ padding: 20px; border: 0; border-radius: 8px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 16px; }
.social-card .card-img{ height: 50px; width: 50px; border: 1px solid var(--light-theme-02); border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.social-card .card-img img{width: 24px;}
.social-card .card-text .title-style-2{font-weight: 700; font-family: var(--secondary-family); color: var(--theme-color);}
.social-card .card-text .title-style-4 {color: var(--theme-color); font-weight: 500; font-family: var(--font-family-500); line-height: 30px;}

/* Table */
.head-panel{ padding: 16px 24px; background-color: var(--light-theme); display: flex; align-items: center; justify-content: space-between; gap: 24px; }

/*=== LogIn Page || Register Page ===*/
.account-main-section{min-height: 600px;}
.h-calc-100{ height: calc(100vh - 40px); }
.account-bg{ position: fixed; left: 20px; width: 56%; }
.account-form-content{ overflow-y: auto; }
.account-bg img{ height: 100%; width: 100%; object-fit: cover; object-position: center center;  }
.account-main-section .account-logo{ width: 100px; height: 100px; border-radius: 100%; background-color: var(--light-theme-05); display: flex; align-items: center; justify-content: center; }
.account-main-section .account-logo img{  width: 100%;}
.account-main-section p{letter-spacing: 0.8px;}

.link-text{ color: var(--primary); font-weight: 600; font-family: var(--font-family-600); display: table; margin-left: auto; }
.link-text:hover,
.link-text:focus{color: var(--primary-shade);}


/*=== Send Message Page ===*/
.msg-card{ min-height: 100%; background-color: var(--light-theme-01); display: flex; align-items: center; flex-direction: column; height: 100%; }
.msg-card .title-style-3{ font-weight: 600; font-family: var(--font-family-600); text-transform: capitalize; color: var(--theme-color); }
.msg-card .card{ height: 100%; border-radius: 16px; background-color: var(--white); overflow: hidden; border: 0; }
.msg-card .card .card-img{ height: 360px; width: 100%; }
.msg-card .card .card-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.msg-card .card .card-text .title-style-5{ color: var(--dark-color); }
/* Upload File */
.uploadFile { position: relative; padding: 4px 16px; height: 52px; width: 100%; background-color: var(--f0); border: 1px solid var(--light-theme); border-radius: 8px !important; display: flex; align-items: center; justify-content: space-between; }
.uploadFile [type=file] { padding: 0; cursor: pointer !important; display: block; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0px; top: 0px; z-index: 1; }
.uploadFile .filename{ color: var(--dark-color-01); letter-spacing: 0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }


/*=== Chatbot Scheduler Page ===*/
.date-time-panel .title-style-6{ font-weight: 400; font-family: var(--font-family-400); color: var(--secondary); letter-spacing: 0.7px; text-transform: capitalize; }
.date-time-panel .main-row{ padding: 14px 30px; border-bottom: 1px solid var(--light-theme); }
.date-time-panel .custom-check.form-check .form-check-label{ font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); }
.date-time-panel .custom-check.form-check{ padding: 14px; }


/*=== Table ===*/
.custom-table .table {margin: 20px 0 0; float: left; width: 100% !important; clear: both; border: 0 !important; border-top: 1px solid var(--light-theme-02) !important; }
.custom-table .table thead{background-color: var(--light-theme-01); border-top: 1px solid var(--light-theme-02);}
.custom-table .table tr,
.custom-table .table td,
.custom-table .table th{border: 0;}
.custom-table .table td{border-bottom: 1px solid var(--light-theme);}
.custom-table .table th{border-bottom: 1px solid var(--light-theme-02);}
.custom-table .table tr td,
.custom-table .table tr th{ /* max-width: 190px; min-width: 190px; */ padding: 25px 4px !important; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); color: var(--secondary); vertical-align: middle; letter-spacing: 0.7px; /* white-space: nowrap; */ box-shadow: none; }
.custom-table .table tr td a{color: var(--secondary);}
.custom-table .table tr td,
.custom-table.py-16 .table tr th{padding-block: 16px !important;}
.custom-table .table tr th{padding-left: 24px !important; background-color: var(--f0);}
.custom-table .table tr td:first-child,
.custom-table .table tr th:first-child{ min-width: max-content; max-width: max-content;  padding-inline: 15px; }
.custom-table .table tr td:first-child .form-check,
.custom-table .table tr th:first-child .form-check{width: 50px; min-width: fit-content; max-width: fit-content;}
.custom-table .table tr th{ /* text-transform: capitalize; */ font-weight: 700; font-family: var(--font-family-700); }
/* sorting disable */
.custom-table .table tr th.sorting_disabled{padding-left: 0 !important;}
.custom-table .table tr td:first-child,
.custom-table .table tr th:first-child{padding-left: 50px !important;}
.custom-table .table tr td:last-child,
.custom-table .table tr th:last-child{padding-right: 50px !important;}
/* .custom-table .table .filter-btn{ padding: 0; border: 0; background-color: var(--f0); border-radius: 0; } */
.custom-table .table .status{ position: relative; padding-left: 20px !important; text-transform: capitalize; }
.custom-table .table .status::before{ position: absolute; content: ''; height: 11px; width: 11px; top: 50%; left: 0; transform: translateY(-50%); border-radius: 100%; }
.custom-table .table .status.pending{color: var(--pending);}
.custom-table .table .status.error{color: var(--error);}
.custom-table .table .status.success{color: var(--success);}
.custom-table .table .status.pending::before{background-color: var(--pending);}
.custom-table .table .status.error::before{background-color: var(--error);}
.custom-table .table .status.success::before{background-color: var(--success);}
/* bg transparent */
.custom-table .table thead.bg-transparent{border-top: 0;}
/* .custom-table .table .bg-transparent tr td:first-child,
.custom-table .table .bg-transparent tr th:first-child{padding-left: 30px !important;}
.custom-table .table .bg-transparent tr td:last-child,
.custom-table .table .bg-transparent tr th:last-child{padding-right: 30px !important;} */
/* table-w-90 */
.custom-table .table.table-w-90 tr td:first-child,
.custom-table .table.table-w-90 tr th:first-child{width: 60%;}
/* last Border none */
.custom-table .table.table-last-border-none tr:last-child td{border: 0;}
/* Reposnive Datatable */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    content: '';
    background-image: url('../images/primary-dropdown.svg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
        margin: 0;
    color: var(--f0);
        position: absolute;
    left: 12px;
    transform: translateY(-50%);
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
    transform: scaleY(-1);
}
.custom-table .table tr.child td.child{
    padding-left: 48px !important;
}


.custom-table .table tr.child .dtr-details li{
    padding: 0;
    gap: 16px;
    border: 0;
    display: flex;
    align-items: flex-start;
    list-style: none;
}
.custom-table .table tr.child .dtr-details li:not(:last-child){
    margin: 0 0 20px;
}
.custom-table .table tr.child .dtr-details li .dtr-title{
    font-weight: 600;
    font-family: var(--font-family-600);
    display: inline-block;
    position: relative;
    min-width: auto;
    flex-shrink: 0;
}
.custom-table .table tr.child .dtr-details li .dtr-title::before{
    position: absolute;
    content: ':';
    top: 0;
    right: -8px;
}



/*=== DataTable ===*/
/* Sorting */
.custom-table .sorting_asc::before,
.custom-table .sorting::before{display: none !important;}
.custom-table .sorting_asc::after,
.custom-table .sorting::after{ height: 20px; width: 20px; content: '' !important; position: absolute !important; top: 50%; bottom: 0 !important; right: auto !important; left: 0 !important; transform: translateY(-50%); background-image: url('../images/filter.svg'); background-size: cover; background-position: center center; opacity: 1 !important; }
/* Show Entries */
.custom-table .dataTables_length{padding-left: 30px;}
.custom-table .dataTables_length label{margin: 0; display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.custom-table .dataTables_length label select{ flex-shrink: 0; width: 115px; }
/* Search */
.custom-table .dataTables_wrapper .dataTables_filter{ padding-right: 30px;}
.custom-table.table-wid-button .dataTables_wrapper .dataTables_filter{ float: left; margin-left: 24px; padding-right: 0; }
.custom-table .dataTables_wrapper .dataTables_filter label{margin: 0;}
.custom-table .dataTables_wrapper .dataTables_filter label input[type="search"]{ width: 220px; }
div.dataTables_wrapper div.dataTables_info,
.custom-table .dataTables_info{padding: 40px 0 0 30px; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); color: var(--secondary); vertical-align: middle; letter-spacing: 0.7px; }

/* Pagination */
.dataTables_wrapper .dataTables_paginate{ padding: 30px 0 0; display: flex; gap: 8px; padding-right: 30px; }
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button{ height: 44px; width: 44px; margin: 0; padding: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px !important; line-height: 20px; font-weight: 500; font-family: var(--font-family-500); background-color: var(--f0) !important; color: var(--gray-color) !important; border: 1px solid var(--light-theme-03) !important; }
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ background-color: var(--primary) !important; border-color: var(--primary) !important; color: var(--white) !important; }
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.next{ font-size: 0 !important; background-image: url('../images/arrow-x.svg'); background-size: 24px; background-position: center center; background-repeat: no-repeat; }
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.next{ transform: rotate(180deg); }
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{ background-image: url('../images/arrow-x-white.svg'); background-color: var(--primary) !important; border-color: var(--primary) !important; }
.custom-table .dataTables_wrapper .dataTables_paginate span{display: flex; align-items: center; gap: 8px;}
/* remove pagination */
.pagination-remove .dataTables_paginate { display: none; }

/*=== Inner Data Table ===*/
.custom-table .table tr.child td.child .dtr-details,
.custom-table .table tr.child .dtr-details li .dtr-data{width: 100%;}
.custom-table .table tr.child td.child .dtr-data table.table{margin-block: 0 8px;}
.custom-table .table tr.child td.child .dtr-data table.table tr th,
.custom-table .table tr.child td.child .dtr-data table.table tr td{padding: 12px 8px !important;}
.custom-table .table tr.child td.child .dtr-data table.table tr th,
.custom-table .table tr.child td.child .dtr-data table.table tr td{text-align: center;}


/*=== Modal Page ===*/
.custom-modal .modal-content{ padding: 60px; background: var(--light-theme-01); border-radius: 24px; border: 0; }
.custom-modal .btn-close{ padding: 0; margin: 0; height: 32px; width: 32px; border: 0; border-radius: 100%; background-color: var(--light-theme-02); display: flex; align-items: center; justify-content: center; background-image: none; opacity: 1; position: absolute; top: 16px; right: 16px; }
.custom-modal .btn-close img{width: 24px;}
.custom-modal .modal-header{ margin: 0 0 30px; }
.custom-modal .modal-header .modal-title{ font-weight: 600; font-family: var(--font-family-600); letter-spacing: 1.2px; text-transform: capitalize; color: var(--theme-color); }

/* Profile Card */
.profile-card{margin: 0 0 30px; padding: 14px 24px; background-color: var(--f0); border-radius: 8px; border: 1px solid var(--light-theme-02); flex-direction: row; align-items: center; justify-content: space-between;}
.profile-card .profile-desc{ display: flex; align-items: center; gap: 8px; }
.profile-card .profile-desc span{ height: 52px; width: 52px; background-color: var(--light-theme-05); border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.profile-card .profile-desc span img{ width: 20px; }
.profile-card .profile-desc .title-style-4{ font-weight: 500; font-family: var(--font-family-500); letter-spacing: 0.9px; text-transform: capitalize; color: var(--theme-color); }

/* Social */
.custom-modal .social{ display: flex; align-items: center; gap: 8px; }
.custom-modal .social li{list-style: none;}
.custom-modal .social li a{width: 44px; height: 44px; border-radius: 100%; display: block; overflow: hidden;}
.custom-modal .social li a img{height: 100%; width: 100%; object-fit: cover; object-position: center center;}

/* tabs */
.custom-modal .custom-horizontal-tabs .nav-tabs{margin-bottom: 20px;}
.custom-modal .personal-info{ padding: 40px; border-radius: 16px; background-color: var(--white); }

/* Info Card */
.info-card{ flex-direction: row; background-color: var(--f0); border: 0; border-radius: 0; gap: 16px; }
.info-card .card-img{ flex-shrink: 0; height: 48px; width: 48px; border: 1px solid var(--light-theme-02); border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.info-card .card-img img{ width: 24px; }
.info-card .card-text{ display: flex; gap: 4px; flex-direction: column; }
.info-card .card-text .title-style-5{ font-variant: var(--dark-color); }
.info-card .card-text .title-style-5 span{ color: var(--theme-color); font-weight: 600; font-family: var(--font-family-600); display: block; }

/* Table */
.custom-modal .custom-table .table{width: 100% !important;}
.transparent-table.custom-table .dataTables_wrapper .dataTables_filter input,
.transparent-table.custom-table .dataTables_length label select{border-color: var(--light-theme-03);}
.top-panel-px-0.custom-table .dataTables_length,
.transparent-table.custom-table .dataTables_length{padding-left: 0;}
.top-panel-px-0.custom-table .dataTables_wrapper .dataTables_filter,
.transparent-table.custom-table .dataTables_wrapper .dataTables_filter{padding-right: 0;}
.custom-horizontal-tabs .custom-table .table td{border-bottom-color: var(--light-theme-02) ;}
.custom-horizontal-tabs .custom-table .table{border-top: 0 !important;}
.transparent-table.custom-table .table tr td,
.transparent-table.custom-table .table tr th{background-color: var(--f0);}
/* table text center */
.table-text-center.custom-table .table tr td,
.table-text-center.custom-table .table tr th{text-align: center; padding: 25px 4px !important;}

/* Social label */
.social-label{padding: 20px;}
.social-label .title-style-3{text-transform: capitalize; color: var(--secondary);}
.social-label .lead-status .title-style-5{color: var(--dark-color); text-transform: capitalize;}
.status-msg{min-width: 100px; padding: 5px 12px 3px; display: inline-flex; align-items: center; justify-content: center; gap: 6px;border-radius: 100px; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); text-transform: capitalize; }
.status-msg span{display: inline-block; height: 11px; width: 11px; border-radius: 100%; transform: translateY(-1px);}
/* Hot */
.status-msg.hot{ color: var(--primary); background-color: var(--light-theme-04); }
.status-msg.hot span{ background-color: var(--primary);}
/* cold */
.status-msg.cold{ color: var(--cold); background-color: var(--cold-bg); }
.status-msg.cold span{ background-color: var(--cold);}
/* medium */
.status-msg.medium{ color: var(--medium); background-color: var(--medium-bg); }
.status-msg.medium span{ background-color: var(--medium-circle);}
/* Closed */
.status-msg.closed{ color: var(--error); background-color: var(--f0); }
.status-msg.closed span{ background-color: var(--error);}

/*=== Edit User Modal Page ===*/
.edit-user-part input,
.edit-user-part .form-control{border-color: var(--light-theme-02);}
/* Edit Profile */
.edit-profile-img{ padding: 40px 16px; height: 100%; border: 1px solid var(--light-theme-02); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 24px; }
.edit-profile-img .imageWrapper { border-radius: 100%; overflow: hidden; position: relative; margin: auto; width: 110px; height: 110px; background: var(--light-theme); }
.edit-profile-img .imageWrapper img {object-fit: cover;object-position: center; height: 100%; width: 100%; }
.edit-profile-img .profile-status span{ z-index: 1; height: 27px; width: 27px; border-radius: 100%; background-color: var(--success-light); }
.edit-profile-img .profile-status span::before{position: absolute; content: ''; height: 41%; width: 41%; border-radius: 100%; background-color: var(--success-dark); }


/* File Upload */
.file-upload-image { overflow: hidden; margin: 0 auto; padding: 0; border: 0; width: 36px; height: 36px; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; right: 0; bottom: 0; border-radius: 100%; border: 1px solid var(--light-theme-02); background: var(--white); display: flex; align-items: center; justify-content: center; }
.file-upload-image, .file-upload-image * { pointer-events: auto; }
.file-upload-image label { margin: 0; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.file-upload-image input.file-input { width: 100%; height: 100%; padding-left: 100px; }
.file-upload-image img{width: 20px; pointer-events: none; }



/*=== Timepicker ===*/
.bootstrap-timepicker-widget.dropdown-menu{ border-radius: 8px; border: 1px solid var(--light-theme-02); background: var(--white); box-shadow: 4px 4px 44px 0px rgba(0, 0, 0, 0.04); }
.bootstrap-timepicker-widget.dropdown-menu::before,
.bootstrap-timepicker-widget.dropdown-menu::after{display: none;}
.bootstrap-timepicker-widget table td input{ padding: 2px; width: 50px; font-size: 14px; line-height: 18px; }
.bootstrap-timepicker-widget table td a { height: 40px; width: auto; border: 0; padding: 0; color: transparent; position: relative; display: flex; align-items: center; justify-content: center; }
.bootstrap-timepicker-widget table td a:hover{ background-color: var(--f0); border-color: var(--f0); }
.bootstrap-timepicker-widget table td a::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/dropdown-primary.svg'); background-size: 20px; background-position: center center; background-repeat: no-repeat; filter: invert(0) sepia(100%) saturate(90%) hue-rotate(358deg) brightness(40%) contrast(95%); }
.bootstrap-timepicker-widget table tr:first-child td a::before{transform: rotate(90deg);}
.bootstrap-timepicker-widget table tr:last-child td a::before{transform: rotate(270deg);}
.bootstrap-timepicker-widget table td a:hover::before{ filter: none; }
.bootstrap-timepicker-widget table td span{display: none;}
/* disable */
.custom-time-picker:disabled{color: var(--light-theme-03)}
.custom-time-picker:disabled + .input-group-text img{ filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(96deg) brightness(140%) contrast(101%); }


/*=== Datepicker ===*/
.daterangepicker{ padding: 16px 0px 16px 20px; border: 1px solid var(--light-theme-02); border-radius: 0 0 8px 8px; background-color: var(--white); }
.daterangepicker:before,
.daterangepicker:after{display: none;}
.daterangepicker .drp-calendar.left .calendar-table{padding: 0 !important;}
.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right{padding: 4px; min-width: 350px;}
.daterangepicker .calendar-table table { border-spacing: 11px; border-collapse: separate; }
.daterangepicker .calendar-table{background-color: var(--f0); border: 0;}
.daterangepicker .calendar-table thead tr:first-child{ padding: 12px 32px; /* background-color: var(--light-theme-01); border-radius: 8px; */ height: 48px; }
.daterangepicker .calendar-table tr th:hover,
.daterangepicker .calendar-table tr th:focus{background-color: var(--f0);}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td{ width: 32px; height: 32px; border: 0; font-size: 14px; font-style: normal; line-height: 18px; font-weight: 400; font-family: var(--calendar-family); color: var(--secondary); }
.daterangepicker .calendar-table td{border-radius: 100% !important;}
.daterangepicker .calendar-table tr th{ font-weight: 700; }
.daterangepicker .calendar-table tr:first-child th{ font-size: 16px; line-height: 1; font-weight: 700; font-family: var(--calendar-family); color: var(--dark-color-03); display: table-cell; position: relative; }
.daterangepicker .calendar-table tr:first-child th.prev,
.daterangepicker .calendar-table tr:first-child th.month{ left: -38px; }
.daterangepicker .calendar-table tr:first-child th.next{ right: 48px; }
.daterangepicker .calendar-table th:empty { display: none; }
.daterangepicker td.available:hover,
.daterangepicker th.available:hover { background-color: var(--light-theme); color: var(--secondary); }
.daterangepicker td.active,
.daterangepicker td.active:hover { background-color: var(--primary); color: var(--white); }
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span{ padding: 0; border: 0; border-radius: 0; background-image: url('../images/select-dropdown.svg'); background-repeat: no-repeat; /* background-position: center left 5px; */ background-position: 5px 0; background-size: 24px; display: block; height: 24px; transform: rotate(90deg); }
.daterangepicker .calendar-table .next span{ transform: rotate(-90deg); background-position: center left 3px; }
.daterangepicker .drp-buttons .btn.btn-default{margin: 0 10px;}
.daterangepicker .calendar-table thead tr:first-child{ position: relative; z-index: 1; }
.daterangepicker .calendar-table thead  tr:first-child::before{ position: absolute; content: ''; height: 100%; width: 88%; top: 0; left: 0; background-color: red; background-color: var(--light-theme-01); border-radius: 8px; z-index: -1; }
.daterangepicker .drp-selected{display: none;}
.daterangepicker .drp-buttons{ padding: 24px 35px 8px 0; border: 0; position: relative; }
.daterangepicker .drp-buttons::before{ position: absolute; top: 0; right: 38px; width: calc(100% - 50px); height: 1px; background-color: var(--light-theme-02); content: ''; }
.daterangepicker td.in-range{background-color: var(--light-theme-02); color: var(--secondary);}

/*=== Add Agancy Form ===*/
.edit-profile-img .profile-text .title-style-6{letter-spacing: 0.7px; font-weight: 400; font-family: var(--font-family-400);}
.social-management-card li{list-style: none; margin: 0; padding: 0;}
.social-management-card .title-style-5 { letter-spacing: 0.8px; color: var(--dark-color-02); }
.social-management-card li:not(:last-child){ margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--light-theme-02); }
.social-management-card .person-img span{ height: 52px; width: 52px; border-radius: 100%; overflow: hidden; background-color: var(--light-theme-05); }
.social-management-card .person-img span img{ height: 100%; width: 100%; object-fit: cover; object-position: center center; }
.social-management-card .person-img .title-style-6{ font-weight: 500; font-family: var(--font-family-500); color: var(--theme-color); letter-spacing: 0.8px; }


/*=== Social Management Page ===*/
.social-management-card .card-img{ height: 72px; width: 72px; background-color: var(--light-theme-01); border-radius: 8px; }
.social-management-card .card-img img{width: 40px;}



/*=== Site Configuration Page ===*/
.profile-wid-close-btn.edit-profile-img{ padding-right: 80px !important; }
.profile-wid-close-btn.edit-profile-img .imageWrapper{ height: 110px; width: 213px; border-radius: 12px; border: 1px solid var(--light-theme); background-color: var(--f0); }
.profile-wid-close-btn.edit-profile-img .imageWrapper img{ object-fit: contain; width: 80%; height: 80%; }
.profile-wid-close-btn.edit-profile-img .file-upload-image{ height: 100%; width: 100%; right: 50%; bottom: 50%; transform: translate(50%, 50%); border: 0; background: transparent; border-radius: 0; position: absolute; }
.profile-wid-close-btn.edit-profile-img .file-upload-image input.file-input{border: 0;}
.profile-wid-close-btn.edit-profile-img .file-upload-image img{ width: 40px; }
.profile-wid-close-btn.edit-profile-img .btn-delete{ border-color: var(--dark-color-01); width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; }
.profile-wid-close-btn.edit-profile-img .btn-delete img{ width: 24px; }



/*=== Toast ===*/
#toast-container{ top: 104px; }
#toast-container .toast { width: 320px; margin: 0; padding: 12px 26px 12px 58px; border-radius: 8px 0px 0px 8px; border: 1px solid var(--secondary); background-color: var(--light-theme); opacity: 1; background-repeat: no-repeat; background-position: center left 16px; background-size: 34px; }
#toast-container .toast,
#toast-container .toast:hover{ box-shadow: none !important; }
#toast-container .toast-message{ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0.8px; color: var(--gray-color-02); font-family: var(--font-family-400); }
#toast-container .toast.toast-success{ border: 1px solid var(--success-dark); background-color: var(--success-bg-light); background-image: url(../images/toast-success.svg) !important; }
#toast-container .toast.toast-error{ border: 1px solid var(--primary); background-color: var(--light-theme-05); background-image: url(../images/toast-error.svg) !important; }
#toast-container .toast-close-button{ color: var(--gray-color-02); position: absolute; top: 50%; right: 10px; transform: translateY(calc(-50% - 1px)); line-height: normal; opacity: 1; text-shadow: none; float: none; font-size: 16px; }



.apexcharts-canvas svg{ fill: var(--primary) !important; }
.apexcharts-canvas circle { fill: #FF4D52 !important; }
.apexcharts-tooltip,
.apexcharts-yaxistooltip{ padding: 8px 16px; border-radius: 8px; box-shadow: 2px -2px 35px 0px rgba(0, 0, 0, 0.05); }
.apexcharts-tooltip,
.apexcharts-yaxistooltip
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{ border: 1px solid var(--light-theme-02) !important; background: var(--white) !important; }
.apexcharts-tooltip-series-group,
.apexcharts-tooltip-y-group{padding: 0 !important;}
/* .apexcharts-tooltip-title, */
.apexcharts-yaxistooltip,
.apexcharts-tooltip-marker{ display: none !important;}
.apexcharts-tooltip-text-y-label,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
.apexcharts-tooltip-text,
.apexcharts-yaxistooltip-text{ font-size: 16px; line-height: 24px; font-weight: 400 !important; font-family: var(--font-family-400) !important; color: var(--secondary); border: 0 !important; background-color: var(--f0) !important; padding: 0; margin: 0 !important; }
/******* Main Section -end ******/

/******* SweetAlert CSS -start ******/
html.swal2-height-auto body.swal2-height-auto,
body.swal2-height-auto{height: 100vh !important;}
div:where(.swal2-container) div:where(.swal2-popup){ padding: 48px !important; border-radius: 24px !important; background: var(--white) !important; width: 418px !important; }
div:where(.swal2-container) div:where(.swal2-icon){ height: 96px; width: 96px; border-radius: 100%; background: var(--light-theme-06); padding: 0; margin-block: 0; align-items: center; border: 0; }
div:where(.swal2-container) div:where(.swal2-icon) .swal2-icon-content img{width: 64px;}
div:where(.swal2-container) div:where(.swal2-icon).swal2-error{ background: var(--light-theme-06) !important; border-color: var(--light-theme-06) !important; }
div:where(.swal2-container) div:where(.swal2-icon).swal2-success{ background: var(--success-bg-dark) !important; border-color: var(--success-bg-dark) !important; }
div:where(.swal2-container) .swal2-title{ margin: 24px 0 0; padding: 0; font-size: 20px; line-height: 28px; font-weight: 600; font-family: var(--font-family-600); color: var(--theme-color); text-transform: capitalize; }
div:where(.swal2-container) div:where(.swal2-popup) .swal2-html-container{ margin: 4px 0 0; padding: 0; font-size: 14px; line-height: 22px; font-weight: 400; font-family: var(--font-family-400); color: var(--dark-color); }
div:where(.swal2-container) .swal2-actions{ margin: 24px 0 0; gap: 24px; flex-wrap: nowrap; }
div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation { background: rgb(0 0 0 / 60%); }
/* button */
div:where(.swal2-container) button:where(.swal2-styled),
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel{ font-size: 14px !important; border: 1px solid var(--primary) !important; background-color: var(--primary) !important; border-radius: 8px !important; color: var(--white) !important; }
div:where(.swal2-container) button:where(.swal2-styled):hover,
div:where(.swal2-container) button:where(.swal2-styled):focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus{background-color: var(--primary) !important; color: var(--white) !important; border-color: var(--primary) !important;}
/* border-btn */
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel,
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny{ background-color: var(--f0) !important; color: var(--primary) !important; border-color: var(--primary) !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover,
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus,
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:hover,
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus{background-color: var(--primary) !important; color: var(--white) !important; border-color: var(--primary) !important;}
/******* SweetAlert CSS -end ******/


/******* Parameter CSS -start ******/
.code_block_body{ padding: 26px 30px 30px; border-radius: 24px; background-color: var(--light-theme); }
.code_block_body .code-block { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0.7px; color: var(--secondary); font-family: var(--font-family-400); display: flex; flex-direction: column; gap: 30px; }
.code_block_body .code-block  input[type='number'] { height: 50px; min-width: 50px; max-width: 50px; width: auto; padding: 12px 2px; margin: 4px 16px; border: 1px solid var(--secondary); background-color: var(--white); color: var(--secondary); text-align: center; border-radius: 8px; font-size: 18px; font-style: normal; font-weight: 400; font-family: var(--font-family-400); line-height: 26px; letter-spacing: 0.9px; }
.parameter-section-wrap .form-group{margin-top: 20px;}
.parameter-section-wrap .form-group label{ margin-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 600; font-family: var(--font-family-600); line-height: 22px; letter-spacing: 0.7px; color: var(--secondary); }
.parameter-section-wrap .form-group ul{padding: 0; margin: 0;  /* border: 1px solid var(--light-theme-02);border-radius: 8px; overflow: hidden;*/}
.parameter-section-wrap .form-group ul li{ padding: 16px; list-style: none; width: 49.5%; display: inline-block; position: relative; border: 1px solid var(--light-theme-02); margin: -1px 0 0 -5px; font-size: 14px; font-style: normal; font-weight: 500; font-family: var(--font-family-500); line-height: 22px; letter-spacing: 0.7px; color: var(--secondary); }
.parameter-section-wrap .form-group ul li span{ color: var(--primary); font-weight: 600; font-family: var(--font-family-600); }
/******* Parameter CSS -end ******/


/* Loader */
div.dataTables_processing>div:last-child>div{
    background-color: var(--primary);
}
/********======== Main CSS -Start ========********/



/********======== Responsive CSS -Start ========********/
@media (min-width:1200px){
    .modal-xl, .modal-xxl { --bs-modal-width: 1160px; }
    .modal-md { --bs-modal-width: 601px; }
}
@media (min-width:1400px){
    .modal-xxl { --bs-modal-width: 1380px; }
}
@media (min-width:1536px){
    .modal-xxl { --bs-modal-width: 1420px; }
}

@media (max-width:1600px){
    .input-color span{width: 86%;}
}

@media (max-width: 1279px){
    /*=== Main Section ===*/
    /* Left Part */
    .navigation-menu{ width: 250px; padding-left: 16px;}
    /* Right Part */
    .main-inner-content { width: calc(100% - 250px) !important; padding: 30px 30px 0; }
    /* Social card */
    .social-card { padding: 16px; gap: 12px;}
    /* Message card */
    .msg-card .card .card-img { height: 320px;}

    /*=== Chatbot Scheduler Page ===*/
    .date-time-panel .custom-check.form-check{ padding: 8px; }


    /*=== LogIn Page || Register Page ===*/
    .account-bg{ width: 55.33%; }

    .input-color span{width: 82%;}
}

@media (max-width: 1199px){
    /* Margin */
    .mb--44 { margin-bottom: 20px; }

    /* padding */
    .p-30{padding: 20px;}
    .px-30{padding-inline: 20px;}
    .ps-30{padding-left: 20px;}
    .pe-30{padding-right: 20px;}
    .pt-30{padding-top: 20px;}
    .pb-30{padding-bottom: 20px;}

    /* min-width */
    .btn.mx-130 { min-width: 110px; }

    /* Gutters */
    .gx-20{--bs-gutter-x: 16px;}

    /* Pagination */
    .custom-table .dataTables_wrapper .dataTables_paginate .paginate_button { height: 36px; width: 36px; font-size: 13px !important; line-height: 19px;}

    /* checkbox/radio */
    .custom-check.form-check{ width: 45%;}
    .custom-check.form-check .form-check-label{font-size: 14px; line-height: 22px;}
    .form-check .form-check-input { width: 18px; height: 18px;}

    /*=== header ===*/
    /* logo */
    header .brand-logo{padding-inline: 40px;}
    /* nav */
    header .head-navbar{padding-inline: 24px;}
    header .head-navbar .input-group.input-group .form-control { width: 270px; }
    /* Dropdown */
    header .notification-dropdown .dropdown-menu { padding: 16px;}

    /*=== Main Section ===*/
    /* Side Navigation */
    .navigation-menu { padding-left: 12px; }
    .navigation-menu .nav-item .nav-link { padding: 14px 32px 14px 12px;}
    .navigation-menu .nav-item .nav-link .nav-icon { width: 20px; }
    .navigation-menu .nav-item .nav-link .dropdown-icon { right: 11px;}
    .navigation-menu .nav-item .nav-link .dropdown-icon img { width: 18px; }
    .navigation-menu .nav-item .nav-link .title-style-5{font-size: 15px;}
    .navigation-menu .nav-item .sub-inner-list .nav { padding-inline: 24px 4px; }
    /* Social card */
    .social-card { flex-direction: column; align-items: baseline; }
    /* Upload File */
    .uploadFile img{width: 20px;}
    /* Message card */
    .msg-card .card .card-img { height: 260px;}
    /* Edit Instagram Chatbot Scheduler */
    .time-col .col-xl-6:last-child{margin-top: 4px;}

    /*=== LogIn Page || Register Page ===*/
    .account-bg{ width: 54.8%; }



    /*=== Datatable ===*/
    /* Search */
    .custom-table .dataTables_wrapper .dataTables_filter{ margin-left: 16px; }
    .custom-table .dataTables_info{padding-left: 20px;}
    .dataTables_wrapper .dataTables_paginate{ padding-right: 20px; }
    .custom-table .table tr td{padding-inline: 16px !important;}
    /* .custom-table .table tr td:first-child,
    .custom-table .table tr th:first-child{padding-left:4px !important;}
    .custom-table .table tr td:last-child,
    .custom-table .table tr th:last-child{padding-right: 4px !important;} */
    /* .custom-table .table .bg-transparent tr td:first-child,
    .custom-table .table .bg-transparent tr th:first-child{padding-left: 20px !important;}
    .custom-table .table .bg-transparent tr td:last-child,
    .custom-table .table .bg-transparent tr th:last-child{padding-right: 20px !important;} */
    /* .custom-table .table tr th.sorting_disabled { padding-left: 16px !important; } */


    /*=== Modal Page ===*/
    .custom-modal .modal-content { padding: 45px; }
    .custom-modal .btn-close { height: 26px; width: 26px; top: 14px; right: 14px; }
    .custom-modal .btn-close img{width: 20px;}
    .profile-card{padding: 12px 16px;}
    .profile-card .profile-desc span { height: 48px; width: 48px;}
    .profile-card .profile-desc .title-style-4{font-size: 16px; line-height: 24px;}
    .custom-modal .personal-info { padding: 30px;}

    /*=== Edit User Modal Page ===*/
    .edit-profile-img .imageWrapper{height: 90px; width: 90px;}
    .file-upload-image{height: 32px; width: 32px;}
    .file-upload-image img{width: 18px;}
    .edit-profile-img .title-style-3{font-size: 18px;}


    /*=== Site Configuration Page ===*/
    .profile-wid-close-btn.edit-profile-img { padding-right: 64px !important; }
    .profile-wid-close-btn.edit-profile-img .imageWrapper { height: 100px; width: 193px;}
    .profile-wid-close-btn.edit-profile-img .file-upload-image { height: 34px; width: 34px;}
    .profile-wid-close-btn.edit-profile-img .btn-delete { width: 34px; height: 34px; right: 20px; }
    .profile-wid-close-btn.edit-profile-img .btn-delete img { width: 20px; }

    /*=== Inner Data Table ===*/
    .custom-table .table tr.child .dtr-details li{flex-direction: column; gap: 4px;}
    .custom-table .table tr.child .dtr-details li:not(:last-child) { margin-bottom: 24px; }
    .custom-table .table tr.child td.child .dtr-data table.table { margin-top: 4px; }

    /*=== Parameter CSS ===*/
    .parameter-section-wrap .form-group ul li{width: 100%;}



    .input-color span{width: 80%;}
}
/********======== Responsive CSS -End ========********/