@font-face {
    font-family: Poppins-Regular;
    src: url(../../fonts/Poppins/Poppins-Regular.ttf)
}

@font-face {
    font-family: Poppins-ExtraLight;
    src: url(../../fonts/Poppins/Poppins-ExtraLight.ttf)
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../../fonts/Poppins/Poppins-Medium.ttf)
}

@font-face {
    font-family: Poppins-Italic;
    src: url(../../fonts/Poppins/Poppins-Italic.ttf)
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../../fonts/Poppins/Poppins-Bold.ttf)
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../../fonts/Poppins/Poppins-SemiBold.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Regular;
    src: url(../../fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf)
}

@font-face {
    font-family: PlayfairDisplay-Bold;
    src: url(../../fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf)
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../../fonts/Montserrat/Montserrat-Regular.ttf)
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../../fonts/Montserrat/Montserrat-Bold.ttf)
}

img {
    width: 15% !important;
}

.topo {
    margin-top: 20px !important;
}

.topo_aula {
    margin-top: -30px !important;
}

@media (min-width: 1306px) {

    div.esquerda {
        width: 18% !important;
        float: left;
        margin-left: 4px;
    }

    div.esquerdav {
        width: 12% !important;
        float: left;
        margin-left: 4px;
    }

    div.esquerda_dashboard {
        width: 23%;
        float: left;
        margin: 10px;
    }



}

@media (max-width: 1305px) {

    div.esquerda {
        width: 25% !important;
        float: left;
        margin-left: 4px;
    }


    div.esquerda_dashboard {
        width: 22%;
        float: left;
        margin: 10px;
    }
}

@media (min-width: 742px) and (max-width: 1305px) {

    div.esquerda {
        width: 30% !important;
        float: left;
        margin-left: 4px;
    }

    div.esquerda_dashboard {
        width: 22%;
        float: left;
        margin: 10px;
    }
}

@media (max-width: 741px) {

    div.esquerda_dashboard {
        width: 100%;
        margin: 5px;
    }
}



div.esquerda_pedido {
    width: 25%;
    float: left;
}

div.esquerda_pesquisa {
    width: 20%;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    line-height: 40px;
}

div.esquerda_descricao {
    width: 65%;
    float: left;
}

div.esquerda_descricao_f {
    width: 80%;
    float: left;
}


div.esquerda_pedido_btn {
    width: 6%;
    float: left;
}

div.direita {
    width: 40%;
    float: left;
    margin-left: 12px;
}

.esquerda_pesquisa {
    width: 30%;
    float: left;
}

.direita_pesquisa {
    width: 45%;
    float: left;
    margin-left: 12px;
}


.resumo {
    /*background-color: lightblue !important;*/
    z-index: 9 !important;
}

.resumo1 {
    z-index: 9999 !important;
}

.main {
    background-color: white !important;
    height: 700px !important;
}

.sr-only {
    width: 100% !important;
}

@media (min-width: 911px) {
    .card-header {
        font-size: 18px !important;
    }
}

@media (max-width: 910px) {
    .card-header {
        font-size: 12px !important;
    }
}


@media (max-width: 767px) {
    .card-header {
        font-size: 9px !important;
    }
}

.fundo-navbar {
    background: white !important;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    margin: 20px 30x;
    color: white;
}

.img-thumbnail {
    width: 250px !important;
    height: 300px !important;
}


.form-control-select {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.mensagem-erro {
    color: red;
    font-weight: 500;
}

.pagination-container {
    bottom: 30px !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            background-color: #0053A1;
            color: #ffffff;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #0053A1;
        border-color: #0053A1;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #0053A1;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p_m_a {
    background: #ffffff;
    width: 11%;
    border-radius: 10px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.icon_m_a {
    width: 100%;
    background-color: #16c16e;
    text-align: center;
    color: white;
    font-size: 19px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nome_m_a {
    padding: 10px;
    text-align: center;
    font-weight: 600;
    color: #303130;
    font-size: 12px;
}

.card-header {
    justify-content: center;
    align-items: center;
    align-content: center;
}

a.link_m_a {
    text-decoration: none;
    display: contents;
}

.p_m_a:hover {
    transform: rotate(-10deg);
    filter: grayscale(1);
}

jdiv#jvlabelWrap {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .card-header {
        display: block !important;
    }

    .p_m_a {
        width: 100%;
        margin-bottom: 10px;
    }

    #cpfinvalido {
        display: none;
    }
}

.badge.badge {
    font-size: 12px !important;
    font-weight: 600;
    padding: 8px;
}

span.badge.badge:hover {
    background-color: #02d462 !important;
    border: solid 2px #02d462 !important;
    color: black !important;
}

.badge.badge {
    font-size: 14px;
    font-weight: 600;
    padding: 8px;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ebebeb !important;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.progress {
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #cecece;
    border-radius: .25rem;
}

.menu-cima-principal {
    display: flex;
}

.menu-secundario {
    display: flex;
    padding: 0px 0px 10px;
}

.menu-secundario-sub {
    color: #6e6e6e;
    cursor: pointer;
    margin-right: 17px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}

    .menu-secundario-sub:hover {
        color: #676ac7;
    }

#menu-icone-cima {
    color: #ffffff;
    padding: 5px;
    border-radius: 6px;
    height: 23px;
    width: 23px;
    text-align: center;
}

.botaosalvar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #bbbbbb;
}

button.btn.btn-success.btn-sm {
    border-radius: 38px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #3ec487 !important;
    border: #3ec487 !important;
}

button.btn.btn-danger.btn-sm {
    border-radius: 38px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #f03a5f !important;
    border: #f03a5f !important;
}

.titulo {
    color: floralwhite;
    font-size: 18px !important;
    font-weight: bold;
}

.fundo-aula {
    background-color: lightgray;
}

button.btn.btn-success.btn-sm {
    border-radius: .2rem;
}

.icone {
    width: 7% !important;
}

.navbar-toggler {
    background-color: #22297a !important;
    
}

.navbar-toggler-icon {
    background-position: center center !important;
}



.formapgto {
    width: 100% !important;
}

.banner {
    width: 100% !important;
}



.card-img-top {
    width: 100% !important;
    border-top-left-radius: calc(0.375rem - 1px) !important;
    border-top-right-radius: calc(0.375rem - 1px) !important;
}

.card-img-top-b {
    width: 215.05px !important;
    height: 322.89px !important;
    border-top-left-radius: calc(0.575rem - 1px) !important;
    border-top-right-radius: calc(0.575rem - 1px) !important;
    vertical-align: middle !important;
    border-style: none !important;
    text-align: center;
}

.card1 {

    width: 250px !important;

}

.stext-301 {
    font-family: Montserrat-Bold;
    font-size: 15px;
    line-height: 1.6;
    text-transform: uppercase;
}

.stext-301 {
    font-family: Montserrat-Bold;
    font-size: 22px !important;
    line-height: 0 !important;
    text-transform: uppercase;
    border-bottom: solid 1px !important;
    margin-bottom: 37px !important;
}

.cl0 {
    color: #fff;
}

.p-b-30, .p-tb-30, .p-all-30 {
    padding-bottom: 30px;
}

.p-b-50, .p-tb-50, .p-all-50 {
    padding-bottom: 50px;
}

.bg3 {
    background-color: #222;
    background: url(../../images/rodape.jpg) !important;
    background-position-y: 0;
    background-size: auto;
    background-size: 1863px !important;
    background-position-y: -26px !important;
}

.p-b-32, .p-tb-32, .p-all-32 {
    padding-bottom: 32px;
}

.p-t-75, .p-tb-75, .p-all-75 {
    padding-top: 75px;

}

.size-201 {
    max-width: 270px;
}

.stext-107 {
    font-family: Poppins-Regular;
    font-size: 13px;
    line-height: 1.923;
}

.cl7 {
    color: #fff !important;
    font-size: 15px !important;
}

ul, li {
    list-style-type: none;
}

.rodape {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.compra {
    vertical-align: middle !important;
    border-style: none;
    margin-bottom: -63px;
    margin-left: 80px;
}

.formapgto1 {
    width: 45% !important;
}

.p-t-40, .p-tb-40, .p-all-40 {
    padding-top: 40px;

}

.flex-c-m {
    justify-content: center;
    text-align: center;
    -ms-align-items: center;
}

.flex-w {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-r-1, .m-lr-1, .m-all-1 {
    margin-right: 1px;
}

.m-l-1, .m-lr-1, .m-all-1 {
    margin-left: 1px;
}

.m-b-1, .m-tb-1, .m-all-1 {
    margin-bottom: 1px;
}

.m-t-1, .m-tb-1, .m-all-1 {
    margin-top: 1px;
}

.p-b-18, .p-tb-18, .p-all-18 {
    padding-bottom: 18px;
}

.txt-center {
    text-align: center;
}

.rodapebanner {
    margin-top: 10px !important;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.rotativo_texto {
    background: black;
    padding: 5px;
    margin-top: 5%;
    width: 100%;
    color: white !important;
}

marquee.texto_rotativo {
    color: white;
    font-size: 23px;
    font-family: 'Roboto Mono', monospace;
    margin: 6px;
    line-height: 15px;
}

marquee p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}