#footerbtn {
    border-radius: 0;
}

.disponible {
    color: #3FD95D;
}

.indisponible {
    color: #c70017;
}

.disponible, .indisponible {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-body .form-group label {
    font-weight: bold;
}

.mission_box {
    padding: 5em 10% 5em 10%;
}

.mission-row{
    border-top-right-radius: 2em;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
}

#photo-carousel img{
    height: 400px;
}
#photo-carousel .carousel-control-next, #photo-carousel .carousel-control-prev {
    filter: invert(100%);
}


.mission-header {
    padding: 0.5em;
    /*background-color: #0f203d;
    color: white;*/
    background-color: #f3f3f3;
    color: #333;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, .2);
}

.mission-body {
    text-align: center;
    padding: 3em;
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.mission-body ul {
    display: block;
    text-align: center;
    padding: 0;
    margin-bottom: 0.5em;
}

.mission-body ul > li {
    text-decoration: none;
    display: inline;
    padding: 0 1em 0.5em 1em;
}

.mission-body > .tinydescr {
    padding-top: 1em;
    text-align: left;
}

.mission-footer {
    text-decoration: none;
    color: white;
    background-color: #0f203d;
    padding: 1em;
    border: 3px solid #0f203d;
    transition: 0.2s
}

.mission-footer:hover {
    color: white;
    text-decoration: none;
    background-color: #c70017;
    border: 3px solid #c70017;
}

.mission-footer-edit {
    background-color: orange;
    border: 3px solid orange;
}

.mission-footer-edit:hover {
    background-color: darkorange;
    border: 3px solid darkorange;
}

.photoFooter {
    padding: 6em;
    background-size: cover;
}

.card-text {
    padding-bottom: 1em;
    margin: 0;
}

/** MODAL **/
.modal-header {
    background-color: #0f203d;
    color: white;
    border-bottom: 5px solid #c70017;
}

.modal-content {
    border: none;
}

.actions {
    width: 100%;
}

.createmission-form .row {
    margin-top: 1em;
}

#alert_missions {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}

.justify-content-between div {
    padding-left: 10px;
    padding-right: 10px;
}

/* CANDIDATURES */
.list-group-item.active {
    background-color: #0f203d;
    border-color: #0f203d;
    border-bottom: 5px #c70017 solid;
}

.header-postu {
    background-color: #0f203d;
    border-color: #0f203d;
    border-bottom: 5px #c70017 solid;
    color: white;
    margin: 0;
    padding: 1em;
}

.subheader-postu {
    border-color: #f3f3f3;
    color: white;
    margin: 0;
    padding: 0.5em;
    background-color: #f3f3f3;
    color: #333;
    border-bottom: 1px solid lightgrey;
}

.list-group.border {
    padding-right: 0;
}

.checkable {
    cursor: pointer;
}

.statut_postulation {
    margin: 1em;
}

.alert-warning {
    margin-bottom: 0;
    border-radius: 0;
}

/** MEDIA SCREEN **/
@media screen and (max-width: 800px) {
    .etat {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        border-top: 1px solid rgba(0, 0, 0, .3);
    }

    .candidaturetat {
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .3);
    }

    .mission_box_grid {
        display: block;
    }

    .item {
        margin-bottom: 2em;
    }
}