@charset "utf-8";

/* CSS Document */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: var(--cor-cinza);
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--cor-principal);
}

::-webkit-scrollbar-track-piece {
    background-color: var(--cor-cinza-claro);
}

::-webkit-scrollbar {
    width: 10px;
}

body {
    font-family: var(--fonte-principal);
    font-weight: 400;
    font-size: var(--tamanho-de-fonte);
    background: var(--cor-cinza-claro4);
    color: var(--cor-cinza2);
    border: 0px;
}

a {
    color: var(--cor-principal);
    -webkit-transition: var(--tempo-transicao);
    -moz-transition: var(--tempo-transicao);
    -ms-transition: var(--tempo-transicao);
    -o-transition: var(--tempo-transicao);
    transition: var(--tempo-transicao);
    -webkit-transform: var(--animacao-otimizada);
    -moz-transform: var(--animacao-otimizada);
    -ms-transform: var(--animacao-otimizada);
    -o-transform: var(--animacao-otimizada);
    transform: var(--animacao-otimizada);
    -webkit-backface-visibility: var(--escondido);
    -webkit-transform-style: var(--animacao-otimizada2);
    cursor: pointer;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: var(--cor-cinza);
}

a:focus,
a:focus img {
    border: 0px;
    outline: none;
}

img {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fonte-secundaria);
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--cor-secundaria);
}

h1,
h2,
h3,
h4,
h5,
h6,
hr,
ul,
ol {
}

h1,
h2,
h3,
h4,
h5,
h6,
hr,
ul,
ol {
}

h1 {
    font-size: 2.8em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 2.1em;
}

h4 {
    font-size: 1.9em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.75em;
}

.row-centered {
    margin: 0px auto;
    text-align: center;
}

.centered {
    text-align: center;
}

header > .navbar:before {
    width: 100%;
    height: 50px;
    position: absolute;
    display: block !important;
    left: 0px;
    top: 0px;
    content: "";
    background: var(--cor-principal);
}

header.affix > .navbar:before {
    height: 40px;
}

@media (min-width: 992px) {
    header > .navbar:before {
        -webkit-transition: var(--tempo-transicao);
        -moz-transition: var(--tempo-transicao);
        -ms-transition: var(--tempo-transicao);
        -o-transition: var(--tempo-transicao);
        transition: var(--tempo-transicao);
        -webkit-transform: var(--animacao-otimizada);
        -moz-transform: var(--animacao-otimizada);
        -ms-transform: var(--animacao-otimizada);
        -o-transform: var(--animacao-otimizada);
        transform: var(--animacao-otimizada);
        -webkit-backface-visibility: var(--escondido);
        -webkit-transform-style: var(--animacao-otimizada2);
    }
}

.navbar-header {
    padding: 0px 0px;
    margin: 0px auto;
    position: fixed;
    float: none;
}

hr.divisor {
    border-bottom: 1px solid var(--cor-cinza-claro2);
    margin-top: var(--espacamento2);
    margin-bottom: var(--espacamento2);
    clear: both;
}

.both {
    clear: both;
}

.cleft {
    clear: left;
}

.cright {
    clear: right;
}

@media (min-width: 768px) {
    .filtros > div:first-child {
        padding-left: 0px;
    }

    .filtros > div:last-child {
        padding-right: 0px;
    }
}

.btn-default {
    border-radius: 1.5em;
    display: block;
    padding: var(--espacamento1) var(--espacamento2);
    font-weight: bold;
    text-align: center;
    color: var(--cor-branca);
}

.btn-default:hover,
.btn-default:focus {
    color: var(--cor-branca) !important;
}

.btn.editar,
.btn.resolver,
.btn.limpar,
.btn.excluir,
.btn.salvar,
.btn.salvar_filtro {
    background: var(--cor-azul-escuro);
    border: 0px;
}

.main .temas .editar {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.main .temas .editar .btn {
    margin: 3px 0 !important;
    width: 200px;
    align-items: center;
}

.btn.editar:hover,
.btn.editar:focus,
.btn.resolver:hover,
.btn.resolver:focus,
.btn.limpar:hover,
.btn.limpar:focus,
.btn.salvar:hover,
.btn.salvar:focus,
.btn.salvar_filtro:hover,
.btn.salvar_filtro:focus {
    background: var(--cor-azul-escuro2);
}

.btn.deletar,
.btn.excluir {
    background: var(--cor-rosa2);
    border: 0px;
}

.btn.deletar:hover,
.btn.excluir:hover,
.btn.deletar:focus,
.btn.excluir:focus {
    background: var(--cor-rosa);
}

.btn.salvar_filtro {
    margin-top: var(--espacamento1);
}

.btn.apagar {
    background: var(--cor-rosa2);
    border: 0px;
}

.btn.apagar:hover,
.btn.apagar:focus {
    background: var(--cor-rosa-escuro);
}

.btn.filtrar,
.btn.carregarFiltro {
    background: var(--cor-verde-escuro);
}

.btn.filtrar:hover,
.btn.filtrar:focus,
.btn.carregarFiltro:hover,
.btn.carregarFiltro:focus {
    background: var(--cor-verde-escuro2);
}

.btn.solicitar {
    background: var(--cor-roxa2);
    border: 0px;
}

.btn.solicitar:hover,
.btn.solicitar:focus {
    background: var(--cor-roxa);
}

.btn.manutencao {
    background: var(--cor-amarela-clara);
    color: var(--cor-cinza2);
    border: 0px;
}

.btn.manutencao:hover,
.btn.manutencao:focus {
    background: var(--cor-amarela-clara2) !important;
    color: var(--cor-cinza2) !important;
}

.btn-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}

.btn-toggle.active:before {
    opacity: 0.5;
}

.btn-toggle.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    display: none;
}

.btn-toggle:before,
.btn-toggle:after {
    color: #6b7381;
}

.btn-toggle.active {
    background-color: var(--cor-verde2);
}

.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}

.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
    outline: none;
}

.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle.btn-lg:before {
    content: "Off";
    left: -5rem;
}

.btn-toggle.btn-lg:after {
    content: "On";
    right: -5rem;
    opacity: 0.5;
}

.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left 0.25s;
}

.btn-toggle.btn-lg.active:before {
    opacity: 0.5;
}

.btn-toggle.btn-lg.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.6875rem;
    width: 3.875rem;
}

.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
    display: none;
}

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}

.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
    outline: none;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle.btn-sm:before {
    content: "Off";
    left: -0.5rem;
}

.btn-toggle.btn-sm:after {
    content: "On";
    right: -0.5rem;
    opacity: 0.5;
}

.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0.5;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
    display: none;
}

.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}

.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
    outline: none;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-toggle.btn-xs:before {
    content: "Desativado";
    left: 0;
}

.btn-toggle.btn-xs:after {
    content: "Ativado";
    right: 0;
    opacity: 0.5;
}

.btn-toggle.btn-xs > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left 0.25s;
}

.btn-toggle.btn-xs.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-xs.active > .handle {
    left: 1.125rem;
    transition: left 0.25s;
}

.btn-toggle.btn-xs.active:before {
    opacity: 0.5;
}

.btn-toggle.btn-xs.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
    line-height: -1rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.275rem;
    width: 1.55rem;
}

.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
    display: none;
}

.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
    color: #6b7381;
}

.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.filtros > div {
    padding-top: 6px;
    padding-bottom: 6px;
}

.icone.ajuda {
    width: var(--espacamento2);
    height: var(--espacamento2);
    content: "?";
    border-radius: var(--espacamento1);
    background: var(--cor-cinza-claro3);
    display: inline-block;
    text-align: center;
    line-height: var(--espacamento2);
    color: var(--cor-cinza);
    font-size: 0.7em;
}

.listaItens:not(.cadastros),
.listaItens.cadastros a {
    border-radius: 1.5em;
    padding: 8px var(--espacamento2);
    color: var(--cor-rosa) !important;
    border: 1px solid var(--cor-rosa) !important;
    text-align: center;
}

.listaItens.cadastros a.novo {
    background: var(--cor-azul-claro) !important;
    border: 0px !important;
    color: var(--cor-branca) !important;
}

.listaItens.cadastros a {
    display: block;
    margin: 8px;
}

.listaItens:not(.cadastros):hover,
.listaItens:not(.cadastros):focus,
.listaItens.cadastros a:not(.novo):hover,
.listaItens.cadastros a:not(.novo):focus {
    color: var(--cor-rosa) !important;
    border: 1px solid var(--cor-rosa) !important;
    background: none !important;
}

.filtragem {
    position: relative;
    cursor: pointer;
}

.filtragem:before {
    content: " ";
    border: solid;
    border-width: 0 0.1rem 0.1rem 0;
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: -1.75rem;
    transition: all 0.2s ease-out;
}

.filtragem.vazio:before {
    display: none;
}

.filtragem.ascendente:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0.5rem;
}

.filtragem.descendente:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0.75rem;
}

/* ###
PADRÕES PRINCIPAIS
### */
/* ###
ADICIONAIS BOOTSTRAP
### */
@media (min-width: 1600px) {
    .container {
        width: 1570px;
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .auto-clear .col-lgs-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-lgs-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-lgs-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-lgs-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-lgs-5:nth-child(5n + 1) {
        clear: left;
    }

    .auto-clear .col-lgs-6:nth-child(odd) {
        clear: left;
    }

    .auto-clear .col-lgs-10:nth-child(10n + 1) {
        clear: left;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .auto-clear .col-lg-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-5:nth-child(5n + 1) {
        clear: left;
    }

    .auto-clear .col-lg-6:nth-child(odd) {
        clear: left;
    }

    .auto-clear .col-lg-10:nth-child(10n + 1) {
        clear: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .auto-clear .col-md-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-md-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-md-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-md-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-md-5:nth-child(5n + 1) {
        clear: left;
    }

    .auto-clear .col-md-6:nth-child(odd) {
        clear: left;
    }

    .auto-clear .col-md-10:nth-child(10n + 1) {
        clear: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auto-clear .col-sm-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-5:nth-child(5n + 1) {
        clear: left;
    }

    .auto-clear .col-sm-6:nth-child(odd) {
        clear: left;
    }

    .auto-clear .col-sm-10:nth-child(10n + 1) {
        clear: left;
    }
}

@media (max-width: 767px) {
    .auto-clear .col-xs-1:nth-child(12n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-2:nth-child(6n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-3:nth-child(4n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-4:nth-child(3n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-5:nth-child(5n + 1) {
        clear: left;
    }

    .auto-clear .col-xs-6:nth-child(odd) {
        clear: left;
    }

    .auto-clear .col-xs-10:nth-child(10n + 1) {
        clear: left;
    }
}

@media (max-width: 991px) {
    .container > .row {
        margin-left: var(--espacamento2);
        margin-right: var(--espacamento2);
        position: relative;
    }
}

.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-lgs-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 1600px) {
    .col-lgs-5 {
        width: 20%;
        float: left;
    }

    .col-lgs-5s {
        width: 41.666666%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5 {
        width: 20%;
        float: left;
    }

    .col-lg-5s {
        width: 41.666666%;
        float: left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-5 {
        width: 20%;
        float: left;
    }

    .col-md-5s {
        width: 41.666666%;
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-5 {
        width: 20%;
        float: left;
    }

    .col-sm-5s {
        width: 41.666666%;
        float: left;
    }
}

@media (max-width: 767px) {
    .col-xs-5 {
        width: 20%;
        float: left;
    }

    .col-xs-5s {
        width: 41.666666%;
        float: left;
    }
}

@media (min-width: 1200px) {
}

.col-lgs-1,
.col-lgs-2,
.col-lgs-3,
.col-lgs-4,
.col-lgs-5,
.col-lgs-6,
.col-lgs-7,
.col-lgs-8,
.col-lgs-9,
.col-lgs-10,
.col-lgs-11,
.col-lgs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1600px) {
    .col-lgs-1,
    .col-lgs-2,
    .col-lgs-3,
    .col-lgs-4,
    .col-lgs-5,
    .col-lgs-6,
    .col-lgs-7,
    .col-lgs-8,
    .col-lgs-9,
    .col-lgs-10,
    .col-lgs-11,
    .col-lgs-12 {
        float: left;
    }

    .col-lgs-12 {
        width: 100%;
    }

    .col-lgs-11 {
        width: 91.66666667%;
    }

    .col-lgs-10 {
        width: 83.33333333%;
    }

    .col-lgs-9 {
        width: 75%;
    }

    .col-lgs-8 {
        width: 66.66666667%;
    }

    .col-lgs-7 {
        width: 58.33333333%;
    }

    .col-lgs-6 {
        width: 50%;
    }

    .col-lgs-5 {
        width: 41.66666667%;
    }

    .col-lgs-4 {
        width: 33.33333333%;
    }

    .col-lgs-3 {
        width: 25%;
    }

    .col-lgs-2 {
        width: 16.66666667%;
    }

    .col-lgs-1 {
        width: 8.33333333%;
    }

    .col-lgs-pull-12 {
        right: 100%;
    }

    .col-lgs-pull-11 {
        right: 91.66666667%;
    }

    .col-lgs-pull-10 {
        right: 83.33333333%;
    }

    .col-lgs-pull-9 {
        right: 75%;
    }

    .col-lgs-pull-8 {
        right: 66.66666667%;
    }

    .col-lgs-pull-7 {
        right: 58.33333333%;
    }

    .col-lgs-pull-6 {
        right: 50%;
    }

    .col-lgs-pull-5 {
        right: 41.66666667%;
    }

    .col-lgs-pull-4 {
        right: 33.33333333%;
    }

    .col-lgs-pull-3 {
        right: 25%;
    }

    .col-lgs-pull-2 {
        right: 16.66666667%;
    }

    .col-lgs-pull-1 {
        right: 8.33333333%;
    }

    .col-lgs-pull-0 {
        right: auto;
    }

    .col-lgs-push-12 {
        left: 100%;
    }

    .col-lgs-push-11 {
        left: 91.66666667%;
    }

    .col-lgs-push-10 {
        left: 83.33333333%;
    }

    .col-lgs-push-9 {
        left: 75%;
    }

    .col-lgs-push-8 {
        left: 66.66666667%;
    }

    .col-lgs-push-7 {
        left: 58.33333333%;
    }

    .col-lgs-push-6 {
        left: 50%;
    }

    .col-lgs-push-5 {
        left: 41.66666667%;
    }

    .col-lgs-push-4 {
        left: 33.33333333%;
    }

    .col-lgs-push-3 {
        left: 25%;
    }

    .col-lgs-push-2 {
        left: 16.66666667%;
    }

    .col-lgs-push-1 {
        left: 8.33333333%;
    }

    .col-lgs-push-0 {
        left: auto;
    }

    .col-lgs-offset-12 {
        margin-left: 100%;
    }

    .col-lgs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lgs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lgs-offset-9 {
        margin-left: 75%;
    }

    .col-lgs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lgs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lgs-offset-6 {
        margin-left: 50%;
    }

    .col-lgs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lgs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lgs-offset-3 {
        margin-left: 25%;
    }

    .col-lgs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lgs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lgs-offset-0 {
        margin-left: 0;
    }
}

.row-centered {
    margin: 0px auto;
    text-align: center;
}

.input-group-addon,
.form-control,
.btn {
    font-size: var(--tamanho-de-fonte);
    position: relative;
    z-index: var(--zindex-inicial-1);
}

.notify.full {
    height: calc(100% - 30px);
    overflow: hidden;
}

.container {
    max-width: 100%;
}

#facebook-jssdk-iframe {
    display: none;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

dl,
ol,
ul {
    margin-top: 0;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem;
}

ul,
menu,
dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.wrapper {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.content {
    padding: 2.5rem;
}

img.img-responsive {
    display: inline-block;
}

.flex {
    display: flex;
}

.flex.colunas {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.flex.linhas {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
}

.flex.wrap {
    flex-wrap: wrap;
}

.flex.column {
    flex-direction: column;
}

.flex.between {
    justify-content: space-between;
}

.flex .flex-box:not(.noflex) {
    flex: 1;
}

.flex.valtop .flex-box {
    align-self: stretch;
}

.flex.valcenter .flex-box {
    align-self: center;
}

.flex.valbase .flex-box {
    align-self: baseline;
}

.flex .flex-box {
    padding-left: 5px;
    padding-right: 5px;
}

.flex .flex-box.w25 {
    flex: 0.25;
}

.flex .flex-box.w75 {
    flex: 0.75;
}

.flex .flex-box.push {
    margin-left: auto;
}

.flex-box.pd0 {
    padding: 0px;
}

.alert.alert-danger {
    background: var(--cor-vermelha);
}

.alert {
    border-radius: 0px;
    display: block;
    line-height: 30px;
}

.alert.alert-danger,
.alert.alert-danger * {
    color: var(--cor-cinza);
}

/* ###
ADICIONAIS BOOTSTRAP
### */

/* ###
ANIMAÇÃO
### */
@media (min-width: 992px) {
    .animacao {
        position: relative;
        opacity: 0;
    }

    .animacao {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .animacao.animando {
        opacity: 1;
    }

    .animacao.para-cima {
        top: 200px;
    }

    .animacao.para-cima.animando {
        top: 0px;
    }
}

/* ###
ANIMAÇÃO
### */

/* ###
HEADER
### */
.sidebar,
.sidebar-content {
    transition: margin-left 0.4s ease-in-out, left 0.4s ease-in-out;
}

.sidebar {
    background: var(--azul-principal);
}

.sidebar {
    min-width: 250px;
    max-width: 250px;
    border-right: 0;
}

.sidebar.toggled {
    margin-left: -250px;
}

.sidebar-brand {
    font-weight: 400;
    font-size: 1.15rem;
    padding: 1.15rem 1.5rem;
    display: block;
    background: var(--azul-principal);
    text-align: center;
}

.sidebar-brand span {
    display: none;
}

@media (max-width: 991.98px) {
    .main > .content {
        max-width: 100vw;
    }

    .content {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1199.98px) {
    .content {
        padding: 1.5rem;
    }
}

.sidebar-nav {
    padding-bottom: 3.5rem;
    padding-left: 0;
    list-style: none;
    margin-top: 0px;
}

.sidebar-header {
    background: transparent;
    color: #adb5bd;
    padding: 0.375rem 1.5rem;
    font-size: 0.75rem;
    text-transform: none;
}

.sidebar-link,
a.sidebar-link {
    display: block;
    padding: 0.75rem 1.5rem;
    font-weight: 400;
    background: none;
    color: var(--cor-branca);
    transition: background 0.2s ease-in-out;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.sidebar-link:hover,
a.sidebar-link:hover {
    background: var(--cor-principal-transparente1);
}

.sidebar-item:not(.usuario) .sidebar-link,
.sidebar-item:not(.usuario) a.sidebar-link {
    min-height: 48px;
    line-height: 32px;
}

.sidebar-item.usuario > .sidebar-link {
    padding-top: var(--espacamento2);
    padding-bottom: var(--espacamento2);
}

.sidebar-item.usuario .sidebar-link,
.sidebar-item .sidebar-link:hover,
.sidebar-item.active > .sidebar-link {
    background: var(--amarelo-principal);
    color: var(--azul-principal);
    font-weight: bold;
}

.sidebar [data-toggle="collapse"]:before {
    content: " ";
    border: solid;
    border-width: 0 0.1rem 0.1rem 0;
    display: inline-block;
    padding: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 1.2rem;
    right: 1.25rem;
    transition: all 0.2s ease-out;
}

.sidebar [aria-expanded="true"]:before,
.sidebar [data-toggle="collapse"]:not(.collapsed):before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 1.4rem;
}

.sidebar-badge {
    position: absolute;
    right: 15px;
    top: 8px;
}

.sidebar-dropdown .sidebar-link {
    padding: 0.625rem 1.5rem 0.625rem 2.75rem;
    font-weight: 400;
}

.sidebar-item .icone.avatar {
    border-radius: 50%;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: var(--espacamento2);
}

.sidebar-item .icone.navegacao {
    width: 32px;
    height: 32px;
    background: url("../img/icones.png") top left no-repeat;
    display: block;
    float: left;
    margin-right: var(--espacamento2);
}

.sidebar-item .icone.navegacao.estatisticas {
    background-position: 0px 0px;
}

.sidebar-item.active .icone.navegacao.estatisticas,
.sidebar-item:hover .icone.navegacao.estatisticas {
    background-position: 0px -32px;
}

.sidebar-item .icone.navegacao.minhas-playtables {
    background-position: -32px 0px;
}

.sidebar-item.active .icone.navegacao.minhas-playtables,
.sidebar-item:hover .icone.navegacao.minhas-playtables {
    background-position: -32px -32px;
}

.sidebar-item .icone.navegacao.liga-dos-herois {
    background-position: -64px 0px;
}

.sidebar-item.active .icone.navegacao.liga-dos-herois,
.sidebar-item:hover .icone.navegacao.liga-dos-herois {
    background-position: -64px -32px;
}

.sidebar-item .icone.navegacao.atividades {
    background-position: -96px 0px;
}

.sidebar-item.active .icone.navegacao.atividades,
.sidebar-item:hover .icone.navegacao.atividades {
    background-position: -96px -32px;
}

.sidebar-item .icone.navegacao.turmas-e-alunos {
    background-position: -256px 0px;
}

.sidebar-item.active .icone.navegacao.turmas-e-alunos,
.sidebar-item:hover .icone.navegacao.turmas-e-alunos {
    background-position: -256px -32px;
}

/*
.sidebar-item .icone.navegacao.suporte-e-duvidas {
    background-position: -160px 0px;
}
.sidebar-item.active .icone.navegacao.suporte-e-duvidas,
.sidebar-item:hover .icone.navegacao.suporte-e-duvidas {
    background-position: -160px -32px;
}
*/
.sidebar-item .icone.navegacao.ajuda {
    background-position: -192px 0px;
}

.sidebar-item.active .icone.navegacao.ajuda,
.sidebar-item:hover .icone.navegacao.ajuda {
    background-position: -192px -32px;
}

.sidebar-item .icone.navegacao.planejamento {
    background-position: -224px 0px;
}

.sidebar-item.active .icone.navegacao.planejamento,
.sidebar-item:hover .icone.navegacao.planejamento {
    background-position: -224px -32px;
}

.sidebar-item .icone.navegacao.usuarios {
    background-position: -128px 0px;
}

.sidebar-item.active .icone.navegacao.usuarios,
.sidebar-item:hover .icone.navegacao.usuarios {
    background-position: -128px -32px;
}

.sidebar-bottom {
    transition: margin-left 0.4s ease-in-out, left 0.4s ease-in-out;
    padding: 1rem;
    width: inherit;
    font-size: 0.9em;
    bottom: 0;
    left: 0;
    position: fixed;
    min-width: 250px;
    max-width: 250px;
    color: var(--cor-branca);
    border-right: 0;
    margin-left: 0;
}

.sidebar.toggled .sidebar-bottom {
    margin-left: -250px;
}

.sidebar-bottom .btn,
.notify .btn {
    border: 0px;
    display: block;
    border-radius: 1.2em;
    background-color: var(--amarelo-principal);
    margin: 5px auto;
}

.sidebar-bottom .btn {
    background-color: var(--amarelo-principal);
    color: var(--cor-principal) !important;
}

.sidebar-bottom .btn:hover {
    background-color: var(--amarelo-principal-hover);
    color: var(--cor-principal) !important;
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.sidebar-toggle {
    cursor: pointer;
    width: 26px;
    height: 26px;
    margin: 0px 0px;
}

@media (min-width: 1px) and (max-width: 991.98px) {
    .sidebar {
        margin-left: -250px;
    }

    .sidebar .sidebar-content {
        left: -250px;
    }

    .sidebar.toggled {
        margin-left: 0;
    }

    .sidebar.toggled .sidebar-content {
        left: 0;
    }

    .sidebar-collapsed {
        margin-left: 0;
    }

    .sidebar-collapsed .sidebar-content {
        left: 0;
    }

    .sidebar-collapsed.toggled {
        margin-left: -250px;
    }

    .sidebar-collapsed.toggled .sidebar-content {
        left: -250px;
    }
}

/* ###
HEADER
### */

/* ###
MIOLO
### */
.main {
    width: 100%;
    min-height: 100vh;
    min-width: 0;
    font-size: 1.2em;
    transition: margin-left 0.4s ease-in-out, left 0.4s ease-in-out;
}

@media (max-width: 991.98px) {
    .main {
        overflow-y: hidden;
    }
}

.main .content .navbar.toggleSidebar {
    float: left;
    margin-right: var(--espacamento2);
    margin-bottom: 0px;
}

.main .content > h1,
.main .content > nav.navbar.toggleSidebar + .flex > h1 {
    margin-top: 0px;
    font-size: 1.54em;
}

.hamburger,
.hamburger:after,
.hamburger:before {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 24px;
    background: var(--cor-secundaria);
    display: block;
    content: "";
    transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

.hamburger {
    position: relative;
}

.hamburger:before {
    top: -7.5px;
    width: 18px;
    position: absolute;
}

.hamburger:after {
    bottom: -7.5px;
    width: 14px;
    position: absolute;
}

.sidebar-toggle:hover .hamburger,
.sidebar-toggle:hover .hamburger:after,
.sidebar-toggle:hover .hamburger:before {
    background: #47bac1;
}

.hamburger-right,
.hamburger-right:after,
.hamburger-right:before {
    right: 0;
}

.main nav.navbar.toggleSidebar + .flex h1 + .listaItens {
    max-width: 260px;
}

.main > .content > .voltar,
.main > .content > .flex .voltar {
    color: var(--cor-preta);
    padding: 0px 10px;
    margin-right: var(--espacamento2);
    font-size: 1.3em;
}

.boxGrid {
    border-radius: 0.8em;
    background: var(--cor-branca);
    color: var(--cor-cinza);
    overflow: hidden;
    padding: var(--espacamento2);
    margin: var(--espacamento4) 0px;
}

.boxGrid .listagem {
    border-top: 1px solid var(--cor-cinza-claro3);
    margin: 0px;
    padding: calc(var(--espacamento1) * 2) 0px;
}

.boxGrid .icone.avancar,
.boxGrid .icone.voltar,
.boxGrid .icone.abrir,
.boxGrid .icone.fechar {
    background: url("../img/icones-navegacao.png") no-repeat;
    background-position: 0px 0px;
    display: inline-block;
}

.boxGrid .icone.avancar,
.boxGrid .icone.voltar {
    width: 11px;
    height: 19px;
}

.boxGrid .icone.abrir,
.boxGrid .icone.fechar {
    width: 19px;
    height: 11px;
}

.boxGrid .icone.abrir {
    background-position: -11px 0px;
}

.boxGrid .icone.abrir:not(.collapsed),
.boxGrid .icone.fechar {
    background-position: -11px -11px;
}

.boxGrid .icone.mapa {
    width: 40px;
    height: 40px;
    background: url("../img/icones-extras.png") 0px 0px no-repeat;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid var(--cor-preta);
}

#banners {
    clear: both;
    padding: var(--espacamento2);
}

aside#filtros {
    width: 250px;
}

aside#filtros .form-group {
    position: relative;
}

.conteudo {
    width: 100%;
    min-width: 0;
    transition: margin-left 0.4s ease-in-out, left 0.4s ease-in-out;
}

.navbar.tabs,
ul.navbar.tabs {
    border-bottom: 1px solid var(--cor-cinza-claro);
    min-height: inherit;
    list-style: none;
    padding: 0px;
}

.navbar.tabs a,
ul.navbar.tabs li {
    padding: 7px 10px;
    margin-bottom: 5px;
    position: relative;
    color: var(--cor-cinza3);
    font-weight: bold;
    cursor: pointer;
}

.navbar.tabs a:hover,
.navbar.tabs a:focus,
ul.navbar.tabs li:hover,
ul.navbar.tabs li:focus {
    background: var(--cor-preta-transparente-sombra2);
}

.navbar.tabs a.active,
ul.navbar.tabs li.active {
    color: var(--cor-preta);
}

.navbar.tabs a.active:before,
ul.navbar.tabs li.active:before {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 6px;
    background: var(--cor-roxa);
}

legend {
    border: 0px;
    padding: var(--espacamento4) 0px var(--espacamento2) 0px;
}

.input-group.grupo {
    width: 100%;
}

.campoTexto {
    width: 100% !important;
    float: none !important;
}

/* ###
MIOLO
### */

/* ###
FOOTER
### */
#zeroarts {
    text-align: center;
}

#zeroarts,
#copyright {
    position: relative;
    z-index: var(--zindex-inicial-1);
    text-align: center;
}

/* ###
FOOTER
### */

/* ###
ADICIONAIS GLOBAIS
### */
.parallax-window {
    width: 100%;
    min-height: 400px;
}

.mais {
    color: var(--cor-secundaria);
    padding: 8px 15px;
    border-radius: var(--espacamento1);
    display: inline-block;
    background: var(--cor-principal);
    margin-top: var(--espacamento2);
}

.mais:hover {
    background: var(--cor-secundaria);
    color: var(--cor-cinza-claro4);
}

.telefoneNum > span {
    position: relative;
    padding-left: 30px;
}

.telefoneNum > span,
.telefoneNum > span a {
    color: var(--cor-sucesso);
}

.telefoneNum .fa-whatsapp {
    position: absolute;
    left: 0px;
    top: 4px;
}

footer .mais {
    border-color: transparent;
    background: var(--cor-principal);
    color: var(--cor-branca);
}

div#breadcumb {
    text-align: left;
    position: relative;
    z-index: var(--zindex3);
}

div#breadcumb ul {
    background: none;
}

div#breadcumb a {
    color: var(--cor-cinza);
}

div#breadcumb a:hover,
div#breadcumb a:active {
    color: rgba(95, 90, 90, 1);
}

section.secao {
    position: relative;
    padding-bottom: var(--espacamento4);
}

section.secao > .container > #breadcumb + .row {
    position: relative;
}

section.secao .container > .row.titulo {
    margin-bottom: var(--espacamento2);
}

section#secaoInterna.secao .container > .row.titulo + .row {
    margin: 35px 0px;
    padding-bottom: var(--espacamento2);
}

section.secao .container > .row.titulo + .row {
    border-bottom: 3px solid var(--cor-cinza2);
}

section.secao:not(#secaoInterna) .container > .row.titulo + .row {
    margin-bottom: 35px;
}

section.secao h1 {
    text-align: left;
    display: inline-block;
    color: var(--cor-principal);
    padding: 8px 16px;
    font-weight: normal;
    margin: 20px auto;
    font-size: 1.8em;
    position: relative;
}

section.secao h1:before {
    position: absolute;
    width: calc(100% + 10%);
    height: 100%;
    background: var(--cor-preta);
    top: 0px;
    left: -5%;
    display: block;
    content: "";
    transform: var(--animacao-otimizada) skewX(-25deg);
    z-index: -1;
}

@media (max-width: 767px) {
    section.secao h1 {
        background: var(--cor-preta);
    }

    section.secao h1:before {
        display: none;
    }
}

.breadcrumb {
    margin: 0px;
    font-size: 0.8em;
    border-radius: 0px;
    background: none;
    padding: 8px 0px;
}

.embed-responsive {
    margin: 30px auto;
}

.notify-button {
    text-align: center;
    margin: 10px auto;
}

.btn.btn-dinamica {
    background: var(--cor-principal);
    color: var(--cor-branca);
}

.table thead tr {
    text-align: center;
}

.table thead tr.titulo {
    background: var(--cor-preta2);
    color: var(--cor-branca);
    text-align: left;
}

.table tbody tr:hover {
    background: var(--cor-principal-transparente);
}

input:active,
input:hover,
input:focus,
select:active,
select:hover,
select:focus,
textarea:active,
textarea:hover,
textarea:focus,
button:active,
button:hover,
button:focus {
    outline: none !important;
}

.pagination li:not(.active) span {
    cursor: pointer;
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1010;
    overflow: visible;
    right: inherit;
    bottom: inherit;
    display: none;
}

.modal.loading .spinner {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px inherit inherit -16px;
}

.modal.loading .spinner .double-bounce1,
.modal.loading .spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.modal.loading .spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

/* ###
ADICIONAIS GLOBAIS
### */

#filtros > .form-group:nth-child(1),
#filtros > .form-group:nth-child(1) + hr,
.conteudo .filtro {
    display: none;
}

.conteudo > .content {
    padding: 0px 2.5rem;
}

.wrapper #filtros + .conteudo .filtro + .tab-content {
    margin-top: 0px !important;
}

/* ###
RESPONSIVO
### */

@media (min-width: 992px) AND (max-width: 1200px) {
}

@media (max-width: 1199px) {
}

@media (max-width: 1099px) {
}

@media (max-width: 991px) {
}

@media (max-width: 866px) {
}

@media (max-width: 767px) {
}

/* Landscape  */
@media (max-device-width: 991px) and (orientation: landscape) {
}

@media (max-width: 820px) {
}

@media (min-width: 767px) {
}

@media (max-width: 720px) {
}

@media (max-width: 610px) {
}

@media (max-width: 490px) {
}

@media (max-width: 420px) {
}

@media (max-width: 410px) {
}

@media (max-width: 380px) {
}

/* ###
BREAK POINT 991
### */
@media (max-width: 991px) {
}

/* ###
BREAK POINT 991
### */
@media (min-width: 992px) {
}

@media (max-width: 767px) {
}

@media (min-width: 992px) {
}

/* ###
RESPONSIVO
### */

/**
tihhgoncalves
**/
#imagem-capa {
    max-width: 100%;
}

#capa-opcoes {
    padding-top: 7px;
}

#capa-opcoes label {
    padding-left: 5px;
}

#footer-flutuante {
    padding: 5px;
    border-radius: 5px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    color: var(--cor-cinza-claro1);
}

.conteudo.aceite {
    max-width: 500px;
    margin: 100px auto;
}

.conteudo.aceite h1 {
    text-align: center;
    font-size: 25px;
}

.conteudo.aceite p {
    font-size: 16px;
}

.conteudo.aceite label {
    font-size: 16px;
}

.conteudo.aceite label a {
    text-decoration: underline;
}

.conteudo.aceite .botoes {
    display: flex;
}

.conteudo.aceite .botoes button {
    border: 0px;
    display: block;
    border-radius: 5px;
    background-color: var(--amarelo-principal);
    margin: 5px auto;
    padding: 10px 20px;
    color: #fff;
    font-weight: 800;
    margin: 25px auto;
}

.conteudo.aceite .botoes button.discordar {
    background-color: var(--cor-terciaria);
}

.rodape-lista {
    display: flex;
}

.rodape-lista .qtdLista {
    padding: 22px 15px;
    margin-left: auto;
}

.rodape-lista .qtdLista select {
    font-size: 18px;
    height: 29px;
    border-radius: 6px;
    text-align: center;
    padding: 0 10px;
    border-color: #ddd;
}

.excluirAlunos-confirmacao {
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    width: 600px;
    border-radius: 20px;
    padding: 45px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.excluirAlunos-confirmacao.excluirAlunos-confirmacao.confirmacao1 {
    text-align: center;
}
.excluirAlunos-confirmacao footer {
    text-align: center;
}
.excluirAlunos-confirmacao h3 {
    color: #000000;
}
.excluirAlunos-confirmacao p {
    font-weight: 670;
    font-size: 19px;
    padding: 25px 0;
    color: #000000;
}
.excluirAlunos-confirmacao button {
    border: 0;
    line-height: 43px;
    padding: 0 25px;
    border-radius: 22px;
    margin: 0 50px;
    color: #fff;
    font-weight: 600;
}
.excluirAlunos-confirmacao button.vermelho {
    background-color: #fe3a3a;
}
.excluirAlunos-confirmacao button.verde {
    background-color: #2c9338;
}
.boxGrid.listaAlunos input[type="checkbox"] {
    height: 20px !important;
    width: 20px !important;
}
