@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');

 :root {
  --laranja: #dc911b;
  --azul: #004656;
  --verde: #00FF00;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.value{
  width:200px;
  display:inline-block;
}
.id{
  width:50px;
  display:inline-block;
}
.tamanho{
  min-width:180px;
  width:17%;
  white-space:normal;
}
.autocomplete {
/*the container must be positioned relative:*/
position: relative;
}

.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff; 
border-bottom: 1px solid #d4d4d4; 

}
.disable{
  pointer-events: none;  
}
ul.ui-autocomplete {
    z-index: 1100;
  max-height: 200px;
      overflow: auto;
}
.sidebar-menu a:hover {
  color: #dc911b !important;
}
.sidebar-menu a:active {
  color: #f8d568 !important;
}

.ccheader {
      margin: 0 auto;
      padding: 2em;
      text-align: center;
    }

    .ccform {
      margin: 0 auto;
      width: 800px;
    }
    .ccfield-prepend{
      margin-bottom:20px;
      width:100%;
    }

    .ccform-addon{
      color:#00FF00; 
      float:left;
      padding:8px;
      width:8%;
      background:#FFFFFF;
      text-align:center;  
    }

   .ccformfieldtarefas {
  display: block;
  width: 91.9%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;


   }
textarea.ccformfieldtarefas {
  height: auto;
}


    .ccformfieldtarefas {
      font-family: 'Lato',Arial,sans-serif;
      border-radius: 10px;
    }

    .iconeAlterar{
      color:#FFFFFF; 
      padding:3px;
      width:7%;
    }

    
    .ccformfield {
      color:#000000; 
      background:#FFFFFF;
      border:1px solid #D3D3D3;
      padding:7px;
      width:21%;
      display:block;
      font-family: 'Lato',Arial,sans-serif;
      font-size:14px;
    }

    .ccformfield {
      font-family: 'Lato',Arial,sans-serif;
      border-radius: 10px;
    }

    .ccbtn{
      display:block;
      border:none;
      background:#00FF00;
      color:#FFFFFF;
      padding:12px 25px;
      cursor:pointer;
      text-decoration:none;
      font-weight:bold;
    } 
    .btn-action > i {
      margin-right: 0.5rem;
    }

    .cctext{
      font-family: 'Lato',Arial,sans-serif;
    }

    .flexContainer {
      display: flex;
      width: 60%;
    }

    .inputField {
      flex: 1;
      color:#000000; 
      background:#FFFFFF;
      border:1px solid #D3D3D3;
      padding:7px;
      width:21%;
      display:block;
      font-family: 'Lato',Arial,sans-serif;
      font-size:14px;
      border-radius: 10px;
    }

    .table-striped .celulaEmEdicao input[type=text]{
      width:100%;
      border:0;
      background-color:rgb(255,253,210);  
    }

    .ccInput{
      color:#000000; 
      background:transparent;
      border:0;
      padding:3px;
      width:100%;
      font-family: 'Lato',Arial,sans-serif;
      font-size:14px;
      text-align: center;
    }

    .ccformarea {
      color:#000000; 
      background:#FFFFFF;
      border:1px solid #D3D3D3;
      padding:30px;
      width:92%;
      font-family: 'Lato',Arial,sans-serif;
      font-size:14px;
      resize: none;
    }

     .btn-circle {
      width: 30px;
      height: 30px;
      text-align: center;
      padding: 6px 0;
      font-size: 12px;
      line-height: 1.428571429;
      border-radius: 15px;
    }

    .ccformfieldLarge {
    color:#000000; 
    background:#FFFFFF;
    border:1px solid #D3D3D3;
    padding:7px;
    width:35%;
    display:block;
    font-family: 'Lato',Arial,sans-serif;
    font-size:14px;
    border-radius: 10px;
  }

  .ccform-addon2{
      color:#00FF00; 
      float:left;
      padding:8px;
      width:20%;
      background:#FFFFFF;
      text-align:center;  
    }

    .table-striped .celulaEmEdicao input[type=text]{
      width:100%;
      border:0;
      background-color:rgb(255,253,210);  
    }

    .campodetexto {
  display: block;
  width: 21%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Lato',Arial,sans-serif;
 border-radius: 10px;


   }

  p {
    margin-bottom: 0;
  }
  body{
    background-color:var(--azul);
    min-height: 100vh;
  }
  footer {
    text-align:center;
  }
  #auth-header {
    min-height: 10vh;
  }
  #auth-footer {
    display:flex;
    align-items:center;
    justify-content: center;
    min-height: 7.5vh;
    padding: 1rem 0;
    background-color: var(--laranja);
    font-size: 80%;
  }
  #auth-content{
    min-height: 82.5vh;
  }
  #auth-content .card-title {
    margin-left: 1.5rem;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: bolder;
  }
  /* DISPLAY UTILITIES CLASSES */
  .d-none {
    display:none;
  }
  .d-flex {
    display:flex;
  }
  .d-block {
    display:block;
  }
  .d-inline-block {
    display:inline-block;
  }
  .title-bordered {
    display:inline-block;
    min-width: 400px;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem !important;
  }
  /* TEXT UTILITIES CLASSES */
  .text-normal {
    font-weight: normal !important;
  }
  
  /* CUSTOM CONTROLS */ 
  .custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  .custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1.5rem;
  }
  .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
  }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
  }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff;
  }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }
  .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
  }
  .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
  }
  .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
  }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
  }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: 50% / 50% 50% no-repeat;
  }
  .custom-radio .custom-control-label::before {
    border-radius: 50%;
  }
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  }
  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
  }
  
  /* INVALID FEEDBACK */
  .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
  }
  .form-control.is-invalid {
    border-color: #dc3545;
  }
  .form-control.is-invalid + .invalid-feedback {
    display:block;
  }
  .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
  }
  
  /* FLEX UTILITIES CLASSSES */
  .hflex-center, .vflex-center, .flex-between, .flex-center, .flex-end {
    display:flex;
  }
  .hflex-center, .flex-center {
    justify-content: center;
  }
  .flex-end {
    justify-content: flex-end;
  }
  .vflex-end {
    align-items: flex-end;
  }
  .vflex-center, .flex-center{
    align-items:center;
  }
  .flex-between {
    justify-content:space-between;
  }
  
  /* BACKGROUND E TEXT COLOR UTILITIES CLASSES */
  .bg-orange {
    background-color: var(--laranja);
  }
  .text-orange {
    color: var(--orange);
  }
  .bg-green {
    background-color: var(--verde);
  }
  .text-green {
    color: var(--verde);
  }
  .bg-blue {
    background-color:var(--azul);
  }
  .text-blue {
    color: var(--blue);
  }
  
  
  /* CUSTOM STYLES */
  .page-logo {
    height: 60px;
    width: 110px;
  }
  .page-description {
    margin-left: 1rem;
    font-size: 80%;
    font-weight: bolder;
    color: #fff;
    display:none;
    font-size: 20px;
  }
  .control-label.required::after {
    content: " *";
    color:red;
  }
  .page-browsers {
    width: 100%;
    height: auto;
    max-width: 100px;
  }
  .input-group-addon > i, .input-group-btn > i {
    color: var(--verde) !important;
  }
  @media only screen and (min-width: 768px) {
    .page-description {
      display:inline-block;
    }
  }