.col-300
{
  width: 300px !important;
}
.col-right
{
  text-align: right !important;
}
.ui-icon-arrow-l:after {
    background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important

}

.dataTables_paginate{
    float:right !important;
    text-align:right !important;
    
    margin: 0 !important;
    padding: 0 !important;

}
.paginate_button
{
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-color: red !important;
    color: red !important;
}
.input-float
{
  text-align: right !important;
  width: 120px !important;
}


 .save-btn
        {
          border-radius: 15px  !important;
          border-width: 3px solid #66CCFF !important;
          background-color: #92CD00 !important;
          text-shadow :none !important;
          border-color: transparent !important;
          padding: .25em !important;
          width : 5em !important;
          font-family:   'sans-serif';
          font-size: 12px !important;
          color: #f6f6f6 !important;

        }

.delete-btn
        {
          border-radius: 15px  !important;
          border-width: 3px solid #66CCFF !important;
          background-color: #FF6600 !important;
          text-shadow :none !important;
          border-color: transparent !important;
          padding: .25em !important;
          width : 5em !important;
          font-family:  'sans-serif';
          font-size: 12px !important;
          color: #f6f6f6 !important;
        }

.refresh-btn
        {
          border-radius: 15px  !important;
          border-width: 3px solid #66CCFF !important;
          background-color: #4DD0E1 !important;
          text-shadow :none !important;
          border-color: transparent !important;
          padding: .25em !important;
          width : 5em !important;
          font-family:  'sans-serif';
          font-size: 12px !important;
          color: #f6f6f6 !important;
        }
.print-btn
        {
          border-radius: 15px  !important;
          border-width: 3px solid #66CCFF !important;
          background-color: #cc0c78 !important;
          text-shadow :none !important;
          border-color: transparent !important;
          padding: .25em !important;
          width : 5em !important;
          font-family:  'sans-serif';
          font-size: 12px !important;
          color: #f6f6f6 !important;
        }
.close-btn
        {
          border-radius: 15px  !important;
          border-width: 3px solid #66CCFF !important;
          background-color: #FFCF79 !important;
          text-shadow :none !important;
          border-color: transparent !important;
          padding: .25em !important;
          width : 5em !important;
          font-family:   'sans-serif';
          font-size: 12px !important;
          color: #f6f6f6 !important;
        }

 
/*input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=search] {*/
  .col-input
  {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 29px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #d9d9d9 !important;
    border-top: 1px solid #c0c0c0 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
    outline: none !important;
}

input[readonly]
{
    /*background-color: #CCCCCC !important;*/
}
.ui-checkbox input
{
     /*border-bottom: 2px solid #d9d9d9 !important;*/
     /*width :100px !important;*/
     height: 16px !important;

}

.ui-focus :focus {
      border-top :none;
      border-left :none;
      border-right: none;
      transition: .3s  linear;
      border-bottom: 2px solid #089de3 !important;
      /*border-color: #089de3 !important;*/
}
.ui-btn.ui-checkbox-off:after {
    background-color: red !important;
    /* background-color: rgba(0,0,0,.3); */
}
.noshadow {
     

    box-shadow: none !important;
    outline: none !important;
    outline-width: 0 !important;
    border: 0 !important;
    border-color: transparent !important;

}

.clickable-row :hover
{
   cursor: pointer !important;
}


.col-hide {
  display: none !important;
}
.col-show {
  display: block !important;
}

.select2-dropdown
{
  min-width: 30% !important;
}
.ui-field-contain > .ui-select
{
  display: none !important;
}


.select2-result-repository__title
{
  text-shadow :none;
  font-weight: 700;

}
.select2-result-repository_extra
{
  font-size: 12px !important;
  font-style: italic;
}
.select2-results__options
{
  text-shadow :none !important;
  font-size: 16px !important;
  font-family: "sans-serif";
}
/*.dataTables_length .ui-select  
{
  margin :0 !important;
  font:10px !important;
  background-color: red !important;
}*/
#select-4-button
{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin: 0 !important;
}
.ui-field-contain
{
  margin: 1px !important;
}

.ui-state-disabled
{
  opacity: 1;
  font-weight: 700;
  color: red !important;
}


  .form-col-1
  {
    float: left;
    display: block;
    position: relative;
    width: 49%;
  }
  .form-col-2
  {
    float:  right ;
    /*display: block;*/
    position: relative;
    margin-top: -40px !important;
    /*margin-left: 50%;*/
    width: 49%;
  }
  
  .form-div-left
  {
    float: left;
    width: 49%;
  }
  .form-div-right
  {
    float: right;
    width: 49%;
  }

  .ui-tabs{

    height: 100% !important;
    float: left;
    width: 100%;
  }
  .div-tabs
  {

    position: relative;
    float: left;
    width: 100% !important;
    height: 100% !important;
  }
  .ui-tabs-anchor
  {
    font-weight: normal !important;
    font-family: sans-serif;
    font-size: 12px;
  }

.tableDetail>tbody>tr>td>.ui-select>.ui-btn
{
  background-color: red !important;
  font-size: 12px !important;
  /*padding: 0px !important;*/
  /*padding-top: 1px !important;*/
  /*padding-bottom: 1px !important;*/
}
  
.ui-field-contain>.select2-container
{
  min-width: 250px !important;
  max-width: 400px !important;
}
 
.select2-selection__rendered
{
    white-space: nowrap !important;
    overflow:hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    max-width: 400px !important;
}

.select2-container--open
{
  min-width:35% !important;
}

.ui-dialog-contain
{
  background-color: #81D4FA;
}

.select2-container--default .select2-selection--single
{
  font-size: 12px !important;
  padding-left:0 !important;
  padding-bottom:0 !important  ;
}
.select2-selection__rendered
{
  padding-left:0 !important  ;
  padding-bottom:0 !important  ;
}
.select2-selection__clear
{
  font-size: 19px !important;
}
.select2-container--default .select2-selection--multiple 
{
  max-width: 400px !important;
  text-align: top!important;

}
.repeatedentry
{
  float: right !important;
  width: 25px !important;
  margin-right: 40px !important;
  /*margin-top: -100px !important;*/
}

.scrollStyle
{
overflow-x:auto;
}
 
@media (max-width: 50em) {

  .form-div-right
  {
    float: left;
    width: 100%;
  }
  .form-div-left
  {
    width: 100%;
  }
  .ui-field-contain>.select2-container
{
  /*min-width: auto !important;*/
  max-width: auto !important;
}

  
}

.dataTables_scrollHeadInner,.display, .responsive
        {
            width: 100% !important;
        }
@media (max-width: 28em) {
   .ui-btn-right
   {
    margin-top: 37px !important;
    background-color: #089de3 !important;
    /*border-bottom: 2px solid #089de3 !important;*/
    border-radius: 0px 0px 10px 10px !important;
   }
   .ui-contain
   {
    margin-top: 40px !important;
   }
   .form-col-2
   {
    float: none !important;
    width: 100%  
   }
}