html {
    overflow-x: hidden;
}

html.trav, body.trav {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.menu-text {
    color: #8A8A8A;
}
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.row-input {
    background: #FFFFFF;
    border-radius: 60px;
}
.button-input {
    border-radius: 60px;
    border: none;
    right: 6%;
    width: 40px;
    height: 40px;
}

.button-rounded {
    background: #C41B17;
    border-radius: 100px;
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.color-default {
    color: #C41B17 !important;
}

.color-default-disabled {
    color: #A8A8A8 !important;
}

.color-default-disabled:hover {
    color: #A8A8A8 !important;
}

.fill-default {
    fill: #C41B17 !important;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.cursor-none {
    cursor: not-allowed
}

.cursor-link{
    cursor: pointer;
}

.dropdown-toggle.no-after::after {
    display: none;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    font-family: 'Roboto';
}

@media (min-width: 768px) {
    html {
        font-family: 'Roboto';
        font-size: 16px;
    }
}



.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

.footable-toggle {
    margin-bottom: 5px;
}



/* Sticky footer styles
-------------------------------------------------- */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Roboto';
}

#wrapper {
    min-height: 100%;
    position: relative;
}

body {
    /* Margin bottom by footer height */
    /* margin-bottom: 60px;*/
}

.body-content {
    padding-bottom: 100px;
    min-height: 975px
}

.custom-toggler.navbar-toggler {
    border-color: white;
    border: none
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(196,27,23, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.nav-item button {
    border-bottom: 3px solid transparent !important;
}

    .nav-item button:hover {
        border-bottom: 3px solid #C41B17 !important;
    }

    .nav-item button.focus, .nav-item button:focus {
        outline: 0px;
        box-shadow: none !important;
        border-bottom: 3px solid #C41B17 !important;
    }

.mt .active {
    border-bottom: 3px solid #C41B17 !important;
}

.navbar-left {
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
}

.dropdown-item:focus {
    background-color: #C41B17;
}


@media screen and (max-width: 575px) {
    .dropdown_collapse {
        display: block !important;
    }

    .dropdown_not_collapse {
        display: none !important;
    }
}

@media screen and (min-width: 576px) {
    .dropdown_collapse {
        display: none !important;
    }

    .menu-nao-logado {
        margin-left: 80px;
    }
}

.font_reduzida {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .font_reduzida::after {
        content: '';
        display: block;
        margin: auto;
        width: 0;
        height: 5px;
        background: #C41B17;
        transition: width .3s;
    }

    .font_reduzida:hover::after {
        width: 100%;
    }

.font-aviso {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

.span-novo {
    background-color: #C41B17;
    width: 41px;
    height: 19px;
}


@media screen and (max-width:425px) {
    .sumir-mobile {
        display: none
    }

    .body-content {
        padding-bottom: 0px;
        height: 100%;
        min-height: 100%;
    }

    .footer {
        /*position: relative !important*/
        display: none !important;
    }

    .font_reduzida {
        padding-bottom:0;
    }
}



@media screen and (max-width: 1200px) {
    .font_reduzida {
        font-size: 13px;
        padding-top: 6px;
    }

    .font-aviso {
        font-size: 11px;
    }
}


.dropdown-item:hover {
    background-color: #F4F4F4;
}

.footer-admin {
    width: 100%;
    height: 105px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-copyright-admin {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

    .footer-copyright-admin span, .footer-copyright-admin a {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 11px;
        line-height: 13px;
        text-align: center;
        color: #8A8A8A;
    }

.footer {
    /*position: absolute;*/
    width: 100%;
    max-height: 385px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFFFFF;
    text-align: center; /* Vertically center the text there */
}

.img-footer-logo {
    height: 80px;
    width: 349px
}

.img-divisor {
    max-height: 50px;
    margin-top: 15px;
}

.img-footer-segundo-logo {
    height: 80px;
}


.content-footer {
    width: 100%;
    margin-top: 2em;
}

.logo-footer {
    height: 73px;
    float: right;
}


.align-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Width*/

.w-90 {
    width: 90%
}
/*Margin*/
.mb-50 {
    margin-bottom: 50px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-40 {
    margin-bottom: 40px
}


/*Text-Align*/
.txt-alg-lat-center {
    text-align-last: center
}

/*Text-Decoration*/
.txt-deco-under {
    text-decoration: underline
}

a.txt-link {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */
    color: #C41B17;
    text-decoration: none;
}

.txt-cinza {
    font-size: 12px;
    line-height: 14px;
    text-align: justify;
    color: #939598;
}

.txt-bold{
    font-weight:bold;
}

.txt-titulo {
    font-size: 27px;
    line-height: 32px;
    text-align: center;
    color: #000000;
}

/*Pading*/
.pb-10 {
    padding-bottom: 10px;
}

.pl-30 {
    padding-left: 30px;
}

.img-carrosel {
    height: 100px;
    width: 200px;
    border: none;
}
/*Background Colors*/
.bg-red {
    background-color: #C41B17
}

.bg-black {
    background-color: black;
}

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

.bg-default {
    background-color: #F4F4F4;
}

.bg-cinza {
    background: #202020;
}

/*Colors */
.color-gray {
    color: gray
}

.color-black {
    color: black
}

.color-dimgray {
    color: dimgray
}

.detalhe_pedido_texto {
    font-size: 14px;
}

/*Color Pagination Bootstrap*/
.page-link {
    color: #999999;
}

.page-item.active .page-link {
    background-color: #202020;
    border-color: #202020;
}


/*Font Size*/
.fs-14 {
    font-size: 14px;
}

.banner {
    /* overflow: hidden!important;*/
}

.footer_final {
    background-color: black !important;
    padding: 10px !important;
}

.img_carrosel {
    margin-left: 200px !important
}

#qtd-itens-carrinho {
    width: 25px;
    height: 25px;
    position: absolute;
    background: #C41B17;
    border-radius: 12.5px;
    margin-left: 20px;
    bottom: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #qtd-itens-carrinho span {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: #FFFFFF;
    }

@media screen and (max-width: 761px) {
    .esconder_divisor {
        max-height: 40px !important
    }

    .diminuir_banner_footer {
        max-height: 65px;
        max-width: 280px;
    }
}

@media screen and (max-width: 760px) {

    .diminuir_banner_footer {
        float: none !important
    }
}

@media screen and (max-width: 720px) {
    #qtd-itens-carrinho {
        bottom: 22%;
    }
}

@media screen and (min-width: 701px) {

    .carrosel_1 {
        display: block
    }

    .carrosel_2 {
        display: none !important
    }

    .carrosel_3 {
        display: none !important
    }
}

@media screen and (max-width: 700px) {

    .carrosel_1 {
        display: none
    }

    .carrosel_2 {
        display: flex !important
    }

    .carrosel_3 {
        display: none !important
    }
}

@media screen and (max-width: 655px) {
    #qtd-itens-carrinho {
        bottom: 25%;
    }
}

@media screen and (max-width: 622px) {
    .esconder_divisor {
        display: none !important;
    }
}

@media screen and (max-width: 552px) {
    #qtd-itens-carrinho {
        bottom: 16%;
    }
}

@media screen and (max-width: 500px) {

    .carrosel_1 {
        display: none
    }

    .carrosel_2 {
        display: none !important
    }

    .carrosel_3 {
        display: flex !important
    }
}

@media screen and (max-width: 491px) {
    #qtd-itens-carrinho {
        bottom: 16%;
    }
}

@media screen and (max-width: 425px) {
    #qtd-itens-carrinho {
        bottom: 45%;
    }
}

@media screen and (max-width: 400px) {
    .diminuir_banner_footer {
        /* display: none*/
        float: left !important;
        max-height: 65px;
        max-width: 280px;
    }
}

@media screen and (max-width: 310px) {
    .diminuir_banner_footer {
        /* display: none*/
        max-height: 50px;
        max-width: 215px;
    }
}

.not_margin {
    margin-top: 0px !important;
}

/* Colors */
.vermelhoEscuro {
    background: #C41B17;
}

.cinzaEscuro {
    color: #777777;
}

/* Texts */
.texto-box-menu-branco {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
}

.texto-box-menu-cinza {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #777777;
}

/* Components */
.box-menu-vermelho {
    width: 216px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-editar-direita {
    right: 0;
    position: absolute;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.img-icon-editar {
    height: 25px;
}

.box-titulo-preto {
    background: #202020;
    height: 51px;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 18px;
}

@media screen and (max-width: 1000px) {
    .box-menu-vermelho {
        width: 170px;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.conta-caracteres {
    float: right;
    font-size: 13px;
}

/* Validation Forms */
.text-validation-error {
    font-weight: 700;
    font-size: 13px;
}

.text-label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}

/* Buttons */
.button-vermelho {
    width: 261px;
    height: 50px;
    background: #C41B17;
    color: #FFFFFF;
}

.button-vermelho:hover:not([disabled]) {
    color: #FFFFFF;
}

.button-vermelho:disabled, btn-atualizar-vermelho[disabled] {
    background-color: #DEDEDE !important;
    border: #DEDEDE;
    color: #FFF !important;
}

/* Tamanho fonts */
.fs-18 {
    font-size: 18px;
}

/* Titulos */
.tituloCinza {
    font-weight: 700;
    color: #777777;
    font-size: 18px;
}

.esconder_icone {
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .esconder_icone {
        display: none
    }

    .tituloCinza {
        font-weight: 700;
        color: #777777;
        font-size: 16px;
    }
}

@media screen and (min-width:768px) {
    .img-footer-esquerda {
        display: flex;
        justify-content: flex-end;
    }

    .img-footer-direita {
        display: flex;
        justify-content: flex-start;
    }
}

@media screen and (max-width:768px) and (min-width: 623px) {
    .img-footer-esquerda {
        display: flex;
        justify-content: flex-start;
    }

    .img-footer-direita {
        display: flex;
        justify-content: flex-end;
    }
}


@media screen and (max-width: 622px) {
    .logo-footer {
        height: 73px;
        float: none;
    }

    .img-footer-esquerda {
        display: inline-table;
        justify-content: center;
    }

    .img-footer-direita {
        display: inline-table;
        justify-content: center;
    }
}

@media screen and (max-width: 589px) {
    .mobile-footer {
        display: inline;
    }
}

span.font-italic {
    font-style: italic;
    font-size: 12px;
}

.tela-home {
    height: 650px
}

.banner-image {
    height: 70%;
    /* background: green; */
    width: 200px;
    background-size: cover;
    background-position: center;
}

.caixa-texto {
    background-color: #000000;
    height: 30%
}

#home-banners {
    width: 100%;
    height: 100%;
}

.min-h-450 {
    min-height: 450px
}

.titulo-banner {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 37px;
    color: #FFFFFF;
}

.texto-banner {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
    color: #FFFFFF;
    white-space: pre-line;
}

.img-banner {
    max-height: 500px;
    min-height: 275px;
}

.icon-carousel {
    background: rgba(255, 255, 255, 0.5);
    max-width: 62px;
    max-height: 70px;
    margin-top: 150px;
    border-radius: 1px
}

    .icon-carousel:hover {
        cursor: pointer
    }


.icon-prev, .icon-next {
    cursor: pointer
}


#home-banners .carousel-inner,
#home-banners .carousel-item {
    height: 100%;
}

.icon-carrosel-marcas {
    max-width: 80px
}

.icon-marcas {
    color: dimgray
}

.img-carrosel {
    height: 100px;
    width: 200px !important;
    border: none;
}

table.tbs > tbody > tr > td, table.tbs > thead > tr > th {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.tbs thead a {
    color: white;
}

.tbs thead a:hover {
    color: white;
}

.table .md-text-center {
    text-align: center;
}

.table .footable-details .md-text-center {
    text-align: right;
}

.botao-os {
    background-color: #C41B17;
    border-radius: 5px;
    width: 173px;
    height: 50px;
}


.btn-transparent {
    border: 0;
    background: transparent;
    color: white;
}


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

.position-initial{
    position:initial !important;
}

.link-to-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor:pointer;
}

.link-to-center:hover{
    display:block;   
}

.w-200{
    width:200px;
}