/* Color definition */

:root {
    --mar-profundo: #2A54A1;
    --azul-proitsa: #284E80;
    --grey: #5C5C5C;
    --gris-50: #727272;
    --gris-75: #393939;
    --blanco: #FFFFFF;
    --negro: #000000;
    --nautico: #3F87DB;
    --medianoche: #575757;
    --vessel-amarillo: #F4B357;
    --vessel-rojo: #FF7878;
    --vessel-verde: #7FCE63;
    --vessel-azul: #5E9CF9;

    font-weight: 500;
}



/* Displays */

.d-flex {
    display: flex;
}

.d-inline-block {
    display: inline-block;
}




.vessel-type {
    padding-bottom: 10px;
    padding-top: 10px;
}

.vessel-type {
    padding-bottom: 5px;
    padding-top: 5px;
}

.circle {
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

.vessel-circle-list {
    display: inline-block;
    position: relative;
    top: 3px;
}

.p-10-left {
    padding-left: 10px;
}


/* Background colors */

.bg-blue {
    background-color: var(--vessel-azul);
}

.bg-primary {
    background-color: var(--mar-profundo);
}

.bg-white {
    background-color: #fff;
}

.bg-green {
    background-color: var(--vessel-verde);
}

.bg-yellow {
    background-color: var(--vessel-amarillo);
}

.bg-red {
    background-color: var(--vessel-rojo);
}