/*@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&display=swap');
body {background-color:#FAFAFA;color:#333333;font-family: 'Open Sans', sans-serif;font-size:1rem}
.titulo, .cinza-titulo, .titulo-azul, .montserrat, .breadcrumb, .caminho, nav,  {font-family: 'Montserrat', sans-serif;font-weight:700}
.cinza-titulo {font-size:18px;font-weight:800}
#carregando {position:absolute;z-index:9999;/*display:block;display:none;*/width:100%;height:100%;background-color:#295097;color:#fff;/*background-color:rgba(248,185,83,255);color:rgba(248,185,83,255);*/font-size:4rem;text-shadow:-1px -1px 0 #29596d, 1px -1px 0 #29596d, -1px 1px 0 #29596d, 1px 1px 0 #29596d;padding-top:20%}
#capa-busca {position:absolute;z-index:3;display:none;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.7)}
.busca .close {position:absolute;top:12px;z-index:990;color: rgba(127, 127, 127);display:none;width:100%;cursor:pointer!important}
.cursor {cursor:pointer!important}
.busca .form-control {margin-left:6px;width:90%;font-size: 1.067rem;color: rgba(100,100,100)}
.busca form {width:100%}
.busca-col-6 {max-width:70%!important}
.busca input::-webkit-input-placeholder {color:#A9A9A9} /* Edge */
.busca input:-ms-input-placeholder {color:#A9A9A9} /* Internet Explorer */
.busca input::placeholder {color:#A9A9A9}
.campoB {background-color:red}
.ui-autocomplete-category {font-weight:bold;padding:.2em .4em;margin:.8em 0 .2em;line-height: 1.5}
/*Setas para elementos*/
.class::before {transform: translateY(-50%); position: absolute; left: 0; top: 50%; z-index: 1; display: block; width: 0; border-style: solid; border-color: transparent #9b3a3a; border-width: 6px 0 6px 6px; content: ""; }
.pedido::before, .busca form::before {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);position:absolute;z-index:1;display:block;width:0}
/*
.pedido::before {left:4.5rem;top:2.1rem;border-style:solid;border-color:transparent#007BFF;border-width:0px 0 56px 28px;content:""}
.pedido form::before {left:4.8rem;top:2rem;border-style:solid;border-color:transparent#fff;border-width:0px 0 42px 20px;content:""}
*/
div.col-md-6:has(> nav.busca) {position:absolute;z-index:990;flex:0!important;max-width:100%!important}
a {outline:0;color:#1077CC}
a:hover {text-decoration:none}
label{display:block}
p {line-height:2rem}
.nopadding {padding:0px!important}
.nopaddinglat {padding-left:0px!important;padding-right:0px!important}
.nopaddingteb {padding-top:0px!important;padding-bottom:0px!important}
.nopaddingtop {padding-top:0px!important}
.nopaddingbot {padding-bottom:0px!important}
.nomarginbot {margin-bottom:0px!important}
.padding10tb {padding:10px 0}
.padding5 {padding:5px}
.padding5 {padding:5px}
.paddingtop12rem {padding-top:1.2rem!important}
.paddingtop15 {padding-top:215px}
.paddingtop25 {padding-top:25px}
.paddingtop30 {padding-top:30px}
.paddingbot35 {padding-bottom:35px}
.paddingbot5  {padding-bottom:5px}
.paddingbot10 {padding-bottom:10px}
.paddingbot15 {padding-bottom:15px}
.paddingbot45 {padding-bottom:45px}
.padding20left {padding-left:20px}
.padding20right {padding-right:20px}
.nomargin {margin:0px!important}
.margin5tb {margin:5px 0}
.margin10tb {margin:10px 0}
.margin20left {margin-left:20px}
.margin10left {margin-left:10px}
.close {line-height:1rem!important}
.breadcrumb-item + .breadcrumb-item::before {content: ">"}
.h40 {height:40px}
.alert {display:inline-block;padding: .75rem 1.25rem!important}
.card {margin:10px 0}
.card .icon-bateria {height:20px;width:27px}
.card .icon-alerta {height:22px;width:26px}
.card .icon-bin {height:22px;width:22px}
.card .icon-check {height:28px;width:25px}
.card .icon-lampada, .icon-lampada {width:22px;height:34px}
.avalie {height:280px}
.avalie .btn {padding:.200rem .70rem;color:#404040;background-color:rgba(238, 238, 238, 1);border-color:rgba(238, 238, 238, 1)}
.avalie .btn-primary:hover {color:#fff;background-color:#0069d9;border-color:#0062cc}
.avalie p {min-height:117px}
.avalie .form-inline input {border-radius:.25rem}
.avalie button {width:30px!important;height:38px;margin-left:4px;color:#fff;background-color:#0069d9;border-color:#0062cc}
.avalie button:hover {color:#404040;background-color:rgba(238, 238, 238, 1);border-color:rgba(238, 238, 238, 1)}
.avalie .limpo {min-height:auto}
.ajuda {margin-top:15px}
.ajuda p {line-height:1.3rem;margin-top:10px;font-size:15px;font-weight:700}
.ajuda button {padding: 6px!important}
.light {font-weight:lighter!important}
.caminho {padding-top:10px;color:#333333;font-weight:bold;font-size:15px}
.caminho a, .caminho {color: rgba(150, 152, 154, 0.698039215686274)!important}
.caminho a:hover {color:#007bff!important}
.modal-content {font-size:15px}
/*
.modal-content b {font-size:17px}
*/
#filtragem {display:none;position:absolute;z-index:999;width:100%;height:auto;background-color:rgba(255, 255, 255);}
.filtragemclose {margin:20px}
.bg-primary {background-color:#1077cc!important}
.menu, .menu-2 {font-size:13px;}
/*--------------------------- Boostrap Default ---------------------------*/
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .busca {padding:0}
    .busca form {width:97%}
    .busca .form-control {margin:5px;width:88%}
    .busca .btn {padding: 0 6px 0 5px!important}
    .pb-5, .py-5 {padding-bottom: 0rem!important}
    .pt-5, .py-5 {padding-top: 1rem!important}
    .card {margin-bottom:15px!important}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .busca .form-control {width:83%}
    /*.busca form {width:100%}*/
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .modal button {font-size:10px!important}
    .modal .close {font-size:35px!important}
    .modal-content {/*width:98%!important;*/margin:0 auto!important}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .busca .form-control {margin-left:5px;width:90%}
}
/*--------------------------- Fim do Boostrap Default ---------------------------*/
@media (max-width: 576px) {
    /*body {overflow-x:hidden}*/
    .busca {padding:0}
    .busca form {width:100%}
    .busca .form-control {margin-left:7px;width:85%}
    .busca .btn {padding: 0 6px 0 7px!important}
    .ajuda button {margin-bottom:10px}
    .card {margin-bottom:5px!important}
    .btn-outline-light:hover {color:#fff;background-color:transparent;border-color:transparent}
    .pb-5, .py-5 {padding-bottom:0rem!important}
    .pt-5, .py-5 {padding-top:.5rem!important}
    /*
    .breadcrumb {display:none;visibility:hidden}
    */
    .modal button {font-size:10px}
    .modal-content {width:98%;margin:0 auto}
    footer .copyright {padding-top:20px;font-size:17px}
    /*Alterações nas class criadas*/
    .busca form .width-92 {width:85%!important}
}
@media (min-width: 576px) and (max-width: 768px) {
    .busca .form-control {width:83%}
    /*.busca form {width:100%}
    body {background-color:lightblue}
    */
    .card {}
    .card img, .table img {width:30px!important;height:auto!important}
    .ajuda {margin:0 5px}
    .table td, .table th {border:0px;padding-top:20px!important}
    .table {font-size:14px}
    .table td {padding-top:20px!important}
    .produtos-table img {margin:0 2px;height:auto!important}
    .table-financeiro img {display:none}
    .table-financeiro button {margin-top:-11px;}
    .busca .form-control {width:89%}
    .table, #accordion {font-size:12px}
    .container {padding:0px;}
    /*Produtos*/
    .interno-produtos > .col-md-10 .offset-md-1 .row  {padding-left:40px!important;}
    .interno-produtos .card img {width:auto!important}
    /*Modal*/
    .modal-dialog {max-width:550px!important}
}
@media (max-width: 992px) {
    /*Alterações do Menu*/
    /*
    body {background-color:red}
    */
    .navbar .container {max-width:100%}
    .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
    .navbar {padding:0px}
    .navbar .navbar-brand, .navbar button {padding:15px}
    .navbar .navbar-brand {padding:15px 0}
    .navbar-dark .navbar-toggler {border:0}
    .navbar li {padding:10px 0;background-color:#1077cc}
    .navbar .fa-bars {color:#FFFFFF}
    #navbar-principal {margin:10px 0}
    #navbar-principal li a {margin-left:25px}
    #navbar-principal .menu a {color:#FFF!important}
    .navbar-brand {margin-right: 5rem;font-size: 0.95rem}
    .nav-item {border-bottom:solid 1px #fff;float:left!important}
    .menu li:first-child {border-top:solid 1px #fff}
    .menu-2 li:first-child {text-transform:uppercase}
    .linha {display:none;visibility:hidden}
    .mobile-social-media {background-color:#0e5889;color:#fff;padding:20px;margin-left:20px;}
    .navbar-brand {margin-right: 5rem; font-size: 0.95rem}
    .aviso-home {width:100%!important}
    .ui-accordion-header-icon {display:none!important}
    table td {padding:1px!important}
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:5px;padding-left:5px;}
    /*Interno*/
    .card .cardbntcen {position:relative;left:auto;bottom:auto}
    .card {min-height:auto!important}
    .home-novidade {}
    .home-novidade img {height:auto!important}
    .home-novidade a {font-size:11px;}
    .banner-home img {height:auto!important;width:100%!important}
    /*Busca*/
    .busca-col-6 {max-width:100%!important}
    /*Alterações nas class criadas*/
    .busca .width-92 {width:89%!important}
    /*Timeline*/
    .timeline {padding-inline-start:0px!important}
    .estagio .estado, .estagio {margin-bottom:0rem!important}
    .status {padding:5px;margin:5px}
    .status::before {left:28%!important;top:0%!important}
    .nfdet div {padding:5px 0}
}
@media (max-width: 1200px) {
    nav {font-size:12px!important}
    .ajuda {padding-bottom:20px}
    footer a.btn-social, .btn-social {width:30px;height:30px;line-height:30px}
}
/*Uteis Gerais*/
.avatar {border-width:2px;border-style:solid;border-color:rgba(0, 123, 255, 1)}
.aviso-home {border-width:2px;border-style:solid;border-color:rgba(255, 213, 37);background-color:rgba(255, 247, 226);border-radius:4px;font-weight:700;font-style:normal;font-size:13px;color:#333333;margin:25px 0;padding:0.45rem 1.25rem!important;width:46%;height:auto}
.aviso-home .frase {display:block;line-height:1.6;padding-top:2px}
.aviso-home i {padding-right:10px;font-size:18px}
.aviso-home .aviso-home-icon {position:absolute;height:48px;width:48px;top:-22px;z-index:888}
.aviso-home-anos {position:absolute;left:40px;top:4px;z-index:999}
.infos p {line-height:.6rem;font-size:13px}
nav {font-size:14px}
nav .pagination {font-weight:lighter}
.page-link:hover {color:#FFFFFF;background-color:#007bff;border-color:#007bff}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.8rem}
.navbar-principal {}
#navbar-principal .menu a {color:#96C8DC;font-weight:700}
.navbar-brand {font-weight:700;font-size:1.375rem}
.dropdown-menu {background-color:#295097;border:0}
.dropdown-menu a {color:#fff}
.dropdown-item {font-size:13px}
.linha {border-width:0px;position:relative;left:0px;top:0px;width:85px;height:1px;display:flex;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg)}
.site-header {background-color:rgba(14, 88, 137)}
.fundoazul {background-color:#295097}
.fundocinza {background-color:#3D3F47}
.fundobranco {background-color:#FFFFFF}
.amarelo {color: rgba(255, 213, 37, 1)!important}
.laranja {color: rgba(245, 154, 35, 1)!important}
.azul {color:#1077CC!important}
.azul-claro {color:#1077CC}
.titulo-azul {color:#1077CC;font-size:1rem;font-weight:700}
.titulo-azul-home {font-size:24px;font-weight:bold;color: #295097;padding:10px 0}
.cinza {color:#96989A!important}
.cinza-aviso {color: rgba(150, 152, 154, 0.698039215686274);font-weight:700}
.cinza-titulo {color:#96989A;font-weight:600!important}
.cinza-escuro-aviso {color: rgba(85, 85, 85, 1)!important;font-weight:700}
.bordalp {border-width:0px 0px 0px 2px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.bordarp {border-width:0px 0px 1px 0px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.bordatop {border-width:1px 0px 0px 0px; border-style:solid solid solid solid; border-color:#797979 #797979 #797979 #797979}
.dropdown-item:focus, .dropdown-item:hover {color:#ffd400;text-decoration:none;background-color:#295097}
.width-auto {width:auto!important}
.width-100 {width:100%!important}
.width-97 {width:97%!important}
.width-90 {width:90%!important}
.width-92 {width:92%!important}
.width-84 {width:84%!important}
.width-80 {width:80%!important}
.card {box-shadow: 0px 0px 14px rgba(199, 201, 203, 0.498039215686275);-webkit-box-shadow: 0px 0px 14px rgba(199, 201, 203, 0.498039215686275);min-height:280px}
.card .texto {padding:15px;margin-block-end:.4em}
.card .textobin {padding:15px;margin-block-end:.4em;line-height:1.3rem;font-size:12px}
.card-250 {min-height:250px!important}
.card-72 {min-height:72px!important}
.card-170 {min-height:170px}
.card-177 {min-height:177px}
.card-180 {min-height:180px}
.card button, .card .btn, .table button, .modal-body button, .carrinho button {min-height:40px;font-family: 'Open Sans', sans-serif;font-weight:700!important;font-size:11px!important}
.cardbntcen {position:absolute;bottom:30px;left:27%;width:160px!important}
.cardbntcm {position:absolute;bottom:9px}
.card .cinza-titulo {padding-top:4px}
.card-fh {min-height:auto;margin:auto}
.card-body .row {margin:10px 0}
.card-body {padding:0.9rem 0.7rem}
.card-body p {font-size:15px;padding: 16px 19px 0 19px;line-height: 23px}
.card-body h1 {margin-bottom: 1.3rem}
.card-body .limpo {padding:0rem}
.card .laranja, .card .cinza,.card a {font-weight:700}
.card .cinza {font-size:14px}
.breadcrumb {background-color:transparent;padding:0rem 0rem 0rem 0rem;font-weight:700;width:auto;margin-block-start:0rem!important;margin-block-end:0rem!important;padding-inline-start:0px!important;padding-top:30px}
.breadcrumb span {font-weight:700!important}
.breadcrumb, .breadcrumb a, .breadcrumb:before {color:rgba(150, 152, 154, 0.698039215686274)!important}
.breadcrumbativo {display:block;font-size:21px;color:#1077CC;margin-bottom:20px!important;font-weight:600} 
.modal-dialog {max-width:800px}
.modal-header, .modal-footer {border:0}
.modal .close {font-size:55px!important}
.modal-body {padding:0px 3rem}
.modal-body button {font-size:16px}
.modal-body .btn-lg  {font-size:16px}
.btn-outline-light {border-color:transparent}
.form-control {font-family: 'Montserrat', sans-serif;color:rgb(153, 153, 153)}
.form-control, select {border-radius:0px;border:1px solid rgba(153, 153, 153)!important}
.borda2 {border-radius:28rem}
.btn, .btn:focus, .btn:hover, .btn:active, button, button:focus, button:hover, button:active, a, a:focus, button, img.map, map area, img[usemap] {outline:0!important;outline: none!important}
.fonte11 {font-size:11px!important}
.fonte12 {font-size:12px}
.fonte13 {font-size:13px!important}
.fonte14 {font-size:14px}
.fonte15 {font-size:15px}
.fonte20 {font-size:20px}
.font-weight-bold-600 {font-weight:600}
.btn-primary-dark {background-color:rgba(14, 88, 137, 1);color:#fff}
.btn-warning {background-color:rgba(255, 213, 37, 1);border-color:rgba(255, 213, 37, 1)}
.btn-primary {color:#fff;background-color:#1077CC;border-color:#1077CC}
.table {width:100%;border:1px solid #dee2e6;}
.table button {width:auto}
/*
.table td, .table th {padding:0.25rem!important}
*/
.table td {padding-top:10px}
.table {border-bottom: 1px solid #dee2e6}
.table .bordal {border-left: 1px solid #dee2e6}
.table .bordar {border-right: 1px solid #dee2e6}
.accordion h3 {font-size:90%!important;color:#404040!important}
.accordion .ui-icon {display:none}
.accordion-garantia p {line-height:1.5rem}
.ui-accordion-content {height:auto!important}
.ui-accordion .ui-accordion-content {font-size:14px}
.ui-state-default {}
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background-color: rgb(255, 255, 255)!important}
*/
.ui-state-active {}
.ui-state-active .laranja, .ui-state-active .azul {color:#FFF!important}
.nfdet div {padding:10px 0}
/*
.table td, .table th {height:58px;border-top:0px}
.table tr {height:58px}*/
.table thead tr th {border-top:0px;height:40px;margin-bottom:30px}
.form-check {padding-left: 2.25rem}
.aviso1 {padding:0 5px!important}
.height92 {min-height:92px!important}
/*produtos*/
.produtos-table {}
.produtos-table tbody tr td {/*padding-top:3%*/}
.produtos-table img {height:52px;width:auto}
.produtos-table button {/*width:100%;font-size:12px*/}
.envio {}
.envio p {padding-top:10px;line-height:normal}
.envio .ativo {border-style:solid;border-width:5px;border-radius:5px;border-color:rgba(16, 119, 204, 1);background-color:rgba(220, 248, 255, 1);padding:0px}
.envio img {margin-left:15%;height:33px;width:auto}
.entrega, .retirada {border-radius:5px;padding:5px}
.entrega:hover, .retirada:hover {border-style:solid;border-width:5px;padding:0px;border-color:rgba(14, 88, 137, 1)}
.carousel-indicators {bottom: 0px;}
/*Pedido*/
.aviso {display:none}
.confirmar-table {}
.confirmar-table td {padding-top:13px!important}
.btn-num, .btn-num1 {display:none}
.content {height:400px;overflow:auto;overflow-x:hidden}
.scrollable {height:auto;width:95%}
/*Busca*/
.busca .btn {padding:0 8px 0 4px;margin:0 2px 0 0}
.busca form {/*padding:5px*/}
.busca input {border:0px!important}
.titulo {position:relative;color:#295097;width:100%;margin:10px 0;font-weight:700;font-size: 1rem;padding:0 5px}
.titulo .elemento {background-image: url("../imagens/geral/linha.svg");background-repeat:no-repeat;background-position: 27px 60%}
.titulo .titint {padding-left:0px}
.menu-produtos p {margin: 1rem 0 0 1rem}
.form-check {margin: 1rem 0}
.interno-produtos .card {min-height:auto;padding:0 0 15px 0;margin-bottom:30px}
/*BIM*/
.tablebin {font-size:13px!important;width:100%}
.table-striped tbody tr:nth-of-type(2n+1) {background-color:#F7F7F7}

body .tablebin tr td {line-height:0.85!important}
/*Meus Pedidos*/
.aviso-paginacao {font-size:15px}
.less, .plus {font-size:25px!important;font-weight:bolder!important}
.qtdcarrinho .less, .qtdcarrinho .plus {font-size:10px !important}
.adicionar .fa {font-size:12px}
.img-bateria {height:28px}
#carrocheio {display:none}
.qtdcarrinho .fa {font-size:10px!important}
/*home*/
.home {position:absolute;height:100%}
.home > .card-body {padding-top:25px}
.home-fundo {background: url(../imagens/home/homepage.png) 0 0 / cover repeat scroll border-box border-box transparent}
.home-fundo2 {background: url(../imagens/home/home2.jpg) 0 0 / cover repeat scroll border-box border-box transparent}
.home-fundo3 {background: url(../imagens/home/home3.jpg) 0 0 / cover repeat scroll border-box border-box transparent}
.home-novidade {margin-top:23px}
.home-novidade a {font-size:14px}
.home-novidade img {border-radius:4px;padding:2px;margin-bottom:10px;width:238px;height:134px}
.home-novidade img:hover {border-style:solid;border-width:2px;padding:0px}
.home-novidade .col-sm-3 {padding-top:7px}
.home-container {}
.home-container > .home-novidade {line-height:1.1em!important}
.home-container > .home-novidade a {line-height:2px!important}
.form-signin label {padding-bottom:10px!important}
.banner-home {margin-top:24px}
.banner-home img {height:619px;width:auto}
.btn-google {border:1px solid #bababa}
.btn-google .fa-google {background: -webkit-linear-gradient(#EA4335, #FBBC05); -webkit-background-clip: text; -webkit-text-fill-color: transparent}
#logar label {padding-bottom:0;margin-bottom:0}
#logar, #esquecisenha {padding-top:10px}
/*rodape*/
.site-footer {background-color:rgba(61, 63, 71);color:rgba(255, 255, 255)}
.site-footer ul li a {color:rgba(255, 255, 255, .8);font-weight:bold}
.site-footer ul li a:hover {color:rgba(255, 255, 255, .6)!important}
.site-footer .fundo {background: url(../imagens/geral/padrao-circulo-rodape.png) 0 0 / auto repeat scroll border-box border-box transparent}
.site-footer .list-unstyled {margin-top:13px;line-height:23px;font-size:15px;color:#FFFFFF}
footer ul li {font-size:15px}
footer .copyright {padding:40px 0 0 35px;font-size:18px}

a.btn-social, .btn-social {border-radius: 50%; color: rgba(61, 63, 71); display: inline-block; height: 40px; line-height: 40px; margin: 2px 2px; text-align: center; text-decoration: none; transition: background-color .3s; webkit-transition: background-color .3s; width:40px}
a.btn-social:hover, .btn-social:hover {color: rgba(255, 255, 255)}
.btn-social .fa,.btn-social i {backface-visibility: hidden; moz-backface-visibility: hidden; ms-transform: scale(1); o-transform: scale(1); transform: scale(1); transition: all .25s; webkit-backface-visibility: hidden; webkit-transform: scale(1); webkit-transition: all .25s}
.btn-social:hover,.btn-social:focus {color: #fff; outline: none; text-decoration: none}
.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i {ms-transform: scale(1.2); o-transform: scale(1.2); transform: scale(1.2); webkit-transform: scale(1.2)}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}

.btn-behance
{
    background-color: #1769ff;
}
.btn-behance:hover
{
    background-color: #4a8aff;
}
.btn-bitbucket
{
    background-color: #205081;
}
.btn-bitbucket:hover
{
    background-color: #2a69aa;
}
.btn-codepen
{
    background-color: #76daff;
}
.btn-codepen:hover
{
    background-color: #a9e8ff;
}
.btn-deviantart
{
    background-color: #4e6252;
}
.btn-deviantart:hover
{
    background-color: #657e6a;
}
.btn-digg
{
    background-color: #000;
}
.btn-digg:hover
{
    background-color: #1a1a1a;
}
.btn-dribbble
{
    background-color: #ea4c89;
}
.btn-dribbble:hover
{
    background-color: #ef7aa7;
}
.btn-dropbox
{
    background-color: #007ee5;
}
.btn-dropbox:hover
{
    background-color: #1998ff;
}
.btn-facebook
{
    /*background-color: #3b5998;*/
    background-color: #C4C4C4;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}
.btn-flickr
{
    background-color: #0063dc;
}
.btn-flickr:hover
{
    background-color: #107cff;
}
.btn-foursquare
{
    background-color: #ef4b78;
}
.btn-foursquare:hover
{
    background-color: #f37a9b;
}
.btn-github
{
    background-color: #4183c4;
}
.btn-github:hover
{
    background-color: #689cd0;
}
.btn-google-plus
{
    background-color: #dd4b39;
}
.btn-google-plus:hover
{
    background-color: #e47365;
}
.btn-instagram
{
    /*background-color: #3f729b;*/
    background-color: #C4C4C4;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}
.btn-jsfiddle
{
    background-color: #4679bd;
}
.btn-jsfiddle:hover
{
    background-color: #6c94ca;
}
.btn-lastfm
{
    background-color: #e31b23;
}
.btn-lastfm:hover
{
    background-color: #e9484e;
}
.btn-linkedin
{
    /*background-color: #0976b4;*/
    background-color: #C4C4C4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}
.btn-paypal
{
    background-color: #253b80;
}
.btn-paypal:hover
{
    background-color: #304da8;
}
.btn-pinterest
{
    background-color: #cc2127;
}
.btn-pinterest:hover
{
    background-color: #e04046;
}
.btn-reddit
{
    background-color: #ff4500;
}
.btn-reddit:hover
{
    background-color: #ff6a33;
}
.btn-skype
{
    background-color: #00aff0;
}
.btn-skype:hover
{
    background-color: #24c4ff;
}
.btn-soundcloud
{
    background-color: #f80;
}
.btn-soundcloud:hover
{
    background-color: #ffa033;
}
.btn-stack-overflow
{
    background-color: #fe7a15;
}
.btn-stack-overflow:hover
{
    background-color: #fe9748;
}
.btn-steam
{
    background-color: #7da10e;
}
.btn-steam:hover
{
    background-color: #a1d012;
}
.btn-stumbleupon
{
    background-color: #eb4924;
}
.btn-stumbleupon:hover
{
    background-color: #ef7053;
}
.btn-trello
{
    background-color: #256a92;
}
.btn-trello:hover
{
    background-color: #2f88bb;
}
.btn-tumblr
{
    background-color: #35465c;
}
.btn-tumblr:hover
{
    background-color: #485f7c;
}
.btn-twitch
{
    background-color: #6441a5;
}
.btn-twitch:hover
{
    background-color: #7e5bbe;
}
.btn-twitter
{
    /*background-color: #55acee;*/
    background-color: #C4C4C4;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}
.btn-vimeo
{
    background-color: #1ab7ea;
}
.btn-vimeo:hover
{
    background-color: #49c6ee;
}
.btn-vine
{
    background-color: #00b488;
}
.btn-vine:hover
{
    background-color: #00e7af;
}
.btn-vk
{
    background-color: #45668e;
}
.btn-vk:hover
{
    background-color: #587fae;
}
.btn-wechat
{
    background-color: #98d11c;
}
.btn-wechat:hover
{
    background-color: #afe53b;
}
.btn-wordpress
{
    background-color: #21759b;
}
.btn-wordpress:hover
{
    background-color: #2a95c5;
}
.btn-xing
{
    background-color: #026466;
}
.btn-xing:hover
{
    background-color: #039598;
}
.btn-yahoo
{
    background-color: #400191;
}
.btn-yahoo:hover
{
    background-color: #5601c4;
}
.btn-yelp
{
    background-color: #af0606;
}
.btn-yelp:hover
{
    background-color: #e00808;
}
.btn-youtube
{
    /*background-color: #e52d27;*/
    background-color: #C4C4C4;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}
.btn-email
{
    background-color: #44c456;
}
.btn-email:hover
{
    background-color: #6bd079;
}
el.error {
    color: red;
}
.card-moura-login{
    position:fixed;
    bottom:60px;
    right:30px
}

.card-moura-login img {
    min-width: 50px;
    height: auto;
}

.loading-div {
    color: #0069d9;
    text-align: center;
    display: inline-block;
    width: 100%
}

td.details-control {
    text-align: center;
    color: forestgreen;
    cursor: pointer;
}

tr.shown td.details-control {
    text-align: center;
    color: red;
}

.bisque {
    background-color: bisque;
}

.label-obrigatorio:after {
    content: "*:" !important;
}

.label-form:after {
    content: ":";
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.space-between {
    justify-content: space-between;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #5CB85C;
    background-color: #5CB85C;
}

.slider:before {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    left: 2px;
    right: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #5CB85C;
}

input:focus + .slider {
    box-shadow: 0 0 2px #5CB85C;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.slider.round {
    border-radius: 10px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.order-sweet-alert-1 {
    order: 1;
}

.order-sweet-alert-2 {
    order: 2;
}

#tabela-produtos_filter {
    display: flex;
    justify-content: end;
}

td.dt-body-center {
    display: flex;
    justify-content: center;
}

.nav-close {
    transform: rotate(90deg);
}

.badge {
    padding: .2em .6em .3em;
    background-color: #777;
    border-radius: .25em;
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 1
}

.badge-info {
    background-color: #007bff;
}

.badge-success {
    background-color: #28a745;
}

.btn-pedir {
    width: 90px;
    margin: 5px;
    white-space: normal;
}

.buttonCss {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 0px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 75%;
    cursor: pointer;
    border-radius: 3px;
}

.max-height-80 {
    max-height: 80px
}

.align-table-row .align-row {
    vertical-align: middle;
}

.dialog-body {
    color: #0069d9;
    text-align: center;
    display: inline-block;
    width: 100%
}

.error-message {
    color: red;
}

.btn-modal-salvar {
    width: 50%;
    margin-top: 15px;
}

.div-adicionar-email {
    height: 200px;
    overflow: auto
}

.negative-margin-top {
    margin-top: -23px;
}

.div-button-partial-view {
    height: 82px;
    padding-left: 18px
}

.div-img-partial-view {
    padding: 3px 0 0 19px
}

.btn-fazer-pedido {
    padding-left: 8px;
    margin: 0 auto
}

.width-430 {
    width: 430px;
}

.padding-30-0-0-0 {
    padding: 30px 0 0 0;
}

.padding-0-0-0-15 {
    padding: 0 0 0 15px;
}

.height-30 {
    height: 30px;
}

.height-25 {
    height: 25px
}

.height-40 {
    height: 40px;
}

.width-25-p {
    width: 25%
}

.heigth-143 {
    height: 143px;
}

.margin-55 {
    margin: 55px;
}

.width-60-p {
    width: 60%
}

.width-30-p {
    width: 30%
}

.width-10-p {
    width: 10%
}

.pb-045-r {
    padding-bottom: .45rem !important;
}

.white-space-normal {
    white-space: normal;
}

.fonte-22 {
    font-size: 22px;
}

.width-90-px {
    width: 90px;
}

.row-gap-7 {
    row-gap: 7px
}

.margin-modal-produto {
    margin: 25% -9px 0 !important;
}

.padding-pedidos {
    padding: 2.0em .5em 1.3em .5em;
}

.backgroundfull {
    background: url('../imagens/home/homepage.png') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}