html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

h3 {
    font-family: 'Comic Sans MS';
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.background-car{
    background:url("/img/image_banniere_1.jpg");
    background-size:cover;
    height: calc(100vh - 60px)
}

.background-black{
    background-color:rgba(0,0,0,0.7);
    background-size:cover;
    height: calc(100vh - 60px);
}

.margin-top-calendar{
    padding-top: calc((100vh - 60px - 605px) / 2);
}

.fc-timeline-bg-harness {
    background-color: #c7c7c7;
}

.fc-datagrid-cell-frame, .fc-timeline-lane-frame {
    border-bottom: 1px solid #000;
}
table {
    border-collapse: separate !important;
}

.border-radius-15 {
    border-radius: 15px;
}

.arrowNavigation {
    font-size: 40px;
    color: #198754;
    cursor:pointer;
}

.pastilleDate{
    font-weight:500;
    font-size:18px;
    margin-bottom:4px;
}

.pastilleStatus {
    border: 2px solid lightgray;
    border-radius: 5px;
    cursor: pointer;
    padding:4px;
}

.color-red{
    color:red;
}

.pastilleStatus:hover {
    background-color:#edecec;
}

.pastilleStatusClosed {
    cursor: not-allowed !important;
    background-color: #dfcccc !important;
}

.pastilleStatusClosed:hover {
    background-color: #dfcccc !important;
}

.pastilleDate:first-letter {
    text-transform: uppercase;
}

.btnBack {
    padding: 0.375rem 0.75rem;
    cursor:pointer;
}

.btnBack:hover{
    text-decoration:underline;
}

.fs-7{
    font-size:14px;
}

@media only screen and (max-width: 600px) {
    .margin-top-calendar {
        padding-top: calc((100vh - 60px -500px) / 2);
    }
    h3{
        font-size:40px;
        text-align:center
            
    }
    .fc-toolbar{
        text-align:center !important;
        display:block !important;
    }
    .fc-toolbar-chunk{
        margin-bottom:10px;
    }
}