@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

body,
html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    padding-top: 0rem;
    font-size: .9rem;
    background: #5f6b7b url(../img/back2.png) no-repeat fixed;
    background-size: cover
}

/*::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:#3e9dd4;border-radius:5px;}
::-webkit-scrollbar-track{background:#292b40;}
*/
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background: #4682a7;
    border-radius: 8px;
}

::-webkit-scrollbar-track {
    background: #b7b7b7;
}

a {
    text-decoration: none
}

:root {
    --teal-050: #effcf6;
    --teal-100: #c6f7e2;
    --teal-200: #8eedc7;
    --teal-300: #65d6ad;
    --teal-400: #3ebd93;
    --teal-500: #27ab83;
    --teal-600: #199473;
    --teal-700: #147d64;
    --teal-800: #0c6b58;
    --teal-900: #014d40;

    --blue-grey-050: #f0f4f8;
    --blue-grey-100: #d9e2ec;
    --blue-grey-200: #bcccdc;
    --blue-grey-300: #9fb3c8;
    --blue-grey-400: #829ab1;
    --blue-grey-500: #627d98;
    --blue-grey-600: #486581;
    --blue-grey-700: #334e68;
    --blue-grey-800: #243b53;
    --blue-grey-900: #102a43;

    --anual: #a4bdfc;
    --Atividades: #fbd75b;
    --reunioes: #ffb878;
    --salaAula: #46d6db;

    --eventos: #0a0a0a;
}

.ico-criar-fatura {
    width: 15.5px;
    height: 11.5px;
    background: url(../img/ico-criar-fatura.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
}

.ico-ver-fatura {
    width: 15.5px;
    height: 11.5px;
    background: url(../img/ico-ver-fatura.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
}

.site {
    height: 100%;
    padding-top: 0;
    position: relative
}

.contain {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.Home {
    padding-top: 1rem
}

.Home .h4 {
    font-size: .9rem !important;
    text-align: center;
    font-weight: 600
}

.Home .caixa {
    border-color: #080808;
    width: 100%;
    padding: 0;
}

.Home .tt {
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    font-size: 1.1rem
}

.Home .tt2 {
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    font-size: 1rem;
    color: #728F9E
}

.Home .thumb {
    width: 100%;
    height: auto;
}

.Home .botoes {
    display: grid;
    padding: 10px;
}

.Home .botoes .btn {
    margin-bottom: 10px;
}

.logologin {
    width: 256px;
    height: 256px;
    margin-top: -8rem;
    margin-bottom: -3rem;
}

.conteudo {
    width: 100%;
    /* margin: 0 auto; */
    max-width: 100%;
    /* margin-left: 200px;*/
    padding: 0 1rem
}

.cabecalho {
    background: linear-gradient(64deg, #21283e, #145983);
    background: -webkit-linear-gradient(64deg, #145983, #21283e);
    background: -mos-linear-gradient(64deg, #145983, #21283e);
    background: -o-linear-gradient(64deg, #21283e, #145983);
    height: 70px;
    margin-top: -17px;
    /*border-bottom: solid 4px #080808;*/
}

.cabecalho .logo {
    width: 100px;
    left: 0;
    display: block;
    align-items: center;
    text-align: center;
    margin: 0px auto;
    padding-top: 4px;
}

.cabecalho .logo img {
    width: 80% !important
}

.cabecalho .menu-topo-text {
    z-index: 1;
    display: none;
    padding-top: 0;
    position: absolute;
    top: 56px;
    background: #333;
    left: 0;
    right: 0
}

.cabecalho .menu-topo-text li {
    display: block;
    margin: 0 5px;
    padding: 0 13px;
    line-height: 1.9rem
}

.cabecalho .menu-topo-text li:first-child {
    margin-left: 10px;
}

.cabecalho .menu-topo-text li a {
    color: #fff;
    font-size: .9rem;
}

.cabecalho .menu-topo-text .sub:before {
    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right: 0px;
    top: 14px;
    border-radius: 3px;
}

.cabecalho .menu-topo-text .sub {
    position: relative
}

.cabecalho .menu-topo-text .sub .thumb {
    height: 50px;
    display: flex;
    align-items: center;
    color: #fff;
}

.cabecalho .menu-topo-text .sub .thumb img {
    height: 40px;
    border-radius: 100px;
    padding: 4px;
}

.cabecalho .menu-topo-text .sub .thumb span {
    display: none
}

.cabecalho .menu-topo-text .sub a {
    color: #fff;
}

.cabecalho .menu-topo-text .sub ul,
.cabecalho .menu-topo-text .usuario .sub ul {
    width: 174px;
    right: -5px;
    position: absolute;
    background: #ffffff;
    border: solid 1px #424251;
    border-radius: 5px;
    display: none !important;
    /*opacity:0;*/
    transition: all .5s linear;
    margin-top: 0px;
    z-index: 1;
    box-shadow: 0 0 5px 0 #00000047;
    /*visibility:hidden;*/

}

.cabecalho .menu-topo-text .sub:hover ul,
.cabecalho .usuario .sub:hover ul {
    opacity: 1;
    transition: all .5s linear;
    margin-top: 0px;
    /*visibility:visible;*/
    display: block !important
}

.cabecalho .menu-topo-text .sub li {
    display: block !important;
    padding: 0;
    margin: 0
}

.cabecalho .menu-topo-text .sub li a {
    display: block;
    padding: 0 .5rem;
    color: #424251;
    font-size: .8rem;
    transition: all .5s linear;
}

.cabecalho .menu-topo-text .sub .usuario li a {
    color: #424251 !important;
    text-align: left;
    font-size: .95rem;
    padding: 0.35rem 0.5rem;
}

.cabecalho .menu-topo-text .sub li a:hover {
    background: #e1e1e1;
    color: #5fafd3;
    transition: all .5s linear;
}

/**/


.cabecalho .menu-topo-text .sub .op_sub {
    position: relative;
}

.cabecalho .menu-topo-text .sub .op_sub:hover ul.submenu {
    opacity: 1;
    transition: all .5s linear;
    margin-top: 0px;
    visibility: visible
}

.cabecalho .menu-topo-text .sub .op_sub>ul.submenu {
    visibility: hidden;
    opacity: 0;
    right: -150px;
    top: 0;
}

.cabecalho .menu-topo-text .sub .op_sub:after {
    position: absolute;
    border: solid 5px transparent;
    border-left: solid 5px #fff;
    content: "";
    right: 0px;
    top: 9px;
    border-radius: 4px;
}

/*usuario*/
.cabecalho .usuario {
    display: block;
    text-align: right;
    min-width: 14%;
}

.cabecalho .usuario li {
    display: block
}

.cabecalho .usuario li label {
    position: relative;
    display: block;
    color: #fff;
    cursor: pointer
}

.cabecalho .usuario li label:after {
    position: absolute;
    border: solid 5px transparent;
    border-top: solid 5px #fff;
    content: "";
    right: -14px;
    top: 9px;
    border-radius: 4px;
}

.cabecalho .usuario li label i {
    color: #ffffffcf;
    font-size: 1.2rem;
    border: solid 2px #ffffffcf;
    width: 30px;
    height: 31px;
    text-align: center;
    border-radius: 50px;
    padding: 0.2rem;
}

/*menu-esquerdo*/
.menu-esquerdo ul::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.menu-esquerdo ul::-webkit-scrollbar-thumb {
    background: #3e9dd4;
    border-radius: 5px;
}

.menu-esquerdo ul::-webkit-scrollbar-track {
    background: #292b40;
}

.menu-esquerdo ul,
#caixa_user ul {
    display: block;
    text-align: center;
    max-height: 80vh;
    overflow-y: auto;
}

.menu-esquerdo ul li,
#caixa_user ul li {
    text-align: center;
    display: block;
    margin: 7px 1rem;
    text-transform: uppercase;
}

.menu-esquerdo ul li a {
    width: 100%;
    display: block;
    padding: 7px 0.5rem;
    background: none;
    font-size: .9rem;
    border-radius: 5px;
    color: #fff;
    transition: all .3s linear;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    position: relative
}

.menu-esquerdo ul li a:hover,
#accordion h3:hover {
    margin-left: 10px;
    transition: all .3s margin;
    color: #fff
}

.menu-esquerdo ul a:hover i.fas,
#accordion h3:hover i.fas {
    color: #fff
}

.menu-esquerdo ul li i.fas,
#caixa_user ul li i.fas {
    text-align: center;
    font-size: 1.23rem;
    display: block;
    margin-right: 5px;
    color: #FF9326
}

.menu-esquerdo .form-campo {
    border: solid 1px #348994;
    padding-left: 9px
}

#principal,
.principal {
    width: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(0px);
    transition: .3s linear;
    display: none;
    position: fixed;
    background: #000000b8;
    z-index: 1;
}

.principal {
    background: #21928e !important;
}

.not {
    background: #fb4040;
    color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    border-radius: 50px;
    display: grid;
    text-align: center;
    align-items: center
}

.principal .menu-esquerdo ul li {
    border-bottom: solid 1px #ffffff30;
}

.principal .menu-esquerdo ul li a,
.principal .menu-esquerdo ul li i.fas {
    color: #fff
}

/*#chx:checked ~ #principal{transform: translateX(0);transition:  .3s linear;}           */
/*#chx:checked ~ .centro{transform: translateX(0);transition:  .3s linear;width:80%;}    */
.mobmenu {
    position: absolute;
    left: 10px;
    top: 20px;
    font-size: 1.8rem;
    color: #fff;
}

.Home .atalhos li {
    display: block;
    line-height: 1.8rem
}

.Home .migalha {
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    color: #fff;
    margin-bottom: 1rem
}

.Home .migalha .mp1 {
    padding: 0 30px;
    position: relative;
    z-index: 1;
    width: 26%;
}

.Home .migalha .mp1:before {
    position: absolute;
    width: 150%;
    height: 2px;
    background: #9eb8c3;
    left: -68px;
    top: 12px;
    content: "";
}

.Home .migalha .mp1 span {
    padding: 4px 9px;
    width: 26px;
    height: 26px;
    background: #9eb8c3;
    color: #21928ebd;
    border-radius: 50%;
    display: inline-block;
    z-index: 1;
    position: relative;
    margin-right: 6px;
    font-weight: 700
}

.Home .migalha .mp1.ativo span {
    background: #32c0ff;
    color: #fff;
    box-shadow: 1px 0px 0px 1px #21928e;
    -moz-box-shadow: 1px 0px 0px 1px #21928e;
    -ms-box-shadow: 1px 0px 0px 1px #21928e;
}

.Home .migalha .mp1.ativo small {
    color: #fff;
    background: #32c0ff;
    padding: 2px 9px 2px 0;
    border-radius: 10px;
}

.Home .migalha .mp1.ativo:before {
    background: #32c0ff
}

.Home .migalha .mp1 small {
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    background: #21928e;
    padding: 0 9px;
    color: #9eb8c3
}

.Home .novoAdd {
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 3rem;
}

.caixa {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    border: solid 1px #cad5e1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    min-height: calc(100vh - 90px)
}

.caixa.alt {
    min-height: auto
}

.thead {
    display: block;
}

.mostraFiltro {
    background: var(--blue-grey-100);
    padding: 10px;
    border-radius: 5px;
    display: none;
    padding: 2rem 1rem !important
}

.px-md {
    padding: 0 1rem;
}

.titulo.Thome {
    display: block !important
}

.titulo {
    color: #2f89c1;
    border: 0;
    display: block;
    font-weight: 500;
    font-size: 1.3rem;
    padding: 5px 0;
    margin-bottom: 1rem;
    background: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.26rem !important;
}

.titulo .mig {
    display: block !important;
    font-size: .8rem !important;
}

.titulo .mig .fas {
    margin: 0 3px;
}

.cat-home .titulo {
    font-size: .89rem !important;
}

.cat-home h2.titulo {
    font-size: 1.4rem !important;
}

.titulo2 {
    color: #3b515e;
    display: block;
    font-weight: 600;
    font-size: 1rem;
    padding: 9px 0px;
    margin-bottom: 6px !important;
}

.state-movi {
    background: #f4f4f4;
}

.atalho li {
    display: block;
    border-bottom: solid 1px var(--blue-grey-100);
}

.atalho li:last-child {
    border-bottom: 0
}

.atalho li a {
    text-align: left;
    display: block;
    padding: 6px 17px;
    color: var(--blue-grey-500);
    transition: all .4s linear
}

.atalho li a:hover {
    background: #dde1e352;
}

.atalho .status.status-vermelho {
    background: #38bfff !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 0 !important
}

/*tooltip*/
.tooltip {
    text-decoration: none;
    color: #000;
    font-family: "Roboto";
    font-size: .7rem;
    transition: all 0.4s ease;
    -webkit-transition: all .4s ease;
    padding: 5px;
    background-color: #FFF;
    position: relative;
}

.tooltip:before {
    content: attr(data-title);
    background-color: #1a4e4c;
    color: #ffffff;
    font-size: 11px;
    padding: 7px 5px;
    box-sizing: border-box;
    font-family: "Roboto";
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 197px;
    opacity: 0;
    transition: all .4s ease;
    z-index: 1;
    border-radius: 4px;
    visibility: hidden;
}

.tooltip:after {
    content: "";
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    left: 40px;
    bottom: -10px;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #1a4e4c transparent;
    transition: all .4s ease;
    visibility: hidden;
    z-index: 1;
}

.tooltip:hover:after,
.tooltip:hover:before {
    opacity: 0;
    visibility: visible;
}

#mascara {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00000070;
    z-index: 2;
    display: none
}

.footer {
    background: #080808;
    height: 40px;
    display: grid;
    align-items: center
}

.footer p {
    color: #fff;
    text-align: center
}

.border.din {
    display: block
}

.border.din .fim {
    margin-top: 1rem
}

.border.din .fim .btn {
    width: 100%
}

.adicional {
    height: 360px;
    overflow-y: auto;
    padding: 0 15px
}

.px-ms-4.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

#hidden_div {
    display: none;
}

.fim-pedido .tabela td {
    font-size: 1rem !important;
    font-weight: 600;
    color: #29b58e
}

.obrigado {
    text-align: center;
}

.obrigado .h1 {
    font-size: 14rem !important;
    color: #ff8620
}

.obrigado .h3 {
    font-size: 2.4rem !important;
    margin-bottom: 2px;
}

.obrigado .h6 {
    font-size: 1.2rem !important;
    margin-bottom: 20px;
    color: #abaaaa
}

.esquecisenha {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2rem;
    background: #fff;
}

.esquecisenha .caixa {
    padding: 3rem;
}

.base-login {
    padding: padding: 3rem 1rem;
    padding-bottom: 7rem;
}

.base-login .col-8 {
    padding-top: 1rem
}

.base-login .col-8 img {
    padding: 14px;
    margin-top: 1rem;
    border-radius: 11px;
}

.base-login .form-campo {
    padding: 12px 9px;
}

.Home .base-login .h4 {
    font-size: 1.9rem !important;
}

.caixa-login .label {
    margin-bottom: 8px;
    display: block
}

.caixa-login h1 {
    font-size: 1.2rem;
    margin-top: 2rem;
    font-weight: 400;
    text-transform: uppercase
}

.caixa-login h2.h2 {
    display: none
}

.home-admin {
    position: relative;
    text-align: left;
    background: #edf1f6;
    border-radius: 6px;
    padding: 1.5rem;
    border: solid 1px var(--blue-grey-100);
}

.home-admin .alert {
    position: absolute;
    background: #f72e2e;
    color: #fff;
    padding: 1.1px 5.9px;
    border-radius: 49px;
    top: 9px;
    display: inline-block;
    right: 9px;
}

.home-admin .thumb {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto
}

.home-admin .thumb img {
    width: 100%
}

.home-admin span {
    display: block;
    margin-bottom: 5px;
    color: #8b8b8b;
    font-size: .8rem;
}

.home-admin span i {
    color: #359ccd
}

.home-admin small {
    display: block;
    line-height: 1rem;
    margin-bottom: 11px;
    color: #4b4b60;
}

.cat-home .planos span.pl1 {
    display: block;
    text-align: center;
    color: #394648;
    text-transform: capitalize;
    font-size: .8rem;
}

.cat-home .planos span.pl2 {
    display: block;
    text-align: center;
    color: #2c6a56;
    text-transform: capitalize;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.cat-home .planos .card {
    background: var(--teal-200);
    border-color: var(--teal-400);
    padding: 0 !important;
}

.cat-home .planos .card:hover {
    opacity: .8
}

.cat-home .planos .col-2:nth-of-type(2) .card {
    background: #fff6c7;
    border-color: #ffda82;
}

.cat-home .planos .col-2:nth-of-type(3) .card {
    background: #b9b9dc;
    border-color: #938ad5;
}

.cat-home .planos .col-2:nth-of-type(3) .card span.pl2 {
    color: #514c78;
}

.cat-home .planos .col-2:nth-of-type(3) .card span.pl1 {
    color: #414d5e;
}

.cat-home .planos .col-2:nth-of-type(2) .card span.pl2 {
    color: #7e6332;
}

.cat-home .planos .col-2:nth-of-type(4) .card {
    background: #359ccd6e;
    border-color: #51aad3;
}

.cat-home .planos .col-2:nth-of-type(4) .card span.pl2 {
    color: #25769b;
}

.cat-home .planos .col-2:nth-of-type(5) .card {
    background: #cd3c356e;
    border-color: #cb8581;
}

.cat-home .planos .col-2:nth-of-type(5) .card span.pl1 {
    color: #874844;
}

.cat-home .planos .col-2:nth-of-type(5) .card span.pl2 {
    color: #874844;
}

.circulo {
    width: 75px;
    height: 75px;
    background: url(../img/circulo.svg) no-repeat center;
    display: flex;
    align-items: center;
    text-align: center;
    background-size: contain;
    justify-content: center;
}

.circulo.pag {
    background: url(../img/circulo-2.svg) no-repeat center;
    background-size: contain;
}

.tabela-responsiva {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.inter.rows,
.cham {
    margin-bottom: 2rem
}

.inter.rows:last-child,
.cham:last-child {
    margin-bottom: 0rem !important;
    border-bottom: 0 !important
}

.ativo {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4caf50;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #4fd57e;
    color: #fff;
}

.inativo {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #9b90a3;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #c4bdc9;
    color: #68616c;
}

.deletado,
.vencido {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffd2cf;
    color: #68616c;
}

.digitacao,
.atrasado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #bf9517;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fdf7c5;
    color: #9b6c51;
}

.novo,
.em_dia {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4199c5;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #42d4ff;
    color: #ffffff;
}

.cancelado,
.recusado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffd2cf;
    color: #68616c;
}

.finalizado,
.liberado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #428b45;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #7ebb81;
    color: #fff;
}

.enviado,
.entregue,
.demo {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #7e6397;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #9e7ebb;
    color: #fff;
}

.pendente,
.parcialmente_pago,
.em_transito,
.demo_vencido {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #c76a4c;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fd8964;
    color: #fff;
}


.concretizado,
.autorizado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4caf50;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #4fd57e;
    color: #fff;
}

.indisponivel {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #85808d;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #d8d8d9;
    color: #746b7a;
}

.ocupado,
.bloqueado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #85808d;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #85808dbf;
    color: #ffffff;
}

.disponivel,
.desbloqueado {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #428b45;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #7ebb81;
    color: #fff;
}

.obrigatorio,
.prospecto {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #bf9517;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #fbc219;
    color: #997303;
}

.pago {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #4199c5;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #1cb7e5;
    color: #ffffff;
}

.aberto {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #91886c;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #ffe73b;
    color: #605757;
}

.fechado,
.nao_assinante {
    position: relative;
    padding: 0.3rem 0.4rem;
    margin-bottom: 1rem;
    border: 1px solid #f77373;
    border-radius: 0.25rem;
    text-transform: capitalize;
    background: #f76950;
    color: #ffeeeb;
}

.banner-thumb {
    display: inline-block;
    min-height: 68px;
    display: grid;
    align-items: center;
    justify-content: center;
    position: relative
}

.banner-thumb span {
    position: absolute;
    background: #42b2ff;
    bottom: 20px;
    left: 24%;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    transition: all .4s linear;
}

.banner-thumb img {
    transition: all .4s linear;
}

.lnr-eye {
    position: absolute;
    top: 32px;
    right: 30px;
    cursor: pointer;
}