/* @media (max-width: 700px) {
    div[class^='col-md'], div[class*=' col-md'], input[class^='col-md'], input[class*=' col-md']{
        min-width: 260px;
    }
}
@media (min-width: 700.01px) {
    div[class^='col-md'], div[class*=' col-md'], input[class^='col-md'], input[class*=' col-md']{
        min-width: 260px;
    }
} */

div[class^='col-md'], div[class*=' col-md'], input[class^='col-md'], input[class*=' col-md']{
    min-width: 260px;
}

/* OVERRIDE */


/* melhora o espaçamento entre os ícones */
.fa {
    line-height: 0;
}
nav.sidebar li {
    line-height: 0.7!important;
}
nav.sidebar li:hover {
    background-color:rgba(0, 0, 0, 0.6);
}
/* melhora o espaçamento entre os ícones */

.btn-primary {
    color: #fff;
    background-color: #0d90d6;
    border-color: #0d90d6
}

.btn-primary:hover {
    color: #fff;
    background-color: #0163bd;
    border-color: #0163bd
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0163bd;
    border-color: #0163bd;
    box-shadow: 0 0 0 .2rem rgba(105, 136, 228, .5)
}

.btn-danger {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
  }
  
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}

.text-danger {
  color: #ff0000 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important;
}

.thead-dark th{
    color: #fff!important;
    background-color: #090532!important;
    border-color: #000000!important;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: middle;
  text-align: center;
  align-content: center;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: 2px solid #dee2e6;
}

/* OVERRIDE */


/* CUSTOM-ISH */

.input-boot {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sidebar {
    margin-right: 30px!important;
}

.sidebar.toggled {
    margin-right: 0px !important;
}
.hidden {
    visibility: hidden!important;
}

.clickable {
    cursor: pointer!important;
}

.fill-column-width {
    width: 100%;
}

.separate-action-buttons {
    margin-right: 5px!important;
}

.width-hundred {
    width: 100%!important;
}

.vertical-middle {
    vertical-align: middle!important;
}

.horizontal-center {
    align-content: center!important;
    text-align: center;
}

.table-scroll {
    overflow-x: auto!important;
}

.fixed-topbar {
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    z-index: 1000!important;
}

div#content {
    margin-top: 6.5rem!important;
}

.margem-texto-topbar {
    margin-right: 1rem!important;
}

.center-block {
    margin: auto!important; 
    display: block!important;
}


/* .btn:hover {
    filter: brightness(50%)!important;
} */

.clicked {
    background-color: #024b72!important;
    border-color: #024b72!important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px; /* add padding to account for vertical scrollbar */
} 

.collapsible {
    cursor: pointer;
}

.deactopened, .deactcard-collapsible:hover {
    background-color: gainsboro;
}

.collapsible-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease-in-out;
}

.rotate-90degree {
    animation: spin 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;         /* When the spec is finished */

    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

.rotateback-90degree{
    animation: spin_back 0.5s ease-in-out;
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
    -moz-animation-fill-mode: forwards;    /* FF 5+ */
    -o-animation-fill-mode: forwards;      /* Not implemented yet */
    -ms-animation-fill-mode: forwards;     /* IE 10+ */
    animation-fill-mode: forwards;         /* When the spec is finished */

    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

@-moz-keyframes spin { 
    100% { 
        -moz-transform: rotate(90deg);
    } 
}
@-webkit-keyframes spin { 
    100% { 
        -webkit-transform: rotate(90deg); 
    } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(90deg); 
        transform:rotate(90deg); 
    }
}

@-moz-keyframes spin_back {
    0% { 
        -moz-transform: rotate(90deg); 
    } 
    100% { 
        -moz-transform: rotate(0deg); 
    } 
}
@-webkit-keyframes spin_back { 
    0% { 
        -webkit-transform: rotate(90deg); 
    } 
    100% { 
        -webkit-transform: rotate(0deg); 
    } 
}
@keyframes spin_back { 
    0% {
        -webkit-transform: rotate(90deg); 
        transform:rotate(90deg); 
    } 
    100% { 
        -webkit-transform: rotate(0deg); 
        transform:rotate(0deg); 
    }
}

.nowrap {
    white-space: nowrap;
}

.destaque-mudanca {
    border-radius: 3px;
    border-width: 2!important;
    animation: highlightborder 1350ms ease-in-out;
  }
  @keyframes highlightborder {
    0% {
        border-color: white;
    }
    50% {
        border-color: #090532;
    }
    100% {
        border-color: white;
    }
  }

tr.destaque-mudanca {
    border-radius: 3px;
    border-width: 2!important;
    animation: highlightbg 1350ms ease-in-out;
}
@keyframes highlightbg {
    0% {
        background-color: white;
        color: #090532;
    }
    50% {
        background-color: #090532;
        color: white;
    }
    100% {
        background-color: white;
        color: #090532;
    }
}

.wid-800 {
    width: 800;
}

.wid-500 {
    width: 500;
}

.input-5-digits {
    width: 85px!important;
}

@media (max-width: 700px) {
    .wid-800 {
        width: 100%;
    }
    .wid-500 {
        width: 100%;
    }

    .col-ed {
        width: 100%;
        min-width: 217px;
    }
    
    .min-wid-4 {
        width: 100%;
        min-width: 434px;
    }
    
    .min-wid-6 {
        width: 100%;
        min-width: 660px;
    }

    /* REGISTRAR-EDITAR-VENDA */
    #campos_pago {
        height: 545!important;
        width: 290px!important;
        min-width: 290px!important;
    }

    #div_col_pagocred_p {
        min-width: 150px!important;
    }
    /* REGISTRAR-EDITAR-VENDA */
}

/* DASHBOARD */
#div_cards_period > label {
    font-size: 20.5px;
}
/* DASHBOARD */


/* TELA DE VENDAS */
@media (min-width: 1200px) {

    #div_botoes_filtro_data {
        padding-top: 1.95rem!important;
    }

}
/* TELA DE VENDAS */

@media (min-width: 700px) {

    .col-ed-2 {
        min-width: 217px!important;
    }
    
    .col-ed-4 {
        min-width: 434px!important;
    }
    
    .col-ed-6 {
        min-width: 660px!important;
        max-width: 50%!important;
    }

    .ml-auto-ed {
        margin-left: auto;
    }
    .mr-auto-ed {
        margin-right: auto;
    }

    #campos_pago {
        height: 430!important;
    }
}