/**
    Computer and pad format for deficamarche
 */

:root {
    --blue: #2f3c65;
    --yellow: #f9ad1a;
    --grey: #c7d0d9ff;
    --rouge: #ff0000;
}

* {
    box-sizing: border-box;
    margin: 0;
}

body {
    font-family: Tahoma, Raleway, sans-serif;
}
.messagebox_buttons_button{
    height: 30px;
    border-radius: 20px;
    background-color: #f9ad1a;

}
.big {
    font-size: 1.5em;
}
.bold{
    font-weight: 900;
}

.smalltext {
    font-size: .9em;
}

.nobold {
    font-weight: 100;
}

.center {
    margin: 0 auto;
}


/* ---------------- */


/* Colors */


/* ---------------- */

.rouge {
    color: red;
}

.bleu {
    color: blue;
}

.orange {
    color: orange;
}

.vert {
    color: green;
}

rouge {
    color: red;
}

bleu {
    color: blue;
}

orange {
    color: orange;
}

vert {
    color: green;
}

.bg-red {
    background-color: red;
    color: #2f3c65;
}
.bg-redp {
    color: black;
    background-color: rgb(242, 151, 151);
}
.bg-qcblue {
    background-color: #2f3c65;
}

.bg-qclblue {
    background-color: #8b97b1;
}

.bg-qcyellow {
    background-color: #f9ad1a;
}
.bg-qcyellowp {
    background-color: #f9ad8a;
}

.bg-qcgrey {
    background-color: #c8c8c8;
    /* background-color: #c7d0d9ff; */
}
.bg-vert {
    background-color: rgb(102, 237, 176);
    color: black;
}

.qcblue {
    color: #2f3c65;
}

.qcyellow {
    color: #f9ad1a;
}

.qcgrey {
    color: #c8c8c8;
    /* color: #c7d0d9ff; */
}

/* ---------------- */


/* Buttons */

.btn-rounded {
    /*            width: 80px;
            height: 30px;
            background-color: #EE6D1E;
            margin: 20px;
            */
    border-radius: 15px;
}

.btn-rounded-small {
    height: 15px;
    border-radius: 5px;
}


/* ---------------- */


/* Tables */


/* ---------------- */

td.right {
    text-align: right;
    margin-right: 1em;
}

td.center {
    text-align: center;
}

td.left {
    text-align: left;
    margin-left: 1em;
}


/* even and odd table rows alternate color */

tr.odd {
    background-color: #E6E6FA;
}

tr.evn {
    background-color: #C0BFAF;
}

hr {
    margin-left: auto;
    /* margin-right: auto; */
    /* width: 80%; */
    border: 0px solid grey;
    border-radius: 10px;
}

.modal {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.hide {
    display:none
}

/* ---------------- */


/* Map */


/* ---------------- */

#mapId {
    /* grid-area: map; */
    /* position: relative; */
    width: 100%;
}