html body {
     overflow-x: hidden;
}

:root {
     --themeActiveColor: #5E6C6C;
     --themeActiveSecondColor: #747f7f;
     --themeActiveThirdColor: #879191;
     --bs-purple: var(--themeActiveColor);
     --themeActiveColorRGBA: 94, 108, 108;
     --themeInfoColorRGBA: 135, 145, 145;
     --bs-primary-rgb: var(--themeActiveColorRGBA);
     --bs-info-rgb: var(--themeInfoColorRGBA);
     /* --bs-success-rgb: 0, 134, 64;
     --bs-danger-rgb: 150, 5, 7;
     --bs-warning-rgb: 146, 135, 36;
     --bs-secondary-rgb: 62, 63, 44; */
     --bg-color: #fcf6f2;
     --primary-color: #0C97D7;
     --dark-gray: #515A6D;
     --light-gray: #71747E;
     --tableHeaderColor: #f1f1f1;
     /* --chartDarkerShadesFirst:#5e6c6c;
     --chartDarkerShadesSecond:#839696;
     --chartDarkerShadesThird:#a8c1c1;
     --chartDarkerShadesFour:#cdebeb;
     --chartDarkerShadesFive:#141717; */
     --chartDarkerShadesFirst: #183e4b;
     --chartDarkerShadesSecond: #8ba0a4;
     --chartDarkerShadesThird: #46695e;
     --chartDarkerShadesFour: #eaeaea;
     --chartDarkerShadesFive: #141717;
     --chartDarkerLighterFirst: #5e6c6c;
     --chartDarkerLighterSecond: #655e6c;
     --chartDarkerLighterThird: #6c5e5e;
     --chartDarkerLighterFour: #656c5e;
     --chartDarkerLighterFive: #394141;
}

::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(var(--themeActiveColorRGBA), 0.3);
     background-color: #F5F5F5;
}

::-webkit-scrollbar {
     width: 8px;
     height: 8px;
     background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
     background-color: var(--themeActiveColor);
     border-radius: 30px;
}

a {
     color: var(--themeActiveColor);
     text-decoration: none;
}

a:hover {
     color: #183e4b;
     text-decoration: none;
}

.form-group {
     margin-bottom: 0.5rem;
}

.logo-admin {
     width: 160px;
     height: 40px;
}

.ps__thumb-y {
     width: .40rem;
     right: 0;
     background-color: var(--themeActiveColor) !important;
}



.expanded .navbar-header .navbar-nav .nav-item .navbar-brand .brand-logo {
     display: none !important;
}

.expanded .navbar-header .navbar-nav .nav-item .navbar-brand .logo-admin {
     display: block;
}

.navbar-header .navbar-nav .nav-item .navbar-brand .logo-admin {
     display: none;
}

.input-group-merge .form-control:not(:last-child) {
     padding-right: 0;
     border-right: 1px solid #ea5455;
     border-top-right-radius: 5px !important;
     border-bottom-right-radius: 5px !important;
}

.pace .pace-progress {
     background: var(--themeActiveColor) !important;
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a svg {
     height: 1rem;
     width: 1rem;
}

.navigation .nav-item {
     margin-top: 7px;
}

.ck-editor,
.ck-content {
     height: 100px;
}

.accordion-order.accordion-item {
     box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}

.card .card {
     box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1) !important;
}

.accordion-order .accordion-button::after {
     background-image: url(../images/svg/plus-svgrepo-com.svg);
}

.accordion-order .accordion-button:not(.collapsed)::after {
     background-image: url(../images/svg/minus-svgrepo-com.svg);
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
     width: 14rem;
     margin-top: 10px;
}

html .content.app-content {
     padding: calc(0rem + 3.85rem + 0rem) 2rem 0 !important;
}

.header-navbar {
     min-height: 3.45rem;
}

.navbar-floating .header-navbar-shadow {
     height: 0px !important;
}

html .content .content-wrapper .content-header-title {
     padding-top: 5px !important;
}

/* table.dataTable td,
table.dataTable th {
     padding: 0.3rem 0.8rem;
} */

.avatar {
     font-size: 0.8rem;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
     right: 0.3rem;
     top: 0rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
     right: 0.3rem;
     top: 0.4rem;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label {
     margin-top: 0.1rem;
     margin-bottom: 0.5rem;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
     padding-right: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     margin-top: 1rem;
     margin-bottom: 0.1rem;
}


/* .mb-1 {
     margin-bottom: 0.4rem !important;
} */

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
     border-top-width: 1px;
     color: #444050;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
     right: 0.3rem;
     top: 0.3rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
     right: 0.3rem;
     top: 0.9rem;
}

.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th,
.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th {
     background-color: var(--tableHeaderColor);
}

.p-50 {
     padding: 0.3rem !important;
}

.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
     top: 37px !important;
     right: 0;
}

.status,
.lang-change {
     padding: 0.55rem 1.28rem !important;
}

.status {
     padding: 0.45rem 1.28rem !important;
}

.form-select,
.input-group-text {
     padding: 0.371rem 1rem;
}

.form-control {
     padding: 0.371rem 1rem;
}

.form-check-input:focus {
     border-color: var(--themeActiveColor);
     outline: 0;
     box-shadow: 0 2px 4px 0 rgba(var(--themeActiveColorRGBA), .4);
}

.main-menu.menu-light .navigation>li ul .active,
.main-menu.menu-light .navigation>li.active>a {
     box-shadow: 0 0 10px 1px rgba(var(--themeActiveColorRGBA), 0.3);
}

.table.form-table>:not(caption)>*>* {
     padding: 0.72rem 0.3rem !important;
}

.flatpickr-input .form-control[readonly] {
     background-color: #ffff;
}

.nav-tabs .nav-link:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 3px;
     background: linear-gradient(30deg, var(--themeActiveColor), rgba(var(--themeActiveColorRGBA), 0.7)) !important;
     transition: transform 0.3s;
     transform: translate3d(0, 150%, 0);
}

.pointer {
     cursor: pointer;
}

.highlightRow {
     background-color: #023878 !important;
     font-size: 1.1rem;
     color: #ffffff;
}


#print-body {
     border: 2px solid #023878 !important;
}

#print-body .border-bottom {
     border-bottom: 1px solid #023878 !important;
}

.table-hover>tbody>.bg-danger-pending {
     --bs-table-accent-bg: rgb(251 78 78 / 10%) !important;
     color: #46454a !important;
}

.table-hover>tbody>.bg-success-pending {
     --bs-table-accent-bg: rgb(80 236 91 / 10%) !important;
     color: #46454a !important;
}

.add_order .form-control {
     border-radius: 0 !important;
}

.badge.badge-notifications {
     position: absolute;
     top: auto;
     display: inline-block;
     margin: 0;
     transform: translate(-50%, -45%);
}

.layout-navbar .navbar-dropdown .dropdown-menu {
     min-width: 22rem;
     overflow: hidden;
}

.notification-dropdown {
     width: 350px;
}

.notification-dropdown .dropdown-notifications-list {
     max-height: 24.08rem;
}

.ps__rail-y {
     z-index: 500;
}

.dropdown-notifications-item:active {
     color: var(--bs-list-group-action-active-color);
     background-color: var(--bs-list-group-action-active-bg);
}

/* .list-group .list-group-item-action:active h6 {
     color: #fff;
 } */
td .fa {
     font-size: 12px;
}

.w-87 {
     width: 87%;
}

.w-13 {
     width: 13%;
}

.w-87 .select2-container--default .select2-selection--single {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
}

.w-13 .input-group-text {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     padding: 0.4rem 1rem;
}

@media print {
     body {
          visibility: hidden;
     }

     #inquiry_card,
     #print-body {
          visibility: visible;
          position: absolute;
          left: 0;
          top: 0;
          box-shadow: unset;
     }
}

.mb-hlaf {
     margin-bottom: 0.5rem;
}

.card[class*=card-border-shadow-] .fa {
     font-size: 16px;
}

.card.card-border-shadow-info::after {
     border-bottom-color: #9ce4ed;
}

.card.card-border-shadow-info:hover::after {
     border-bottom-color: #00cfe8;
}

.card.card-border-shadow-success::after {
     border-bottom-color: #94dab3;
}

.card.card-border-shadow-success:hover::after {
     border-bottom-color: #28c76f;
}

.card.card-border-shadow-warning::after {
     border-bottom-color: #ffdab6;
}

.card.card-border-shadow-warning:hover::after {
     border-bottom-color: #ff9f43;
}

.card.card-border-shadow-danger::after {
     border-bottom-color: #ffb9bb;
}

.card.card-border-shadow-danger:hover::after {
     border-bottom-color: #ff4c51;
}

.card[class*=card-border-shadow-]::after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-bottom-width: 2px;
     border-bottom-style: solid;
     border-radius: .375rem;
     transition: all .2sease-in-out;
     z-index: -1;
}

.card[class*=card-border-shadow-]:hover {
     box-shadow: 0 .25rem 1.125rem 0 rgba(47, 43, 61, .16);
}

.card[class*=card-border-shadow-]:hover::after {
     border-bottom-width: 3px;
}

.card[class*=card-border-shadow-] {
     position: relative;
     border-bottom: none;
     transition: all .2sease-in-out;
     z-index: 1;
}

.form-check-input:checked {
     background-color: var(--themeActiveColor);
     border-color: var(--themeActiveColor);
}

.form-control:focus {
     border-color: var(--themeActiveColor);
}

.dropdown-item.active,
.dropdown-item:active {
     background-color: var(--themeActiveColor);
}

.dropdown-item:focus,
.dropdown-item:hover {
     color: var(--themeActiveColor);
     background-color: rgba(var(--themeActiveColorRGBA), .12);
}

.scroll-top {
     position: fixed;
     bottom: 4%;
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
     background: rgba(var(--themeActiveColorRGBA), 0.12);
}

.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,
.main-menu.menu-light .navigation>li.sidebar-group-active>a {
     background: rgba(var(--themeActiveColorRGBA), 0.12);
}

li.nav-item.has-sub.open>ul>li {
     background-color: rgba(var(--themeActiveColorRGBA), 0.1);
}

.main-menu.menu-light .navigation>li ul li {
     font-weight: 400;
}

.navigation .nav-item {
     margin-top: 7px;
}

table.dataTable td,
table.dataTable th {
     padding: 0.5rem 1rem;
}

.fix-col {
     z-index: 10;
     background-color: #f3f2f7 !important;
}

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper .dataTables_filter {
     margin-top: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     margin-bottom: 0;
}

.card.accordion-item .accordion-button.bg-primary {
     --bs-bg-opacity: 0.8;
}

.table-hover>tbody>tr:hover {
     --bs-table-accent-bg: #fff;
     color: var(--bs-table-hover-color);
}

.dropdown-menu.action-dropdown {
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     border: 0;
     border-radius: 0.375rem;
     background-color: #fff;
     box-shadow: 0 .25rem 1.125rem 0 rgba(47, 43, 61, .16);
     padding: 0.5rem 1.2rem;
}

/* .dropdown-menu li {
     border-bottom: 1px solid #E7E7E7;
} */

.dropdown-menu.action-dropdown .dropdown-item {
     display: block;
     width: 100%;
     padding: 0.543rem 0rem;
     clear: both;
     font-size: 15px;
     font-weight: 500;
     text-align: inherit;
     text-decoration: none;
     white-space: nowrap;
     background-color: transparent;
     display: flex;
     gap: 10px;
     align-items: center;
     color: #444050;
}

.dropdown-menu.action-dropdown li:last-child {
     border-bottom: 0;
}

.dropdown-menu.action-dropdown .dropdown-item.active,
.dropdown-menu.action-dropdown .dropdown-item:active {
     color: var(--themeActiveColor);
     text-decoration: none;
}

.dropdown-menu.action-dropdown .dropdown-item:focus,
.dropdown-menu.action-dropdown .dropdown-item:hover {
     color: var(--themeActiveColor);
     background-color: transparent;
}


.dropdown-menu.action-dropdown .dropdown-item.edit svg path,
.dropdown-menu.action-dropdown .dropdown-item.delete svg path {
     stroke: #262626;
}

/* .dropdown-menu.action-dropdown .dropdown-item:hover.edit {
     color: var(--themeActiveColor);
} */

/* .dropdown-menu.action-dropdown .dropdown-item:hover.edit svg path {
     stroke: var(--themeActiveColor);
} */
/* 
.dropdown-menu.action-dropdown .dropdown-item:hover.view {
     color: var(--bs-info);
}

.dropdown-menu.action-dropdown .dropdown-item:hover.view svg path {
     stroke: var(--bs-info);
}

.dropdown-menu.action-dropdown .dropdown-item:hover.delete {
     color: var(--bs-danger);
}

.dropdown-menu.action-dropdown .dropdown-item:hover.delete svg path {
     stroke: var(--bs-danger);
} */

.app-content {
     /* background: linear-gradient(135deg, #deefff 0%,#98bede 100%); */
     background: linear-gradient(to right, #FCF3F7, #E9EBF5);
}

table.dataTable .form-check-input {
     width: 3rem !important;
     height: 1.7rem !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     gap: 5px;
}

.fix-column-bg {
     background-color: rgb(245 245 245) !important;
     z-index: 10;
}

/* table.dataTable.table-hover>tbody>tr:hover>* {
     box-shadow: none;
 } */

.offcanvas-bg {
     width: 35%;
     background: linear-gradient(to right, #FCF3F7, #E9EBF5);
}

.offcanvas-bg table {
     color: #6E6B7B;
     border-color: #f1f1f1;
     background: #fff;
     border-radius: 10px;
}

.cursor-pointer {
     cursor: pointer;
}

.link-color {
     color: var(--primary-color);
}