 <style>

  .ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesnt support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }

  .has-error .help-block {
    color: red;
  }
  
  .valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
    position: absolute;
    width: auto;
    bottom: 10px;
    right: 10px;
    margin-top: 0;
}

  /*.required label {
    font-weight: bold;
  }*/

  .required label:after {
      color: #e32;
      content:  "* wajib";
      font-style: italic;
      font-size: 12px;
      display:inline;
  }

  #cardcontent .card-title {
    font-size: 25px;
    color: #A4A4A4;
  }


  #cardcontent .card-body {
    /*background-color: #C9C9C9;*/
  }


  #table th {
    font-size: 14px;
  }

  #table td {
    font-size: 14px;
  }
  
  table.dataTable thead th {
    vertical-align: middle;
    /*background-color: #E7C356 !important;*/
    /*color: white;*/
  }
  
  /*.main-sidebar { background-color: #3D99B4 !important }*/
  
  /*.nav-link {color: #111111 !important}*/
  
  .batas-menu {
    margin-top: 2px;
    margin-bottom: 2px;
    border-width: 2px;
  }  

  .kelapkelip{
    animation:kelapkelipText 1.5s infinite;
  }
  @keyframes kelapkelipText{
      0%{     color: #FE0303;    }
      50%{    color: #FF6E6E; }
      60%{    color: #FFB7B7; }
      70%{    color: #FFCFCF; }
      80%{    color: #FFF1F1; }
      90%{    color:transparent;  }
      100%{   color: transparent;    }
  }

  .shortcut {
    color: #0E8F08;
  }
  

 .select2,
.select2-search__field,
.select2-results__option
{
    font-size:1.1em!important;
}
.select2-selection__rendered {
    /*line-height: 2em !important;*/
}
.select2-container .select2-selection--single {
    /*height: 2em !important;*/
      height: 40px;
}
.select2-selection__arrow {
    height: 2em !important;
}

.form-group > .select2-container {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

#toni-breadcrumb {
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: -10px;
  margin-top: -20px;
}

#toni-breadcrumb ol {
  background-color: transparent;
}

#toni-content {
  margin-left: 18px;
  margin-right: 18px;
}


.toni-info-user{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.bg-escbg {
  background-color: #F07335;
  color: white;
}



  </style>