/* ====
POLICES 
==== */
.form-check-input{
--bs-border-width: 2px!important;
}

/* devanagari */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkQxPq1DFK04uqjeV_8MQ.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkQxPq1DFK04uqseV_8MQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkQxPq1DFK04uqieV8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uJ9XUrCEIUwUQ.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uJ9XUrNEIUwUQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uJ9XUrDEIU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uIZXErCEIUwUQ.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uIZXErNEIUwUQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Amiko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/amiko/v14/WwkdxPq1DFK04uIZXErDEIU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ====
MAIN 
==== */

body {
	
	background-repeat: no-repeat; 
	background-size: cover;
	background-attachment: fixed;
	
	font-family: "Amiko", serif;
    letter-spacing: -0.5px;
    /* line-height: 1.2; */
    
}

html, body {
    margin: 0;
    padding: 0;
    /* height: 100%; */
	scroll-behavior: smooth;
}

.content-body{
	margin: 1rem 2rem 2rem 2rem;
}

.w-10{
	min-width: 25px;
}
.w-30{
	width: 30%;
}

.w-40{
	width: 40%;
}

.w-50 {
    width: 50% !important;
}

.fs-sm{
	font-size: small;
}

.position-relative{
	position: relative;
}
.text-primary{
    color:#283583 !important;
}

.bg-primary{
    background-color:#283583 !important;
}
.bg-success {
    background-color: #28a745 !important;
}

r{
	color:red;
}

.text-left{
	text-align: left!important;
}

.btn-primary{
    color: #fff;
    background-color: #283583;
    border-color: #283583;
}

.btn-outline-info, .border-blue {
    border-color: #235170 !important;
    color: #235170;
}

.btn-outline-info:focus, .btn-outline-info:hover, .btn-outline-info:active {
    background-color: #235170!important;
    color: white;
}

.btn-outline-primary {
    color: #283583;
    background-color: transparent;
    border-color: #283583;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #283583;
    border-color: #283583;
}

.btn{
    border-radius: 0.75rem;
}

.btn-block{
    width: 100%;
}


.btn-link {
    font-weight: 400;
    color: #283583;
    text-decoration: none;
}

.bg-info {
    background-color: #235170 !important;
    color: white !important;
}

a{
    text-decoration: none;
}

label{
    margin-bottom: .5rem;
}

.br-2{
	border-radius: 5px;
}

.form-control{
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: small;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #283583;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(35, 81, 112, 0.05);
}

.lower-form-control:hover, .lower-form-control:focus {
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: #101f3e 1px solid;
    transition: all .2s;
}
.lower-form-control {
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: transparent 1px solid;
    transition: all .2s;
}

.content-body .nav-link {
    background-color: #f7f9fc;
    border-color: #627293!important;
    color: #627293;
	display: block;
    padding: 8px 20px;
    border: 1.5px solid transparent;
    border-radius: 6px;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 10px;
}

.content-body .nav-link.active {
    background-color: #fff;
    border-color: #627293;
    color: #223458;
    font-weight: 500;
    box-shadow: 0 1px 1px rgba(202, 207, 217, 0.25), 0 2px 2px rgba(202, 207, 217, 0.2), 0 4px 4px rgba(202, 207, 217, 0.15);
}

.sidebar.env-1 {
	background-color: #7195ff61!important;
}

.sidebar.env-2 {
	background-color: #ffb996!important;
}

.list-group-item > span {
    font-weight: bold;
    float: right;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.list-group-item.active {
    background-color: #235170;
    border-color: #235170;
}
/* ====
LOADER 
==== */

#loader{
	position: absolute;
	height: 100%;
	width: 100%;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	display: flex;

    z-index: 9999;
    background-color: #fff;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
    color:#283986;
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

/* ====
STYLE GENERAL
==== */

.badge-primary {
    color: #fff;
    background-color: #283583;
}
.badge-dark {
    color: #fff;
    background-color: #343a40;
}
.badge-secondary{
	color: #fff;
	background-color: #6c757d;
}
.badge-info {
    color: #fff;
    background-color: #17a2b8;
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.text-priority-0 {
	color: #005bff;
}

.text-priority-1 {
	color: #00c6ff;
}

.text-priority-2 {
	color: #00ffc6;
}

.text-priority-3 {
	color: #00ff5b;
}

.text-priority-4 {
	color: #00ff00;
}

.text-priority-5 {
	color: #5bff00;
}

.text-priority-6 {
	color: #c6ff00;
}

.text-priority-7 {
	color: #ffc600;
}

.text-priority-8 {
	color: #ff5b00;
}

.text-priority-9 {
	color: #ff5b00;
}

.badge-priority-0 {
	background-color: #005bff;
}

.badge-priority-1 {
	background-color: #00c6ff;
}

.badge-priority-2 {
	background-color: #00ffc6;
}

.badge-priority-3 {
	background-color: #00ff5b;
}

.badge-priority-4 {
	background-color: #00ff00;
}

.badge-priority-5 {
	background-color: #5bff00;
}

.badge-priority-6 {
	background-color: #c6ff00;
}

.badge-priority-7 {
	background-color: #ffc600;
}

.badge-priority-8 {
	background-color: #ff5b00;
}

.badge-priority-9 {
	background-color: #ff5b00;
	animation: blinker 1s linear infinite;
}

.badge-status-0 {
	background-color: #343a40;
	color:white;
}

.badge-status-1 {
	background-color: #00c6ff;
	color:white;
}

.badge-status-2 {
	background-color: #5bff00;
}

.badge-status-3 {
	background-color: red;
	color:white;
}


.limited-title {
	max-width: 350px; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}

.table-blinking,
.table-striped tbody tr:nth-of-type(odd).table-blinking {
  animation: blinkerbg 5s ease-in-out infinite;
}

@keyframes blinkerbg {
  0%   { background-color: lightcoral !important; }
  50%  { background-color: white !important; }
  100% { background-color: lightcoral !important; }
}


@keyframes blinker {
	50% {
		opacity: 0;
	}
}



.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.stackAlert{
	position: fixed;
	right: 10px;
	top:10px;
	width: 15rem;
	z-index: 8;
	max-height: 450px;
}

.stackAlert-admin{
	bottom:30px!important;
	top:auto;
	max-height: fit-content!important;
}

footer{
	pointer-events: none;
}

.float-right{
	float: right!important;
}

.ts-control{
	border: 1px solid #d0d0d0;
    border-radius: 0.75rem!important;
	font-size: small!important;
	
    letter-spacing: -1px;
    line-height: 1.2;
}

.shining {
	color: #006eff;
	background: linear-gradient(90deg, #006eff, #006eff, #006eff) no-repeat;
	background-size: auto;
	background-clip: border-box;
	background-size: 80%;
	animation: animate 2s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #343a40e1;
	transition: all 0.3s;
}

.shining:hover{
	
	color: #006eff;
	background: linear-gradient(90deg, #006eff, #006eff, #006eff) no-repeat;
	background-size: auto;
	background-clip: border-box;
	background-size: 80%;
	animation: animate 2s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #343a4074;
	transition: all 0.3s;
}

@keyframes animate {
	0% {
		background-position: -500%;
	}
	100% {
		background-position: 500%;
	}
}

.row > *{
	margin-bottom: 20px;
}

.list-group-item+.list-group-item {
    border-top-width: 1px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}


.list-group-header-action{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* ====
LOGIN
==== */
.loginBody {
	margin: 0;
	min-height: 100%;
	text-align: center;
}

.loginBackground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: url('/views/imgs/header.webp') no-repeat center center;
	background-size: cover;
	z-index: -1;
	border-radius: 0 0 25px 25px;
}


.loginHead{
	color:  white;
	margin-top: 4em;
}


.loginForm {
	background: #FFF;
	color: #333;
	border-radius: 25px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 20px 60px;
	margin:auto;
	/* margin-top: 60px; */
}


.loginForm form{
	text-align: left;
}

.loginContainer .links{
	display: flex;
	justify-content: space-between;
	margin-top: 1em;
	text-align: center;
}

.links a{
	color: #A0AEC0;
	text-decoration: underline!important;
	font-size: small;
}

.loginFooter{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #A0AEC0;
	padding: 10px;
	border-radius: 0 0 25px 25px;
}

/* ====
SIDE BAR 
==== */
.sidebar {
	position: fixed;
	top: 0;
	left: -260px;
	width: 260px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	z-index: 700;
	opacity: 0;
    background-color: rgb(247, 249, 252);
	box-shadow: 1px 0 1px rgba(216, 222, 230, 0.25), 2px 0 2px rgba(216, 222, 230, 0.2), 4px 0 4px rgba(216, 222, 230, 0.15), 8px 0 8px rgba(216, 222, 230, 0.1), 16px 0 16px rgba(216, 222, 230, 0.05);

}

@media (min-width: 992px) {
	.sidebar {
		left: 0;
		opacity: 1;
	}
}

.sidebar-header {
	padding: 20px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	height: 70px;
}

.sidebar-header .sidebar-logo {
	margin-left: 2px;
	margin-right: 20px;
}

.sidebar hr {
    color: #e3eaf8;
    margin: 0 30px;
    opacity: 1;
}

.nav-sidebar {
	margin: 0;
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
}

.nav-sidebar .nav-item {
	list-style: none;
	margin:2px 0px;
}
.nav-sidebar .nav-item.active .nav-link {
	font-weight: 500;
	letter-spacing: -0.1px;
}
.nav-sidebar .nav-item.show .with-sub::after {
	transform: rotate(90deg);
}
.nav-sidebar .nav-item.show .nav-sub {
	display: flex;
}

.nav-sidebar .nav-link {
	height: 40px;
	padding: 0 10px 0 0;
	display: flex;
	align-items: center;
	border-radius: 5px;
	white-space: nowrap;
	
    position: relative;
    align-items: center;

}

.nav-sidebar .nav-link i{
	margin-right: 3px;
}

.nav-sidebar .nav-link + .nav-link {
	margin-top: 2px;
}

.nav-sidebar .nav-link.with-sub::after {
	content: "\f054";
	font-family: "FontAwesome";
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	margin-left: auto;
	opacity: 0.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.nav-sub {
	display: none;
	flex-direction: column;
	margin-left: 10px;
	padding-left: 22px;
	position: relative;
}


.nav-sub::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	border-left: 1px solid transparent;
}

.sub-link {
	height: 32px;
	padding: 10px 0;
	position: relative;
	display: flex;
	align-items: center;
	margin: 3px 0px;
}

.sub-link.active {
	font-weight: 500;
}

.sub-link {
	color: #627293;
}
.sub-link:hover,
.sub-link:focus {
	color: rgba(13, 110, 253, 0.75);
}
.sub-link.active {
	color: rgba(13, 110, 253, 0.85);
}

.nav-group {
	border-top-color: #d8dee6;
	border-bottom-color: #d8dee6;
}
.nav-group-label {
	color: #627293;
}


.sidebar-footer {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 20px;
	height: 70px;
	position: absolute;
    bottom: 0;
    width: 260px;
	/* background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.5) 50%, #fff); */
}

.avatar {
	flex-shrink: 0;
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	position: relative;
}
.avatar.online::after {
	content: "";
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #01a81d;
	box-shadow: 0 0 0 2px #fff;
}

.avatar-initial {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.avatar-initial {
	background-color: #223458;
	color: #fff;
}
.avatar-body h6 {
	color: #14274e;
}
.avatar-body span {
	color: #627293;
}

.avatar-body {
	flex: 1;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
}
.avatar-body h6 {
	font-weight: 600;
	margin-bottom: 0;
}
.avatar-body span {
	display: block;
	font-size: 12px;
}

.footer-menu {
	display: block;
	font-size: 18px;
	border-radius: 5px;
	line-height: 1;
}

.content-label {
	display: block;
	margin-bottom: 15px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #9aa6be;
}

.sidebar-body{	
	height: calc(100% - 220px);
    overflow-y: auto;
	overflow-x: hidden;
}

.sidebar-logo span {
	background-color: #0d6efd;
}
.sidebar-logo span::before,
.sidebar-logo span::after {
	background-color: #0d6efd;
	opacity: 0.75;
}
.sidebar-logo-text {
	color: #14274e;
}
.sidebar-logo-text span {
	color: #0d6efd;
}
.nav-sidebar .nav-item.active .nav-link {
	color: #0d6efd;
}
.nav-sidebar .nav-item.active .nav-link svg {
	color: #0d6efd;
	fill: rgba(13, 110, 253, 0.12);
}
.nav-sidebar .nav-link {
	color: #394867;
}
.nav-sidebar .nav-link:hover,
.nav-sidebar .nav-link:focus {
	color: #0d6efd;
}
.nav-sidebar .nav-link.active {
	color: #0d6efd;
}
.nav-sidebar .nav-link.active svg {
	color: #0d6efd;
	fill: rgba(13, 110, 253, 0.12);
}
.sidebar .nav-link::before,
.sub-link::before {
	background-color: #0d6efd;
}
.sidebar .nav-link::before,
.sidebar .nav-link:not(.with-sub)::after,
.sidebar .sub-link::before {
	background-color: #0d6efd;
}
.nav-sub::before,
.nav-sub::before {
	border-color: rgba(216, 222, 230, 0.6);
}

.sidebar-show {
	overflow-x: hidden;
}
.sidebar-show .sidebar {
	left: 0;
	opacity: 1;
}
.sidebar-show .content {
	transform: translateX(260px);
}

.sidebar-header {
	overflow: hidden;
	transition: padding 0.3s;
}

.sidebar-logo,
.sidebar-logo-text,
.search-body svg,
.sidebar,
.search-body .form-control {
	transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	.sidebar-logo,
	.sidebar-logo-text,
	.search-body svg,
	.sidebar-header,
	.sidebar,
	.search-body .form-control {
		transition: none;
	}
}

.nav-sidebar {
	overflow: hidden;
	transition: padding 0.3s;
}

.nav-sub {
	transition: opacity 0.2s;
}

.avatar, .sub-link, .avatar-body, .sidebar-footer, .nav-sidebar .nav-link svg,
.nav-sidebar .nav-link span{
	transition: all 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	.avatar,
    .sub-link,
	.avatar-body,
	.sidebar-footer,
	.nav-sidebar,
	.nav-sub,
	.content,
	.nav-sidebar .nav-link svg,
	.nav-sidebar .nav-link span {
		transition: none;
	}
}


.content {
	position: relative;
	min-height: 100vh;
	transition: all 0.3s;
	position: relative;
	z-index: 800;
	padding:20px 35px;
	/* box-shadow: -1px 0 1px rgba(216, 222, 230, 0.22), -2px 0 2px rgba(216, 222, 230, 0.17), -4px 0 4px rgba(216, 222, 230, 0.12), -8px 0 8px rgba(216, 222, 230, 0.07), -16px 0 16px rgba(216, 222, 230, 0.02); */
}

@media (min-width: 992px) {
	.content {
		margin-left: 260px;
	}
}


.sidebar.minimized {
	width: 60px;
}
.sidebar.minimized .sidebar-body {
    margin-left: 5px;
}
.sidebar.minimized .sidebar-logo-text {
	visibility: hidden;
	opacity: 0;
}
.sidebar.minimized .search-body svg {
	margin-right: 0;
}
.sidebar.minimized .ts-control,  .sidebar.minimized .btn{
	display: none;
}
.sidebar.minimized .nav-sidebar {
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar.minimized .nav-sidebar .nav-link svg {
	margin-right: 0;
}
.sidebar.minimized .nav-sidebar .nav-link span {
	visibility: hidden;
	opacity: 0;
}
.sidebar.minimized .nav-sub {
	visibility: hidden;
	opacity: 0;
}
.sidebar.minimized .sub-link {
	padding-top: 0;
	padding-bottom: 0;
	height: 0;
}
.sidebar.minimized .sidebar-footer {
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar.minimized .avatar {
	margin-left: 2px;
}
.sidebar.minimized .avatar-body {
	visibility: hidden;
	opacity: 0;
	width: 0;
}
.sidebar.minimized .footer-menu {
	display: none;
}
.sidebar.minimized + .content {
	margin-left: 60px;
}
.sidebar.minimized .nav-group.show {
	padding-top: 20px;
}
.sidebar.minimized .nav-group.show .nav-group-label {
	display: none;
}
.sidebar.minimized .nav-group:not(.show) {
	display: none;
}
.sidebar.minimized.expand {
	width: 260px;
}
.sidebar.minimized.expand .sidebar-header {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar.minimized.expand .sidebar-logo {
	margin-left: 0;
}
.sidebar.minimized.expand .sidebar-logo-text {
	visibility: visible;
	opacity: 1;
}
.sidebar.minimized.expand .sidebar-search {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar.minimized.expand .search-body svg {
	margin-right: 12px;
}
.sidebar.minimized.expand .search-body .form-control {
	visibility: visible;
	opacity: 1;
}
.sidebar.minimized.expand .nav-sidebar {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar.minimized.expand .nav-sidebar .nav-link svg {
	margin-right: 12px;
}
.sidebar.minimized.expand .nav-sidebar .nav-link span {
	visibility: visible;
	opacity: 1;
}
.sidebar.minimized.expand .nav-sub {
	visibility: visible;
	opacity: 1;
}
.sidebar.minimized.expand .sub-link {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 32px;
}
.sidebar.minimized.expand .nav-group.show {
	padding-top: 0;
}
.sidebar.minimized.expand .nav-group.show .nav-group-label {
	display: flex;
}
.sidebar.minimized.expand .nav-group:not(.show) {
	display: block;
}
.sidebar.minimized.expand .nav-group .nav-sidebar {
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar.minimized.expand .sidebar-footer {
	padding-left: 20px;
	padding-right: 20px;
}
.sidebar.minimized.expand .avatar {
	margin-left: 0;
}
.sidebar.minimized.expand .avatar-body {
	visibility: visible;
	opacity: 1;
	width: auto;
}
.sidebar.minimized.expand .footer-menu {
	display: flex;
}

.sub-link::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: -22px;
	width: 1px;
	display: none;
}
.nav-item.active .sub-link.active::before {
	display: block;
}
.sub-link::before {
    background-color: #0d6efd;
}

.nav-link::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.75px);
    left: -30px;
    width: 20px;
    height: 1.5px;
    display: none;
}

.nav-item.active .nav-link::before {
    display: block;
}

.contentMenuContainer{
	position: fixed;
	left: 260px;
	top: 20px;
	z-index: 999;
}
#mobileMenu,#contentMenu{
	color:#627293;
	background-color: rgb(247, 249, 252);
	padding: 8px 10px;
    border-radius: 0px 10px 10px 0px;
	box-shadow: 1px 0 1px rgba(216, 222, 230, 0.25), 2px 0 2px rgba(216, 222, 230, 0.2), 4px 0 4px rgba(216, 222, 230, 0.15), 8px 0 8px rgba(216, 222, 230, 0.1), 16px 0 16px rgba(216, 222, 230, 0.05);
}



.nav .nav-item{
	margin: 0px 5px;
}

/* ====
SCROLLBAR  MAIN
==== */

/* width */
::-webkit-scrollbar {
	width: 5px;
	height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #235170; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: rgb(155, 155, 155); 
}


/* ====
SCROLLBAR  SIDEBAR
==== */

/* width */
.sidebar-body::-webkit-scrollbar {
	width: 1px;
	height: 7px;
}

/* Track */
.sidebar-body::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
.sidebar-body::-webkit-scrollbar-thumb {
	background: #d8dee6; 
}

/* Handle on hover */
.sidebar-body::-webkit-scrollbar-thumb:hover {
	background: rgb(155, 155, 155); 
}


/* ====
CARDS 
==== */
.card-recap{
	align-items: center;
	display: flex;
	justify-content: space-around!important;
	flex-direction: row!important;
	margin-bottom: 2rem;
}

.card-recap .badge{
	font-size: large;
}

.card:has(.card-data){
	border:none!important;
}

.card:not(:has(.card-data)), .modal-content{
	border:0!important;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}


.card-data{
	padding: 25px;
	border: 0;
	/* border-radius: 0; */
	/* border: 1.5px solid transparent; */
	background-color: #f7f9fc;
	/* border-color: #cacfd9; */
	color: black;
	/* border-radius: 6px; */
	/* white-space: nowrap; */
	transition: all .2s;
	opacity: 1;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	
	
}

.fly-hover, .nofly-hover{
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fly-hover:hover{
    transform: translateY(-3px);
	-webkit-font-smoothing: subpixel-antialiased;
}

.card-formatted{
	text-align: center;
	display: flex;
	flex-direction: column;
	min-width: 100%;
}


.card-equipement {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.card-equipement .card-eheader {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

.card-equipement .card-eheader span{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

.card-equipement .card-eheader .stateContainerImage{
	position: relative;
}

.card-equipement .card-eheader .stateContainerImage .state{
	position: absolute;
	top:-5px;
}

.card-equipement .card-ebody {
	text-align: center;
	padding-top: 10px;
} 


/* ======
STATUS COLOR CODE
====== */
.text-0{
	color: #6c757d!important;
}

.text-1{
	color: #28a745!important;
}

.text-2{
	color: #dcb535!important;
}

.text-3{
	color: #dc3545!important;
}

.text-4{
	color: #0084ff!important;
}

.colored-Alerte{
	background-color: #dcb5358e!important;
}

.colored-Alarme{
	background-color: #dc35468e!important;
}

.form-inline .from-check{
	justify-content: left!important;
	cursor: pointer;
}


/* ======
SLOTS
====== */

.slotVending, .slotArticle{
	position: relative;
	cursor: pointer;
	user-select: none;
}

.articlePrice{
	color: #6c757d;
	position: absolute;
	bottom: 0px;
	right: 5px;
}

.articleName{
	/* z-index: 99; */
	position: relative;
}
.logoImg{
	position: absolute;height: 65px;left: 5px;top: 5px;opacity: 0.35;
}
.slotValue{
	position: absolute;
	background-color: white;
	border-radius: 5px;
	min-width: 15px;
	min-height: 15px;
	padding: 0px 5px;
	top: -7px;
	left: -7px;
}


.square{
	display: inline-block;
	width: 6rem;
	height: 6rem;
	/* margin: .25rem; */
	background-color: #f5f5f5;
}

.square-muted{
	opacity: .5;
}


/* ======
EXPORTS
====== */


.checkExportFiltrer{
	display: flex;
	justify-content: space-around;
	align-items: center;
} 

.checkExportFiltrer label{
	
	display: flex;
	justify-content: space-between;
}

/* ======
NOTES
====== */

.noteInput{
	border: transparent;
	text-decoration: none;
	outline: none;
	background-color: transparent;
	min-height: 100px;
}


.ticketSubject{
	position: fixed;
	z-index: 99;
	background-color: white;
	top: 0;
	border-radius: 0 0px 25px 25px;
	padding: 5px 25px;
	display: flex;
	align-items: center;
	width: 70%;
	justify-content: space-between;
	margin: 0;
}

.ticketSubject p{
	margin-top:10px;
	margin-bottom: 5px;
}

.ticketInfo .card-data b {
    color: #235170;
}



.machineNav.dropdown-menu {
	max-height: 70vh!important;
	overflow-y: scroll;
	overflow-x: hidden;
}


.machineNav.dropdown-menu {
	min-width: 50vw!important;
}

#sentry-feedback{
	--page-margin: 16px 16px 45px 16px
}


.ait-light{
	--bs-table-color: #000!important;
    --bs-table-bg: #f8f9fa!important;
    --bs-table-border-color: #c6c7c8!important;
    --bs-table-striped-bg: #f8f9fa!important;
    --bs-table-striped-color: #000!important;
    --bs-table-active-bg: #dfe0e1!important;
    --bs-table-active-color: #000!important;
    --bs-table-hover-bg: #e5e6e7!important;
    --bs-table-hover-color: #000!important;
    color: var(--bs-table-color);
}

.btn-empty{
	background-color: transparent;
	border: none;
	padding: 0;
	border-radius: 0;
}


@media (max-width: 480px) {

	.w-10,.w-30,.w-40,.w-50, .w-25 {
		width: 98% !important;
	}


	.tableDistri{
		margin-top: 4rem!important;
	}
	.tableDistri td{
		width: 72px;
	}
	
	.w-100-mobile{
		width: 100%!important;
		margin: 0!important;
	}
	
	.mt-15-mobile{
		margin-top: 15%!important;
	}
	.slotVending {
		margin: 0!important;
	}
	
	.sidebar-footer{
		padding-bottom: 30%;
		padding-top: 15%;
	}
	
	.equipLogo{
		position: relative;
		left: 22%;
	}

	.d-none-sm{
		display: none!important;
	}

	.card-recap{
		display: flex;
		flex-direction: column!important;
		margin-top:30px;
		/* align-items: flex-start; */
	}

	.card-recap > *{
		margin-top: 1rem;
	}

	.content-body{
    	margin: 1rem 0rem 0rem 0rem;
	}

	#mobileMenu, #contentMenu{
		border-radius: 10px;
		box-shadow: 1px 0 1px rgba(216, 222, 230, 0.25), 2px 0 2px rgba(216, 222, 230, 0.2), 4px 0 4px rgba(216, 222, 230, 0.15), 8px 0 8px rgba(216, 222, 230, 0.1), 16px 0 16px rgba(216, 222, 230, 0.05);
	}

	.contentMenuContainer{
		left:10px
	}

	.nav-sidebar .nav-item{
		display: flex;
        flex-direction: column;
        align-items: flex-start;
	}

	.card-info-adm{
		margin-top: 1rem;
		position: relative!important;
	}

	.nav-adm{
		margin-top: 2rem;
		flex-direction: column;
	}

	.nav.nav-tabs.card-header-tabs{
        flex-direction: column;
		text-align: center;
	}

	.info-display{
		flex-direction: column;
		align-items: flex-start;
	}
}



/* DRAGGABLE */
body ul {
	padding: 0px;
}
body ul .draggable {
	will-change: transform;
	font-weight: 800;
	height: 50px;
	list-style-type: none;
	margin: 10px;
	background-color: rgba(128, 128, 128, 0.103);
	color: #212121;
	line-height: 3.2;
	padding-left: 10px;
	cursor: move;
	transition: all 200ms;
	user-select: none;
	margin: 10px auto;
	position: relative;
}
body ul .draggable:hover:after {
	opacity: 1;
	transform: translate(0);
}

.over {
	transform: scale(1.1, 1.1);
}

.accordion-button:focus{
	box-shadow: none;
}

.footer-link{
	text-decoration: none;
	color: black;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 5px;
	border-radius: 5px;
}

.img-card-top{
  max-width: 100%;
  width: 100%;       /* force l’image à occuper toute la largeur dispo */
  height: 200px;      /* garde les proportions */
  display: block;    /* enlève l’espace blanc des inline-images */
  object-fit: contain;
  /* object-fit: cover; optionnel : rogne l’image pour bien remplir */
}


.ait-dark {
    --bs-table-color: #f8f9fa !important;
    --bs-table-bg: #1e1e1e !important;
    --bs-table-border-color: #333 !important;
    --bs-table-striped-bg: #2a2a2a !important;
    --bs-table-striped-color: #fff !important;
    --bs-table-active-bg: #444 !important;
    --bs-table-active-color: #fff !important;
    --bs-table-hover-bg: #3a3a3a !important;
    --bs-table-hover-color: #fff !important;
    color: var(--bs-table-color);

    background-color: #121212 !important;
}

.ait-dark .table{
	--bs-table-color: #f8f9fa !important;
    --bs-table-bg: #1e1e1e !important;
    --bs-table-border-color: #333 !important;
    --bs-table-striped-bg: #2a2a2a !important;
    --bs-table-striped-color: #fff !important;
    --bs-table-active-bg: #444 !important;
    --bs-table-active-color: #fff !important;
    --bs-table-hover-bg: #3a3a3a !important;
    --bs-table-hover-color: #fff !important;
}

.ait-dark body,
.ait-dark .content{
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

.ait-dark a {
    color: #82b1ff !important;
}

.ait-dark .sidebar {
    background-color: #001529 !important;
    color: #e0e0e0 !important;
}

.ait-dark .sidebar-footer {
    background-color: #002140 !important;
    color: #e0e0e0 !important;
}

.ait-dark .sidebar a{
	color: #ffffff !important;
}

.ait-dark #mobileMenu, .ait-dark #contentMenu {
    background-color: #002140 !important;
	color: white!important;
	box-shadow: none!important;
}

.card-data, .card{
	border:1px solid transparent!important;
}

.ait-dark .card-data,
.ait-dark .card{
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
	border:1px solid #303030!important;
	border-radius: 5px !important;
}

.ait-dark .form-control, .ait-dark .ts-control, .ait-dark .CodeMirror, .ait-dark .ts-dropdown{
	background-color: #2a2a2a !important;
	color: white !important;
	border: 1px solid #444 !important;
}
.ait-dark .ts-dropdown .optgroup-header{
	background-color: #1e1e1e !important;
	color: white !important;
	border-bottom: 1px solid #444 !important;
}

.ait-dark .ts-dropdown .active{
	background-color: #235170 !important;
	color: white !important;
}

.ait-dark .ts-control input{
	color: #FFF!important;
}

.ait-dark .toast-body{
	color: #000!important;
}

#themeToggle {
	color: #002140;
}

.ait-dark #themeToggle{
	color:#FFF;
}


.ait-dark .form-control::placeholder{
	color: #bbb !important;
}

 .ait-dark .lower-form-control{
	color: white !important;
	border-bottom: 1px solid #444 !important;
 }

.ait-dark .modal-content {
  --bs-modal-bg: #1e1e1e;     /* fond */
  --bs-modal-color: #f1f1f1;  /* texte */
  --bs-modal-border-color: #333;
  --bs-modal-header-border-color: #444;
  --bs-modal-footer-border-color: #444;
}


.ait-dark .card-header-tabs{
	background-color: #1e1e1e !important;
	border-bottom: 1px solid #303030!important;
}

.ait-dark .square{
	background-color: black;
	color: white;
}


.ait-dark .list-group-item {
    background-color: #1c1c1c !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

.ait-dark .btn-primary {
    background-color: #235170 !important;
    border-color: #235170 !important;
}

.ait-dark .footer-link{
	color: white;
	background-color: rgba(0,0,0, 0.5);
}

.ait-dark .avatar-body h6 {
    color: white;
}
.ait-dark .text-primary {
    color: rgb(48, 103, 213)!important;
}

.ait-dark .shining{
	color: #006eff;
	background: linear-gradient(90deg, #9ec8ff, #006eff, #006eff) no-repeat;
	background-size: auto;
	background-clip: border-box;
	background-size: 80%;
	animation: animate 2s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #4b99e7e1;
	transition: all 0.3s;
}

.ait-dark .content-body .nav-link,
.ait-dark .btn-light,
.ait-dark .btn-dark {
    color: #fff !important;
    background-color: #2a2a2a !important;
    border-color: #444 !important;
}

.ait-dark .text-muted{
	color: #bbb !important;
}

body, .content, .sidebar, .card-data, .list-group-item, .footer-link {
  /* transition: background-color 0.4s ease, color 0.4s ease; */
}

.icon-fade {
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: inline-block;
}
.icon-fade.hide {
  opacity: 0;
  transform: rotate(180deg) scale(0.5);
}

.ait-dark #loader{
	background-color: #121212;
}

.text-bold{
	font-weight: 800;
}



.bg-inhibit{
	background-color: rgba(201, 201, 201, 0.411)!important;
}

.text-justify{
	text-align: justify!important;
}