/*Tela do escopo de acesso*/
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200&display=swap");

*:not(i){
    font-family: "Roboto", sans-serif !important;
    font-style: normal !important;
}
input:invalid, select:invalid, textarea:invalid{border:1px solid #ffb0b0 !important;}
input:valid, select:valid, textarea:valid{border:1px solid #adffad !important;}
input:optional, select:optional, textarea:optional {border:1px solid #fafafa !important;}
input:placeholder-shown, select:placeholder-shown, textarea:placeholder-shown{border:1px solid #ffecda !important;}

/**:invalid{border:1px solid #ffb0b0 !important;}
*:valid{!* border:1px solid #adffad !important; *!!* color: #8B9BAC !important; *!}
*:optional {border:1px solid #fafafa !important;}
*:placeholder-shown{border:1px solid #ffecda !important;}*/

body {
    overflow-x: hidden;
}

.proxima-atualizacao {
    text-align: center;
    background: #ebecf5;
    padding: 12px 0;
    color: #7d82b9;
    text-shadow: 1px 1px #ffffffbf;
    margin-bottom: 15px;
    border-bottom: 2px solid #dcdeed;
}

.menu-title {
    padding: 8px 0px !important;
    letter-spacing: 0.05em;
    pointer-events: none;
    cursor: default;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    background: #7a85b5;
    width: 153px !important;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    text-align: center;
    border-bottom: 2px solid #636fa1;
}

.field-style-disabled.block {
    background: #e2e2e2;
    color: #969696;
}
.countdown{
    background: #7a85b5;
    padding: 3px 10px;
    color: white;
    text-shadow: 0 0 #3b4b8e;
    border-radius: 13px;
}

div.checkbox-inline input{
    top: 32px;
}

div.checkbox-inline label{
    position: absolute;
    top: 32px;
    left: 49px;
}
body.login .account-pages .container{
    padding-top: 100px;
    padding-bottom: 50px;
}

.swal2-container.swal2-shown {
    background-color: #3e41a57a !important;
}

.spinner-chase.loading .chase-dot:before {
    background-color: white !important;
}

.loader-content{
    background: #f3f5f7 url(../images/loader.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: 50px;
}
.loader-content.p3{
    background-size: 3%;
}
.loader-content.p10{
    background-size: 10%;
}
.loader-content.p20{
    background-size: 20%;
}
.loader-content.p30{
    background-size: 30%;
}
.loader-content.p40{
    background-size: 40%;
}
.loader-content.p50{
    background-size: 50%;
}
.loader-content.p60{
    background-size: 60%;
}
.loader-content.p70{
    background-size: 70%;
}
.loader-content.p80{
    background-size: 80%;
}
.loader-content.p90{
    background-size: 90%;
}
.loader-content.p100{
    background-size: 100%;
}
body.login .background-image {
    background: url(../images/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(8px);
    -webkit-filter: blur(6px);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
}

body.login .card {
    background: #f3f3f3;
    box-shadow: 2px 2px 20px 13px #1785d47d !important;
}

body.login .text-footer-login {
    color: white;
}

body.login .box-a-register {
    background: white;
    padding: 8px;
    border-radius: 92px;
    border-top-right-radius: 0;
}

body.login .fa-home {
    color: white;
}

body.login .account-pages .logo-admin {
    width: auto;
    line-height: normal;
    background: none;
    box-shadow: none;
    /* height: 54px; */
    top: 66px;
}

body.login .bg-login-overlay {
    position: absolute;
    background: linear-gradient(to right, #2e3e84, #c20e1a);
}

/*FIM*/

/*Configuração do ícone da side bar esquerda*/
body.dashboard {background: #f3f5f7 url(../images/footer-bar-background-correction.svg) no-repeat bottom right !important;}

body.dashboard div.avatar-md.mx-auto.rounded-circle {
    border: 2px dashed #3b5de7;
    background: white;
    color: white;
}

body.dashboard div.avatar-md.mx-auto.rounded-circle span {
    background: #3f55ab;
    display: block;
    border-radius: 40px;
    margin: 7px;
    font-size: 36px;
    font-weight: 700;
}

/*FIM*/

/*Configuração do ícone do barra de topo canto superior direito*/
body.dashboard div.rounded-circle.header-profile-user {
    background: #233284;
    border: 1px dashed #3b5de7;
    color: white;
    margin: 0 auto;
}

body.dashboard div.rounded-circle.header-profile-user span {
    font-size: 18px;
    font-weight: 800;
    color: #ffffffb8;
}

/*FIM*/

body.dashboard .logo-company {
    margin: 0 auto;
    display: block;
    margin-top: 23px;
    height: 50px;
}

body.dashboard .logo-light{
    position: absolute;
    margin-left: 25px;
}

body.dashboard .logo-company-sm {
    margin: 0 auto;
    display: block;
    margin-top: 16px;
    height: 33px;
    margin-left: 4px;
}

body.dashboard .total-stores {
    font-weight: bold;
    font-size: 95.1428px;
    line-height: 111px;
    letter-spacing: -0.04em;
    margin-top: -4px;
    color: #2F4082;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

body.dashboard .icon-total-stores {
    width: 119px;
    position: relative;
    margin-top: -16px;
}

body.dashboard .vertical-menu {
    box-shadow: -3px 15px 20px 0px #5c6bc07a;
}

body.dashboard .card-body {
    box-shadow: 2px 2px 3px 0px #5c6bc017;
}

body.dashboard .favicon {
    background: url(../images/favicons/favicon-32x32.png) no-repeat;
    background-size: 20px;
    background-position-x: 3px;
    height: 19px;
    width: 16px;
}

#sidebar-menu ul li a {
    font-size: 12.4px !important;
}

#valor_range {
    font-size: 19px;
    background: #4f72f5;
    color: white;
    padding: 5px 5px;
    border-radius: 90px;
    display: block;
    width: 140px;
    text-align: center;
}
#sidebar-menu ul li a:hover {
    color: #1e8cf9;
    background: #edf7ff;
    padding-bottom: 7px;
    border-left: 6px solid #aedbff;
}

#sidebar-menu ul li a.one-line, #sidebar-menu ul li a.one-line:hover {
    padding-bottom: 10px !important;
    border: 1px s;
}

.saldo_atual span {
    background: #1a3085;
}

.texto_marcado {
    background: white;
    padding: 3px 8px;
    color: black;
    font-weight: bold;
    font-size: 17px;
    border-radius: 5px;
}

body.dashboard .icon-insercao-credito {
    background: url(../images/icones/adicionar-credito.svg) no-repeat;
    background-size: 74%;
    background-position: 2px 1px;
    height: 26px;
    width: 16px;
}

body.dashboard .icon-home {
    background: url(../images/icones/favicon.svg) no-repeat;
    background-size: 100%;
    background-position: 3px 3px;
    height: 29px;
    width: 26px;
}

body.dashboard .icon-meus-dados {
    background: url(../images/icones/m_menu_dados_pessoais.svg) no-repeat;
    background-size: 56%;
    background-position: 3px 3px;
    height: 26px;
    width: 16px;
}

body.dashboard .icon-nf-menu-lista {
    background: url(../images/icones/nf-menu-lista.svg) no-repeat;
    background-size: contain;
    background-position-x: 3px;
    height: 26px;
    width: 16px;
}

body.dashboard .icon-rm-nf-menu-lista {
    background: url(../images/icones/rm-nf-menu-lista.svg) no-repeat;
    background-size: contain;
    background-position-x: 3px;
    height: 23px;
    width: 16px;
    margin-top: 3px;
}

body.dashboard .listagem-entrega{
    background: url(../images/icones/listagem-entrega.svg) no-repeat;
    background-size: 100%;
    border: none;
    width: 33px;
    height: 25px;
    display: flex;
    margin: 0 auto;
}
body.dashboard .listagem-entrega:hover{
    background: url(../images/icones/listagem-entrega-hover.svg) no-repeat;
    background-size: 100%;
    border: none;
    width: 33px;
    height: 25px;
}

body.dashboard .listagem-entrega-table{
    background: url(../images/icones/listagem-entrega-hover.svg) no-repeat;
    background-size: 100%;
    border: none;
    width: 33px;
    height: 25px;
    margin: 0 auto;
    margin-right: 0px;
}

body.dashboard .listagem-entrega{
    cursor: pointer;
}

.truncate {
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: block; */ /* this fixes your issue */
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #dee5ff;
}

/* Ajustando visual dos botões das tabelas para cores do tema */
.dataTables_wrapper .btn-secondary {
    color: #fff;
    background-color: #283e92;
    border: 3px solid #b4bfeb;
    border-radius: 9px !important;
    margin-right: 3px;
}

.dataTables_wrapper .btn-secondary:hover {
    background: #2e5aff;
    border-color: #a5b4ef;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #ecf5ff;
}

div.dataTables_wrapper div.dataTables_processing {
    box-shadow: 1px 0px 53px 4px #1578c77a;
    z-index: 1;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    line-height: 16px;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-right: 1px solid #efefef;
    padding-right: 10px;
}

.custom-select-sm {
    font-size: 1rem;
}

div.dataTables_wrapper div.dataTables_length label {
    font-size: 16px;
}

input[placeholder="Digite um termo"] {
    font-size: 15px;
    border-radius: 20px;
    color: #263c92;
    font-weight: 500;
    border: 3px solid #e8f3fe;
    background: #f3f5f7;
    padding: 15px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 35px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    margin-left: 6px;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #2d4295;
}

.card-title:nth-child(1) {
    font-size: 21px;
}

div.dataTables_wrapper div.dataTables_processing {
    position: fixed;
    top: 84px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: 0px;
    text-align: center;
    padding: 1em 0;
    bottom: 0;
    right: 109px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: fit-content;
}

.processando{
    display: block;
    border: 1px solid #dbdff5;
    height: 48px;
    padding-top: 9px;
    padding-left: 23px;
    border-top: 3px solid #e6eaff;
    border-bottom: 3px solid #e6eaff;
}

.reset-h2{
    margin: 0;
    height: 24px;
}

/*Configurações dos menus*/
#sidebar-menu ul li ul.sub-menu li a {
    padding-left: 37px;
}

.btn-search {
    height: 42px !important;
    margin: 20px 0;
}

.icon-loader-top {
    width: 50px;
    font-size: 22px;
    position: absolute;
    margin-top: 6px;
    left: 10px;
    top: 0px;
}

.icon-loader-top {
    width: 50px;
    font-size: 22px;
    position: absolute;
    margin-top: 6px;
    left: 10px;
    top: 0px;
}

.card-body .icon-loader-top{
    margin-top: 11px;
}

.apex-charts text {
    fill: #3f51b5;
}
.apexcharts-legend-text {
    color: #04188a !important;
    line-height: 23px;
    font-size: 14px !important;
    border-bottom: 1px solid #e7e7e7;
}
.text-preload{
    display: block;
    padding-left: 18px;
}


/*Componente de retorno do total de vendas dashboard*/
.card-total-sales .icon {
    width: 54px;
    height: 54px;
    background: #5a60b5;
    border: 5px solid white;
    font-weight: bold;
    font-size: 20.0172px;
    line-height: 44px;
    text-align: center;
    color: #EFF0FF;
    text-shadow: 0px 0.715437px 0.715437px #00000040;
    border-radius: 21px 0 14px 12px;
    float: left;
    position: relative;
    margin-top: -2px;
    margin-left: -8px;
}

.card-total-sales .total-sales {
    width: 100%;
    height: 50px;
    background: #f2f3ff;
    border-radius: 39px 0 14px 12px;
    margin-top: 18px;
    font-weight: bold;
    font-size: 20px;
    line-height: 47px;
    text-align: center !important;
    letter-spacing: -0.04em;
    color: #5B71C6;
    text-shadow: 0px 0.812813px 0.812813px #00000040;
}

img.icon-total-sales {
    width: 90%;
}

.preload-total-sales {
    padding: 20px;
}

.preload-total-sales .icon-loader-top {
    top: 5px;
    left: 11px;
}

#total-sales span.text-preload {
    font-size: 15px;
    text-shadow: none;
    text-align: left;
    color: #6a7ad0;
    font-weight: 400;
}

#total-sales i {
    position: relative;
    float: left;
    top: -11px;
    font-size: 16px !important;
    color: #6a7ad0;
    font-weight: 400;
}

#sales-by-month{
    min-height: auto !important;
}

.rowcol form {
    margin: 10px;
}

.badge-saler {
    font-size: 14px;
    background: #e3f9de;
    padding: 4px 11px;
    border-radius: 20px;
    color: green;
}

.plus {
    background: #e3f9de;
    color: green;
}


.times {
    background: #ffe3e3;
    color: red;
}

.melhores_vendedores, .piores_vendedores {
    font-size: 16px;
    line-height: 34px;
}

span.icon-rounded {
    background: #f3f3f3;
    border-radius: 30px;
    margin-right: 10px;
    text-align: center;
    height: 32px;
    padding: 7px;
    width: 33px;
    line-height: 35px;
    color: #5b67b1;
    font-size: 13px;
    margin-top: 5px;
    border-right: 3px solid #9fa9d2;
    font-weight: 800;
}

.icon-rounded-red{
    color: red;
}

.centro_lucro {
    float: left;
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
    color: #a5a8c7;
    text-shadow: 1px 3px white;
}

.space-top-50{
    margin-top: 50px;
}
.space-bottom-50 {
    margin-bottom: 50px;
}
.space-top-30{
    margin-top: 50px;
}

.centro_lucro img {
    height: 45px;
    margin-bottom: 12px;
}

.centro_lucro h2 {
    color: #99a5d4;
    height: 27px;
    font-size: 21px;
    /* transform: scale(.9); */
}


.melhores_vendedores i.mdi.mdi-24px.mdi-refresh.mdi-spin.icon-loader-top::before {
    margin-top: 9px;
}

.piores_vendedores .mdi.mdi-24px.mdi-refresh.mdi-spin.icon-loader-top::before {
    margin-top: 11px;
}

.centro_lucro i.mdi.mdi-24px.mdi-refresh.mdi-spin.icon-loader-top {
    margin-top: 52px;
    margin-left: 67px;
}

.overlay{
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 55555;
    background: #00000085 url("../images/favicons/iconloader.svg") no-repeat center center;
    background-size: 40px;
    top: 0;
    left: 0;
}
.overlay .spinner-border {
    width: 80px;
    height: 80px;
}


span.total_cl {
    background: #e91e63;
    width: max-content;
    margin: 0 auto;
    margin-top: -73px;
    text-shadow: none;
    font-size: 11px;
    color: white;
    padding: 3px 6px;
    border-radius: 30px;
    margin-left: 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


.swal2-icon.swal2-info {
    border-color: #8a90ee;
    color: #b9bcde;
}


.card-total-sales-95 .icon, .card-total-sales-99 .icon {
    background: #B0B4E7;
    padding: 1px 2px 0px 0px;
    border-radius: 30px;
    height: 33px;
    width: 33px;
    line-height: 34px;
    font-weight: bold;
    font-size: 18.7813px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    text-align: center;
    z-index: 1;
}
.card-total-sales-99 .icon {
    background: #898fde;
}
.card-total-sales-95, .card-total-sales-99 {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-top: 6px;
}

.card-total-sales-95 {
    margin-top: 23px;
}

.card-total-sales-95 .total-sales, .card-total-sales-99 .total-sales {
    font-weight: bold;
    font-size: 17.7379px;
    line-height: 30px;
    letter-spacing: -0.04em;
    color: #5B71C6;
    text-shadow: 0px 0.745736px 0.745736px #00000040;
    width: 170.56px;
    height: 32.11px;
    background: #EFF0FF;
    border-radius: 4.99515px;
    text-align: right;
    padding-right: 7px;
    margin-left: -10px;
}

div#card-total-sales-95-99 {
    margin-top: 50px;
}

button#dropdownMenuButton {
    width: 100%;
}

/*Ajustando o ícone das notificações*/
.info-icon-notification {
    position: absolute !important;
    top: 39px !important;
    left: 46px !important;
    text-align: center !important;
    right: 13px !important;
    background: white !important;
    color: #192D71;
    width: fit-content;
    line-height: 9px;
    padding-top: 3px;
}
body[data-topbar=dark] .noti-icon i, body[data-topbar=colored] .noti-icon i {
    color: #C2C5E9;
}

button#page-header-notifications-dropdown {
    width: 93px;
    padding: 0;
    right: -29px;
}
/*Desabilitando as configurações padrão do tema na parte superior da app*/
.dropdown.d-inline-block{
    display: none;
}

/*trabalhando o footer para mobile*/
footer.footer .col-sm-6:nth-child(2) {
    text-align: right;
}

footer.footer .col-sm-6 {
    width: auto;
    width: 50%;
}

/*Configurando o menu-side bar*/
ul#side-menu li a {
    padding-right: 0;
    padding-left: 16px;
    height: 53px;
}

ul#side-menu li a img {
    margin-right: 5px;
}

.bar-title .col-1 {
    padding-left: 11px;
    width: 20px !important;
    flex: 20px;
    max-width: 32px;
}

/*Configurando o visual dos inputs*/
.field-style:focus {
    background: white;
    box-shadow: 2px 3px 3px 1px #dee1ec;
    font-weight: 500;
    font-size: 16px;
    border-left: 2px solid #2196f3 !important;
    line-height: 16px;
    color: #004694;
}

.field-style {
    background: #ffffff;
    /* box-shadow: 2px 3px 3px 1px #e6e6e6; */
    border-radius: 4px;
    font-weight: 400;
    border: 1px solid #dde1fb;
    font-size: 15px;
    line-height: 16px;
    color: #8B9BAC !important;
    padding: 3px 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.field-style-disabled {
    background: white;
    border-radius: 4px;
    font-weight: 400;
    border: none;
    font-size: 15px;
    line-height: 16px;
    color: #8B9BAC;
    padding: 9px 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 36px;
}

.content-bank {
    background: #E4EBF1;
    padding: 10px 0 40px 0px;
    margin-left: 23px;
    margin-right: 32px;
}

.btn-primary {
    color: #fff;
    background-color: #2E3E84;
    border-color: #7484d6;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #2541b7;
    border-color: #3e5cdd;
    box-shadow: 0 0 0 0.15rem #3f65ff80;
}

.form .card:nth-child(1) {
    background: #e8ebf2;
    box-shadow: 0px -1rem 10rem 8px #12263f08;
    margin-top: 20px;
}

.form .card:nth-child(1) .data-fields .fields {
    width: auto !important;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 20px;
}

h4.tipo-chave {
    margin-top: 28px;
}

.dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete {
    border: 3px solid #8bc34a;
    border-radius: 22px;
}
.dz-preview.dz-file-preview.dz-processing.dz-error.dz-complete {
    border: 3px solid red;
    border-radius: 22px;
}

#nav-tab span.badge {
    background: #6588ff;
    font-size: 19px;
    border-radius: 20px;
    color: white;
    margin-left: 10px;
}

#nav-tab .nav-link.active, #nav-tab .nav-item.show .nav-link {
    color: #5bb0f3;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border: 4px solid #5bb0f3;
    border-left: 1px solid #5bb0f3;
    border-right: 1px solid #5bb0f3;
    background: white;
    margin-bottom: -2px;
    border-bottom: 0;
}

#nav-tab a.nav-link {
    background: #f3f5f7;
    margin: 1px 0px 0px 7px;
    border: 1px solid #d7dbe5;
    border-bottom: 0;
}

#nav-tab .nav-link:hover{
      color: #5bb0f3;
      font-weight: bold;
}

div#nav-tabs {
    border: 1px solid #ffffff;
    padding-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #5bb0f3;
    background: white;
    text-align: center;
    padding: 10px;
}

.nav-link.active span.badge {
    background: #5bb0f3 !important;
}

#nav-tabs thead tr {
    background: white;
}

#nav-tabs .datatable{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 2px solid #f1f3f5 !important;
}

.tab-content .table-bordered td {
    background: #f3f5f7 !important;
}

div#nav-tabs {
    padding: 16px;
    font-size: 17px;
    color: #a7adc3;
}
.data-fields nav{
    border-bottom: 1px solid #d6dae4;
}

.dz-preview.dz-file-preview.dz-processing .dz-image {
    background: #e1e1e1 !important;
    border: 2px solid #0081163E;
}


.dz-preview.dz-file-preview.dz-processing.dz-success .dz-image {
    background: beige !important;
    border: 2px solid #e0c08b;
}

.dz-preview.dz-file-preview.dz-processing.dz-success.dz-complete .dz-image {
    background: rgba(165, 227, 155, 0.95) !important;
    border: 2px solid white;
}

.data-fields div#nav-tab {
    border-bottom: 0 !important;
}

.table-bordered td {
    text-align: left;
}

div#nav-tabs tr th:nth-child(1) {
    text-align: left;
}
div#nav-tabs tr td:nth-child(2), div#nav-tabs tr td:nth-child(4), div#nav-tabs tr td:nth-child(5) {
    text-align: center;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: linear-gradient(to bottom, #fff, #ffd556) !important;
}

.saldo_atual span, .saldo_atual_credito span {
    background: #8399f1;
    padding: 3px 10px;
    border-radius: 24px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0px;
    font-size: 22px;
}

.saldo_atual, .saldo_atual_credito {
    font-size: 18px;
    color: #283d93;
}
.saldo_atual_credito span {
    color: #ffffff;
    font-weight: 700;
    background: #697dd1;
}

.saldo_atual, .saldo_atual_credito {
    font-size: 18px;
    color: #283d93;
    margin-top: 5px;
}
.saldo_futuro {
    border-top: 2px dotted #2196f3;
    width: fit-content;
    margin-top: 11px;
    font-size: 25px;
    color: #6571b3;
    padding-top: 10px;
}

.saldo_futuro span {
    background: #dffbdf;
    padding: 3px 23px;
    border-radius: 24px;
    font-weight: 800;
    color: #20ab2c;
    font-size: 29px;
}

.card.card-slip {
    padding: 30px;
    background: #f9fbff;
    margin-top: 30px;
    border-top: 21px solid #d7ddf5;
}

.card-slip h4 {
    font-size: 26px;
    font-weight: bolder;
    color: #3f51b5;
}

.card-slip * {
    font-family: monospace !important;
    letter-spacing: -2px;
}

#valor_range {
    font-size: 22px;
    background: #3f55ab;
    color: white;
    padding: 3px 30px;
    border-radius: 90px;
    border: 4px solid white;
    margin-right: 0;
    display: block;
    width: fit-content;
    box-shadow: 1px 0px 10px 0px #03a9f4;
}

select {
    background: #ffffff url(../images/icones/arrow-select.svg) no-repeat right !important;
    -webkit-appearance: none;
    background-position-x: 99% !important;
    padding-left: 16px !important;
    height: 33px;
    border: none !important;
    background-position-y: 13px !important;
    border-radius: 3px !important;
    background-size: 17px !important;
}

.adjust-rigth-btn{
    margin-right: -17px;
}
.trns-08{
transform: scale(0.8);
}

input[type=radio], input[type=checkbox]{
    width: 1.7em;
    height: 2em;
    left: 22px;
    position: relative;
    top: -7px;
}

label[for=bancos] {
   /* margin-left: 31px;*/
    margin-top: 3px;
}
[]
.form-check-input:focus {
    border-color: white;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem #ffffff8c;
    box-shadow: 0 0 0 0.25rem #ffffff8c;
}


label[for=bancos] img {
    position: relative;
    margin-top: -5px;
    margin-right: 3px;
}

.tempo_gasto_contador1{
    position: absolute;
    left: 130px;
    top: 2px;
}

.finalizadas{
    position: absolute;
    right: 24px;
    margin-top: 15px;
}

.canceladas {
    position: absolute;
    right: 109px;
    margin-top: 15px;
}

.legenda-vendas{
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #b3b5d6;
}

/*Custimização dos checkboxes*/


/*estilizando a barra*/
h3.text-dashboard-title {
    font-weight: 900;
    font-size: 14.2207px;
    margin: 0;
    color: #FFFFFF;
}

h4.text-montadores-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 10.8985px;
    line-height: 13px;
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0;
}

.row.bar-title-form {
    font-weight: bold;
    font-size: 19.55px;
    line-height: 23px;
    color: #416791;
    margin-left: 5px;
    margin-top: 12px;
    background: url(../images/icones/m_line_bar_title_group_form.svg) left 40px repeat-x;
    height: 70px;
    display: block;
    margin-bottom: 21px;
}

.row.bar-title-form .img {
    width: 49px;
    float: left;
    margin-right: 16px;
}

.row.bar-title-form .title {
    font-size: 25px;
    font-weight: bold;
    padding-top: 2px;
}


/*Reconfigurando as cores default dos botões para o tema*/
.btn-danger {
    color: #fff;
    background-color: #C01322;
    border-color: #ef4d5b;
}
.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c30a1a;
    border-color: #ef2f3f;
    box-shadow: 0 0 0 0.15rem #ff867480;
}

#map {
    width: 400px;
    height: 200px;
}

#map.fullscreen {
    position: fixed;
    width:100%;
    height: 100%;
    overflow: auto;
}


#sidebar-menu ul li a i{
    float: left !important;
}
#sidebar-menu ul li a span{
    display: inline-block !important;
    width: 80% !important;
    line-height: 15px;
}

.alert-info.alert-info-conf {
    padding: 7px 8px;
    margin-bottom: 9px;
    border-radius: 4px;
}

label.label {
    width: 100%;
    font-size: 23px;
    margin-top: 19px;
}

input#valor-entrega, input#telefone-cliente, input#cpf-cliente {
    padding: 0px 16px;
    border: 2px solid #a7d6fb !important;
    border-radius: 4px;
    text-align: right;
    font-size: 35px;
    width: 198px;
    margin-right: 2px;
    color: #2a9abb;
}

input#telefone-cliente{
    width: 304px;
    text-align: center;
}

input#cpf-cliente{
    width: 314px;
    text-align: center;
}

input#endereco-entrega {
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
    font-size: 19px;
    color: #00acff;
    padding: 8px 19px;
    background: #ffffff;
    font-weight: 400;
    border-radius: 9px;
    border: 1px solid #98a1d1 !important;
}
::placeholder {
    color: lightgrey;
    font-size: 87%;
}
.btn-search-map{
    width: auto;
    height: 50px !important;
    margin-bottom: 29px;
    line-height: 0px;
}

#mapCliente{
    width: 100%;
    height: 360px;
}
textarea#observacao {
    width: 100%;
    height: 200px;
    padding:10px;
}
.sw-theme-arrows>.nav .nav-link.active {
    border-color: #3548b3;
    background: #3548b3;
}
.sw-theme-arrows>.nav .nav-link.active::after {
    border-left-color: #3548b3;
}

.coordenadas {
    background: #2e3e84;
    position: absolute;
    width: auto;
    margin-top: 0px;
    z-index: 1;
    padding: 2px 13px !important;
    font-size: 14px;
    color: #ffffffb8;
    border-bottom-right-radius: 20px;
    box-shadow: 2px 2px 2px #2196f385;
    text-align: left;
}
li.container-money {
    padding: 10px;
    border: 2px solid #b3ddff;
    border-radius: 4px;
}
.sw>.tab-content {
    height: fit-content !important;
    padding: 12px !important;
}
.sw>.tab-content #step-1{
    /* display: block !important; */
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
    height: 27px;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    vertical-align: middle;
}
/*form inline para os controles de data na listagem padrão de registros*/
form.inline {
    display: inline-flex;
}
form.inline .dropdown {
    padding-top: 30px;
}
form.inline #btn-search {
    margin-top: 27px;
}

.select-info{
    display: none !important;
}

.modal.show .modal-dialog {
    max-width: 50%;
}


/*Menu*/
.atendimento-zap {
    background: #ebffeb;
    padding-bottom: 0px;
    margin-top: 10px;
    padding-top: 7px;
}

.sair-sistema{
    background: #fff0f5;
    padding-bottom: -4px;
    margin-top: 9px;
}

.sair-sistema a{
    line-height: 23px;
}

.sair-sistema i{
    padding-top: 10px !important;
    font-size: 19px !important;
    margin-bottom: 9px !important;
    display: block !important;
    position: relative;
}

.ligar-administracao {
    background: #d2ffd2;
    padding-bottom: -4px;
    margin-top: 9px;
}

.ligar-administracao a{
    line-height: 28px;
}

.ligar-administracao i{
    padding: 2px 0px !important;
    font-size: 19px !important;
    color: #4caf50 !important;
}

i.bx.bx-power-off.font-size-16.align-middle.mr-1.text-danger {}


span.money {
    font-size: 26px;
    color: #07788b;
    font-weight: 900;
    padding: 7px 14px;
    background: #a7d6fb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-shadow: 1px 1px white;
    text-align: right;
    margin-right: -6px;
}

h3#cliente {
    font-size: 19px;
    color: #4498bf;
}

.config-percentual-montagem{
    color:#2a9abb;
}
.config-percentual-montagem span{display:block}
.config-percentual-montagem .valor-original strong{}
.config-percentual-montagem .config-percentual strong{}

/*Formulários padrão do sistema*/
.row.bar-title {
    /* padding: 25px; */
    padding-bottom: 20px;
    margin-top: 50px;
}
.bar-title .col-1 {
}

.bar-title .title {
    font-weight: bold;
    font-size: 34.5527px;
    color: #004694;
    padding-left: 36px;
    line-height: 33px;
}
.bar-title .col-4 {
    text-align: right;
}

.row.bar-title a:active {
    background: #434994;
}

.row.bar-title a {
    background: #5A61B5;
    border-radius: 19.4586px;
    font-weight: bold;
    font-size: 11.8747px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 6px 8px;
    border: none;
    width: 84px;
    margin-top: -1px;
    display: inherit;
    margin-left: 0;
    position: absolute;
    right: 12px;
}
.row.bar-title a img {
    margin-right: 6px;
}
.row.fields {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 10px;
}
.row.fields label {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: #3C4078;
    margin-top: 10px;
}
.row.info-title {
    font-weight: bold;
    font-size: 19.55px;
    line-height: 23px;
    color: #416791;
    margin-left: 13px;
    margin-top: 42px;
    background: url(../images/icones/m_line_bar_title_group_form.svg) left 31px repeat-x;
    height: 40px;
    display: block;
    width: 88%;
}

p.infolabel {
    width: auto;
}
.data-fields .fields {
    /* width: 88% !important; */
    border-bottom: 1px solid #ffffff;
    padding-bottom: 20px;
}
/*Configuração do form de parametros do sistema*/

.page-content {
    margin-top: 27px !important;
    padding-left: 26px;
    margin-bottom: 50px !important;
}

.params input, .params select, .params .field-style:focus {
    width: 140px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    transform: scale(1.2);
    margin-left: 14px;
}

#TELEFONE_ADMINISTRACAO, #TELEFONE_ADMINISTRACAO:focus{
    width: 216px;
}

/*Configurando Alerts do Sistema*/
#swal2-title{
    padding: 16px !important;
    width: 100%;
    text-align: center !important;
    display: block !important;
}
.alert-dismissible .close {
    position: absolute;
    top: -1px;
    right: 0;
    padding: 0px 12px;
    color: red;
    background: orange;
    font-size: 35px;
    height: 62px;
    border-bottom-left-radius: 20px;
}
div#swal2-content span.badge {
    background: #cb8f02;
    border: 2px solid white;
    color: white;
    line-height: 24px;
    border-radius: 30px;
}

div#swal2-content {
    background: #fff6eb;
    border: 1px solid #fbebd7;
    padding: 25px;
    border-radius: 6px;
}
/* > 993px*/
/*Estruturando novas regras para apresentação visual do dash com responsividade*/
.rowcol .card-body {
    padding: 19px !important;
}
.rowcol > div.card:nth-child(1) img.icon-total-stores {
    width: 200px;
    margin-top: -6px;
}
.rowcol > div.card:nth-child(2) img.icon-total-sales {
    width: 70%;
}
.rowcol > div.card:nth-child(3) img.icon-total-sales {
    width: 220px;
    margin: 0 auto;
    margin-top: 6px;
}
.rowcol > div.card:nth-child(4) {
    height: 365px;
}

.rowcol > div {
    width: 260px;
    float: left;
    height: 212px;
    margin: 17px;
    margin-right: 58px;
    margin-right: 15px;
    margin-left: 17px;
}

.rowcol .centro_lucro {
    padding: 19px 0px;
    /* max-width: 23% !important; */
    /* min-width: 250px !important; */
    height: 161px;
    /* float: left; */
    border: 1px solid #dedfed;
    margin: 13px 13px;
    border-radius: 13px;
    background: #f0f2f5;
}

.rowcol .centro_lucro.premiacao {
    width: 81px !important;
    height: 131px;
}

form#data_search input {
    border: 1px solid #d7dbf3 !important;
    border-radius: 4px;
}

.grafico-pizza .card-bodyelement.style {
    position: relative;
    padding-bottom: 36px !important;
}

.rowcol.row {
    width: 100%;
}

div#card-total-sales-95-99 {
    margin-top: 18px;
}
.rowcol:nth-child(3) {
    margin-top: 50px;
}
.grafico-vendas {
    width: 100%!important;
    margin-bottom: 0px!important;
    height: auto!important;
}

.rowcol .col-12.grafic {
    height: auto;
    min-width: 96% !important;
}

.rowcol .col-12.grafic:nth-child(4) {
    margin-bottom: 60px;
}

.data-fields .card-body img {
    width: 80%;
    display: block;
    margin: 40px auto 50px auto;
}

div#nav-tab {
    margin: 0 auto;
    width: fit-content;
}

#nav-tabs .table-bordered th, #nav-tabs .table-bordered td {
    border: 1px solid #d9d9d9 !important;
}

#nav-tabs .table-bordered th, #nav-tabs .table-bordered td {
    border: 1px solid #d9d9d9 !important;
}

.row.bar-title i {
    font-size: 41px !important;
    display: block;
    margin-top: -13px;
}

.modal .nav a {
    padding-top: 16px !important;
    line-height: 13px;
    height: 46px !important;
}

[href="#step-2"] {padding-top: 10px !important;}

.no-permission {
    position: relative;
    width: 361px;
    font-size: 20px;
    text-align: center;
    border: 6px double #ffe4e4;
    color: #eba4a4;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    padding: 20px;
    border-radius: 20px;
}

/*Botões telefone chamada cliente adm*/
.call-adm {
    position: fixed;
    width: 90.67px;
    height: 50.67px;
    z-index: 1;
    bottom: 80px;
    right: 0;
}
.call-adm img {
    width: 80px;
}
.call-cliente {
    position: fixed;
    width: 103.67px;
    height: 50.67px;
    z-index: 1;
    bottom: 158px;
    right: 0;
}
.call-cliente img {
    width: 91px;
}

@media (min-width: 992px) and (max-width: 1100px){
    .rowcol.colleft {
        width: 260px;
    }
    .rowcol.colleft .card {
        width: 100%;
    }
    .rowcol.colright {
        width: 50%;
        padding-left: 25px;
    }
    .rowcol .centro_lucro {
        min-width: 240px !important;
    }
}

@media (min-width: 1101px) and (max-width: 1400px){
    .rowcol.colleft {
        width: 260px;
    }
    .rowcol.colleft .card {
        width: 260px;
    }
    .rowcol.colright {
        width: 68%;
        /* padding-left: 0; */
        margin-left: 40px;
        /* border: 1px solid; */
    }
    .rowcol .centro_lucro {
        min-width: 30% !important;
        transform: scale(.9);
    }
}

@media (min-width: 1701px){
    .rowcol.colleft {
        width: 302px;
        /* border: 1px solid; */
    }
    .rowcol.colleft .card {
        width: 260px;
    }
    .rowcol.colright {
        width: 77%;
        /* border: 1px solid; */
    }
    .rowcol .centro_lucro {
        /* min-width: 229px !important; */
    }
}


@media (min-width: 992px) {
    .page-content .row:nth-child(2) {
        margin-top: 0px;
    }
}
/*Fim*/

/*Habilitando a logo no topó*/
@media (max-width: 380px) {
    .navbar-brand-box {
        display: block !important;
    }
}

@media (max-width: 325px) {
    .btn-editar{
        left: 10px;
        top: 9px;
    }
}

@media (min-width: 365px) {
    .row.bar-title a {right: 0px !important;}
}

@media (max-width: 988px) {
    body[data-layout=detached] .page-content {
        padding: 56px 0 0 0;
        margin-top: 56px;
    }

    .rowcol.colright > div {
        margin: 34px;
    }

    .title-dashboard-full{
        margin: 15px 20px;
    }

    .card, .needs-validation, .btn-search {
        margin: 30px;
    }
    .btn-search {
        margin: 0 auto;
        width: 80%;
        display: block;
    }

    .custom-switch{
        margin: 0 30px;
    }
    .piores_vendedores, .melhores_vendedores{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .grafico-pizza{
        margin-bottom: 140px;
    }
    .bradcuramb{
        margin: 0px 16px;
    }

}

@media (min-width: 320px) AND (max-width: 988px) {
    .content-bank {
        margin-left: 0px;
        margin-right: 0px;
    }
}