* {
	margin: 0;
	padding: 0;
}

img {
  border-width: 0;
}

.progress{
	display:none;
}
body {
	width:100%;
	min-width: 1250px;
	background-color: #fafafa;
	font: 11px Arial, Helvetica, sans-serif;
	/*font-size: 14px;
	font-family: Helvetica Neue, sans-serif;*/
	display: block;
	overflow: auto;
	/*overflow: hidden;*/
	
}

body, html {
  height: 100%;
}

span > input {
	width: 250px;
}

.dateTimeField input {
    width: 300px;
}

select {
	width: 200px;
}

#datatableForm\:inventoriesTable > div:first-child{
	_background:white;
}

.ui-state-highlight .ui-icon {
    background-image: url(/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-smoothness);
}


.searchPanel{
	background: none repeat scroll 0% 0% rgb(241, 241, 241);
}

table#addressForm\:addressOptions.ui-selectoneradio > tbody > tr > td > label{
	margin-left:7px;
}

.growl{
	position:absolute;
	top:50%;
	right:20px;
	overflow:hidden;
}

.mainMenu {
	float:left;
	margin-top: -4px;
	height: 60px;
	display: inline-block;
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
}

.mainMenu div {
	text-align: center;
	margin: 0 auto;
	white-space: nowrap;
}

.mainMenu li {
	float: left;
	text-align: center;
}

.mainMenu div div a {
	color: #454545;
	display: block;
	text-decoration: none;
	/*
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode",
		"Lucida Sans", Tahoma, sans-serif;
	font-size: 15px;	
		*/
}

.mainMenu div div a:hover {
    color: #000000;
}

.mainMenu div div.menuSelected a.selected {
    color: #000000;
    position:relative;
}

.mainMenu div div.menuSelected {
	
	/*border-bottom: 3px solid #CCCCCC;*/
} 


.contentWindow {
	/*height: 100%;*/
	width:100%;
	/*min-width:950px;*/
	margin: 0 auto;
	width:100%;
	position:relative;
	padding-bottom:10px;
	padding-top:1%;
}

.contentWindowWithoutPadding {
	width: 100%;
	/*min-width:950px;*/
	/*max-width:1850px;*/
	margin: 0 auto;
	height:3%;
	position:relative;
}

.header {
	/*background-color: #2A2A2A;
	background-image: url(/javax.faces.resource/header_bg.gif.xhtml?ln=images);*/ 
	/*background-color: white;
	background-repeat:repeat-x;background-position:top;*/
	background-color: rgba(255,255,255,0.7);
	width:100%;
	/*min-width:1000px;*/
	/*height:70px;*/
	height:60px;
	/* height: 7%;
	max-height: 100px;
	min-height: 50px; */
}


.logo {
	float:left;
	width: 120px;
	overflow:hidden;
	height:60px;
	position:relative;
 	margin-left: 10px; 
 	margin-right: 10px; 
 	margin-top: -3px;
	display: block;
/*  	margin-left: auto;
  	margin-right: auto;*/
  	display: flex;
    align-items: center;
    justify-content: center;
}

.leftMenuIl{
	padding:5px;
	border:0px;
}

.leftMenuUl{
	
}

.leftMenuIl{
	
}

.leftMenuIl:hover{
	background-color: #C8C8C8
}

.leftMenuSelected{
	background-color: #AAAAAA;
}

.leftMenuSelected:before{
	
}

.headerRight {
	height:60px;
	text-align:left;
	float:right;
	margin-right: 5px;
	_width: 300px;
	color: white;
}

.blackButton {
	height : 28px;
	border:2px solid #5f5f5f;
	margin: 0;
	padding: 5px 5px;
	color: white;
	text-decoration: none;
	cursor:pointer;
	text-transform: uppercase;
	font: 12px Arial,Helvetica,sans-serif;
	background-color: #5f5f5f;
	font-weight:bold;
	border-radius:3px;
	width:240px;
}

.whiteButton {
	height : 28px;
	border: 0;
	margin: 0;
	padding: 5px 5px;
	color: black;
	text-decoration: none;
	text-align: left;
	cursor:pointer;
	text-transform: uppercase;
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
	line-height: 19px;
	background-color: transparent;
	width: 480px;
}

.loginInputText{
	background-color: transparent; 
	width:505px;
	/*padding:6px 9px;*/
	opacity: 0.65; 
	border: 0;
	font-family: Helvetica Neue, sans-serif !important;
	font-size: 14px !important;
	line-height: 19px;
}

.logoutText{
	background-color: transparent;
	border: 0;
	width: 100% !important;
	float: right !important;
	margin-right: 30px;
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
}

.loginButton{
	width:300px;
	border: 0;
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
	/*letter-spacing: 25px;*/
}

.passwordLink{
	color:black;
	text-decoration:none;
	margin-top:10px;
	width:50%; 
	display:block;
	font-family: freight-display-pro, serif;
	opacity: 0.65; 
	font-size: 15px;
	line-height: 20px;
	margin: auto;
}

/*
.passwordLink:hover{
	text-decoration:underline;
}
*/

.blackButton:hover {
	background-color: white;
	color: black;
	border:2px solid white;
}

.right {
	float: right;
}

.left {
	float: left;
}

.bar {
	width: 100%;
	background-color: #CC0000;
	min-height: 5px;
}

.placeOrderGrid {
	width: 45%;
	vertical-align: top;
}

/* footer */
/*************footer**********/
.footer {
	border-top-style: solid;
	border-top-color: #F1F1F1;
	border-top-width: 1px;
	background-color: #000000;
	position: fixed;
	width: 100%;
	min-width:1000px;
	bottom: 0px;
}

.footer a {
	color: white;
	text-decoration: none;
}

.footerHomePage {
	position: fixed;
  	bottom: 0;
  	width: 100%;
  	/*height: 30px;*/
  	height: 50px;
  	/*margin-bottom: 1%;*/
  	/*background-color: rgba(255,255,255,0.5);*/
  	background-color: white;
  	z-index: 9999 !important;
  	
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-size: 14px; font-family: 'Helvetica Neue, Light';}
	.ui-widget { font-size: 14px; font-family: 'Helvetica Neue, Light';}
	.ui-widget-content tr{ border: none!important; background-color: #EAEAEC !important; } 
	.ui-widget-content { border: 0px!important; background-color: #EAEAEC !important;} 
	.ui-widget-header { background-color: #EAEAEC !important; background: #EAEAEC !important;}
	.ui-dialog .ui-dialog-content {padding: 0;}
	.contentWindow{padding-top: 0%;}
	.ui-shadow { box-shadow: none !important; }
	body{
		background-image: url(/javax.faces.resource/anatoliaHome.jpg.xhtml?ln=images);
		background-repeat: no-repeat; 
		background-position: center center;
		background-size: cover;
	}
				
}


.loginPanel {
	position: relative;
	height: 660px;
	width: 1125px;
	margin: 0 auto;
	/*background-image: url(/javax.faces.resource/bg6.jpg.xhtml?ln=images);*/
	background-color: transparent;
	background-repeat: round;
}

.banner {
	position: absolute;
	top: 200px;
	opacity: 0.0;
	background-color: #000000;
	width: 100%;
	height: 300px;
}

.loginForm {
	border: 0px solid #000000;
	position: absolute;
	padding: 20px;
	width: 400px;
	margin-left: 300px;
	color: #ffffff;
	top: 120px;
	background-color: tranparent;
}

.label {
	float: left;
	text-align: right;
	margin-right: 25px;
	width: 80px;
}



.leftPanel {
	width:12%;
	float:left;
}



.leftPanel ul li a {
	text-decoration: none;
}

.rightPanel {
	width: 86%;
	margin-left:12%;
}

.content {
	/*margin-bottom: 40px;*/
	height: 100%;
	overflow: auto;
}

.content2 {
	margin-bottom: 30px;
}

.ui-tabs-panel {
	position: relative;
}

.clickable{
	cursor:pointer;
}

td.noBorders {
	border-style: none !important;
	padding:1px !important;
}


.submenu-title {
	padding: 4px 10px;
}

.submenu-content {
	text-align: center;
	padding: 5px 10px;
}

.buttonMargin{
	margin-right:10px !important;
}

.red{
	color:red;
}

.post {
	padding-bottom: 15px;
}

.post h1 {
	font-weight: normal;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #DADADA;
    border: 1px solid #363636;
    color: black;
}


.title {
	height: 30px;
	margin-left: 10px;
	padding: 8px 0 0 20px;
}

.entry {
	padding: 0 20px;
}

.ui-cell-editor {
	display: inline-block;
}

.verticalTop {
	padding-top: 5px;
	vertical-align: top;
}

.backOrder {
	background: #FFE699 !important;
}

.fileUploadRow {
	background: #C6C6C6;
	font-style: italic !important;
}

.kitItem {
                background-color: #90EE90 !important;
                background-image: none !important;
                color: #000000 !important;
}
            
.existing {
	background: #CCC !important;
}

.ui-datatable-hor-scroll .ui-datatable-tablewrapper,.scrolling-div .ui-datatable-tablewrapper
	{
	overflow: auto;
	width: 100%;
	padding-bottom: 5px;
}

/* all */
::-webkit-input-placeholder {
	color:  #777; opacity:1;
}

::-moz-placeholder {
	color:  #777; opacity:1;
} /* firefox 19+ */
:-ms-input-placeholder {
	color:  #777; opacity:1;
} /* ie */
input:-moz-placeholder {
	color:  #777; opacity:1;
}


.ui-dashboard-column {
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 95%;
}

.searchicon {
	background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.9);
    border-color: #D3D3D3;
    border-image: none;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(8, 22, 37, 0.02) inset, 0 0 2px rgba(8, 22, 37, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    padding: 4px 6px;	
    height:14px;
    width:580px;
    /*font-family: Helvetica Neue, sans-serif;
  	font-size: 16px;
  	opacity: 0.65;*/
  	font-family: freight-display-pro, serif;
	font-size: 13px;
	line-height: 24px;
}

.searchicon:focus {
	border:1px solid #999999;
}

 .g-search-button {
 	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	display:block;
	float:left;
	width:40px;
	height:22px;
	border-right:1px solid #D3D3D3;
	border-top:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
    cursor:pointer;
	background: #E6E6E6 url(/javax.faces.resource/search2.png.xhtml?ln=images) no-repeat center;
	background-size: 16px 16px;
}

.g-search-button:hover {
	background: #C6C6C6  url(/javax.faces.resource/search2.png.xhtml?ln=images) no-repeat center;
	background-size: 16px 16px;
}

.g-search-button:active {
	_border:1px solid #848484;
    background: #A6A6A6 url(/javax.faces.resource/search2.png.xhtml?ln=images) no-repeat center;
    background-size: 16px 16px;
}

/* new added */

.breadcrumb a:hover {
	background: #2a2a2a;
	/*font-weight: bold;*/
	text-decoration: underline;
}

.breadcrumb a:hover:after{
	background: #2a2a2a;
}
.breadcrumb a:hover:before{
	background: #fff;
	color: #000;
}

.breadcrumb a {
	width: calc(20% - 70px);
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding: 0 20px 0 50px;
	background: #C4C4C4;
	position: relative;
}


/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
	width: calc(20% - 56px);
	padding-left: 36px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb a:first-child:before {
	left: 10px;
}
.breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
}

/*hover/active styles*/
.breadcrumb a.aktif{
	background: #A00;
}
.breadcrumb a.aktif:after {
	background: #A00;
}
.breadcrumb a.aktif:before {
	background: #000;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	-webkit-transform: scale(0.707) rotate(45deg);
	transform: scale(0.707) rotate(45deg);
	-ms-transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #C4C4C4;
	box-shadow: 
		2px -2px 0 2px rgba(255, 255, 255, 1), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	_border: 2px solid white;
	/*the curved border on the left helps in seamless integration of the arrow and link gradients without any interruption from the box shadows provided to the arrows. specially during hover effect.*/
	border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.breadcrumb a:before {
	content: counter(flag1);
	counter-increment: flag1;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	text-align:center;
	position: absolute;
	top: 0;
	left: 22px;
	background: #999;
	
}



/* end of changes */

.breadcrumbOuter{
	width:90%;
	min-width:940px;
	margin: 0 auto;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;

}

.breadcrumb {
	counter-reset: flag1; 
	width: 100%;
	display: inline-block;
}


.breadcrumb span {
	width: calc(20% - 70px);
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 36px;
	color: white;
	padding: 0 20px 0 50px;
	background: #C4C4C4;
	position: relative;
}


/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb span:first-child {
	width: calc(20% - 56px);
	padding-left: 36px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb span:first-child:before {
	left: 14px;
}
.breadcrumb span:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
}

/*hover/active styles*/
.breadcrumb span.aktif{
	/*background: #A00;*/
	background: #96bfe9;
}
.breadcrumb span.aktif:after {
	background: #96bfe9;
}
.breadcrumb span.aktif:before {
	background: #000;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb span:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	-webkit-transform: scale(0.707) rotate(45deg);
	transform: scale(0.707) rotate(45deg);
	-ms-transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #C4C4C4;
	box-shadow: 
		2px -2px 0 2px rgba(255, 255, 255, 1), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	_border: 2px solid white;
	/*the curved border on the left helps in seamless integration of the arrow and link gradients without any interruption from the box shadows provided to the arrows. specially during hover effect.*/
	border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.breadcrumb span:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.breadcrumb span:before {
	content: counter(flag1);
	counter-increment: flag1;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	text-align:center;
	position: absolute;
	top: 0;
	left: 22px;
	background: #999;
	
}

.mainMenuItem{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  position: relative;
  color:black;
}

/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  font-family: Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  color:black;
}
#cssmenu {
  width: 100%;
}

#cssmenu > ul > li.selected {
	/*color: #fff;*/
}


#cssmenu > ul > li > a, #cssmenu > ul > li > span {
  display: block;
  padding: 5px 5px 5px 15px;
  color: black;
}

#cssmenu > ul > li > a > span {
	padding-right:8px;
}
#cssmenu > ul > li > ul > li > a > span {
	padding-right:8px;
}


#cssmenu > ul > li > a:hover {
  text-decoration: none;
  background:#222222;
  color:#fff;
}
#cssmenu > ul  > li >  a:hover > span{
	
	/*background-image: url(/javax.faces.resource/sprites-white.png.xhtml?ln=images);*/
	background-repeat: no-repeat;
}
#cssmenu > ul  > li >  a:hover > span.weightLimitsIcon{
    
    background-image: url(/javax.faces.resource/sprite-weight-limits-white.png.xhtml?ln=images);
    background-repeat: no-repeat;
}


#cssmenu > ul > li.selected > a
{
  /*color: #fff;
  background: #AA0000;*/
} 

#cssmenu > ul > li.selected > a > span
{
	/*background-image: url(/javax.faces.resource/sprites.png.xhtml?ln=images);*/
	background-repeat: no-repeat;
}

#cssmenu > ul > li.selected > a > span.weightLimitsIcon{
    background-image: url(/javax.faces.resource/sprite-weight-limits.png.xhtml?ln=images);
    background-repeat: no-repeat;
}

#cssmenu ul .has-sub > span{
	border-top:1px solid #CCCCCC;
	color:black;
	font-style: italic;
    margin-top: 10px;
    padding: 10px 10px 5px 5px;
	/*font-weight: bold;*/
}

#cssmenu > ul > li > ul > li:last-child{
	border-bottom:1px solid #CCCCCC;
	padding-bottom: 10px;
}


#cssmenu ul > li > ul > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  color:black;

}

#cssmenu ul > li > ul >li > a:hover  {
  color: #fff;
  background:#222222;
}

#cssmenu ul > li > ul >li > a:hover > span{
	
	/*background-image: url(/javax.faces.resource/sprites-white.png.xhtml?ln=images);*/
	background-repeat: no-repeat;
}

#cssmenu ul > li > ul >li > a:hover > span.weightLimitsIcon{
    
    background-image: url(/javax.faces.resource/sprite-weight-limits-white.png.xhtml?ln=images) !important;
    background-repeat: no-repeat;
}

#cssmenu ul ul li.selected a {
  /*color: #fff;
  background: #AA0000;*/
}

#cssmenu ul ul li.selected a span{
	/*background-image: url(/javax.faces.resource/sprites.png.xhtml?ln=images);*/
	background-repeat: no-repeat;
}

#cssmenu ul ul li.selected a span.weightLimitsIcon{
    background-image: url(/javax.faces.resource/sprite-weight-limits.png.xhtml?ln=images);
    background-repeat: no-repeat;
}


#qtip-overlay{
   position: fixed;
    left: -10000em;
    top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }

    /* Change opacity of overlay here */
#qtip-overlay div{
        position: absolute;
        left: 0; top: 0;
        width: 100%; height: 100%;
        background-color: black !important;
    	background: url(/javax.faces.resource/images/ui-bg_flat_0_aaaaaa_40x100.png.xhtml?ln=primefaces-smoothness) repeat-x scroll 50% 50% #AAAAAA !important;
    	opacity: 0.3 !important;
}


.linkClassWithoutPadding{
	text-decoration:none;
    font-weight:bold;
}
.linkClassWithoutPadding:hover{
	text-decoration: underline;
}
.linkClass
{
	
	text-decoration:none;
    display: inline-block;
    /*font-weight:bold;*/
    padding: 5px 10px 10px 5px;

}

.linkClass:hover
{
    text-decoration: underline;
}

#dlgForm\:buttonForCheckTransit.ui-button-icon-only{
	padding:0;
	width: 2em;
	height:2em;
}

#dlgForm\:buttonForDyelots.ui-button-icon-only{
	padding:0;
	width: 2em;
	height:2em;
}

#topRightForm\:companySelection .ui-button-icon-only 
{
	_padding:4px;
	height:27px;
	border:1px solid #999999;
	border-left:0px;
	float:right;
}

#topRightForm\:companySelection_input 
{
	border:1px solid #999999;
	height:17px;
}

#searchForm\:companySelection  .ui-button-icon-only 
{
	height:24px;
	border:1px solid #D3D3D3;
	border-left:0px;
	float:right;		
}

#searchForm\:companySelection_input 
{
	border:1px solid #D3D3D3;
	height:14px;
}

.ui-inputfield {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 !important;
    color: #555555;
}

.fileupload-buttonbar {
    padding: 0 !important;
}

input#dlgFormAddItem\:dateButton_input.ui-inputfield {
	width:170px;
}

#formAddItems\:addedInventoriesTable.ui-datatable div.ui-datatable-tablewrapper table tfoot tr td{
	background:none;
	border-top:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
}

.icon-user {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/javax.faces.resource/sprites-white.png.xhtml?ln=images);
	background-repeat: no-repeat;
	background-position: -460px -224px;
	display:inline-block; float:left;
	color: black !important;
}

.icon-question {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/javax.faces.resource/sprites-white.png.xhtml?ln=images);
	background-repeat: no-repeat;
	background-position: -226px -480px;
	display:inline-block; float:left;
}


.icon-questionMark {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/javax.faces.resource/sprites-white.png.xhtml?ln=images);
	background-repeat: no-repeat;
	background-position: -226px -480px;
	display:inline-block; float:left;
}


.text-user{
	display:inline-block; 
	padding: 2px 5px;
	float:left;
}

.text-user-black{
	display:inline-block; 
	padding: 2px 5px;
	float:left;
	color: black;
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
	margin-top:5px;
}

.text-user-black:hover{
	text-decoration: underline;
}

.text-user:hover{
	text-decoration: underline;
}

.ui-menu .ui-menuitem-text {
    float: right !important;
    padding-left: 5px;
}

.ui-shadow{
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6) !important;
}

#searchPanelForm\:inventorySelection.ui-autocomplete input{
	width:120px;
}

.ui-datatable .ui-datatable-data tr.ui-expanded-row-content.ui-state-hover{
	background:none !important;
}

.ui-menuitem-link:hover{
	background:none !important;
	color: black !important;
	opacity: 1 !important;
}

.normalLine{
	text-align:center;
}

.backOrderLine{
	background:#ffe699 !important;
	text-align:left;
	
}

.aboutToChangeLine{
	background:#eca1a6 !important;
	text-align:center;
	
}

td.deletedLine{
	background:#ccc !important;
	text-decoration:line-through;
	text-align:center;
}

td.deletedLine > span{
	background:#ccc !important;
	text-decoration:line-through;
	text-align:center;
}

td.deletedLine > div{
	background:#ccc !important;
	text-decoration:line-through;
	text-align:center;
}

tr.deletedLine > td{
	background:#ccc !important;
	text-decoration:line-through;
	text-align:center;
}

td.sampleLine{
	border-style: none !important;
	border: solid blue 1px !important;
}

td.sampleLeftLine{
	border-right: none !important;
}

.deletedPermanently{
	background:#ccc !important;
	text-decoration:line-through;
	text-align:center;
}

.canceledLineEdit{
	background:#ccc !important;
	text-align:center;
}
.boldFont{
	font-weight:bold !important;
}


legend{
	background:#e6e6e6 !important;
}

.useRedIcons{
	background-image: url(/javax.faces.resource/sprites-red.png.xhtml?ln=images) !important;
}

#addedInventoriesTableForm\:addedInventoriesTable_data .ui-state-highlight .ui-icon{
	background-image: url(/javax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-smoothness);
}

.weightLimitsIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/javax.faces.resource/sprite-weight-limits.png.xhtml?ln=images);
    background-repeat: no-repeat;
}

.noComment{
	display: inline-block;
	width: 32px;
	height: 24px;
	background-image: url(/javax.faces.resource/speech-bubble-32.png.xhtml?ln=images);
	background-repeat: no-repeat;
	margin-left:-8px;
	margin-right:-8px;
}

.withComment{
	display: inline-block;
	width: 32px;
	height: 24px;
	background-image: url(/javax.faces.resource/approved_speech-bubble-32.png.xhtml?ln=images);
	background-repeat: no-repeat;
	margin-left:-8px;
	margin-right:-8px;
}

.italicFont{
	font-style: italic !important;
}

.italicAndGrey{
	font-style: italic !important;
	color: grey;
}

.ulAware ul{
	padding-left:40px;
}

.ulAware ol{
	padding-left:40px;
}

.bulletinCol1{
	padding:10px;
	border:1px solid #aaaaaa;
	width:5%;
	white-space:nowrap;
	vertical-align: top;
}
.bulletinCol2{
	padding:10px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	width:85%;
	position:relative;
}
.bulletinCol3{
	border-right:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	width:80px;
	padding:4px;
	position:relative;
	vertical-align:top;
}
#indexForm\:bulletinBoard_content{
	padding-left:2px;
	padding-right:2px;
}

#formAddItems\:inputFileHijack_menu{
	width:205px;
}

.breadcrumbOuter .ui-blockui{
	z-index: 20000;
}

.ui-blockui{
	overflow:hidden;
}
.pac-container {
    z-index: 1051 !important;
}

.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
}

.rightArrow {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.downArrow {
  -webkit-transform: rotate(45deg);
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.backgroundAll{
	position: relative;
  	/*min-height:750px;*/
	margin:0;
	padding-bottom: 2.5rem;
	height: 94%; 
	/*height:80vh;*/ 
	/*background-image: url(/javax.faces.resource/anatoliaHome.jpg.xhtml?ln=images); 
	background-size: auto;  
	background-repeat: no-repeat; 
	background-position: center center;
	background-size:cover;*/
}

.footerButton{
	width: 100px;
	margin: 5px;
	padding: 5px 5px;
	color: black;
	background-color: transparent;
	opacity: 0.65; 
	font-size: 14px;
	font-family: 'Helvetica Neue, Light';
 	font-weight: 300;
 	border: 0;
 	position: relative;
 	z-index: 99999;
}

.footerButton:hover{
	text-decoration:underline;
}

.popupInside{
	overflow: auto;
	overflow-y: auto;
	margin-bottom:50px; 
	left:0px !important;
	max-height:40%;
	/*height: 40% !important;*/
	background-color: #EAEAEC;
	border: 0;
	font-size: 14px;
	font-family: Helvetica Neue;
	/*font-family: 'Helvetica Neue, Light';*/
 	line-height: 15px;
 	font-weight: normal !important;
 	/*margin-top: 25.4% !important;*/
}

.ui-datatable-tablewrapper > table > tbody > tr {
	background: white;
}

.ui-datatable-tablewrapper > table > tbody > tr:nth-child(even) {
	background: #efefef;
}

.ui-datatable-tablewrapper > table > tbody > tr:nth-child(even).ui-state-hover {
	/*background: #dadada;
	background-repeat: repeat;
    background-size: 50% 50%;*/
    opacity: 0.8 !important;
	background: url() repeat-x scroll 50% 50%  #DADADA !important;
}

.ui-datatable-tablewrapper > table > tbody > tr:nth-child(even).ui-state-highlight {
	background: #dadada;
}


.alignTop {
	vertical-align: top;
}

.midColumn {
	border:none; 
  	margin-left: auto;
  	margin-right: auto;
  	display:flex;
  	width: 30%;
}

/* container */
.columnSpace {
	vertical-align: top;
    display:flex;
    column-gap: 100px;
}

.three-columns {
	vertical-align: top;
	width: 400px;
}

/* columns */
.three-columns > * {
    width:calc((100% - 2rem) / 3);
}