@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


.fancybox-margin {
    margin-right: 17px;
}
.sc-bqiRlB.Faoqk {width: auto !important;}


.dox-splash {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(236, 236, 240);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    white-space: initial;
}

.dox-splash > div {
    margin: 10px 0;
}

.logo-dox {
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner {
    text-align: center;
}

.spinner > div {
    width: 28px;
    height: 28px;
    background-color: #999999;
    border-radius: 100%;
    display: inline-block;
    animation: bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}

@keyframes bouncedelay {
    0%, 80%, 100% { transform: scale(0.0); }
    40% { transform: scale(1.0); }
}

.sc-eSRRmr.fAbzRC {
    position: relative !important;
    top: -60px !important;
}

th, .sc-kVrTmx .dbmCCc > tr, .sc-iBmynh .jmVpZJ {
    color: #fff !important;
}

tbody > th, .sc-ekkqgF.iNTksg:hover {
    background-color: #76a392 !important;
    color: #fff !important;
}

thead.dx-pivotgrid-fields-area-head {
    background: none !important;
}

thead {
    background-color: #38574b !important;
    color: #fff;
    pointer-events: none;
    position: sticky;
    top: 0;
}

table > colgroup > col {
    background-color: #f2f2f2;
}

table .dx-area-field-content {
    color: #38574b;
    font-weight: bold;
}

thead.dx-pivotgrid-horizontal-headers > tr > td {
    color: #fff !important;
    font-weight: bold;
    background-color: #38574b !important;    
}

.dx-area-field, .dx-area-box, .dx-pivotgrid-action {
    background: #ebebeb !important;
}

g > text {
    font-weight: bold !important;
    font-size: small !important;
}

.sc-cCbXAZ.flupsh {
    color: #fff !important;
    background: #38574b;
}

.bi-painel {
    border: none !important;
    min-height: min-content ;
}

div.bi-painel-panel-body > div.text-container {
    color: #38574b !important;
    background: none !important;
    width: 100% !important;
    height: auto !important;
}

.bi-painel-panel-body.text-chart.sc-gleUXh {
    display: flex !important;
}

hr {
    height: 300px !important;
    width: 3px;
    margin: 0 !important;
    border-width: 0 !important;
    color: #000;
    background-color: #000;
}

.container {
    text-align: center;
    font-size: 0px;
    display: flex;
}

.img-fluid {
    max-width: 58% !important;
}

.tituloimg {
    font-size: XX-large;
    color: #38574B;
    font-family: sans-serif;
    font-weight: bold;
}

.tituloimgpadrao {
    color: #38574B;
    font-family: sans-serif;
    font-weight: bold;
    font-size: initial;
    margin: 5% 0;
    text-align: center;
}

a.btn.btn-success.btn-lg {
    width: 100%;
}

.zoom {
    overflow: hidden;
    max-width: 100%;
    transition: all 0.3s;
}

.zoom:hover {
    transform: scale(1.1);
}

.transition {
    transform: scale(1.2); 
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    color: #000;
}

.modal-footer {
    display: none;  
}

.texto {
    text-align: left;
    padding: 3px;
    margin: 3px;
    font-size: x-large;
    color: #38574B !important;          
}

.texto:hover {    
    transform: scale(1.1); 
}

.textoPadrao {
    text-align: left;
    padding: 3px;
    margin: 3px;
    font-size: initial;
    color: #38574B !important;          
}

a.nav-link {
    font-size: 18px;
}

a.dropdown-item i {
    font-size: 31px;
}

.bordaBra {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 0px #333;
    padding: 5px;
}

i.glyphicon.glyphicon-user {
    color: #111;
    font-size: 22px;
}

i.glyphicon.glyphicon-user:hover {
    color: #333;
}

a.navbar-brand img {
    margin: 5px;
    width: 80%;
}

.space {
    margin-bottom: 6%;
}

.TextoBemVindo {
    font-size: 2.80rem;
    text-transform: capitalize;
    color: #38574B;
    text-shadow: 1px 1px 17px;
}

.dropdown-menu.dropdown-menu-right.dropdown-default.show:hover {
    background-color: #b7b6b6;
}

.dropdown-item {
    padding: 20px;
}

span.textoMenu {
    padding-left: 27px;
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
}

.dropdown-menu.dropdown-menu-right.dropdown-default.show {
    padding: 0;
}

a.dropdown-item {
    padding: 10px;
}

span.textoMenu1 {
    font-size: 15px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.dropdown-menu.dropdown-default.show {
    padding: 0;
}

.dropdown-menu.dropdown-default.show:hover {
    background-color: #e2dfdf;
}

button.btn.btn-success {
    background-color: #38574B !important;
    border-color: #38574B !important;
    font-size: 3rem !important;
}

.textoproduto {
    font-family: 'Roboto';
    font-size: large;
}

.imagem {
    width: 100% !important;
}

.hyUjXh {
    height: 0px !important;
}

.cjWVc {
    font-size: 1.1rem !important;
}

/* Estilo para tabelas roláveis */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th, .table td {
    padding: 15px;
    text-align: left;
    border: 1px solid #ddd;
}
.text-container span {
    font-size: x-large !important;
}