:root {
  --brand-color-primary-darker: #011833;
  --brand-color-darker: #012133;
  --line-between-menus: #f2f5f880;
  --header-title-new-table: #5A646E;
  --white: #fff;
  --bg-color: #F2F5F8;
  --btn-pri-novaTabela: #1C749F;
  --btn-new: #24B04B;
  --btn-excel: #0E354B;
  --bg-cinza: #5A646E;
  --bg-row-modal: #5A646E;
  --font-cinza-claro: #bec5cc;
  --bg-cinza-claro: #e5e5e5;
  --vermelho: rgb(255, 0, 0);

}

body{
  /* background: url("/novosistema/imagens/bg.jpg") fixed no-repeat; */
  /* background-size: cover; */
  background-color: var(--bg-color);
}

p{
  font-size: 18px;
}

form i {
margin-left: -35px;
cursor: pointer;
}

div.login {
  width: 40% !important;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16vh;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 1em 0 1em 0;
}

div.login > img {
  width: 65%;
  height: auto;
  margin: 0 auto;
  display: block;
}

form i {
  margin-left: -30px;
  cursor: pointer;
}

p{
  font-size:.85em;
}

footer {
  position:fixed;
  bottom: 0;
  width:100%;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-size: 0.8em;
}

.progress {
  height: 5px;
}

.progress-bar-success{
  background-color: rgb(0, 255, 0);
}

.progress-bar-warning{
  background-color: rgb(255, 174, 0);
}

.progress-bar-danger{
  background-color: rgb(255, 0, 0);
}

.lbl-principal{
  color:var(--brand-color-primary-darker) !important;
}

.lbl-cinza{
  color:var(--font-cinza-claro) !important;
}

#drop-area {
border: 2px dashed #ccc;
border-radius: 20px;
width: 680px;
font-family: sans-serif;
margin: 20px auto;
padding: 20px;
}

#sidebar {
  overflow: hidden;
  z-index: 3;
  min-height: 100%;
  background-color: var(--brand-color-darker);
}
#sidebar .list-group {
  min-width: 300px;
  background-color: var(--brand-color-darker);
  min-height: 100vh;
}
#sidebar i {
  margin-right: 6px;
}

.line-between-menus {
  border: 1px solid var(--line-between-menus);
}

#sidebar .list-group-item {
  border-radius: 0;
  background-color: var(--brand-color-darker);
  color: #EEE;
  white-space: nowrap;
}

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
  background-color: var(--brand-color-darker);
}

/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
content: "\f0d7";
font-family: FontAwesome;
/* display: inline;
text-align: right;
padding-right: 5px; */
float: right;
padding-right: 5%;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
content: "\f0d8";
font-family: FontAwesome;
/* display: inline;
text-align: right;
padding-left: 5px; */
float: right;
padding-right: 5%;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item,
#sidebar .list-group .collapsing .list-group-item  {
padding-left: 20px;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item,
#sidebar .list-group .collapse > .collapsing .list-group-item {
padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
padding-left: 40px;
}

@media (max-width:768px) {
  #sidebar {
      min-width: 35px;
      max-width: 40px;
      overflow-y: auto;
      overflow-x: visible;
      transition: all 0.25s ease;
      transform: translateX(-45px);
      position: fixed;
  }
  
  #sidebar.show {
      transform: translateX(0);
  }

  #sidebar::-webkit-scrollbar{ width: 0px; }
  
  #sidebar, #sidebar .list-group {
      min-width: 1px;
      overflow: visible;
  }
  /* overlay sub levels on small screens */
  #sidebar .list-group .collapse.show, #sidebar .list-group .collapsing {
      position: relative;
      z-index: 1;
      width: 190px;
      top: 0;
  }
  #sidebar .list-group > .list-group-item {
      text-align: center;
      padding: .75rem .5rem;
  }
  /* hide caret icons of top level when collapsed */
  #sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
  #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
      display:none;
  }
}

.collapse.show {
visibility: visible;
}
.collapsing {
visibility: visible;
height: 0;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: 100%;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.custom-bg-laranja {
background-color: #F8CBAD !important;
}
.custom-bg-amarelo {
background-color: #FFE699 !important;
}
.custom-bg-verde {
background-color: #17A471 !important;
}
.custom-bg-azul-claro {
background-color: #B4C6E7 !important;
}
.custom-bg-azul-escuro {
background-color: #8497B0 !important;
}
.custom-bg-branco {
background-color: #FFFFFF !important;
}

.bg-teal {
background-color: #20c997 !important;
}

.bg-dark-blue {
background-color: #00349c !important;
}

.bg-yellow {
background-color: #ffc107 !important;
}

.bg-gray {
background-color: #6c757d !important;
}

table, th{
border: 1px solid var(--bg-color);
}

.table .headerNovaTabela th {
  color: var(--header-title-new-table);
  background-color: var(--bg-color);
  border-color: var(--bg-color);
}

.novaTabela_tr {
  color: var(--header-title-new-table);
  background-color: var(--bg-color);
  border-color: var(--bg-color);
  height: 60px;  
}

.table .headerNovaTabelaModal th {
border: 1px solid var(--white);
color: var(--header-title-new-table);
background-color: var(--bg-cinza);
border-color: var(--bg-cinza);
}

.novaTabelaModal_tr {
color: var(--header-title-new-table);
background-color: var(--bg-row-modal);
border-color: var(--bg-row-modal);
height: 60px;  
}

.novaTabelaModa_td {
color: var(--brand-color-primary-darker);
background-color: var(--bg-color);
border-radius: 0px;
border: 1px solid var(--bg-color);
}

table {
border-collapse: separate;
border-spacing: 0 8px;
margin-top: -8px;
}

td {
border-radius: 5px;
color: var(--header-title-new-table);
background-color: var(--white);
border: 1px solid rgb(255, 255, 255);
border-left-width: 0;
min-width: 120px;
}

td:first-child {
border-left-width: 1px;
}

.btn-pri-novaTabela {
padding: 0.25rem 0.5rem;
font-size: 1.075rem;
line-height: 1.5;
border-radius: 0.3rem;
color: var(--white);
background-color: var(--btn-pri-novaTabela);
}

.btn-pri-novaTabela:hover {
color: #fff;
background-color: var(--btn-pri-novaTabela);
/* border-color: var(--white);    */
}

.btn-pri-novaTabela:link, .btn-pri-novaTabela:visited,  .btn-pri-novaTabela:hover, .btn-pri-novaTabela:active
{
color: #fff;
/* text-decoration: none; */
}

a, a:hover, a:active, a:focus, a:visited{
text-decoration: none !important;
outline: none !important;
}

.btn-cancelar{
  border: 1px solid !important;
  text-decoration: none;
  outline: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-cinza-claro);
  color: rgb(0, 0, 0);
  font-size: 17px;
  min-width: 130px;  
}

.btn-save {
text-decoration: none;
outline: none !important;
display: flex;
justify-content: center;
align-items: center;
background: var(--btn-new);
color: white;
font-size: 17px;
min-width: 130px;
}

.btn-proximo {
  text-decoration: none;
  outline: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--btn-new);
  color: white;
  font-size: 17px;
  min-width: 130px;
}

.btn-anterior{
  text-decoration: none;
  outline: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg-cinza);
  color: white;
  font-size: 17px;
  min-width: 130px;
}

.btn-search {
display: flex;
justify-content: center;
align-items: center;
background: var(--btn-new);
color: white;
}

.btn-new {
text-decoration: none;
outline: none !important;
display: flex;
justify-content: center;
align-items: center;
background: var(--btn-new);
color: white;
}

.btn-atrelar {
display: flex;
justify-content: center;
align-items: center;
background: #1C749F;
color: white;
}

.btn-excel {
display: flex;
justify-content: center;
align-items: center;
background: var(--btn-excel);
color: white;
}

.btn-editar { 
text-decoration: none;
outline: none !important;
cursor: pointer;
display: flex;
width: 90px !important;
height: 45px !important;
justify-content: center;
align-items: center;
background-color: white;
color: #4CAF50;
border: 2px solid #4CAF50; /* Green */
}

.btn-remover {
text-decoration: none;
cursor: pointer;
display: flex;
width: 90px !important;
height: 45px !important;
justify-content: center;
align-items: center;
background-color: white;
color: #f44336;
border: 2px solid #f44336; /* Green */
}

.tituloModal {
font-size: 25px;
color: var(--brand-color-primary-darker);
}

.label-imput {
font-size: 13px;
color: var(--brand-color-darker);
font-weight: bold;
}
.label-check{
font-size: 11px;
color: var(--brand-color-darker);
font-weight: bold;
}

.chosen-container .chosen-container-single{
height: 28px !important;
border-radius: 3px !important;; 
}

.chosen-container-single .chosen-single{
height: 28px !important;
border-radius: 3px !important;; 
}