:root {
  --client-primary: #01359a;
  
  --form-background: #FFF;
  --form-header: #d5d5d5;
  --form-odd: #e4e4e4;
  --form-error: #ea6060;
  
  --primary-color: #1E7E84; /*AZUL*/
  --primary-hover: #067ddf; /*AZUL*/
  --grey-1: #1E7E84; /*CINZA*/
  --grey-2: #333942; /*CINZA ESCURO*/
  --grey-3: #858791;
  --red: #FF5045; /*VERMELHO*/
  --red-hover: #d32f23; /*VERMELHO*/
  --green-2: #51D25A;
  --blue-1: #2B89B2;
  --blue-2: #8DCEEB;
  --font-size: 16px;
}

body {
  font-family: 'Segoe UI', sans-serif;
  font-size: var(--font-size);
  color: var(--grey-2);
}

/* Header */
.header {
  width: 100%; height: 60px;
  border-bottom: 1px dotted #064d88;
  padding: 10px 0;
  margin-bottom: 10px;
}

/* Loader */
#loader{
  width: 100%; height: 100%;
  background: #000;
  z-index: 999999999;
  position: fixed;
  opacity: 0.8;
  top: 0px;
}
  #loader div{
    width: 64px; height: auto;
    position: absolute;
    margin: -40px 0 0 -32px;
    top: 50%;
    left: 50%;
  }
    #loader img{
      width: 64px;
      margin-bottom: 8px;
    }
    #loader span{
      width: 100%;
      color: #FFF;
      text-align: center;
      font-size: 11px;
      display: inline-block;
    }

/* Main */
.main{
  width: 90%;
  margin: 0 5% 15px 5%;
  padding: 0px;
  background-color: var(--form-background);
  border: 1px solid #FFF;
  float: left;
}
.row{ margin: 0px; }
.row>*{padding: 0px }

.content{
  width: calc(100% - 20px);
  border-radius: 10px;
  overflow: hidden;
  margin: 10px;

  background-color: var(--form-background);
  border: 1px solid #d2d2d2;
  padding: 0px;
  overflow: hidden;
  float: left;
}

.content span.alert{
  color: var(--form-error);
  margin: 10px 0 0 15px;
}
.row.inputs p.alert{
  color: var(--form-error);
  margin: 10px 0 5px 5px;
  
}

/*Table*/
.table-blue {
  margin-bottom: 0px;
}
.table-blue thead th {
  background: var(--primary-color);
  color: #FFFFFF;
  font-size: 14px;
  white-space: nowrap;
}
.table-blue tbody td {
  border: none;
  font-size: 12px;
  white-space: nowrap;
}
.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-bg-type: #F3F4F9;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: transparent;
}
.table-striped > tbody > tr.isPositive > *{
  --bs-table-bg-type: #ffffe8;
}
.dataTables_filter {
  display: none;
}
.table-footer {
  background: var(--grey-1);
  color: #FFFFFF;
  font-size: 10px;
  align-items: center;
}
.dataTables_length {
  display: none;
}
.dataTables_info {
  text-align: right;
  padding-right: 15px;
}
.dataTables_paginate {
  display: flex;
  justify-content: center;
}
.pagination {
  margin-bottom: 0px;
}
.pagination li a {
  font-size: 10px;
}
.disabled>.page-link, .page-link.disabled,
.page-item:last-child .page-link,
.page-item:first-child .page-link {
  background: none;
  color: #FFFFFF;
  border: none;
}
.dataTables_length {
  position: absolute;
  bottom: 5px;
  left: 5px;
  font-size: 10px;
  color: #FFFFFF;
}
.dataTables_length select {
  font-size: 10px;
    padding: 0px 5px;
}
.dataTables_length label {
  display: block;
}
.form-select-sm {
  width: 60px;
  display: inline-block;
}
.overflox-x-auto {
  overflow-x: auto;
}

/*Buttons*/
.btn, .btn:hover, .btn:focus, .btn:active {
  border: none;
}
.btn{
  border-radius: 50px;
  padding: 5px 5px !important;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
  cursor: default;
  border: none;
  gap: 5px;
  display: flex;
}
.btn:hover{
  cursor: pointer;
}

.btn-small{
  border-radius: 30px;
  padding: 0px 10px 3px 10px !important;
  display: inline-block;
}

  .btn-blue,
  .btn-blue-small {
    background: var(--primary-color);
  }
  .btn-blue:hover,
  .btn-blue-small:hover {
    background: var(--primary-hover);
    color: #FFFFFF;
  }

  .btn-red,
  .btn-red-small {
    background: var(--red);
  }
  .btn-red:hover,
  .btn-red-small:hover {
    background: var(--red-hover);
    color: #FFFFFF;
  }

  .btn-grey,
  .btn-grey-small {
    background: var(--grey-3);
  }
  .btn-grey:hover,
  .btn-grey-small:hover {
    background: var(--grey-3);
    color: #FFFFFF;
  }

  .btn-transparent {
    border: none;
    background: none;
    cursor: pointer;
  }

  .btn-small img{
    width: 22px;
    -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
    filter: invert(100%);
  }
  form.delete img{ width: 16px; }
  .btn-small small{
   font-size: 11px;
   padding-right: 3px;
  }

/* Menu */
div.menu span{
  margin: 20px 0 0 20px;
}
div.menu ul{
  width: calc(100% - 50px);
  margin: 5px 0 15px 50px;
  list-style: circle;
}
  div.menu ul li{
    padding: 2px 0;
  }
  div.menu ul li a{
    color: #000;
    text-decoration: none;
    font-size: 16px;
  }
  div.menu ul li a:hover{
    color: var(--grey-3);
  }

/* Links rodapé */
.shortcuts{
  width: calc(100% - 17px);
  margin: 0px 17px 10px 0px;
}
.shortcuts a{
  color: #666;
  font-size: 12px;
  margin-left: 20px;
  text-decoration: none;
  float: right;  
}
.shortcuts a:hover{ text-decoration: underline; }

/* Form */
form.form,
.table-container {
  width: calc(100% - 30px) !important;
  border-radius: 10px;
  background-color: var(--form-background);
  border: 1px solid #d2d2d2;
  margin: 15px !important;
  padding: 0px;
  overflow: hidden;
  float: left;
}
form.button{ display: inline; }

  form div{
    padding: 5px 20px;
  }
    form div.form-header,
    div.content-header{
      background-color: var(--form-header) !important;
      padding: 10px 20px;
      margin: 0px;
    }
    div.content-header{
      font-weight: bold;
    }
    form div.form-header{
      color: #FFF;
      background-color: var(--primary-color) !important;
    }
    form div.row:nth-child(odd){
      background-color: var(--form-odd);
    }
    form label{
      font-size: 14px;
    }
    form p{
      font-size: 12px;
      margin-bottom: 3px;
    }
    form ul{
      list-style: disc;
    }
      form ul li{
        font-size: 11px;
      }

    form span.error{
      color: var(--form-error);
      font-size: 12px;
    }

    .bg-body-tertiary{
      background-color: #1E7E84!important;
    }

    .header{
      background-color: #1E7E84!important;
    }

    .navbar-brand,
    .nav-link{
      color: #fff!important;
    }