.bg-wine {
    background-color: #741621;
    text-align: center;
    padding: 20px 0;
}
footer {
    background-color: #f8c218;
    color: #000;
    padding: 10px 0;
}
.box-preto {
    background: #000;
    color: #fff;
}

.box-salmao {
    background: #fa7f72;
    color: #fff;
}

.box-turquesa {
    background: #4f97a3;
    color: #000;
}

.box-ciano {
    background: #00ffff;
    color: #000;
}

.box-caqui {
    background: #C3B091;
    color: #000;
}

.box-olive {
    background: #808000;
    color: #000;
}


.box-branco {
    background: #fff;
    color: #000;
}

.box-cinza {
    background: #e2e3e5;
    color: #000;
}
.box-vermelho {
    background: #ff0000;
    color: #fff;
}
.box-violeta {
    background: violet;
    color: #fff;
}
.box-blue {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2a5d', endColorstr='#1f91d2', GradientType=1 );
    padding: 10px 5px;
    text-align: center;
    font-size: 1.5em;
    line-height: 1;
    font-weight: bold;
}
.box-roxo {
    background: #800080;
}
.box-bege {
    background: #fdd5b3;
    color: #000;
}
.box-laranja {
    background: #ffa500;
    color: #000;
}
.box-azul {
    background: #120a8f;
    color: #fff;
}

.box-amarelo {
    background: #f6fd02;
    color: #000;
}

.box-gold {
    background: gold;
    color: #000;
}

.box-prata {
    background: silver;
    color: #000;
}
.box-bronze {
    background: #b5a642;
    color: #000;
}

.box-ouro {
    background: gold;
    color: #000;
}


.box-blue small {
    font-size: 0.5em;
}
.box-bordo {
    background-color: #800000;
    color: #fff;
}
.box-magenta {
    background-color: #FF00FF;
    color: #fff;
}
.box-esmeralda {
    background-color: #50C878;
    color: #fff;
}

.box-lilas {
    background: #c8a2c8;
    color: #000;
}

.box-verde {
    background: green;
    color: #fff;
}

.box-vinho {
    background: #58181F;
    color: #fff;
}

.box-rosa {
    background: deeppink;
    color: #fff;
}

.box-marrom {
    background-color: #835C3B;
    color: #fff;
}

header {
    background-color: #53291d;
    padding: 20px 0 0px;
}
.nav-holder {
    background-color: #ffcb04;
    
}

.logo-holder {
    position: absolute;
    top: -20px;
    left:0;
    z-index: 2;
    width: 10%;
}
.nav-holder a {
    color: #c71227;
    font-weight: bold;
}
    .nav-holder a.active {
        font-weight: bold;
        text-decoration: underline;
        color: #53291d;
    }
    .nav-holder .nav-item {
        border-right: 1px solid #fff;
        line-height: 20px;
    }
    .nav-holder .nav-item:first-child, .nav-holder .nav-item:last-child {
        border-right: none;
        border-bottom: none;
    }
    .nav-holder a i.fa {
        color: #fff;
        font-size: 22px;
        padding-left: 5px;
    }
.senha-holder {
    position: absolute;
    margin: 0 148px;
    z-index: 2;
}
    .senha-holder img {
        display: block;
        margin: 5px 5px 0;
    }
.container {
    position: relative;
}
.avisos-holder {
    background-color: #ffcb04;
}
    .avisos-holder .nav-pills .nav-link {
        border-radius: 0;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 1rem;
        line-height: 50px;
        color: #53291d;
    }
    .avisos-holder .nav-pills .nav-link span {
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
    }
    .avisos-holder .nav-pills .nav-link.active {
        background-color: rgba(0,0,0,0.3);
        color: #fff;

    }
.interna {
    background: #8E6C50;
    background: linear-gradient(90deg, rgba(142, 108, 80, 1) 0%, rgba(212, 184, 155, 1) 50%, rgba(142, 108, 80, 1) 100%);
    padding: 20px 0;
    min-height: calc(100vh - 120px - 75px);
}
.interna .wrapper {
    padding: 10px 30px;
    background-color: #fff;
    color: #000;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
    font-size: clamp(1rem, 0.94rem + 0.2667vw, 1.125rem)!important;
}

@media (max-width: 991px) {
    .nav-holder .nav-item {
        line-height: 30px;
        text-align: right;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    .nav-holder .nav-item:last-child {
        border-bottom: none;
    }
    .interna {
        min-height: calc(100vh - 170px - 67px);
    }

    .logo-holder {
        max-width: 70px;
    }
    h1 {
        font-size: 150%;
    }
    h4 {
        font-size: 120%;
    }
}