body.bg-primary {
    background-color: #fff !important;
}
html {
  scroll-behavior: smooth;
}
.width-100{
	width:100%;
}
/* width */
/* ::-webkit-scrollbar {
  width: 5px;
  height:5px;
} */

/* Track */
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 2.5px;
} */
 
/* Handle */
/* ::-webkit-scrollbar-thumb {
  background: rgba(255, 36, 0,.5); 
  border-radius: 5px;
} */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: #FF2400; 
} */
.sb-sidenav-light .sb-sidenav-menu .nav-link:hover,.sb-sidenav-light .sb-sidenav-menu .nav-link:hover i,.sb-sidenav-light .sb-sidenav-menu .nav-link:hover .sb-sidenav-collapse-arrow {
  color: #FF2400;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link.active,.sb-sidenav-light .sb-sidenav-menu .nav-link.active .sb-sidenav-collapse-arrow{
  color: #FF2400;
}
.sb-sidenav-light .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
    color: #FF2400;
}
h6.text-dark{
	color: #FF2400 !important;
}
.help-block, .err-text{
	color:red;
	font-size:12px;
	font-weight:bold;
}
td.details {
    background: url('/img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details {
    background: url('/img/details_close.png') no-repeat center center;
}

/* extra */
.auto-marg
{
	margin:auto !important;
}


/* typeahead */
.list-group
{
	position: absolute;
	z-index:100;
	max-height:40vh;
	overflow-y:scroll;
	
}

/* inward entry */

.empty{background-image:url('/img/truck_empty.png');}
.reload{background-image:url('/img/truck_reload.png');}
.cc-selector input:active + .drinkcard-cc{opacity: .5;}
.cc-selector input:checked + .drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.5);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.5);
            filter: brightness(1.8) grayscale(1) opacity(.5);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.5);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.5);
            filter: brightness(1.2) grayscale(.5) opacity(.5);
}

.rimg{
	position: relative;
	right:5px;
    /*background-color: black;*/
    color: red;
    padding: 5px;
	cursor:pointer;
}

.hiddenFileInput > input{
  height: 100%;
  width: 100;
  opacity: 0;
  cursor: pointer;
}
.hiddenFileInput{
  border: 1px solid #ccc;
  width: 100px;
  height: 75px;
  display: inline-block;
  overflow: hidden;
  
  /*for the background, optional*/
  background: center center no-repeat;
  background-size: 75% 75%;
  background-image:  url("/img/camera.png");
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.row {
  margin-bottom: 0.75rem;
}


th {
    text-align: center;
	vertical-align: middle;
}

.viewer-download {
      color: #fff;
      font-family: FontAwesome, serif;
      font-size: 0.75rem;
      line-height: 1.5rem;
      text-align: center;
    }

.viewer-download::before {
  content: "\f019";
}
/* Spinner */
#overlay {
  background: #ffffff;
  color: #111;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .90;
}
.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 5px solid #FF2400;
    border-right-color: transparent;
    border-radius: 50%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
html {
	font-size : 95%;
}

/* data tables fixed column */
.table{
	border-collapse: collapse;
}
table.dataTable td, table.dataTable th , table.dataTable tr{    
	white-space: nowrap;
}
table.dataTable tr:not([class^="status"]){    
	color :black;
	background-color: #fff;
}

/*th, td { background-color: #fff; }*/
td.edit {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
/* SNAG Color code */
.statusA{ color :black; background-color:rgba(255, 165, 0, 1);}
.statusB{ color :black; background-color:rgba(96, 170, 243, 1);}
.statusC{ color :black; background-color:rgba(111, 255, 255, 1);}
.statusD{ color :black; background-color:rgba(153, 102, 255, 1);}
.statusE{ color :black; background-color:rgba(184, 255, 114,1);}
.statusF{ color :black; background-color:rgba(255, 154, 158, 1);}
/* .statusA{ color :white; background-color:rgba(255, 165, 0, 1);}
.statusB{ color :white; background-color:rgba(0, 0, 255, 1);}
.statusC{ color :white; background-color:rgba(255, 204, 0, 1);}
.statusD{ color :white; background-color:rgba(153, 102, 255, 1);}
.statusE{ color :white; background-color:rgba(60, 179, 113,1);}
.statusF{ color :white; background-color:rgba(255, 0, 0, 1);} */

.white-tooltip + .tooltip > .tooltip-inner {background-color: #fff;}

.shortage{
	display:none;
}

table.dataTable tbody td, table.dataTable thead th {
	max-width:100px;
	min-width:100px;
	overflow-x:hidden;
	white-space:normal;
	word-break: break-word;    
    vertical-align: top;
}

/* carousel */

ol.carousel-indicators {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: auto;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
  float: left;
  width: 33%;
  height: 10px;
  margin: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
}

ol.carousel-indicators li.active {
  background: rgba(0,0,0,.7);
}

table.snag td, table.snag th, table.snag tr{ font-size: xx-small;}
/* toggle  */
.bg-light{
	color:#000;
}
.bg-dark{
	color:#fff;
}
.bg-dark >.h5{
	/*color:#FD1901;*/
}

.checkbox {
	opacity: 0;
	position: absolute;
}

.label {
	background-color: #555;
	border-radius: 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	position: relative;
	height: 20px;
	width: 50px;
	transform: scale(1.5);
}

.label .ball {
	background-color: #ddd;
	border-radius: 50%;
	position: absolute;
	top: 1px;
	left: 1px;
	height: 18px;
	width: 22px;
	transform: translateX(0px);
	transition: transform 0.2s linear;
}

.checkbox:checked + .label .ball {
	transform: translateX(24px);
}


.fa-moon {
	color: #f1c40f;
}

.fa-sun {
	color: #f39c12;
}