div.front-button {
    cursor: pointer;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    margin: 5px;
    max-width: 150px;
    max-height: 150px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

div.front-button:hover {
    background-color: #dfe6e9;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    box-shadow: 2px 2px 5px #b2bec3;
}

#logo_asaas{
    max-width: 200px;
}

a {
    color: #62a8ea;
    text-decoration: none;
    cursor: pointer;
}


#tableQuadrasTotal tr td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: rgb(126, 125, 125);
    border-color: rgb(112, 112, 112);
    color: #fff;
    z-index:4;
}

#variaveis_contrato {
    background-color: #FFFAE7;
    border-color:#FFFAE7;
    font-family: Arial, Helvetica, sans-serif;
    color:#2f5f75 !important;
    font-size: 11px !important;
}

.lotes
{
    /* 11% são 8 col e 20% são 4 */
    float:left;
    width:20%;
    height:200px;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    margin: 2px;
    background-color: #f8f8f8;
    box-shadow: 1px 1px 0 #bbb;
   -webkit-box-shadow: 1px 1px 0 #bbb;
   -moz-box-shadow: 1px 1px 0 #bbb;
}

.lotestit
{
    width:100%;
    height:10%;
    background-color: #e5e5e5;
    float:left;
    box-shadow: 0 1px 0 #bbb;
   -webkit-box-shadow: 0 1px 0 #bbb;
   -moz-box-shadow: 0 1px 0 #bbb;
}

.lotescor
{
    width:100%;
    height:90%;
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}

.Vendido
{
 font-size: 20px;
 color: red;
 text-align: center;
 margin-top: 20px;
 font-weight: bold;
}

.Disponível
{
 font-size: 20px;
 color: green;
 text-align: center;
 margin-top: 20px;
 font-weight: bold;
}

.Reservado
{
 font-size: 20px;
 color: rgb(2, 64, 102);
 text-align: center;
 margin-top: 20px;
 font-weight: bold;
}

.Bloqueado
{
 font-size: 20px;
 color: rgb(179, 179, 22);
 text-align: center;
 margin-top: 20px;
 font-weight: bold;
}

.Excluído
{
 font-size: 20px;
 color: black;
 text-align: center;
 margin-top: 20px;
 font-weight: bold;
}

h2.welcome{
    margin: 5px 5px;
    padding: 10px;
}

div.front-button > img{
    position: relative;
    max-height: 60%;
    max-width: 60%;
}

div.front-button > label{
    color: black;
    margin-top: 5px;
}
div.front-button > label:hover{
    cursor:pointer;
}

div.panel-body {
    color: navy;
}

.border-div {
    border-width: 1px;
    border-color: navy;
    border-top-style: dotted;
}

.border-top-div {
    border-top: 1px #A0A0A0 dotted;
}

.border-left-div {
    border-left: 1px #A0A0A0 dotted;
}

.border-right-div {
    border-right: 1px #A0A0A0 dotted;
}

.btn-default {
    color: #FFFFFF;
    background-color: #76838f;
    border-color: #A0A7AE;
}

.btn-url{
    background:#089E8F;
    color:#FFF;
}
.btn-url:hover{
    color:#FFF;
    background:#0cb9a8;
    text-decoration: underline;
}

.btn-url-t2{
    background:#768796;
    color:#FFF;
}
.btn-url-t2:hover{
    color:#FFF;
    background:#5c6b77;
    text-decoration: underline;
}


.btn-baixa{
    background:#9ECE67;
    color:#FFF;
}
.btn-baixa:hover{
    color:#000;
}
.panel-body {
    background-color: rgba(218, 242, 250, 0.78); /*#DAF2FA*/
    color: #484849;
}

.panel-body.bg-white{
    background-color: #FFFFFF !important;
}

.table a {
	text-decoration:none;
    color: navy;
}

.table a i.glyphicon-plus{
    color: #62a8ea;
}

.table a i.glyphicon-minus{
    color: #f2a654;
}


td i.glyphicon-print{
    color: #595959;
}

.table a i.wb-copy, .dx-datagrid-custom a i.wb-copy{
    color: #3583CA;
}

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

.table>tfoot>tr>th, .table>thead>tr>th {
    color: #fbfbfb;
    background-color: #ad5a04;
}

.table {
   color: #002A45;
}

.table td {
    padding:7px; border:#ad5a04 1px solid;
}

.table tr {
    background: #fbfbfb !important;
}

.table tr:hover, .dx-datagrid-rowsview table.dx-datagrid-table tr:hover {
    background-color: #ffff99 !important;
    cursor: pointer;
}

.clear{
    clear: both;
}

.maskMoney, .numeric, .right, .maskMoney3, .maskMoney4 {
    text-align: right;
}

.wdt-120{
    width: 120px;
}

.bck-gr-yellow{
    background-color: #F8E59B !important;
    font-weight: 500;
}

.bck-gr-green{
    background-color: #e7ffdb !important;
    font-weight: 400;
}

.bck-gr-codcontab{
    background-color: #caefb7 !important;
    font-weight: 500;
}

.tips-input{
    margin: 0 0 -15px;
    color: #4d0000;
    font-weight: 400;
}

a.panel-title:hover{
    cursor: pointer;
}

.table-totais-fator{
    border: 2px solid #000 !important;
    font-size: 22px;
}

.font-warning{
    color: #f96868;
}

.bold{
    font-weight: bold !important;
}

.nav-tabs>li>a{
    background-color: #f2a654;
    border-bottom-color: #f2a654;
    color: white;
}

.nav-tabs>li>a:hover{
    color: #526069;
}

.alert li{
    color: #526069;
    font-weight: 500;
}

tfoot tr{
    border-top: 1px solid #4397e6
}

i.icon.desfazer_baixa{
    cursor: pointer;
}

.toast-message{
    font-weight: 500;
}

fieldset {
    border: 1px solid black;
    margin: 10px;
    padding: 5px 10px;
    clear: both;
}

fieldset > fieldset {
    margin: 10px;
}

fieldset > legend {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    padding: 5px 10px;
    line-height: 16px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    border: 1px solid white;

    margin-left: 10px;
    margin-bottom: 5px !important;

    text-align: left;
    color: #000;
    background: #fff;

    width: auto !important;
    font-size: 14px;
}

.full-border > tbody > tr > td, hr , .full-border > thead > tr > th{
    border: 1px solid #A0A0A0 !important;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr2 {
    /*color: #A0A0A0 !important;
    background-color: #A0A0A0 !important;
    height: 1px !important;
    margin: 10px 0px 0px 0px !important;*/
    width:100%;
    border-bottom: 1px solid #A0A0A0 !important;
    margin:5px 0;
}

.without-margin{
    margin: 0;
}

.height-200-scroll{
    max-height: 250px;
    overflow-y: scroll;
}

.alert li{
    color: #FFF;
    font-weight: 500;
}

tfoot tr{
    border-top: 1px solid #4397e6
}

i.icon.desfazer_baixa{
    cursor: pointer;
}

.toast-message{
    font-weight: 500;
}

tr.asSelectable td{
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.ui-autocomplete {
    z-index: 4000;
}

.navbar{
    margin-bottom: 0 !important;
}

body.site-navbar-small{
    padding-top: 0px !important;
}

.dropdown-menu-principal{
    max-height: 400px;
    overflow-y: scroll;
    max-width: 360px !important;
}

.dropdown-menu-principal li{
    padding: 0 5px;
    margin: 2px 0;
}

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

.dropdown-menu-principal li a {
    padding: 8px 15px;
    border-radius: 3px;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
}

.dropdown-menu-principal li a:focus, .dropdown-menu-principal li a:hover {
    color: #76838f;
    text-decoration: none;
    background-color: #f3f7f9;
}

.icon-alert {
    width: 1.5em !important;
}

.btn-descontar-todos{
    margin-top: 27px;
}

.form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.selectAllColumn{
    cursor: pointer;
}

.mCustomScrollbar{
    overflow: visible;
}

.center{
    text-align: center;
}

table.table-bordered.cli-dados tbody td{
    border: 1px solid #A0A0A0 !important;
}

.status-blue{
    font-weight: 500;
    color: #62A8EA;
}

.status-green{
    font-weight: 500;
    color: #426D25;
}

.status-red{
    font-weight: 500;
    color: #F96868;
}
.form-group{
    margin: 3px 0px 3px 0px;
}

.home-user-data {
    padding-top: 60px;
}

.main-user-drop {
    white-space: nowrap;
    text-align: right;
    float: left;
    color: white;
    margin: 6px 10px 6px 10px;
    font-size: 11;
}
@media (max-width: 767px) {
    .main-user-drop {
        color:rgba(82,96,105,.9);
    }
}
.tooltip-inner {
    text-align: center !important;
    font-size: 14px;
}

/* Tooltip text */
.tooltip {
  background-color: black;
}

.btn-sm-icon {
    padding: 5px;
    line-height: 1em;
}

.help-icon i{
    color: #FFF;
    font-size: 14px;
}

.bootstrap-table .table > tbody > tr > td {
    white-space: nowrap;
}

.ok-status, .glyphicon-ok-sign{
    color: #36AB7A;
    font-size: 15px;
}

.glyphicon-question-sign, .warning-status{
    color: #EB6709 !important;
    font-size: 15px !important;
}

.bad-status, .glyphicon-exclamation-sign, .glyphicon-remove-sign{
    color: #F96868;
    font-size: 15px;
}

.glyphicon-share-alt{
    color: #62A8EA;
    font-size: 15px;
}

.glyphicon-warning-sign, .glyphicon-flag{
    color: #F2A654;
    font-size: 15px;
}

.glyphicon-eye-open{
    color: #eb6709;
    font-size: 15px;
}

.glyphicon-eye-close{
    color: #F0625B;
    font-size: 15px;
}

.glyphicon-retweet{
    color: #F2A654;
    font-size: 15px;
}
.glyphicon-lock{
    color: #ff944d;
    font-size: 15px;
}

.glyphicon-asterisk{
    color: #0bb2d4;
    font-size: 15px;
}

.glyphicon-ok{
    color: #008C4D;
    font-size: 15px;
}
.glyphicon-remove{
    color: #E62020;
    font-size: 15px;
}

.glyphicon-print, .glyphicon-edit, .glyphicon-list-alt, .wb-copy{
    font-size: 15px;
}

.uppercase{
    text-transform: uppercase;
}

.glyphicon-info-sign.contratos{
    font-size: 14px;
    color: #AAAAAA;
}

.glyphicon-info-sign.contratos:hover{
    color: #55474F;
    cursor: pointer;
}

.border-top-menu{
    border-top: 1px solid #CCC;
}

.form-control[readonly]{
    cursor: not-allowed;
    pointer-events: none;
    background: #eee !important;
}

.disabled-a{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}
.not-active{
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    opacity: 0.4;
}

/* CSS para tornar um select2 "readonly" */
select[readonly] + .select2-container {
    pointer-events: none !important;
}
select[readonly] + .select2-container .select2-selection {
    background: #eee !important;
    box-shadow: none !important;
}

/* CSS para tornar um selectpicker "readonly" */
.btn-group.bootstrap-select.readonly {
    pointer-events: none !important;
}
.btn-group.bootstrap-select.readonly .btn {
    background: #eee !important;
    box-shadow: none !important;
}

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

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

.top-26{
    margin-top: 26px;
}

.top-33{
    margin-top: 33px;
}

.bold-500{
    font-weight: 500;
}

p.hint{
    margin: 0px !important;
    color: #595959;
    font-size: 12px;
    font-weight: 400
}

p.hint2{
    margin: 0px !important;
    color: #928e8e;
    font-size: 12px;
    font-weight: 400
}

.ui-autocomplete-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.form-control.maskTime, .form-control.maskdate{
    padding: 4px 8px !important;
}

input.labelauty + label{
    color: #FFFFFF !important;
    font-weight: 500 !important;
    background-color: #A1A1A1 !important;

}

input.labelauty:checked + label{
    background-color: #46BE8A !important;

}

/*input.labelauty + label > span.labelauty-checked-image, input.labelauty + label > span.labelauty-unchecked-image{
    width: 100%;
    text-align: center;
}
*/
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{
    white-space: nowrap;
}

.fixed-table-container tbody .selected td{
    background-color: #ACD57C;
    color: #37474f;
    font-weight: 500;
}

.resumo-locacao label, .resumo-locacao p.hint{
    color: #ffffff !important;
    font-weight: 500 !important;
}

.ui-autocomplete-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

#tbl-servicos-os i.icon.wb-trash, #tbl-obs-cliente i.icon.wb-trash {
    cursor:pointer;
}

.glyphicon-usd, table .fa-money, form span .fa-money, .bootstrap-select li a span.fa-money{
    color: #008C4D;
}

.fa-money, .ti-clip{
    font-size: 16px;
}

.fa-lock{
    font-size: 15px;
}

table .fa-lock{
    color: #d26f1a;
}

.glyphicon-question-sign{
    color:#7d7d7d;
}
.glyphicon-warning-sign{
    color:rgb(242, 166, 84);
}
table#locacao-servico-adicional tr{
    cursor: pointer;
}

tr.selected{
    background-color: #5CD29D;
}

.button-excel {
    background-color: #01723B;
    border: none;
    color: #fff;
}

.button-excel:hover {
    background-color: #1CA562;
    color: #fff;
    border: none;
}

.button-excel:focus {
    background-color: #1CA562;
    color: #fff;
    border: none;
}

#side-btn{
    position: fixed;
    right: 15px;
}

#side-btn button{
    border-radius: 0px !important;
}

/* ESTILO DOS BOTÕES DE CANTO: autorização, auditoria e chat */
#btn-modal-autorizacao button, #btn-modal-auditoria, #btn-modal-log, #md-chat-widget.minimized{
    width:45px !important;
    height:45px !important;
    font-size:24px !important;
    color:#FFF;
}
#btn-modal-autorizacao {
    position: fixed;
    right: 13px;
    bottom: 110px;
}
#btn-modal-auditoria, #btn-modal-log {
    position: fixed;
    right: 13px;
    bottom: 60px;
    background-color:rgb(0, 204, 255) !important;
}
#md-chat-widget.minimized {
    border-radius:100% !important;
    text-align:center;
}
#md-chat-widget.minimized .md-chat-icon-chat1 {
    padding:0px !important;
    text-align:center !important;
    margin-top:7px;
}

/*organiza os botões do filtro para a versão responsiva, utilizar quanto tiver muitos botões juntos*/
@media screen and (max-width: 767px) {
    .group-btn-mobile{
        text-align: center !important;
    }
    .group-btn-mobile a,.group-btn-mobile button{
        margin-top: 4px !important;
    }
}

/* Gif load para as telas do sistema */
.loader-mask{
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}
.loader-mensagem{
    position: absolute;
    background: #46be8a;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
    font-weight: 500;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*fim gif load*/

input.form-control, button.btn-select, select.form-control, span.select2-selection,textarea.form-control, .checkbox-custom label::before {
    border: 1px solid #76838F !important;
    color: #37474f !important;
}

select option.pjbank{
    background: rgba(210, 220, 255, 0.78);
}

ul.dropdown-menu.inner li a span.text{
    color: #000;
}

ul.dropdown-menu.inner li a{
    padding:2px;
}

input[type="text"]:-moz-read-only, input[type="number"]:-moz-read-only { /* For Firefox */
    pointer-events: none;
}

label.required:after {
    font-family: FontAwesome;
    content: "\f069";
    font-size: 6px;
    color: #f96868;
    position: relative;
    top: -8px;
    margin-left: 4px;
}

.float-right{
    float: right;
}

.note-editor.note-frame .note-editing-area .note-editable b {
    font-weight: bold !important;
}

.page-content {
    padding-top:22px;
}

.page-head > h2, .page-head > h3 {
    margin:0;
    font-size:26px;
}

/* ESTILO PLANO DE CONTAS */

div#container-tbl-grupos table tbody td a,
div#container-tbl-contas table tbody td a,
div#container-tbl-subcontas table tbody td a{
    color: #37474f;
}

body #container-tbl-grupos .fixed-table-container tr.selected td,
body #container-tbl-contas .fixed-table-container tr.selected td,
body #container-tbl-subcontas .fixed-table-container tr.selected td {
    background-color: white !important;
}

table#tbl-grupos tr.color-D {
    background-color: #FFBFC1 !important;
}

table#tbl-grupos tr.color-I {
  background-color: #FFC894 !important;
}

table#tbl-grupos tr.color-R{
  background-color: #5cd29d !important
}

.color-I a, .color-R a, .color-D a{
  color: #37474F !important;
  font-weight: 400;
}

td i.icon.fa-check{
    color: #46be8a;
}

td i.icon.fa-close{
    color: #f96868;
}

table#tbl-grupos tbody tr.selected td:first{
    border-left: 1px solid red;
}

.markable.icon.fa-play{
    color: #37474f;
    position: absolute;
    left: -18px;
}

#tbl-grupos.table td,
#tbl-contas.table td,
#tbl-subcontas.table td{
   border: none;
   border-top: 1px solid #e4eaec !important;

}

/* pintar linha selecionada */

table#tbl-grupos.table tbody tr.selected td:first-child,
table#tbl-contas.table tbody tr.selected td:first-child,
table#tbl-subcontas.table tbody tr.selected td:first-child{
    border-left: 2px solid #3e8ef7 !important;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    border-radius: 3px;
}

table#tbl-grupos.table tbody tr.selected td:last-child,
table#tbl-contas.table tbody tr.selected td:last-child,
table#tbl-subcontas.table tbody tr.selected td:last-child{
    border-right: 2px solid #3e8ef7 !important;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    border-radius: 3px;
}

table#tbl-grupos.table tbody tr.selected td,
table#tbl-contas.table tbody tr.selected td,
table#tbl-subcontas.table tbody tr.selected td{
    border-top: 1px solid #3e8ef7 !important;
    border-bottom: 1px solid #3e8ef7 !important;
}

table#tbl-contas.table tbody tr.selected td,
table#tbl-subcontas.table tbody tr.selected td{
    background-color: #F3F7F9 !important;
}

#planodecontas .bootstrap-table .table > thead > tr > th{
    border-bottom: none !important;
}

.icon.fa-cog {color: #76838f;}

/*buscar menu da tela principal*/
#busca-resultado-menu{
    background: #FFF;
    display: none;
    position: absolute;
    z-index: 99999999;
    box-shadow: 1px 1px 2px #ccc;
    margin-top: 1px;
    padding-top: 20px;
    padding-left: 20px;
    width: 100%;
    text-align: left;
    overflow-y: scroll;
    height: 250px;
    margin-left: -14px;

}
.close-busca-menu{
    right: 25px;
    font-size:15px;
    top: 5px;
    color:#ddd;
    position: absolute;
    cursor: pointer;
}
.height-30 {
    height: 30px;
}

.width-145{
    width: 145px;
}

.font-500{
    font-weight: 500;
}

.font-400{
    font-weight: 400;
}

div.modal-footer label.label-control{
    text-align: left !important;
}

.page-header {
    padding: 10px 30px !important;
}

.page-content {
    padding: 8px 8px !important;
}
a.navbar-avatar{
    padding-top: 14px !important;
    padding-bottom: 12px !important;
}
.avatar{
    text-align: center;
    margin-right: 5px;

}
.avatar img{
    width: 32px;
    height: 32px;
    border: 0 none;
    border-radius: 100%;
}
.site-menubar{
    height: 45px;
}
.separar-menu{
    padding-top: 105px;
}
.site-menu>.site-menu-item>a {
    padding: 0px 7px;
    margin-bottom: 5px;
}
.site-menu-icon{
    font-size: 12px;
}
.site-menu-item>a {
    line-height: 25px;
}
.site-menu-sub .site-menu-item>a {
    width: 250px;
}
.site-menu-item:hover{
    background: #e4eaec;
}

@media (max-width: 767px) {
    .add-tag-br-menu{
        display: none;
    }
    .separar-menu {
        padding-top: 60px;
    }
    .navbar-collapse-toolbar{
        box-shadow: 1px 1px 5px #BDC3C7;
    }
}
@media (min-width: 1440px) {
    .add-tag-br-menu{
        display: none;
    }
    .site-menu>.site-menu-item>a {
        padding: 12px 15px;
        margin-bottom: 1px;
    }
    .site-menu-item>a {
        line-height: 35px;
    }
    .site-menu-sub .site-menu-item>a {
        width: 280px;
    }
}

body{
    background: none;
}
.site-navbar{
    background: #2079bd !important;
}
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-item {
    text-align: center;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 130px;
    font-size: 12px;
}
@media(min-width: 800px) {
    .flex-item { width: 11%; }
}

/*
Ajustando o checkbox das tabelas
Fonte: https://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
*/
table input[name="btSelectItem"], table input[name="btSelectAll"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
table input[name="btSelectItem"]:active, table input[name="btSelectItem"]:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
table input[name="btSelectItem"]:checked, table input[name="btSelectAll"]:checked {
    background-color: #62a8ea;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
table input[name="btSelectItem"]:checked:after, table input[name="btSelectAll"]:checked:after {
    font-family: "Web Icons";
    content: "\f192";
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #fff;
}

.btn:not(.btn-select) {
    font-weight: 500;
}

.detalhar-titulos{
    background: #FFFAE7;
    min-width: 100%;
    max-width: 100%;
    border:1px solid #F6E7A9;
}
.detalhar-titulos div{
    border-top:1px solid #BDBDBD !important;
}

.detalhar-titulos tr td b{
    color:#37474f !important;
}
.detalhar-titulos tr td{
    color:#37474f !important;
    padding: 4px 15px 2px 15px !important;
    font-size: 12px !important;
}
.table-detalhamento {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px;
}
.table-detalhamento thead th, .table-detalhamento tfoot td {
    background-color: #f2a654;
    font-weight: normal;
    padding: 4px 4px !important;
}
.table-detalhamento tr td {
    padding: 4px 4px !important;
    white-space: nowrap !important;
}
.table-detalhamento .destaque {
    color:#a70000 !important;
    font-weight:500;
}

th.destaque-header{
    background-color: #3E8EF7 !important;
    font-weight: 500 !important;
}

.font-s-17{
    font-size: 17px;
}

/* Seta o header e footer das tabelas para ficarem em negrito */
.table thead th, .table tfoot td {
    font-weight:500 !important;
}

.font-13{
    font-size: 13px;
}

hr.margin-reduce{
    margin-top: 8px !important;
    margin-bottom: 10px !important;
}

.table tr.debto-color{
    background-color: #FFBFC1 !important;
}

label.nowrap, p.nowrap{
    white-space: nowrap;
}
.select-multiplo-personalizado option{
    border-bottom: 1px solid #76838f;
    padding:5px;
}
.select-multiplo-personalizado option:checked {
    background: linear-gradient(0deg, #7bbda2 0%, #91e0c0 100%);
}

/*paginação bootstraptable*/
.page-pre a,.page-next a{
    background:#62a8ea !important;
    font-weight: 500;
    color:#FFF !important;
}
li.page-number a,li.page-last a,li.page-last-separator a,li.page-first-separator a,li.page-first a{
    background:#FFF !important;
}
li.page-number a:hover{
    background: #BFEDD8 !important;
    color: #62a8ea;
}
li.page-number a:active{
    font-weight: 500;
}
li.page-number.active a{
    background: #7DD3AE !important;
    border:1px solid #7DD3AE !important;
}

.btn-info.dark{
    color: #fff;
    background-color: #247CF0;
    border-color: #247CF0;
}

/* Classes úteis para telas pequenas */
@media (max-width: 1440px) {
    input.pd-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .fs-12 {
        font-size: 12px !important;
    }

    /* Específico da tela de Encerramento */
    .me_d_ret, .kmRet, .me_t_ret {
        width:100px;
    }
    .me_placa, .me_h_ret {
        width:80px;
    }
    #tela-encerramento .panel-body{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    /* Fim tela Encerramento */
}

.margin-auto {
    margin:0 auto;
}

@media (max-width: 1400px) {
    .btns-recebimentos-lista{
        margin-top: 3px;
    }
}

.toast{
    opacity: 1 !important;
}

.fixed-table-container thead th .desc{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAmElEQVQokc3RIU6DYRCE4fmaPw0hpEGjkRwDQTgECtFbIlAIBAoSFIYToEg6DwKa0lYVxYzazbzZTHaIHKLZQem/ANPWJPMk50mOk7xk5GOPsDZHuMRd2yfctF3ItiPSdo4r3GPlW89tb3ehtJ1wjcdfYdD2FUucbC5wioe2dsJ+dm+4WAMDM5yNMaa9ghu9Z+QzScb/e9wXyoOlTIFa9DQAAAAASUVORK5CYII=");
    /*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");*/
}
.fixed-table-container thead th .asc{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAm0lEQVQokbWRIQ7CUBAF3/40TQUhaDSSYyA4BArBLVEogkJgQGA5AIrkv0G0pdBgKrqrdnfGvA2EhlQaREsqMEnSPCIKQBHxOTazgUekeLXLGXC0nW3zp+7AEtUtoADWwAnIAF/iDdgBk04QAspGOtjODXyxvQWmLdwJtVTZXgF74Gx704cRip9YUSlpIamSdFXo2U8pRv/D+MIbUXiuQ8YbTx4AAAAASUVORK5CYII=");
    /*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);*/
}

/* mudança de layout das telas de listar */
.btn-novo-listar{
    position: absolute;
    display: block;
    z-index: 1;
    margin-top: 10px;
}
.panel-body-listar{
    padding: 5px 10px 10px 10px;
}
.page-header-listar {
    padding: 5px 0px 0px 18px !important;
}
.page-header-listar span{
    font-size: 1.3em;
    font-weight: 400;
    color:#434343;
}
.page-header-listar span{
    font-size: 1.3em;
    font-weight: 400;
    color:#434343;
}

/*rotaciona um elemento html em loop infinito*/
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite;
}

.select2-results__options{
    font-size: 11px !important;
    color: #37474f;
    text-transform: uppercase;
    font-weight: 400;
}

.modal .select2-dropdown{
    z-index:100000;
}

.green-line a{
    color: green;
}

/*diminui o padding em todos os td das tabelas*/
.bootstrap-table .table, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th,
.bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tfoot > tr > td{
    padding: 5px !important;
    font-size: 12px;
}

.btn-dropup{
    display:inline-block;
}
.btn-dropup .divider{
    background-color:#ccc !important;
}
.btn-dropup .dropdown-menu a{
    color:#333;
    font-weight:500;
    padding:3px 15px !important;
}

.btn-dropup .dropdown-menu a:hover{
    background-color: #ddd;
    color:#333;
}
.btn-dropdown{
    background-color:#2079bd !important;
    border-color:#2079bd !important;
    color:#fff;
}
.btn-dropdown:hover, .btn-dropdown:active {
    color:#fff;
}

/* Alterando a cor da fonte do option selecionado no SELECT 2 */
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding: 0;
    color: #060606 !important;
}

/* Negrito */
.b {
    font-weight: 500;
}

input.form-control.restricao-cli{
    background-color: #f1afaf;
    color: black !important;
    font-weight: 400;
}

input.form-control{
    padding: 6px 10px !important;
}

table.table-small tbody {
    font-size:13px !important;
}
table.table-small.table>tbody>tr>td {
    padding:5px 8px !important;
}
table.table-small.table>thead>tr>th {
    padding:5px 8px !important;
    font-size:12px;
}
table.table-small th .th-inner{
    padding:0px !important;
}

/* Classe para pintar linhas destacadas em tabelas de lista */
.linha-destaque a{
    color: red;
}

.alert-danger {
    background-color: rgba(232, 15, 15, 0.8) !important;
}

/* Classes para diminuir espaços de telas maiores */
.page-content.page-small .panel-body{
    padding:10px;
}
/* Fim classes telas maiores */

h4{
    color:navy;
}

#modalBoletos h3{
    font-size: 0.9em;
}

#modalBoletos .form-group{
    margin-top: -1%;
}

#modalBoletos label{
    font-size: 0.8em;
}

#area-tbl-recebimentos button.list-group-item{
    background-color: #f2a654;
    color: white;
    margin: 1%;
}

#area-tbl-recebimentos button.list-group-item:hover{
   background-color: #F3F7F9;
   color:#899499;
}

.z-index{
    z-index: 9999;
}

.modal-brown{
    background-color: #ad5a04 !important;
}

.bg-rosa-serasa{
    background-color: #e63888 !important;
}

.rosa-serasa{
    color: #e63888 !important;
}

.bg-azul-serasa{
    background-color: #1d4f91 !important;
}

/* cor serasa secundaria (para headers das tabelas) */
/* bug - ao colocar a classe no tr bg-azul-serasa estava renderizando aparecendo no td tambem, a tabela acaba colorida por completo */
/* workaround - usar essa regra bg-azul-serasa-th para colorir corretamente somente os headers) */
th.bg-azul-serasa-th .th-inner, th.bg-azul-serasa-th .th-inner{
    background-color: #1d4f91 !important;
}

.datagrid-serasa > div > div.dx-datagrid-headers.dx-datagrid-nowrap > div > table > tbody > tr td{
    background-color: #1d4f91 !important;
}

/* cor serasa secundaria */
.azul-serasa{
    color: #1d4f91 !important;
}

.modal-title{
    color: white;
}

.disabled-tab{
    pointer-events: none;
    background-color: silver;
}

.color-tab-disabled{
    background-color: #76838f;
    color: white;
}

.ipt-bold{
    font-size: 18px;
    font-weight: 500;
}

.card-group {
    margin-bottom: 2.143rem; }

.card-block:hover {
    box-shadow: 0 0 5px 5px rgba(0, 140, 186, 0.5);
}

.card-watermark.darker {
    color: rgb(89, 89, 89);
}

#span-loja-card{
    font-size:18px;
    padding:10px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    line-height: 1.571429;
    display: inherit;
    max-width: 100ch
}

#icon-loja-card{
    /* float: right; */
    padding-right:3%;
    padding-top: 2%;
    font-size: 16px;
}

#modal-editar-contrato{
    z-index: 10000;
}

.ipt-bck-blue{
    background-color: #c8e3e8;
}


.alerta-home{
    width:70%;
    margin-left:auto;
    margin-right:auto;
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:0px;
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
.home-warning{
    color:#ffffff;
    background-color:#f2a654;
    border-color:#f2a654;
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

.home-warning i {
    float:left;
    margin-right:30px;
    height: 100px;
}

#lembretes-glotes {
    background: transparent;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 999999;
    width: 450px;
    max-width: 100%;
    padding: 5px;
    font-weight: 500;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    margin-right: -395px;
}

.lembretes-glotes-titulo {
    background: #e03602;
    text-align: center;
    float: left;
    color: #FFF;
    border-radius: 100%;
    font-weight: 500;
    cursor: pointer;
    padding: 15px;
    box-shadow: 1px 1px 4px #1c1c1d;
}

.lembretes-glotes-titulo i {
    font-size: 17px
}

.conteudo-lembretes-corpo ul {
    padding: 10px;
    margin: 0;
    margin-left: 52px;
    background: #ad5a04 ;
    overflow-y: scroll;
    height: 200px;
    box-shadow: 1px 1px 4px #1c1c1d;
}

.conteudo-lembretes-corpo ul li {
    background: #FFF;
    padding: 8px;
    margin-bottom: 3px;
    list-style: none;
    border-radius: 6px;
}

.lembretes-texto {
    color: #2e3131;
}


/* width */

.conteudo-lembretes-corpo ul::-webkit-scrollbar {
    width: 10px;
    background: #FFF
}


/* Track */

.conteudo-lembretes-corpo ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.conteudo-lembretes-corpo ul::-webkit-scrollbar-thumb {
    background: #424242;
    border-radius: 10px;
}

select#TAG_ID option{
    color: white !important;
}

.color-id{
    background-color: #ffff80;
    font-weight: 400;
}

.color-venda{
    background-color: #c8f5ca;
    font-weight: 400;
}

.alinhar-div{
    display: inline-block;
    white-space: nowrap;
}

.dx-datagrid-custom td.linhaVermelha a {
 color: #d00b0b !important;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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

@-webkit-keyframes spinning {
    from {transform: rotate(0deg);}
    to   {transform: rotate(180deg);}
}
@keyframes spinning {
    from {transform: rotate(0deg);}
    to   {transform: rotate(180deg);}
}
.square {
    width: 50px;
    height: 50px;
    border-width: 5px;
    border-style: solid;
    border-color: #999 #ccc;
    border-radius: 50px;
    -webkit-animation: spinning 0.75s infinite linear;
    animation: spinning 0.75s infinite linear;
    margin-left: 70%;
}
#overlay {
    position: fixed;      /* Sticks to the viewport */
    top: 0;               /* Covers from the top */
    left: 0;              /* Covers from the left */
    width: 100%;          /* Full width */
    height: 100%;         /* Full height */
    background: rgba(0, 0, 0, 0.5); /* Dark transparent background */
    z-index: 9999999;     /* High z-index to cover all content */
    display: none;        /* Hidden by default */
}

#espera {
    position: fixed;
    top: 50%;
    left: 46.5%;
    margin-left: 0 !important;
    width: 100px;
    height: 100px;
    z-index: 99999999;
    display: none;        /* Hidden by default */
}

.nowrap {
    white-space: nowrap;
}

.dx-header-filter {
    color: #D4E79E!important;
}
.dx-header-filter-empty {
    color: rgba(149, 149, 149, 0.5) !important;
}

.badge-lilas{
    background-color: #8065df;
    color: #fff;
}

.badge-azul-escuro{
    background-color: #29456d;
    color: #fff;
}