/*# sourceMappingURL=custom.min.css.map */
:root, [data-bs-theme=light] {
    --dio-color1: #27ade4;
    --dio-color2: #222c56;
    --dio-color3: #f28d25;
    --dio-color1-rgb: 39, 173, 228;
    --dio-color2-rgb: 34, 44, 86;
    --dio-color3-rgb: 242, 141, 37;
    --dio-bg-hover: #eee;
    --vz-primary: var(--dio-color2);
    --vz-secondary: var(--dio-color1);
    --vz-success: #0ab39c;
    --vz-info: var(--dio-color3);
    --vz-warning: #f7b84b;
    --vz-danger: #f04855;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb:34, 44, 86;
    --vz-secondary-rgb: 39, 173, 228;
    --vz-success-rgb: 10, 179, 156;
    --vz-info-rgb: 242, 141, 37;
    --vz-warning-rgb: 247, 184, 75;
    --vz-danger-rgb: 240, 72, 85;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --dio-color3-rgb:242, 141, 37;
    --vz-primary-text-emphasis: #364574;
    --vz-secondary-text-emphasis: #2fa4d4;
    --vz-success-text-emphasis: #099885;
    --vz-info-text-emphasis: var(--dio-color2);
    --vz-warning-text-emphasis: #d29c40;
    --vz-warning-text-emphasis: #d29c40;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #a6abc0;
    --vz-secondary-bg-subtle: #ddeaf0;
    --vz-success-bg-subtle: #daf4f0;
    --vz-info-bg-subtle: #f2e7dd;
    --vz-warning-bg-subtle: #f2e7dd;
    --vz-danger-bg-subtle: #f0485538;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-secondary-border-subtle: #9ccee2;
    --vz-success-border-subtle: #9de1d7;
    --vz-info-border-subtle: #e2ba91;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-topbar-user-bg: #ebebeb;
    --vz-body-bg: #d2d2d2;
}

[data-bs-theme=dark] {
    --dio-color1: #27ade4;
    --dio-color2: #27ade4;
    --dio-color3: #f28d25;
    --dio-bg-hover: #424242;
    --vz-primary: var(--dio-color2);
    --vz-secondary: var(--dio-color1);
    --vz-success: #0ab39c;
    --vz-info: var(--dio-color3);
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb:34, 44, 86;
    --vz-secondary-rgb: 39, 173, 228;
    --vz-success-rgb: 10, 179, 156;
    --vz-info-rgb: 41, 156, 219;
    --vz-warning-rgb: 247, 184, 75;
    --vz-danger-rgb: 251, 141, 37;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-primary-text-emphasis: #364574;
    --vz-secondary-text-emphasis: #2d65cd;
    --vz-success-text-emphasis: #099885;
    --vz-info-text-emphasis: #2385ba;
    --vz-warning-text-emphasis: #d29c40;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #a6abc0;
    --vz-secondary-bg-subtle: #ddeaf0;
    --vz-success-bg-subtle: #daf4f0;
    --vz-info-bg-subtle: #f2e7dd;
    --vz-warning-bg-subtle: #f2e7dd;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-secondary-border-subtle: #9ccee2;
    --vz-success-border-subtle: #9de1d7;
    --vz-info-border-subtle: #e2ba91;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-topbar-user-bg: #000000;
    --vz-tertiary-bg: #2a2d31;
}






input[readonly], input[readonly]:hover, input[readonly]:focus {
	background-color: var(--vz-tertiary-bg);
	opacity: 1;
}




.auth-bg-cover {
    background: linear-gradient(-45deg, #187ea8 50%, var(--dio-color2));
}

.link-danger:hover{
    color: var(--vz-danger-bg-subtle) !important;
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(-45deg, #d99a5a 10%, #d9d9d8);
}

.absolute100 {
    left: 3rem;
    right: 3rem;
}

.min-height-signin {
    min-height: 750px;
}

.needs-validation > div {
    min-height: 518px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.needs-validation > div.hauto {
    min-height: auto;
}

.auth-one-bg {
    background-image: url(../../images/V2/auth-one-bg.jpg);
}

.auth-bg-cover>.bg-overlay {
    background-image: url(../../images/V2/cover-pattern.png);
}


.navbar-brand-box{
    padding: 0;
    /* min-height: 64px; */
}

.navbar-brand-box a {
    background-color: #fff;
    width: 100%;
    display: flex;
    line-height: normal;
    min-height: 70.5px;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.navbar-brand-box a.logo-dark {
    background-color: transparent;
}

:is([data-layout=vertical],[data-layout=semibox])[data-bs-theme=dark] .logo-dark {
    display: flex;
    justify-content: center;
}

:is([data-layout=vertical],[data-layout=semibox])[data-bs-theme=dark] .logo-light {
    display: none;
}

/*
:is([data-layout=vertical],[data-layout=semibox])[data-sidebar=dark] .logo-light, :is([data-layout=vertical],[data-layout=semibox])[data-sidebar-size=sm] .logo span.logo-sm{
    display:flex;
}
*/

.navbar-menu {
    border: 0;
}

.navbar-brand-box a span.logo-sm {
    min-height: 70.5px;
    /* display: flex; */
    align-content: center;
    justify-content: center;
    align-items: center;
}

.navbar-brand-box a span {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-wid-bg.blue::before{
    background: linear-gradient(to top, var(--vz-secondary-border-subtle), var(--vz-secondary));
}

#colorpicker{
    height: 40px;
}

#scrollbar .container-fluid{
    display: flex;
    align-content: space-between;
    flex-direction: column;
    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

#scrollbar .container-fluid ul {
    width: 100%;
}


.profile-wid-bg.blue::before{
    background: linear-gradient(to top, var(--vz-secondary-border-subtle), var(--vz-secondary));
}

.accordion.nobg .accordion-item{
    background-color:transparent;
    border: 0;
}

.accordion.nobg .accordion-item .accordion-button.collapsed {
        background-color: #fff3;
}

.accordion.nobg .accordion-item .accordion-button:not(.collapsed) {
    /* background-color: #222c5630; */
    box-shadow: none;
}

.accordion.nobg {
    border: 1px solid #222c5630;
    /* border-top: 0; */
}

.accordion.nobg .accordion-body {
    color: var(--dio-color2);
}

.min-height-cgratuit{
    min-height: 800px;
}

.min-height-cgratuit .needs-validation > div {
    min-height: 624px;
}

.hide {
    display: none !important;
}

table.dataTable tr:hover td, table.spesetting tr:hover td {
    background-color: var(--dio-bg-hover) !important;
}

table.dataTable tr:not(.readonly):hover td, table.spesetting tr:not(.readonly):hover td {
    cursor: pointer;
}

.table th {
    text-align: center;
}


.welcom-text{
    font-weight: var(--vz-font-weight-semibold);
    text-transform: uppercase;
    color: var(--vz-info);
    text-shadow: 1px 2px #222c56;
}

.big-fleche {
    font-weight: var(--vz-font-weight-semibold);
    text-transform: uppercase;
    color: var(--vz-primary);
    text-shadow: 8px 0px var(--vz-secondary);
    font-size: 129px;
    opacity: 1;
}

.navbar-header{
    padding:0;
    padding-left: calc(var(--vz-grid-gutter-width) * .5);
}

#ticketsList .card-body:last-child .table-responsive{
    height: calc(100vh - 333px);
    position: relative;
}

#ticketsList {
    margin-bottom: 0;
}

#ticketsList .card-body:last-child .table-responsive thead tr {
    position: sticky;
}

#ticketsList .card-body:last-child .table-responsive table thead {
    position: sticky;
    top: 0;
    border-bottom: 1px solid var(--vz-border-color);
    background: var(--fc-page-bg-color);
    z-index: 3;
}

/*
[data-bs-theme=light] #ticketsList .card-body:last-child .table-responsive table thead {
}
*/

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    content:"\ea6d";
    font-family: remixicon !important;
    font-style: normal;
    font-size: 18px;
    border: 0;
    border-radius: 0;
    left: 0;
    top: 0px;
    height: 100%;
    width: 30px;
    bottom: 0;
    margin-top: 0;
    box-shadow: none;
    display: flex;
    line-height: normal;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: var(--dio-color2);
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 40px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
    content: "\ea4d";
    background-color: transparent;
}


/*
.file-manager-content {
    height: 85vh;
    overflow: scroll;
}
*/

.contain-parametre{
    display:none;
    flex-direction: column;
}

#contain-general-settings {
    display: flex;
    flex-direction: column;
}


/*
.file-manager-menu li a[aria-expanded=true]{
*/
.file-manager-menu li a:hover, .file-manager-menu li a[aria-expanded=true] {
	color: var(--vz-body-color);
}

.file-manager-menu li a.active, .file-manager-menu li a:hover {
	color: var(--vz-secondary);
}

.message_alerte  .label-icon.btn-sm {
	background-color: var(--vz-light-text-emphasis);
	color: var(--vz-primary);
	width: 29px;
}

.message_alerte {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--fc-border-color);
    margin: 0;
}

.message_alerte:hover span {
    display: flex;
}

.message_alerte span {
    display: none;
    transition: all 0.5s ease;
}

.message_alerte {
    min-height: 29px;
    min-width: 29px;
    padding: 0;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.message_alerte:hover {
    /* margin-bottom: var(--vz-alert-margin-bottom); */
    padding-right: 60px;
    padding-left: 60px;
}

.message_alerte .label-icon.btn-sm:after {
    border-left-color: var(--vz-light-text-emphasis) !important;
    opacity: 0;
}

.message_alerte:hover .label-icon.btn-sm:after {
    opacity: 1;
}

.bg-master{
    background-color: var(--vz-secondary-bg-subtle);
    color:var(--vz-secondary);
}

.text-dionysols {
    --vz-text-opacity: 1;
    color: rgba(var(--dio-color3-rgb), var(--vz-text-opacity)) !important;
}

.link-dionysols {
    color: RGBA(var(--dio-color3-rgb), var(--vz-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--dio-color3-rgb), var(--vz-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--dio-color3-rgb), var(--vz-link-underline-opacity, 1)) !important;
}
.link-dionysols:focus, .link-dionysols:hover {
    color: RGBA(218, 126, 31, var(--vz-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(218, 126, 31, var(--vz-link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(218, 126, 31, var(--vz-link-underline-opacity, 1)) !important;
}

.bg-dionysols {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--dio-color3-rgb), var(--vz-bg-opacity)) !important;
}

/*pour sweetalert*/
.swal2-actions {
	gap: 20px;
}
.swal2-actions button {
	font-size: 20px;
}

.blue_bg > .panel-body {
	background-color: rgb(235, 250, 255) !important;
}


.paramcontainer {
	position:relative;
	height: calc(100vh - 1.5 * calc(70px + var(--vz-grid-gutter-width)));
	width: 100%;
	background-color: var(--vz-secondary-bg);
	padding: 1em;
	gap: 1em;
}

.paramside {
	width: 250px;
	min-width: 250px;
}

.paramsidesub {
	width: 100%;
}

.theadsticky {
	position: sticky;
	top: -17px;
	background-color: var(--vz-secondary-bg);
}


.file-manager-content .maincard .card-header .actions .btn {
	padding: 4px 8px;
}

.btn-petit {
	padding: 0 4px;
}

@media (min-width: 700px) {
  .file-manager-sidebar {
    min-width: 250px;
    max-width: 250px;
    height: calc(100vh - 70px - 60px - 8px);
    position: relative;
    width: auto;
    visibility: visible;
    transform: none;
  }
}

#back-to-top-custom {
	position: fixed;
	bottom: 35px;
	right: 45px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	display: none;
	z-index: 1000;
}

.bx {
	line-height: inherit !important;
}

.flex-1 {
  /* flex: <grow> <shrink> <basis> */
  flex: 1 1 0% !important;
}