.text-secteur {
    color: #D22D2D;
}

.text-relais {
    color: #F4B400;
}

.btn-evenement {
    color: #fff !important;
    background-color: #43c3d7 !important;
    border-color: #43c3d7 !important;
}

.btn-evenement:hover {
    color: #fff;
    background-color: #54d2e6;
    border-color: #54d2e6;
}

.text-evenement {
    color: #43c3d7;
}

#myd_map {
    /* position: absolute;
top: 0;
bottom: 0;*/
    width: 100%;
    height: 100%;
}

/* SIDEBARS ET MAIN PAGE */
#sidebar-left,
#main-page {
    position: absolute;
    width: 500px;
    transition: all 0.3s ease;
    z-index: 2;
    height: 100%;
}

#sidebar-left {
    left: -500px;
}

#sidebar-left.moved {
    left: 0;
}

#sidebar-left-sticky.moved {
    left: 500px;
}

#sidebar-left-sticky {
    position: absolute;
    z-index: 1;
    top: 10px;
    transition: all 0.3s ease;
    top: 150px;
}

#sidebar-left-sticky {
    left: 0;
    padding-left: 0;
}

#sidebar-left-sticky button.sticky {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

#sidebar-left-sticky button.sticky {
    width: 100px;
    height: 70px;
    border: 0;
    padding: 5px 0px 5px 0px;
    color: #666666;
    font-weight: 400;
}

#sidebar-left-sticky button.sticky.bg-light.active {
    background-color: var(--theme-primary-400) !important;
    color: var(--theme-light) !important;
}

#sidebar-left-sticky button.sticky:hover {
    background-color: var(--theme-primary-200) !important;
    color: var(--theme-light) !important;
}

#sidebar-left-sticky button.sticky i {
    font-size: 1.4rem;
}

#sidebar-left-sticky button.sticky div {
    font-size: 14px;
}

#sidebar-left #filtres-container .card-body,
#resultats-container #result-list {
    overflow-y: auto;
    height: calc(100vh - 200px);
}

#infos-block .infos-content {
    overflow-y: auto;
    height: calc(100vh - 150px) !important;
}

#resultats-container #result-list {
    height: calc(100vh - 330px);
    overflow-x: hidden;
}

#main-page {
    width: calc((100vw - 120px) - 500px);
    left: calc((100vw - 150px) * -1);
}

#main-page.moved {
    left: 500px;
}

/* Pour avoir les dt et dd sur une seule ligne */
dl.inline {
    display: grid;
    grid-template-columns: max-content auto;
}

dl.inline dt {
    grid-column-start: 1;
}

dl.inline dd {
    grid-column-start: 2;
}

#main-page ul {
    list-style-type: none;
    padding-left: 0;
}

#resultats-container>.card-body {
    padding-bottom: 50px;
}

.form-control:focus {
    border-color: var(--theme-info) !important;
}

.has-length .input-group-text {
    border-top-color: var(--theme-info) !important;
    border-right-color: var(--theme-info) !important;
    border-bottom-color: var(--theme-info) !important;
}