/* 03. HEADER & NAVIGATION
----------------------------------------- */

old-header .container {
	position			: relative;	
	padding				: 0;
}

header .header-logo {
	position			: absolute;
}
header .header-logo img {
	height				: 100px;	
}

.navbar {
	background-color 	: #F07C00;
	/* border-bottom: 1px solid #008144; `*/
}

.navbar-default .navbar-nav > li > a {
	color 				: #fff;	
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color 				: #FFB973;	
}

/* 03. FOOTER
----------------------------------------- */
footer {
	padding-top: 		10px;	
	padding-bottom: 10px;
	background-color: #efefef;
	border-top: 1px solid #C9C8C8;
	margin-top: 30px;
}


/* 04. CONTENT
----------------------------------------- */
#content-section {
	margin-top			: 110px;	
}
#content-section h1 {
	font-size			: 24px;
	color				: #F07C00;
}
#content-section h2 {
	font-size			: 20px;
	color				: #000;
}
#content-section {
	/*
	border 				: 1px solid #000;
	*/
	min-height 			: 500px;	
}
#content-section a {
	color 				: #008144;	
}


/* 05. MEDIA IMAGELIST
----------------------------------------- */
.media-imagelist {
		
}

.media-imagelist .media-element {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-top: 30px;
}
.media-imagelist .media-thumbnail {
	background-size: cover;	
}
.media-imagelist .media-thumbnail:before{
	content: "";
	display: block;
	padding-top: 80%; 	/* initial ratio of 1:1*/
}
.media-imagelist .media-element .media-actions {
	background-color: rgba(255,255,255,0.8);
	
	padding: 5px;
	position: absolute;
	right: 20px;
	bottom: 5px;	
}
.media-imagelist .media-element .media-actions a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;	
	font-size: 17px;
	color: #494949 !important;
}
.media-imagelist .media-element .media-actions a:hover {
	color: #000 !important;	
}



.media-filelist .media-element {
	border: 1px solid #efefef;	
	margin-top: 15px;
	padding: 5px;
}
.media-filelist .media-element .media-actions a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;	
	font-size: 17px;
	color: #494949 !important;
}
.media-filelist .media-element .media-actions a:hover {
	color: #000 !important;	
}




/* 05. BOOTSTRAP BUGFIXES
----------------------------------------- */
/*
        <h3 class="panel-title pull-left">Karte</h3>
        <a class="btn btn-default pull-right"><i class="fa fa-refresh"></i></a>
        <div class="clearfix"></div>
*/
.panel-heading-withbutton h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}




footer {
	color: #666;	
}





		#sortable .placeholder {
			border: 1px dashed #4183C4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
 
		#sortable .mjs-nestedSortable-error {
			background: #fbe3e4;
			border-color: transparent;
		}
 
		#sortable ol {
			margin: 0;
			padding: 0;
			padding-left: 30px;
		}
 
		#sortable ol.sortable, ol.sortable ol {
			margin: 0 0 0 25px;
			padding: 0;
			list-style-type: none;
		}
 
		#sortable ol.sortable {
			margin: 4em 0;
		}
 
		#sortable .sortable li {
			margin: 5px 0 0 0;
			padding: 0;
		}
 
		#sortable .sortable li div  {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 4px;
			margin: 0;
			cursor: move;
			background: #f6f6f6;
			background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
 
		}
.form-voucher-create .ean-status {
		padding-top: 7px; 
 }
.form-voucher-deactivate .ean-status {
		padding-top: 7px; 
}
 .form-voucher-activate .ean-status {
		padding-top: 7px; 
}
 
 a.btn-success {
	color: #fff !important; 
 }
 a.btn-danger {
	color: #fff !important; 
 }
 a.btn-info {
	color: #fff !important; 
 }
 .btn-uploadifive {
	background-color: #F07C00;
	border-color: #F07C00;
	width: auto !important;
	display: inline-block !important;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff; 
 }
.btn-uploadifive:hover {
	background-color: #fff;
	color: #F07C00;	  
}
 .offset-top {
	margin-top: 25px; 
 }
 
 
 
 
 .login-container{
    position: relative;
    width: 300px;
    margin: 80px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;
	height: 100%;
    top: 3.5px;left: 0;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+84,a9bc22+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 84%, #F07C00 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 84%,#F07C00 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 84%,#F07C00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F07C00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
     -moz-transform: rotateZ(-2deg);
      -ms-transform: rotateZ(-2deg);

}

.login-container .logo {
	margin-bottom: 30px;	
}
.login-container .logo img {
	width: 80%;
}

.login-container .form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}

.login-container .form-box input:focus{
    outline: 0;
    background: #eee;
}

.login-container .form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
}

.login-container .form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.login-container .form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
	background-color: #F07C00 !important;
	color: #fff;
	
}
.login-copyright {
	text-align: center;	
}
.login-txt {
	text-align: center;	
	padding-bottom: 20px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	color: #fff !important;;
	background-color: #F07C00 !important;	
	border-color: #F07C00 !important;
}
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }