:root {
    --primary-color: #3A416F;
    --info-color: #123261;
    --text-color: #344767;
    --success-color: #6CB50D;
}

.clear {
    clear: both !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    outline: none !important;
}

*:focus {
    outline: none !important;
}

img {
    display: block;
}

.oldBrowser {
    display: none !important
}

.center {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    line-height: 18px;
    color: #1C1C1B;
    background-color: #F3F4F6 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

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

.mb-30 {
    margin-bottom: 30px;
}

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

.mb-50 {
    margin-bottom: 50px;
}

.pd-10 {
    padding-bottom: 10px;
}

.pd-20 {
    padding-bottom: 20px;
}

.pd-30 {
    padding-bottom: 30px;
}

.pd-40 {
    padding-bottom: 40px;
}

.pd-50 {
    padding-bottom: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.width-full {
    width: 100%
}

/** -- **/
/***	fim das configurações iniciais		***/
/** -- **/
html,
body {
    height: 100%;
}

#geral {
    min-height: 100%;
    width: 100%;
    position: relative;
    visibility: hidden;
    overflow-x: hidden;
}

* html #geral {
    height: 100%;
}

#container-geral {
    float: left;
    position: relative;
    min-height: 100%;
}

.never-overflow-hidden {
    overflow: visible !important;
}

.td-center-txt {
    text-align: center;
}

.autocomplete.ui-autocomplete-loading {
    background: url(img/ajax-loader.gif) no-repeat 99% center;
}

.first-order {
    color: #d78a29;
    margin-left: 3px;
}

.first-interacao {
    color: #097e4d;
    margin-left: 3px;
}

.user-cookie {
    color: #4caf50;
}

.td-foto-produto-pedido {
    width: 62px
}

.td-produto-pedido-promocao {
    width: 33px
}

.tr-pedido-deposito td {
    background-color: var(--text-color) !important;
    border-color: var(--text-color) !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.tr-pedido-data td {
    border-bottom: 3px solid #6a787c !important;
    font-size: 24px;
}

.tr-pedido-dia td {
    background-color: #ffffff !important;
    border-bottom: 1px solid;
    border-color: var(--text-color) !important;
    color: var(--text-color) !important;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.tr-pedido-dia td span.counter {
    position: absolute;
    right: 10px;
    background-color: #b10000;
    color: #FFF;
    font-weight: bold;
    border-radius: 50px;
    min-width: 20px;
    line-height: 20px;
}

.item .btn-add-produto span {
    letter-spacing: -1px;
}

#wrapper-alert .alert .btn {
    margin-top: 10px
}

#wrapper-alert .alert .btn.bt-cancel-order {
    line-height: 14px;
    padding-top: 7px;
    padding-bottom: 8px;
}

#wrapper-alert .alert .btn.bt-cancel-order span {
    font-size: 10px
}

.wrapper-alert-absolute {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 350px;
}

.wrapper-alert-absolute .close-alert {
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 5px;
}

.wrapper-alert-absolute .alert-danger .close-alert {
    color: #A94440;
}

.wrapper-alert-absolute .alert-warning .close-alert {
    color: #8a6d3b;
}

.wrapper-alert-absolute .alert-success .close-alert {
    color: #3c763d;
}

.wrapper-alert-absolute .close-alert:hover {
    color: #666666;
}

.login {
    background-image: none !important;
}

.bt-cancel {
    margin-right: 10px;
    text-decoration: none !important;
}

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

.change-exibir-menu {
    cursor: pointer;
}

.printable-container.only-super-user {
    opacity: 0.4
}

.separador {
    display: none;
}

.title-separador {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--text-color);
}

.report-data-container {
    width: 100%
}

.report-data-container .item {
    float: left;
    width: 25%
}

.report-data-container .item .col-5 {
    width: 100% !important;
}

.report-data-container__no-label .item h6 {
    display: none
}

.sub-level {
    float: left;
    width: 100%;
}

.sub-level:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.border-top-rounded {
    -webkit-border-radius: 16px 16px 0 0 !important;
    -moz-border-radius: 16px 16px 0 0;
    border-radius: 16px 16px 0 0;
}

.separador-vertical {
    background: url(img/separador-vertical.png) repeat-y 0 0;
    width: 3px;
    margin: 0 20px;
    float: left;
}

.box-right,
.pull-right {
    float: right;
}

.box-left,
.pull-left {
    float: left;
}

.inset-shadow-top {
    -moz-box-shadow: inset 0 5px 6px -6px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0 5px 6px -6px rgba(0, 0, 0, .4);
    box-shadow: inset 0 5px 6px -6px rgba(0, 0, 0, .4);
}

.pd-left {
    padding-left: 5px;
}

.pd-right {
    padding-right: 5px;
}

.label-danger {
    background-color: #eb4a36 !important;
}

.label-success {
    background-color: #24cc6d !important;
}

.label-warning--intermediate {
    background-color: #e36f29
}

.label-sended {
    background-color: #b8d03f
}

.responsive-item {
    width: 50% !important;
}

input {
    color: #999999;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 400;
}

.item .box {
    height: 40px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.item .box>span {
    margin-left: 15px;
    font-size: 16px;
    line-height: 1;
}

input[type=checkbox] {
    position: relative;
    -webkit-appearance: none;
    margin: 0;
}

input[type=checkbox]:focus {
    outline: none;
}

input[type=checkbox]:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 38px;
    height: 18px;
    background-color: #3A416F1A;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

input[type=checkbox].check-permissao-all:checked::after {
    background-color: #6CB50D;
}

input[type=checkbox]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 11px;
    transform: translate3d(2px, 1px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
    background: #ffffff;
    z-index: 2;
}

input[type=checkbox]:checked::after {
    background-color: var(--primary-color);
}

input[type=checkbox]:checked::before {
    transform: translate3d(21px, 1px, 0);
}

/*gradiente no background*/


/*linha superior nos botões para dar um efeito bacana*/
.box-shadow-detail {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.col-1 {
    width: 10% !important;
}

.col-2 {
    width: 20% !important;
}

.col-3 {
    width: 30% !important;
}

.col-4 {
    width: 40% !important;
}

.col-5 {
    width: 50% !important;
}

.col-6 {
    width: 60% !important;
}

.col-7 {
    width: 70% !important;
}

.col-8 {
    width: 80% !important;
}

.col-9 {
    width: 90% !important;
}

.col-10 {
    width: 100% !important;
}

.modal-order-edit .col-5 {
    width: 100% !important;
}

/*muda cor geral do backend */
.topo-menu-color {
    background-color: #F3F4F6;
}

.topo-container {
    background-color: #F3F4F6;
}

.topo-container ul {
    list-style: none;
}

.alert p {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.bg-interno {
    background-color: #FFFFFF;
}

textarea.form-control {
    height: 124px !important;
    resize: none;
    font-size: 13px
}

.dropdown-wrapper {}

.dropdown-wrapper .btn,
.dropdown-wrapper select {
    background-color: #FFFFFF !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    border: 1px solid #E9ECEF;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    font-weight: 700;
}

.dropdown-wrapper .btn:hover,
.dropdown-wrapper select:hover {
    color: #666666;
}

.dropdown-wrapper .btn {
    padding: 6px 12px;
}

.dropdown-wrapper select {
    padding: 6px 12px;
    height: 36px;
}

.dropdown-wrapper .dropdown-menu li a {
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    color: #999999;
    font-size: 13px;
}

.dropdown-wrapper .btn span.seta {
    color: #2597e0 !important;
    margin-left: 40px !important;
}

.boxRolagem {
    display: block;
    border-bottom: 1px solid #e5e6e7;
    border-top: 1px solid #e5e6e7;
    padding: 10px 0;
}

.boxRolagem .rolagem {
    float: right;
}

.boxRolagem .container {
    float: left;
    position: relative;
    overflow: hidden;
}

.boxRolagem .container .content {
    position: absolute;
    display: block;
}

.boxRolagem .barraRolagem {
    float: right;
    background-color: #f0f0f0;
}

.boxRolagem .barraRolagem .drag {
    width: 5px;
    height: 50px;
    display: block;
    background-color: #cccccc;
}

.boxRolagem .barraRolagem {
    width: 5px;
}


.height-500 .boxRolagem {
    margin-top: 25px;
}

.height-500 .boxRolagem .container {
    height: 210px;
    width: 95%;
    padding: 0 !important;
}

.height-500 .boxRolagem .container .content {
    width: 100%;
}

.height-500 .boxRolagem .barraRolagem {
    width: 5px;
    height: 210px;
}

.height-500 .boxRolagem .container .content {
    float: left;
}

.height-500 .boxRolagem .container .content table {
    width: 100%;
}

.height-500 .boxRolagem .container .content table tr td {
    color: var(--text-color);
    font-weight: 500;
    font-size: 12px;
    padding: 10px 0;
    border-top: 1px solid #e5e6e7;
}

.height-500 .boxRolagem .container .content table tr.first td {
    border: none !important;
    padding-top: 0 !important;
}

.height-500 .boxRolagem .container .content table tr td.data {
    width: 50px;
}

.height-500 .boxRolagem .container .content table tr td.seta {
    width: 20px;
}

.height-500 .boxRolagem .container .content table tr td.value {
    width: 60px;
}

.height-500 .boxRolagem .container .content table tr td.porcentagem {
    width: 30px;
    color: #CCCCCC;
    font-weight: 200;
}

.height-500 .boxRolagem .container .content table tr td.dia-semana {
    color: #CCCCCC;
    font-weight: 200;
}

.height-500 .boxRolagem .container .content .fa-caret-down {
    color: #eb4a36;
    font-size: 14px;
}

.height-500 .boxRolagem .container .content .fa-caret-up {
    color: #22cd6f;
    font-size: 14px;
}

/* DROP KICK */

/* DROP KICK */

/*THEME 01*/
.dk_theme_theme1 {
    font-size: 12px;
    line-height: 14px;
    height: 23px;
    border: 1px solid #E9ECEF;
    color: #999999;
    background: #FFFFFF;
}

.dk_theme_theme1 a {
    cursor: pointer;
    text-decoration: none;
    color: #999999;
}

.dk_theme_theme1 .dk_toggle {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme1 .dk_toggle span {
    padding-left: 6px;
    font-weight: lighter;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme1 .dk_toggle>em {
    border-left: 1px solid #E9ECEF;
    height: 21px;
    background-color: #FFF;
}

.dk_theme_theme1 .dk_open .dk_toggle {
    color: #ccc;
}

.dk_theme_theme1 .dk_options li {
    height: 23px;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme1 .dk_options a {
    background-color: #fff;
    padding: 1px 4px 1px 7px;
    height: 23px;
}

.dk_theme_theme1 .dk_options a:hover,
.dk_theme_theme1 .dk_option_current a {
    background-color: #EFEFEF;
}

/*THEME 02*/
.dk_theme_theme2 {
    font-size: 12px;
    line-height: 14px;
    height: 34px;
    border: 1px solid #E9ECEF;
    color: #999999;
    width: 100% !important;
    background: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dk_theme_theme2 a {
    cursor: pointer;
    text-decoration: none;
    color: #999999;
}

.dk_theme_theme2 .dk_toggle {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme2 .dk_toggle span {
    padding-left: 6px;
    font-weight: lighter;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme2 .dk_toggle>em {
    border-left: 1px solid #E9ECEF;
    height: 32px;
    background-color: #FFF;
    margin-right: 1px;
    padding-top: 13px !important;
}

.dk_theme_theme2 .dk_open .dk_toggle {
    color: #ccc;
}

.dk_theme_theme2 .dk_options li {
    height: 32px;
    font-family: 'Open Sans', sans-serif;
}

.dk_theme_theme2 .dk_options a {
    background-color: #fff;
    padding: 1px 4px 1px 7px;
    height: 32px;
}

.dk_theme_theme2 .dk_options a:hover,
.dk_theme_theme1 .dk_option_current a {
    background-color: #EFEFEF;
}

.dk_theme_theme2 .dk_toggle>strong {
    padding-top: 9px !important;
}

.dk_theme_theme2 li a span {
    padding-top: 8px !important;
}

.dk_container .dk_toggle>em {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    font-weight: 100;
    color: #428bca;
    padding: 6px 0 0 10px;
}

.focusCampoSelect .dk_container {
    border-color: #b10000
}

.focusCampoSelect .selectpicker {
    border-color: #b10000
}

.dk_container .dk_toggle>em:before {
    content: "\e114";
}

.selectpicker.btn {
    padding-top: 8px;
    padding-bottom: 8px
}

/******  End Theme ******/

/***** Critical to the continued enjoyment of working dropdowns ******/

.dk_container {
    display: none;
    float: left;
    position: relative;
    width: 100%
}

.dk_container a {
    outline: 0;
    color: #999999 !important;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.dk_container a span {
    color: #999999 !important;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 15px;
    display: inline-block;
}

.dk_container li a span {
    padding-top: 3px;
}

.dk_toggle {
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.dk_toggle>strong {
    display: block;
    float: left;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    font-weight: normal;
    padding-top: 3px;
}

.dk_toggle>p span {
    width: 980px;
    display: inline-block
}

.dk_toggle>em {
    float: right;
    width: 10px
}

.dk_open {
    position: relative;
}

.dk_open .dk_options {
    display: block;
}

.dk_open .dk_label {
    color: #999999 !important;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.dk_options {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
}

.dk_options a,
.dk_options a:link,
.dk_options a:visited {
    display: block;
}

.dk_options_inner {
    overflow: auto;
    position: relative;
    border: 1px solid #C8C8C8;
    max-height: 250px;
}

.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px;
}

.dk_touch .dk_options {
    overflow: hidden;
}

.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

.dk_fouc select {
    position: relative;
    top: -99999em;
    visibility: hidden;
}

.dk_theme_theme1 .dk_toggle span {
    color: #999999 !important;
    font-size: 12px;
}

/**-------------------------------------------------**/
/**------------		 	login			------------**/
/**-------------------------------------------------**/
.login {}

.login>div {
    position: relative;
    width: 100%;
    height: 100%;
}

.login #box {
    padding: 0 16px;
    max-width: 440px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login #box>div {
    min-height: 360px;
    box-shadow: 0 23px 27px 0 #0000000D;
    background-color: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login #box>div>div {
    padding: 32px 24px;
    width: 100%;
}

.login #box>p {
    padding: 8px 10px;
    font-size: 12px;
    color: var(--text-color);
}

.login #box>p.error {
    color: #b10000;
}

.login #box>p span {
    display: block;
    margin-top: 2px;
}

.login #box>p i {
    display: block;
    font-size: 14px;
    margin-top: 2px;
}

.login form {
    padding-top: 40px;
}

.login form .item {
    margin-bottom: 16px;
}

.login form p {
    margin: 0;
    padding: 7px 0 5px 0;
    font-size: 13px;
    line-height: 13px;
}

.login form p span {
    color: #888a8b;
    margin: 0 15px;
    font-size: 14px;
}

.login form p input {
    color: #888a8b;
    border: none;
}

.login form p .fa {
    font-size: 18px;
    margin: 0 16px 0 16px;
}

.login form .first {
    border-bottom: 1px solid #E9ECEF;
    display: block;
}

.login form .btn {
    width: 100%;
    margin-top: 35px;
    height: 40px;
}

.login h2 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    color: var(--text-color);
}

.login .mensagem {
    margin-top: 20px;
}

.login #esqueci-senha {
    margin-top: -6px;
    color: var(--text-color);
    text-decoration: none;
    display: block;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;

}

.login #esqueci-senha:hover {
    color: #b10000;
}

.login #box-esqueci-senha {
    display: none;
    position: relative;
    width: 100%;
}

.login #box-esqueci-senha form {
    padding-top: 50px;
}

.login #box-esqueci-senha #voltar-login {
    position: absolute;
    top: 0;
    right: 0;
    margin: 7px 10px 0 0;
    color: #cccccc;
}

.login #box-esqueci-senha #voltar-login:hover {
    color: var(--text-color);
}

/**-------------------------------------------------**/
/**------------		 	menu			------------**/
/**-------------------------------------------------**/
#menu {
    width: 280px;
    float: left;
    display: block;
}

#menu #topo-menu {
    margin-bottom: 25px;
}

#menu #topo-menu>div {
    margin: 30px 25px 0 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

#menu #topo-menu>div h1 {
    color: var(--text-color);
    font-size: 16px;
    margin: 0 0 0 0;
    font-weight: 700;
}

#menu #topo-menu>div label {
    color: #67748E;
    font-weight: 500;
    font-size: 13px;
}

#menu ul li {
    display: block;
}

#menu ul li a {
    display: block;
    color: #67748E;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
}

#menu ul li a>div {
    padding: 11px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 206px;
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
}

#menu ul li a>div p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#menu ul li a>div>i {
    color: #3A416F80;
    margin: 0;
}

#menu ul li a>div>p>span {
    float: left;
    margin: 0 12px;
    color: #67748E;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 155px;
    line-height: 1.4;
}

#menu ul li a>div>p>em {
    flex-shrink: 0;
    float: left;
    color: #67748E;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 1px 2px 9px 1px #0000001F;
}

.menu {
    background-color: #F3F4F6;
}

#menu-list>.menu-item.ativo>a>div {
    background-color: #ffffff;
    box-shadow: 1px 2px 9px 1px #0000001F;
}

#menu-list>.menu-item.ativo>a>div>p>em {
    color: #ffffff;
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
}

#menu-list>.menu-item>a.active>div {
    background-color: #ffffff;
    box-shadow: 1px 2px 9px 1px #0000001F;
}

#menu-list>.menu-item>a.active>div>p>em {
    color: #ffffff;
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
}

#menu-list>.menu-item>a.active>div>p>span {
    color: var(--text-color);
}

#menu-list>.menu-item>a.active>div>i {
    color: var(--text-color);
    transform: rotate(180deg);
}

#menu-list>.menu-item>.menu-secao>.menu-item>a.active>div>p>span {
    color: var(--text-color);
}

#menu-list>.menu-item>.menu-secao>.menu-item>a.active>div>p:before {
    background-color: var(--text-color);
}

#menu-list>.menu-item>.menu-secao>.menu-item>a.active>div>i {
    color: var(--text-color);
    transform: rotate(180deg);
}

#menu-list>.menu-item>.menu-secao>.menu-item>.menu-secao>.menu-item.ativo>a>div>p>span {
    color: var(--text-color);
}

#menu-list>.menu-item>.menu-secao>.menu-item.ativo>a>div>p>span {
    color: var(--text-color);
}

#menu-list>.menu-item>.menu-secao>.menu-item.ativo>a>div>p:before {
    background-color: var(--text-color);
}

#menu .menu-item>a:hover>div>p>em {
    color: #ffffff;
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
}

#menu .menu-item>a:hover>div>p>span {
    color: var(--text-color);
}

#menu .menu-item>a:hover>div>i {
    color: var(--text-color);
}

#menu ul li a>span {
    margin: 14px 15px 0 25px;
}

#menu ul li.oculto {
    opacity: 0.5;
}

#menu ul .first-item-menu {
    display: block;
    width: 230px;
    color: #80969c;
    font-size: 16px;
    font-weight: 100;
    text-decoration: none;
    letter-spacing: 1px;
}

#menu #wrapper-menu {
    overflow: hidden;
    position: relative;
    padding-bottom: 12px;
}

#menu #wrapper-menu #menu-list {
    padding: 0;
    margin: 0;
}

#menu .menu-secao {
    display: none;
}

#menu .menu-secao li a>div>p>span {
    color: #3A416F80;
}

#menu .menu-secao li a>div {
    padding: 7px 16px 7px 32px;
}

#menu .menu-secao>li>a:hover span,
#menu .menu-secao>li>a.ativo span {
    color: var(--text-color);
}

#menu .menu-secao>li>a.ativo i {
    transform: rotate(180deg);
    color: var(--text-color);
}

#menu .menu-secao>li>a:hover>div>p:before,
#menu .menu-secao>li>a.ativo>div>p:before {
    background-color: var(--text-color);
}

#menu .menu-secao li a>div>p:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #3A416F80;
}

#menu .menu-secao em {
    display: none;
}

#menu .menu-secao .menu-secao {
    display: none;
}

#menu .menu-secao .menu-secao li a>div>p {
    font-size: 13px;
}

#menu .menu-secao .menu-secao li a>div>p:before {
    display: none;
}

#menu .menu-secao .active-sub>a>div>p>span {
    color: var(--text-color);
}

#menu .menu-secao .active-sub>a>div>p:before {
    background-color: var(--text-color);
}

#menu .menu-secao .active-sub>a>div>i {
    color: var(--text-color);
    transform: rotate(180deg);
}

#menu .menu-secao .menu-secao.active-item>li>a>div>p>span {
    color: var(--text-color);
}

/**-------------------------------------------------**/
/**------------			 estatisticas			------------**/
/**-------------------------------------------------**/
.destaques {
    margin-top: 10px;
}

.destaques .destaque {
    background-color: #ffffff;
    height: 90px;
}

.destaques .destaque>div {
    padding: 18px 10px 0 25px;
}

.destaques .destaque>div span {
    float: left;
    margin-top: 7px;
}

.destaques .destaque span span {
    font-size: 55px;
}

.destaques .destaque>div div {
    float: left;
    margin-left: 25px;
}

.destaques .destaque>div div h2 {
    display: block;
    margin: 0 0 0 0;
}

.destaques .destaque>div div h5 {
    display: block;
    color: #999999;
    margin: 5px 0 0 0;
    font-weight: 100;
}

.destaques .destaque .verde span span,
.destaques .destaque .verde h2 {
    color: #22cd6f;
}

.destaques .destaque .azul span span,
.destaques .destaque .azul h2 {
    color: #2497d8;
}

.destaques .destaque .amarelo span span,
.destaques .destaque .amarelo h2 {
    color: #f69b02;
}

.destaques .destaque .vermelho span span,
.destaques .destaque .vermelho h2 {
    color: #e94a35;
}

.destaques>div {
    float: left;
}

.destaques .col-md-3,
.destaques .col-xs-3 {
    padding-left: 0 !important;
}

.destaques .last {
    padding-right: 0 !important;
}

.estatisticas .box-estatistica {
    margin-bottom: 15px;
}

.estatisticas .box-estatistica .topo-box-estatistica>div {
    padding: 15px 20px 15px 20px;
}

.estatisticas .box-estatistica .topo-box-estatistica h2 {
    margin: 6px 0 0 0;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 100;
}

.estatisticas .box-estatistica .conteudo-box-estatistica {
    background-color: #FFF;
    border-top: 1px solid #E9ECEF;
    -webkit-border-radius: 0 0 16px 16px !important;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
}

.estatisticas .box-estatistica .conteudo-box-estatistica>div {
    padding: 20px;
}

.estatisticas .col-md-6,
.estatisticas .col-xs-6 {
    padding-left: 0 !important;
}

.estatisticas .last {
    padding-right: 0 !important;
}

.estatisticas h2 span {
    font-size: 14px;
}


/**		flot	**/
.legend .legendLabel {
    padding-left: 10px;
}

/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.dashboard .dashboard-cont .col-md-3,
.dashboard .col-xs-3,
.dashboard .dashboard-cont .box-mais.col-md-4 {
    padding-left: 0 !important;
}

.dashboard .dashboard-cont .last {
    padding-right: 0 !important;
}

.dashboard .dashboard-cont .box-estatistica {
    margin-bottom: 15px;
}

.dashboard .dashboard-cont .box-estatistica.box-resumo .topo-box-estatistica {
    border-radius: 0 !important;
}

.dashboard .dashboard-cont .box-estatistica .topo-box-estatistica {
    background-color: #ffffff;
}

.dashboard .dashboard-cont .box-estatistica .topo-box-estatistica>div {
    padding: 15px 20px 15px 20px;
}

.dashboard .dashboard-cont .box-estatistica .topo-box-estatistica h2 {
    margin: 2px 0 0 10px;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 18px;
    font-weight: 100;
}

.dashboard .dashboard-cont .box-estatistica .topo-box-estatistica img {
    float: left;
}

.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica {
    background-color: #FFF;
    border-top: 1px solid #E9ECEF;
    -webkit-border-radius: 0 0 16px 16px !important;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
}

.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .box-mais-item {
    min-height: 246px;
}

.dashboard .dashboard-cont .box-estatistica .box-resumo .conteudo-box-estatistica>div {
    padding: 0;
    height: 85px;
}

.dashboard .dashboard-cont .col-md-6,
.estatisticas .col-xs-6 {
    padding-left: 0 !important;
}

.dashboard .dashboard-cont .last {
    padding-right: 0 !important;
}

.dashboard .dashboard-cont h2 span {
    font-size: 14px;
}

.dashboard .dashboard-cont .destaque>div>span {
    float: left;
    margin-top: 3px;
}

.dashboard .dashboard-cont .destaque>div {
    padding: 20px 0 0 30px;
}

.dashboard .dashboard-cont .destaque>div>div {
    float: left;
    margin-left: 20px;
}

.dashboard .dashboard-cont .destaque {
    border-left: 1px solid #ececec;
    height: 85px;
}

.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .box-not-found {
    display: table;
    width: 100%;
    height: 100%;
    border: none;
    min-height: 246px;
}

.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .items-not-found {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
}

.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .items-not-found span {
    margin-left: 0;
    padding: 0 10px;
    display: block;
    color: #bbbbbb;
    opacity: .7;
    font-size: 12px;
}

/*#f0ad4e*/
.dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .items-not-found em {
    display: block;
    font-size: 50px;
    margin-bottom: 5px;
    color: #bbbbbb;
    opacity: .7;
}

.dashboard .dashboard-cont .destaque h2 {
    margin: 2px 0 0 0;
    color: var(--text-color);
    font-size: 24px;
    line-height: 28px;
    font-weight: lighter;
}

.dashboard .dashboard-cont .destaque h5 {
    color: #999999;
    font-size: 12px;
    margin: 0;
}

.dashboard .dashboard-cont .conteudo-box-estatistica .first .destaque {
    border-left: none;
}

.dashboard .dashboard-cont .box-grafico-pedidos {
    padding-left: 0;
}

.dashboard .dashboard-cont .box-grafico-pedidos .conteudo-box-estatistica {
    height: 312px;
}

.dashboard .dashboard-cont .box-grafico-pedidos .conteudo-box-estatistica>div {
    padding: 20px;
}

.dashboard .dashboard-cont .box-pedidos-efetuados>div {
    float: left;
    width: 20%;
}

.dashboard .dashboard-cont .box-pedidos-efetuados>div strong {
    display: block;
    font-weight: 600;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
}

.dashboard .dashboard-cont .box-pedidos-efetuados>div label {
    display: block;
    text-align: center;
    line-height: 11px;
    font-size: 9px;
    font-weight: normal;
}

.dashboard .dashboard-cont .box-pedidos-efetuados>div span {
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
}

.dashboard .dashboard-cont .box-pedidos-efetuados .green {
    color: #23cd6d;
}

.dashboard .dashboard-cont .box-pedidos-efetuados .red {
    color: #eb4a36;
}

.dashboard .dashboard-cont .box-ultimos-pedidos {
    padding: 0 0;
}

.dashboard .dashboard-cont .box-ultimos-pedidos a {
    text-decoration: none;
}

.dashboard-cont .box-ultimos-pedidos .conteudo-box-estatistica {
    height: 312px;
}

.dashboard .dashboard-cont .box-ultimos-pedidos .item-ultimo-pedido {
    padding: 10px 0;
    border-top: 1px solid #d9d9d9;
}

.dashboard .dashboard-cont .box-ultimos-pedidos .item-ultimo-pedido.first {
    border: none;
}

.dashboard .dashboard-cont .box-ultimos-pedidos .item-ultimo-pedido p {
    margin: 0 0 3px 15px;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

.dashboard .dashboard-cont .box-ultimos-pedidos .item-ultimo-pedido p span {
    margin-left: 10px;
    font-size: 11px;
    font-weight: normal;
}

.dashboard .dashboard-cont .box-mais .box-mais-item>div {
    height: 35px;
    border-top: 1px solid #d9d9d9;
}

.dashboard .dashboard-cont .box-mais .box-mais-item>div.first {
    border: none;
}

.dashboard .dashboard-cont .box-mais .box-mais-item>div span {
    margin-left: 20px;
    font-size: 13px;
    line-height: 15px;
}

.dashboard .dashboard-cont .box-mais .box-mais-item>div p {
    padding-top: 6px;
    width: 100%;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.dashboard .dashboard-cont .box-mais.box-visitas .box-mais-item>div p {
    width: 100%;
    text-overflow: clip;
    white-space: normal;
    overflow: auto;
}

.dashboard .dashboard-cont .box-mais.box-visitas .box-mais-item>div span {
    float: left;
}

.dashboard .dashboard-cont .box-mais.box-visitas .box-mais-item>div label {
    margin: 0 20px 0 0;
    font-size: 13px;
    line-height: 15px;
    float: right;
}

.dashboard .dashboard-cont .box-mais .topo-box-estatistica img {
    margin-top: 2px;
}

.dashboard .dashboard-cont .box-visitas {
    padding-right: 0;
}

.dashboard .dashboard-cont .box-visitas .topo-box-estatistica img {
    margin-top: 0;
}

.dashboard .dashboard-cont .height-235 {
    height: 200px;
}

.dashboard #sandbox-container {
    padding: 0;
}

.dashboard #btn-group {
    position: relative;
}

.dashboard #btn-group .divider {
    height: 1px;
    display: block;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dashboard #wrapper-dropdown {
    right: 0;
    position: absolute;
    width: 300px;
    top: 100%;
    margin-top: 5px;
    z-index: 1000;
    display: none;
    float: left;
    padding: 10px 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.dashboard #wrapper-dropdown li {
    list-style: none;
}

.dashboard #wrapper-dropdown li a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #999999;
}

.dashboard #wrapper-dropdown #escolha-periodo {
    display: block;
    margin-bottom: 10px;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 16px;
    white-space: nowrap;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #999999;
}

.dashboard .dropdown-menu {
    min-width: 258px !important;
}

.dashboard #wrapper-dropdown>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dashboard #wrapper-dropdown #wrapper-pesquisar-estatisticas {
    display: none;
}

.dashboard #wrapper-dropdown #bt-pesquisar-filtro {
    color: #ffffff;
    margin: 8px auto 0 auto;
    text-align: center;
    background-color: var(--text-color);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 70%;
}

.dashboard #wrapper-dropdown #bt-pesquisar-filtro:hover {
    background-color: #129995;
}

.dashboard .datepicker table tr td.day:hover,
.dashboard .datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker .datepicker-days {
    width: 248px;
}

.datepicker table {
    min-width: 100%;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: none !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff !important;
    background-color: #3276b1 !important;
    border-color: #285e8e !important;
}

.dashboard #wrapper {
    min-width: 100% !important;
}

#bt-menu-mobile {
    display: none;
    float: left;
    width: 40px;
    padding: 9px;
    background: none;
    border: none;
}

#bt-menu-mobile span {
    height: 3px;
    background-color: var(--primary-color);
    display: block;
    margin-bottom: 4px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

#bt-menu-mobile span:last-child {
    margin-bottom: 0;
}

#block-menu {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
}

/* .dashboard #container-geral #titulo-secao .box-left{ padding-top: 16px;} */
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/

/**-------------------------------------------------**/
/**------------			 geral			------------**/
/**-------------------------------------------------**/
.btn {
    -webkit-appearance: none;
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 9px 28px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
}

.btn input[type=file] {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.btn:hover:focus {
    outline: none;
}

.btn:focus {
    outline: none;
}

.btn-primary {
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
}

.btn-primary:hover {
    background: linear-gradient(270deg, #0E4596 0%, #123261 100%);
}

.btn-outline-primary {
    background: #ffffff;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, #123261 0%, #0E4596 100%) border-box;
    border: 1px solid transparent;
    color: #123261;
}

.btn-outline-primary:hover {
    color: #ffffff;
    background: linear-gradient(270deg, #0E4596 0%, #123261 100%);
}

.btn-outline-primary .qtd {
    padding: 3px 9px;
    background-color: #123261E5;
    font-size: 12px;
    line-height: 1.417;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
}

.btn-outline-primary:hover .qtd {
    background-color: #ffffff;
    color: #123261E5;
}

.btn-success {
    background: var(--success-color);
}

#container-geral {
    float: right;
    padding-left: 0 !important;
    background: #F3F4F6;
}

#container-geral #topo-container {
    height: 60px;
}

#container-geral #topo-container>div {
    padding: 17px 32px 0 32px;
}

#container-geral #topo-container #bread-header p {
    float: left;
    font-size: 20px;
    font-weight: 100;
    color: #FFFFFF;
    letter-spacing: 2px;
}

#container-geral #topo-container #bread-header img {
    float: left;
    margin: 8px 15px 0 15px;
    display: block;
}

#container-geral #topo-container #bread-header span {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 2px;
}

#container-geral #topo-container .box-right ul {
    margin-top: 5px;
}

#container-geral #topo-container .box-right ul li {
    float: left;
    margin: 0 0 0 20px;
}

#container-geral #topo-container .box-right a {
    position: relative;
    color: var(--text-color) !important;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
}

#container-geral #topo-container .box-right a .badge {
    background-color: #e64c65;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 2;
}

#container-geral #topo-container .box-right a i {
    font-size: 15px;
    position: relative;
    z-index: 2;
}

#container-geral #topo-container .box-right .warning-bt-topo {
    position: relative;
    z-index: 100;
}

#container-geral #topo-container .box-right .warning-bt-topo>a i {
    color: #ffd200 !important;
}

#container-geral #topo-container .box-right .warning-bt-topo>a:hover i {
    color: #e4bf00 !important
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip {
    position: absolute;
    left: -220px;
    top: 25px;
    display: none;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip em {
    right: 23px;
    top: -8px;
    position: absolute;
    width: 13px;
    height: 9px;
    display: block;
    background: url("img/aba-tootip.png") no-repeat 0 0;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip .tooltip-wrapper {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    width: 260px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip .tooltip-content {
    padding: 10px 14px 3px 14px;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip p {
    font-size: 13px;
    color: #333333;
    line-height: 15px;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip p a {
    color: #3399cc;
    display: inline;
    text-decoration: none;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip p a:hover {
    text-decoration: underline;
}

#container-geral #topo-container .box-right .warning-bt-topo .msg-tooltip hr {
    width: 100%;
    border: none;
    background-color: #dddddd;
    height: 1px;
    display: block;
    margin: 5px 0 10px 0;
}

#container-geral #wrapper-geral.inside-dashboard {
    max-width: 1280px;
}

#container-geral #wrapper-geral {
    padding-left: 15px;
    margin: 0 auto;
}

#container-geral #wrapper-geral .inside-content {
    margin: 0 24px;
}

#container-geral #wrapper-geral .title-form {
    padding: 8px 24px;
    font-weight: 700;
    color: var(--text-color);
}

#container-geral #wrapper-geral .inside * {
    box-sizing: border-box;
}

#container-geral #wrapper-geral .inside {
    padding: 0 24px;
    background-color: #ffffff;
    box-shadow: 0 23px 27px 0 #0000000D;
    border-radius: 0 0 16px 16px;
}

#container-geral #wrapper-geral .inside .title-form {
    display: none;
}

#container-geral #wrapper-geral .inside form {
    margin-left: -24px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#container-geral #wrapper-geral .inside .details {
    width: 100%;
    float: left;
    margin-bottom: 24px;
    padding-left: 24px;
}

#container-geral #wrapper-geral .inside .details-content {
    display: none;
}

#container-geral #wrapper-geral .inside summary {
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
    color: #ffffff;
    border-radius: 8px;
    padding: 9px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
}

#container-geral #wrapper-geral .inside .details .summary:before {
    content: '';
    display: block;
    background-image: url(img/plus.png);
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

#container-geral #wrapper-geral .inside .details.open .summary:before {
    content: '';
    display: block;
    background-image: url(img/minus.png);
    background-size: 13px 3px;
    width: 13px;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

#container-geral #wrapper-geral .inside .details.open .details-content {
    display: block;
}

#container-geral #wrapper-geral .inside .details>div {
    padding: 9px;
}

#container-geral #wrapper-geral .inside .details .details-box {
    margin-bottom: 24px;
}

#container-geral #wrapper-geral .inside .details .details-box:last-child {
    margin-bottom: 0;
}

#container-geral #wrapper-geral .inside .details .title {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 8px;
}

#container-geral #wrapper-geral .inside .details label {
    margin-right: 5px;
    display: block;
}

#container-geral #wrapper-geral .inside .item {
    float: left;
    width: 100%;
    margin-bottom: 24px;
    padding-left: 24px;
}

#container-geral #wrapper-geral .inside .item.label-value {
    margin-bottom: 12px;
}

#container-geral #wrapper-geral .inside .item.label-value .first {
    text-align: left;
    width: auto;
    margin-right: 3px;
}

#container-geral #wrapper-geral .inside .item .form-container {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* INPUT COM 50% DE LARGURA */
.grid {
    display: flex;
    flex-wrap: wrap;
}

.grid>div {
    width: 100%;
    margin-bottom: 14px;
}

.grid>p {
    color: var(--text-color);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 2px;
}


.box-2 {
    display: flex;
    gap: 14px;
}

.box-2>div {
    width: 50%;
}

#container-geral #wrapper-geral .inside .item .obs {
    flex-shrink: 0;
}

#container-geral #wrapper-geral .inside .item.actions-form {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 24px;
}

#container-geral #wrapper-geral .inside .item .form-container .form-control.this-is-file {
    flex-shrink: 0;
}

#container-geral #wrapper-geral .inside .item .form-container .pull-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

#container-geral #wrapper-geral .inside .item .btn.dropdown-toggle {
    height: 38px;
}

#container-geral #wrapper-geral .inside .grid-veiculos table {
    width: 100%;
}

#container-geral #wrapper-geral .inside .grid-veiculos table tr:first-child td {
    border: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table th {
    /* line-height: 43px; */
    border: 1px solid #D2D6DA;
    background-color: #f3f4f6;
    text-align: center;
}

#container-geral #wrapper-geral .inside .grid-veiculos table th:first-child {
    border: none;
    background: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td {
    border: 1px solid #d2d6da;
    vertical-align: middle;
    padding: 8px;
    height: 51px;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td>span {
    display: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table th>div {
    text-align: center;
    display: flex;
    align-items: center;
}

#container-geral #wrapper-geral .inside .grid-veiculos table th>div div {
    width: 33.3333%;
    border-left: 1px solid #D2D6DA;
    padding: 8px;
}

#container-geral #wrapper-geral .inside .grid-veiculos table th>div div:first-child {
    border-left: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td.td-radio {
    padding: 0;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td>div {
    text-align: center;
    display: flex;
    align-items: center;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td>div div {
    width: 33.3333%;
    border-left: 1px solid #D2D6DA;
    padding: 8px;
    height: 51px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td>div div:first-child {
    border-left: unset;
}

#container-geral #wrapper-geral .inside .grid-veiculos table td>div div span {
    display: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio] {
    position: relative;
    -webkit-appearance: none;
    margin: 0;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio]:focus {
    outline: none;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio]:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 38px;
    height: 18px;
    background-color: #3A416F1A;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 11px;
    transform: translate3d(2px, 1px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
    background: #ffffff;
    z-index: 2;
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio]:checked::after {
    background-color: var(--primary-color);
}

#container-geral #wrapper-geral .inside .grid-veiculos table input[type=radio]:checked::before {
    transform: translate3d(21px, 1px, 0);
}




#container-geral #wrapper-geral.inside-form {
    max-width: 1115px;
    margin: 0 auto;
}

#container-geral #wrapper-geral.inside-form-with-menu {
    position: relative;
}

#container-geral #wrapper-geral.inside-form-with-menu .inside-content {
    position: relative;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 23px 27px 0 #0000000D;
}

#container-geral #wrapper-geral.inside-form-with-menu #titulo-secao {
    box-shadow: none;
}

#container-geral #wrapper-geral.inside-form-with-menu #menu-interno {
    left: 22px;
    top: 91px;
}

#container-geral #wrapper-geral.inside-form-with-menu .inside {
    box-shadow: none;
}

#container-geral #wrapper-geral.inside-form-with-menu #conteudo-menu-interno {
    margin-left: 220px;
    border-top: 1px solid #E9ECEF;
    padding-top: 12px;
    margin-top: -6px;
}

#container-geral #wrapper-geral.inside-form-with-menu #wrapper-alert {
    margin-left: 220px;
}

#container-geral #wrapper-geral .inside-list {
    position: relative;
}

#container-geral #titulo-secao {
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    background: #ffffff;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 23px 27px 0 #0000000D;
}

#container-geral #titulo-secao.dashboard {
    margin-bottom: 0;
    padding-bottom: 24px;
}

#container-geral #titulo-secao p {
    margin-bottom: 0;
}

#container-geral #titulo-secao .box-left {
    display: flex;
    align-items: center;
}

#container-geral #titulo-secao .box-left .box-title {
    margin-right: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#container-geral #titulo-secao .box-left .box-title .clear {
    display: none;
}

#container-geral #titulo-secao .box-left p {
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 0;
}

#container-geral #titulo-secao .box-left i {
    display: block;
}

#container-geral #titulo-secao .box-left span {
    float: left;
    font-size: 16px;
    font-weight: 100;
    color: #999999;
}

#container-geral #titulo-secao #titulo-secao-menu>div {
    display: flex;
    align-items: center;
    gap: 8px;
}

#container-geral #titulo-secao #titulo-secao-menu .clear {
    display: none;
}

#container-geral #titulo-secao #titulo-secao-menu .btn {
    margin-right: 16px;
}

#container-geral #titulo-secao #titulo-secao-menu .input-group {
    width: 360px;
    float: left;
    margin-right: 10px;
}

#container-geral #titulo-secao #titulo-secao-menu .input-group input {
    height: 26px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

#container-geral #titulo-secao #titulo-secao-menu .input-group .btn span {
    font-size: 12px;
}

#container-geral #titulo-secao #titulo-secao-menu .input-group .btn {
    padding: 2px 12px;
}

#container-geral #titulo-secao #titulo-secao-menu .bt {
    float: left;
    position: relative;
    font-size: 20px;
    color: var(--text-color);
}

#container-geral #titulo-secao #titulo-secao-menu .bts-separador {
    float: left;
    font-weight: 400;
    font-size: 19px;
    margin: -1px 4px 0 4px;
    color: #b4b2b2;
}

#container-geral #titulo-secao #titulo-secao-menu .bt.sync-item {
    margin-top: 5px;
}

#container-geral #titulo-secao #titulo-secao-menu .bt span.pendente {
    font-size: 19px;
}

#container-geral #titulo-secao #titulo-secao-menu .bt.voltar-item span {
    font-size: 23px;
}

#container-geral #titulo-secao #titulo-secao-menu .bt span:hover {
    color: #666666;
}


#container-geral #titulo-secao .box-right .imprimir-item {
    margin-top: 6px !important;
}

#container-geral #titulo-secao .box-right .exportar-item {
    margin-top: 6px !important;
}

#container-geral .table {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#container-geral .table>thead tr th {
    border-bottom: 1px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.3;
    padding: 14px 8px;
    color: #8392AB;
    text-transform: uppercase;
}

#container-geral .table>thead tr th a {
    text-decoration: none;
    color: #333333
}

#container-geral .table>thead tr th a:hover {
    text-decoration: underline;
}

#container-geral .table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #ffffff;
}

#container-geral .table-interna {
    margin: 20px 0 20px 0;
    display: block;
}

#container-geral .table>thead tr th.acoes-pedido {
    width: 155px
}

#container-geral .table .tdCenter {
    text-align: center
}

#container-geral .table>tbody>tr>td {
    border-color: #E9ECEF;
    padding: 11px 8px;
    font-size: 14px;
    font-weight: 600;
    color: #67748E;
}

#container-geral #busca-avancada {
    display: flex;
    align-items: center;
}

#container-geral .busca-avancada-mobile {
    display: none !important;
}

#container-geral #busca-avancada .busca-avancada-topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#container-geral #busca-avancada .item-search {
    display: flex;
    align-items: center;
    border: 1px solid #E9ECEF;
    border-radius: 8px;
    overflow: hidden;
    min-width: 265px;
}

#container-geral #busca-avancada .item-search .form-container {
    width: 100%;
}

#container-geral #busca-avancada .item-search input {
    border: none;
    height: 36px;
    padding: 8px 16px;
    width: 100%;
}

#container-geral #busca-avancada .item-search button {
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: #fff;
    width: 41px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #E9ECEF;
}

#container-geral #busca-avancada .item-search button:hover {
    background-color: #E9ECEF;
}

#container-geral #busca-avancada #button-busca-avancada {
    padding: 8px 14px;
    text-decoration: none;
}

#container-geral #busca-avancada .busca-avancada-topo__box-right {
    display: flex;
    align-items: center;
}

#container-geral #busca-avancada .busca-avancada-topo__box-right #titulo-secao-menu>div {
    display: flex;
    align-items: center;
}

#container-geral #busca-avancada .bt {
    float: left;
    margin: 3px 5px;
    position: relative;
    font-size: 20px;
    color: var(--text-color);
}

#container-geral #busca-avancada .bt a {
    color: var(--text-color);
}

#container-geral #busca-avancada .fa-filter {
    font-size: 16px;
    color: var(--text-color);
}

#container-geral #busca-avancada .fa-plus {
    font-size: 32px;
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#container-geral #busca-avancada #button-busca-avancada .box-right>p {
    background: url(img/circulo.png) no-repeat 0 4px;
    width: 18px;
    height: 23px;
    margin: 0;
}

#container-geral #busca-avancada .table {
    background: none;
    border-bottom: none;
}

#container-geral #busca-avancada .table table {
    margin-left: -24px;
}

#container-geral #busca-avancada #wrapper-fields-busca {
    display: none;
    margin-top: 24px;
}

#container-geral #busca-avancada .table td {
    background: none;
    border: none;
    padding: 4px 8px 4px 8px;
}

#container-geral #busca-avancada .table tr {
    background: none;
    border: none;
}

#container-geral #busca-avancada .table tr td>p {
    text-align: right;
    font-size: 12px;
    color: var(--text-color);
    display: block;
    padding-top: 3px;
    line-height: 12px;
    margin: 0;
}

#container-geral #busca-avancada .bt-localizar {
    width: 150px;
    display: block;
    margin: 0 auto;
}

.modal-busca-avancada .item-search {
    background-color: #FFFFFF;
    padding: 8px 0;
    border-radius: 8px;
    border: 1px solid #E9ECEF;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.modal-busca-avancada .item-search input {
    width: 90%;
    border: none;
    padding: 0 10px;
    background: none;
    color: #999999;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.modal-busca-avancada .item-search .bootstrap-select {
    width: 100% !important;
}

.modal-busca-avancada .item-search .bootstrap-select .btn {
    color: #999999;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.modal-busca-avancada .select {
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
    padding: 0
}

.modal-busca-avancada .select .btn {
    padding: 9px 12px 8px;
    font-size: 12px;
    border: 1px solid #E9ECEF;
    border-radius: 8px;
}

.modal-busca-avancada .select .btn .filter-option {
    font-size: 12px
}

.modal-busca-avancada tbody {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 44px;
}

.modal-busca-avancada tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.modal-busca-avancada td {
    width: 100%;
}

.modal-busca-avancada td .item-search {
    margin-bottom: 14px;
}

.modal-busca-avancada .bt-localizar {
    margin: 0 0 0 auto;
}

.modal-busca-avancada #container-button-localizar {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
}


#container-geral #busca-avancada .table tr td>div {
    background-color: #FFFFFF;
    padding: 8px 0;
    border-radius: 8px;
    border: 1px solid #E9ECEF;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#container-geral #busca-avancada .table tr td>div input {
    width: 90%;
    border: none;
    padding: 0 10px;
    background: none;
    color: #999999;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

#container-geral #busca-avancada .table tr td>div.select {
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
    padding: 0
}

#container-geral #busca-avancada .table tr td>div.select .btn {
    padding: 9px 12px 8px;
    font-size: 12px;
    border: 1px solid #E9ECEF;
    border-radius: 8px;
}

#container-geral #busca-avancada .table tr td>div.select .btn .filter-option {
    font-size: 12px
}

#container-geral #busca-avancada .table tr .separator {
    border-right: 1px solid #E9ECEF;
    width: 40px;
}

#container-geral #busca-avancada .table #container-button-localizar {
    width: 250px;
}

#container-geral .table .identificador {
    padding-left: 12px !important;
}

#container-geral .table .first-column {
    padding-left: 24px !important;
}

#container-geral .height-150 {
    height: 150px;
}

#container-geral .height-200 {
    height: 200px;
}

#container-geral .height-300 {
    height: 300px;
}

#container-geral .height-400 {
    height: 420px;
}

#container-geral .height-500 {
    height: 500px;
}

#paginacao-listagem {
    border-top: none;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    background-color: #ffffff;
}

#paginacao-listagem .btn-toolbar {
    margin-left: 5px;
}

#paginacao-listagem>div {
    padding: 15px 20px;
}

#paginacao-listagem>div .btn-group {
    float: right;
}

#paginacao-listagem>div .btn-group .btn {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #67748E;
    font-weight: 400;
    text-decoration: none;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    border-color: #DEE2E6;
    margin-right: 3px;
    padding: 0;
}

#paginacao-listagem>div .btn-group .btn:hover {
    background-color: #f1f8fe;
}

#paginacao-listagem>div .total-reg {
    float: left;
    margin-top: 4px;
}

#paginacao-listagem>div .btn-group .ativo:hover,
#paginacao-listagem>div .btn-group .ativo {
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
    color: #ffffff;
    cursor: default;
}

#paginacao-listagem>div .separador-vertical {
    height: 31px;
}

.inside .box-form-interno .total-reg {
    float: right;
    margin-right: 15px;
}

.box-form-interno .box-form-anexo .inside .total-reg {
    float: right;
    margin-right: 40px;
}

.inside .total-reg {
    float: right;
    margin-right: 15px;
    margin-top: 20px;
}

.align-to-sub {
    margin-left: 40px;
}

.item h6 {
    position: relative;
    margin: 0 0 5px 4px;
    padding: 1px 0;
}

.item h6 span {
    position: relative;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #67748E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.item>h6 span label {
    font-weight: 100;
    font-style: italic;
}

.item h6 p {
    background: url(img/linha-pontilhada.png) repeat-x 0 0;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 50%;
    display: none;
}

.item>div.no-padding {
    padding-right: 0;
}

.item>div>p {
    float: left;
}

.item .box {
    padding: 10px 0;
}

.item .box input {
    float: left;
    display: inline-block;
}

.item .box span {
    font-size: 12px;
    color: var(--text-color);
    float: left;
    display: block;
    line-height: 14px;
    margin: 4px 0 0 10px;
    font-weight: 400;
}

.item .box.checkbox span {
    margin-top: 0;
}

.item .box {
    height: 40px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.item .box>span {
    margin-left: 15px;
    font-size: 16px;
    line-height: 1;
}

.item .box i {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 18px;
    background-color: #3A416F1A;
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

.item .box i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 37px;
    height: 16px;
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

.item .box i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 11px;
    transform: translate3d(1px, 0, 0);
    transition: all 0.2s ease-in-out;
    margin-top: 1px;
}

.item .box:active i::after {
    width: 22px;
    transform: translate3d(1px, 0, 0);
}

.item .box:active input:checked+i::after {
    transform: translate3d(9px, 0, 0);
}

.item .box input {
    display: none;
}

.item .box input:checked+i {
    background-color: #3A416FF2;
}

.item .box input:checked+i::before {
    transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.item .box input:checked+i::after {
    transform: translate3d(21px, 0, 0);
}

.item em.obs {
    color: var(--text-color);
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    float: left;
    display: block;
    margin: 0 0 0 10px;
    line-height: 13px;
}

.item .select em {
    float: right;
}

.item>div>h5 {
    color: #000000;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    padding: 5px 0 0 10px
}

.item .btn-default {
    margin-right: 10px;
    border: 1px solid #D2D6DA;
}

.item.only-super-user {
    opacity: 0.4;
}

.item.only-super-user h6 span {
    color: var(--text-color);
}

.item__title_lang {
    color: #777777;
}

.item-search.only-super-user {
    opacity: 0.4;
    color: var(--text-color);
}

.item .subform {
    border: 1px solid #E9ECEF;
    padding: 10px 10px 0;
    border-radius: 12px;
    margin-right: 5px;
}

.item .subform .btn-add-produto {
    border: none;
    margin-bottom: 10px;
    margin-right: 5px;
}

.item .subform .btn-add-produto span {
    color: #3399cc;
}

.item--lmpm {
    border: 1px solid #DDDDDD;
    display: inline-block;
    border-radius: 3px;
    background-color: #F3F3F3;
    margin-bottom: 5px;
}

.item--lmpm__text {
    padding: 10px 5px;
    margin: 0;
}

.item--lmpm__text span {
    margin: 0;
    font-size: 12px;
}

.item--lmpm__input {
    height: 100%;
    background-color: #FFFFFF;
    margin: 0;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.item--lmpm__input input {
    border: none;
    width: 50px;
    margin: 0;
    padding: 11px 5px;
    text-align: center;
    font-size: 12px;
}

.item--lmpm__required {
    padding: 8px 10px 12px;
    color: #B10000;
    margin: 0;
    border-left: 1px solid #DDDDDD;
}

.item--lmpm__required span {
    color: #B10000;
    font-size: 11px;
}

.note-toolbar .btn-default {
    margin-right: 0 !important;
}

.editor-texto .note-editable {
    min-height: 150px;
}

.separator-left {
    margin-left: 10px;
}

.wrapper-autocomplete {
    padding: 10px 20px;
}

.wrapper-autocomplete input {
    padding: 4px 10px;
}

#menu-interno {
    width: 196px;
    position: absolute;
    border-right: none !important;
    border-top: none !important;
    background-color: #ffffff;
    z-index: 2;
}

#menu-interno ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

#menu-interno ul li a {
    padding: 7px;
    display: block;
    color: #123261CC;
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
}

#menu-interno ul li a span {
    display: flex;
    align-items: center;
    gap: 8px;
}

#menu-interno ul .ativo a {
    color: #123261 !important;
}

#menu-interno ul .ativo a {
    cursor: default;
}

#menu-interno ul .ativo a span:before {
    content: '';
    display: block;
    background: url(img/menu-arrow.png);
    background-size: 8px 12px;
    width: 8px;
    height: 12px;
}

#menu-interno ul li.only-super-user {
    opacity: 0.4;
}

#menu-interno ul li.only-super-user a span {
    color: #999999 !important;
}

#conteudo-menu-interno {
    margin-left: 331px;
    min-height: 420px;
}

#conteudo-menu-interno #actions-form {
    margin-top: 20px;
}

#conteudo-menu-interno #actions-form>div {
    padding-top: 20px;
}

#conteudo-menu-interno #actions-form>div .btn {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 15px;
    text-decoration: none;
}

#conteudo-menu-interno #actions-form>div .pull-left {
    margin-left: 0;
}

#conteudo-menu-interno #actions-form>div #bt-salvar {
    margin-right: 0;
    background-color: #3399cc;
    border: 1px solid #3399cc;
}

#conteudo-menu-interno #actions-form>div #bt-salvar:hover {
    background-color: #2c85b1;
}

#conteudo-menu-interno #actions-form>div .btn-default {
    color: #cccccc;
}

#conteudo-menu-interno #actions-form>div .btn-default:hover {
    color: #666;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno {
    display: none;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno.ativo {
    display: block;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno .box-form-anexo .separador {
    display: none
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno form {
    padding-bottom: 18px;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno .table-interna {
    border-top: 1px solid #E9ECEF;
    margin-top: 0;
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno {
    border: none
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno>.inside {
    padding: 0
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno>.inside>form {
    padding: 0 0 18px;
    border-bottom: none
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno>.inside>.galeria {
    padding-left: 0;
    padding-right: 0
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno>.inside>.table-interna {
    margin: 0 0 20px;
}

#container-geral #conteudo-menu-interno .box-form-anexo>.border.border-rounded.bg-interno>.inside>.total-reg {
    margin-right: 15px
}

#container-geral #conteudo-menu-interno .box-form-anexo .title-form {
    display: none
}

#footer {
    margin: 0;
    display: block;
    width: 100%;
    padding: 0 25px;
}

#footer>div {
    padding: 20px 0;
    display: block;
    max-width: 1052px;
    margin: 0 auto;
}

#footer p {
    color: #67748E;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0;
}

#footer .separador {
    margin-top: 0;
}


/**-------------------------------------------------**/
/**------------		 	tabela			------------**/
/**-------------------------------------------------**/
.table {
    margin-bottom: 0 !important;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table-bordered {
    border-color: #cccccc;
}

.table thead tr th {
    font-size: 12px;
    line-height: 12px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle !important;
    color: var(--text-color);
}

.table td span,
.table th span {
    font-weight: 100;
    font-size: 10px;
}

.table td span.tooltip-item,
.table th span.tooltip-item {
    font-weight: 600;
    font-size: 12px;
}

.table td a {
    text-decoration: none;
    color: #333333;
}

.table td a:hover {
    text-decoration: underline;
}

.table td a.tooltip-item {
    text-decoration: none;
}

.table .single-checkbox-table {
    width: 30px;
}

.table .identificador {
    width: 80px;
}

.table td span.span-red {
    color: #b10000;
    font-size: 12px;
    font-weight: 500;
}

.table td em {
    color: #BBBBBB;
    font-style: normal;
}

.table td i {
    color: #67748E;
    font-style: normal;
    font-size: 16px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table .acoes-col-2 {
    width: 80px;
    min-width: 110px;
}

.table .acoes-col-3 {
    width: 120px;
    min-width: 110px;
}

.table .col-acao-pedido-list {
    width: 140px;
}

.table .acoes-col-2 .btn,
.table .acoes-col-3 .btn {
    opacity: 1 !important;
    float: left;
    margin-right: 3px;
}

.table .acoes-col-2 .btn span,
.table .acoes-col-3 .btn span {
    font-size: 12px;
    margin-top: 3px;
}

.table .acoes-col-2 .btn,
.table .acoes-col-3 .btn {
    border: none;
    background: none;
    padding: 0;
}

.table .search-item {
    height: 20px;
    background-color: #FFF;
}

.table .search-item input {
    border: none;
    float: left;
    width: 72%;
    background: none;
    padding: 0 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: var(--text-color);
    font-weight: 100;
}

.table .search-item a {
    display: block;
    width: 14px;
    height: 20px;
    background: url(img/lupa.png) no-repeat 0 0;
    float: right;
    margin: -1px 4px 0 0;
}

.table .search-item a:hover {
    background-position: 0 -20px;
}

.table .ordenar-item-lista {
    margin: 0 0;
}

.table .ordenar-item-lista>span {
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
}

.table .ordenar-item-lista a {
    display: block;
    width: 10px;
    height: 20px;
    float: left;
}

.table td .label {
    text-transform: uppercase;
}

.table td a.bt-ativar {
    text-decoration: none !important;
}

.table td .label.cursor {
    cursor: pointer
}

.table td .clearsale-content {
    padding-right: 0
}

.table td .clearsale-content .label-clearsale {
    margin-left: 3px;
    margin-right: 0;
    background-color: #850957;
    font-weight: 100 !important;
    font-size: 10px !important
}

.table td .clearsale-content .label-default.label-clearsale {
    background-color: #999;
}

.table tr.table-vazia {
    display: none;
}

.table tr.table-vazia.ativo {
    display: table-row;
}

.table tr.table-vazia p {
    margin: 20px 0;
    text-align: center;
    font-size: 16px;
}

.table tr.table-vazia p span.fa-warning {
    color: #ffd200;
    font-size: 20px;
}

.copy-permission {
    margin-left: 12px;
}

.copy-permission,
.title-icon {
    color: var(--text-color);
}

.copy-permission:hover,
.title-icon:hover {
    color: var(--primary-color);
}

.add-product {
    font-size: 17px;
    margin-top: 3px;
}

.modal-input {
    width: 100%;
    border: 1px solid #D2D6DA;
    border-radius: 4px;
    display: block;
    margin-bottom: 5px;
}

.modal-input span {
    margin: 2px 10px;
    display: block
}

.modal-input span input,
.modal-input span textarea {
    padding: 5px 0;
    border: none;
    background: transparent;
    width: 100%
}

.modal-input--checkbox span input {
    float: left;
    margin-right: 7px;
    width: auto;
}

.modal-input--checkbox span label {
    float: left;
    font-weight: 400;
}

.modal-select {
    width: 100%;
    border: 1px solid #D2D6DA;
    border-radius: 4px;
    display: block;
    margin-bottom: 5px;
}

.modal-select span {
    width: auto;
    display: block;
    position: relative;
}

.modal-select select {
    height: 29px;
    border: none;
    width: 100%;
}


.modal-edit-valor__button {
    text-align: right;
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.modal-edit-valor__button:hover {
    color: inherit;
    text-decoration: underline !important;
}

.modal-edit-valor__group {
    display: none;
    margin-top: 5px;
}

/*
tag manager
 */
.tm-tag {
    color: #555555;
    background-color: #f5f5f5;
    border: #bbbbbb 1px solid;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: inline-block;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 0 5px 5px 0;
    padding: 4px 10px 4px 4px;
    text-decoration: none;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
}

.tm-tag span {
    margin: 0 7px 0 5px;
}

.tm-tag .tm-tag-remove {
    color: #000000;
    font-weight: bold;
    opacity: 0.2;
}

.tm-tag .tm-tag-remove:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
}

.tm-tag.tm-tag-warning {
    color: #945203;
    background-color: #f2c889;
    border-color: #f0a12f;
}

.tm-tag.tm-tag-error {
    color: #84212e;
    background-color: #e69ca6;
    border-color: #d24a5d;
}

.tm-tag.tm-tag-success {
    color: #638421;
    background-color: #cde69c;
    border-color: #a5d24a;
}

.tm-tag.tm-tag-info {
    color: #4594b5;
    background-color: #c5eefa;
    border-color: #5dc8f7;
}

.tm-tag.tm-tag-inverse {
    color: #cccccc;
    background-color: #555555;
    border-color: #333333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}

.tm-tag.tm-tag-inverse .tm-tag-remove {
    color: #ffffff;
}

.tm-tag.tm-tag-large {
    font-size: 16.25px;
    border-radius: 4px;
    padding: 11px 7px;
}

.tm-tag.tm-tag-small {
    font-size: 11.049999999999999px;
    border-radius: 3px;
    padding: 2px 4px;
}

.tm-tag.tm-tag-mini {
    font-size: 9.75px;
    border-radius: 2px;
    padding: 0 2px;
}

.tm-tag.tm-tag-plain {
    color: #333333;
    box-shadow: none;
    background: none;
    border: none;
}

.tm-tag.tm-tag-disabled {
    color: #aaaaaa;
    background-color: #e6e6e6;
    border-color: #cccccc;
    box-shadow: none;
}

.tm-tag.tm-tag-disabled .tm-tag-remove {
    display: none;
}

input[type="text"].tm-input {
    margin-bottom: 5px;
    vertical-align: middle !important;
    background: none;
}

.control-group.tm-group {
    margin-bottom: 5px;
}

.form-horizontal .control-group.tm-group {
    margin-bottom: 15px;
}

#container-geral #wrapper-geral .box-form-anexo {
    margin-top: 24px;
}

#container-geral #wrapper-geral .box-form-anexo .inside {
    border-radius: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}

#container-geral #wrapper-geral .box-form-anexo .table-interna {
    margin: 0;
    padding: 0;
}

#container-geral #wrapper-geral .box-form-anexo .inside .title-form {
    display: inline-flex;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
    padding: 0;
    margin-top: 7px;
}

#container-geral #wrapper-geral .box-form-anexo .form-anexo-header {
    float: right;
    margin-left: 12px;
}

#container-geral #wrapper-geral .box-form-anexo .adicionar-item.bt {
    float: left;
    position: relative;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--info-color);
    height: 32px;
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 8px 24px;
    gap: 8px;
    border-radius: 8px;
    text-decoration: none;
}

#container-geral #wrapper-geral .box-form-anexo .adicionar-item.bt:hover {
    background: linear-gradient(270deg, #0E4596 0%, #123261 100%);
    color: #ffffff;
}

#container-geral #wrapper-geral .box-form-anexo .adicionar-item.bt i {
    font-size: 16px;
}

#container-geral #wrapper-geral .box-form-anexo form .item>h6 {
    margin: 0 0 5px 4px;
    padding: 1px 0;
}

#container-geral #wrapper-geral .box-form-anexo .table>thead tr th {
    font-size: 10px;
}

/*typeahead*/
.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.form-control {
    height: 38px;
    padding: 8px 12px;
}

.form-control.focusCampo,
.focusCampoSelect .btn-default {
    border-color: #b10000;
}

.form-control {
    height: 38px;
    border-color: #D2D6DA;
    border-radius: 8px;
}

.modal-dialog {
    padding: 24px 0;
}

.modal-content {
    padding-top: 24px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.modal-header {
    padding: 0 24px 16px 24px;
    border: none;
}

.modal-header .close {
    margin: 0;
    opacity: 1;
    font-size: 19px;
    color: var(--primary-color);
    font-family: "Font Awesome 6 Free";
}

.modal-header .close:hover {
    opacity: 0.5;
}

.modal-header h4 {
    color: var(--text-color);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}

.modal-header h5 {
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}

.modal-body {
    padding: 0 24px 24px 24px;
}

.modal-body table {
    width: 100%;
}

.modal-tb {
    width: 100%;
    max-width: 490px;
}

.bs-modal-sm {
    background-color: rgba(35, 43, 45, .8);
}

.bs-modal-sm .modal-sm .modal-content {
    width: 100%;
    max-width: 420px;
}

.bs-modal-sm .modal-header {
    background-color: #ffffff;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.bs-modal-sm .modal-body {
    font-size: 13px;
    color: #666666;
}

.bs-modal-sm .modal-body .bootstrap-select.btn-group .btn .filter-option {
    color: #666666;
    font-size: 13px;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    font-size: 13px;
    color: #666666;
}

.modal-footer {
    margin-top: 0;
    padding: 0 24px 24px 24px;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.bs-modal-sm .modal-footer button,
.bs-modal-sm .modal-footer a.btn {
    font-size: 13px;
    padding: 5px 12px;
}

.bs-modal-sm .modal-footer .btn-default {
    color: #666666;
}

.bootstrap-select {
    width: 100%;
}

.bootstrap-select.disabled .btn {
    background-color: #eeeeee;
    opacity: 1;
}

.bootstrap-select.disabled .filter-option-inner-inner,
.bootstrap-select>.disabled .filter-option-inner-inner {
    color: #555;
}

.bootstrap-select>select:focus {
    outline: none;
}

.bootstrap-select>.btn {
    width: 100%;
    padding-right: 25px;
    padding-left: 9px;
}

.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
    color: #666666;
    font-weight: 400;
    letter-spacing: 0
}

.bootstrap-select>.dropdown-toggle {
    padding-left: 12px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    color: #555;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    outline: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    outline: none !important;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark:before {
    display: none
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li:first-child {
    pointer-events: none
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li:first-child a span.check-mark {
    display: none !important;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark:before {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li.selected a span.check-mark:before {
    display: block
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a {
    padding-left: 30px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.check-mark {
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
    font-size: 10px;
    border: 1px solid #E9ECEF;
    border-radius: 3px;
    padding: 1px;
    width: 14px;
    height: 14px;
}

.select-with-separator .bootstrap-select.btn-group .btn {
    padding: 0 32px 0 12px;
}

.select-with-separator .bootstrap-select.btn-group .btn .filter-option {
    padding: 6px 0 6px 0;
    border-right: 1px solid #D2D6DA;
}

.modal-select {
    margin-bottom: 5px;
}

.modal-select .bootstrap-select>.btn {
    padding: 7px 10px !important;
}

.modal-change-status .modal-dialog {
    background-color: #FFFFFF;
    border-radius: 6px;
}

.modal-add-pagamento .msg {
    font-size: 10px;
    line-height: 12px;
}

.modal-add-pagamento .modal-body {
    padding-bottom: 0;
}

.modal-add-pagamento .modal-select {
    border: none;
}

.modal-add-pagamento .modal-select span {
    margin: 0;
}

#container-geral .modal-admin-permissoes .table>thead tr th {
    padding: 8px 0;
}

#container-geral .modal-admin-permissoes .table>thead tr th+th {
    font-size: 12px;
    line-height: 1.334;
    font-weight: 700;
    text-align: left;
    color: var(--primary-color);
    text-transform: unset;
    padding: 0 8px;
}

#container-geral .modal-admin-permissoes .table>tbody>tr>td {
    border: none;
    padding: 8px 0;
}

#container-geral .modal-admin-permissoes .table>tbody>tr>td+td {
    padding: 8px;
}

#container-geral .modal-admin-permissoes .table-interna {
    margin: 14px 0;
}

#container-geral .modal-admin-permissoes .table-interna:first-child {
    margin-top: 0;
}

.galeria {
    padding: 0 0 10px;
}

.item-galeria {
    float: left;
}

.item-galeria>div {
    position: relative;
    padding: 10px;
    border: 1px solid #E9ECEF;
    margin: 10px 5px 0 5px;
}

.item-galeria>div img {
    width: 100%;
}

.item-galeria>div .descricao-item {
    margin-top: 10px;
}

.item-galeria>div .descricao-item p {
    font-size: 12px;
    color: #838383;
    margin: 0 0 0 0;
}

.item-galeria>div .descricao-item p span {
    color: #408BCA;
    font-weight: 600;
}

.item-galeria .drop-image {
    position: absolute;
    top: 13px;
    right: 13px;
}

.item-galeria .drop-image .btn {
    padding: 0 6px;
    margin: 0 !important;
    height: 22px !important;
}

.item-galeria .drop-image .dropdown-menu {
    min-width: 100px;
    padding: 0;
}

.item-galeria .drop-image .dropdown-menu li {
    border-bottom: 1px solid #E9ECEF;
}

.item-galeria .drop-image .dropdown-menu li.excluir-item {
    border-bottom: none;
}

.item-galeria .drop-image .dropdown-menu li a {
    text-decoration: none;
    color: #838383;
    font-size: 12px;
    padding: 5px 10px;
}

.item-galeria .drop-image .dropdown-menu li a:hover {
    background-color: transparent;
    color: #428BCA;
}

.item-galeria .drop-image .dropdown-menu li a i {
    margin-right: 10px;
}

form .item-galeria>div {
    margin-top: 0;
    margin-left: 0
}

.item-galeria div.icone {
    font-size: 80px;
    text-align: center;
    display: block;
    padding: 50px 30px;
    background-color: #f9f9f9;
}

.item-galeria .edicao_lote {
    position: absolute;
    left: 14px;
}

.item-galeria .img-position {
    position: absolute;
    right: 40px;
    top: 15px;
    font-size: 12px;
    background-color: rgb(255 255 255 / 0.5);
    padding: 1px 6px;
    border-radius: 3px;
    letter-spacing: -1px;
}

.item-galeria__tags {
    position: absolute;
    bottom: 8px;
    width: calc(100% - 20px);
}

.item-galeria__tag-main,
.item-galeria__tag-variacao {
    margin-left: 3px;
    padding: 3px 7px;
    background-color: #eeeeee;
    border: 1px solid #E9ECEF;
    border-radius: 5px;
    font-size: 11px;
    color: #3399cc;
    margin-bottom: 5px;
    display: inline-block;
}

.item-galeria__tag-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.item.label-value>h6 span.first {
    display: inline-block;
    width: 200px;
    text-align: right;
}

.item.label-value>h6 span.second {
    color: #666666;
}

#sobre-imovel h3 {
    font-size: 18px;
    color: #478c7e;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px
}

#sobre-imovel #conteudo .center .tipo strong {
    display: inline-block;
    font-size: 14px;
    margin: 7px 0
}

#sobre-imovel #conteudo .center .tipo p {
    margin: 5px 0 10px 0;
    font-weight: 300;
    font-size: 14px
}

#sobre-imovel {
    width: 720px;
}

#sobre-imovel .box-conteudo {
    float: left;
    width: 305px;
    margin: 40px 0 40px 40px;
}

#sobre-imovel .canto-direito ol>li {
    margin-bottom: 6px;
    font-weight: 300;
    font-size: 14px
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100%;
    height: 500px;
    background-color: #ffffff;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-align: center;
}

#carregando {
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #fafafa;
    z-index: 1060;
    width: 90px;
    margin: -40px 0 0 -40px;
    padding: 20px 5px 5px 5px;
    font-size: 12px;
    border: solid 1px #aaaaaa;
    text-align: center;
}

#carregando img {
    display: block;
    margin: 0 auto;
}

#overlay-cadastro {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1041;
    display: none;
}

#overlay-cadastro .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    text-align: center;
}

#overlay-cadastro .conteudo {
    width: 900px;
    height: 366px;
    margin: -183px 0 0 -450px;
    top: 50%;
    left: 50%;
    position: absolute;
}

#overlay-cadastro .inside {
    padding: 15px 25px;
    position: relative;
}

#overlay-cadastro .title-form {
    border-top-left-radius: 4px;
    border-top: 1px solid #23bab5;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #E3E3E3;
    padding: 8px 18px;
    background-color: #F5F5F5;
    font-weight: 600;
    color: #232B2D;
}

a.inv {
    width: 1px;
    height: 1px;
}

.log-importacao .table>tbody>tr>td {
    padding: 6px 8px;
}

#container-geral .table-interna.log-importacao {
    display: none;
}

.desc-importacao p {
    font-size: 13px;
    margin-bottom: 0;
}

.desc-importacao p span {
    color: #3399cc;
}

.desc-importacao .centralizar p {
    text-align: center;
}

.status-importacao {
    padding: 20px 0;
    display: none;
}

.status-importacao p {
    text-align: center;
    margin-bottom: 0;
}

.status-importacao p .erros-log {
    color: #B10000;
}

.status-importacao .uploading {
    font-size: 20px;
}

.importar-item span {
    font-size: 20px !important;
    margin-top: 1px;
}

.conteudo-403 {
    text-align: center;
    padding: 24px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 23px 27px 0 #0000000D;
}

.conteudo-403 img {
    display: inline-block;
}

.table-pedido .pedido-title span {
    font-size: 26px;
    color: #666666;
    text-align: center;
    display: block;
    margin: 20px;
}

.table-pedido .pedido-etapa td {
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
}

.table-pedido .pedido-etapa td span {
    font-size: 11px;
}

.table-pedido .pedido-etapa td span em {
    font-size: 10px;
    font-style: normal;
}

.table-pedido .pedido-caminho span {
    display: block;
    background-color: #CCCCCC;
    height: 10px;
}

.table-pedido .pedido-caminho span.concluida {
    background-color: #59B200;
}

.table-pedido .pedido-data span {
    font-size: 12px;
    color: #333333;
    display: block;
    margin-top: 11px;
    text-align: center;
}

.table-pedido .pedido-data a {
    font-size: 12px;
    color: #59B200;
    display: block;
    text-align: center;
    text-decoration: none;
}

.table-pedido .pedido-data a:hover {
    color: #59B200;
    text-decoration: underline;
}

.table-pedido .pedido-avancar {
    text-align: center
}

.table-pedido .pedido-avancar>div {
    height: 100%;
    display: inline-block
}

.table-pedido .pedido-avancar>div>div {
    height: 32px;
    margin: 26px auto 0;
    text-align: center;
    display: block;
}

.table-pedido .pedido-avancar div p {
    border: 1px solid #E9ECEF;
    padding: 6px 15px;
    width: 200px;
    border-radius: 4px;
    text-align: left;
    float: left;
    margin-left: 5px;
    display: none
}

.table-pedido .pedido-avancar div p input {
    border: none;
    color: #666666;
}

.table-pedido .pedido-avancar div a.bt-avancar {
    display: block;
    width: 125px;
    height: 34px;
    border-radius: 4px;
    background: url("img/pedido/bt-avancar.png") 0 0 no-repeat;
    float: left;
    margin-left: 5px;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
}

.table-pedido .pedido-avancar div a.bt-avancar:hover {
    background-position: 0 -35px;
}

.table-pedido .pedido-avancar div.select-forma-entrega {
    width: 160px;
    float: left;
}

.table-pedido .pedido-avancar>div.no-input>div {
    width: 135px;
}

.table-pedido .pedido-avancar div.no-input {
    margin-left: 150px
}

.table-pedido .pedido-avancar div.no-input p {
    display: none;
}

.table-pedido .pedido-avancar div.no-input div.select-forma-entrega {
    display: none
}

.table-pedido .pedido-avancar div.no-input a {
    margin-right: 5px;
}

.table-pedido .pedido-retornar a {
    display: block;
    margin-top: 26px;
    width: 125px;
    height: 34px;
    border-radius: 4px;
    background: url("img/pedido/bt-retornar.png") 0 0 no-repeat;
    float: left;
    margin-left: 5px;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
}

.table-pedido .pedido-retornar a:hover {
    background-position: 0 -34px;
}

.table-pedido strong.manuseio-timeline {
    font-size: 7px;
    display: inline-block;
    margin-bottom: 5px;
    color: #fff;
    border-radius: 2px;
    padding: 1px 6px;
    margin-top: 3px;
    text-transform: uppercase;
}

.modal-form-anexo .item-galeria {
    width: 50%
}

@media (max-width: 1280px) {
    .item-galeria {
        width: 33.3%;
    }
}

@media (min-width: 1280px) {
    .item-galeria {
        width: 25%;
    }
}

@media (min-width: 1600px) {
    .item-galeria {
        width: 20%;
    }
}

@media (min-width: 1700px) {
    .item-galeria {
        width: 16.6%;
    }
}

.table-pedido .status-desktop {
    margin: 10px 0;
}

.table-pedido .status-desktop .label {
    display: inline-block;
    font-size: 55%;
    text-transform: uppercase;
    font-style: normal;
}

.table-pedido .status-mobile {
    display: none;
}

.table-pedido #timeline {
    width: 460px;
    margin: 0 auto;
}

.table-pedido #timeline .status-pedido p {
    text-align: left;
    font-size: 14px;
    margin: 10px 0 0 0;
    display: block;
    line-height: 18px;
    margin-left: 10px;
}

.table-pedido #timeline .status-pedido em {
    text-align: left;
    font-size: 10px;
    display: block;
    margin-left: 10px;
}

.table-pedido #timeline .status-pedido span {
    text-align: left;
    margin-top: 5px;
    font-size: 12px;
    font-style: normal;
    display: block;
    line-height: 16px;
    margin-left: 10px;
}

.table-pedido #timeline .status-pedido a {
    font-size: 12px;
    color: #59B200;
    display: block;
    text-decoration: none;
    margin-left: 10px;
    text-align: left;
}

.table-pedido #timeline .status-pedido .left a,
.table-pedido #timeline .status-pedido .left em,
.table-pedido #timeline .status-pedido .left span,
.table-pedido #timeline .status-pedido .left p {
    text-align: right;
    margin-right: 15px;
}

.table-pedido #timeline .status-pedido .img-etapa-pedido {
    width: 36px;
}

.table-pedido #timeline .status-pedido .img-etapa-pedido img {
    margin: -1px auto 0;
    display: block;
}

.table-pedido #timeline .status-pedido .img-etapa-pedido label {
    width: 10px;
    height: 30px;
    display: block;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 2;
}

.table-pedido #timeline .status-pedido .ativo .img-etapa-pedido label {
    background-color: #5cb11f;
}

.table-pedido #timeline .status-pedido .inativo .img-etapa-pedido label {
    background-color: #cccccc;
}

#menu-interno ul li a span em {
    display: none;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno form>p {
    display: none;
    font-size: 17px;
    color: #333333;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno form>p.form-text {
    display: block;
    border: none;
    font-size: 12px;
    line-height: 22px
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno form>p.form-text span {
    color: #3399cc;
}

#conteudo-menu-interno .wrapper-conteudo .box-form-interno form>p.form-text a {
    color: #333333
}

.table-pedido.table-mobile {
    width: 100%;
    display: none;
}

.table-pedido .pedido-avancar>div>div {
    margin: 0;
}

.table-pedido.table-mobile .pedido-retornar a {
    margin: 0 auto;
    float: none;
}

.table-pedido.table-mobile .pedido-avancar div a.bt-avancar {
    display: block;
    float: none;
    margin: 10px auto 0 auto;
}

.table-pedido.table-mobile .pedido-avancar div.select-forma-entrega {
    float: none;
    margin-top: 20px;
}

.table-pedido.table-mobile .pedido-retornar {
    margin-top: 75px;
}

.table-pedido.table-mobile .pedido-title span {
    text-decoration: none;
}

.tl-falha-comunicacao,
.tl-falha-comunicacao td {
    text-align: center
}

.tl-falha-comunicacao .label {
    font-weight: 400;
    padding: 15px 25px;
    font-size: 15px;
    color: #eb4937;
    background-color: #fff !important;
    border: 1px solid #eb4937;
    margin-top: 6px;
    display: inline-block;
}

.bt-log-devolucao {
    float: right;
    position: relative;
    margin: -3px 10px 0 0
}

.pedido-andar td {
    text-align: center;
}

.pedido-andar__box-bt {
    display: inline-block;
}

a.pedido-andar__bt {
    text-decoration: none;
    font-size: 12px;
    margin: 5px 10px;
    display: block;
    color: #FFFFFF;
    padding: 10px 15px;
    min-width: 120px;
    border-radius: 5px;
    float: left;
}

a.pedido-andar__bt.disabled {
    pointer-events: none;
    opacity: 0.6;
}

a.pedido-andar__bt:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.pedido-andar__bt--avancar {
    background-color: #59B200;
}

.pedido-andar__bt--avancar:hover {
    background-color: #367000;
}

.pedido-andar__bt--retornar {
    background-color: #B10000;
}

.pedido-andar__bt--retornar:hover {
    background-color: #7b0000;
}

div.pedido-avancar {
    margin-top: 20px;
}

a.pedido-andar__bt--pendente {
    text-decoration: none;
    font-size: 12px;
    margin: 5px 10px;
    display: block;
    background-color: #5bc0de;
    color: #FFFFFF;
    padding: 10px 15px;
    min-width: 120px;
    border-radius: 5px;
    float: left;
}

tr.removed td,
tr.removed td strong,
tr.removed td a.link-produto {
    text-decoration: line-through !important;
    color: #cccccc !important;
}

tr.removed.cant-del .is-delete--pp {
    display: none !important;
}

tr.removed td.acoes-col-2 button {
    display: none;
}

tr.with-permission td.acoes-col-2 button {
    display: block;
}

tr.removed td a.img-produto img {
    opacity: 0.3;
}

.tdQnt input,
.tdQnt strong {
    text-align: center;
    width: 70px;
    display: inline-block;
    color: #333333
}

tr.trTotalGeral {
    font-weight: bold
}

tr.trTotalGeral .str {
    text-align: right;
}

.link-aux {
    float: left;
    width: 100%;
    padding-left: 24px;
}

p.link-aux {
    display: block !important;
    border: none !important;
    font-size: 12px !important;
    margin: 0;
}

p.link-aux a {
    text-decoration: none;
}

p.link-aux a:hover {
    text-decoration: underline;
}

a#copy-faixa-cep {
    float: right;
    border: 1px solid #666666;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    color: #666666;
}

a#copy-faixa-cep:hover {
    background-color: #EEEEEE;
}

.item .btn-add-produto span {
    letter-spacing: -1px;
}

#wrapper-alert {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

#wrapper-alert .alert {
    margin: 0 24px 24px 24px;
    width: 100%;
}

.wrapper-alert-absolute {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 350px;
}

.wrapper-alert-absolute .close-alert {
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 5px;
}

.wrapper-alert-absolute .alert-danger .close-alert {
    color: #A94440;
}

.wrapper-alert-absolute .alert-warning .close-alert {
    color: #8a6d3b;
}

.wrapper-alert-absolute .alert-success .close-alert {
    color: #3c763d;
}

.wrapper-alert-absolute .close-alert:hover {
    color: #666666;
}

.modal-multiple-depositos .block_change_status a {
    cursor: default
}

#container-geral .modal-admin-permissoes .table-interna:first-child {
    margin-top: 12px;
}

#container-geral .modal-admin-permissoes .table>thead tr .check-title {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 700;
    text-transform: unset;
}

#container-geral .modal-admin-permissoes .table>thead tr th {
    padding: 0 0 17px 0;
}

#container-geral .modal-admin-permissoes .table>tbody>tr>td {
    border: none;
}

#container-geral .modal-admin-permissoes .table>tbody>tr>td {
    padding: 0 0 18px 0;
}

#container-geral .modal-admin-permissoes input[type=checkbox] {
    cursor: pointer;
}

#container-geral .modal-admin-permissoes input[type=checkbox].check-switch {
    margin-right: 8px;
}

.search-member {
    width: 350px;
    height: 24px;
    border-radius: 5px;
    padding: 10px;
}

/**-------------------------------------------------**/
/******************	breakpoints	******************/
/**-------------------------------------------------**/
@media (max-width: 760px) {
    .dashboard .dashboard-cont .destaque>div>div {
        float: none;
        text-align: center;
    }

    .dashboard .dashboard-cont .destaque>div>span {
        float: none;
    }

    .dashboard .dashboard-cont .destaque>div>span img {
        margin: 0 auto;
    }

    .dashboard .dashboard-cont .destaque {
        height: auto;
    }

    .dashboard .dashboard-cont .destaque>div {
        padding-left: 0;
    }

    .dashboard .dashboard-cont .box-pedidos-efetuados>div {
        width: 50%;
        margin-bottom: 20px;
    }

    .dashboard .dashboard-cont .box-grafico-pedidos .conteudo-box-estatistica {
        height: auto;
    }

    .dashboard-cont .box-ultimos-pedidos .conteudo-box-estatistica {
        height: auto;
    }

    .dashboard .dashboard-cont .box-pedidos-efetuados>div strong {
        text-align: left;
    }

    .dashboard .dashboard-cont .box-pedidos-efetuados>div span {
        text-align: left;
    }

    .dashboard .dashboard-cont .box-pedidos-efetuados>div label {
        text-align: left;
    }

    .dashboard .dashboard-cont .box-pedidos-efetuados {
        border-bottom: 1px solid #ececec;
        margin-bottom: 20px;
    }


    .col-5 {
        width: 100% !important;
    }

    .item>div {
        padding-right: 0;
    }

    #conteudo-menu-interno {
        margin-left: 39px;
    }

    .table .acoes-col-2 .btn,
    .table .acoes-col-3 .btn {
        opacity: 1 !important;
    }

    .table .acoes-col-2 .btn span,
    .table .acoes-col-3 .btn span {
        margin-bottom: 5px;
    }

    #container-geral #busca-avancada #button-busca-avancada .box-right>p span.fa-chevron-down {
        margin-top: 7px;
    }

    #container-geral #wrapper-geral .box-form-anexo .inside>form {
        padding-right: 0;
        padding-left: 0;
    }

    #container-geral #wrapper-geral .box-form-anexo .inside .table-interna {
        margin: 25px 0 20px 0;
    }

    #paginacao-listagem .btn-toolbar .btn-group {
        float: none;
        display: block;
        margin: 0 0 15px 0;
    }

    #paginacao-listagem .btn-toolbar .btn-group:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #paginacao-listagem .btn-toolbar .separador-vertical {
        display: none;
    }

    #paginacao-listagem>div .total-reg {
        float: none;
    }

    #paginacao-listagem .btn-toolbar .listar-itens {
        display: none;
    }

    .login form p span,
    .login form p .fa {
        margin: 0 7px;
    }

    .item.label-value>h6 span.first {
        width: auto;
    }

    .table-pedido {
        display: none !important;
    }

    .table-pedido.table-mobile {
        display: block !important;
    }

    .table-pedido.table-mobile {
        width: 100%;
        text-align: center
    }

    .table-pedido #timeline .status-pedido .conteudo-status {
        width: auto;
    }

    .table-pedido #timeline .status-pedido .img-etapa-pedido {
        width: auto;
    }

    .table-pedido #timeline {
        width: 100%;
    }

    .table-pedido #timeline table {
        margin: 0 10px;
    }

    .table .col-acao-pedido-list a {
        margin-bottom: 5px;
    }

    .table-pedido .pedido-avancar>div>div p {
        margin: 10px auto;
    }

    .table-pedido .status-desktop .label {
        display: none;
    }

    .table-pedido .status-mobile {
        display: inline-block;
        text-align: center;
        margin-bottom: 30px;
        text-transform: uppercase;
        font-style: normal
    }

    .table-pedido .status-mobile .label-info {
        font-size: 90%;
    }
}

@media (max-width: 990px) {
    #wrapper {
        padding-top: 60px;
        height: auto !important;
    }

    .dashboard .box-estatistica {
        padding-right: 0;
    }

    #menu {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        z-index: 999999;
        overflow: hidden;
        width: 250px;
    }

    #menu #topo-menu {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        height: 92px;
        width: 100%;
        z-index: 999;
    }

    #menu #menu-principal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 998;
        height: 100%;
        overflow-x: hidden;
        padding: 110px 0 24px 0;
    }

    #menu ul li a>div {
        max-width: 236px;
    }

    #wrapper #container-geral {
        width: 100%;
    }

    .dashboard .dashboard-cont .destaque {
        border-bottom: 1px solid #ececec;
    }

    .dashboard .dashboard-cont .col-md-3,
    .dashboard .col-xs-3 {
        padding-right: 0;
    }

    .dashboard .dashboard-cont .no-border-xs .destaque {
        border-bottom: none;
    }

    #bt-menu-mobile {
        display: block;
    }

    #container-geral #topo-container>div {
        padding: 12px 12px 12px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #container-geral #topo-container>div .clear {
        display: none;
    }

    #container-geral #topo-container .box-right ul {
        margin: 0;
    }

    #container-geral #topo-container .box-right a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .topo-container {
        left: 0;
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .dashboard #bt-datapicker {
        display: none;
    }

    .dashboard #wrapper-dropdown #escolha-periodo {
        display: none;
    }

    .dashboard #btn-group .divider {
        display: none;
    }

    .dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .box-not-found {
        min-height: 0;
        height: auto;
    }

    .dashboard .dashboard-cont .box-estatistica .conteudo-box-estatistica .box-mais-item {
        min-height: 0;
    }

    .dashboard-cont .box-ultimos-pedidos .conteudo-box-estatistica {
        height: auto;
    }

    .modal-multiple-depositos .modal-dialog {
        margin-top: 67px !important;
    }

    .modal-copy-faixa-cep .modal-dialog {
        margin-top: 67px !important;
    }
}

@media (max-width: 65em) {

    #container-geral #busca-avancada .table tr .separator {
        width: 15px;
    }

    .item em.obs {
        font-size: 10px !important;
        margin-top: 3px !important;
        width: 133px !important;
    }
}

@media (max-width: 70.5em) {
    #container-geral .table .preco-final .search-item {
        width: 60px;
    }

    #container-geral .table .preco-final .search-item input {
        width: 35px;
    }

    #container-geral .table .referencia .search-item input {
        width: 35px;
    }

    #container-geral #busca-avancada .table #container-button-localizar {
        width: 200px;
    }

    #container-geral #titulo-secao #titulo-secao-menu .input-group {
        width: 200px;
    }

    .box-estatistica h2 {
        font-size: 17px !important;
    }

    .dashboard .dashboard-cont .destaque>div>div {
        margin-left: 10px;
    }

}

@media (max-width: 75.375em) {
    form .item em.obs {
        font-size: 10px !important;
        margin-top: 3px !important;
        width: 133px !important;
    }

    .destaques .destaque>div {
        padding: 18px 10px 0 10px;
    }

    .destaques .destaque>div div {
        margin-left: 10px;
    }

    .destaques .destaque>div div h2 {
        font-size: 25px;
        margin-top: 5px;
    }

    .destaques .destaque>div div h5 {
        font-size: 12px;
    }

    .dropdown-wrapper .btn span {
        margin-left: 0 !important;
    }

    .dashboard .destaque>div>div {
        float: left;
        margin-left: 10px;
    }

    .dashboard .box-mais h2 {
        font-size: 13px !important;
    }
}


@media (max-width: 87.75em) {
    .item em.obs {
        width: 143px;
        margin-top: 0;
    }
}


@media (max-width: 93.75em) {}

/**
 * Filtros de relatório
 */

.btn.btn-report {
    margin-bottom: 18px
}

.form-report input[type=submit].btn.btn-primary {
    margin: unset !important;
    margin-top: 16px !important;
    margin-left: 5px !important;
}

.filter-table td.field-label {
    width: 30%;
}

.busca-relatorio #wrapper-fields-busca {
    border-bottom: 1px solid #E9ECEF !important;
}

.busca-relatorio #button-busca-avancada {
    pointer-events: none;
}

.busca-relatorio #button-busca-avancada .box-right {
    display: none;
}

.busca-relatorio .choices {
    display: none;
}

.check-all label {
    margin-left: 6px;
}

.check-all {
    margin-bottom: 10px;
}

.choices {
    background: white;
    border-radius: 4px;
}

.choices .btn-primary,
.choices .btn-default {
    display: inline-block;
    padding: 5px 10px !important;
    font-size: 14px !important;
    float: left;
}

.choices h4 {
    margin: 0;
    text-align: left;
}

.choices .select-wrapper {
    float: right;
    display: inline-block;
    font-size: 14px;
}

.choices .select-wrapper::before {
    content: "\f0c7";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.choices .choice {
    display: inline-block;
    width: 33.3%;
}

.choices .choice label {
    margin-left: 6px;
    line-height: 15px;
    text-decoration: none;
    font-weight: normal;
}

.choices .modal-header {
    background-color: #F5F5F5;
    border-radius: 6px 6px 0 0;
}

.table-interna .select-all {
    margin: 10px 0 0 16px
}

.table-interna .select-all>input {
    float: left;
    margin-top: 9px !important;
}

.table-interna .select-all>span {
    float: left;
    margin: 6px 25px 0 6px;
}

.table-interna .select-all>.container-select {
    float: left
}

.table-interna .select-all .filter-option {
    font-size: 12px;
    line-height: 20px;
}

.box-form-interno>.galeria {
    padding: 0 0 24px 0
}

.box-form-interno .galeria .select-all__gallery {
    margin-left: 5px;
    margin-top: 20px
}

.box-form-interno .galeria .select-all__gallery .btn-primary {
    margin: 0 0 0 10px !important;
    padding: 8px 12px 7px;
    text-transform: uppercase;
    font-size: 12px !important;
}

.box-form-interno .galeria .select-all__gallery .filter-option {
    font-size: 12px;
    line-height: 20px;
}

.box-form-interno .box-form-anexo .galeria {
    padding-top: 0
}

.p_codigo_rastreio {
    border: 1px solid #E9ECEF;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 38%;
}

.p_codigo_rastreio input {
    border: none;
    color: #555;
    background-color: transparent;
    width: 100%;
    text-align: left;
}

.select_empresas_frete {
    border: 1px solid #E9ECEF;
    display: inline-block;
    padding: 6px 6px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 38%;
    margin-top: 15px;
}

.select_empresas_frete select {
    border: none;
    color: #555;
    background-color: transparent;
    width: 100%;
}


#modal-open-sigep {
    z-index: 2 !important;
}

#modal-open-sigep .lightbox-load-content {
    height: auto !important;
}

#modal-open-sigep .content-loaded {
    border-radius: 6px;
    position: relative;
    overflow: hidden
}

#modal-open-sigep .modal-header {
    padding: 10px;
    background-color: #F5F5F5;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#modal-open-sigep .modal-header h4 {
    color: #222B2C;
    font-size: 15px;
}

#modal-open-sigep form#form-etiquetas {
    height: unset !important;
    background-color: #FFF;
}

#modal-open-sigep form .row-fields {
    padding: 20px 10px 0 !important;
}

#modal-open-sigep form .row-buttons {
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 12px
}

#modal-open-sigep form .row-buttons .btn {
    margin-right: 10px;
}

.form-sigep label {
    font-size: 13px
}

.form-sigep #servicosAdicionais {
    height: 99px
}

.form-sigep .form-group {
    margin-bottom: 0;
}

.form-sigep .panel-body {
    padding: 8px 26px;
}

.form-sigep .panel-body .form-group {
    padding: 0 2.5px;
    margin-bottom: 5px;
}

.form-sigep .encomenda>.form-group {
    padding: 0 2.5px;
    padding-right: 0
}

.form-sigep .encomenda label {
    margin-top: 5px;
    font-size: 12px;
}

.form-sigep .encomenda label.label-servico-postagem {
    margin-top: 0
}

#form-plp .encomenda select {
    height: 284px;
}

select.focusCampoSelect {
    border: 1px solid #B10000
}

.modal-estoque-by-barcode .strong {
    font-weight: bold
}

.table>tbody>tr>td.estoque-promocao-inativo {
    color: #808080
}


@media (min-width: 768px) {
    .modal-multiple-depositos .modal-dialog {
        width: 80%;
    }
}


.modal-msg {
    z-index: 1051
}

.item .bt-interno {
    padding: 0 6px;
}

.bt-interno {
    border: 1px solid #428bca;
    border-radius: 3px;
    padding: 2px 6px;
    margin-left: 6px;
    font-size: 11px;
}

.bt-interno:hover {
    background-color: #428bca;
    text-decoration: none;
    color: #FFF !important
}

.bt-interno.bt-danger {
    border-color: #d9534f;
    color: #d9534f
}

.bt-interno.bt-danger:hover {
    background-color: #d9534f;
}

.bt-interno.bt-success {
    border-color: var(--success-color);
    color: var(--success-color)
}

.bt-interno.bt-success:hover {
    background-color: var(--success-color);
}

.removed-payment {
    position: relative;
}

.removed-payment span {
    font-size: 9px;
    display: inline-block;
    position: relative;
    top: -1px;
    padding: .3em .6em .4em;
    margin-left: 4px;
}

.selectListControl {
    position: relative;
    float: left
}

.selectListControl a {
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0 5px 4px 6px;
    display: block;
    line-height: 10px;
    margin-top: 3px;
    color: #b4b2b2;
}

.selectListControl:hover>a {
    position: relative;
    background-color: #FFF;
    border: 1px solid #b4b2b2;
    border-bottom-color: #ffffff;
    z-index: 2;
}

.selectListControl ul {
    margin-top: -1px;
    position: absolute;
    display: none;
    right: 0;
    background-color: #FFF;
    border: 1px solid #b4b2b2;
    z-index: 1;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    width: 150px;
    padding: 4px 0 6px;
}

.selectListControl ul li {
    font-size: 13px;
    padding: 2px 3px;
}

.selectListControl ul li a {
    text-decoration: none;
}

.selectListControl ul li a:hover {
    color: #333333;
}

.selectListControl ul li a span {
    display: inline-block;
    margin-right: 4px;
}

.selectListControl:hover ul {
    display: block;
}

#box-estoque .box-left.add-element {
    padding-bottom: 14px;
}

#box-estoque #cadastro {
    border-top: 1px solid #D2D6DA;
    padding-top: 15px;
}

.modal-add__csv .modal-body {
    padding-top: 10px
}

.modal-add__csv label {
    display: block;
    color: #3399cc;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px
}

.modal-add__csv select {
    width: 100%;
    height: 36px
}

.modal-add__csv .modal-input span {
    margin: 0
}

.modal-add__csv .modal-input span input {
    line-height: 7px;
    padding: 8px 0;
    position: relative;
    overflow: hidden;
}

.modal-add__csv .modal-input.input-text span {
    margin: 2px 10px;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
    width: 160px;
}

.custom-file-input::before {
    content: 'Selecione o arquivo';
    display: inline-block;
    border-radius: 0;
    padding: 15px 12px 14px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 10pt;
    position: absolute;
    top: -1px;
    left: -1px;
    color: #fff;
    background-color: var(--success-color);
    border-color: var(--success-color);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.list-item-plus {
    text-decoration: none !important;
}

.list-item-plus:hover {
    color: #656565;
}

.ui-autocomplete {
    padding: 2px !important;
    border-radius: 4px;
    border: 1px solid #dddddd;
    background: #FFFFFF 50% top repeat-x;
    z-index: 1051 !important;
}

.ui-autocomplete .ui-menu-item {
    text-decoration: none;
    display: block;
    padding: 5px 7px;
    line-height: 1.5;
    zoom: 1;
    color: #3399cc;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    border-radius: 4px;
}

.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-state-focus {
    border: 1px solid #ecfefe !important;
    background: #F1F8FE 50% 50% repeat-x !important;
}

.custom-autocomplete-product {
    display: block
}

.custom-autocomplete-product>img {
    float: left;
    margin-right: 10px
}

.custom-autocomplete-product>img.with-attr {
    margin-top: 9px
}

.custom-autocomplete-product>div {
    float: left
}

.custom-autocomplete-product>div p {
    margin: 0
}

.bts-form-container {
    border-top: 1px solid #D2D6DA;
    margin-bottom: 4px;
    margin-top: 20px;
    padding-bottom: 0;
    padding-right: 10px;
}

.bt-clonar-fotos-conjunto {
    position: absolute;
    right: 25px;
    top: 25px;
}

.modal-load-photos .modal-body {
    padding: 0 10px 20px
}

.modal-load-photos .modal-dialog {
    width: 800px
}

#formClonarPhotos h3 {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    float: left
}

#formClonarPhotos a.bt-interno {
    float: right;
    margin-top: 18px;
    margin-right: 10px;
}

#formClonarPhotos div.item {
    float: left;
    width: 25%
}

#formClonarPhotos div.item div.border-rounded {
    padding: 10px;
    border: 1px solid #E9ECEF;
    margin: 10px 5px 0 5px;
}

#formClonarPhotos div.item div img {
    width: 100%
}

#formClonarPhotos div.item div .box-check {
    position: absolute
}

#formClonarPhotos div.item div .box-check>div {
    margin-left: 3px;
    display: inline-block;
    padding: 3px 7px 4px;
    background-color: #eeeeee;
    border: 1px solid #E9ECEF;
    border-radius: 5px;
    font-size: 11px;
    color: #3399cc;
    margin-top: 5px;
    position: relative
}

#formClonarPhotos div.item div .box-check>div.checkbox-atributo {
    display: none
}

#formClonarPhotos div.item div .box-check>div input {
    position: absolute;
    margin-top: 2px;
}

#formClonarPhotos div.item div .box-check>div span {
    padding: 0 0 0 17px
}

#formClonarPhotos .bts-form-container {
    margin-left: 10px;
    margin-right: 10px
}

.tag-attrs {
    position: absolute;
    bottom: 6px;
    right: 1px;
}

.tag-attrs span {
    cursor: default;
    background-color: #428bca;
    border-color: #357ebd;
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 0 2px;
}

.title-importador {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

#container-geral #wrapper-geral .relatorios-secao:nth-child(2) {
    border-radius: 0 0 16px 16px;
}

#container-geral #wrapper-geral .relatorios-secao {
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 0 23px 27px 0 #0000000D;
}

#container-geral #wrapper-geral .relatorios-secao .inside {
    padding: 15px;
    border-radius: 0;
    background-color: unset;
    box-shadow: unset;
}

.relatorios .relatorios-secao:not(:last-child) {
    margin-bottom: 20px;
}

#container-geral #wrapper-geral .title-form.relatorios-titulo-secao {
    font-size: 17px;
    font-weight: 500;
    padding: 8px 10px;
}

.relatorios a,
.relatorios a:link,
.relatorios a:hover {
    text-decoration: none;
    color: #333;
}

.relatorios .relatorios-item {
    padding: 0 10px;
    margin: 10px auto;
}

.relatorios .relatorios-item a {
    padding: 15px;
    border: 1px solid #E3E3E3;
    display: block;
    border-radius: 4px;
    height: 105px;
}

.relatorios .relatorios-item a:hover {
    border-color: #888;
    background-color: rgba(0, 0, 0, 0.03);
}

.relatorios .relatorios-nome {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.relatorios .relatorios-descricao {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


@media screen and (max-width: 1024px) {
    .relatorios .relatorios-descricao {
        -webkit-line-clamp: 4;
        font-size: 12px;
    }

    .relatorios .relatorios-nome {
        font-size: 15px;
    }

    .relatorios .relatorios-item a {
        height: 110px;
        padding: 12px;
    }
}

@media screen and (max-width: 768px) {
    .relatorios .relatorios-item a {
        height: 100px;
    }
}

@media screen and (max-width: 480px) {
    .relatorios .relatorios-item {
        width: 100%;
    }

    .relatorios .relatorios-item a {
        height: auto;
        min-height: 60px;
    }
}

.with-options {
    position: relative;
    cursor: pointer;
}

.with-options .icon {
    position: relative;
    border: 1px solid transparent;
    padding: 5px 8px;
    top: -7px;
    right: -9px;
    z-index: 2;
}

#container-geral #titulo-secao #titulo-secao-menu .bt.with-options span:hover {
    color: #b4b2b2 !important;
}

.with-options:hover .options {
    display: block;
}

.with-options:hover .icon {
    background-color: #FFF;
    border: 1px solid #b4b2b2;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.with-options .options {
    display: none;
    position: absolute;
    right: -9px;
    background-color: #FFF;
    border: 1px solid #b4b2b2;
    top: 29px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px 6px 6px;
}

.with-options .options li {
    padding: 3px 1px;
}

.with-options .options a {
    display: block;
    text-align: right;
    line-height: 14px;
    margin-top: 3px;
    color: #b4b2b2;
    font-size: 13px;
}

.with-options .options a:hover {
    color: #333333;
    text-decoration: none;
}

.with-submenu {
    position: relative;
}

.with-submenu:hover .submenu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.submenu-bt {
    cursor: pointer;
    padding: 0 5px;
}

.submenu {
    opacity: 0;
    z-index: -999;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    padding: 28px 5px 0 0;
    min-width: 217px;
}

.submenu-items {
    padding: 17px 23px;
    background-color: #ffffff;
    box-shadow: 0px 8px 26px -4px #14141426;
    border-radius: 8px;
}

.submenu-items a {
    font-weight: 600;
    font-size: 12px;
    line-height: 16.34px;
    color: #67748E;
    white-space: nowrap;
    padding: 5px 0;
    display: block;
}

.dashboard.block-financeiro .box-pedidos-efetuados .box-valores {
    display: none;
}

.dashboard.block-financeiro .dashboard-cont .box-pedidos-efetuados>div {
    width: 25%;
}

.dashboard.block-financeiro .resumo-faturamento {
    display: none;
}

.dashboard.block-financeiro .conteudo-box-estatistica-resumo .resumo-item {
    width: 50%;
}

.modal-pp-img .modal-body {
    padding: 0;
}

.navigator {
    float: right;
    border-left: 2px solid #EDEEEF;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 3px;
    padding-top: 2px;
}

.navigator a {
    margin: 0 1px;
    color: #b4b2b2;
}

.navigator a:hover {
    color: #666666
}

.navigator span {
    display: inline-block;
    margin: 0 1px;
}

.navigator span.disable {
    color: #EDEEEF;
    cursor: default
}

.bullet-in-icon {
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    background-color: #59b200;
    z-index: 1;
    border-radius: 5px;
    top: -3px;
    right: -5px;
    border: 2px solid #FFF;
}

#paginacao-listagem {
    position: relative
}

#paginacao-listagem>div.box-acao-lote {
    padding-left: 15px;
    float: left;
    padding-bottom: 0;
}

.select-all {
    margin: 0
}

.select-all>input {
    float: left;
    margin-top: 9px !important;
}

.select-all>span {
    float: left;
    margin: 6px 25px 0 6px;
}

.select-all>.container-select {
    float: left
}

.has-lote .btn-toolbar {
    padding-left: 300px
}

.modal-default-msg {
    z-index: 1051
}

.pct-disponibilidade {
    width: 50%;
    margin-bottom: 25px
}

.pct-disponibilidade .item {
    float: left;
    width: 25%
}

.pct-disponibilidade .item .col-5 {
    width: 100% !important;
}

.grupo-parametro td {
    background-color: var(--text-color) !important;
    color: #FFF !important;
    text-transform: uppercase;
}

.info-contexto {
    text-align: center;
}

.info-contexto span {
    font-size: 18px !important;
    color: #b4b2b2
}

.modal-position .modal-dialog {
    width: 95%;
    max-width: 1200px;
}

.modal-position .position-msg {
    font-size: 15px;
    color: #333;
    font-weight: 600;
}

.modal-position .position-img__wrapper {
    position: relative;
}

.modal-position .position-img {
    width: 100%;
    display: block;
    box-sizing: border-box
}

.modal-position .position-pointer {
    width: 35px;
    height: 35px;
    background-color: #0D3F3A;
    display: inline-block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    z-index: 2;
    line-height: 35px;
    color: #f0f0f0;
    font-size: 25px;
    text-align: center;
    transition-property: left, top;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    pointer-events: none;
}

.modal-position .position-pointer:hover {
    opacity: 0.8;
}

.modal-pp-img .modal-body {
    padding: 0;
}

.modal.modal-add {
    z-index: 1045;
}

.info-carrinho span {
    font-size: 18px !important;
    color: rgb(45, 56, 59)
}

.info-carrinho span:hover {
    color: #000000
}


.datepicker.dropdown-menu {
    z-index: 1051;
}

.td--email {
    max-width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bck-overlay-img img {
    object-fit: contain;
    display: block;
    width: 100%;
}

.btn-icon-info {
    padding: 5px !important;
    color: #428bca;
}

.btn-icon-info:hover {
    color: #2a6496 !important;
}

.btn-icon-info i {
    padding: 3px 7px;
    border-radius: 100%;
    border: 1px solid #428bca;
}

.btn-icon-info:hover i {
    border-color: #2a6496;
}

.modal--msg-navigation .buttons-wrapper {
    margin: 20px 0;
}

.modal--msg-navigation .buttons-wrapper button {
    margin: 0 5px;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog {
    width: 90%;
    max-width: 432px;
    margin: 0 auto;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .modal-header {
    display: flex;
    justify-content: space-between;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .alert {
    padding: 10px;
    margin-bottom: 10px;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .alert p {
    font-size: 13px;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog form {
    margin-left: 0;
    width: 100%;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog form .item {
    padding-left: 0;
    margin-bottom: 15px;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog form .item.actions-form {
    margin-top: 10px;
    margin-bottom: 0;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .item .form-container {
    width: 100%;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .item .form-container .form-control.this-is-file {
    flex-shrink: unset;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .item .form-container .pull-left {
    flex-direction: column;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .item .form-container .pull-left .btn {
    padding: 8px 12px;
}

#container-geral #wrapper-geral .inside .modal-form-anexo .modal-dialog .item .form-container .pull-left .btn span {
    font-size: 10px;
}

.empty-box {
    min-height: 45vh;
    color: #67748E;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 56px 0;
}

.empty-box .empty-img {
    margin-bottom: 24px;
}

.empty-box p {
    margin-bottom: 0;
}

.empty-box .adicionar-item.bt {
    position: relative;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--info-color);
    height: 36px;
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 8px 24px;
    gap: 8px;
    border-radius: 8px;
    text-decoration: none;
}

.empty-box .adicionar-item.bt:hover {
    background: linear-gradient(270deg, #0E4596 0%, #123261 100%);
    color: #ffffff;
}

.empty-box .adicionar-item.bt i {
    font-size: 16px;
}

.anexo-veiculos .item-file .item-galeria{
    width: 150px;
}

#modal-cadastrar-debitos label {
    color: #343f59;
}

.charge-on:hover, .amount-divide:hover {
    cursor: pointer;
    color: #6c6c6c;
}

.arquivo-baixar, .pendentCredits{
    color: #333333;
    cursor: pointer;
}

.btn-receivables-show-endorsments {
    margin-top: 1rem;
    cursor: pointer;
}

.close-charge {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0.5rem;
    border-radius: 1.5rem;
}

.btn-delete-charges {
    margin-bottom: 0.5rem;
}

.btn-delete-charges:hover {
    background-color: #f8f6f6;
}
.condensation-tables {
    margin-top: 1rem;
    display: grid;
    gap: 3rem;
}

.condensation-table {
    display: grid;
    border-top: 1px solid #E4E7EC;
    border-bottom: 1px solid #E4E7EC;
}

.condensation-label {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #123261 0%, #0E4596 100%);
}

.condensation-table h4 {
    padding: 0.5rem;
    text-transform: uppercase;
    color: #ffff;
}

.condensation-table td, .condensation-table th {
    padding: 0;
    height: 100%;
}

.cell-content {
    display: flex;
    align-items: center;
    padding: 1.5rem 1rem;
    height: 100%;
    min-height: 2.5rem;
}

.condensation-table table {
    width: 100%;
}

.condensation-table tbody tr {
    border-bottom: 1px solid #E4E7EC;
    border-top: 1px solid #E4E7EC;
}

.condensation-table tbody td:not(:last-child),
.condensation-table thead th:not(:last-child),
.condensation-table tfoot td:not(:last-child) {
    border-right: 1px solid #E4E7EC;
}

.condensation-head tr {
    background-color: rgba(230, 230, 232, 0.54);
}

.condensation-footer tr {
    background-color: rgba(230, 230, 232, 0.54);
}

.condensation-body tr {
    height: 2.5rem;
}

.condensation-table tfoot td {
    background-color: rgba(230, 230, 232, 0.54);
    font-weight: bold;
}

.debit-totals-actions, .credit-totals-actions {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
}

.charges-title-form {
    display: flex;
    align-items: center;
    gap: 38rem;
}

.receivable-line .inscription-line {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px; !important;
    height: 59px; !important;
}

@media screen and (min-width: 1024px) {
    .modal-multiple-depositos .modal-dialog {
        width: 80%
    }
}

@media screen and (min-width: 768px) {
    .modal-busca-avancada .modal-dialog {
        width: 370px;
    }
}

@media screen and (max-width: 1280px) {
    #container-geral #wrapper-geral.inside-form-with-menu .inside .item .form-container {
        width: 100%;
        align-items: flex-start;
    }

    #container-geral #wrapper-geral .inside .item .form-container .form-control.this-is-file {
        flex-shrink: unset;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #menu {
        flex-shrink: 0;
    }

    #container-geral {
        padding-left: 0;
        width: 100% !important;
        padding-right: 24px;
    }

    #container-geral #wrapper-geral {
        padding-left: 0;
    }

    #container-geral #wrapper-geral .inside-content {
        margin: 0;
    }

    #container-geral .row {
        margin: 0;
    }

    #container-geral #titulo-secao .box-left .box-title {
        margin-right: 8px;
    }

    #container-geral #titulo-secao #titulo-secao-menu .btn {
        margin-right: 0;
    }
}

@media screen and (max-width: 990px) {
    #container-geral {
        padding: 0 24px !important;
    }

    #container-geral #busca-avancada {
        display: none;
    }

    #container-geral #busca-avancada.busca-avancada-mobile {
        display: block !important;
        width: 100%;
        margin-top: 8px;
    }

    #container-geral #busca-avancada .busca-avancada-topo {
        justify-content: flex-start;
    }

    #container-geral #titulo-secao #titulo-secao-menu>div {
        gap: 14px;
    }

    #container-geral .inside-content .table table {
        /* border: 0; */
    }

    #container-geral .inside-content .table table caption {
        /* font-size: 1.3em; */
    }

    #container-geral .inside-content .table table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    #container-geral .inside-content .table table tbody {
        display: flex;
        flex-wrap: wrap;
    }

    #container-geral .inside-content .table table tr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #container-geral .inside-content .table table tr:nth-child(odd) td {
        background-color: #f1f8fe !important;
    }

    #container-geral .inside-content .table table td {
        border-bottom: none;
        font-size: 12px;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 24px !important;
        background-color: #ffffff !important;
        width: 100%;
    }

    #container-geral .inside-content .table table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
    }

    #container-geral .inside-content .table table td:last-child {
        border-bottom: 0;
    }

    #container-geral .inside-content .table table td p {
        margin: 0;
    }

    #container-geral .inside-content .table table td.acoes-col-2>div {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #container-geral .inside-content .table table td.acoes-col-2 a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 40px;
    }

    #container-geral .inside-content .table table td.acoes-col-2 .clear {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #menu-interno {
        width: 120px;
    }

    #container-geral #wrapper-geral.inside-form-with-menu #menu-interno {
        left: 9px;
    }

    #container-geral #wrapper-geral.inside-form-with-menu #conteudo-menu-interno {
        margin-left: 129px;
    }

    #container-geral #wrapper-geral.inside-form-with-menu #wrapper-alert {
        margin-left: 129px;
    }

    .modal-tb {
        width: 95%;
        margin: 0 auto;
    }

    .modal-multiple-depositos .modal-dialog {
        width: 95%
    }

    #container-geral #wrapper-geral .inside .item {
        width: 100%;
    }

    #container-geral #titulo-secao .box-left {
        flex-direction: column;
        align-items: flex-start;
    }

    #container-geral #busca-avancada {
        margin-top: 8px;
    }

    #container-geral #titulo-secao .box-left .box-title {
        margin-right: 0;
    }

    #container-geral #wrapper-geral .inside .item .form-container {
        width: 100%;
        align-items: flex-start;
    }

    #container-geral #wrapper-geral .inside .item .form-container .form-control.this-is-file {
        flex-shrink: unset;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left {
        flex-shrink: unset;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left em.obs {
        width: unset !important;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left {
        flex-wrap: wrap;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left .clear {
        display: none;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left .btn {
        padding: 6px;
        width: 140px;
        font-size: 11px;
    }

    #container-geral #wrapper-geral .inside .item .form-container .pull-left .btn i {
        display: none;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table tr {
        display: flex;
        flex-wrap: wrap;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table tr:first-child {
        display: none;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td {
        width: 100%;
        height: unset;
        padding: 12px 8px;
        border-top: unset;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td:first-child {
        background-color: #d2d6da;
        font-weight: 700;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td>div div span {
        display: block;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td>span {
        display: block;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td.td-radio {
        display: flex;
        width: 100%;
    }

    #container-geral #wrapper-geral .inside .grid-veiculos table td.td-radio>div {
        width: 100%;
    }
}

.modal-estorno-parcial .container-orders-customer>.item {
    margin-top: 15px;
}

.modal-perceiro-form {
    margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
    #container-geral {
        padding: 0 !important;
    }

    #container-geral #wrapper-geral .inside-content {
        border-radius: 0;
    }

    #container-geral #wrapper-geral .inside {
        padding: 16px;
        border-radius: 0;
    }

    #container-geral #titulo-secao {
        padding: 16px;
        border-radius: 0;
    }

    #container-geral #wrapper-geral .box-form-anexo {
        margin-top: 1px;
    }

    #container-geral #wrapper-geral .box-form-anexo .inside {
        border-radius: 0;
    }

    #container-geral #wrapper-geral.inside-form-with-menu #conteudo-menu-interno {
        margin-top: 0;
    }

    #container-geral #wrapper-geral.inside-form-with-menu .inside-content {
        border-radius: 0;
    }

    #paginacao-listagem {
        border-radius: 0;
    }
}

@media screen and (max-width: 480px) {
    .login #box>div>div {
        padding: 32px 16px;
    }

    #container-geral #wrapper-geral .inside .item.actions-form {
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 16px;
    }

    #container-geral #wrapper-geral .inside .item.actions-form .btn {
        width: 100%;
    }
}