/*!
 * myCss.css
 * 
 * Author:  Hisyam Rifqi 
 * 
 * -------------------------
 */
.box-title {
  text-transform: capitalize;
  
}
/******* CSS Autocomplete*** supaya bisa bold saat search*****/
   .autocomplete-suggestions {
       border: 1px solid #999;
       background: #FFF;
       overflow: auto;
   }
   .autocomplete-suggestion {
       padding: 2px 5px;
       white-space: nowrap;
       overflow: hidden;
   }
   .autocomplete-selected {
       background: #F0F0F0;
   }
   .autocomplete-suggestions strong {
       font-weight: bold;
      /* color: #3399FF;*/
       color: red;
   }
   .autocomplete-group {
       padding: 2px 5px;
   }
   .autocomplete-group strong {
       display: block;
       border-bottom: 1px solid #000;
   }

/******* CSS untuk warna border tabel bootstrap*****/


      .table > tbody > tr > th,
      .table > tfoot > tr > th,
      .table > thead > tr > td,
      .table > tbody > tr > td,
      .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #e1edff;
       
      }
      .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #e1edff;
      }
      
      .table > tbody + tbody {
        border-top: 2px solid #e1edff;
      }
      .table .table {
        background-color: #fff;
      }
      .table-condensed > thead > tr > th,
      .table-condensed > tbody > tr > th,
      .table-condensed > tfoot > tr > th,
      .table-condensed > thead > tr > td,
      .table-condensed > tbody > tr > td,
      .table-condensed > tfoot > tr > td {
        padding: 3px;
      }
      .table-bordered {
        border: 1px solid #e1edff;
      }
      .table-bordered > thead > tr > th {          
            /* background-color: #508ABC;*/
             background-color: #80B5D3;
            color: #FFFFFF;
			/*border-color: #6ea1cc !important;*/
            text-transform: uppercase;
            text-align: center;
      }
      .table-bordered > tfoot > tr > td {
        background-color: #e5f5ff;      
      }
      /*
      .table-bordered > tbody > tr > td:empty{
      background-color: #ffcccc;
      }
      */
      /*
      .table-hover > tbody > tr :hover {
        background-color: #f5f5f5;
      }
      */
      .table-bordered > thead > tr > th,
      .table-bordered > tbody > tr > th,
      .table-bordered > tfoot > tr > th,
      .table-bordered > thead > tr > td,
      .table-bordered > tbody > tr > td,
      .table-bordered > tfoot > tr > td {
        border: 1px solid #e1edff;        
      }
      .table-bordered > thead > tr > th,
      .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
      }
    
      .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f4fbff;
      }

      .table-striped > tbody > tr:hover {
        background-color: rgb(245, 246, 248);
      }
      
      
      /*
      .table-hover > tbody > tr:hover {
        background-color: #f5f5f5;
      }
      */
      
      .table > thead > tr > td.active,
      .table > tbody > tr > td.active,
      .table > tfoot > tr > td.active,
      .table > thead > tr > th.active,
      .table > tbody > tr > th.active,
      .table > tfoot > tr > th.active,
      .table > thead > tr.active > td,
      .table > tbody > tr.active > td,
      .table > tfoot > tr.active > td,
      .table > thead > tr.active > th,
      .table > tbody > tr.active > th,
      .table > tfoot > tr.active > th {
        background-color: #f5f5f5;
      }
      
      .table-hover > tbody > tr > td.active:hover,
      .table-hover > tbody > tr > th.active:hover,
      .table-hover > tbody > tr.active:hover > td,
      .table-hover > tbody > tr:hover > .active,
      .table-hover > tbody > tr.active:hover > th {
        background-color: #e8e8e8;
      }
    
      /********** css palce holder warna merah*****/
      .placehold-merah ::-moz-placeholder {
        color: red;
        opacity: 1;
        font-size: 12px;
        text-align: center;
      }
      .placehold-merah :-ms-input-placeholder {
        color:red;
        font-size: 12px;
        text-align: center;
      }
       .placehold-merah::-webkit-input-placeholder {
        color:red;
        font-size: 12px;
        text-align: center;

      }

      /*****************************************/
      /*
      .form-area.has-error label {
        color: #dd4b39;
      }
      .form-area.has-error .form-control,
      .form-area.has-error .input-area-addon {
        border-color: #dd4b39;
        box-shadow: none;
      }
      */

      .table {
       
        margin-bottom: 5px;
    }

    .col-xs-9 {
      position: relative;
      min-height: 1px;
      padding-right: 5px;
      padding-left: 5px;
  }