body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100vw;
    height: 100vh;
    /* overflow-y: hidden;
    overflow-x: hidden; */
}

table td {
    white-space: nowrap;
}


/* multiple-select - DEBUT*/
.ms-choice:focus,
.ms-choice.focus + .ms-parent {
    background-color: #e9fafd !important;
    /* border-color: rgba(40, 96, 144, 0.5) !important; */
    /* box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important; */
}

.ms-choice:focus + .ms-parent {
    background-color: #e9fafd !important;
    border-color: #337ab7 !important;
    /* box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important; */
}

.ms-drop li:hover {
    background-color: #1967d2;
    color:white;
}
/* multiple-select - FIN*/

/* bloc contenant le titre du bloc "filter-form" (Bloc contenant les filtres) */
    .filter-row {
        display: flex;
        align-items: center;
    }

    .filter-row input, 
    .filter-row select,
    .filter-row button {
        margin: 5px 0; /* Marge supplémentaire pour espacer verticalement */
    }
/* FIN */

/* CSS pour petite scrollbar */
    /* width & height */
    ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    }

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

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: #555; 
    }
/* CSS pour petite scrollbar - FIN */


/*ChartJS*/
    canvas{
        padding: 0px !important;
        margin: 0px !important;
        width: 100% !important
    }
  
/* Popover */
    .popover{
        min-width:580px !important;
        /* max-height:500px !important; */
    }
    .orange{
        color:orange !important;
    }
    .crimson{
        color:crimson !important;
    }
    .dodgerblue{
        color:dodgerblue !important;
    }
    .mediumseagreen{
        color:mediumseagreen !important;
    }
    .non_dispo_vente{
        color:#FF992C !important;
    }
    .lettre_suivie{
        color:#F2C800 !important;
    }
    .colis{
        color:#B28C7E !important;
    }
    .mondial_relay{
        color:#b70158 !important;
    }
    .stock_insuffisant{
        color:#FF6A27 !important;
    }
    /* Popover - FIN */

/********************************/
/******* CUSTOM BOOTSTRAP *******/
/********************************/
.form-control:focus,
.form-select:focus {
    /* color: var(--bs-body-color); */
    background-color: #e9fafd;
    border-color: #337ab7;
    /* outline: 0; */
    box-shadow: inset 0 0 0 1px #337ab7;
}

select option,
select optgroup {
    background: white;
}

/*Background colors - BEGIN*/
.mg-bg-primary {
    background-color: #337ab7  !important;
}

.mg-bg-secondary {
    background-color: #8d98a3  !important;
}

.mg-bg-success {
    background-color: #5cb85c  !important;
}

.mg-bg-warning {
    color: white  !important;
    background-color: #f0ad4e  !important;
}

.mg-bg-danger {
    color: white  !important;
    background-color: #d9534f  !important;
}

.mg-bg-info {
    color: white  !important;
    background-color: #5bc0de  !important;
}

.mg-bg-dark {
    color: white  !important;
    background-color: #2f3337  !important;
}
/*Background colors - END*/


/*Text colors - BEGIN*/
.mg-text-primary {
    color: #337ab7  !important;
}

.mg-text-secondary {
    color: #6c757d  !important;
}

.mg-text-success {
    color: #5cb85c  !important;
}

.mg-text-danger {
    color: #d9534f  !important;
}

.mg-text-warning {
    color: #f0ad4e  !important;
}

.mg-text-info {
    color: #5bc0de  !important;
}

.mg-text-dark {
    color: #2f3337  !important;
}
/*Text colors - END*/


/*Buttons - BEGIN*/
/*mg-btn-primary*/
.mg-btn-primary {
    /* text-transform: capitalize !important; */
    color: white !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.mg-btn-primary:hover {
    color: white !important;
    background-color: #286090  !important;
    border-color: #286090  !important;
}

.mg-btn-primary:focus,
.mg-btn-primary.focus {
    box-shadow: 0 0 0 .1rem rgba(51, 122, 183, 0.5) !important;
}

.mg-btn-primary.disabled,
.mg-btn-primary:disabled {
    color: white !important;
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
}

.mg-btn-primary:not(:disabled):not(.disabled):active,
.mg-btn-primary:not(:disabled):not(.disabled).active,
.show>.mg-btn-primary.dropdown-toggle {
    color: white !important;
    background-color: #7ba9d0 !important;
    border-color: #7ba9d0 !important;
}

.mg-btn-primary:not(:disabled):not(.disabled):active:focus,
.mg-btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(51, 122, 183, 0.5) !important;
}

.mg-btn-outline-primary {
    color: #337ab7 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #337ab7 !important;
}

.mg-btn-outline-primary:hover {
    color: white !important;
    background-color: #286090  !important;
    border-color: #337ab7 !important;
}

.mg-btn-outline-primary:focus,
.mg-btn-outline-primary.focus {
    box-shadow: 0 0 0 .1rem rgba(40, 96, 144, 0.5)
}

.mg-btn-outline-primary.disabled,
.mg-btn-outline-primary:disabled {
    color: #337ab7 !important;
    background-color: transparent !important;
}

.mg-btn-outline-primary:not(:disabled):not(.disabled):active,
.mg-btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-primary.dropdown-toggle {
    color: white !important;
    background-color: #286090  !important;
    border-color: #337ab7 !important;
}

.mg-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(40, 96, 144, 0.5) !important;
}


/*mg-btn-secondary*/
.mg-btn-secondary {
    color: white !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.mg-btn-secondary:hover {
    color: white !important;
    background-color: #5c636a  !important;
    border-color: #5c636a  !important;
}

.mg-btn-secondary:focus,
.mg-btn-secondary.focus {
    box-shadow: 0 0 0 .1rem rgba(108, 117, 125, 0.5) !important;
}

.mg-btn-secondary.disabled,
.mg-btn-secondary:disabled {
    color: white !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.mg-btn-secondary:not(:disabled):not(.disabled):active,
.mg-btn-secondary:not(:disabled):not(.disabled).active,
.show>.mg-btn-secondary.dropdown-toggle {
    color: white !important;
    background-color: #a0a6ab !important;
    border-color: #a0a6ab !important;
}

.mg-btn-secondary:not(:disabled):not(.disabled):active:focus,
.mg-btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(108, 117, 125, 0.5) !important;
}

.mg-btn-outline-secondary {
    color: #6c757d !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #6c757d !important;
}

.mg-btn-outline-secondary:hover {
    color: white !important;
    background-color: #5c636a  !important;
    border-color: #6c757d !important;
}

.mg-btn-outline-secondary:focus,
.mg-btn-outline-secondary.focus {
    box-shadow: 0 0 0 .1rem rgba(92, 99, 106, 0.5)
}

.mg-btn-outline-secondary.disabled,
.mg-btn-outline-secondary:disabled {
    color: #6c757d !important;
    background-color: transparent !important;
}

.mg-btn-outline-secondary:not(:disabled):not(.disabled):active,
.mg-btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-secondary.dropdown-toggle {
    color: white !important;
    background-color: #5c636a  !important;
    border-color: #6c757d !important;
}

.mg-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(92, 99, 106, 0.5) !important;
}


/*mg-btn-success*/
.mg-btn-success {
    color: white !important;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.mg-btn-success:hover {
    color: white !important;
    background-color: #449d44  !important;
    border-color: #449d44  !important;
}

.mg-btn-success:focus,
.mg-btn-success.focus {
    box-shadow: 0 0 0 .1rem rgba(92, 184, 92, 0.5) !important;
}

.mg-btn-success.disabled,
.mg-btn-success:disabled {
    color: white !important;
    background-color: #5cb85c !important;
    border-color: #5cb85c !important;
}

.mg-btn-success:not(:disabled):not(.disabled):active,
.mg-btn-success:not(:disabled):not(.disabled).active,
.show>.mg-btn-success.dropdown-toggle {
    color: white !important;
    background-color: #96d196 !important;
    border-color: #96d196 !important;
}

.mg-btn-success:not(:disabled):not(.disabled):active:focus,
.mg-btn-success:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(92, 184, 92, 0.5) !important;
}

.mg-btn-outline-success {
    color: #5cb85c !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #5cb85c !important;
}

.mg-btn-outline-success:hover {
    color: white !important;
    background-color: #449d44  !important;
    border-color: #5cb85c !important;
}

.mg-btn-outline-success:focus,
.mg-btn-outline-success.focus {
    box-shadow: 0 0 0 .1rem rgba(68, 157, 68, 0.5)
}

.mg-btn-outline-success.disabled,
.mg-btn-outline-success:disabled {
    color: #5cb85c !important;
    background-color: transparent !important;
}

.mg-btn-outline-success:not(:disabled):not(.disabled):active,
.mg-btn-outline-success:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-success.dropdown-toggle {
    color: white !important;
    background-color: #449d44  !important;
    border-color: #5cb85c !important;
}

.mg-btn-outline-success:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(68, 157, 68, 0.5) !important;
}

/*mg-btn-info*/
.mg-btn-info {
    color: white !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

.mg-btn-info:hover {
    color: white !important;
    background-color: #31b0d5  !important;
    border-color: #31b0d5  !important;
}

.mg-btn-info:focus,
.mg-btn-info.focus {
    box-shadow: 0 0 0 .1rem rgba(91, 192, 222, 0.5) !important;
}

.mg-btn-info.disabled,
.mg-btn-info:disabled {
    color: white !important;
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

.mg-btn-info:not(:disabled):not(.disabled):active,
.mg-btn-info:not(:disabled):not(.disabled).active,
.show>.mg-btn-info.dropdown-toggle {
    color: white !important;
    background-color: #95d6ea !important;
    border-color: #95d6ea !important;
}

.mg-btn-info:not(:disabled):not(.disabled):active:focus,
.mg-btn-info:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(91, 192, 222, 0.5) !important;
}

.mg-btn-outline-info {
    color: #5bc0de !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #5bc0de !important;
}

.mg-btn-outline-info:hover {
    color: white !important;
    background-color: #31b0d5  !important;
    border-color: #5bc0de !important;
}

.mg-btn-outline-info:focus,
.mg-btn-outline-info.focus {
    box-shadow: 0 0 0 .1rem rgba(49, 176, 213, 0.5)
}

.mg-btn-outline-info.disabled,
.mg-btn-outline-info:disabled {
    color: #5bc0de !important;
    background-color: transparent !important;
}

.mg-btn-outline-info:not(:disabled):not(.disabled):active,
.mg-btn-outline-info:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-info.dropdown-toggle {
    color: white !important;
    background-color: #31b0d5  !important;
    border-color: #5bc0de !important;
}

.mg-btn-outline-info:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(49, 176, 213, 0.5) !important;
}



/*mg-btn-warning*/
.mg-btn-warning {
    color: white !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

.mg-btn-warning:hover {
    color: white !important;
    background-color: #ec971f  !important;
    border-color: #ec971f  !important;
}

.mg-btn-warning:focus,
.mg-btn-warning.focus {
    box-shadow: 0 0 0 .1rem rgba(240, 173, 78, 0.5) !important;
}

.mg-btn-warning.disabled,
.mg-btn-warning:disabled {
    color: white !important;
    background-color: #f0ad4e !important;
    border-color: #f0ad4e !important;
}

.mg-btn-warning:not(:disabled):not(.disabled):active,
.mg-btn-warning:not(:disabled):not(.disabled).active,
.show>.mg-btn-warning.dropdown-toggle {
    color: white !important;
    background-color: #f5ca8c !important;
    border-color: #f5ca8c !important;
}

.mg-btn-warning:not(:disabled):not(.disabled):active:focus,
.mg-btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(240, 173, 78, 0.5) !important;
}

.mg-btn-outline-warning {
    color: #f0ad4e !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #f0ad4e !important;
}

.mg-btn-outline-warning:hover {
    color: white !important;
    background-color: #ec971f  !important;
    border-color: #f0ad4e !important;
}

.mg-btn-outline-warning:focus,
.mg-btn-outline-warning.focus {
    box-shadow: 0 0 0 .1rem rgba(236, 151, 31, 0.5)
}

.mg-btn-outline-warning.disabled,
.mg-btn-outline-warning:disabled {
    color: #f0ad4e !important;
    background-color: transparent !important;
}

.mg-btn-outline-warning:not(:disabled):not(.disabled):active,
.mg-btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-warning.dropdown-toggle {
    color: white !important;
    background-color: #ec971f  !important;
    border-color: #f0ad4e !important;
}

.mg-btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(236, 151, 31, 0.5) !important;
}


/*mg-btn-danger*/
.mg-btn-danger {
    color: white !important;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.mg-btn-danger:hover {
    color: white !important;
    background-color: #c9302c  !important;
    border-color: #c9302c  !important;
}

.mg-btn-danger:focus,
.mg-btn-danger.focus {
    box-shadow: 0 0 0 .1rem rgba(217, 83, 79, 0.5) !important;
}

.mg-btn-danger.disabled,
.mg-btn-danger:disabled {
    color: white !important;
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

.mg-btn-danger:not(:disabled):not(.disabled):active,
.mg-btn-danger:not(:disabled):not(.disabled).active,
.show>.mg-btn-danger.dropdown-toggle {
    color: white !important;
    background-color: #e6908d !important;
    border-color: #e6908d !important;
}

.mg-btn-danger:not(:disabled):not(.disabled):active:focus,
.mg-btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(217, 83, 79, 0.5) !important;
}

.mg-btn-outline-danger {
    color: #d9534f !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #d9534f !important;
}

.mg-btn-outline-danger:hover {
    color: white !important;
    background-color: #c9302c  !important;
    border-color: #d9534f !important;
}

.mg-btn-outline-danger:focus,
.mg-btn-outline-danger.focus {
    box-shadow: 0 0 0 .1rem rgba(201, 48, 44, 0.5)
}

.mg-btn-outline-danger.disabled,
.mg-btn-outline-danger:disabled {
    color: #d9534f !important;
    background-color: transparent !important;
}

.mg-btn-outline-danger:not(:disabled):not(.disabled):active,
.mg-btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-danger.dropdown-toggle {
    color: white !important;
    background-color: #c9302c  !important;
    border-color: #d9534f !important;
}

.mg-btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(201, 48, 44, 0.5) !important;
}


/*mg-btn-dark*/
.mg-btn-dark {
    color: white !important;
    background-color: #2f3337 !important;
    border-color: #2f3337 !important;
}

.mg-btn-dark:hover {
    color: white !important;
    background-color: #232629  !important;
    border-color: #232629  !important;
}

.mg-btn-dark:focus,
.mg-btn-dark.focus {
    box-shadow: 0 0 0 .1rem rgba(47, 51, 55, 0.5) !important;
}

.mg-btn-dark.disabled,
.mg-btn-dark:disabled {
    color: white !important;
    background-color: #2f3337 !important;
    border-color: #2f3337 !important;
}

.mg-btn-dark:not(:disabled):not(.disabled):active,
.mg-btn-dark:not(:disabled):not(.disabled).active,
.show>.mg-btn-dark.dropdown-toggle {
    color: white !important;
    background-color: #939698 !important;
    border-color: #939698 !important;
}

.mg-btn-dark:not(:disabled):not(.disabled):active:focus,
.mg-btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(47, 51, 55, 0.5) !important;
}

.mg-btn-outline-dark {
    color: #2f3337 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #2f3337 !important;
}

.mg-btn-outline-dark:hover {
    color: white !important;
    background-color: #232629  !important;
    border-color: #2f3337 !important;
}

.mg-btn-outline-dark:focus,
.mg-btn-outline-dark.focus {
    box-shadow: 0 0 0 .1rem rgba(35, 38, 41, 0.5)
}

.mg-btn-outline-dark.disabled,
.mg-btn-outline-dark:disabled {
    color: #2f3337 !important;
    background-color: transparent !important;
}

.mg-btn-outline-dark:not(:disabled):not(.disabled):active,
.mg-btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-dark.dropdown-toggle {
    color: white !important;
    background-color: #232629  !important;
    border-color: #2f3337 !important;
}

.mg-btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(35, 38, 41, 0.5) !important;
}

/*mg-btn-light*/
.mg-btn-light {
    color: #878e96 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
}

.mg-btn-light:hover {
    color: #2f3337 !important;
    background-color: #c4ceda  !important;
    border-color: #c4ceda  !important;
}

.mg-btn-light:focus,
.mg-btn-light.focus {
    box-shadow: 0 0 0 .1rem rgba(238, 242, 247, 0.5) !important;
}

.mg-btn-light.disabled,
.mg-btn-light:disabled {
    color: #cbced4 !important;
    background-color: #eef2f7 !important;
    border-color: #eef2f7 !important;
}

.mg-btn-light:not(:disabled):not(.disabled):active,
.mg-btn-light:not(:disabled):not(.disabled).active,
.show>.mg-btn-light.dropdown-toggle {
    color: #878e96 !important;
    background-color: #f4f7fa !important;
    border-color: #f4f7fa !important;
}

.mg-btn-light:not(:disabled):not(.disabled):active:focus,
.mg-btn-light:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(238, 242, 247, 0.5) !important;
}

.mg-btn-outline-light {
    color: #878e96 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #eef2f7 !important;
}

.mg-btn-outline-light:hover {
    color: #2f3337 !important;
    background-color: #c4ceda  !important;
    border-color: #eef2f7 !important;
}

.mg-btn-outline-light:focus,
.mg-btn-outline-light.focus {
    box-shadow: 0 0 0 .1rem rgba(196, 206, 218, 0.5)
}

.mg-btn-outline-light.disabled,
.mg-btn-outline-light:disabled {
    color: #cbced4 !important;
    background-color: transparent !important;
}

.mg-btn-outline-light:not(:disabled):not(.disabled):active,
.mg-btn-outline-light:not(:disabled):not(.disabled).active,
.show>.mg-btn-outline-light.dropdown-toggle {
    color: #878e96 !important;
    background-color: #c4ceda  !important;
    border-color: #eef2f7 !important;
}

.mg-btn-outline-light:not(:disabled):not(.disabled):active:focus,
.mg-btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.mg-btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(196, 206, 218, 0.5) !important;
}



/*btn-default*/
/* .btn-default {
    color: #878e96 !important;
    background-color: #eef2f7 !important;
    border-color: #2f3337 !important;
}

.btn-default:hover {
    color: #2f3337 !important;
    background-color: #c4ceda  !important;
    border-color: #2f3337  !important;
}

.btn-default:focus,
.btn-default.focus {
    box-shadow: 0 0 0 .1rem rgba(238, 242, 247, 0.5) !important;
}

.btn-default.disabled,
.btn-default:disabled {
    color: #cbced4 !important;
    background-color: #eef2f7 !important;
    border-color: #2f3337 !important;
}

.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show>.btn-default.dropdown-toggle {
    color: #878e96 !important;
    background-color: #f4f7fa !important;
    border-color: #2f3337 !important;
}

.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(238, 242, 247, 0.5) !important;
}

.btn-outline-default {
    color: #878e96 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #2f3337 !important;
}

.btn-outline-default:hover {
    color: #2f3337 !important;
    background-color: #c4ceda  !important;
    border-color: #2f3337 !important;
}

.btn-outline-default:focus,
.btn-outline-default.focus {
    box-shadow: 0 0 0 .1rem rgba(196, 206, 218, 0.5)
}

.btn-outline-default.disabled,
.btn-outline-default:disabled {
    color: #cbced4 !important;
    background-color: transparent !important;
}

.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show>.btn-outline-default.dropdown-toggle {
    color: #878e96 !important;
    background-color: #c4ceda  !important;
    border-color: #2f3337 !important;
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(196, 206, 218, 0.5) !important;
} */

/*Buttons - END*/


/*Custom text colors*/
.bg-blue {
    background-color: #0d6efd  !important;
}

.text-blue {
    color: #0d6efd  !important;
}

.bg-indigo {
    background-color: #6610f2  !important;
}

.text-indigo {
    color: #6610f2  !important;
}

.bg-purple {
    background-color: #6f42c1  !important;
}

.text-purple {
    color: #6f42c1  !important;
}

.bg-pink {
    background-color: #d63384  !important;
}

.text-pink {
    color: #d63384  !important;
}

.bg-red {
    background-color: #dc3545  !important;
}

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

.bg-orange {
    background-color: #fd7e14  !important;
}

.text-orange {
    color: #fd7e14  !important;
}

.bg-yellow {
    background-color: #ffc107  !important;
}

.text-yellow {
    color: #ffc107  !important;
}

.bg-green {
    background-color: #198754  !important;
}

.text-green {
    color: #198754  !important;
}

.bg-teal {
    background-color: #20c997  !important;
}

.text-teal {
    color: #20c997  !important;
}

.bg-cyan {
    background-color: #0dcaf0  !important;
}

.text-cyan {
    color: #0dcaf0  !important;
}

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

.text-white {
    color: #fff  !important;
}

.bg-gray {
    background-color: #6c757d  !important;
}

.text-gray {
    color: #6c757d  !important;
}

.bg-gray-dark {
    background-color: #343a40  !important;
}

.text-gray-dark {
    color: #343a40  !important;
}

.bg-gray-100 {
    background-color: #f8f9fa  !important;
}

.text-gray-100 {
    color: #f8f9fa  !important;
}

.bg-gray-200 {
    background-color: #e9ecef  !important;
}

.text-gray-200 {
    color: #e9ecef  !important;
}

.bg-gray-300 {
    background-color: #dee2e6  !important;
}

.text-gray-300 {
    color: #dee2e6  !important;
}

.bg-gray-400 {
    background-color: #ced4da  !important;
}

.text-gray-400 {
    color: #ced4da  !important;
}

.bg-gray-500 {
    background-color: #adb5bd  !important;
}

.text-gray-500 {
    color: #adb5bd  !important;
}

.bg-gray-600 {
    background-color: #6c757d  !important;
}

.text-gray-600 {
    color: #6c757d  !important;
}

.bg-gray-700 {
    background-color: #495057  !important;
}

.text-gray-700 {
    color: #495057  !important;
}

.bg-gray-800 {
    background-color: #343a40  !important;
}

.text-gray-800 {
    color: #343a40  !important;
}

.bg-gray-900 {
    background-color: #212529  !important;
}

.text-gray-900 {
    color: #212529  !important;
}

.bg-grey {
    background-color: #6c757d  !important;
}

.text-grey {
    color: #6c757d  !important;
}

.bg-grey-dark {
    background-color: #343a40  !important;
}

.text-grey-dark {
    color: #343a40  !important;
}

.bg-grey-100 {
    background-color: #f8f9fa  !important;
}

.text-grey-100 {
    color: #f8f9fa  !important;
}

.bg-grey-200 {
    background-color: #e9ecef  !important;
}

.text-grey-200 {
    color: #e9ecef  !important;
}

.bg-grey-300 {
    background-color: #dee2e6  !important;
}

.text-grey-300 {
    color: #dee2e6  !important;
}

.bg-grey-400 {
    background-color: #ced4da  !important;
}

.text-grey-400 {
    color: #ced4da  !important;
}

.bg-grey-500 {
    background-color: #adb5bd  !important;
}

.text-grey-500 {
    color: #adb5bd  !important;
}

.bg-grey-600 {
    background-color: #6c757d  !important;
}

.text-grey-600 {
    color: #6c757d  !important;
}

.bg-grey-700 {
    background-color: #495057  !important;
}

.text-grey-700 {
    color: #495057  !important;
}

.bg-grey-800 {
    background-color: #343a40  !important;
}

.text-grey-800 {
    color: #343a40  !important;
}

.bg-grey-900 {
    background-color: #212529  !important;
}

.text-grey-900 {
    color: #212529  !important;
}

.bg-blue-100 {
    background-color: #cfe2ff  !important;
}

.text-blue-100 {
    color: #cfe2ff  !important;
}

.bg-blue-200 {
    background-color: #9ec5fe  !important;
}

.text-blue-200 {
    color: #9ec5fe  !important;
}

.bg-blue-300 {
    background-color: #6ea8fe  !important;
}

.text-blue-300 {
    color: #6ea8fe  !important;
}

.bg-blue-400 {
    background-color: #3d8bfd  !important;
}

.text-blue-400 {
    color: #3d8bfd  !important;
}

.bg-blue-500 {
    background-color: #0d6efd  !important;
}

.text-blue-500 {
    color: #0d6efd  !important;
}

.bg-blue-600 {
    background-color: #0a58ca  !important;
}

.text-blue-600 {
    color: #0a58ca  !important;
}

.bg-blue-700 {
    background-color: #084298  !important;
}

.text-blue-700 {
    color: #084298  !important;
}

.bg-blue-800 {
    background-color: #052c65  !important;
}

.text-blue-800 {
    color: #052c65  !important;
}

.bg-blue-900 {
    background-color: #031633  !important;
}

.text-blue-900 {
    color: #031633  !important;
}

.bg-purple-100 {
    background-color: #c5b3e6  !important;
}

.text-purple-100 {
    color: #c5b3e6  !important;
}

.bg-purple-200 {
    background-color: #e2d9f3  !important;
}

.text-purple-200 {
    color: #e2d9f3  !important;
}

.bg-purple-300 {
    background-color: #a98eda  !important;
}

.text-purple-300 {
    color: #a98eda  !important;
}

.bg-purple-400 {
    background-color: #8c68cd  !important;
}

.text-purple-400 {
    color: #8c68cd  !important;
}

.bg-purple-500 {
    background-color: #6f42c1  !important;
}

.text-purple-500 {
    color: #6f42c1  !important;
}

.bg-purple-600 {
    background-color: #59359a  !important;
}

.text-purple-600 {
    color: #59359a  !important;
}

.bg-purple-700 {
    background-color: #432874  !important;
}

.text-purple-700 {
    color: #432874  !important;
}

.bg-purple-800 {
    background-color: #2c1a4d  !important;
}

.text-purple-800 {
    color: #2c1a4d  !important;
}

.bg-purple-900 {
    background-color: #160d27  !important;
}

.text-purple-900 {
    color: #160d27  !important;
}

.bg-indigo-100 {
    background-color: #e0cffc  !important;
}

.text-indigo-100 {
    color: #e0cffc  !important;
}

.bg-indigo-200 {
    background-color: #c29ffa  !important;
}

.text-indigo-200 {
    color: #c29ffa  !important;
}

.bg-indigo-300 {
    background-color: #a370f7  !important;
}

.text-indigo-300 {
    color: #a370f7  !important;
}

.bg-indigo-400 {
    background-color: #8540f5  !important;
}

.text-indigo-400 {
    color: #8540f5  !important;
}

.bg-indigo-500 {
    background-color: #6610f2  !important;
}

.text-indigo-500 {
    color: #6610f2  !important;
}

.bg-indigo-600 {
    background-color: #520dc2  !important;
}

.text-indigo-600 {
    color: #520dc2  !important;
}

.bg-indigo-700 {
    background-color: #3d0a91  !important;
}

.text-indigo-700 {
    color: #3d0a91  !important;
}

.bg-indigo-800 {
    background-color: #290661  !important;
}

.text-indigo-800 {
    color: #290661  !important;
}

.bg-indigo-900 {
    background-color: #140330  !important;
}

.text-indigo-900 {
    color: #140330  !important;
}

.bg-pink-100 {
    background-color: #f7d6e6  !important;
}

.text-pink-100 {
    color: #f7d6e6  !important;
}

.bg-pink-200 {
    background-color: #efadce  !important;
}

.text-pink-200 {
    color: #efadce  !important;
}

.bg-pink-300 {
    background-color: #e685b5  !important;
}

.text-pink-300 {
    color: #e685b5  !important;
}

.bg-pink-400 {
    background-color: #de5c9d  !important;
}

.text-pink-400 {
    color: #de5c9d  !important;
}

.bg-pink-500 {
    background-color: #d63384  !important;
}

.text-pink-500 {
    color: #d63384  !important;
}

.bg-pink-600 {
    background-color: #ab296a  !important;
}

.text-pink-600 {
    color: #ab296a  !important;
}

.bg-pink-700 {
    background-color: #801f4f  !important;
}

.text-pink-700 {
    color: #801f4f  !important;
}

.bg-pink-800 {
    background-color: #561435  !important;
}

.text-pink-800 {
    color: #561435  !important;
}

.bg-pink-900 {
    background-color: #2b0a1a  !important;
}

.text-pink-900 {
    color: #2b0a1a  !important;
}

.bg-red-100 {
    background-color: #f8d7da  !important;
}

.text-red-100 {
    color: #f8d7da  !important;
}

.bg-red-200 {
    background-color: #f1aeb5  !important;
}

.text-red-200 {
    color: #f1aeb5  !important;
}

.bg-red-300 {
    background-color: #ea868f  !important;
}

.text-red-300 {
    color: #ea868f  !important;
}

.bg-red-400 {
    background-color: #e35d6a  !important;
}

.text-red-400 {
    color: #e35d6a  !important;
}

.bg-red-500 {
    background-color: #dc3545  !important;
}

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

.bg-red-600 {
    background-color: #b02a37  !important;
}

.text-red-600 {
    color: #b02a37  !important;
}

.bg-red-700 {
    background-color: #842029  !important;
}

.text-red-700 {
    color: #842029  !important;
}

.bg-red-800 {
    background-color: #58151c  !important;
}

.text-red-800 {
    color: #58151c  !important;
}

.bg-red-900 {
    background-color: #2c0b0e  !important;
}

.text-red-900 {
    color: #2c0b0e  !important;
}

.bg-orange-100 {
    background-color: #ffe5d0  !important;
}

.text-orange-100 {
    color: #ffe5d0  !important;
}

.bg-orange-200 {
    background-color: #fecba1  !important;
}

.text-orange-200 {
    color: #fecba1  !important;
}

.bg-orange-300 {
    background-color: #feb272  !important;
}

.text-orange-300 {
    color: #feb272  !important;
}

.bg-orange-400 {
    background-color: #fd9843  !important;
}

.text-orange-400 {
    color: #fd9843  !important;
}

.bg-orange-500 {
    background-color: #fd7e14  !important;
}

.text-orange-500 {
    color: #fd7e14  !important;
}

.bg-orange-600 {
    background-color: #ca6510  !important;
}

.text-orange-600 {
    color: #ca6510  !important;
}

.bg-orange-700 {
    background-color: #984c0c  !important;
}

.text-orange-700 {
    color: #984c0c  !important;
}

.bg-orange-800 {
    background-color: #653208  !important;
}

.text-orange-800 {
    color: #653208  !important;
}

.bg-orange-900 {
    background-color: #331904  !important;
}

.text-orange-900 {
    color: #331904  !important;
}

.bg-yellow-100 {
    background-color: #fff3cd  !important;
}

.text-yellow-100 {
    color: #fff3cd  !important;
}

.bg-yellow-200 {
    background-color: #ffe69c  !important;
}

.text-yellow-200 {
    color: #ffe69c  !important;
}

.bg-yellow-300 {
    background-color: #ffda6a  !important;
}

.text-yellow-300 {
    color: #ffda6a  !important;
}

.bg-yellow-400 {
    background-color: #ffcd39  !important;
}

.text-yellow-400 {
    color: #ffcd39  !important;
}

.bg-yellow-500 {
    background-color: #ffc107  !important;
}

.text-yellow-500 {
    color: #ffc107  !important;
}

.bg-yellow-600 {
    background-color: #cc9a06  !important;
}

.text-yellow-600 {
    color: #cc9a06  !important;
}

.bg-yellow-700 {
    background-color: #997404  !important;
}

.text-yellow-700 {
    color: #997404  !important;
}

.bg-yellow-800 {
    background-color: #664d03  !important;
}

.text-yellow-800 {
    color: #664d03  !important;
}

.bg-yellow-900 {
    background-color: #332701  !important;
}

.text-yellow-900 {
    color: #332701  !important;
}

.bg-green-100 {
    background-color: #d1e7dd  !important;
}

.text-green-100 {
    color: #d1e7dd  !important;
}

.bg-green-200 {
    background-color: #a3cfbb  !important;
}

.text-green-200 {
    color: #a3cfbb  !important;
}

.bg-green-300 {
    background-color: #75b798  !important;
}

.text-green-300 {
    color: #75b798  !important;
}

.bg-green-400 {
    background-color: #479f76  !important;
}

.text-green-400 {
    color: #479f76  !important;
}

.bg-green-500 {
    background-color: #198754  !important;
}

.text-green-500 {
    color: #198754  !important;
}

.bg-green-600 {
    background-color: #146c43  !important;
}

.text-green-600 {
    color: #146c43  !important;
}

.bg-green-700 {
    background-color: #0f5132  !important;
}

.text-green-700 {
    color: #0f5132  !important;
}

.bg-green-800 {
    background-color: #0a3622  !important;
}

.text-green-800 {
    color: #0a3622  !important;
}

.bg-green-900 {
    background-color: #051b11  !important;
}

.text-green-900 {
    color: #051b11  !important;
}

.bg-teal-100 {
    background-color: #d2f4ea  !important;
}

.text-teal-100 {
    color: #d2f4ea  !important;
}

.bg-teal-200 {
    background-color: #a6e9d5  !important;
}

.text-teal-200 {
    color: #a6e9d5  !important;
}

.bg-teal-300 {
    background-color: #79dfc1  !important;
}

.text-teal-300 {
    color: #79dfc1  !important;
}

.bg-teal-400 {
    background-color: #4dd4ac  !important;
}

.text-teal-400 {
    color: #4dd4ac  !important;
}

.bg-teal-500 {
    background-color: #20c997  !important;
}

.text-teal-500 {
    color: #20c997  !important;
}

.bg-teal-600 {
    background-color: #1aa179  !important;
}

.text-teal-600 {
    color: #1aa179  !important;
}

.bg-teal-700 {
    background-color: #13795b  !important;
}

.text-teal-700 {
    color: #13795b  !important;
}

.bg-teal-800 {
    background-color: #0d503c  !important;
}

.text-teal-800 {
    color: #0d503c  !important;
}

.bg-teal-900 {
    background-color: #06281e  !important;
}

.text-teal-900 {
    color: #06281e  !important;
}

.bg-cyan-100 {
    background-color: #cff4fc  !important;
}

.text-cyan-100 {
    color: #cff4fc  !important;
}

.bg-cyan-200 {
    background-color: #9eeaf9  !important;
}

.text-cyan-200 {
    color: #9eeaf9  !important;
}

.bg-cyan-300 {
    background-color: #6edff6  !important;
}

.text-cyan-300 {
    color: #6edff6  !important;
}

.bg-cyan-400 {
    background-color: #3dd5f3  !important;
}

.text-cyan-400 {
    color: #3dd5f3  !important;
}

.bg-cyan-500 {
    background-color: #0dcaf0  !important;
}

.text-cyan-500 {
    color: #0dcaf0  !important;
}

.bg-cyan-600 {
    background-color: #0aa2c0  !important;
}

.text-cyan-600 {
    color: #0aa2c0  !important;
}

.bg-cyan-700 {
    background-color: #087990  !important;
}

.text-cyan-700 {
    color: #087990  !important;
}

.bg-cyan-800 {
    background-color: #055160  !important;
}

.text-cyan-800 {
    color: #055160  !important;
}

.bg-cyan-900 {
    background-color: #032830  !important;
}

.text-cyan-900 {
    color: #032830  !important;
}