:root {
    --dida-blue: #375F9B;       /** 20% **/
    --dida-blue-sky: #5EAADB;   /** 10% **/
    --dida-green: #78BFB8;      /** 20% **/
    --dida-yellow: #F0BC5C;     /** 10% **/
    --dida-red: #EB5C5C;        /** 10% **/
    --dida-grey: #F0F0F0;       /** 30% **/
    --dida-blue-tab: #f8f9fe;
    --dida-blue-hover: #e8eaf6;
    --dida-white: #ffffff;
    --dida-black: #0D0D0D;
}
.main-container {
    position: relative;
}
.main-container:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../media/motif-fond-cahier.svg");
    background-position: center center;
    background-repeat: repeat;
    background-size: auto;
    opacity: 0.1;
    z-index: -1;
}
.body-container {
    position: relative;
}
.body-container:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.5;
    z-index: -1;
}
.btn-blue, .bg-blue {
    background-color: var(--dida-blue) !important;
    color: var(--dida-white) !important;
}
.btn-blue-sky, .bg-blue-sky {
    background-color: var(--dida-blue-sky) !important;
}
.btn-green, .bg-green {
    background-color: var(--dida-green) !important;
    color: var(--dida-white) !important;
}
.btn-yellow, .bg-yellow {
    background-color: var(--dida-yellow) !important;
}
.btn-red, .bg-red {
    background-color: var(--dida-red) !important;
}
.btn-grey, .bg-grey {
    background-color: var(--dida-grey) !important;
}


.fc-blue {
    color: var(--dida-blue) !important;
}
.fc-blue-sky {
    color: var(--dida-blue-sky) !important;
}
.fc-green {
    color: var(--dida-green) !important;
}
.fc-yellow {
    color: var(--dida-yellow) !important;
}
.fc-red {
    color: var(--dida-red) !important;
}
.fc-grey {
    color: var(--dida-grey) !important;
}
.fc-white {
    color: var(--dida-white) !important;
}
.fc-black {
    color: var(--dida-black) !important;
}

.border-blue {
    border-color: var(--dida-blue) !important;
}
.border-blue-sky {
    border-color: var(--dida-blue-sky) !important;
}
.border-green {
    border-color: var(--dida-green) !important;
}
.border-yellow {
    border-color: var(--dida-yellow) !important;
}
.border-red {
    border-color: var(--dida-red) !important;
}
.border-grey {
    border-color: var(--dida-grey) !important;
}
.border-white {
    border-color: var(--dida-white) !important;
}
.border-black {
    border-color: var(--dida-black) !important;
}

.fs-7 {
    font-size: 0.9rem;
}
.fs-8 {
    font-size: 0.8rem;
}
.fs-9 {
    font-size: 0.7rem;
}
.fs-10 {
    font-size: 0.6rem;
}

h1 {
    color: var(--dida-blue) !important;
}

/**
 * Availabilities's table
 */
table.availabilities tr td.availability{
    padding:0;
    position: relative;
}
table.availabilities tr td.availability .availability_checkbox{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #FFAB91;
}
table.availabilities tr td.availability .availability_checkbox label{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
}
table.availabilities tr td.availability .availability_checkbox.checked{
    background: #B2FF59;
}
table.availabilities tr td.availability .availability_checkbox.checked .is_not_available{
    display:none;
}
table.availabilities tr td.availability .availability_checkbox.checked .is_available{
    display:block;
}
table.availabilities tr td.availability .availability_checkbox .is_available{
    display:none;
}
table.availabilities tr td.availability .availability_checkbox .is_not_available{
    display:block;
}

.table {
    color : var(--dida-blue) !important;
    --bs-table-hover-color: var(--dida-blue) !important;
    --bs-table-hover-bg : var(--dida-blue-hover) !important;
}
.table>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--dida-blue-tab) !important;
    color: var(--dida-blue) !important;
}
.table>tbody>tr:hover:nth-of-type(odd)>* {
    color: var(--dida-blue) !important;
    --bs-table-accent-bg : var(--dida-blue-hover) !important;
}


.form-control, .alert,input, select {
    border-radius: unset !important;
}
.btn, button {
    font-weight: bolder;
    text-transform: lowercase;
}
.btn:first-letter, button:first-letter {
    text-transform: uppercase;
}
/**
 * List-group improvement
 */
.list-group{
    height: 500px;
    overflow-y: auto;
}
.pointer-event-none {
    pointer-events: none;
}