:root{
    --sebraetec-blue: #095CA5;
    --sebraetec-blue-variation: #0f699c;
    --sebraetec-green: #014347;
    --green: #4ad395;
}

.box__modal{
    border: 1px solid var(--sebraetec-green);
    border-radius: 4px;
    padding: 10px;
}

.box__modal:first-of-type {
  border: 1px solid var(--sebraetec-blue-variation);
  border-radius: 4px;
  padding: 10px;
}

.box__modal h4{
    color: var(--sebraetec-green);
}

.box__modal:first-of-type h4 {
  color: var(--sebraetec-blue-variation);
}

.box__modal hr {
    opacity: 1;
    color: var(--sebraetec-green);
}

.box__modal:first-of-type hr {
    opacity: 1;
    color: var(--sebraetec-blue-variation);
}

.label__porte{
    border: 1px solid var(--sebraetec-green);
    height: 100%;
    margin: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.label__porte > input[type="radio"]{
    display: none;
}

.label__porte > div {
    width: 100%;
    height: 100%;
}

.label__porte > input[type="radio"]:checked + div {
    background-color: var(--sebraetec-green);
    color: #FFF;
}

.div__radio{
    transition: 0.2s all;
}

.form-floating > label {font-size: 0.95rem;}

.title-blue-bold{
    color: var(--sebraetec-blue);
    font-weight: bold
}

.rounded-bg-icon{
    border-radius: 1.25rem !important;
}

.flex-size-inputs-timeline{
    flex: 1 0 15% !important;
}

.authNav{width: 8rem;}

.labelAddress{
    font-size: .85rem !important;
}

#address{
  border-radius: 4px 0 0 4px;
}

#map-card > a:hover {
    background-color: rgba(255,255,255,0.1);
    color: #000;
}


.overlay-disabled-phase{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 251, 251, 0.253);
    z-index: 2;
    cursor: pointer;
}