/* put your own styles to customize and override the theme */
.app-header {
   background-image: url('../images/lcr_motif-rouge.jpg');

}

/*.custom-border-bottom-primary {*/
/*    border-bottom: solid #E5352C;*/
/*}*/
/*.custom-border-top-primary {*/
/*    border-top: solid #E5352C;*/
/*}*/

:root {
    --primary: #E5352C;
    --secondary: #646466;
    --accent: #B1B3B4;
    --success: #646466;
}

/*####################################################################################################################*/
/*PRIMARY*/
/*####################################################################################################################*/

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #c6d6e9;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #95b3d6;
}

.table-hover .table-primary:hover {
    background-color: #b4c9e2;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #b4c9e2;
}

.btn-primary {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
}

.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

/*####################################################################################################################*/
/*SUCCESS*/
/*####################################################################################################################*/

.table-success,
.table-success > th,
.table-success > td {
    background-color: #B1B3B4;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #B1B3B4;
}

.table-hover .table-success:hover {
    background-color: #B1B3B4;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #B1B3B4;
}

.btn-success {
    color: #ffffff;
    background-color: #646466;
    border-color: #646466;
}

.btn-success:hover {
    color: #ffffff;
    background-color: #494949;
    border-color: #494949;
}

.btn-success:focus, .btn-success.focus {
    color: #ffffff;
    background-color: #494949;
    border-color: #494949;
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #ffffff;
    background-color: #646466;
    border-color: #646466;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #494949;
    border-color: #494949;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

.btn-outline-success {
    color: #E5352C;
    border-color: #E5352C;
}

.btn-outline-success:hover {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 1px rgba(52, 108, 176, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #E5352C;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(52, 108, 176, 0.5);
}

/*####################################################################################################################*/
/*DANGER*/
/*####################################################################################################################*/

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #c6d6e9;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #95b3d6;
}

.table-hover .table-danger:hover {
    background-color: #b4c9e2;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #b4c9e2;
}

.btn-danger {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-danger:hover {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
}

.btn-danger:focus, .btn-danger.focus {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #ffffff;
    background-color: #E5352C;
    border-color: #E5352C;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #ffffff;
    background-color: #7f0000;
    border-color: #7f0000;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(82, 130, 188, 0.5);
}

/*####################################################################################################################*/
/*WIP*/
/*####################################################################################################################*/
.bg-primary {
    background-color: #E5352C !important;
}
.bg-secondary {
    background-color: #646466 !important;
}
.bg-accent {
     background-color: #B1B3B4 !important;
 }


.pointerCursor {
    cursor: pointer;
}