/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */


/*NEW*/

.row {
  max-width: 100%;
}
@media only screen and (min-width: 58.75em) {
  .contain-to-grid .top-bar {
    max-width: 100%;
  }
}

.section-container.auto{
	max-width: 62.5em;
}
    



.green{
  color: green;
}

.red{
  color: red;
}

form{
	/*display:inline-block;*/
}

input.required{
	border-color:  #5DA423;
}

table.formular input[type="text"]{
  margin: 0;
}

.button{
	color: white !important;
}

button, .button{
	margin: 0;
}


.f-dropdown li{
	font-size: 0.8em;
}

input.small.button[type="submit"]{
  padding: 10px 14px 6px;
}

div.content select,
div.content input{
  /*width: auto;*/
}
div.content label{
  display: inline;
}

div.content table a{
  color: #333;
}
div.content table a:hover{
  color: #2795B6
}

.dataTables_filter label input{
  display: inline;
}

table.reportDetailData th{
  text-align:left;
}

.warning{
  border: 1px solid #ADAD00;
  background: #EDED00;
  display: inline-block;
  width: auto;
  padding: 2px 5px;
}

select { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */


.contain-to-grid{
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
	/*background: #ddd;*/
}
.top-bar{
	/*background: #ddd;	*/
}

.top-bar ul.right .has-dropdown .dropdown { right: auto; left: -1px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { left: 100%; right: auto; width: 100%; }

.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title{
	z-index: 5;
}


.divUploadContainer .uploadifive-button{
	
    
    background-color: #aaa;
    border-color: #000;
    color: #000;
}

.divUploadContainer .divDropPicture{
	color: #000
}

.divUploadContainer .uploadifive-button,
.divUploadContainer .divDropPicture,
.divUploadContainer .divTooltipPicture
{
	opacity: 0.4;
}

.divUploadContainer:hover .uploadifive-button,
.divUploadContainer:hover .divDropPicture,
.divUploadContainer:hover .divTooltipPicture{
	opacity: 1;
	
	
}

.divUploadContainer:hover .uploadifive-button{
	background-color: #2BA6CB;
    border-color: #2284A1;
    color: white;
}
.divUploadContainer:hover .divDropPicture{
	color: red;
}

.divUploadContainer:hover .divTooltipPicture{
	color: green;
}


#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0;  }
#selectable li { margin: 3px; padding: 0.4em; height: auto; }


#sortable1, #sortable2, #sortableArt1, #sortableArt2, #sortableAmazon1, #sortableAmazon2 { list-style-type: none; margin: 0; padding: 0 0 1em;  margin-right: 10px; font-size:0.9em; }
#sortable1 li, #sortable2 li, #sortableArt1 li, #sortableArt2 li, #sortableAmazon1 li, #sortableAmazon2 li { margin: 0 5px 5px 5px; padding: 2px; width: 95%; background: #E1F5D1; border: 1px solid #CCCCCC;}
#sortable1 li.disabled, #sortable2 li.disabled, #sortableAmazon1 li.disabled, #sortableAmazon2 li.disabled,
#sortableArt1 li.disabled, #sortableArt2 li.disabled{
	background: #eee;
	color: #999;
	text-decoration:line-through;
}



code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #7f0a0c;
  white-space:pre;
}

fieldset.minMargin{
	padding: 0.5em;
	margin-bottom: 0.5em;
}
fieldset.minMargin input,
fieldset.minMargin div
{
	margin-bottom:2px;
}

.ui-widget{
	font-size: 1em;
}
.ui-autocomplete-input{
	width: auto;
}

table{
	width: 100%;
}

.contain-to-grid,
.top-bar
{
	background-color: inherit;
}


#dialog-modal{
	display:none;
	max-height: 400px;
	width: 40%;
	max-width: 60%;
}


#sortableProducts { 
	list-style-type: none; margin: 0; padding: 0 0 1em;  margin-right: 10px; font-size:0.9em; 
}
#sortableProducts li{ 
	float: left;
	margin: 0 5px 5px 5px; padding: 2px; width: 95%; background: white; border: 1px solid #CCCCCC;
	width: 150px;
	height: 150px;
	position:relative;
	padding:10px;
	overflow:hidden;
	cursor: move;
	text-align:center;
}

#sortableProducts li div.title{
	font-size: 0.75em;
	min-height: 3em;
	max-height: 3em;
	background: white;
	position:absolute;
	left:0; right:0; top:0;
	opacity: 0.9;
	/*overflow:hidden;*/
	margin:2px;
	border: 0;
	border-bottom: 1px solid #ccc;
}

#sortableProducts li div.artnr{
	font-size: 0.75em;
	min-height: 1em;
	max-height: 2em;
	background: white;
	position:absolute;
	left:0; right:0; bottom:0;
	opacity: 0.9;
	/*overflow:hidden;*/
	margin:2px;
	border: 0;
	border-top: 1px solid #ccc;
}

#sortableProducts li:hover div.title,
#sortableProducts li:hover div.artnr{
	opacity: 0.3;
}

#sortableProducts li img{
	max-width: 120px;
	max-height: 120px;
}


.tblReport th{
	white-space:nowrap;

}

.spinner{
	background: red;
}



#jqstooltip{
	min-width: 5em !important;
	min-height: 2.5em !important;
}


#jqstooltip > div{
	font-size: 1.2em !important;
}


.inlinesparklineHover{
	background: url(/themes/desktop/default/images/icons/minichart_inactive.png) no-repeat;
}



/*************** PRINTER *********************/

@media print{
	dl.sub-nav,
	form{
		display: none;
	}
	
	.tblReport{
		border: none;
	}
	.tblReport thead tr th{
		border-bottom: 1px solid black;
	}
	
	a{
		text-decoration: none;
	}
	
	a[href]:after {
    content: ""; }

	abbr[title]:after {
	content: ""; }
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
	content: ""; }
	

}


/******************** LANGUAGE *****************/
#divLangSelect{
	display: none;
}

#divLangSelect img.flag{
	opacity: 0.5;
}

#divLangSelect img.flag.selected{
	opacity: 1;
}

#divLangSelect img.flag:hover{
	opacity: 1;
}


/*************** CUSTOM DROPDOWN Z-INDEX FIX ************************/
.custom.dropdown.select.open{
	z-index: 100;
}