@font-face {
    font-family: 'Barlow';
    src: url('../Fonts/Barlow-Regular.ttf');
}

:root {
    --red: #FF0000;
    --back: #FFFFFF;
    --contraste: #000000;
    --primary-contraste: #FFFFFF;
    --field-radius: 10px;
}

/*#region Theme */
/*#region Background Color */
.bg-white,
.md-select-menu-container.bg-white md-content,
md-toolbar.bg-white {
    background-color: var(--white);
}

.bg-black,
.md-select-menu-container.bg-black md-content,
md-toolbar.bg-black {
    background-color: var(--black);
}

.bg-green,
.md-select-menu-container.bg-green md-content,
md-toolbar.bg-green {
    background-color: var(--green);
}

.bg-blue,
.md-select-menu-container.bg-blue md-content,
md-toolbar.bg-blue {
    background-color: var(--blue);
}

.bg-yellow,
.md-select-menu-container.bg-yellow md-content,
md-toolbar.bg-yellow {
    background-color: var(--yellow);
}

.bg-back,
.md-select-menu-container.bg-back md-content,
md-toolbar.bg-back {
    background-color: var(--back);
}

.bg-primary,
button.bg-primary:focus,
button.bg-primary:hover,
.md-select-menu-container.bg-primary md-content,
md-toolbar.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary,
.md-select-menu-container.bg-secondary md-content,
md-toolbar.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-info,
.md-select-menu-container.bg-info md-content,
md-toolbar.bg-info {
    background-color: var(--info) !important;
}

.bg-warning,
.md-select-menu-container.bg-warning md-content,
md-toolbar.bg-warning {
    background-color: var(--warning) !important;
}

.bg-success,
.md-select-menu-container.bg-success md-content,
md-toolbar.bg-success {
    background-color: var(--success) !important;
}

.bg-danger,
.md-select-menu-container.bg-danger md-content,
md-toolbar.bg-danger {
    background-color: var(--danger) !important;
}
/*#endregion */

/*#region Text color */
/* White */
.text-white,
.md-select-menu-container.text-white md-option,
.md-select-menu-container.text-white md-option[selected]:focus {
    color: var(--white);
}

.md-select-menu-container.text-white .md-icon {
    border-color: var(--white);
}

/* Black */
.text-black,
.md-select-menu-container.text-black md-option,
.md-select-menu-container.text-black md-option[selected]:focus {
    color: var(--black);
}

.md-select-menu-container.text-black .md-icon {
    border-color: var(--black);
}

/* Green */
.text-green,
.md-select-menu-container.text-green md-option,
.md-select-menu-container.text-green md-option[selected]:focus {
    color: var(--green);
}

.md-select-menu-container.text-green .md-icon {
    border-color: var(--green);
}

/* Blue */
.text-blue,
.md-select-menu-container.text-blue md-option,
.md-select-menu-container.text-blue md-option[selected]:focus {
    color: var(--blue);
}

.md-select-menu-container.text-blue .md-icon {
    border-color: var(--blue);
}

/* Yellow */
.text-yellow,
.md-select-menu-container.text-yellow md-option,
.md-select-menu-container.text-yellow md-option[selected]:focus {
    color: var(--yellow);
}

.md-select-menu-container.text-yellow .md-icon {
    border-color: var(--yellow);
}


/* Contraste */
.text-contraste,
.md-select-menu-container.text-contraste md-option,
.md-select-menu-container.text-contraste md-option[selected]:focus {
    color: var(--contraste);
}

.md-select-menu-container.text-contraste .md-icon {
    border-color: var(--contraste);
}

/* Primary */
.text-primary,
.md-select-menu-container.text-primary md-option,
.md-select-menu-container.text-primary md-option[selected]:focus {
    color: var(--primary) !important;
}

.md-select-menu-container.text-primary .md-icon {
    border-color: var(--primary);
}

/* Primary contraste */
.text-primary-contraste,
.md-select-menu-container.text-primary-contraste md-option,
.md-select-menu-container.text-primary-contraste md-option[selected]:focus {
    color: var(--primary-contraste) !important;
}

.md-select-menu-container.text-primary .md-icon {
    border-color: var(--primary);
}

/* Secondary */
.text-secondary,
.md-select-menu-container.text-secondary md-option,
.md-select-menu-container.text-secondary md-option[selected]:focus {
    color: var(--secondary) !important;
}

.md-select-menu-container.text-secondary .md-icon {
    border-color: var(--secondary);
}

/* Info */
.text-info,
.md-select-menu-container.text-info md-option,
.md-select-menu-container.text-info md-option[selected]:focus {
    color: var(--info) !important;
}

.md-select-menu-container.text-info .md-icon {
    border-color: var(--info);
}

/* Warning */
.text-warning,
.md-select-menu-container.text-warning md-option,
.md-select-menu-container.text-warning md-option[selected]:focus {
    color: var(--warning) !important;
}

.md-select-menu-container.text-warning .md-icon {
    border-color: var(--warning);
}

/* Success */
.text-success,
.md-select-menu-container.text-success md-option,
.md-select-menu-container.text-success md-option[selected]:focus {
    color: var(--success) !important;
}

.md-select-menu-container.text-success .md-icon {
    border-color: var(--success);
}
/*#endregion */

/*#region Border*/
.border-2 {
    border: 2px solid;
}

.border-3 {
    border: 3px solid;
}

.radius-11 {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
}

.border-primary {
    border-color: var(--primary) !important;
}

.border-contraste {
    border-color: var(--contraste);
}
/*#endregion*/
/*#region SVG*/
.fill-contraste {
    fill: var(--contraste);
}

.fill-primary-contraste {
    fill: var(--primary-contraste);
}

.fill-back {
    fill: var(--back);
}

.fill-primary {
    fill: var(--primary);
}

.fill-success {
    fill: var(--success);
}
/*#endregion*/

button {
    background: none;
    border: none;
}

/*#region Scroll */
/* Largeur de la scrollbar */
*::-webkit-scrollbar {
    width: 15px;
}

*::-webkit-scrollbar-track {
    background: var(--back);
}


*::-webkit-scrollbar-thumb {
    border-radius: 15px;
    border: solid 3px;
    background-color: var(--contraste);
    border-color: var(--back);
}

/* #region Couleur de fond de la scrollbar */
/* White */
.sb-bg-white::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-white md-content::-webkit-scrollbar-track {
    background: var(--white);
}

.sb-bg-white::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-white md-content::-webkit-scrollbar-thumb {
    border-color: var(--white);
}

/* Black */
.sb-bg-black::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-black md-content::-webkit-scrollbar-track {
    background: var(--black);
}

.sb-bg-black::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-black md-content::-webkit-scrollbar-thumb {
    border-color: var(--black);
}

/* Green */
.sb-bg-green::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-green md-content::-webkit-scrollbar-track {
    background: var(--green);
}

.sb-bg-green::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-green md-content::-webkit-scrollbar-thumb {
    border-color: var(--green);
}

/* Blue */
.sb-bg-blue::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-blue md-content::-webkit-scrollbar-track {
    background: var(--blue);
}

.sb-bg-blue::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-blue md-content::-webkit-scrollbar-thumb {
    border-color: var(--blue);
}

/* Yellow */
.sb-bg-yellow::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-yellow md-content::-webkit-scrollbar-track {
    background: var(--yellow);
}

.sb-bg-yellow::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-yellow md-content::-webkit-scrollbar-thumb {
    border-color: var(--yellow);
}


/* Contraste */
.sb-bg-contraste::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-contraste md-content::-webkit-scrollbar-track {
    background: var(--contraste);
}

.sb-bg-contraste::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-contraste md-content::-webkit-scrollbar-thumb {
    border-color: var(--contraste);
}

/* Primary */
.sb-bg-primary::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-primary md-content::-webkit-scrollbar-track {
    background: var(--primary);
}

.sb-bg-primary::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-primary md-content::-webkit-scrollbar-thumb {
    border-color: var(--primary);
}

/* Secondary */
.sb-bg-secondary::-webkit-scrollbar-track,
.md-select-menu-container.sb-bg-secondary md-content::-webkit-scrollbar-track {
    background: var(--secondary);
}

.sb-bg-secondary::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-bg-secondary md-content::-webkit-scrollbar-thumb {
    border-color: var(--secondary);
}
/* #endregion */

/* Chariot de la scrollbar */
/* Couleur du chariot */
.sb-white::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-white md-content::-webkit-scrollbar-thumb {
    background-color: var(--white);
}

.sb-black::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-black md-content::-webkit-scrollbar-thumb {
    background-color: var(--black);
}

.sb-green::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-green md-content::-webkit-scrollbar-thumb {
    background-color: var(--green);
}

.sb-blue::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-blue md-content::-webkit-scrollbar-thumb {
    background-color: var(--blue);
}

.sb-yellow::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-yellow md-content::-webkit-scrollbar-thumb {
    background-color: var(--yellow);
}

.sb-back::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-back md-content::-webkit-scrollbar-thumb {
    background-color: var(--back);
}

.sb-primary::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-primary md-content::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

.sb-secondary::-webkit-scrollbar-thumb,
.md-select-menu-container.sb-secondary md-content::-webkit-scrollbar-thumb {
    background-color: var(--secondary);
}
/*#endregion Scroll */
/*#endregion*/

* {
    min-height: 0;
    min-width: 0;
    font-family: Barlow;
}

html,
body,
form {
    min-height: 100%;
    height: auto;
}

.all-height {
    height: 100%;
}

.max-button-height {
    max-height: 85px;
}

.no-outline {
    outline: none !important;
}

.pointer {
    cursor: pointer;
}

input.custom-field {
    border: 1px var(--contraste) solid;
    -moz-border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
    border-radius: var(--field-radius);
    background-color: var(--white);
    background-image: -moz-linear-gradient(right, var(--back) 15px, var(--white) 15px); /* Not Wokking*/
    background-image: -o-linear-gradient(right, var(--back) 15px, var(--white) 15px); /* Not Wokking*/
    background-image: -webkit-gradient(linear, right,left, from(var(--back)) 15px, to(var(--white)) 15px); /* Not Wokking*/
    background-image: -webkit-linear-gradient(right, var(--back) 15px, var(--white) 15px);
    background-image: linear-gradient(to left, var(--back) 15px, var(--white) 15px);
    color: var(--black);
    font-weight: bold;
    text-align: right;
    padding-right: 25px;
}

    input.custom-field[required] {
        border: none;
        background-color: var(--back);
        background-image: -moz-linear-gradient(right, var(--green) 15px, var(--back) 15px); /* Not Wokking*/
        background-image: -o-linear-gradient(right, var(--green) 15px, var(--back) 15px); /* Not Wokking*/
        background-image: -webkit-gradient(linear, right,left, from(var(--green)) 15px, to(var(--back)) 15px); /* Not Wokking*/
        background-image: -webkit-linear-gradient(right, var(--green) 15px, var(--back) 15px);
        background-image: linear-gradient(to left, var(--green) 15px, var(--back) 15px);
        color: var(--contraste);
    }

.undeline {
    text-decoration: underline;
}

.not-decoration {
    text-decoration: none;
}

hr.vertical {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 100%;
    width: 1px;
    margin: 0;
}

@media (min-width: 576px) {
    .undeline-sm {
        text-decoration: underline;
    }

    .not-decoration-sm {
        text-decoration: none;
    }
}

@media (min-width: 768px) {
    .undeline-md {
        text-decoration: underline;
    }

    .not-decoration-md {
        text-decoration: none;
    }
}

@media (min-width: 992px) {
    .undeline-lg {
        text-decoration: underline;
    }

    .not-decoration-lg {
        text-decoration: none;
    }
}

@media (min-width: 1200px) {
    .undeline-xl {
        text-decoration: underline;
    }

    .not-decoration-xl {
        text-decoration: none;
    }
}


#LogTable {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-template-rows: 4em;
    grid-gap: 0 16px;
    align-items: stretch;
    justify-items: stretch;
    grid-auto-rows: max-content;
    overflow-y: auto;
}

    #LogTable > div {
        -ms-word-break: break-all;
        word-break: break-all;
    }

    #LogTable .reduce {
        max-height: 1.5em;
        overflow: auto;
    }