body {
  /*zoom: 0.8;
  -moz-transform: scale(0.8);*/
}

.modal-backdrop {
  width: 100% !important;
  height: 100% !important;
}

select.status_filtro{
    background-color: #4ba0d1 !important;
    color: white !important;
    border: 0 !important;
}

div.pesquisa_avancada {
    display:none; 
    background-color:#E6E6FA;
}

div.pesquisa_avancada_header {
  background-color:#d2d2fa;
}

.form-control:invalidas {
    border: 1px solid #cc0000;
}

div.panel_botoes {
    background-color: rgb(230, 230, 230);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

div.panel-totais-pedido {
  background-color: rgb(147, 151, 255) !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  vertical-align: middle !important;
}

div.sem_espaco {
    padding: 2px;
}

span.titulo-empresa {
    color: white;
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
}

span.status-A {
    background-color: #5cb85c;
    color: white;
    font-weight: bold;
    border: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

span.status-B {
  background-color: red;
  color: white;
  font-weight: bold;
  border: 0;

  height: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

span.status-I {
    background-color: darkgrey;
    color: white;
    font-weight: bold;
    border: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

span.status-C {
    background-color: #d9534f;
    color: white;
    font-weight: bold;
    border: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

span.status-F, span.status-BT {
    background-color: #0275d8;
    color: white;
    font-weight: bold;
    border: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

span.status-P, span.status-BP {
    background-color: #f0ad4e;
    color: white;
    font-weight: bold;
    border: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

span.status-CL {
  background-color: #7774c0;
  color: white;
  font-weight: bold;
  border: 0;

  height: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

label.error{
    font-weight: normal;
    font-style: italic;
}

select.error,input.error{
    border-color: red !important;
    color: red;
}
  
.error{
    color: red;
 }

 input.form-control,select.form-control{
    /*border-left: 0;
    border-right: 0;
    border-top: 0;*/
    border: 1px solid #abcdef;
    border-radius: 4px;
 }

 #btn-ativar-inativar{
     background-color: rgb(113, 140, 141);
     color: white;
 }

 

span.setor-cadastro {
    background-color: cadetblue;
    font-weight: bold;
    border: 0;
    font-size: 16px; 
    border-radius: 0;

    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
}

.setor-cadastro-cor-titulo{
    background-color:cadetblue;
 }

.sem-margem{
    margin: 0;
}

.setor-cadastro-cor{
    background-color: rgb(245, 245, 245);
 }

.botao-interno{
    margin: 0 15px;
}

.center-col {
    text-align: center;
}

.checked-line-table {
    color: #4ba0d1;
}

.checked-col-table {
    background-color: #4ba0d1
}

.background-box-dashboard {
    background-color: #4ba0d1
}

.dashboard-list {
    overflow:auto;
    height: 320px;
}

.text-white{
    color: white !important;
    font-weight: bold !important;
}

/*::-webkit-scrollbar {
    width: 8px;
}
  
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(155, 155, 155, 0.761);    
}*/

a:hover {
    cursor:pointer;
}

.input-group > .select2 {
  width: auto;
  flex: 1 1 auto;
}

.input-group > .select2 .select2-selection {
  line-height: inherit;
  padding: 0.5rem 1rem;
}

form input:required, textarea:required, select:required, select.select2:required { /* when a field is considered invalid by the browser */
  box-shadow: 0 0 4px #f08e0f;
  border-color: #f08e0f;
  background: url("img/atencao.png") no-repeat 95% center;
}

form input:valid, textarea:valid, select:valid, select.select2:valid,
form input:read-only, textarea:read-only { /* when a field is considered invalid by the browser */
  background: none;
  box-shadow: 0 0 4px #abcdef;
  border-color: #abcdef;
}

form input:invalid:focus, textarea:invalid:focus, select:invalid:focus, select.select2:invalid:focus { /* when a field is considered invalid by the browser */
    box-shadow: 0 0 4px #d45252;
    border-color: #b03535;
    background: url("img/invalid.png") no-repeat 95% center;
    
}

form select:invalid + .select2-container > span.selection > span.select2-selection {
    box-shadow: 0 0 4px #d45252;
    border-color: #b03535;
    background: url("img/invalid.png") no-repeat 95% center;
}

.select2 {
  font-weight: normal;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
   box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

.container_modulos {
    width: 100vw;
    height: 100vh;
    background: #6C7A89;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.box_modulos {
    width: 300px;
    height: 300px;
    background: #fff;
}

.span-placehold {
  font-size: 14px !important;
}

.cor-titulo-card {
  background-color: #d5d5d5 !important;
}

.img-black-white {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}

.upload {
  display: none;
}

.upload-label {
  width: 200px;
  background-color: #333;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  display: block;
  cursor: pointer;
}

div.dataTables_wrapper {
  width: 100%;
  margin: 0 auto;
}
.dataTables_filter input {
  border-radius: 4px;
  border-color: lightsteelblue;
  border-style: solid;
  padding: 2px;
}

.dataTables_filter input:focus {
  outline: none;
  border-color: #9ecaed;
  box-shadow: 0 0 5px #9ecaed;  
}

.dataTables_filter label {
  font-weight: normal !important;
}

.select-transparente {
  background-color: rgba(255, 255, 255, 0.618) !important;
  cursor:pointer !important;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-color: #9ecaed !important;

  color: #0275d8 !important;
}

.text-empresa {
  font-size: 12px !important;
  font-weight: normal !important;
}

.bg-gradiente {
  background-image: linear-gradient(to bottom right, black, cyan 80%, green);
  opacity: 1;
}

/*TABLE SCROLL*/
#table-pesquisa-avancada-wrapper {
  position:relative;
}
#table-pesquisa-avancada-scroll {
  height:150px;
  overflow:auto;  
  margin-top:20px;
}
#table-pesquisa-avancada-wrapper table {
  width:100%;
}
#table-pesquisa-avancada-wrapper table thead tbody {
  display: block;  
}

.calendar {
  height: 80vh;
}

table.dataTable thead {
  background-color:rgb(0, 114, 159);
  color: white;
}

select[readonly]{
  background: #EEE; 
  pointer-events: none;
  touch-action: none;
}


.dbr-financeiro-credito {
  border-left: 5px solid #28a745 !important;
}

.dbr-financeiro-debito {
  border-left: 5px solid #dc3545 !important;
}