html, body {font-family: Arial, sans-serif;}

/* @media (min-width: 992px) {.container-fluid {max-width: 1410px;}
} */

/* calculated as screen height(100vh) - footer height(283px) - navbar height(49px) */

main {min-height: calc(100vh - 60px) !important;min-height: 100vh;}
.btn-theme {background-color: var(--primary-color) !important;border-color: var(--primary-color);}
.text-shadow {text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
.navbar-toggler:focus {outline: none;box-shadow: none;}
.link-unstyled, .link-unstyled:hover {text-decoration: none;}
.btn-span, .btn-span:hover {pointer-events: none;}
label.invalid-input {color: #dc3545; font-size: 13px; margin-bottom: 0; }


/* All Elements ===================================================================================================== */

.form-control,.custom-select,.custom-file-label {border-color: #e8e7e7;}

.user-image {height: 250px;width: 250px;object-fit: cover;object-position: center;margin-bottom: 1.5rem;border: 2px solid #999;}
.user-image.listing-img {height: 150px;width: 150px;border-width: 1px;}
@media (max-width: 767px){
	.user-image.listing-img {height: 75px;width: 75px;border-width: 1px;}}
.userImage_control {position: absolute;height: 0;width: 0;opacity: 0;visibility: hidden;}

.userImage_control_label {height: 54px;width: 54px;border-radius: 50%;background: #ddd;line-height: 50px;text-align: center;border: 2px solid #999;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.userImage_control_label .fas {line-height: inherit;}
.mw-300 {max-width: 300px;}


/* this css for chenge the text in custom-switch-button */


.custom-control-input:checked~.custom-control-label span:before{content:'Enable'}
.custom-control-input~.custom-control-label span:before{content:'Disable'}

/*custom-switch-button end*/

/* select2 */

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{ border-top-left-radius: 0; border-top-right-radius: 0;}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection{border-color: var(--primary-color);outline: none; box-shadow: none; }
.select2-container--bootstrap-5 .select2-dropdown{border-color: var(--primary-color);}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background: var(--primary-color); color: #fff;}
.select2-container--default .select2-selection--single{height: calc(1.5em + 0.75rem + 2px);}
.select2{min-width: 100% !important;}
.select2-container.select2-container--default.select2-container--open{z-index: 999999;}
body:not(.modal-open) .select2-container--open {z-index: 97;}

/* select2 end */


/* Custom Radio Button */

.custom-radio-btn-outline {border: 1px solid var(--primary-color);color: var(--primary-color);cursor: pointer;}
.btn-group-toggle .btn {padding: 0;}
.btn-group-toggle .custom-span {display: block;padding: .375rem .61rem}
.btn-group-toggle input[type="radio"]:checked+span {color: #fff;background-color: var(--primary-color);border-radius: 3.5px;}

/* Custom checkbox */

.radio-boxes .radio-box {position: relative;}

.radio-boxes .radio-box input[type="radio"],
.radio-boxes .radio-box input[type="checkbox"] {opacity: 0;position: absolute;top: 0;left: 0;}

.radio-boxes .radio-box .form-check {padding-left: 0;}

.radio-boxes .radio-box input[type="radio"]:focus~.form-check-label,
.radio-boxes .radio-box .form-check-label:hover,
.radio-boxes .radio-box input[type="checkbox"]:focus~.form-check-label,
.radio-boxes .radio-box .form-check-label:hover {border-color: var(--primary-color);color: var(--primary-color);}

.radio-boxes .radio-box input[type="radio"]:checked~.form-check-label,
.radio-boxes .radio-box input[type="checkbox"]:checked~.form-check-label {border-color: var(--primary-color);}

.stock-btn {width: 100%;border: 1px solid var(--primary-color);border-radius: 0;color: var(--primary-color); cursor: pointer;}

.radio-boxes .radio-box input[type="radio"]:checked~.form-check-label,
.radio-boxes .radio-box input[type="checkbox"]:checked~.form-check-label {border-color: var(--primary-color);background-color: var(--primary-color);color: #fff !important;}

/* Custom checkbox end*/

/* Multiple Image Selection */
.upload-main-image{position: relative; width: fit-content;height: fit-content;}

.upload-main-image .close-buttons {position: absolute;right: -10px;top: -10px;z-index: 1;}
.upload-main-image .close-buttons button.button-gallery.btn-danger.button-round {border-radius: 50%;width: 30px;font-size: 16px;display: flex;justify-content: center;align-items: center;height: 30px;line-height: 30px;}

/* Multiple Image Selection end */


/*.custom-file-input*/

.custom-file-input:focus~.custom-file-label{border-color: var(--primary-color); box-shadow:none;}
.form-select:focus,.form-control:focus,.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color: var(--primary-color) !important;outline: 0;box-shadow: none;}


/* Extra */
.btn:not(.btn-link):hover {box-shadow: none;}

@media (max-width:991px){
.login-brand-logo{width: 50% !important;}
.horizontal-header .setting-part{top: 64px;}
.settings-cards .sticky-div{left: 0;}
}


/* All Elements end ===================================================================================================== */



/* css */


:root {--primary-color: #1a388b;--secondary-color: #ffffff; --primary-color-shadow: 0 0 0 0.2rem #1a388b40;}  

.text-theme{color: var(--primary-color) !important;}
.bg-theme{background-color: var(--primary-color);}
.btn:not(.btn-link):hover {box-shadow: none;}
.user-header-icon {min-height: 40px;background: var(--primary-color);min-width: 40px;margin-right: 15px;border-radius: 50%;display: flex;align-items: center;justify-content: center; }
.twt-navbar .user-icon-header {color: #fff;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {font-size: 14px;color: #fff;padding: 10px 20px !important;position: relative;transition: all 0.4s ease-in-out;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 18px 15px;}
.login-admin-icon .nav-link.logout-btn {color: var(--primary-color);font-size: 15px;font-weight: 500;}
.login-admin-icon .nav-link.logout-btn .logout-icon {padding-right: 10px;font-size: 16px;color: var(--primary-color);}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {background: var(--primary-color);color: #fff !important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover .icon-dropdown{color: #000 !important;}
.twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu{top: 42px;}
.body-form-info .form-label{display: block;font-size: 15px;}
.body-form-info .form-control:focus{border-color: #000;box-shadow: none;}
.form-control {font-size: 14px;}
.body-form-info button:focus{outline: none;}
.header-title {font-size: 20px;font-weight: 600;text-transform: capitalize;}
.login-btn .dropdown-toggle::after{display: none;}
.login-btn .custom-dropdown-toggle:hover {color: var(--primary-color);text-decoration: none;}
.twt-navbar.twt-navbar-common .nav-bottom .nav-item:hover a.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active .nav-link {background-color: #fff;color: var(--primary-color) !important;}
.twt-navbar-common .slide .nav-item.active {background: #fff;}
.chnage-password .body-form-info .form-group {margin-top: 0px;}
.bg-light-color {background: #f5f5f5;}

.chnage-password .form-control {font-size: 15px;}
.navbar-slide .dropdown .dropdown-toggle::after {content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: middle;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;}
.breadcrumb-wrapper .btn-light {padding: 6px 10px;font-size: 13px;line-height: 1.5;border-radius: 0;background: var(--primary-color);color: #fff !important;}

.table td, .table th {font-size: 14px;}
.control-label {font-weight: 600;font-size: 14px;margin-bottom: 0.25rem;}
.control-label{font-size: 14px;}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.btn-info.focus, .btn-info:focus {box-shadow: none;}
.table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px;font-size: 14px;font-weight: 700;}
.breadcrumb-wrapper .category-add-link {color: #333;font-size: 14px;}
.breadcrumb-wrapper .breadcrumb-item{font-size: 14px;}
.breadcrumb-item.active {color: var(--primary-color);}
.page-item:last-child .page-link {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.page-item:first-child .page-link {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.star {color: red;}
.update-section .body-form-info .form-group {margin-top: 0;margin-bottom: 33px;}
.update-section .twt-ftu-link {width: 100%;margin: 0 15px;}
.add-user-section .btn.action-btn.btn-info {background: var(--primary-color);border-color: var(--primary-color);}
.page-item.active .page-link {z-index: 1;color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.dataTables_paginate,div.dataTables_wrapper div.dataTables_info {margin-top: 15px !important;}
table#user-table{width: 100% !important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color: var(--primary-color);}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
.filter-result-wrapper table.dataTable{border-collapse: collapse !important;}
.button-actions-top-bar{padding: 5px 10px;border-radius: 5px;}
button:focus{outline: none;}
.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .dropdown-item:hover{color: #000 !important;}
.message-div .alert {margin-bottom: 0; margin-top: 15px;}
/* .dataTables_scrollHeadInner, .dataTables_scrollHeadInner table{width: 100% !important; } */

@media (max-width: 1199px) {
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{padding: 10px 10px !important;}
}

@media (max-width: 767px) {
	.card-login{width: 100%;}
	.col-sm-12.col-md-7:has(.dataTables_paginate){padding-left: 0;}
	.col-sm-12.col-md-5:has(.dataTables_info){padding-right: 0;}
}
@media (max-width: 575px) {
	.user-header-icon{min-width: 32px; min-height: 32px; margin-right: 6px;}
	.twt-navbar.twt-navbar-common .dropdown-menu{top: 35px;}.login-page:before{display: none;}.login-title{padding: 15px 20px 0px 0px;}
	.breadcrumb-wrapper .add-btn{padding: 8px 10px;}
	.dropdown.admin-dropdown{position: absolute; right: 0px;}

}

/* tables common */
.table.table-dataTable.dataTable {border-collapse: collapse!important; border-spacing: 0;}
.table td {vertical-align: middle;}
.sr-col {max-width: 70px !important; width: 70px !important;min-width: 70px !important;}
.dataTable .sr-col {max-width: 50px !important; width: 50px !important;min-width: 50px !important;}
.wide-col {width: 250px;min-width: 250px;}
.status-col{max-width: 110px !important; width: 110px !important; min-width: 110px !important;}
.actions-col {max-width: 130px !important; width: 130px !important; min-width: 130px !important;}

.dataTable .status-col{max-width: 90px !important; width: 90px !important; min-width: 90px !important;}
.dataTable .actions-col {max-width: 110px !important; width: 110px !important; min-width: 110px !important;}
.table td, .table th{padding: 6px 11px;}


.twt-fix-table{max-height:69vh;}
.twt-fix-table.table-responsive::-webkit-scrollbar{width: 10px;height: 10px !important;}
.twt-fix-table.table-responsive{border: 1px solid #dee2e6;}
.twt-fix-table.table-responsive table{margin-bottom: 1px;}
.twt-fix-table.table-responsive::-webkit-scrollbar-thumb {background-color: #c1c1c1;border-radius: 10px;}
.twt-fix-table.table-responsive .table thead tr th {position: sticky;top: -1px;background: #fff;}
.navbar .dropdown-toggle::after{content: "\f078";  font: var(--fa-font-solid); border: 0;margin: 0;}
.navbar a.dropdown-toggle .img-user {max-width: 140px; display: flex; align-items: center; justify-content: flex-start;}
.navbar a.dropdown-toggle .img-user span{overflow: hidden; text-overflow: ellipsis;}

.twt-fewcol-sticky{overflow: visible;}
.twt-fewcol-sticky .table thead {position: sticky;top: 49px; z-index: 3;}

/* TWT class list */


.twt-filter-icon{margin-right: 0px;}
.sorting-icon{margin-right: 0px;}
.twt-add-icon{margin-right: 0px;}

.twt-search-div{margin-top: 10px; align-self: end;}


@media (min-width: 576px) {
  .sorting-icon{margin-right: 4px;}
    .twt-filter-icon{margin-right: 4px;}
	.twt-add-icon{margin-right: 4px;}

}


/* TWT class list end*/

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ddd #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px !important;
    height: 5px !important;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 1px solid #ffffff;
  }
  .custom-file-label{white-space: nowrap; overflow-x: hidden;}
  .settings-cards {margin-bottom: 80px;}
  .settings-cards .sticky-div{position: fixed;}


/* Remove this css if you use vertical menu in admin panel */

/* navbar horizontal ===================================================================================================== */

.twt-navbar.twt-navbar-common {background: #444;transition: 0.5s all;min-height: 60px;position: fixed;top: 0;left: 0;right: 0;z-index: 1022;}
.twt-navbar.twt-navbar-common.fixed {box-shadow: 0 1px 15px rgba(30, 30, 30, 0.3);background: #444;padding: 0 !important;}
.twt-navbar.twt-navbar-common .navbar-brand span {color: #eee;font-weight: 900;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {transition: 0.25s all;border-radius: 0px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {color: #eee;padding: 0.75rem 1.5rem;border-bottom: 0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {color: #fff;background-color: rgba(0, 0, 0, 0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link {color: #fff;}
.twt-navbar.twt-navbar-common .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 9px;}
.twt-navbar.twt-navbar-common .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #ddd;height: 0;width: 0;position: absolute;right: 10px;bottom: 100%;}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash {display: block;height: 3px;width: 30px;background: #fff;margin: 6px;pointer-events: none;}
.twt-navbar.twt-navbar-common .dropdown-menu {top: 45px;border: 0;border-radius: 2px;background: none;padding: 0;background: #fff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);margin-top: 0px !important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {transition: 0.5s all;color: #6c757d !important;padding: 0.75rem 1rem;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {background: rgba(0, 0, 0, 0.15);color: #000;}
.twt-navbar.twt-navbar-common .logo-image {height: 50px; max-width: 140px; object-fit: contain;}
.gap {gap: 4px;}
.wrapper .sidebar .sidebar-nav hr{border-color: #fff;}
.navbar-slide .dropdown .dropdown-item:hover{background-color: var(--primary-color) !important; color: #fff !important; }
@media (max-width: 1199px) {
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1.25rem;}}

@media (max-width: 991px) {
  .twt-navbar.twt-navbar-common{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}.twt-navbar.twt-navbar-common .dropdown-menu.login-dropdown .dropdown-item{color: #6c757d !important;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1) {transform: rotate(45deg) translate(5px,8px);}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2) {opacity: 0;}.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3) {transform: rotate(-45deg) translate(5px,-8px);}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 15px 15px;}.nav-bottom .navbar-slide .nav-item {border-bottom: 1px solid #ddd;width: 100%;}
  .twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu{border-radius: 0;}

  .twt-navbar.twt-navbar-common .navbar-brand span {color: #fff;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link {color: #efefef;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover {color: #fff;}.twt-navbar.twt-navbar-common .slide {position: fixed;z-index: 999;top: 0;bottom: 0;left: 0;min-width: 250px;width: 300px;max-width: 90%;background-color: var(--primary-color);transform: translate3d(-100%, 0, 0);transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);border-right: 1px solid transparent;overflow-y: auto;}.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {padding: 0.75rem 1rem;}.twt-navbar.twt-navbar-common .navbar-slide .dropdown-menu {box-shadow: none;}.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item {color: #fff;padding-left: 1.75rem;}.nav-slide-open .twt-navbar.twt-navbar-common .slide {transform: translate3d(0, 0, 0);box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);}
}
@media (max-width: 425px) {
/* .twt-navbar.twt-navbar-common .dropdown-menu{left: -20px;} */
.navbar a.dropdown-toggle .img-user {max-width: 120px;}
}

@media (min-width: 992px) {
  .twt-navbar.twt-navbar-common .dropdown-menu.w-200px {min-width: 200px;}
  .twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu {left: auto;right: 0;}
}
@media (min-width: 1200px) {
  .settings-cards .sticky-div{position: fixed; left: 125px;}
  .wrapper.toggled .settings-cards .sticky-div{left: 35px;}
  }

  @media(max-width:576px) {
    .twt-navbar.twt-navbar-common .logo-image {height: 50px; max-width: 120px; object-fit: contain;}

  }

/* for lighter navbars add 'nav-light' class */

.twt-navbar.twt-navbar-common.nav-light .navbar-brand span {color: #333;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash {background: #333;}

@media (min-width: 992px) {
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {color: #fff;}
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link {background-color: rgba(0, 0, 0, 0.3);}
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{background-color: #fff;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover .icon-dropdown{color: var(--primary-color3) !important;}


/* navbar Horizontal End ===================================================================================================== */


/* Remove this css if you use vertical menu in admin panel */


/* Remove this css if you use  Horizontal menu in admin panel */
  


  /* sidebar menu */

      .wrapper {padding-left: 0;padding-top: 50px;transition: 0.25s padding ease;}
      .wrapper .navbar .logout {margin-left: 15px;margin-right: 10px;}
      .wrapper .navbar.border-top {border-top: 3px solid var(--secondary-color)!important;}
      .wrapper .navbar .dropdown-menu-right {position: absolute;left: auto;right: -13px;margin-top: 13px;}
      .wrapper .navbar .dropdown-menu-right:before {content:'';display: block;border: 7px solid transparent;border-bottom-color: #ddd;height: 0;width: 0;position: absolute;right: 10px;bottom: 100%;}
      .wrapper .navbar .navbar-toggler {padding: 0.25rem;}
      .wrapper .navbar .navbar-toggler .navbar-toggler-icon {pointer-events: none;}
      .wrapper .navbar.navbar-light .navbar-toggler {border: 1px solid #333;}
      .wrapper .navbar.navbar-dark .navbar-toggler {border: none;background: var(--primary-color);border-radius: 4px;width: 35px;}
      .wrapper .sidebar .sidebar-nav .nav-items.active .first-menu {color: var(--primary-color) !important;font-weight: 500;background: #fff !important;}
      .wrapper .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); width:25px; object-fit: contain;}
      .wrapper .navbar.navbar-dark a.dropdown-toggle {color: #000; text-decoration: none; display: flex !important; align-items: center;}
      
      .wrapper .navbar a.dropdown-toggle:after {vertical-align: middle;}
      .wrapper .navbar.navbar-light a.dropdown-toggle {color: rgba(0,0,0,.9); text-decoration: none;}
      .wrapper .sidebar {position: fixed;top: 0;bottom: 0;left: 0;width: 250px;z-index: 99;background: var(--primary-color);transition: 0.25s transform ease;}
      .wrapper .sidebar {transform: translate3d(-100%,0,0);}
      .wrapper.toggled .sidebar{transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgb(0 0 0 / 35%);}

      .wrapper .sidebar .sidebar-nav {position: relative;z-index: 1;margin-bottom: 40px;}
      .wrapper .sidebar .sidebar-nav .nav-logo-li,.wrapper .sidebar:hover .sidebar-nav .nav-logo-li {margin-bottom: 1.5rem; height: 45px; display: flex; align-items: center; justify-content: center;word-break: break-all;}
      .wrapper.toggled  .sidebar .sidebar-nav .nav-logo-li{margin-bottom: 1.3rem;}
      .wrapper .sidebar .sidebar-nav .nav-logo, .wrapper.toggled .sidebar:hover .sidebar-nav .nav-logo{width: 100%; height: 140px; object-fit: contain; padding: 0.8rem 1.2rem; }
      .wrapper .sidebar .sidebar-nav .nav-logo{width: 100%; height: 145px; display: block;object-fit: contain;}
      .wrapper.toggled .sidebar .sidebar-nav .nav-logo{width: 100%; height: 145px; display: none;}
      .wrapper .sidebar .sidebar-nav:after,.wrapper.toggled .sidebar:hover .sidebar-nav:after {position: absolute;content: "";top: 0px;left: 0;width: 100%;height: 45px;background: #ffffff;z-index: -1;background-color: #ffffff;}
      .wrapper.toggled .navbar.navbar-dark .navbar-toggler .navbar-toggler-icon{left: -13px;}
      .wrapper.toggled .navbar.navbar-dark .navbar-toggler{position: relative;left: 5px;}
      .wrapper.toggled .sidebar:hover .sidebar-nav:after{height:45px;}
      .wrapper.toggled .sidebar .sidebar-nav li.nav-users{height: 45px;}
      .wrapper hr{margin-top:1rem;margin-bottom:1rem;border-top:1px solid rgba(255,255,255,0.6);}

      .wrapper.toggled .sidebar .sidebar-nav .nav-logo{display: block;}
      .wrapper .sidebar .sidebar-nav .nav-logo-toggla,.wrapper.toggled .sidebar .sidebar-nav .nav-logo-toggla{display: none;}




      @media (min-width: 1200px) {
          .wrapper.toggled .sidebar {transform: translate3d(0, 0, 0);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);width: 70px;transition: all 0.25s ease;}
          .wrapper {padding-left: 250px;}
          .wrapper.toggled {padding-left: 70px;}
          .wrapper .sidebar {transform: translate3d(0,0,0);box-shadow: 2px 0 20px 1px rgba(0, 0, 0, 0.25)}
          .wrapper.toggled .sidebar .sidebar-nav:after{height: 80px;}
          .wrapper.toggled .fixed-footer{height: 50px;}
          .wrapper.toggled .sidebar .sidebar-nav{max-height: calc(100vh - 50px);}
          .wrapper.toggled .sidebar:hover .sidebar-nav li.nav-users{padding:15px 5px !important; height: 45px;}

          /* slider logo none & block  */

          .wrapper .sidebar .sidebar-nav .nav-logo,.wrapper.toggled .sidebar:hover .sidebar-nav .nav-logo{display: block;}
          .wrapper.toggled .sidebar .sidebar-nav .nav-logo{display: none;}
          .wrapper .sidebar .sidebar-nav .nav-logo-toggla,.wrapper.toggled .sidebar:hover .sidebar-nav .nav-logo-toggla{display: none;}
          .wrapper.toggled .sidebar .sidebar-nav .nav-logo-toggla{display: block;}
          .wrapper.toggled .fixed-footer a{ display: none;}
          .wrapper.toggled .sidebar:hover .fixed-footer a{ display: inline-block;}

      }

      .wrapper .navbar {height: 50px;position: fixed;top: 0;right: 0;left: 0;z-index: 98;box-shadow: none;border: 1px solid #ddd;background: #fff;transition: 0.25s ease;}
      @media (min-width: 1200px) {
          .wrapper.toggled .navbar {left: 65px;}
          .wrapper .navbar {left: 250px;}
      }

      .wrapper .sidebar .sidebar-nav {max-width: 100%;max-height: calc(100vh - 40px);overflow: auto;list-style: none;padding: 0;}

      .wrapper .sidebar .sidebar-nav li {margin-bottom: .25rem;}
      .wrapper .sidebar .sidebar-nav a {text-decoration:none; transition: 0.25s ease;font-size: 15px; font-weight: 400;color: #ffffffdb;}
      .wrapper .sidebar .sidebar-nav a.text-dark:hover {color: var(--primary-color) !important;}
      .wrapper .sidebar .sidebar-nav a.text-dark.active,
      .wrapper .sidebar .sidebar-nav a.text-dark[data-bs-toggle="collapse"]:not(.collapsed) {color: #fff!important;background: var(--primary-color);box-shadow: 0 2px 15px 1px rgba(39, 39, 39, .05);}
      .wrapper .sidebar .sidebar-nav a.text-dark i.fa-fw {display: inline-block;border-radius: 50%;line-height: 2;font-size: 0.8rem;margin-right: 7px;}
      .wrapper .sidebar .sidebar-nav a.text-dark.active i.fa-fw {color: var(--primary-color); background-color: #fff;}
      .wrapper .sidebar .sidebar-nav a .nav-text {display: inline-block; vertical-align: middle;}
      .wrapper .sidebar .sidebar-nav .nav-user {background: linear-gradient(120deg, #19282c 60%, var(--secondary-color) 60%);}
      .nav-items-class i.fa-fw {margin-right: 10px;}
      .wrapper .sidebar .sidebar-nav a[data-bs-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;line-height: 1.6;border-top: 0;content: "\f105";border-left: 0;border-radius: 0;border-bottom: 0;}
      .nav-items.active .dropdown-toggle.first-menu::after {transform: rotate(90deg);}

      .nav-items .dropdown-sub-megamenu.active .dropdown-toggle.second-menu::after {transform: rotate(90deg);}
      .wrapper .sidebar .sidebar-nav li {list-style: none;}
      .navbar-collapse {padding: 0;}
      .sidebar .fa-dot-circle {font-size: 5px;position: relative;top: -2px;color: #d9dce5;}
      .dropdown-item.active, .dropdown-item:active{background-color: transparent !important; color: var(--primary-color);}
      .dropdown-item:focus, .dropdown-item:hover{background-color: transparent !important;}
      .sidebar-nav .sub-dropdown-menu {padding-left: 30px !important;}
      .sidebar-nav .dropdown-megamenu {padding-left: 20px;}
      .nav-items .dropdown-sub-megamenu.third-dropdown-menu.active .dropdown-toggle.third-menu::after {transform: rotate(90deg);}
      .sidebar-nav .dropdown .dropdown-toggle::after {position: absolute;right: 15px;font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: bottom;border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "\f105";}
      .wrapper .content {padding-top: 65px; position: relative;}
      .wrapper.toggled .nav-link i.fa-fw {margin-right: 0px;}
      .wrapper.toggled .sidebar .sidebar-nav a.nav-link {justify-content: center;display: flex;align-items: center;}
      .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
      .wrapper .sidebar .sidebar-nav .nav-items-class.active .first-menu {color: var(--primary-color) !important;font-weight: 500;background: #fff !important;}
      .wrapper .sidebar .sidebar-nav .navbar-collapse .nav-items.active span{color: #fff !important;font-weight: 500;}
      .wrapper .sidebar .sidebar-nav .navbar-collapse .nav-items.active.third-dropdown-menu .third-menu {color: #fff !important;font-weight: 500;}
      .wrapper .sidebar .sidebar-nav .dropdown-megamenu .nav-items.active .nav-link.fourth-menu {color: #fff !important;font-weight: 500;}
      .wrapper .sidebar .sidebar-nav .nav-items .nav-link:hover, .wrapper .sidebar .sidebar-nav .nav-items-class .nav-link:hover{padding-left:20px;}
      .wrapper.toggled .sidebar .sidebar-nav:after{height:45px;}

      @media (min-width:1200px){
        .wrapper.toggled .sidebar:hover{width: 250px;}
        .wrapper.toggled .sidebar:hover .sidebar-nav a.nav-link {justify-content: left;}
        .wrapper.toggled .sidebar:hover .sidebar-nav a .nav-text {display: block;}
        .wrapper.toggled .sidebar:hover i.fa-fw {margin-right: 10px;}
        .wrapper.toggled .sidebar:hover .sidebar-nav a.nav-link {justify-content: left;}
        .wrapper.toggled .sidebar .collapse.navbar-collapse.show {display: none;}
        .wrapper.toggled .sidebar:hover .collapse.navbar-collapse.show {display: block;}
        .wrapper.toggled .sidebar .sidebar-nav .dropdown .dropdown-toggle::after{display: none;}
        .wrapper.toggled .sidebar:hover .sidebar-nav .dropdown .dropdown-toggle::after{display: block;}
        .wrapper.toggled .sidebar .sidebar-nav a .nav-text {display: none;}
        
        }

        @media (max-width:1199px){
          .wrapper.toggled .sidebar .sidebar-nav a.nav-link{justify-content: left;}
          .wrapper.toggled .nav-link i.fa-fw {margin-right: 10px;}
          .wrapper.toggled .navbar.navbar-dark .navbar-toggler{
            left: 5px;
          }
        
          .wrapper.toggled .sidebar .sidebar-nav:after{height: 45px;}
          .wrapper.toggled .sidebar .sidebar-nav li.nav-users{height: 45px;}
          .wrapper .sidebar .sidebar-nav .nav-logo-li{padding: 1.3rem 1rem;margin-bottom: 1.5rem;}


        }
        
        @media (max-width:991px){
          .wrapper.toggled .sidebar .sidebar-nav .dropdown .dropdown-toggle::after{display: block !important;}
          /* .fixed-footer{display: none;} */
          .wrapper .sidebar .sidebar-nav .dropdown .dropdown-toggle:after{content: "\f105";}
          .wrapper .sidebar .sidebar-nav{max-height: calc(100vh - 40px);}
          .wrapper .sidebar .sidebar-nav .nav-items .nav-link:hover, .wrapper .sidebar .sidebar-nav .nav-items-class .nav-link:hover{padding-left:1rem !important;}
        


        }

  /* sidebar end */


/* Remove this css if you use Horizontal menu in admin panel */

@media (max-width:768px){
  .twt-fewcol-sticky{overflow-x:auto ;}
  .twt-fewcol-sticky .table thead {position: relative;top: 0; z-index: 1;}

  }
 .horizontal-header .settings-cards .sticky-div{left: 0;}
 .horizontal-header main{min-height: calc(100vh - 110px) !important;}

.choose-preview-delete-div{position: relative;}

.table-responsive-date .bootstrap-datetimepicker-widget.dropdown-menu{position: fixed;  position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);z-index: 9999 !important;}

.table-responsive-date>.bootstrap-datetimepicker-widget table td,
.table-responsive-date>.bootstrap-datetimepicker-widget table th{border: none !important; }
.table-responsive-date>.bootstrap-datetimepicker-widget tr:hover{background-color: #fff !important;}
.table-responsive-date>.bootstrap-datetimepicker-widget table th{background-color: #fff !important; font-weight: bold !important; font-size: 14px !important;}

.dataTables_scrollBody{height: auto !important;}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after{opacity: 0.5 !important;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{opacity: 1 !important;}
.alertify .ajs-commands{top: 29px ;}

.wrapper .sidebar .sidebar-logo-name {color: var(--primary-color);font-size: 30px;font-weight: 700;margin-bottom: 0;}
.wrapper.toggled .sidebar .sidebar-logo-name {display: none;}
.wrapper .sidebar .sidebar-logo-name.sec-lg-name {display: none;}
.wrapper.toggled .sidebar .sidebar-logo-name.sec-lg-name {display: block; font-size: 13px;}
/* .wrapper.toggled .sidebar:hover .sidebar-logo-name{display: block;}
.wrapper.toggled .sidebar:hover .sidebar-logo-name.sec-lg-name {display: none;} */
.submit-button-sticky {display: flex;align-items: center;justify-content: center;background-color: #fff;z-index: 50;border-top: 1px solid #f1f1f1;position: sticky;bottom: 0px;left: 0;right: 0;padding: 10px 0;margin-top: 5px;gap: 10px;}
.staff-type-wise-file{padding: 15px 0;border-bottom: 1px solid #ddd;}
.staff-type-wise-file:nth-last-child(1){padding-bottom: 0;border-bottom: 0;}
.staff-type-name{margin-bottom: 0;}
.hs-menu-inner .dropdown-item:hover{background-color: var(--primary-color) !important;color: #fff !important;cursor: pointer;}
.button-select{display: inline-block !important;height: 33.5px;overflow: hidden;text-align: left;text-overflow:ellipsis;padding-right: 30px;}
.button-select.show{border-color: var(--primary-color) !important;outline: 0;box-shadow: none;}
.button-select:focus{border-color: var(--primary-color) !important;outline: 0;box-shadow: none;}
.button-select.show.dropdown-toggle::after{transform: rotate(180deg);}
.button-select.dropdown-toggle::after{position: absolute;right: 10px;top: 50%;transform: translate(0,-50%);}
outgroup select optgroup{padding-top: 4px;padding-left: 5px;}
.form-check-input:checked~.form-check-label span:before{content: "Active" !important;}
.form-check-input~.form-check-label span:before{content: "Inactive" !important;}
.radio-main-div{display: flex;gap: 0 15px;}
.radio-main-div label{display: flex;gap: 0 5px;}
.form-control:read-only{cursor: auto;}
.form-control:read-only:focus{border-color: #e9ecef !important;}
.file-label-title{margin-top: 10px;}
@media (max-width:991px) { 
  .staff-type-name{margin-bottom: 8px;}
  .staff-type-wise-file{margin-bottom: 10px;}
}

.dataTable .created-updated-col{min-width: 145px !important;width: 145px !important;max-width: 145px !important}
.created-updated-col{min-width: 165px !important;width: 165px !important;max-width: 165px !important}

.check-box-design .form-check-label.lable-control{position: relative; min-width: 18px;}
.check-box-design .form-check-inline{padding: 0;}
.check-box-design .form-check.form-check-inline label:before {content: '';background-color: var(--primary-color);border: 2px solid var(--primary-color);padding: 7px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.check-box-design .form-check.form-check-inline label:before {content: '';background-color: var(--primary-color);border: 2px solid var(--primary-color);padding: 7px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 5px;}
.check-box-design .form-check.form-check-inline input:checked+label:after, .weekly-off-modal .form-check.form-check-inline input:checked+label:after {content: '';display: block;position: absolute;top: 5px;left: 7px;width: 5px;height: 10px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.check-box-design .form-check-inline .form-check-input, .weekly-off-modal .form-check-inline .form-check-input {opacity: 0;margin-right: -13px; display: none;}
@media (max-width:576px) {
  /* .check-box-design .form-check.form-check-inline input:checked+label:after, .weekly-off-modal .form-check.form-check-inline input:checked+label:after {left: 9px !important;} */
  .twt-filter-icon, .sorting-icon, .twt-add-icon{width: 12px;height: 12px;}
}
.hs-dropdown-menu{z-index: 97;}
.btn-close:focus, .btn-close:focus-visible{box-shadow: none;}
.sort-order-div{padding-bottom: 0;}
.role-permis-action-col{width: 320px !important;min-width: 320px !important;max-width: 320px !important;}
.check-box-design.check-box-no-lable .form-check.form-check-inline label:before{margin: 0;}
select optgroup{padding-top: 4px;padding-left: 5px;}
select .sub-optgroup{padding-left: 15px !important;}
select optgroup > option{padding: 1px 0 1px 20px;white-space: normal;}
.form-select::-webkit-scrollbar-thumb{border-radius: 100px !important;}
.form-select::-webkit-scrollbar{border-radius: 100px !important;}
.form-select::-webkit-scrollbar-track{border-radius: 100px !important;}
.inner-wrapper-common-section .card{border-radius: 0 !important;}
input[type ="radio"]:focus-visible{outline-offset: 0px !important;outline: 0px !important;}
.generate-link-success{display: flex; align-items: center; word-break: break-all; word-break: break-word; }

.other-img-section .close-icon-btn {position: absolute;right: -8px;top: -12px;background: #FF0000;border-radius: 50px;border-color: #FF0000;}
.other-img-section .card {padding: 15px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);background: #fff;border: none;border-radius: 0;}
.other-img-section .card .card-body{padding: 20px 0 10px 0;}
.other-img-section .add-img {background: var(--primary-color);color: #fff;display: table;padding: 10px 12px;margin: 40px auto 10px auto;border-radius: 5px;border: none;}
.other-img-section .add-img:hover{text-decoration: none;}
.other-img-section .card-img-top {height: 300px;width: 100%;object-fit: cover;}
.other-img-section .card-body .custom-file {white-space: nowrap;}
.main-img-section{height: 300px;width: 100%; object-fit: cover;}
.file-name-preview{height: auto;word-break: break-word;gap: 0 15px;}
.photo-gallery .card-item{border: 0;border-radius: 0;box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);}
.other-img-section .card .card-body .form-group:nth-last-child(1){margin-bottom: 0 !important;}
.my-delete-btn{display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: #FF0000;font-size: 15px;width: 30px;height: 30px;position: absolute;top: -12px;right: -10px;text-decoration: none;}
.my-delete-btn:hover{text-decoration: none;}

.form-control[type=file][disabled]{opacity: 0 !important;}
.form-control[type=file][disabled] ~ .custom-file-label{background: #e9ecef !important;}
.form-control[type=file][disabled]:focus ~.custom-file-label{border: 0 !important;}
.parent-category-dropdown:disabled{background-color: #e9ecef;opacity: 1;}

.dataTables_scrollBody::-webkit-scrollbar{width: 10px !important;height: 10px !important;}

td.td-wrap{white-space: normal!important;}
td.td-break{word-wrap: break-word!important;word-break: break-word!important;}
.ajs-modal .ajs-header{padding-right: 50px !important;}
.button-sticky-submit {position: fixed;bottom: 0;right: 0;left: 250px;padding: 10px;background: var(--secondary-color);z-index: 9;border-top: 1px solid #ddd;}
.wrapper.toggled .button-sticky-submit{left: 0;}
.hierarchy-select.dropdown .dropdown-menu .dropdown-item{word-wrap: break-word;white-space: break-spaces;}
@media (max-width:1199px) {
  .button-sticky-submit{left: 0;}
}
@media (min-width:576px) {
  .access-denied-section .access-denied-img{max-width: 500px;} 
}
@media (max-width:576px) {
  .dataTables_paginate, div.dataTables_wrapper div.dataTables_info{margin-top: 9px !important;}
  div.dataTables_wrapper div.dataTables_info{padding-top: 0.15em !important;}

}
.access-denied-section .access-denied-discription{color: black;line-height: 24px;text-align: center;}
.access-denied-title{color: var(--primary-color); font-weight: 700; text-align: center; margin-bottom: 0;}

.sort-order-btn.button-actions-top-bar{ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}

.unpublished-span{padding: 4px; background: #dc3545; color: #fff;border-radius: 5px;  margin-left: 3px; font-size: 11px; }

.job-application-img,.job-application-img img{width: 100px; max-height:200px; object-fit: contain; }

/* job opening Optional Points  */
.optional-points-div .form-select{background: none; display: flex; flex-direction: column; margin-bottom: 1rem;}
.optional-points-div .checkbox-main{display: flex; flex-direction: column; gap: 5px 0; }
.optional-points-div .checkbox{width: fit-content;}
.optional-points-div label {display: flex; gap: 5px; align-items: start;}
.optional-points-div input[type ="checkbox"]{ margin-top: 4px; margin-bottom: auto;}
.optional-points-div .education-form-select{max-height:200px; overflow: scroll;}
.optional-points-div .native-form-select{max-height:180px; overflow: scroll;}
.update-seq-div{margin-top: 10px;}
/* add-post-name-and-post-code */
@media (max-width:576px) {
  .inner-wrapper-common-section .post-code-card{flex-direction: row;padding: 10px 0;margin: 2px 0px 14px;border-radius: 5px !important;box-shadow: 1px 1px 8px 7px rgba(0, 0, 0, 0.03);border: 1px solid #DDD;}
}

.dashboard-counts{display: flex;align-items: center;}
.dashboard-counts-card{margin-left: 10px; padding: 8px 0;}
.dashboard-counts-numbers{font-size: 28px; font-weight: 700; margin-bottom: 3px;}
.profile-details-title { font-weight: 400; font-size: 16px; } 
.dashboard-counts-card { margin-left: 10px; padding: 8px 0; }
.row-gap20{row-gap: 20px;}
.custome-word-wrap{word-break: break-all; word-break: break-word;}

.border-left-1{ border-left: solid 3px rgb(10 121 190); }
.border-left-2{border-left: solid 3px rgb(7 160 227); }
.border-left-3{ border-left: solid 3px rgb(34 151 109); }
.border-left-4{ border-left: solid 3px rgb(117 176 82); }
.border-left-5{ border-left: solid 3px rgb(184 192 45); }
.border-left-6{ border-left: solid 3px rgb(251 198 42); }
.border-left-7{ border-left: solid 3px rgb(221, 85, 0); }
.border-left-8{border-left: solid 3px rgb(231 94 78); }
.border-left-9{ border-left: solid 3px rgb(228 65 108); }
.border-left-10{ border-left: solid 3px var(--primary-color) }
.border-left-11{ border-left: solid 3px rgb(114 78 140); }
.border-left-12{border-left: solid 3px rgb(28 77 156); }