.page-header-light.lightred{
	background: #ff000012;
    border-top: 3px solid red;
    border-bottom: 3px solid red;
    font-weight: bold;
}

/** SPINNER CREATION **/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.page-header-tabs{
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 10px 0px 10px;
  display: block;
  margin:0px;
  text-align: right;
}
.page-header-tabs li{
  display: inline-block;
  list-style: none;
  background: white;
  margin-left:5px;
  border: 1px solid rgba(0,0,0,.125);
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;

  position: relative;
}
.page-header-tabs li a {
  padding:8px 10px;
  display: block;
  color: black;
}
.page-header-tabs li a:hover{
  cursor: pointer;
  background: #b8ccd6;
}
.page-header-tabs li.active a{
  background: #324148;
  color: white;
}
.card{
  border-top: 4px solid #324148;
}

.input-date{
  width: 160px;
  display: inline-block;
}
.input-time{
  width: 80px;
  display: inline-block;
}
.input-hour{
  width: 70px;
  display: inline-block;
}

input:read-only,input:disabled,.form-check-label.disabled,.uniform-checker.disabled,.uniform-select.disabled,.form-check-label.disabled:hover,.uniform-checker.disabled:hover,.uniform-select.disabled:hover {
  cursor:not-allowed;
} 
input:read-only{
  color: #999;
  background-color: #fafafa;
}
hr.hr-base{
  width: 100%;
  color:#999;
  margin:5px 0px;
  background:#999;
}
.dataTables_filter.select>label:after{
  display: none;
}
.dataTables_filter select{
  outline: 0;
    width: 12.5rem;
    padding: .4375rem .875rem;
    padding-right: 2rem;
    font-size: .8125rem;
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .1875rem;
}
.list-icons-item:hover{
  cursor: pointer;
}
.bg-red{
  background: #bf0000;
}
.anim-spin{
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

table.table tr.table-data:hover{
  background: #f5f5f5;
}

tr.table-secondary:hover td{
  background: #e6e3e3;
}
tr.table-info:hover td{
  background-color: #d0f2f7;
}
tr.table-primary:hover td{
  background-color: #c7e2f9;
}
tr.table-danger:hover td{
  background: #fdd3d1;
}
tr.table-success:hover td{
  background: #d7f5d7;
}
td.table-danger{
  background: #fdd3d1 !important;
}
.table-head-filter .table-filter-fields{
  width: calc(100% - 167px);
  float: left;
  margin-bottom: 0px 0px 10px 0px !important;
 
}
.table-head-filter .dataTables_filter.table-filter-buttons{
  width: 167px;
  margin:0px;
  float: right;
}

.table-head-filter .dataTables_filter{
  display: inline-block;
  float: none;
  margin:0px 5px 10px 5px !important;
}
.table-head-filter .dataTables_filter>label:after{
  display: none;
}

.tpa-status-list li.active span.status{
  color: green;
}
.tpa-status-list li.deleted span.status{
  color: red;
}
.table-data .dropdown-item.disabled,.table-data .dropdown-item:disabled{
  /*color: #999;*/
  background: #e2e2e2;
  cursor: not-allowed;
}

.table-orange{
  background-color: #fff3e0;
}
.table-orange:hover{
  background: #ffe2b3 !important;
}
.table-green{
  background-color: #f1f8e9;
}
.table-green:hover{
  background: #f1f8e9 !important;
}

table span.imp-data-item{
  padding: 4px;
  background: #ccc;
  display: inline-block;
  margin:2px;
}
.sidebar{
  width: 13.875rem;
}
.bg-black{
  background: black;
}

.dn-head.color-black{
  background: black;
  color: white;
}
.dn-head.color-red{
  background: #cc0101;
  color: white;
}
.dn-item-outter.deleted{
  opacity: 0.5;
}
.dn-item-outter.deleted:hover{
  opacity: 1;
}

.tbl-ship-cnt span.badge:nth-child(odd){
  background-color: #777;
}
.tbl-ship-cnt span.badge:nth-child(even){
  background-color: #0277bd;
}

.input-mw-100{
  max-width: 100px;
}
span.edi{
  background: #ea0000;
  color: white;
  display: inline-block;
  padding: 3px;
  color: white;
  margin-left: 3px;
  line-height: 13px;
  float: left;
  user-select: none;
  font-size: 13px;
}

span.doboz{
  background: white;
  padding: 3px;
  margin-left: 3px;
  background-image: url('../images/doboz.png');
  height: 19px;
  width: 25px;
  background-position: center;
  display: inline-block;
  background-size: 80% auto;
  background-repeat: no-repeat;
  float: left;
}
span.edi.big{
  font-size: 15px;
  line-height: initial;
  padding: 3px 5px;
  float: left;
}
span.doboz.big{
  width: 35px;
  height: 35px;
}
span.doboz.big2{
  width: 50px;
  height: 50px;
}
.dp-cnt{
  display: inline-block;
}

span.badge .title{
  line-height: 19px;
  float: left;
}

.table td, .table th{
  padding: .6rem;
}

.table-danger, .table-danger>td, .table-danger>th {
    background-color: #fccac7;
}
#logreg-forms form{
  background: #015691;
}
input.input-b{
  padding:0px 4px;
  width:100%;
}
input.input-sm{
  width:60px;
  padding:0px 4px;
}
input.input-esm{
  width:50px;
   padding:0px 4px;
}

input:read-only,input:read-only:focus{
  border:1px solid #a9a9a9;
  outline: none;
}
select:disabled{
  cursor: not-allowed;
}
button.btn-small{
  padding:0px 5px !important;
}
button.btn-small i{
  font-size: 10px;
}
tr.br-b-1 td{
  border-bottom: 1px solid black;
}
tr.br-b-2 td{
  border-bottom: 2px solid black;
}
.navbar-brand img {
    height: 50px;
    display: block;
}
.navbar-expand-md .navbar-brand{
  padding-top: 0px;
  padding-bottom: 0px;
}
.navbar{
    background-color: #00548f !important;
}
.navbar-expand-md .navbar-brand {
    min-width: 11.625rem;
}
.btn.disabled, .btn:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}

.table-sum,.table-bold{
  font-weight: bold;
}
.table-sum td{
  border-top: 2px solid black;
}
.small, small{
  font-size: 85%;
}
.autocomplete-item{
    padding: 4px;
    color: blue;
    clear: both;
    float: left;
}
.autocomplete-item:hover{
  color: #f44336;
  text-decoration: underline;
  cursor: pointer;
}
.filter-autocomplete{
  width: 100%;
  float: left;
  padding: 5px 0px;
}