.modal-container { 
	overflow: scroll !important; 
	height:100%; 
 	
}

.purchheader{
	background-color:#6cb3ac;
	color:white;
}
	
 .fixed-header {
        top:0;
        position:fixed; 
        width:auto;
        z-index: 1;
      }	



.nopadd {padding-top:0;}
.navbar{
	background-color: #343a40 !important;
}

.nav-link{
	color: rgba(255,255,255,.5);
	text-transform: uppercase !important;
	cursor: pointer;
	
}

.dropdown-menu{
	background-color: #343a40;
}

.dropdown-menu .nav-link{
	color: rgba(255,255,255,.5) !important;
}

.dropdown-menu .nav-link:hover{
	color: rgba(255,255,255,.8) !important;
}

.stickytable th {
  position: sticky;
  top: 50px;  /* 0px if you don't have a navbar, but something is required */
  background: white;
}


#brandholder img{
	height:100px
}

#loading{
	position: fixed;
	top:40vh;
	width:100px;
	left:50%;
	margin-left:-50px;
	background-color: red;
	z-index:9999;
}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease; 
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}


.newval{
	float: right;
	color:white;
	background-color: green;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}



tr:hover{
	cursor:pointer;
}

.a{
	border-bottom:1px solid #cccccc;
	line-height: 1.3em;	
	
}

.active{
	background-color: gray !important;
	color:white !important;
}

.rodbut{
	border:1px solid gray;
	font-size: 1.2em;
	padding-top:7px !important;
	margin-left:5px;
	margin-right:5px;
}

.rodbut:hover{
	cursor:pointer;
	border:1px solid black;
	background-color:#eeeeee;
	}


.costcodes{
	background-color: darkgrey;
	color:white;
}

.costcodesitem{
	border:1px solid black;
	border-radius: 10px;
	padding:15px;
}

.costcodes .list-group-item{
	color:black;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.item_image{
	border:1px solid white;
}

.item_image_sm{
	border:1px solid white;
	width:100%;
}

.dropdowncodes{
	position: absolute;
	width:92%;
	z-index: 9999;
}

.faiconsm{
	cursor:pointer;
	font-size:1.6em;
	color:#999999;
}

.faiconlg{
	cursor:pointer;
	font-size:2.2em;
	color:black;
}

.faiconsm:hover,.faiconmed:hover{
	color:#333333;
}

.faiconmed{
	cursor:pointer;
	font-size:1.6em;
	color:#999999;
	
}

.faiconmed:hover{
	color:#333333;
}

.filtericon{
	float:left;
	width:20%;
	text-align: center;
}
	


.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }



th {
  		position: sticky;
  		top: 0px;  /* 0px if you don't have a navbar, but something is required */
  		background: white;
		}	

.itemstable th{
	position: relative;
	background-color: lightcoral;
}


.autodropdown{
	position: absolute;
	width:100%;
	z-index:9999;
}

.autodropdown li:hover{
	background-color: #f5f5f5f5; 
	cursor: pointer;
}

.clear{
	margin-left:8px;
	color: red;
	height:20px;
	font-size:1.2em;
	cursor: pointer;
	
}

.btn-warning{
	background-color: orange;
}

.btn-default{
	background-color: white;
	border:1px solid #726F6F;
}

.btn-default:hover{
	cursor: pointer;
	background-color: #eeeeee;
}

.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .875rem;
    line-height  : .5;
    border-radius : .2rem;
}

.list-group-item:hover{
	background-color: #eeeeee;
	cursor:pointer;
	
}

.is-danger-text{
	color:white;
	background-color: red;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}


.is-danger{
	color:red;
	border:1px solid red;
}

.vdp-datepicker *{
	border:white;
}

#product_expected_date{
	padding-left:9px;
	padding-top:5px;
	padding-bottom:6px;
	
}

.requestuserbox{
	border:1px solid grey;padding:4%;padding-top:2%;border-radius:15px;color:white;
}


.box1{
	background-color: darkturquoise;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
}

.box2{
	background-color: cadetblue;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
	
}
.box3{
	background-color: #ffc107;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
}

.vdp-datepicker__calendar{
	color:black;
}

.rowsApproved{
	color:black;
}

.rowsOrdered{
	color:green;
}

.rows3{
	color:black;
}

.rows6{
	
	color:#3EB650 ;
}

.rows7{
	
	color:darkorange;
}

.thfilter:hover{
	color:blue !important;
	font-weight: bold !important;
}

/*
.priorityLow{
	background-color:lightblue !important;
}

.priorityNormal{
	background-color:lightgreen !important;
}
*/

.priorityUrgent{
	color:white;
	background-color: lightcoral!important;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
}


.locationbutton{
	position: relative;
	float: left;
	min-width:100px;
	padding:5px;
	border:1px solid black;
	border-radius:5px;
	margin-right:5px;
	background-color: white;
	text-align: center;
}

.dragitem:hover{
	background-color: #eeeeee;
	cursor: pointer;
}