.form-control:focus
{
    border-color: #66afe9;
    background-color: #00ffe9;
}

.form-select:focus
{
    border-color: #66afe9;
    background-color: #00ffe9;
}

input:focus {
  border-color: #66afe9;
  background-color: #00ffe9;
}

.select2-container .select2-selection--single 
  {
    height: 35px !important;
  }

  .select2-container--default .select2-selection--single 
  {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
  }

  .help-block
  {
    color:red;
  }

  body{
    background-color:#f5f5f0;
    min-height: 100vh; 
    font-size:14px;
  }
  .container
  {
    background-color:white;
  }
  hr
  {
    background-color: #494545;
  }
  
  #container{
  width:500px;
  margin-top:30px;
  }
  
    #txtvehiclenoId[disabled]
    {
      cursor:not-allowed;
    }
    #txttransportId[disabled]
    {
      cursor:not-allowed;
    }
    #txtaddressId[disabled]
    {
      cursor:not-allowed;
    }
    td input,select
    {
      border:none;
      width:100%;
    }
    td input:hover
    {
      border: 1px solid green;
    }
    .textarea
    {
      border:none;
      width:100%;
    }
    .textarea:hover
    {
      border: 1px solid green;;
    }
    input[disabled]
    {
      cursor:not-allowed;
    }
    td input[placeholder]
    {
      font-size:12px;
    }

    /* navbar */
    .nav-item{
      cursor:pointer;
      font-size: larger;
    }
  
    .dropdown-item:hover {
      background-color:orange;
      color:white;
    }

    a.active {
      background-color:orange !important;
    }
    
    /* canvas */
    .bs-canvas-overlay 
    {
      opacity: 0.85;
      z-index: 1100;
    }
 
  .bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    /* width: 730px;  */
    height:100%;
    transition: margin .4s ease-out;
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
    right: 0;
    margin-right: -1300px;
  }

  .login-card
  {
    width: 380px;
  }

  .tablecolor
  {
    background-color: #125c99;
  }

    div.header 
    {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      width: 100%;
      height: 15mm;
    }
  
    table td 
    {
      position: relative;
    }
    
    table td input
    {
      position: absolute;
      display: block;
      top:0;
      left:0;
      margin: 0;
      height: 100%;
      width: 100%;
      border: none;
      padding: 3px;
      box-sizing: border-box;
    }

    table td .add-btn
    {
      position: absolute;
      display: block;
      top:0;
      left:0;
      margin: 0;
      height: 100%;
      width: 100%;
      border: none;
      padding: 3px;
      box-sizing: border-box;
    }

    table td .select2
    {
      position: absolute;
      display: block;
      top:0;
      left:0;
      margin: 0;
      height:100%;
      width: 100%;
      border: none;
      padding: 0px;
      box-sizing: border-box;
    }

    .pro_textarea
    {
      width: 100%;
    }

    table td .pro_lbl
    {
      position: absolute;
      display: block;
      bottom:-50%;
      left:0;
      margin: 0;
      height:100%;
      width: 100%;
      border: none;
      padding: 0px;
      box-sizing: border-box;
    }

    label:not(.form-check-label):not(.custom-file-label) {
      font-weight: 500;
  }
  
  .form-group {
    margin-bottom: 0.5rem;
}
.form-control { font-size: 14px;
  height: calc(2.0rem + 2px);
 /*  padding: 0.25rem 0.55rem; */
  line-height: 1.0;
  border-radius: 0.15rem;
    box-shadow:none;
     transition:none;
 }
 .dropdown-menu {
  font-size:14px;}
  .small { font-size:95%}

  .navbar-dark {
    background-color: #20639B;}

    .table th, .table td {
      padding: 0.45rem;
    }

    hr {
      margin-top: 0.8rem;
      margin-bottom: 0.8rem;
      border:0px;
      border-top: 1px solid #eeeeee;
      /* border-bottom: 1px solid #eeeeee; */
    }
    .container-fluid {
      width: 92%;
    }
    .btn-group .btn { line-height: 1.1;
    border-radius: 5px; font-size: 14px;}

    .form-horizontal .control-group {
      margin-bottom: 6px;
  }

  .h4, h4 {
    font-size: 1.2rem;
}
.h5, h5 {
  font-size: 1.1rem;
}

.p-3 {
  padding: 0.7rem !important;
}

.btn-group .focus { border:2px solid #494545;}
 
.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}
.bg-white .card { box-shadow: none;  }
.bg-white .container-fluid { width:100% }
 .sticky-bottom { bottom:0; position: sticky; z-index: 1110;     overflow-x: hidden;
  overflow-y: auto; width:100%}
  .bg-white .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid #DDD;
}
 
.btn-primary {background-color: #3e6895; border-color: #3e6895; }
.btn-primary:hover {background-color: #3e6895; border-color: #3e6895; }
.bg-primary {background-color: #3e6895; }


.card-primary:not(.card-outline)>.card-header {background-color: #3e6895; }

.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3e6895;
  border-color: #3e6895;
}

.btn-group .btn { border-radius: 20px;}
.btn-outline-primary {
  color: #3e6895;
  border-color: #3e6895;
}
 
.pull-left{float:left!important;}
.pull-right{float:right!important;}

#addRow:hover, #addRow:focus{
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}
#addsaleRow:hover,#addsaleRow:focus {
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}
#addpurretnRow:hover,#addpurretnRow:focus {
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}
#addsr_Row:hover,#addsr_Row:focus {
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}
#add_dc_Row:hover,#add_dc_Row:focus {
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}
#add_prof_Row:hover,#add_prof_Row:focus {
  border-color: #66afe9 !important;
  background-color: #00ffe9 !important;
  color:black;
}

input[readonly] {
  background-color: white;
  box-shadow: none;
}
.current_stock{
  font-weight: bold;
}

/*loader*/

#ajax-call-loader {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  /*background: url("ajax-loader.gif") center no-repeat transparent;*/
  background: url("loader.gif") center no-repeat transparent;
  background-size: 450px;
  background-color: rgba(58, 58, 58, 0.25);
}