@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Roboto-regular/Roboto-regular.eot');
  src: url('/fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto'),
       local('Roboto-regular'),
       url('/fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
       url('/fonts/Roboto-regular/Roboto-regular.woff') format('woff'),
       url('/fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'),
       url('/fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg');
}


@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url('/fonts/Roboto-500/Roboto-500.eot');
  src: url('/fonts/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'),
       local('Roboto Medium'),
       local('Roboto-500'),
       url('/fonts/Roboto-500/Roboto-500.woff2') format('woff2'),
       url('/fonts/Roboto-500/Roboto-500.woff') format('woff'),
       url('/fonts/Roboto-500/Roboto-500.ttf') format('truetype'),
       url('/fonts/Roboto-500/Roboto-500.svg#Roboto') format('svg');
}



body{
	height: 100%;	
}

*{
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:0.75rem;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale; 
}
h1{
	font-size:0.9rem;
	margin:0;
}
h2{
	font-size:0.8rem;
	margin:0;
	margin-bottom:5px;
}
.upload-title{
	background:#353535;
	color:#fff;
	padding:10px;
	/*border-bottom:5px solid #fff;*/
	font-size:1rem;
}





button.callaction.save.disabled{
	background:#dfdfdf;	
	cursor:default;
	
}




.dropzone{
	min-height:0;	
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{
	font-size:1.5rem;	
}
.dropzone .dz-preview .dz-error-message{
	top:155px;
	background:#d55454;
	text-align:center;
}
.dropzone .dz-preview .dz-error-message::after{
	border-bottom-color:#d55454;
}
.dropzone .dz-preview .dz-remove{
	font-size:12px;
	padding-top:5px;	
	color: #353535;
	text-decoration: underline;
}
.dropzone .dz-preview.dz-file-preview .dz-image{
	background:#fff;	
}
.dropzone .dz-preview .dz-details .dz-filename{
	display:none;	
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{
	color:#fff;	
	display:none;	
}
.dropzone .dz-preview{
	margin-top:8px;	
}


#uploadForm{
	width:100%;
	height:200px;
	background:#f6f6f6;	
	border:0px none;
	padding:10px;
}
#uploadForm:hover{
	background:#f0f0f0;	
}
#uploadForm.checked{
	background:#ecf5ea;
	cursor:default;
}

.row{
	margin:0;	
}
.col-xs-4{
	padding:0;	
}
.uploadActionBox{
	cursor:default;	
}
.uploadActionBox.check{
	opacity:1;
	background:#f6f6f6;
}
.uploadActionBox.check.pending{
	opacity:0.1;
}
.uploadActionBox.check.checked{
	background:#ecf5ea;
}
.uploadActionBox.check.error{
	background:#F9E5E8;
}
.uploadActionBox.check.info-display{
	background:#F0EDE8;
}

.uploadActionBox.check .inner{
	border-top:0px;
	padding:10px;
	width:100%;
	height:85px;
	border:5px solid #fff;
	border-right:0;
}
.uploadActionBox.check:first-child .inner{
	border-left:0;
}

.loading-icon{
	display:none;
	width:30px;
}


.uploadActionBox.result{
	clear:both;	
	display:block;
	min-height: 250px;
	background: #f8f8f8;
	position:relative;
}
.uploadActionBox.result h2{
	position:absolute;
	top:10px;
	left:10px;
}
.uploadActionBox.result.pending{
	opacity:0.1;
}
.uploadActionBox.result .loading-icon{
	margin-top:30px;
	margin-left:10px;
}



.uploadActionBox.next{
	background: #f8f8f8;
	padding:10px;
	display:none;
}

.uploadActionBox.next button.next{
	float:right;	
}



.productview{
	display:none;	
	width:100%;
}

.productview-menu{
	padding:10px;
	position:absolute;
	right:10px;
	top:10px;
}
.productview-menu .item{
	float:left;
	margin-right:20px;
	cursor:pointer;	
}
.productview-menu .item:hover{
	text-decoration:underline;
}
.productview-menu .item.active{
	text-decoration:underline;
}

.clearfix{
	clear:both;	
}




a.callaction, button.callaction {
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    background: #2F94BA;
    background: #9db854;
    text-transform: uppercase;
    font-style: normal;
    cursor: pointer;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    border: none;
}
a.callaction:hover,
button.callaction:hover{
	background-color: #ACCC5C;
}
a.callaction.abort, 
button.callaction.abort {
	background:#b85454;
}
a.callaction.abort:hover, 
button.callaction.abort:hover {
	background:#c95c5c;
}








.uploadDescriptionForm{
	background:none;
	cursor:default;	
	display:none;
}
.uploadDescriptionForm:hover{
	background:none;
}
.uploadDescriptionForm hr{
	clear:both;
}
.uploadDescriptionForm .form{
	padding:20px;
	font-size:0.75rem;
}
.uploadDescriptionForm .image{
	padding:0;	
	margin-bottom:20px;
}
.uploadDescriptionForm .image img{
	width:100%;
}

#ulMenuTabs{
	margin:0px;
	padding:0px;
	list-style-type: none;	
	float:left;
	margin-right:20px;
}
#ulMenuTabs li{
	background:none;
	padding:3px;
	padding-left:0;
	margin-bottom:1px;
	width:150px;
	font-size:0.9rem;
	color:#999;
	font-weight:normal;
	color:#717070;
	text-decoration:none;
}
#ulMenuTabs li.active{
	font-weight:bold;
	color:#353535;
}
#ulMenuTabs li.inactive{
	
}
#ulMenuContent{
	margin:0px;
	padding:0px;
	list-style-type: none;	
	float:left;
	width:auto;
	min-height:150px;
	padding:5px;
}

#ulMenuContent p,
#ulMenuContent i,
#ulMenuContent strong,
#ulMenuContent span,
#ulMenuContent a{
	margin:0px;
	font-size: 0.8rem;
	
}
#ulMenuContent p,
#ulMenuContent i,
#ulMenuContent strong,
#ulMenuContent span{
	color: #666;
	
}


#ulMenuContent select, 
#ulMenuContent input, 
#ulMenuContent textarea{
	margin-bottom:10px;
	font-size:14px;
	width:350px;
}
#ulMenuContent textarea{
	height:50px;
	width:510px;
	padding:5px;
	height:100px;	
}
#ulMenuContent input{
	width:280px;
	padding:5px;
}
#ulMenuContent option{
	padding:3px;
}
select, 
input, 
textarea{
	padding:1px;
	margin-right:3px;
	width:auto;
	font-size:14px;
}
option{
	width:auto;
	font-size:14px;
}



input[type=text], input[type=submit], input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 5px;
	
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	/*background:none;*/
}
input[type=submit]{
	padding-left:8px;
	padding-right:8px;	
	background:#fff;
}
input[type=submit]:hover{
	background:#f8f8f8;
}
input.glowing-border[type=text]:focus, 
input.glowing-border[type=password]:focus, 
textarea.glowing-border:focus {
	box-shadow: 0 0 5px#9ecaed;
	padding: 5px;
	border: 1px solid #9ecaed;
}
.glowing-border-focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 8px #9ecaed;
}

input[type="checkbox"], input[type="radio"]{
	margin-bottom: 60px;
	margin-right: 8px;
	float: left;
	margin-top: 1px;
}


#lizenzvertrag{
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	height:100%;
	z-index:1000;
	display:none;
	background:#fff;
	padding:10px;
	padding-right: 40px;
}
#lizenzvertrag hr{
	clear:both;	
}



.close{
	position:absolute;
	right:20px;
	top:20px;
	background:url('media/closeLightCrossBlack.png') no-repeat;
	width:20px;
	height:20px;
	padding:0;
	margin:0;
	opacity:1;
}







/*Small devices (landscape phones, 34em and up)*/
@media (min-width: 34em) { 
	
	input[type="checkbox"], input[type="radio"]{
		margin-bottom: 35px;
	}
}



/*Medium devices (tablets, 48em and up)*/
@media (min-width: 48em) { 
	
	input[type="checkbox"], input[type="radio"]{
		margin-bottom: 15px;
	}
}
	
}


/* Large devices (desktops, 62em and up) */
@media (min-width: 62em) {
	



/* Extra large devices (large desktops, 75em and up)*/
@media (min-width: 75em) {
	
}


/* Laptops (800x hight and 75 (large) height) */
@media (max-height:800px){
	
}

/* Laptops (800x hight and 75 (large) height) */
@media (max-width:1280px) and (max-height:800px){
}