/* ERP G Overrides */

/* Start layout management */
.header-wrapper {
    background: linear-gradient(145deg, 
    rgba(3, 255, 234, 0.2) 20%, 
    rgba(81, 6, 245, 0.2) 90%) !important;
    /* background: linear-gradient(145deg, 
    rgba(3, 255, 234, 0.4) 20%, 
    rgba(var(--theme-rgb-info-50), 0.1) 30%, 
    rgba(207, 35, 255, 0.129) 45%, 
    rgba(var(--theme-rgb-success-50), 0.1) 55%, 
    rgba(27, 187, 255, 0.572) 65%,
    rgba(var(--theme-rgb-info-50), 0.4) 80%, 
    rgba(81, 6, 245, 0.4) 90%) !important; */

    backdrop-filter: blur(2px) !important;
}

.dash-header .header-wrapper {
    /* display: flex; */
    padding: 0;
}

.dash-container {
    top: 5.5rem;
}

.dash-footer {
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.5);
    top: auto;
    left: 0;
    right: 0;
    max-height: 30px !important;
    width: 100% !important;
    margin-left: 16rem !important;
    margin-bottom: 3px;
    position: fixed !important;
}
/* End layout management */

/* Start Header */

.dash-header {
    position: fixed;
    min-height: 35px;
    max-height: 35px;
    color: black;
    background: linear-gradient(145deg, rgba(var(--theme-rgb-primary-50), 0.4) 3.46%, rgba(var(--theme-rgb-success-50), 0.8)); 
}

.header-wrapper {
    min-height: 35px;
    max-height: 35px;
}

.dash-header .dash-h-item {
    min-height: 35px !important;
}

.dash-header .me-auto {
    margin-left: 15px;
    margin-right: 0 !important;
}

.page-header > .page-block > .row > .col {
    margin-left: 16rem !important;
}

.page-header {
    top: 36px;
    position: fixed !important;
    width: 100% !important;
    box-shadow: var(--medium-shadow);
    /* background: linear-gradient(145deg, 
        rgba(28, 168, 255, 0.5) 5%, 
        rgba(66, 28, 255, 0.2) 55%, 
        rgba(27, 164, 255, 0.3) 65%, 
        rgba(var(--theme-rgb-info-50), 0.2) 75%, 
        rgba(6, 135, 255, 0.3) 85%) !important; */
        background: linear-gradient(145deg, 
        rgba(28, 244, 255, 0.1) 5%, 
        rgba(6, 135, 255, 0.2) 55%, 
        rgba(66, 28, 255, 0.2) 85%) !important;
}

/* End Header */

/* Start Menu */

/* Menu background */
.dash-sidebar {
    background: var(--pagesidebar-background) !important;
    backdrop-filter: blur(3px) !important;
    box-shadow: var(--medium-shadow) !important;
}
/* Default Menu, and submenu text color, and background*/
.dash-sidebar .dash-navbar > .dash-item > .dash-link,
.dash-submenu .dash-item > .dash-link {
    /* color: #97b1dc !important; */
    color: rgb(var(--theme-rgb-primary-300)) !important;
    font: 400 0.875rem "Roboto" !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.dash-submenu {
    background: rgba(0, 0, 0, 0.1) !important;
}

/* Default Menu icon, and arrow color */
.dash-sidebar .dash-navbar > .dash-item > .dash-link .dash-micon i, 
.dash-sidebar .dash-navbar > .dash-item > .dash-link .dash-micon svg,
.dash-sidebar .dash-navbar > .dash-item > .dash-link > .dash-arrow {
    /* color: #6dabda !important; */
    color: rgb(var(--theme-rgb-warning-900)) !important;
    stroke: none !important;
    /* fill: #4a78c2 !important; */
}
/* Default Menu icon background */
.dash-sidebar .dash-navbar > .dash-item > .dash-link  .dash-micon {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
}

/* Default Submenu Bullet */
body:not(.minimenu) .dash-sidebar .dash-submenu .dash-item:before {
    content: "";
    /* left: 40px; top: 16px; */
    width: 5.5px; /* 6.4px; from gotbootstrap */
    height: 5.5px; /* 6.4px; from gotbootstrap */
    border: 1px solid rgb(var(--theme-rgb-danger-600)) !important;
    background: rgb(var(--theme-rgb-primary)) !important; 
    border-right-color: rgb(var(--theme-rgb-danger-600)) !important;
    border-radius: 50%;
    transform: none !important;
    transition: none !important;
}
/* border: 2px solid #ced4dc; /
border-right-color: #51459d;
border-radius: 50%;
z-index: 1;
/ transform: rotate(45deg); /
/ transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); /
/ color: #778290; */

/* Default Submenu vertical line */
ul.dash-submenu:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 42px;
    top: 17px;
    bottom: 0;
    border-left: 1px solid rgb(var(--theme-rgb-danger-600));
}

/* Active, hover, focus Menu text color and background  */
.dash-sidebar .dash-navbar > .dash-item.active > .dash-link, 
.dash-sidebar .dash-navbar > .dash-item:active > .dash-link {
    color: rgb(var(--theme-rgb-warning-300)) !important;
    background: rgba(155, 155, 155, 0.1) !important;
    -webkit-box-shadow: inset 3px 0 0 rgb(var(--theme-rgb-primary)) !important;;
    box-shadow: inset 3px 0 0 rgb(var(--theme-rgb-primary)) !important;;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.dash-sidebar .dash-navbar > .dash-item:hover > .dash-link {
    color: white !important;
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

}
.dash-sidebar .dash-navbar > .dash-item > .dash-link:focus {
    background: none !important;
    color: white !important;
}

/* Active, hover Submenu text color and background on active, hover */
.dash-submenu .dash-item:hover > .dash-link {
    background:  rgba(0, 0, 0, 0.1) !important;
    color: white !important;
}
.dash-submenu .dash-item.active > .dash-link, 
.dash-submenu .dash-item:active > .dash-link {
    /* color: rgb(var(--theme-rgb-success)) !important; */
    color: tomato !important;
}

/* Focus Submenu item */
/* .dash-submenu .dash-item > a.dash-link:focus {
    / color: rgb(var(--theme-rgb-warning-1200)) !important; /
    color: rgb(var(--theme-rgb-secondary-1200)) !important; 
} */

/* Active, hover, and focus Menu icon*/
.dash-sidebar .dash-navbar > .dash-item:active > .dash-link .dash-micon i, 
.dash-sidebar .dash-navbar > .dash-item:active > .dash-link .dash-micon svg {
    color: rgb(var(--theme-rgb-warning-300)) !important;
    /* color: orangered !important; */
}
.dash-sidebar .dash-navbar > .dash-item:hover > .dash-link .dash-micon i, 
.dash-sidebar .dash-navbar > .dash-item:hover > .dash-link .dash-micon svg {
    color: rgb(var(--theme-rgb-warning-300)) !important;
    /* color: orangered !important; */
}
.dash-sidebar .dash-navbar > .dash-item > .dash-link:focus .dash-micon i, 
.dash-sidebar .dash-navbar > .dash-item > .dash-link:focus .dash-micon svg {
    color: rgb(var(--theme-rgb-warning-300)) !important;
    /* color: orangered !important; */
}

/*  Active, hover, and focus Menu arrow */
.dash-sidebar .dash-navbar > .dash-item.active > .dash-link > .dash-arrow,
.dash-sidebar .dash-navbar > .dash-item:active > .dash-link > .dash-arrow,
.dash-sidebar .dash-navbar > .dash-item:hover > .dash-link > .dash-arrow {
    color: rgb(var(--theme-rgb-warning-300)) !important;
}
.dash-sidebar .dash-navbar > .dash-item > .dash-link:focus > .dash-arrow {
    color: rgb(var(--theme-rgb-warning-300)) !important;
}

body:not(.minimenu) .dash-sidebar .dash-submenu .dash-item:hover:before {
    border: 2px;
}

/* Active, hover Submenu vertical line */
body:not(.minimenu) .dash-submenu .dash-item:hover:before {
    border: 2px solid rgb(var(--theme-rgb-danger-600));
}

/* ID */
.info-card {
    height: 5.53rem;
    width: 100%;
    padding-left: 1.5rem;
} 

/* End Menu */

/* Start Card */

.card-body { 
 padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);   /* Compensates for dashboard tables affected by vcron/vendors.bunlde.css */
}

/* Remove vertical band indicator */
.card .card-header:not(.border-0) h5:after, .card .card-header:not(.border-0) .h5:after {
    content: none;
}

.dash-container .card-body thead {
    background-color: rgb(var(--theme-rgb-primary-300));
}

.card-header, .card-header:first-child { 
    border-radius: 10px 10px 0px 0px; 
    background-color: transparent;
    background:
    /* linear-gradient(340deg, rgba(var(--theme-rgb-primary), 0.4), #01a7d700 60%),
    linear-gradient(45deg, rgba(var(--theme-rgb-success), 0.4), #ed802b00 100%) !important; 
    linear-gradient(45deg, rgba(var(--theme-rgb-primary), 0.3), rgba(var(--theme-rgb-success), 0.1))*/
    /* End linear */ linear-gradient(340deg, rgba(var(--theme-rgb-primary-50), 0.1), #01a9d738 60%), 
    /* Start linear */ linear-gradient(45deg, rgba(var(--theme-rgb-primary-1000), 0.2), #ed7f2b36 100%) !important;
}

.card {
    backdrop-filter: blur(3px) !important;
	-webkit-backdrop-filter: blur(3px) !important;
	background: linear-gradient(322deg, #098bfb24, #09fbfa02 70%),
		linear-gradient(178deg, #f2f1ff2e, #f2f1ff00 70%),
		linear-gradient(40deg, #ccd8f349, #ccd8f302 60%) !important;
    border-radius: 10px 10px 8px 8px; 
    box-shadow: var(--thinly-spread-shadow) !important;
}

/* End Card */

/* Start labels */
body.theme-3 a:not([class]) {
    color: rgb(var(--theme-rgb-primary-900));
}

body.theme-3 .dash-header .drp-language .drp-text, body.theme-3 .dash-header .dash-head-link > i:not(.nocolor) {
    color: rgb(var(--theme-rgb-primary));
}

body.theme-3 .dash-header .drp-language .drp-text, body.theme-3 .dash-header .dash-head-link > i:not(.nocolor) {
    color: rgb(var(--theme-rgb-primary));
}

body.theme-3 .dash-header .drp-company .theme-avtar {
    background: #e2f7d9;
    color: rgb(var(--theme-rgb-primary));
}

body.theme-3 .text-primary {
    color: rgb(var(--theme-rgb-primary)) !important;
}

body.theme-3 .nav-pills .nav-link:focus, body.theme-3 .nav-pills .nav-link.active, body.theme-3 .nav-pills .show > .nav-link {
    color: #ffffff;
    background: linear-gradient(141.55deg, rgb(var(--theme-rgb-primary)) 3.46%, rgb(var(--theme-rgb-primary)) 99.86%), rgb(var(--theme-rgb-primary));
}

body.theme-3 .nav-link, body.theme-3 .nav-link:hover, body.theme-3 .nav-link:focus {
    color: rgb(var(--theme-rgb-primary));
}

.text-muted {
    color: rgb(65, 75, 95) !important;
}

.breadcrumb > li.breadcrumb-item {
    max-width: 100%;
}

.breadcrumb > li.breadcrumb-item:hover {
    max-width: none !important;
}
/* End labels */

/* Start icons in general */

.theme-avtar {
    border-radius: 100px;

}

/* End icons in general */

/* Start table design */
.table-responsive .dataTable-container table tbody {
    background: rgba(250, 251, 254, 0.6);
    /* background-image: url(../img/backgrounds/paperruled-sm.png) !important;
    background-repeat: repeat; */
}

.table-responsive .dataTable-container table  thead th:last-child {
    margin-right: 8px !important;
}

.table-responsive .dataTable-container table thead th {
    background: rgba(255, 255, 255, 0.8);
    /* background-image: url(../img/backgrounds/metalflat.png) !important;
    background-repeat: repeat-x; */
}


/* dataTable-container, dataTable-bottom */

/* End table design */


/* Start button designs */

/* End button designs */














/* Bootstrap Validation Summary Override */
/* .validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

.col-0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.166665%;
    flex: 0 0 4.166665%;
    max-width: 4.166665%;
    width: 4.166665%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty {
    font-size: 1.5rem !important;
}

/ Reference classes, no implementation /
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover {
}

/ Keeps analyzers happy /
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

/ Small word wrap correction /
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    } */

/* Enter custom CSS rules for your application here */