.dataTables_filter {
display: none !important;
}
.dataTable {
font-family: 'Poppins' !important;
border-color: #EEEDED !important;
}
.dataTable th{
font-size: 14px;
font-weight: 600;
background-color: #f0f0f0;
border-color: #EEEDED !important;
}
.dataTable td{
font-family: 'Poppins' !important;
font-weight: 400 !important;
border-color: #EEEDED !important;
}
.tabela-scroll {
max-height: calc(100vh - 400px);
overflow-y: auto;
overflow-x: auto;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #fff;
padding: 0;
}
.tabela-scroll thead th {
position: sticky;
top: -5px;
background: #f8f9fa;
z-index: 2;
box-shadow: 0 2px 2px rgba(0,0,0,0.05);
}
.tabela-scroll table.dataTable > thead .sorting,
.tabela-scroll table.dataTable > thead .sorting_asc,
.tabela-scroll table.dataTable > thead .sorting_desc,
.tabela-scroll table.dataTable > thead .sorting_asc_disabled,
.tabela-scroll table.dataTable > thead .sorting_desc_disabled {
position: sticky !important;
top: -5px;
}
.pesquisa {
width: 100%;
}
@media print {
.no-print,
.no-print * {
display: none !important;
}
}
.table-btn {
line-height: 0.5 !important;
margin: -10px;
/* padding: unset; */
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
line-height: 0;
}
.icon-table {
font-size: 25px;
vertical-align: middle;
color: #0088cc;
}
td.table_highlight {
background-color: #EB7A3129 !important;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
background-color: #EB7A3129 !important;
}
table.dataTable.hover tbody td:hover,
table.dataTable.display tbody td:hover {
background-color: #EB7A3129 !important;
}
.total-distrib {
text-align: center;
font-size: 17px;
line-height: 9px;
}
.dtrg-group {
border-bottom-color: #0088cc;
border-bottom-width: thick !important;
}
@media (max-width: 575px) {
.buttons-excel,
.card-header {
display: none !important;
}
.dataTables_length label {
text-align: center;
}
.content-body {
padding: unset !important;
}
.page-header {
margin: 0 0px 5px;
}
}
.seletor_edicao {
/* width: 100%; */
text-align: start;
font-size: 14px !important;
font-weight: 600 !important;
gap: 30px;
/* border-color: #0088cc;
border-width: thick;
border-style: double; */
font-family: "Poppins" !important;
}
.seletor_edicao .bootstrap-select {
margin-left: 5px !important;
}
.lista-terminais {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.btn-terminal {
margin-left: 10px;
margin-right: 10px;
font-size: 17px;
font-weight: bold;
line-height: 16px;
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn-terminal-local {
font-size: 9px;
font-weight: normal;
text-transform: uppercase;
overflow: hidden;
width: 100%;
max-width: 10px;
}
.table-ven {
background-color: #379392 !important;
font-weight: bold;
}
.table-dev {
background-color: #9055a2 !important;
font-weight: bold;
}
.btn-xlg {
padding: 30px;
font-size: 22px;
line-height: normal;
border-radius: 8px;
}
* {
font-size: calc(15px + 0.1vw) !important;
font-family: 'Poppins' !important;
}
.fa,
.fas {
font-family: 'Font Awesome 5 Free' !important;
}
.header.header-nav-menu .header-nav-main nav>ul>li.dropdown .dropdown-menu {
min-width: 300px;
}
#sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 60%;
}
#sortable li {
margin: 0 3px 3px 3px;
padding: 0.4em;
padding-left: 1.5em;
font-size: 1.4em;
height: 40px;
font-weight: bold;
box-shadow: 3px 3px 15px #000;
}
#sortable li span {
position: absolute;
margin-left: -1.3em;
}
label {
font-size: 16px !important;
font-weight: bold !important;
}
.limpa_distrib {
position: fixed;
left: 0px;
margin: 25px;
top: 50%;
z-index: 99;
}
*:disabled {
filter: grayscale(25%);
opacity: 0.5 !important;
}
.btn-painel {
margin: 10px;
transition: all 0.2s ease-in-out;
text-overflow: ellipsis;
}
.btn-painel:hover {
transform: scale(1.2);
}
.btn-painel i {
font-size: 2em !important;
}
.page-header h2 {
font-weight: bold !important;
}
.ui-pnotify-title {
font-weight: bold !important;
}
#sortable li {
margin: 0 3px 3px 3px;
padding: 0.4em;
padding-left: 1.5em;
height: auto;
font-weight: bold;
cursor: grab;
background-color: #282352;
border-radius: 100px;
color: #fff !important;
width: 50%;
align-self: center;
text-overflow: ellipsis;
}
#sortable {
width: 100%;
}
#sortable p {
color: #fff !important;
font-size: 0.7vw !important;
margin-bottom: 0px;
}
#sortable .migra {
background-color: var(--blue);
}
.brightness-box {
width: 200px;
height: 30px;
background: #f9f9f9;
border-radius: 8px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.brightness-box i {
margin: 0 10px;
}
#range {
width: 100%;
-webkit-appearance: none;
background: #0a85ff;
height: 3px;
outline: none;
}
/* #qnt {
width: 100%;
-webkit-appearance: none;
background: #0a85ff;
height: 3px;
outline: none;
} */
#range::-webkit-slider-thumb {
-webkit-appearance: none;
width: 22px;
height: 22px;
background: #333;
border-radius: 50%;
cursor: pointer;
}
#doomEditForm input {
width: 100%;
text-align: center;
font-weight: bold;
font-size: 1.5vw !important;
border-radius: 300px;
}
td,
th {
vertical-align: middle !important;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
background-color: #FFFF;
}
table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even {
background-color: #F3F3F3;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
background-color: #acbad4;
}
table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
background-color: #afbdd8;
}
.c-link {
cursor: -webkit-grab;
cursor: grab;
}
.mascara_looker {
position: fixed;
width: 172px;
height: 60px;
background: #f6f8fa;
z-index: 99999;
top: 60px;
right: 15px;
border-radius: 0px 0px 0px 82px;
}
@media screen and (max-width: 767px) {
.userbox {
visibility: hidden;
clear: both;
float: left;
margin: 0px;
width: 0%;
display: none;
}
/* .mascara_looker {
top: 174px;
} */
}
@media (max-height: 600px) {
.tabela-scroll {
max-height: calc(100vh - 150px);
overflow-y: auto;
overflow-x: auto;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #fff;
padding: 0;
}
}
/* @media screen and (max-width: 574px) {
.mascara_looker {
top: 137px;
}
} */
.table>thead {
vertical-align: middle !important;
}
.nav-link,
dropdown-toggle {
color: #444;
font-size: 12px;
}
table td {
font-family: "Ubuntu Mono", monospace !important;
font-weight: 500;
}
.link-info {
color: #000;
text-decoration: underline;
cursor: pointer;
}
.link-info:hover, .link-info:focus{
color: #000 !important;
}
.tooltip-inner {
text-align: left;
}
/* .modal-dialog{
overflow-y: initial !important
}
.modal-body{
max-height: 80vh;
min-height: 10vh;
overflow-y: auto;
} */
.d-none {
display: inline-block !important;
}
div.dataTables_processing {
top: 50px !important;
z-index: 9999 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
.dt-processing-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 24px 36px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-family: 'Poppins', sans-serif;
}
.dt-processing-logo {
width: 64px;
height: 64px;
}
.dt-processing-label {
display: flex;
align-items: baseline;
gap: 4px;
}
.dt-processing-label p {
margin: 0;
font-size: 14px;
color: #333;
font-family: 'Poppins', sans-serif;
}
.btn-tn {
padding: 0.1rem 0.5rem 0.1rem 0.5rem !important;
margin: 4px !important;
}
/* .inner-wrapper {
position: absolute;
height: 100%;
}
section .content-body {
padding: 10px;
height: 100%;
}
.row-body {
height: 100%;
position: absolute;
width: 100%;
overflow: hidden;
}
.row-body .col {
position: absolute;
height: 100%;
width: 100%;
}
.card-central {
background: transparent;
box-shadow: none;
border: none;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border-radius: 0.25rem;
}
.table-responsive {
height: 100%;
overflow: hidden;
}
.table-responsive #dataTable_wrapper {
height: 100%;
}
.table-responsive .table {
height: 100%;
position: absolute;
}
.table-responsive tbody {
position: absolute;
overflow: scroll;
height: 60%;
}
body.form-produtos-distribuidor-page .table-responsive {
max-height: calc(100vh - 290px);
overflow: auto !important;
position: relative;
}
body.form-produtos-distribuidor-page .table-responsive #dataTable_wrapper {
height: auto !important;
}
body.form-produtos-distribuidor-page .table-responsive .table {
height: auto !important;
position: relative !important;
}
body.form-produtos-distribuidor-page .table-responsive tbody {
position: relative !important;
overflow: visible !important;
height: auto !important;
}
body.form-produtos-distribuidor-page .table-responsive thead th {
position: sticky;
top: 0;
z-index: 5;
background: #f0f0f0;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.dataTables_info{
position: absolute;
bottom: 5px;
}
*/
.dataTables_paginate{
display: flex !important;
justify-content: center !important;
padding-bottom: 25px !important;
width:100%;
}
.paginate_button a{
border: none !important;
background-color: transparent !important;
color: #EB7A31 !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.paginate_button.active a{
background-color: #eb7a31 !important;
color: #FFF !important;
border-radius: 100% !important;
}
.pagination{
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 20px;
font-weight: 300 !important;
width: 100%;
}
#dataTable_next{
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 10px !important;
padding-left: 20px !important;
}
#dataTable_next a,
#dataTable_previous a{
font-size: 0 !important;
}
#dataTable_previous{
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: left .75rem center;
background-size: 10px !important;
padding-right: 20px !important;
}
.dataTables_length label{
font-weight: 400 !important;
text-transform: capitalize;
margin: 0 !important;
display: flex !important;
align-items: center;
gap: 10px;
flex-direction: row-reverse !important;
}
.dataTables_length select{
border: none;
background-image: url("data:image/svg+xml;utf8,");
}
input,
button,
select,
optgroup,
textarea {
border-radius: 100px !important;
}
.form-check-input {
position: unset !important;
}
#label-dark {
position: relative;
display: block;
width: 70px;
height: 35px;
background: rgb(251, 248, 248);
border-radius: 200px;
box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4), inset 0 -3px 20px rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: all .3s ease-in-out;
margin-top: 5px;
}
#label-dark::after {
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 2px;
left: 2px;
background: linear-gradient(180deg, #ffcc96, #d8865d);
border-radius: 180px;
box-shadow: -3px -3px 10px #00000040, 3px 3px 20px #00000040;
transition: all .3s ease-in-out;
z-index: 5;
}
.input-dark {
width: 0;
height: 0;
visibility: hidden;
}
.input-dark:checked+#label-dark {
background: #242424;
}
.input-dark:checked+#label-dark::after {
left: 66px;
transform: translateX(-100%);
background: linear-gradient(180deg, #777, #3a3a3a);
}
#label-dark:active::after {
width: 25px;
}
input:checked+#label-dark+.background {
background: #242424;
}
#label-dark i {
position: absolute;
width: 15px;
top: 5px;
z-index: 5;
font-size: 1.5em !important;
}
#label-dark .sun {
left: 3px;
position: absolute;
color: #fff;
transition: all .3s ease-in-out;
}
#label-dark .moon {
left: 40px;
color: #3a3a3a ;
transition: all .3s ease-in-out;
}
input:checked+#label-dark .sun {
color: #d8865d;
}
input:checked+#label-dark .moon {
color: #fff;
}
.filter-option{
display: flex;
align-items: center;
}
.filter-option-inner-inner {
text-align: start !important;
color: #A9A9A9 !important;
text-transform: capitalize;
font-weight: 400 !important;
font-size: 16px;
padding-left: 5px;
}
div.dataTables_wrapper {
color: #000 !important;
border: 1px solid #eeeded !important;
border-radius: 15px !important;
}
/* Modal refinado */
.modal-content {
border-radius: 16px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-radius: 15px !important;
padding: 16px !important;
}
.modal-content-mobile{
}
.modal-header {
padding: 16px 0px !important;
border-bottom: none !important;
}
.modal-body {
padding: 16px 0px !important;
padding-top: 22px !important;
}
.modal-footer {
border-top: none !important;
padding: 0px !important;
justify-content: center !important;
}
.cad-edi-new {
border-top: none !important;
padding: 0px !important;
justify-content: center !important;
}
.text-dark {
font-size: 19.2px !important;
}
/* Ícone de fechar */
.text-orange {
color: #f77e23 !important;
font-size: 20.8px !important;
}
.text-orange:hover {
color: #e56c10 !important;
}
.text-orange.down {
transform: rotate(90deg);
}
/* Select estilizado */
.form-control.bg-light {
height: 50px;
font-size: 16px !important;
border-radius: 5px !important;
color: #555;
background-color: #f7f7f7 !important;
}
/* Input group arredondado */
.input-group-text {
border: none;
background: #f7f7f7;
}
.div-seletor {
width: 100%;
display: flex;
align-items: flex-end;
gap: 15px;
padding-top: 25px;
padding-bottom: 25px;
}
.btn-tn {
background-color: #f77e23 !important;
border: none !important;
border-radius: 30px !important;
color: #fff !important;
line-height: 44px !important;
font-size: 16px !important;
transition: 0.2s;
}
.btn-tn:hover {
background-color: #e66d14 !important;
}
.btn-new {
border: none;
border-radius: 40px;
padding: 8px 24px;
gap: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
background-color: #EB7A31;
color: #fff;
font-weight: 600;
min-width: 210px;
transition: all 0.3s ease;
white-space: nowrap;
}
.btn-new:hover {
background-color: #F1AE4E;
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.btn-clear {
border: none;
border-radius: 40px;
padding: 8px 24px;
gap: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
background-color: #fff;
color: #000000;
font-weight: 600;
min-width: 160px;
transition: all 0.3s ease;
white-space: nowrap;
}
.btn-clear:hover {
background-color: #F1AE4E;
color: #fff;
transform: scale(1.05);
}
.btn-new,
.btn-clear {
flex-shrink: 0;
max-width: 100%;
}
.btn-primary {
border: none !important;
border-radius: 40px !important;
padding: 8px 24px !important;
gap: 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 48px;
background-color: #EB7A31 !important;
color: #fff !important;
font-weight: 600 !important;
min-width: 210px !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
}
.btn-secondary {
border: 1px solid #EB7A31 !important;
border-radius: 40px !important;
padding: 8px 24px !important;
gap: 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 48px;
background-color: #fff !important;
color: #EB7A31 !important;
font-weight: 600 !important;
min-width: 210px !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
}
.btn-secondary-modal {
border: 1px solid #EB7A31 !important;
border-radius: 40px !important;
padding: 8px 24px !important;
gap: 10px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 48px;
background-color: #fff !important;
color: #EB7A31 !important;
font-weight: 600 !important;
min-width: 0px !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
}
.btn-light.dropdown-toggle {
background-color: #f3f3f3 !important;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
color: #212529;
background-color: transparent !important;
border-color: transparent;
border-radius: 15px !important;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: none !important;
outline-offset: -2px;
}
.btn-light:hover {
background-color: #f3f3f3 !important;
}
select,
.form-select,
.form-control {
box-shadow: none !important;
outline: none !important;
}
.login-page,
.login-page.bg-gradient {
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-family: 'Poppins', sans-serif;
text-align: center;
color: #222;
background: url('/img/Distribui_background.png') no-repeat center center;
background-size: cover;
z-index: 2;
}
.login-page .logo img {
max-width: 300px;
position: absolute;
top: 5%;
align-items: center;
transform: translateX(-50%);
}
/* ===== CENTRAR BLOQUE DE LOGIN ===== */
.login-container {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 75vh;
}
@media (max-height: 700px) {
.login-container {
height: 85vh;
}
}
.login-card {
width: 100%;
max-width: 420px;
text-align: left;
}
.login-card .form-group,
.login-card .form-check,
.login-card .btn-login {
width: 100%;
border-top: 0px;
}
.login-page .panel.card-sign {
display: none;
flex-direction: column;
justify-content: flex-end;
background: #fff;
border-radius: 0;
box-shadow: none;
padding: 20px;
width: 50%;
min-height: 100vh;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 600px) {
.login-page .panel.card-sign {
width: 100%;
z-index: 10;
}
}
/* Logo superior */
.login-page .panel.card-sign .logo {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
.login-page .panel.card-sign .logo img {
max-width: 300px;
height: auto;
}
/* Formulario */
.login-page .panel.card-sign form {
width: 100%;
max-width: 400px;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 40px;
}
.input-group-login {
position: relative;
}
.input-group-login i.fa-user,
.input-group-login i.fa-lock {
position: absolute;
left: 18px;
transform: translateY(-50%);
color: #808080;
font-size: 16px;
pointer-events: none;
}
.input-group-login i.fa-user {
top: 65%;
}
.input-group-login i.fa-lock {
top: 70%;
}
.input-group-login i.toggle-password {
position: absolute;
right: 18px;
top: 70%;
transform: translateY(-50%);
color: #f26522;
cursor: pointer;
}
.input-group-login input {
padding-left: 45px !important;
padding-right: 45px !important;
}
/* Opcional: efecto hover */
.input-group-login i.toggle-password:hover {
color: #e05c1d;
}
.fa-times {
color: #EB7A31 !important;
}
.login-page .panel.card-sign input {
background-color: #f3f4f3 !important;
border: none;
height: 50px;
border-radius: 25px;
padding: 0 16px 0 42px;
font-size: 15px;
color: #333;
}
.login-page .panel.card-sign input:focus {
background-color: #eef1ee !important;
box-shadow: 0 0 0 2px rgba(242, 101, 34, 0.2);
}
.login-page .panel.card-sign .checkbox-orange {
font-family: system-ui, sans-serif;
font-size: 2rem;
font-weight: bold;
line-height: 1.1;
display: grid;
grid-template-columns: 1em auto;
gap: 0.5em;
}
.login-page .panel.card-sign button {
background-color: #f26522 !important;
border: none;
border-radius: 25px;
color: #fff;
font-weight: 600;
font-size: 16px;
padding: 12px 36px;
margin-top: 10px;
box-shadow: 0 4px 8px rgba(242, 101, 34, 0.3);
transition: all 0.3s ease;
}
.login-page .panel.card-sign button:hover {
background-color: #e05719 !important;
box-shadow: 0 6px 14px rgba(242, 101, 34, 0.4);
}
/* Checkbox */
.login-page .panel.card-sign .remember {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
margin-top: -15px;
padding: 0 5px;
}
.login-page .panel.card-sign .remember label {
margin: 0;
font-size: 14px;
color: #333;
}
.checkbox-orange {
accent-color: #f26522;
}
.checkbox-orange:focus {
outline: none;
}
.login-page .panel.card-sign .form-check {
display: flex;
align-items: center;
gap: 8px;
padding-left: 0px !important;
margin-bottom: 1.125rem !important;
}
/* Logo inferior */
.login-page .panel.card-sign .logo-inferior {
position: absolute;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
}
@media (max-width: 750px) {
.login-page .panel.card-sign .logo-inferior {
bottom: 70px;
}
}
.login-page .panel.card-sign .logo-inferior img {
max-width: 300px;
height: auto;
}
/* Footer */
.login-page .panel.card-sign footer {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
}
.login-page .panel.card-sign footer p {
color: #D3D3D3 !important;
font-size: calc(11px + 0.1vw) !important;
font-weight: 300 !important;
}
.login-page .painel-principal {
width: 100%;
max-width: 420px;
}
.login-page .btn-painel {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
max-width: 520px;
margin: 10px auto;
padding: 30px 30px;
background: #F3F4F1;
color: #000;
font-family: 'Poppins', sans-serif !important;
font-weight: 600;
font-size: 22px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
text-align: center;
transition: all 0.2s ease-in-out;
opacity: 0.8;
}
@media (max-width: 600px) {
.login-page .btn-painel {
width: 85%;
}
}
.ic--baseline-mobile-friendly {
display: inline-block;
width: 45px;
height: 45px;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2M7.01 13.47l-2.55-2.55l-1.27 1.27L7 16l7.19-7.19l-1.27-1.27z'/%3E%3C/svg%3E");
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.login-page .btn-up{
border-radius: 50px 50px 50px 10px;
padding-top: 55px;
}
.login-page .btn-down{
border-radius: 50px 10px 50px 50px;
padding-top: 35px;
}
.login-page .btn-painel:hover {
transform: scale(1.05);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.login-page .btn-painel i {
font-size: 40px !important;
margin-bottom: 30px !important;
color: #000 !important;
}
.login-page .btn-admin i,
.login-page .btn-admin b { color: #E8612C; }
.login-page .btn-rapida i,
.login-page .btn-rapida b { color: #EB7A31; }
.login-page .btn-painel small {
color: #000;
font-size: 15px;
}
.login-page label {
font-size: 14px !important;
color: #333;
font-weight: 500;
}
.login-page .btn-primary b i {
color: #E8612C;
}
.login-page .btn-warning b i {
color: #EB7A31;
}
.login-page small {
font-size: 0.9rem;
color: #666;
}
.login-page footer {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
font-weight: 300 !important;
text-align: center;
width: 100%;
}
.login-page footer p {
color: white !important;
font-size: calc(10px + 0.1vw) !important;
font-weight: 300 !important;
}
.login-page .logo-inferior {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
}
.login-page .logo-inferior img {
width: 95px;
}
.login-page .panel-left {
display: none;
flex-direction: column;
justify-content: center;
border-radius: 0;
box-shadow: none;
padding: 60px;
width: 50%;
min-height: 100vh;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
}
.login-page .panel-left .logo-phone {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
text-align: center;
}
.login-page .panel-left .logo-phone img {
max-width: 100%; /* controla o tamanho da imagem */
width: auto;
height: auto;
display: inline-block;
z-index: 2;
}
/* .login-page .panel-left .logo-blanco {
margin-bottom: 40px;
}
.login-page .panel-left .logo-blanco img {
width: 85%;
max-width: 400px;
height: auto;
display: block;
margin: 0 auto;
z-index: 2;
} */
.login-page .panel-left .logo-blanco {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.login-page .panel-left .logo-blanco lottie-player {
width: 100%;
max-width: 560px;
height: 460px; /* 560 * 1392/1920 */
display: block;
margin: -80px auto 0;
}
@media (max-width: 600px) {
.login-page .panel-left .logo-phone img {
display: hide !important;
}
.login-page .panel-left .logo-blanco img {
display: hide !important;
}
}
.login-page .panel.card-sign .btn-close,
.login-page .alert .btn-close {
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23842029'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-size: 12px !important;
background-position: center !important;
width: 24px !important;
height: 24px !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 0.6;
margin-top: 0 !important;
}
.login-page .panel.card-sign .btn-close:hover,
.login-page .alert .btn-close:hover {
opacity: 1;
background-color: transparent !important;
}
.card {
background-color: #f8f9fa;
padding: 20px;
border-radius: 10px;
}
/* Codigo para o HEADER */
.title-header{
color: #F3F4F1;
font-size: 1.5em !important;
font-family: Poppins !important;
font-style: normal;
}
.btn-navbar-header{
color: #F3F4F1;
background: none;
background-color: transparent !important;
border: none;
}
.btn-navbar-header i{
font-size: 20px !important;
}
.btns-header {
gap: 10px;
}
.header-dropdown-wrapper {
display: inline-block;
}
.header-dropdown-painel {
min-width: 280px;
padding: 0;
border: none;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
overflow: hidden;
font-family: 'Poppins', sans-serif;
}
.header-dropdown-titulo {
background: #f8f9fa;
padding: 12px 16px;
font-weight: 600;
font-size: 14px;
color: #333;
border-bottom: 1px solid #e9ecef;
}
.header-dropdown-vazio {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 16px;
text-align: center;
color: #888;
}
.header-dropdown-vazio i {
font-size: 38px;
color: #d0d4d9;
margin-bottom: 10px;
}
.header-dropdown-vazio p {
margin: 0;
font-size: 14px;
color: #6c757d;
}
.btn-user{
display: none;
}
.logo-title{
justify-self: left;
}
/* Novo userbox */
.userbox {
display: inline-block;
position: relative;
vertical-align: middle;
background-color: #F3F4F1;
padding: 10px;
border-radius: 25px;
}
.userbox i{
color: #E8612C;
padding: 0px 5px;
}
.userbox > a {
display: inline-block;
text-decoration: none;
}
.userbox a:hover {
text-decoration: none;
}
.userbox .profile-info,
.userbox .profile-picture {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.userbox .profile-picture img {
width: 35px;
color: transparent;
}
.userbox .profile-info {
margin: -3px 25px 0 10px;
}
.userbox .name,
.userbox .role {
display: block;
}
.userbox .name {
color: #E8612C;
font-size: 12.8px;
font-size: 0.8rem;
line-height: 17.6px;
line-height: 1.1rem;
}
.userbox .role {
color: #E8612C;
font-size: 11.2px;
font-size: 0.7rem;
line-height: 11.2px;
line-height: 0.7rem;
}
.userbox .custom-caret {
color: #000011;
font-size: 16px;
font-weight: bold;
}
.userbox .custom-caret:before {
content: "\f107";
}
/* Userbox - Open */
.userbox > a.show {
position: relative;
z-index: 993;
}
.userbox > a.show .custom-caret:before {
content: "\f106";
}
.userbox .dropdown-menu {
border: none;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
background-color: #F3F4F1;
box-sizing: content-box;
left: 0px !important;
padding: 45px 0 0;
top: 0px !important;
transform: none !important;
width: 100%;
min-width: 0;
z-index: 992;
border-radius: 25px;
}
.userbox .dropdown-menu li {
margin-bottom: 5px;
}
.userbox .dropdown-menu a {
border-radius: 2px;
color: #7d7d7d;
display: block;
line-height: 20.8px;
line-height: 1.3rem;
padding: 4px 10px;
font-size: 12px;
font-size: 0.75rem;
}
.userbox .dropdown-menu a i {
font-size: 17.6px;
font-size: 1.1rem;
}
.userbox .dropdown-menu a:hover {
background: #CCC;
color: #FFF;
}
.userbox .dropdown-menu i {
margin-right: 3px;
vertical-align: middle;
}
/* Header Dark - Userbox */
html.dark .userbox:after,
html.header-dark .userbox:after {
background: #121518;
}
html.dark .userbox .name,
html.dark .userbox .custom-caret,
html.header-dark .userbox .name,
html.header-dark .userbox .custom-caret {
color: #C3C3C3;
}
html.dark .userbox .dropdown-menu,
html.header-dark .userbox .dropdown-menu {
background: #282d36;
}
html.dark .userbox .dropdown-menu .name,
html.dark .userbox .dropdown-menu .custom-caret,
html.header-dark .userbox .dropdown-menu .name,
html.header-dark .userbox .dropdown-menu .custom-caret {
color: #C3C3C3;
}
html.dark .userbox .dropdown-menu a,
html.header-dark .userbox .dropdown-menu a {
color: #C3C3C3;
}
html.dark .userbox .dropdown-menu a:hover,
html.header-dark .userbox .dropdown-menu a:hover {
color: #FFF;
}
html.dark .userbox .dropdown-menu .divider,
html.header-dark .userbox .dropdown-menu .divider {
background: #1D2127;
}
html.dark .userbox .dropdown-menu a,
html.header-dark .userbox .dropdown-menu a {
color: #C3C3C3;
}
.offcanvas-body{
padding: 0px !important;
}
.sidePanel {
color: #000;
}
.sidePanel .nav-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
color: #000;
text-decoration: none;
transition: background-color 0.2s ease;
}
.sidePanel .nav-link:hover {
background-color: #FCEADE;
color: #000;
}
.sidePanel a{
font-style: normal !important;
font-weight: normal !important;
}
.sidePanel i{
margin-right: 8px;
}
.sidePanel hr.dropdown-divider {
margin: 0px 0 !important;
border-color: #ddd;
}
.sidePanel ul {
display: none !important;
margin-left: 15px;
padding-left: 10px;
}
.sidePanel ul.open {
display: block !important;
}
.sidePanel ul ul {
display: none !important;
margin-left: 10px;
padding-left: 10px;
}
.sidePanel ul ul.open {
display: block !important;
}
.mobile {
border: none;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
background-color: #F3F4F1;
box-sizing: content-box;
left: 0px !important;
transform: none !important;
width: 100%;
min-width: 0;
top: 0px !important;
z-index: 992;
border-radius: 25px;
}
.mobile li {
margin-bottom: 5px;
}
.mobile a {
border-radius: 2px;
color: #7d7d7d;
line-height: 20.8px;
line-height: 1.3rem;
padding: 4px 10px;
display: block;
font-size: 12px;
font-size: 0.75rem;
}
.mobile a i {
font-size: 17.6px;
font-size: 1.1rem;
}
.mobile a:hover {
background: #CCC;
color: #FFF;
}
.mobile i {
margin-right: 3px;
vertical-align: middle;
}
.product-select{
border: none;
border-bottom: 3px solid #0088cc;
font-family: Poppins !important;
font-size: 33px !important;
font-weight: 600 !important;
border-radius: 0 !important;
width: 100%;
padding: 5px;
color: #0088cc;
max-width: 320px;
}
.btn-estoque{
display: flex;
gap: 6px;
align-items: center;
padding: 13px 20px;
font-family: Poppins !important;
background-color: #0088cc;
color: #fff;
box-shadow: none !important;
}
.input-pesquisa-pdv{
display: flex;
align-items: center;
border-radius: 20px;
padding: 13px;
border: none;
background-color: #f3f3f3;
max-width: 383px !important;
width: 100%;
gap: 5px;
}
.input-pesquisa-pdv input{
background-color: transparent;
border: none;
border-radius: 20px;
outline: none;
}
.input-pesquisa-pdv:focus-within{
border: 1px solid #0088cc;
}
.input-pesquisa-pdv button{
border: none;
background-color: #f3f3f3;
}
.input-pesquisa-pdv i{
padding: 10px;
}
.div-input-pesquisa-pdv h5{
display: none;
}
.div-cards{
font-family: Poppins !important;
width: 100% !important;
}
.div-cards h1{
font-size: 23.04px !important;
font-weight: 600;
}
.index-card {
background-color: #f8f8f8 !important;
border: none;
max-width: 350px;
max-height: 134px;
min-height: 120px;
border-radius: 15px;
cursor: pointer;
text-decoration: none !important;
outline: none !important;
display: flex;
flex-direction: row;
align-items: center;
padding: 15px;
gap: 5px;
}
.index-card:hover {
background-color: #FCEADE !important;
}
.index-card img {
width: 95px;
height: auto;
object-fit: contain;
}
.label-card {
padding: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.label-card h3{
font-weight: 500;
color: #191C1F;
margin: 0 0 6px 0;
}
.label-card p{
line-height: 1.35 !important;
font-size: calc(12.5px + 0.1vw) !important;
font-weight: 300 !important;
color: #191C1F;
margin: 0;
}
@media (max-width: 768px) {
.index-card {
max-width: 100%;
padding: 12px;
gap: 2px;
}
.label-card p {
font-size: 0px !important;
}
}
.footer-index{
position: relative;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-weight: 300 !important;
text-align: center;
width: 100%;
margin-top: 20px;
z-index: 999;
}
.footer-index img{
width: 95px;
}
.footer-index p{
color: #D3D3D3 !important;
font-size: calc(11px + 0.1vw) !important;
font-weight: 300 !important;
padding-bottom: 0px ;
}
.div-title-card h3{
font-weight: 200 !important;
color: #000;
}
.div-mobile-title-card {
display: none;
}
.modal-estoque{
padding: 40px 30px !important;
}
.titulo-modal-v2{
font-weight: 600 !important;
font-size: 19.2px !important;
}
.modal-estoque button{
padding: 0 0.6rem !important;
}
.table-estoque th{
font-family: Poppins !important;
font-weight: 600 !important;
background-color: #f0f0f0;
padding: 16px 12px;
text-align: start;
border: solid 1px #eeedee;
border-bottom-color: #f0f0f0 !important;
}
.table-estoque td{
font-family: Poppins !important;
font-weight: 400 !important;
padding: 16px 12px;
text-align: start;
border: solid 1px #eeedee;
}
.modal-imprimir{
padding: 30px !important;
}
.modal-imprimir .modal-title{
font-weight: 600 !important;
}
.modal-imprimir .label{
font-size: 13.2px !important;
padding: 10px 0 !important;
}
.titulo-imprimir{
font-size: 20.16px;
}
.label-imprimir{
font-size: 13.33px !important;
font-weight: 600 !important;
}
.selected-select{
font-weight: 400 !important;
color: #a9a9a9 !important;
}
.input-group.rounded-lg {
border-radius: 12px;
overflow: hidden;
background-color: #f8f9fa;
}
.input-group .form-control {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background-color: #f8f9fa;
height: 45px;
font-size: 0.95rem;
color: #333;
}
.input-group-text {
background-color: #f8f9fa;
border: none;
font-size: 1rem;
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23999' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7l3 3 3-3z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
padding-right: 30px;
}
select.form-control,
select.form-control option {
border-radius: 10px;
}
select.form-control:focus {
outline: none;
border: 1px solid #f77e23;
box-shadow: 0 0 4px rgba(247, 126, 35, 0.3);
}
.content-body{
gap: 10px !important;
}
.content-body h1{
font-size: 27.65px !important;
font-weight: 400 !important;
margin-top: 40px;
}
.select-edicao {
display: flex;
align-items: center;
border-radius: 20px !important;
padding: 13px !important;
border: none;
background-color: #f3f3f3;
max-width: 100% !important;
width: 100%;
gap: 5px;
white-space: nowrap;
min-width: 0;
}
.select-edicao select {
flex: 1;
min-width: 0;
padding-left: 5px;
background: transparent;
border: none;
outline: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.bootstrap-select {
max-width: none !important;
width: 100% !important;
border: none;
background-color: #f3f3f3 !important;
box-shadow: none !important;
border-radius: 15px !important;
height: 48px !important;
min-height: 48px !important;
}
.bootstrap-select button{
width: 100%;
height: 48px !important;
min-height: 48px !important;
}
.btn-cadastro{
border: none;
border-radius: 40px;
padding: 8px 24px;
gap: 10px;
display: flex;
align-items: center;
height: 48px;
background-color: #eb7a31;
color: #fff;
font-weight: 600;
width: 205px !important;
}
.div-seletor-edicao{
width: 100%;
display: flex;
align-items: end;
justify-content: space-between;
padding-bottom: 25px;
}
.btn-distribuir{
border: none !important;
background-color: transparent !important;
color: #a9a9a9 !important;
}
.btn-clean{
border: none !important;
background-color: transparent !important;
}
.btn-green-input{
background-color: #43A047 !important;
border-color: #43A047 !important;
}
.btn-green{
color: #43a047 !important;
}
.btn-header-table-rota{
color: #000 !important;
border: none !important;
box-shadow: none !important;
text-transform: capitalize;
}
.btn-filter{
background-image: url('../img/icons/filter_btn.svg');
display: inline-flex !important;
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: #000;
}
.dt-buttons .btn-header-table-rota {
border-left: 1px solid #ccc !important;
border-radius: 0px !important;
}
.dt-footer {
display: flex !important;
justify-content: flex-start;
width: 100%;
flex-wrap: wrap !important;
}
.dt-info {
display: flex;
justify-content: flex-start;
}
.dt-paging {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.dataTables_paginate {
margin: 0 auto;
}
.style-header-modal{
border: none !important;
}
.style-title-modal span{
font-family: "Poppins" !important;
font-size: 20.16px !important;
}
.style-header-modal button{
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
height: 0;
padding: 0;
}
.style-header-modal button i{
color: #EB7A31;
}
.btn-collapse-modal{
background: linear-gradient(180deg, #1090D0 0%, #233A8B 100%);
text-transform: capitalize !important;
font-weight: 700 !important;
color: #fff !important;
border-radius: 15px !important;
text-align: start !important;
padding: 10px !important;
font-size: 20.16px;
border: none !important;
box-shadow: none !important;
max-width: 707px !important;
width: 100% !important;
height: 56px !important;
}
.content-modal{
display: flex !important;
width: 100% !important;
flex-shrink: 0 !important;
justify-content: center !important;
align-items: center !important;
flex-direction: column !important;
gap: 20px !important;
}
.content-modal-rows{
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.content-modal-rows label{
font-family: 'Poppins' !important;
font-weight: 600 !important;
}
.content-modal-rows input{
border: none;
background-color: #f3f3f3 !important;
box-shadow: none !important;
border-radius: 15px !important;
width: 100% !important;
}
.modal-rota{
width: 765px !important;
max-width: 765px !important;
}
.modal-footer-rota,
.modal-footer-tota-pdv{
border: none !important;
}
.btn-modal{
padding: 8px 24px !important;
border-radius: 20px !important;
box-shadow: none !important;
text-transform: capitalize !important;
font-size: 16.8px !important;
font-weight: 400 !important;
}
.btn-salvar-modal{
color: #fff !important;
background-color: #EB7A31 !important;
border: none !important;
}
.btn-fechar-modal{
color: #EB7A31 !important;
background-color: transparent !important;
border: solid 1px #EB7A31 !important;
}
.btn-excluir{
color: #fff !important;
background-color: #EB7A31 !important;
border: none !important;
}
.btn-cancelar{
color: #EB7A31 !important;
background-color: transparent !important;
border: solid 1px #EB7A31 !important;
}
.btn-cancelar-danger{
color: #dc3545 !important;
background-color: transparent !important;
border: solid 1px #dc3545 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.btn-cancelar-danger:hover{
background-color: #dc3545 !important;
color: #fff !important;
}
@media (max-width: 767px) {
.btn-cancelar-danger {
margin-top: 16px !important;
}
}
.aviso-modal-rota{
background-color: #fff4e5 !important;
width: calc(100% + 32px) !important;
padding: 16px 10px !important;
margin-bottom: 10px !important;
display: flex;
gap: 10px !important;
margin-left: -16px !important;
}
.aviso-modal-rota p{
font-size: 14px !important;
font-weight: 300 !important;
color: #000 !important;
}
.aviso-modal-rota span{
font-size: 14px !important;
font-weight: 500 !important;
}
.aviso-modal-rota i{
color: #BF9C0E !important;
font-size: 25px !important;
}
.content-modal-rows input{
height: 48px !important;
min-height: 48px !important;
}
.div-subDistribuidor {
display: flex !important;
flex-wrap: wrap !important;
padding: 0px 16px !important;
}
.div-filtros{
background-color: #EDEDED !important;
border: none !important;
box-shadow: 0px 2px 4px 0px #00000040 !important;
margin-bottom: 10px !important;
}
.title-filtro{
font-size: 20.16px !important;
}
.btn-ocultar-filtro{
border: none !important;
background-color: transparent !important;
font-weight: 600 !important;
}
.btn-limpar-filtro{
border: none !important;
background-color: transparent !important;
font-weight: 600 !important;
}
.btn-buscar-filtro{
border: none !important;
background-color: #0088cc !important;
color: #ffff !important;
font-weight: 600 !important;
}
.collapse-dados{
display: flex;
gap: 15px;
flex-direction: column;
}
.my-actions{
display: flex !important;
width: 100% !important;
justify-content: flex-end !important;
align-items: flex-end;
}
.title-modal-deletar{
font-weight: 600 !important;
font-family: Poppins !important;
font-size: 20.16px !important;
color: #000 !important;
text-align: left !important;
margin-bottom: 10px !important;
}
.text-modal-deletar{
font-weight: 400 !important;
font-family: 'Poppins' !important;
font-size: 14px !important;
color: #000 !important;
text-align: left !important;
margin-bottom: 30px !important;
}
.swal-popup-custom{
border-radius: 15px !important;
padding: 20px !important;
}
.swal-popup-custom .swal2-title{
font-size: 22px !important;
font-weight: 700 !important;
padding: 10px 0 !important;
}
.swal-popup-custom .swal2-html-container{
font-size: 16px !important;
line-height: 1.5 !important;
margin: 10px 20px !important;
}
.swal-popup-custom .swal2-actions{
margin-top: 20px !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
.swal-popup-custom .btn-excluir{
background-color: #EB7A31 !important;
color: #fff !important;
border: none !important;
padding: 12px 40px !important;
font-size: 16px !important;
font-weight: 600 !important;
border-radius: 30px !important;
min-width: 200px !important;
margin: 0 auto !important;
display: block !important;
}
.swal-popup-custom .btn-excluir:hover{
background-color: #d66a25 !important;
}
.close-button{
color: #EB7A31 !important;
margin: 5px 10px !important;
font-size: 25px !important;
width: 20px !important;
height: 23px !important;
font-weight: 600 !important;
}
.div-select-edicao{
display: flex !important;
flex-direction: column !important;
}
.div-btns-seletor{
display: flex;
flex-direction: row;
gap: 15px !important;
}
.div-btns-seletor-pdv{
display: flex;
flex-direction: row;
gap: 15px !important;
width: 100% !important;
justify-content: flex-end !important;
margin-bottom: 20px;
}
.dtr-details{
display: flex !important;
justify-content: center !important;
align-items: start !important;
flex-direction: column !important;
}
.dtr-details li{
display: flex !important;
justify-content: start !important;
text-align: start !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
border: none !important;
}
.dtr-details .dtr-title{
display: inline-block !important;
font-weight: 600 !important;
font-family: 'Poppins' !important;
font-size: 14px !important;
color: #000 !important;
text-align: start !important;
width: auto !important;
white-space: nowrap !important;
}
.dtr-details .dtr-data{
font-weight: 400 !important;
font-family: 'Poppins' !important;
font-size: 14px !important;
color: #000 !important;
background-color: #F3F3F3 !important;
width: auto !important;
text-align: start !important;
flex-grow: 1 !important;
padding: 3px 10px !important;
border-radius: 10px;
height: 32px !important;
}
.dtr-details .dtr-data .c-link{
text-decoration: none !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
content: "\f106" !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 600 !important; /* Ou 400, dependendo do estilo do ícone */
color: #e8612c !important;
font-size: 20px;
border: none !important;
box-shadow: none !important;
background-color: #00000000 !important;
}
.btn-header-table-mobile{
display: none;
}
.btn-bloqueio{
color: #6D6D6D !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap;
flex-direction: row;
border: none !important;
background-color: transparent !important;
}
.btn-editar,
.btn-excluir{
display: flex !important;
align-items: center !important;
flex-wrap: nowrap;
flex-direction: row;
border: none !important;
background-color: transparent !important;
color: #E8612C !important;
gap: 10px;
}
.btn-excluir .label-btn-acao{
display: none !important;
color: #EB7A31 !important;
font-weight: 600 !important;
}
.btn-editar-mobile .label-btn-acao{
color: #EB7A31 !important;
font-weight: 600 !important;
}
.btn-bloqueio .label-btn-acao{
display: none !important;
color: #6D6D6D !important;
font-weight: 600 !important;
}
.btn-editar .block{
color: #6D6D6D !important;
}
.label-status{
display: none;
}
.dropdown-menu-table-header{
display: none;
border: none;
align-content: center;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
background-color: #F3F4F1;
box-sizing: content-box;
right: 26px;
top: 425px;
transform: none !important;
width: 190px !important;
min-width: 0;
z-index: 999 !important;
border-radius: 15px;
position: absolute !important;
}
.dropdown-menu-table-header-pdv{
display: none;
border: none;
align-content: center;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
background-color: #F3F4F1;
box-sizing: content-box;
right: 26px;
top: 400px;
transform: none !important;
width: 190px !important;
min-width: 0;
z-index: 999 !important;
border-radius: 15px;
position: absolute !important;
}
.dropdown-menu-table-header .list-unstyled{
margin: 0 !important;
}
.dropdown-menu-table-header-pdv .list-unstyled{
margin: 0 !important;
}
.ativo{
display: flex;
}
.list-table-mobile{
display: none !important;
flex-direction: column;
width: 100% !important;
}
.list-table{
display: flex;
flex-direction: column;
width: 100% !important;
}
.list-table li,
.list-table-mobile li{
width: 100% !important;
padding: 0px 0px 0px 20px;
}
.list-table .frst,
.list-table-mobile .frst{
border-radius: 15px 15px 0px 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.list-table .scnd,
.list-table-mobile .scnd{
border-radius: 0px 0px 15px 15px !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.list-table li:hover,
.list-table-mobile li:hover{
cursor: pointer;
background-color: #FCEADE;
}
.export-excel-hidden,
.export-pdf-hidden{
display: none !important;
}
#btn-cadastro-mobile{
display: none;
}
.modal-mobile{
display: none;
}
.btn-editar-mobile{
display: none !important;
}
.btn-imprimir-mobile{
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-imprimir-mobile i{
color: #EB7A31;
padding-right: 10px;
}
.modal-backdrop-hide{
display: none !important;
}
.btn-export-mobile{
display: none !important;
}
.modal-footer-rota-mobile{
display: none;
}
.btn-filtro-pdv{
display: flex;
justify-content: flex-start;
height: 56px;
border-radius: 15px !important;
margin-top: 20px !important;
align-items: center;
gap: 10px;
text-transform: capitalize;
font-weight: 400;
font-family: 'Poppins' !important;
color: #000;
background-color: #F3F3F3;
border: none !important;
}
.btn-filtro-pdv:focus{
border: 0px !important;
}
.btn-active i{
transition: transform 0.3s;
}
.btn-active{
background: linear-gradient(180deg, #1090D0 0%, #233A8B 100%);
color: #ffff !important;
}
.btn-active i{
transform: rotate(180deg);
}
.passo-cadastro{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.passo-cadastro a{
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
border-radius: 50%;
background-color:#E3E3E3;
color: #F3F4F1 !important;
}
.passo-cadastro hr{
height: 5px;
width: 50px;
background-color:#E3E3E3;
background-image: none;
opacity: 100%;
border: none;
}
.d-off{
display: none !important;
}
.inicio-tutorial{
display: flex;
gap: 20px;
flex-direction: column
}
.passo-selecionado{
background-color: #E8612C !important;
}
.passo-checado{
background-color: #167720 !important;
}
.header-passos{
font-family: "Poppins" !important;
font-weight: 300 !important;
font-size: 16px !important;
}
.header-passos h4{
font-family: "Poppins" !important;
font-weight: 300 !important;
font-size: 16px !important;
}
.header-passos h2{
font-family: "Poppins" !important;
font-weight: 500 !important;
color: #EB7A31 !important;
font-size: 19.2px !important;
}
.btn-fechar-modal-fora{
border: none !important;
align-self: flex-end !important;
background-color: transparent !important;
width: 20px !important;
padding: 0 !important;
}
.passo-modal{
justify-content: flex-start !important;
gap: 10px !important;
}
.new-time::-webkit-calendar-picker-indicator {
opacity: 0;
}
.new-time {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EB7A31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 18px;
}
.new-input label{
font-family: 'Poppins' !important;
font-weight: 600 !important;
}
.new-input input{
border: none;
background-color: #f3f3f3 !important;
box-shadow: none !important;
border-radius: 15px !important;
height: 48px !important;
}
.div-editar-pdv{
display: flex !important;
flex-wrap: wrap !important;
padding: 10px 5px !important;
}
.btn-fechar-modal-times{
min-width: 0 !important;
}
.div-input-filtros{
display: flex !important;
flex-wrap: wrap !important;
padding: 16px 0px !important;
}
.new-select select {
flex: 1;
min-width: 0;
padding-left: 5px;
background: transparent;
border: none;
outline: none;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #f3f3f3;
border-radius: 15px !important;
height: 48px !important;
padding: 0px 10px !important;
}
.new-select label{
font-family: 'Poppins' !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.input-icone{
display: flex;
flex-direction: row;
border: none !important;
background-color: #f3f3f3 !important;
box-shadow: none !important;
border-radius: 15px !important;
align-items: center;
}
.input-icone i{
padding-left: 15px;
color: #A9A9A9;
}
.new-select-pesquisar{
display: flex;
flex-direction: row;
align-items: center;
min-width: 0;
padding-left: 5px;
border: none;
outline: none;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #f3f3f3 !important;
border-radius: 15px !important;
height: 48px !important;
padding: 0px 10px !important
}
.new-select-pesquisar select{
width: 100% !important;
background-color: transparent !important;
}
.new-select-pesquisar i{
padding-left: 10px;
}
.btn-fechar-mobile-pdv{
display: none;
}
.modal-title-mobile{
display: none;
}
.hr-passo-5,
.passo-5{
display: none !important;
}
.passo-mobile{
display: none;
}
/* aaaaaaaaaaaa */
.btn-circle-check {
position: relative;
width: 40px;
height: 40px;
border: 3px solid #1e7e34;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.btn-circle-check .numero {
font-size: 36px;
color: #1e7e34;
font-weight: bold;
}
.btn-circle-check .check {
position: absolute;
width: 40px;
height: 40px;
background: #1e7e34;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.btn-circle-check .check i {
color: #fff;
font-size: 16px !important;
}
.icone-rev{
display: inline-flex !important;
width: 23px;
height: 23px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.i-loja{
background-image: url('../img/icons/store.svg');
}
.i-time{
background-image: url('../img/icons/clock.svg');
}
.i-pin{
background-image: url('../img/icons/pin.svg');
}
.i-shopping-fast{
background-image: url('../img/icons/shopping-fast.svg');
}
.i-carbon-ticket{
background-image: url('../img/icons/carbon_ticket.svg');
}
.i-user{
background-image: url('../img/icons/user-avatar.svg');
}
.wrapper-rev{
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
padding-top: 50px;
}
.cards-rev{
display: flex;
flex-direction: column;
border: 1px dashed #D3D3D3;
border-radius: 15px;
padding: 20px;
width: 100%;
gap: 5px;
}
.header-rev{
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 20px;
align-items: center;
}
.header-rev h2{
margin: 0;
}
.inputs-rev{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.inputs-rev input{
background-color: transparent !important;
}
.btn-editar-rev{
display: flex !important;
align-items: center !important;
justify-content: center;
flex-wrap: nowrap;
flex-direction: row;
border: none !important;
background-color: transparent !important;
color: #E8612C !important;
font-family: 'Poppins' !important;
font-weight: 600;
gap: 10px;
}
.div-sucesso{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 16px;
}
.div-sucesso h2{
font-family: "Poppins";
font-weight: 600;
font-size: 19.2px !important;
}
.div-sucesso button{
margin-top: 26px;
}
.check-sucesso{
width: 90px;
height: 90px;
background: #1e7e34;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.check-sucesso i{
color: #fff;
font-size: 36px !important;
}
.loading{
z-index: 99999999 !important;
position: absolute;
inset: 0;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.wrapper-loading{
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
background-color: #fff;
padding: 0px 60px 40px 60px;
}
.div-label-loading{
display: flex;
align-items: baseline;
gap: 5px;
margin-top: -90px;
}
.div-label-loading p{
color: #000;
}
.loading-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 3px; /* Espaço entre os pontos */
}
.loading-dots span {
width: 3px;
height: 3px;
background-color: #333; /* Cor dos pontos */
border-radius: 50%;
display: inline-block;
animation: bounce 0.6s ease-in-out infinite alternate;
}
/* Atraso para cada ponto criar o efeito de "onda" */
.loading-dots span:nth-child(1) {
animation-delay: 0.1s;
}
.loading-dots span:nth-child(2) {
animation-delay: 0.2s;
}
.loading-dots span:nth-child(3) {
animation-delay: 0.3s;
}
.span-campo-invalido{
color: #E52207;
font-size: 14px;
display: none;
}
.campo-invalido{
border: 2px solid #E52207 !important;
}
/* Animação Keyframes */
@keyframes bounce {
from {
transform: translateY(0);
opacity: 1;
}
to {
transform: translateY(-10px); /* Pula 10px para cima */
opacity: 1;
}
}
@media (max-width: 900px){
.btn-user{
display: flex;
}
.userbox {
display: none;
}
}
@media (max-width: 800px){
.div-input-pesquisa-pdv{
gap: 5px !important;
}
}
@media (max-width: 700px){
.title-header{
display: none;
}
.btns-header {
gap: 5px;
}
.btns-header hr{
display: none;
}
.logo-title {
position: absolute;
left: 50%;
transform: translateX(-50%);
justify-content: center;
}
.navbar-brand {
margin-right: 0;
}
ƒ
.container-fluid {
position: relative;
min-height: 50px;
}
.profile-info-mobile{
display: flex;
padding: 10px;
justify-content: center;
gap: 10px;
}
.profile-info-mobile .name
.profile-info-mobile .role{
font-size: 15px;
font-size: 1rem;
}
}
@media (max-width: 650px){
.index-header{
flex-direction: column !important;
gap: 10px;
max-width: none !important;
}
.product-select{
width: 100% !important;
max-width: none !important;
padding: 5px !important;
}
.div-input-pesquisa-pdv{
flex-direction: column !important;
width: 100% !important;
}
.input-pesquisa-pdv{
max-width: none !important;
width: 100%;
}
.div-cards-index{
flex-direction: column !important;
width: 100% !important;
gap: 12px !important;
padding: 0px;
padding-bottom: 15px !important;
}
.index-card{
width: 100% !important;
border-radius: 15px !important;
font-size: 16px !important;
max-height: 82px !important;
min-height: 82px !important;
}
.div-index {
padding-right: 0px !important;
justify-content: center !important;
}
.div-card-img {
max-width: 100px !important;
}
.div-cards {
padding-right: 0px !important;
justify-content: center !important;
gap: 15px !important;
}
.btn-estoque{
background-color: transparent;
color: #0088cc;
align-self: flex-end;
}
.div-input-pesquisa-pdv h5{
display: block;
margin-top: 15px;
align-self: start !important;
font-size: 14px !important;
font-weight: 600;
}
.div-title-card{
display: none !important;
}
.div-mobile-title-card {
display: block !important;
}
#btn-cards-1,
#btn-cards-2,
#btn-cards-3{
font-weight: 600 !important;
font-size: 19.2px !important;
font-style: none !important;
color: #000;
text-decoration: none;
background-color: transparent;
}
.btn-header-table-rota{
display: none !important;
}
.btn-header-table-mobile{
display: flex !important;
border-left: 1px solid #ccc !important;
border-radius: 0px !important;
color: #E8612C !important;
box-shadow: none !important;
background-color: transparent !important;
padding: 0px 4px 0px 30px !important;
height: 32px !important;
align-items: center !important;
min-width: 40px !important;
}
.div-btn-acao .label-btn-acao{
display: flex !important;
}
.dataTables_length{
margin: 0 !important;
}
.div-seletor-edicao{
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
align-content: center !important;
flex-wrap: wrap !important;
}
.div-btn-inner{
display: none !important;
}
.div-seletor-edicao .btn-estoque{
display: flex !important;
}
.div-btns-seletor-pdv .btn-estoque{
display: flex !important;
}
.div-select-edicao{
width: 100% !important;
padding-bottom: 25px !important;
}
.content-body h1{
margin-top: 20px;
margin-bottom: 20px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent {
background: linear-gradient(180deg, #1090D0 0%, #233A8B 100%) !important;
color: #ffff !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td>button.btn-distribuir{
color: #ffff !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control.sorting_1::before {
border-image: linear-gradient(180deg, #1090D0 0%, #233A8B 100%) !important;
border-color: transparent !important;
}
table.dataTable.hover tbody td:hover, table.dataTable.display tbody td:hover{
border-image: linear-gradient(180deg, #1090D0 0%, #233A8B 100%) !important;
border-color: transparent !important;
background-color: transparent !important;
}
.dataTables_wrapper table.dataTable{
border-collapse:separate !important;
}
.table-bordered > :not(caption) > *{
border-width: 0px !important;
}
.dtr-details .colunaAcao .dtr-data{
background-color: transparent !important;
}
.colunaAcao .dtr-title {
display: none !important;
}
.div-acao{
gap: 10 px !important;
}
.label-status{
display: flex;
padding-bottom: 5px;
}
.dtr-details .colunaStatus .dtr-data{
background-color: transparent !important;
}
.form-switch{
display: flex;
gap: 5px;
}
.list-table{
display: none !important;
}
.list-table-mobile{
display: flex !important;
}
.dropdown-menu-table-header{
right: 16px;
top: 430px;
}
.dropdown-menu-table-header-pdv{
right: 16px;
top: 320px;
}
#btn-cadastro{
display: none;
}
#btn-cadastro-mobile{
display: flex;
}
.modal-title{
padding: 20px;
}
.btn-bloqueio .label-btn-acao,
.btn-excluir .label-btn-acao{
display: flex !important;
}
.btn-editar{
display: none !important;
}
.btn-editar-mobile{
display: flex !important;
align-items: center !important;
flex-wrap: nowrap;
flex-direction: row;
border: none !important;
background-color: transparent !important;
color: #E8612C !important;
}
.dt-footer{
flex-direction:column-reverse !important;
justify-content: space-between !important;
align-content: flex-start !important;
gap: 20px !important;
margin-top: 20px !important;
}
.modal-footer{
flex-direction: column !important;
}
body.form-edicoes-page #cadastro .modal-footer{
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
}
body.form-edicoes-page #cadastro .modal-footer .btn{
min-width: 0 !important;
width: calc(50% - 8px) !important;
max-width: 210px !important;
}
body.form-edicoes-page #arte .modal-footer{
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
}
body.form-edicoes-page #arte .modal-footer .btn{
min-width: 0 !important;
width: calc(50% - 8px) !important;
max-width: 210px !important;
}
body.form-ranges-edicao-page #cadastro .modal-footer{
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
flex-wrap: nowrap !important;
}
body.form-ranges-edicao-page #cadastro .modal-footer .btn{
min-width: 0 !important;
width: calc(50% - 8px) !important;
max-width: 210px !important;
}
body.form-ranges-edicao-page #cadastro .modal-body .row{
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 0 0 14px !important;
}
body.form-ranges-edicao-page #cadastro .modal-body .row > [class*="col-"]{
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
body.form-ranges-edicao-page #cadastro .modal-body .row > .col-md-12{
grid-column: 1 / -1 !important;
}
.modal-footer .btn-buscar-filtro{
width: 90%;
}
.modal-cadastro-editar .modal {
position: static !important;
opacity: 1 !important;
pointer-events: auto;
}
.modal-cadastro-editar .modal-dialog {
margin: 0 !important;
max-width: 100% !important;
}
.modal-cadastro-editar .modal-content {
box-shadow: none;
border: 0px;
width: 100% !important;
padding: 0px !important;
}
.modal-cadastro-editar .btn-fechar-modal-times{
display: none !important;
}
.modal-cadastro-editar .modal-footer-rota{
display: none;
}
.modal-cadastro-editar .modal-footer-rota-mobile{
display: flex;
}
.modal-cadastro-editar .aviso-modal-rota{
left: 0 !important;
}
.modal-footer-rota-mobile button,
.modal-footer-rota-pdv button{
width: 100%;
}
.aviso-modal-rota{
margin-left: 0px !important;
}
.btn-export-mobile{
display: flex !important;
}
.btn-fechar-modal-fora{
display: none;
}
.modal-title-mobile{
display: block;
font-size: 23.04px !important;
font-weight: 400 !important;
}
.hr-passo-5,
.passo-5{
display: flex !important;
}
.passo-cadastro hr{
height: 5px;
width: 20px;
background-color:#E3E3E3;
background-image: none;
opacity: 100%;
border: none;
}
.passo-desktop{
display: none;
}
.passo-mobile{
display: flex;
}
.btn-circle-check .check {
position: absolute;
top: -8px;
right: -8px;
width: 20px;
height: 20px;
background: #1e7e34;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.btn-circle-check .check i {
color: #fff;
font-size: 12px !important;
}
.pagination{
gap: 0px;
}
.modal-footer{
flex-direction: column-reverse;
}
.btn-fechar-modal-times{
min-width: 0 !important;
}
.content-body h1{
font-size: 23.04px !important;
text-align: center;
}
}
@media (max-width: 500px){
.btns-header{
gap: 2px;
}
.btn-navbar-header{
padding: 3px;
}
.btn-navbar-header i{
font-size: 15px !important;
}
.logo-title img{
height: 30px;
}
.container-fluid {
position: relative;
min-height: 30px;
}
.logo-title {
left: 50%;
}
.div-title-card h3{
display: none !important;
}
}
.modal-open {
filter: none !important;
padding-right: 0px !important;
}
/* Ordenar Rotas */
.ordena-rota-page {
display: flex;
flex-direction: column;
gap: 28px;
padding-bottom: 24px;
}
.ordena-rota-shell {
display: flex;
flex-direction: column;
gap: 28px;
}
.ordena-rota-product-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.ordena-rota-hero {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 18px;
}
.ordena-rota-hero h1 {
font-size: 36px !important;
line-height: 1.2;
font-weight: 400 !important;
color: #191c1f;
margin: 0 0 10px;
}
.ordena-rota-hero p {
margin: 0;
color: #4f4f4f;
max-width: 950px;
font-weight: 400 !important;
}
.ordena-rota-toolbar {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.ordena-rota-select-group {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 520px;
}
.ordena-rota-select-group label {
margin: 0;
color: #191c1f;
}
.ordena-rota-select {
width: 100%;
}
.ordena-rota-select .bootstrap-select,
.ordena-rota-select .dropdown-toggle {
width: 100% !important;
}
.ordena-rota-select .btn-light.dropdown-toggle {
background-color: #f5f5f5 !important;
border: 1px solid #f0f0f0 !important;
min-height: 56px;
padding: 0 18px !important;
}
.ordena-rota-select .filter-option {
display: flex;
align-items: center;
}
.ordena-rota-select .filter-option-inner-inner {
text-align: left !important;
color: #3f3f3f;
}
.ordena-rota-actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.ordena-rota-save,
.ordena-rota-quick-actions .btn {
min-width: 168px !important;
min-height: 44px !important;
padding: 8px 20px !important;
border-radius: 999px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 14px !important;
}
.ordena-rota-quick-actions {
align-items: center !important;
margin-bottom: 0 !important;
}
.ordena-rota-list-area {
display: flex;
flex-direction: column;
gap: 18px;
}
.ordena-rota-status {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
max-width: 100%;
padding: 10px 16px;
border-radius: 999px;
background: #fff6ef;
color: #b85e20;
border: 1px solid #f6d3bd;
}
.ordena-rota-status::before {
content: '\f0dc';
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
}
.ordena-rota-status.is-empty {
background: #f5f5f5;
color: #6f6f6f;
border-color: #ebebeb;
}
.ordena-rota-list {
list-style: none;
margin: 0;
padding: 0 0 8px;
display: flex;
flex-direction: column;
gap: 14px;
}
.ordena-rota-page #sortable {
width: 100%;
}
.ordena-rota-page #sortable li.ordena-rota-card {
width: min(100%, 920px);
align-self: center;
margin: 0;
padding: 18px 22px;
display: flex;
align-items: center;
gap: 16px;
background: #fff;
color: #191c1f !important;
border: 1px solid #ece7e2;
border-radius: 18px;
box-shadow: 0 4px 14px rgba(20, 20, 20, 0.06);
cursor: grab;
}
.ordena-rota-card__index {
flex: 0 0 auto;
}
.ordena-rota-page #sortable li .num_sort {
position: static;
margin: 0;
width: 38px;
height: 38px;
border-radius: 50%;
border: 1.5px solid #2b2b2b;
display: inline-flex;
align-items: center;
justify-content: center;
color: #2b2b2b !important;
font-weight: 600;
background: #fff;
}
.ordena-rota-card__content {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.ordena-rota-card__title {
font-size: 16px !important;
font-weight: 600 !important;
color: #191c1f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ordena-rota-page #sortable p.ordena-rota-card__address {
margin: 0;
color: #7a7a7a !important;
font-size: 13px !important;
font-weight: 400 !important;
}
.ordena-rota-card__drag {
width: 42px;
height: 42px;
flex: 0 0 42px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0;
color: #eb7a31 !important;
}
.ordena-rota-card__move-btn {
width: 100%;
height: 16px;
border: none;
background: transparent !important;
box-shadow: none !important;
color: inherit !important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
cursor: pointer;
}
.ordena-rota-card__move-btn i {
font-size: 14px !important;
line-height: 10px !important;
height: 10px;
}
.ordena-rota-list.is-sorting .ordena-rota-card,
.ordena-rota-page #sortable li.ordena-rota-card:active {
cursor: grabbing;
}
.ordena-rota-page #sortable li.ordena-rota-card.ui-sortable-helper {
background: #fff !important;
background-image: none !important;
border-color: #ece7e2 !important;
color: #191c1f !important;
}
.ordena-rota-placeholder {
width: min(100%, 920px);
align-self: center;
min-height: 90px;
border-radius: 18px;
border: 2px dashed #F1AE4E !important;
background: rgba(241, 174, 78, 0.18) !important;
background-image: none !important;
}
.ordena-rota-placeholder.ui-state-highlight,
.ordena-rota-placeholder.ui-sortable-placeholder {
border-color: #F1AE4E !important;
background: rgba(241, 174, 78, 0.18) !important;
background-image: none !important;
}
.ordena-rota-list.is-disabled {
min-height: 0;
}
.ordena-rota-list.is-sorting .ordena-rota-card {
box-shadow: 0 10px 28px rgba(20, 20, 20, 0.12);
}
.ordena-rota-footer-tip {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
width: calc(100% + 48px);
margin: 18px -24px 0;
padding: 14px 24px 10px;
border-radius: 0;
background: #f7924f;
color: #fff;
font-weight: 500 !important;
text-align: center;
position: sticky;
bottom: 0;
left: 0;
z-index: 20;
}
.ordena-rota-footer-tip i {
width: 24px;
height: 24px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
color: #f7924f !important;
display: inline-flex;
align-items: center;
justify-content: center;
}
body.ordena-rota-screen .scroll-to-top {
width: 24px;
min-width: 24px;
height: 24px;
padding: 0;
right: 2%;
bottom: 80px;
transform: translateX(50%);
border-radius: 50%;
background: #f7924f;
color: #fff;
opacity: 1;
box-shadow: 0 4px 14px rgba(247, 146, 79, 0.35);
}
body.ordena-rota-screen .scroll-to-top:hover,
body.ordena-rota-screen .scroll-to-top.visible {
opacity: 1;
}
body.ordena-rota-screen .scroll-to-top span {
display: flex;
width: 24px;
height: 24px;
padding: 0;
align-items: center;
justify-content: center;
}
body.ordena-rota-screen .scroll-to-top i,
body.ordena-rota-screen .scroll-to-top .fas {
display: block;
font-size: 11px !important;
line-height: 2 !important;
transform: translateY(-1px);
}
@media (max-width: 768px) {
.ordena-rota-hero h1 {
font-size: 28px !important;
}
.ordena-rota-toolbar {
align-items: stretch;
}
.ordena-rota-select-group,
.ordena-rota-actions {
flex: 1 1 100%;
}
.ordena-rota-actions {
justify-content: stretch;
}
.ordena-rota-save {
width: 100%;
min-width: 0 !important;
}
.ordena-rota-page #sortable li.ordena-rota-card {
padding: 16px;
gap: 12px;
}
.ordena-rota-card__title {
white-space: normal;
}
.ordena-rota-footer-tip {
width: calc(100% + 32px);
margin: 18px -16px 0;
font-size: 14px !important;
padding: 12px 16px 9px;
}
body.ordena-rota-screen .scroll-to-top {
bottom: 52px;
}
}
@media (max-width: 500px) {
.ordena-rota-product-row {
align-items: stretch;
}
.product-select-wrap,
.btn-estoque {
width: 100%;
}
.product-select {
max-width: none;
}
.ordena-rota-page #sortable li.ordena-rota-card {
padding: 14px;
}
.ordena-rota-card__drag {
width: 36px;
height: 36px;
}
}
/* Migrar PDV */
.wrapper-migra-pdv{
width: 100%;
display: flex;
justify-content: center;
}
.scroll-migra-pdv{
overflow-y: scroll;
overflow-x: hidden;
padding-right: 15px;
height: 500px;
}
.migra-pdv{
position: relative;
width: 100%;
height: auto;
}
.migra-pdv #sortable {
list-style-type: none;
margin: 0;
padding: 0px;
width: 60%;
}
.migra-pdv #sortable li span {
position: absolute;
margin-left: -1.3em;
}
.migra-pdv #sortable li {
margin: 0px;
padding: 15px;
padding-left: 0.7em;
height: auto;
cursor: grab;
background-color: #fff;
color: #000 !important;
width: 100%;
align-self: center;
text-overflow: ellipsis;
box-shadow: none;
border-radius: 0px;
border: 1px solid #e3e3e3;
}
/* Distribuicao por rota */
.ranges-pdv-page {
width: 100%;
}
.ranges-pdv-page .distribuicao-topo {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
margin-bottom: 34px;
}
.ranges-pdv-page .distribuicao-topo-header {
display: inline-flex;
align-items: center;
padding-bottom: 10px;
border-bottom: 3px solid #1488cf;
}
.ranges-pdv-page .distribuicao-topo-header h2 {
margin: 0;
color: #1488cf;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1;
}
.ranges-pdv-page .distribuicao-topo-header i {
margin-left: 10px;
color: #111;
font-size: 20px !important;
line-height: 1;
}
.ranges-pdv-page .distribuicao-titulo-pagina {
margin: 0 0 12px;
color: #202020;
font-size: 26px !important;
font-weight: 500 !important;
}
.ranges-pdv-page .distribuicao-wizard-card {
background: #fff;
border-radius: 0 0 14px 14px;
border: 0;
box-shadow: none;
overflow: hidden;
}
.ranges-pdv-page .distribuicao-stepper {
display: flex;
align-items: center;
justify-content: center;
margin: 12px 0 46px;
flex-wrap: wrap;
gap: 8px;
}
.ranges-pdv-page .distribuicao-stepper .step-item {
display: flex;
align-items: center;
color: #bcbcbc;
font-size: 12px !important;
}
.ranges-pdv-page .distribuicao-stepper .step-bullet {
width: 30px;
height: 30px;
margin-right: 10px;
border-radius: 50%;
background: #ececec;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
}
.ranges-pdv-page .distribuicao-stepper .step-line {
width: 56px;
height: 2px;
margin: 0 6px;
background: #dfdfdf;
}
.ranges-pdv-page .distribuicao-stepper .step-item.active {
color: #f36a21;
}
.ranges-pdv-page .distribuicao-stepper .step-item.active .step-bullet {
background: #f36a21;
color: #fff;
}
.ranges-pdv-page .distribuicao-stepper .step-item.done {
color: #6d6d6d;
}
.ranges-pdv-page .distribuicao-stepper .step-item.done .step-bullet {
background: #fff;
border: 1px solid #39a85b;
color: #39a85b;
position: relative;
}
.ranges-pdv-page .distribuicao-stepper .step-item.done .step-bullet:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px !important;
}
.ranges-pdv-page .wizard-bloco {
display: none;
}
.ranges-pdv-page .wizard-bloco.active {
display: block;
}
.ranges-pdv-page #wizard_bemvindo.active {
display: flex;
flex-direction: column;
min-height: calc(100vh - 355px);
}
.ranges-pdv-page .wizard-bemvindo {
padding: 8px 0 0;
min-height: 0;
}
.ranges-pdv-page .wizard-subtitulo {
margin: 0 0 10px;
color: #f36a21;
font-size: 18px !important;
font-weight: 700 !important;
}
.ranges-pdv-page .wizard-texto {
margin-bottom: 18px;
color: #212121;
font-size: 16px !important;
}
.ranges-pdv-page .wizard-filtros-slot {
margin: 28px 0 22px;
}
.ranges-pdv-page .distribuicao-filtros {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
width: 100%;
margin: 0;
gap: 18px !important;
row-gap: 18px;
justify-content: initial !important;
align-items: start;
}
.ranges-pdv-page .distribuicao-filtros > .col-md-3,
.ranges-pdv-page .distribuicao-filtros > .div-select-edicao,
.ranges-pdv-page .distribuicao-filtros > .new-input,
.ranges-pdv-page .distribuicao-filtros > .new-select {
width: auto !important;
max-width: none !important;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.ranges-pdv-page .distribuicao-filtros label,
.ranges-pdv-page .distribuicao-filtros .label-imprimir {
display: block;
margin-bottom: 10px;
color: #111;
text-transform: none;
}
.ranges-pdv-page .distribuicao-filtros .select-edicao,
.ranges-pdv-page .distribuicao-filtros .selected-select,
.ranges-pdv-page .distribuicao-filtros .new-select-pesquisar,
.ranges-pdv-page .distribuicao-filtros select.form-control,
.ranges-pdv-page .distribuicao-filtros .bootstrap-select .dropdown-toggle {
min-height: 48px;
border: 0 !important;
border-radius: 15px !important;
background: #f4f4f4 !important;
box-shadow: none !important;
}
.ranges-pdv-page .distribuicao-filtros .select-edicao,
.ranges-pdv-page .distribuicao-filtros .new-select-pesquisar {
display: flex;
align-items: center;
padding: 0 14px;
}
.ranges-pdv-page .distribuicao-filtros .select-edicao i,
.ranges-pdv-page .distribuicao-filtros .new-select-pesquisar i {
margin-right: 10px;
color: #707070;
font-size: 14px !important;
}
.ranges-pdv-page .distribuicao-filtros .select-edicao select,
.ranges-pdv-page .distribuicao-filtros .new-select-pesquisar select,
.ranges-pdv-page .distribuicao-filtros select.form-control {
height: 48px;
padding: 0 10px;
background: transparent !important;
color: #6a6a6a !important;
}
.ranges-pdv-page .distribuicao-filtros .bootstrap-select {
width: 100% !important;
}
.ranges-pdv-page .distribuicao-filtros .bootstrap-select .dropdown-toggle {
padding: 12px 16px;
}
.ranges-pdv-page .distribuicao-filtros .bootstrap-select .filter-option {
color: #6a6a6a;
font-size: 15px !important;
}
.ranges-pdv-page .distribuicao-filtros .bootstrap-select .caret {
right: 16px !important;
}
.ranges-pdv-page .wizard-filtros-slot .distribuicao-filtros-acoes {
grid-column: 1 / -1;
margin-left: auto;
width: 100%;
max-width: 100%;
}
.ranges-pdv-page .btn-estoque-wizard {
padding: 12px 26px;
border-radius: 999px;
background: #1488cf;
border-color: #1488cf;
color: #fff;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: none;
}
.ranges-pdv-page .btn-estoque-wizard:hover,
.ranges-pdv-page .btn-estoque-wizard:focus {
background: #0f7dbd;
border-color: #0f7dbd;
color: #fff;
}
.ranges-pdv-page .btn-reset-wizard {
padding: 0;
font-weight: 600 !important;
text-decoration: none;
}
.ranges-pdv-page .wizard-acoes-finais {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
padding: 14px 25px 16px;
width: 100%;
margin: 26px 0 0 0;
background: #1389cf;
border-radius: 0 0 14px 14px;
}
.ranges-pdv-page #wizard_bemvindo .wizard-acoes-finais {
margin-top: auto;
}
.ranges-pdv-page .wizard-acoes-finais .btn {
min-width: 178px;
min-height: 44px;
border-radius: 999px;
font-weight: 600 !important;
}
.ranges-pdv-page .wizard-acoes-finais .btn-outline-secondary {
background: transparent;
border-color: #fff;
color: #fff;
}
.ranges-pdv-page .wizard-acoes-finais .btn-primary {
background: #fff;
border-color: #fff;
color: #1693dd;
}
.ranges-pdv-page .wizard-acoes-finais .btn-primary:disabled {
background: #7f98a8;
border-color: #7f98a8;
color: #cbe2ef;
opacity: 1 !important;
}
.ranges-pdv-page .wizard-resumo {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: end;
margin-bottom: 18px;
}
.ranges-pdv-page .wizard-resumo .campo {
min-width: 180px;
}
.ranges-pdv-page .wizard-resumo .campo label {
display: block;
margin-bottom: 6px;
font-size: 12px !important;
font-weight: 700 !important;
}
.ranges-pdv-page .wizard-resumo .campo input {
height: 42px;
background: #f4f4f4;
border: 1px solid #ececec;
border-radius: 10px;
}
.ranges-pdv-page .wizard-card-interno {
margin-top: 18px;
border: 1px solid #ececec;
border-radius: 12px;
overflow: hidden;
}
.ranges-pdv-page .wizard-card-topo {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
border-bottom: 1px solid #ececec;
flex-wrap: wrap;
gap: 12px;
}
.ranges-pdv-page .wizard-card-topo .acoes {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.ranges-pdv-page .wizard-card-topo .acoes .btn {
border-radius: 999px;
}
.ranges-pdv-page .wizard-total-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 16px;
background: #fafafa;
border-bottom: 1px solid #ececec;
font-weight: 600 !important;
}
.ranges-pdv-page .wizard-tabela {
margin: 0;
font-size: 13px !important;
}
.ranges-pdv-page .wizard-tabela th,
.ranges-pdv-page .wizard-tabela td {
vertical-align: middle !important;
}
.ranges-pdv-page .wizard-tabela th {
background: #f3f3f3;
font-size: 12px !important;
}
.ranges-pdv-page .qnt-editor {
display: flex;
align-items: center;
gap: 8px;
}
.ranges-pdv-page .qnt-editor .qnt-int {
min-width: 34px;
display: inline-block;
text-align: center;
background: #fff;
border: 1px solid #ececec;
border-radius: 6px;
padding: 4px 6px;
}
.ranges-pdv-page .qnt-view,
.ranges-pdv-page .wizard-step-2-plus,
.ranges-pdv-page .wizard-removed-only {
display: none;
}
.ranges-pdv-page .wizard-removed-titulo {
display: none;
padding: 12px 16px;
border-top: 1px solid #ececec;
color: #444;
font-weight: 700 !important;
}
.ranges-pdv-page .wizard-sucesso-box {
display: none;
margin: 18px 0;
padding: 14px 18px;
background: #f6fff7;
border: 1px solid #cfead3;
border-radius: 10px;
color: #2d7f41;
}
.ranges-pdv-page .wizard-bloqueado .bootstrap-select,
.ranges-pdv-page .wizard-bloqueado select {
pointer-events: none;
}
.ranges-pdv-page .wizard-bloqueado .dropdown-toggle {
background: #f3f3f3 !important;
opacity: 0.8;
}
.ranges-pdv-page #wizard_filtros_compartidos .distribuicao-filtros-acoes {
justify-content: space-between !important;
}
.ranges-pdv-page #wizard_filtros_compartidos.wizard-hide-reset .btn-reset-wizard {
display: none;
}
@media (min-width: 992px) {
.ranges-pdv-page .distribuicao-filtros {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
}
.ranges-pdv-page .distribuicao-filtros > .col-md-3,
.ranges-pdv-page .distribuicao-filtros > .div-select-edicao,
.ranges-pdv-page .distribuicao-filtros > .new-input,
.ranges-pdv-page .distribuicao-filtros > .new-select {
width: 100% !important;
}
.ranges-pdv-page .distribuicao-filtros-acoes {
display: none !important;
}
}
@media (max-width: 991.98px) {
.ranges-pdv-page .distribuicao-topo {
flex-direction: column;
align-items: flex-start;
}
.ranges-pdv-page .distribuicao-topo .btn-estoque-wizard {
align-self: flex-end;
}
.ranges-pdv-page .distribuicao-filtros > .col-md-3,
.ranges-pdv-page .distribuicao-filtros > .div-select-edicao,
.ranges-pdv-page .distribuicao-filtros > .new-input,
.ranges-pdv-page .distribuicao-filtros > .new-select {
width: 100% !important;
max-width: 100% !important;
}
.ranges-pdv-page .distribuicao-filtros {
grid-template-columns: 1fr;
}
.ranges-pdv-page #wizard_bemvindo.active {
min-height: calc(100vh - 300px);
}
.ranges-pdv-page .wizard-acoes-finais {
width: calc(100% + 34px);
margin: 24px -17px -1px;
padding: 14px 16px 16px;
}
.ranges-pdv-page .wizard-acoes-finais .btn {
min-width: 0;
flex: 1 1 0;
}
}
.migra-pdv #sortable .migra{
display: flex;
flex-direction: row;
align-items: center;
}
.migra-pdv #sortable {
width: 100%;
}
.migra-pdv #sortable input{
margin-left: 5px;
margin-bottom: 7px;
}
.migra-pdv #sortable .label-migrar{
font-family: 'Poppins' !important;
padding-left: 30px;
}
.migra-pdv #sortable .label-migrar label{
font-family: 'Poppins' !important;
font-weight: 500 !important;
margin-bottom: 0px;
}
.migra-pdv #sortable .label-migrar p {
color: #000 !important;
font-size: 0.7vw !important;
font-weight: normal;
}
.migra .check-migrar:checked {
background: #fff;
background-image: url('../img/icons/check-solid.svg');
background-size: 17px;
background-position: center;
background-repeat: no-repeat;
}
.scroll-migra-pdv::-webkit-scrollbar {
width: 08px;
}
.scroll-migra-pdv::-webkit-scrollbar-track {
background: transparent; /* Cor do fundo (trilha) */
}
.scroll-migra-pdv::-webkit-scrollbar-thumb {
background-color: #ebebeb; /* Cor da alça (rolagem) */
border-radius: 10px; /* Borda arredondada */
height: 300px;
background-clip: content-box;
}
.scroll-migra-pdv::-webkit-scrollbar-thumb:hover {
background: #888; /* Cor ao passar o mouse */
}
.check-migrar{
border-radius: 4px !important;
width: 24px;
height: 24px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-bottom: 1px solid #e3e3e3;
}
.ul-migrar li:first-child{
border-top-left-radius: 15px !important;
border-top-right-radius: 15px !important;
}
.ul-migrar li:last-child{
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
.btn-migra-pdv{
background-color: #EB7A31;
color: #FFF;
text-transform: capitalize;
font-family: 'Poppins' !important;
font-weight: 500 !important;
height: 48px;
padding: 0px 40px;
align-self: end;
}
.header-migra{
font-weight: 300 !important;
font-size: 16px !important;
}
.header-migra span{
font-weight: 500 !important;
color: 000;
}
/* Estoque mobile */
.CardEdicao{
box-shadow: 0px 1px 3px 0px #00000033 !important;
border-radius: 4px;
padding: 16px;
width: 100%;
}
.paleta-estoque-1 .CardEdicao{
border-left: 2px solid #F1AE4E;
}
.paleta-estoque-2 .CardEdicao{
border-left: 2px solid #EBD531;
}
.paleta-estoque-3 .CardEdicao{
border-left: 2px solid #EB3247;
}
.paleta-estoque-4 .CardEdicao{
border-left: 2px solid #BF2CE8;
}
.paleta-estoque-5 .CardEdicao{
border-left: 2px solid #612CE8;
}
.paleta-estoque-6 .CardEdicao{
border-left: 2px solid #2C42E8;
}
.paleta-estoque-7 .CardEdicao{
border-left: 2px solid #2CB3E8;
}
.paleta-estoque-8 .CardEdicao{
border-left: 2px solid #0088CC;
}
.paleta-estoque-9 .CardEdicao{
border-left: 2px solid #2FEBD5;
}
.paleta-estoque-10 .CardEdicao{
border-left: 2px solid #46EB30;
}
.table-estoque-mobile thead th,
.table-estoque-mobile tbody td{
border: none;
background-color: #fff;
padding: 0px;
}
.CardEdicao hr{
margin: 20px 0px;
}
.div-collapse-estoque{
padding: 20px 10px;
display: flex;
flex-direction: column;
gap: 20px;
}
.estoque-mobile{
display: none;
}
.seletor-produto-estoque{
display: none;
}
.btn-fechar-modal-estoque{
display: none !important;
}
@media (max-width: 650px){
.new-modal-estoque .modal {
position: static !important;
opacity: 1 !important;
pointer-events: auto;
}
.new-modal-estoque .modal-dialog {
margin: 0 !important;
max-width: 100% !important;
}
.new-modal-estoque .modal-content {
box-shadow: none;
border: 0px;
width: 100% !important;
padding: 0px !important;
}
.estoque-mobile{
display: block;
}
.estoque-desktop{
display: none;
}
.seletor-produto-estoque{
display: block;
}
.estoque-inner{
padding: 20px;
}
.modal-title{
font-weight: 400 !important;
font-size: 23.04px !important;
font-family: 'Poppins' !important;
padding-bottom: 0px;
}
.header-estoque{
padding-bottom: 0px !important;
}
.btn-fechar-modal-estoque{
color: #fff !important;
background-color: #EB7A31 !important;
width: 100% !important;
display: flex !important;
}
}