.admin-dark
{
	color:#FFF !important;
	background-color:#404040 !important;
}
.admin-dark>a
{
	color:#FFF;
}
.admin-dark div.panel,
.admin-dark div.panel a
{
	color:#404040;
}
.admin-padded
{
	padding:15px !important;
}
.admin-dark div.panel a:hover
{
	text-decoration:none;
	background-color:#e4e4e4 !important;
}
div.admin-dark div
{
	_border:0;
}
.info
{
background-color:#d9edf7 !important;
color:#31708f !important;	
}
.danger
{
background-color:#f2dede !important;
color:#a94442 !important;	
}
.warning
{
background-color:#fcf8e3 !important;
color:#8a6d3b !important;
}
.disabled
{
	background-color:#e4e4e4 !important;
}
.display-0
{
display:none;	
}
.display-1
{
display:block;	
}
ul.dropdown-menu li.active
{
	background-color:#c4c4c4;
}
button.sit-list-button
{
	border:0;
	border-bottom:1px dotted #c4c4c4;
	padding: 10px;
	background-color:transparent;
	width:100%;
	display:flex;flex-direction:column;
	align-items:flex-start;
}
button.sit-list-button span,
button.sit-list-button small
{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	text-align:left;
}
button.sit-list-button label
{
	margin-right:5px;
}
button.sit-list-button:hover
{
	background-color:#808080;
}
button.order-selection:hover
{
	background-color:transparent;
	color:#FFF;
}
button.order-selection:hover span:before
{
	background-color:transparent;
	color:#FFF;
}

input.bad-value
{
	background-color:#f2dede;
	color:#a94442;
	font-weight:bold;
}
input.passed-value
{
	background-color:#dff0d8;
	color:#3c763d;
	font-weight:bold;
}
section.section-admin
{
margin-top:100px;	
}
@media(min-width:1280px)
{
	section.section-admin,
	div.printview
	{
	margin-top:200px;	
	}
}

section.section-admin-header
{
font-size:0.9em;	
position:fixed;
top:0;
width:100%;
background-color:#444;
height:80px;
z-index:200;
box-shadow: 0px 5px 5px #444;
}
@media(min-width:1280px)
{
	section.section-admin-header
	{
		font-size:1em;
		height:160px;
	}		
}

section.section-admin h1:before,
section.section-admin-header h1:before,
section.section-admin-inline-header h1:before
{
margin-right:20px;
_font-size:0.8em;
color: #FFF;
background-color:#505050;
padding: 10px 15px;	
}

section.section-admin-header button
{
background-color:transparent;
border:0;
color:#FFF;	
}	
section.section-admin-header h2
{
display:flex;
align-items:center;
color:#808080;
margin-top:0;
font-size:1.2em;
}

section.section-admin-header h2:before
{	
margin-right:10px;
margin-left:10px;	
_font-family:'Glyphicons Halfings';	
_content:"\e258";
_color:#FFF;
}
section.section-admin-header p
{
color:#FFF;
margin:0;
}
section.section-admin-header ul.nav-pills
{
margin:2px 0px;	
}
ul.nav-subline-filtermenue li.secondlevel,
ul.nav-subline-filtermenue li.active-secondlevel
{
	display:none;
}
@media(min-width:1280px)
{
	section.section-admin-header ul.nav-pills
	{
		margin:2px -15px;
	}
}
div.admin-header-tools
{
display:flex;
position:fixed;
top:0;
right:0;
z-index:1050	
}
ul.nav-subline li
{

}	
div.admin-header
{
height:80px;
width:100%;	
position:relative;	
display:flex;
flex-direction:row;
align-items:center;	
}
@media(min-width:1280px)
{
	div.admin-header
	{
	height:160px;	
	}	
}
div.admin-header h1
{
	padding:0 !important;
}
div.admin-header-top-line
{
display:flex;
align-items:center;	
}
div.admin-header-sublayout,
div.admin-header-top-line
{
position:relative;	
padding:0;	
}
div.message-clusters div.panel-body
{
display:flex;
flex-direction:row;
height:150px;
align-items:center;	
}

div.message-clusters>ul
{
display:flex;
padding:0;	
}
div.message-clusters>ul>li
{
display:flex;
flex-direction:column;
padding:5px;
margin-left:20px;
color:#FFF;
list-style-type:none;	
}
p.general-state-icon
{
background-color:transparent !important;
font-size:2.5em;
text-align:center;
padding:20px 0 0 0;	
}
div.header-content div.details
{
padding:0 15px;	
}
div.admin-header-sublayout div.details
{
display:flex;
flex-direction:column;
width:10%;	
}
div.admin-header-sublayout h1
{
padding: 0px 0px 10px 0 !important;	
}
div.admin-header-sublayout div.details span,
div.admin-header-top-line span
{
color:#FFF;	
}
a.item-url
{
color:#FFF;	
}
a.item-url:before
{
margin-right:5px;	
font-family:'Glyphicons Halfings';	
content:"\e135";	
}
ul.list-horizon
{
padding:0;	
display:flex;
flex-direction:row;
align-items:center;	
}
label.mini-label
{
margin:0;display:flex;
justify-content:flex-start;
font-size:0.7em;	
}
li.stapled-content-left-align
{
display:flex;
flex-direction:column;
align-items:flex-start !important;	
}
li.stapled-content-center-align
{
display:flex;
flex-direction:column;
align-items:center !important;	
}
ul.list-horizon>li
{
margin-right:15px !important;	
}

li.bigger
{
font-size:1.2em;	
}
ul.list-horizon>li
{
list-style-type:none;
margin-right:10px;
color:#FFF;
display:flex;
align-items:center;
}
span.id:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e044";
}
li.counts:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e042";
}
li.counts>span
{
margin-right:10px;
font-weight:normal;	
}
/** admin-header **/
	
div.header-icon
{
display:none;
}
@media(min-width:996px)
{
	div.header-icon
	{
	display:flex;
	justify-content:center;
	align-items:center;	
	width:15%;
	padding:10px 0;
	height:80px;
	font-size:2em;
	}
}
@media(min-width:1280px)
{
	div.header-icon
	{
	width:10%;	
	}	
}	
div.header-icon>i
{
width:100%;
display:flex;
justify-content:center;
_margin-left:-10%;
color:#FFF;
font-size:1.5em;
}
section.section-admin-header h1
{
display:flex;
width:100%;
align-items:center;	
color:#FFF;
font-size:1.5em;
margin: 5px 0 0 0;
padding: 10px 15px 0px 15px;
}
div.headline-subnav
{
display:flex;
width:100%;
padding:0;
margin-left:5px;
justify-content:flex-start;
align-items:center;
}
div.headline-subnav>button
{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0;
}
button.mobile-main-menue,
button.mobile-filter,
span.mobile-process-icon
{
	width:20%;
	padding:0;
	font-size:1.8em;
	color:#FFF;
}
span.mobile-process-icon
{
	text-align:center;
}
@media(min-width:768px)
{
	button.mobile-main-menue,
	button.mobile-filter,
	span.mobile-process-icon
	{
	width:15%;
	}
}
@media(min-width:996px)
{
	button.mobile-main-menue,
	button.mobile-filter,
	span.mobile-process-icon
	{
	width:10%;
	}
}
div.mobile-collapse-container
{
	 position:absolute;
	 margin-top:80px; 
}
ul.mobile-filter
{
	background-color:#FFF;	
}
ul.mobile-filter-filtermenue
{
	display:flex;
	flex-direction:column;
}
div.header-content
{
left:10%;
top:0;
opacity:1;
width:100%;
display:flex;
flex-direction:column;
padding:0;	
}
@media(min-width:996px)
{
	div.header-content
	{
		width:75%;
		padding:5px;
	}
}
@media(min-width:1280px)
{
	div.header-content
	{
		padding:15px;
	}
}
div#addnewproductnew
{

z-index:1050;	
}
div.form-group
{
position:relative;

}
div.bg_combo
{
padding:10px;
}
div.bg_panel_form
{
padding:0px 10px 10px 10px;
}
ul.letterpills li.active
{
	background-color:#808080 !important;
}
li.active>a
{
color:#FFF !important;
background-color:transparent !important;	
}
ul.mobile-filter
{
	margin:2px 0 !important;
}
ul.mobile-filter li
{
	margin:0;
	width:100%;
}
ul.mobile-filter a
{
	background-color:#e4e4e4;
	_color:#404040 !important;
	border-radius:0;
}
ul.mobile-filter li.active
{
	color:#FFF !important;
	background-color:#404040 !important;
}
ul.mobile-filter li.active a
{
	border:0;
}
ul.mobile-filter li>a:before
{
	font-family:"Glyphicons Halfings";
	margin-right:10px;
	content:"\e080";
}
ul.mobile-filter a
{
	border-bottom:1px dotted #c4c4c4;
	margin-bottom:2px;
}
ul.mobile-filter li.secondlevel>a
{
	color:#808080 !important;
	background-color:#FFF;
}
ul.mobile-filter li.active-secondlevel>a
{
	color:#FFF;
	background-color:#808080;
}
ul.mobile-filter li.active>a:before,
ul.mobile-filter li.active-secondlevel>a:before
{
	font-family:"Glyphicons Halfings";
	margin-right:10px;
	content:"\e013";
	color:#7ba428;
}

ul.letterpills a
{
color:#808080;	
}
div.subproduct
{
margin:0 !important;	
}
button.hrz_combo
{
overflow:hidden;
padding:0;
background-color:transparent;
border:0;
width:100%;
display:flex;
justify-content:space-between;
}
button.hrz_admin
{
background-color: #808080;
color:#FFF;
border-radius:0 !important;
border:0;
margin-right:2px;
margin-bottom:5px;
min-width:80px;
font-size:0.9em !important;
}
button.pressed
{
background-color: #7ba428;
color:#FFF;
}
button.pressed:focus
{
background-color: #7ba428;
color:#FFF;	
}
input#product_name
{
height:38.75px;
background-color:#000;
border-color:#000;
font-family:'Museo 900';
font-size:1.5em;
font-weight:bold;
color:#FFF;
padding:10px;
margin-bottom:5px;
}
input#slogan_name
{
height:38.75px;
}
input.override
{
font-weight:bold;
border-color:#f0ad4e;
color:#f0ad4e;
}
span.override
{
font-weight:bold;
border-color:#f0ad4e;
color:#f0ad4e;
}
div#panel-bvk table.table-striped tr.tblhead
	{
	background-color:#FFF !important;	
	}
div#chanel-panel
	{
	display:flex;
	align-items:stretch;
	}
label.label-transparent
	{
	background-color:transparent;
	color:#808080 !important;
	}
div.toolbox
{
	display:none;
}
@media(min-width:1280px)
{	
div.toolbox
	{
	position:relative;
	display:flex;
	height:150px;
	align-items:center;
	}
}	
div.modal-dialog
{
	
}
div.modal-content
{
	
}
div#toolbox
{
	flex-direction:row;
	display:flex;
	justify-content:flex-end;
	position:fixed;
	right:0;
	top:0;
	background-color:#404040;
	height:150px;
	z-index:1050;
}
div.toolbox div.panel
{
	margin:0;
}
div#cat_details_tools_categories_nav-btn-wrapper,
div#product_toolbox_nav-btn-wrapper
{
margin:0;	
}
div#cat_details_tools_categories_nav-btn-wrapper div.panel-body,	
div#product_toolbox_nav-btn-wrapper div.panel-body,
div#productcenter_dashboard_productcenter_nav-btn-wrapper div.panel-body,
div#productcenter_import_productcenter_nav-btn-wrapper div.panel-body,
div#product_details_productcenter_nav-btn-wrapper div.panel-body
{
display:flex;
flex-direction:row !important;
}
div#cat_details_tools_categories_nav-btn-wrapper div.panel-body,
div#cat_details_tools_categories_nav-btn-wrapper div.panel,
div#product_toolbox_nav-btn-wrapper div.panel-body,
div#product_toolbox_nav-btn-wrapper div.panel
{
margin:0;
height:100%;
}	
div#toolbox div.modal-content
{
z-index:2000;	
}
div.message-clusters button,
div#cat_details_tools_categories_nav-btn-wrapper button,
div#productcenter_dashboard_productcenter_nav-btn-wrapper button,
div#productcenter_dashboard_productcenter_nav-btn-wrapper a,
div#productcenter_import_productcenter_nav-btn-wrapper button,
div#productcenter_import_productcenter_nav-btn-wrapper a,
div#product_details_productcenter_nav-btn-wrapper button,
div#product_details_productcenter_nav-btn-wrapper a,
div#product_toolbox_nav-btn-wrapper button,
button#modal_vmproduct_addnewproduct_new,
div#orderlist_tools_orders_nav-btn-wrapper button,
div#orderlist_tools_orders_nav-btn-wrapper a,
div#orderlist_tools_customers_nav-btn-wrapper button,
div#orderlist_tools_customers_nav-btn-wrapper a,
div#orderlist_tools_invoices_nav-btn-wrapper button,
div#orderlist_tools_invoices_nav-btn-wrapper a,
div#dashboard_categories_nav-btn-wrapper button,
div#dashboard_categories_nav-btn-wrapper a
{
background-color:transparent;
padding:0 10px;
_height:100%;
border:0;
border-left:1px solid #606060;
border-radius:0;
color:#FFF;	
}
div.mobile-toolbox
{
	background-color:#FFF;
	padding:15px 0 0 0;
}
div.mobile-toolbox div
{
	padding:0;
	box-shadow:none;
}
div.mobile-toolbox button.btn-sticky
{
	display:flex;
	justify-content:flex-start;
	width:100%;
	border-bottom:1px dotted #e4e4e4 !important;
	border-left:0 !important;
	color:#404040 !important;
	padding: 5px 15px !important;
}
@media(min-width:667px)
{
	div.mobile-toolbox
	{
		width:50%;
		margin-left:50%;
	}
}
div.mobile-toolbox span.sticky
{
	flex-direction:row !important;
	font-size:1.8em;
}	
div.mobile-toolbox span.sticky:before
{
	margin-right:10px !important;
	font-size:0.9em;
	background-color:#808080 !important;
}	
div#product-header div.form-group,
div#product-header div.bg_combo
	{
	margin:0 0 5px 0;
	}
div.stretchcontainer
	{
	display:flex;
	flex-wrap: wrap;
	align-items:stretch;
	background-color:#FFF;
	}

div.bg_panel_form
	{
	padding-top:5px;	
	position:relative;
	height:100%;
	margin-bottom:10px;
	box-shadow:5px 5px 5px #c4c4c4;
	}
div.bg_panel_form-plane
	{
	box-shadow:none !important;
	}
div#panel-bvk
	{
	margin-top:15px;	
	width:100%;
	border:0;
	}
div.panel-row
	{
	background-color:#FFF;	
	padding-bottom:15px;
	box-shadow:5px 5px 5px #c4c4c4; 
	-margin-top:20px;
	border:1px solid #e4e4e4;	
	}
th button.btn-modal
{
margin-left:auto;
margin-right:auto;
font-size:1.2em;	
display:flex;
justify-content:center;
border-radius:50%;
color:#FFF;
background-color:#c4c4c4;
border:0;
}
th div.modal
{
font-weight:normal;	
}
span.article-btn
{
display:flex;
justify-content:center;
margin: 10px 0 10px 0;	
}
span.article-btn a
{
font-size:1.2em;
padding:5px;	
}
span.article-details
{
font-weight:normal;
display:flex;
justify-content:center;
font-size:0.8em;
color:#a4a4a4;	
}

span.auf-rechnung:before
{
font-family:'Font Awesome 5 Free';
font-weight: 900;
font-size: 48px;
content:"\f570";
color:#FFF;
padding:5px 22px;
background-color:#000;
}
/* NAV-Elements */
button.cat_nav_burger,
button.onlinestate_switch
{
padding:0;
margin-right:5px;	
}
i.cat_nav_burger:before
{
font-style:normal;	
font-family:'Glyphicons Halfings';	
content:"\e055";
border:1px solid #FFF;
background-color:#808080;
padding:2px 5px; 	
}
i.onlinestate_switch:before
{
font-style:normal;	
font-family:'Glyphicons Halfings';	
content:"\2601";
border:1px solid #FFF;
background-color:#808080;
padding:2px 5px; 	
}
i.switch-unpublished:before
{
font-style:normal;	
font-family:'Glyphicons Halfings';	
content:"\e197";
background-color:red;
border:1px solid #FFF;	
}
i.switch-published:before
{
font-style:normal;	
font-family:'Glyphicons Halfings';	
content:"\e198";	
background-color:#7ba428;
border:1px solid #FFF;
}
ul.cat_nav_burger li.active
{
background-color:#404040;	
}
/* general */
span.statesymbol-0:before,
p.statesymbol-0:before
{
font-family:'Glyphicons Halfings';	
content:"\e014";
color:red;	
}
/* row */
tr.alert-danger td
{
background-color:#f2dede !important;
}
tr.alert-warning td
{
background-color:#fcf8e3; !important;
}
tr.onlinestate-0 td,
tr.onlinestate-0 i
{
font-style:italic !important;
color: #c4c4c4 !important;	
}
label.label-online,
label.label-onlinestate-1
{
background-color:#7ba428 !important;	
}
label.label-online,
label.label-offline,
label.label-onlinestate-1,
label.label-onlinestate-0
{
cursor:pointer;
margin:0 10px 0 0;
font-size:1em;
font-weight:normal;	
}
label.label-offline,
label.label-onlinestate-0
{	
background-color:red !important;	
}
/* Prices */
div.article-tile
{
margin-bottom:0;
box-shadow:5px 5px 5px #e4e4e4;
border-radius:0;	
}
div.article-tile div.panel-footer
{
padding:5px;
display:flex;
flex-direction:row;
justify-content:space-between;
border-radius:0;	
}
div.article-tile div.panel-heading
{
padding:5px;

background-color:#808080;
color:#FFF;	
}
div.price-onlinestate-1 div.panel-footer
{
background-color:#808080;
color:#FFF;
}

div.price-onlinestate-0,
div.price-onlinestate-0 div
{
background-color:#f4f4f4;
color:#c4c4c4;	
}
/* Detail-Combos */
div.drp-down-container
{
margin-top:10px;	
border:1px dotted #c4c4c4 !important;
width:100%;

background-color:#FFF !important;	
}
/*accordion */
div.accordion-header-ok
{
background-color:#808080 !important;	
}
div.accordion-header h4
{
display:flex;
align-items:center;	
background-color:transparent !important;
padding:15px;
margin:0;
}
div.accordion-header a.first-level:before
{
	font-family:'Glyphicons Halfings';
	content:"\e250";
}
div.accordion-header a.second-level:before
{
	font-family:'Glyphicons Halfings';
	content:"\e235";
}
div.accordion-header span.ok
{
color:#FFF;
}
div.details-accordion div.panel-body
{
background-color:#FFF;	
}
div.accordion-panel-body
{
	padding:5px;
	background-color:#c4c4c4 !important;	
}
div.accordion-panel-body ul
{
	padding:0;
}
div.accordion-panel-body li
{
	list-style-type:none;
	padding: 5px 0;
	border-bottom:1px dotted #c4c4c4;
}

/* messages */
div.sit-message-container
{
padding:30px;	
}	
div.sit-message-container h3
{
display:flex;	
font-size:1.5em;	
margin:0 0 15px 0;	
}
div.sit-message-container h3:before
{
	font-size:1.8em;
}
div.sit-message-container h3.success:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e013";	
}
/** simessage-sublayouts **/
div.sit-message-sublayout
{
	display:flex;
	align-items:stretch;
	width:100%;
	border:1px solid #c4c4c4;
	border-radius:5px;
	box-shadow:2px 2px 2px #c4c4c4;
	margin-bottom:15px;
	background-color:#FFF;
	color:#404040;
}
div.sit-message-sublayout div.message-icon
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:15%;
	color:#FFF;
	font-size:2.2em;
}	
div.sit-message-sublayout div.message-content
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:start;
	width:75%;
	min-height:60px;
	padding:10px;
}
div.sit-message-sublayout div.message-content div.sit-message-buttons
{
	width:100%;
}

div.sit-message-sublayout div.message-content h3
{
	margin:0;
	font-size:1.3em;
}
div.sit-message-sublayout div.message-help-text,
div.sit-message-sublayout div.sit-message-buttons
{
	padding:10px 0 0 0;
}	
div.sit-message-sublayout div.message-details-button
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:10%;
	font-size:1.5em;
	color:#40b3ed;
}
/** sticky-buttons **/
span.sticky:before
{
display:flex;	
justify-content:center;
margin:0 !important;
}
span.sticky-ok:before,
p.ok:before,
h4.ok:before,
span.statesymbol-1:before,
p.statesymbol-1:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e013";
color:#7ba428 !important;	
background-color:transparent;
}
span.sticky-info:before,
p.info:before,
h4.info:before,
div.sit-message-container h3.info:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e086";
color:#31708f !important;
background-color:transparent !important;
}
div.sit-message-container h3
{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

span.sticky-warning:before,
p.warning:before,
h4.warning:before,
div.sit-message-container h3.warning:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e101";
color:#8a6d3b !important;
background-color:transparent !important;
}
span.sticky-danger:before,
p.danger:before,
h4.danger:before,
div.sit-message-container h3.danger:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e209";
color:#a94442 !important;
background-color:transparent !important;
}

div.sit-message-container h4
{
display:flex;	
font-size:1.5em;	
margin:15px 0 5px 30px;	
}
div.sit-message-container h4:before
{
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e259";
}
div.sit-message-container p,
div.sit-message-container div.sit-message-buttons,
div.sit-message-container button.collapse-link
{	
margin:0 30px;	
}
div.sit-message-buttons h5
{
	font-size:1.2em;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

div.sit-message-container button.collapse-link,
div.sit-message-container a.collapse-link:visited
{
border:0;
padding:5px;	
font-size:1.1em;	
display:flex;
align-items:center;
background-color:transparent;
margin-bottom:10px;
}
div.sit-message-container button.collapse-link:before
{	
margin-right:10px;	
font-family:'Glyphicons Halfings';	
content:"\e085";
}

div.sit-message-container button.collapse-link:hover::after
{
margin-left:10px;	
font-family:'Glyphicons Halfings';	
content:"\e259";	
}

/** preview catdetails **/
div.preview-0
{
display:none !important;	
}
/** orderlists sit-backend **/
/** special-rows **/
.customernote
{
	background-color:#d9edf7;
}
.shipment_fallback
{
	background-color:#f2dede;
}
div.state-icon,
div.price-container,
div.first-column-placeholder
{
	width:20%;
	margin-right:1%;
}
div.state-icon
{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
div.state-container
{
	width:70%;
}
div.address-container
{
	width:79%;
	padding-left:0 !important;
}
div.order-params
{
	width:13%;
	margin-right:1%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding: 0 2px !important;
}
div.order-params span
{
	width:100%;
}
div.order-params span:before
{
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: 1.7em !important;
	margin:0 !important;
	width:100%;
	padding:0 !important;
}
div.address-details
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:100%;
}
div.item-tools>div.col-container
{
	diplay:flex;
	justify-content:space-between;
}
/* item-collapse-details */
div.item-collapse-details-container,
div.order-positions-container
{
	color:#FFF;
	background-color:#404040;
}
div.order-positions-container
{
	padding:0;
}
div.details-column
{
	display:flex;
	flex-direction:column;
	width:100%;
}
div.position-state span:before
{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:30px;
	width:60px;
	height:60px;
	margin-right:10px;
}
@media(min-width:768px)
{
	div.item-collapse-details-container div.itemrow
	{
		flex-direction:row;
		justify-content:space-between;
	}	
	div.details-column
	{
	width:48%;	
	}	
}
ul.order-positions-list,
ul.cat-items-list
{
	width:100%;
	padding:0;
	display:flex;
	flex-direction:column;
}
li.cat-child-entry,
li.cat-sibling-entry,
li.order-position
{
	border-bottom:1px dotted #FFF;
	width:100%;
	display:flex;
	flex-direction:column;
	padding-bottom:5px;
}

div.position-header
{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	width:100%;
}
div.position-state
{
	display:flex;
	flex-direction:row;
	width:20%;
}
li.cat-child-entry div.position-state,
li.cat-sibling-entry div.position-state
{
	width:8%;
}
div.position-details
{
	display:flex;
	flex-direction:column;
	width:80%;
}
li.cat-child-entry div.position-details,
li.cat-sibling-entry div.position-details
{
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	width:92%;
}
li.cat-child-entry div.position-details div.cat-treeknot,
li.cat-sibling-entry div.position-details div.cat-treeknot
{
	width:20%;
	margin:0 10px 0 0;
}
li.cat-child-entry div.position-details div.cat-menue-position,
li.cat-sibling-entry div.position-details div.cat-menue-position
{
	width:20%;
	margin:0 10px 0 0;
}
li.cat-child-entry div.position-details div.input-group input,
li.cat-sibling-entry div.position-details div.input-group input
{
	
	margin:0;
}
li.cat-child-entry a,
li.cat-sibling-entry a,
li.cat-child-entry a>span,
li.cat-sibling-entry a>span

{
	color:#FFF;
}
ul.dropdown-menu a
{
	color:#404040;
}
div.order-comment
{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	width:100%;
	padding-left:20%;
}
span.swapped
{
	background-color:#d9edf7;
	font-weight:bold;
	color:#3170b2;
	padding:10px;
}
div.position-price
{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding-left:20%;
}
span.item-identifiers
{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}
span.item-identifiers span
{
	margin-right:5px;
}
@media(min-width:768px)
{
	div.itemrow div.item-details
	{
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}
	div.item-header
	{
		width:35%;
	}
	div.state-icon
	{
		width:35%;
		height:80px;
	}
	div.state-container
	{
		font-size:0.8em;
		width:70%;
		padding:0 10px !important;
	}
	div.order-params
	{
		width:20%;
	}
	div.item-addresses
	{
		width:65%;
	}
	div.item-addresses>div.col-container
	{
		font-size:0.8em;
		width:100%;
		margin-bottom:5px;
	}
	div.item-addresses div.first-column-placeholder
	{
		width:5%;
	}
	div.item-addresses div.address-container
	{
		width:95%;
		padding-right:0;
	}
	div.address-details
	{
		flex-direction:row;
	}
	div.address-details>span
	{
		margin-right:5px;	
	}
	div.itemrow>div.item-tools
	{
		width:100%;
	}
	div.itemrow>div.item-tools div.first-column-placeholder
	{
		display:none;
	}
	
}
@media(min-width:1280px)
{
	div.itemrow div.item-details
	{
	 width:75%;	
	}
	div.customerrow div.item-details
	{
		width:80%;
	}
	div.itemrow div.item-tools
	{
	 width:25%;	
	}
	div.customer div.item-tools
	{
	 width:20%;	
	}	
	div.item-header
	{
		width:33%;
	}
	div.state-icon
	{
		width:22%;
	}
	div.order-params
	{
		width:12%;
	}
	div.state-container
	{
		font-size:1em;
		width:66%;
		padding:0 10px;
	}
	div.item-addresses
	{
		width:75%;
		display:flex;
		flex-direction:row;
	}
	div.customerrow div.item-addresses
	{
		width:65%;
	}
	div.item-addresses div.col-container
	{
		font-size:1em;
		width:50%;
	}
	div.address-details
	{
		flex-direction:column;
	}
	div.item-addresses div.first-column-placeholder
	{
		width:10%;
	}
	div.item-addresses div.address-container
	{
		width:90%;
		padding-right:0;
	}
	div.item-tools div.col-container
	{
		justify-content:flex-end;
	}
	
}
span.address-name
{
	font-size:1.1em;
	text-align:left;
}
/* printview orderlist */
div.printview div.order-header
{
	display:flex;
	width:100%;
	justify-content:space-between;
	border-bottom:1px solid #404040;
	margin-bottom:30px;
}
div.printview div.order-header div.order-shipment
{
	display:flex;
	justify-content:flex-end;
}
div.printview div.sign-line
{
border:1px solid #404040;
padding:15px;
border-radius:5px;
width:100%;
display:flex;
justify-content:space-between
}
div.printview div.details-column
{
	width:100%;
}
div.printview li.order-position
{
	border-bottom:1px dotted #000;
	flex-direction:row;
}	
div.printview div.position-header
{
	flex-direction:row;
	width:80%;
}
div.printview div.position-price
{
	padding:0;
	width:20%;
	justify-content:flex-end;
}
div.printview div.position-details
{
	flex-direction:row;
	width:100%;
}
div.printview div.item-addresses
{
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:0;
}

div.printview div.item-addresses div.col-container
{
	width:49%;
	padding:0 15px;
	border:1px solid #404040;
	border-radius:5px;
}
div.printview div.first-column-placeholder,
div.printview div.address-container
{
	margin-top:20px;
	margin-bottom:20px;
}	
div.printview div.address-container span
{
	font-size:1.3em;	
}
div.printview div.address-details
{
	flex-direction:column;	
}
div.printview span.item-identifiers
{
	width:25%;
	flex-direction:column;
}
div.pagebreak
{
	page-break-after:always !important;
}
/* elements in inner-modal-tools */
div.daylimit
{
	 display:flex;
	 flex-direction:column;
	 align-items:center;
	 margin-bottom:5px;
}
div.daylimit input
{
	margin:15px 0;
	width:20%;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
@media(min-width:667px)
{
	div.daylimit
	{
	flex-direction:row;
	justify-content:center;
	align-items:center;
	}
	div.daylimit input
	{
		width:10%;
	}	
}
/* process "packing" */
div.packing-panel
{
	border:0 !important;
	box-shadow:none;
}
@media(min-width:768px)
{
	div.packing-panel
	{
	padding: 0 12%;
	}		
}
@media(min-width:1440px)
{
	div.packing-panel
	{
		padding:0 25%;
	}		
}
div.sit-limit-date
{
	 position:relative;
	 display:flex !important;
	 flex-direction:column;
	 align-items:center;
	 margin-top:20px;
}
div.sit-date-input
{
	 position:relative;
	 display:flex !important;
	 flex-direction:row;
	 justify-content:center;
	 width:90%;
}
@media(min-width:667px)
{
	div.sit-date-input
	{
		width:50%;
	}	
}
@media(min-width:996px)
{
	div.sit-date-input
	{
		width:45%;
	}	
}
div.packing-panel div
{
	box-shadow:none;
	border:0 !important;
}
div.packing-panel div.panel-heading
{
	background-color:#404040;
	color:#FFF;
	display:flex;
	justify-content:center;
}
div.packing-panel div.panel-footer
{
	background-color:transparent;
	display:flex;
	justify-content:space-around;
	border:0;
}
div.packing-panel div.panel-body
{
	min-height:300px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}	
div.packing-panel div.panel-footer>a,
div.packing-panel div.panel-footer>span
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:50%;
	background-color:transparent;
	border:0;
}
div.packing-panel div.panel-footer>a:before,
div.packing-panel div.panel-footer>span:before
{
	font-size:6em;
}
a.not-in-stock:before
{
	color:#b54442;
	font-family:'Glyphicons Halfings';
	content:"\e088";
}
a.swap-article:before
{
	color:#808080;
	font-family:'Glyphicons Halfings';
	content:"\e110";
}
a.box-in:before,
a.addweight:before,
a.finalize:before
{
	color:#7ba428;
	font-family:'Glyphicons Halfings';
	content:"\e067";
}
span.addweight:before
{
	color:#e4e4e4;
	font-family:'Glyphicons Halfings';
	content:"\e067";
}
a.reweight:before
{
	color:#808080;
	font-family:'Glyphicons Halfings';
	content:"\e030";
}
a.abort:before
{
	color:#b54442;
	font-family:'Glyphicons Halfings';
	content:"\e014";
}
div.packing-panel div.weight-input
{
	width:100%;
}
div.oder-packing-types
{
	display:flex;
	width:100%;
	flex-direction:column;
	position:relative;
}
a.order_packing_type
{
	border:0;
	width:100%;
	display:flex;
	flex-direction:row;
}
a.order_packing_type>span
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	margin-left:10px;
}

h1.position-quantity
{
	font-size:4em;
}
span.position-inboxed
{
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#7ba428 !important;
	color:#FFF;
	padding:5px 20px;
}
span.position-inboxed:before
{
font-size:0.8em !important;	
content: 'bitte prüfen';
}
span.position-inboxed:after
{
font-size:0.8em !important;	
content: 'ob eingepackt!';
}

/* workbench*/
div.workbench-tasklist
{
	padding:15px;
	margin-bottom:15px;
	
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
div.workbench-sidepanel
{
	padding:15px;
	margin-bottom:15px;
	
	display:flex;
	flex-direction:column;
	justify-content:flex-start;	
}
div.workbench-sidepanel button
{
width:100%;
}	
div.workbench-button-container
{
	padding:0;
}
@media(min-width:768px)
{
	div.workbench-button-container
	{
		padding:0 10px;
	}
}
button.workbench-button
{
	background-color:#404040 !important;
	color:#FFF;box-shadow:5px 5px 5px #c4c4c4;
	border-radius:5px;
	border:0;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0;
	margin-bottom:10px;
}
button.workbench-button:before
{
display:flex;
align-items:center;
justify-content:center;
height:80px;
width:80px;
margin-right:20px;
font-size:30px;
}
button.workbench-button>span
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}

div.workbench-button-collapse
{
	position:absolute;
	top:95px;
	left:15px;
	right:15px;
	z-index:5000;
	
}
@media(min-width:768px)
{
	div.workbench-button-collapse
	{
	left:25px;
	right:25px;
	}
}
@media(min-width:996px)
{
	div.workbench-button-collapse
	{
	width:75%;
	}
}
@media(min-width:1280px)
{
	div.workbench-button-collapse
	{
	width:60%;
	}
}
@media(min-width:1440px)
{
	div.workbench-button-collapse
	{
	width:35%;
	}
}
div.workbench-button-collapse div.panel
{
	padding:0px;
}
div.workbench-button-collapse ul
{
	padding:10px;
}
span.missing-identifier
{
	width:80%;
	display:flex;
	flex-direction:
	column;
	justify-content:center;
}
label.label-missing-date
{
	padding:5px;
	width:40%;
	font-weight:normal;
}
@media(min-width:768px)
{
	label.label-missing-date
{
	padding:5px;
	width:20%;
}
}
@media(min-width:1440px)
{
	label.label-missing-date
	{
		padding:5px;
		width:25%;
	}
}
@media(min-width:996px)
{
	button.workbench-button:before
	{
	margin-right:10px;
	}
}	
div.workbench-no-tasks>span
{
	display:flex;flex-direction:column;
	justify-content:center;
}
div.workbench-no-tasks>span>b
{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0;
}
a.hint-opener
{
	color:#8a6d3b;
	display:flex;
	align-items:center;
}
a.hint-opener:hover,
a.hint-opener:focus
{
	text-decoration:none;
}
div.order-search-box,
div.customer-search-box
{
	display:flex; 
	width:100%;
	justify-content:flex-start;
}
@media(min-width:1180px)
{
	div.order-search-box div.input-group,
	div.customer-search-box div.input-group
	{
		width:50%;
	}
}
/* order-details-view */
div.admin-heading
{
	padding:10px 15px !important;
	background-color:#f5f5f5 !important;
}
div.admin-heading h4
{
	margin:0;
}
div.method-selection button.active
{
	background-color:#7ba428;
	color:#FFF !important;
}
div.method-selection button.active>span:before
{
	color:#FFF !important;
}
ul.order-summary
{
	padding:0;
}
ul.order-summary li
{
	list-style-type:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:1px dotted #c4c4c4;
	padding:5px;
}
ul.order-summary li.subtotal
{
	background-color:#808080;
}
ul.order-summary span.order-total
{
	font-size:3em;
	display:flex;justify-content:flex-end;
}
ul.order-summary li span.info-icon:before
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:60px;
	height:60px;
	font-size:2em;
	color:#FFF;
	background-color:#808080;
	margin:5px 0;
}
span.summary-info-line
{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
span.summary-info-line:before
{
	margin-right:5px;
}
span.payment-paid,
li.payment-paid-background,
span.payment-saldo-refund,
li.payment-saldo-refund-background
{
	background-color:#dff0d8 !important;
	color:#3c765a !important;
}
span.payment-saldo,
li.payment-saldo-background
{
	background-color:#f2dede !important;
	color:#a94477 !important;
}
span.item-warning:before
{
	background-color:#fcf8e3 !important;
	color:#8a6d3b !important;
}
span.item-warning-text
{
	text-decoration:line-through;
}
/* customer-candidates */
div.candidate-row
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:15px 0;
	border-bottom:1px dotted #c4c4c4;
}
div.candidate-row div.address-container
{
	width:60% !important;
}
div.action-tool
{
	width:20%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	align-items:center;
}
div.candidates-results
{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
padding:15px; 
align-items:center;
}
div.candidates-results div.address-details
{
	flex-direction:column !important
}
@media(min-width:667px)
{
	div.candidates-results
	{
	flex-direction:row;
	flex-wrap:wrap;
	}	
}
div.candidates-results div.single-result
{
	width:80%;
}
@media(min-width:667px)
{
	div.candidates-results div.single-result
	{
		width:50%;
	}
}
@media(min-width:1400px)
{
	div.candidates-results div.single-result
	{
		width:30%;
	}
}
div.single-result div.address-container
{
	width:100% !important;
}
/* customers */
div.customer-mainaddress input
{
	background-color:#808080;
	color:#FFF;
	font-weight:bold;
}

div.customer-settings button.btn-default:hover,
div.customer-settings button.btn-default:hover span:before
{
	background-color:#808080;
	color:#FFF !important;
}
div.customer-settings button.active,
div.order-selection button.active
{
	background-color:#7ba428 !important;
	color:#FFF !important;
}
div.method-selection button span:before
{
	color:#808080 !important;
}
button.active span:before
{
	color:#FFF !important;
}
div.customer-discounts
{
	display:flex;
}
div.discount-label
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-right:5px;
}
span.discount-label
{
	width:40px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	color:#FFF;
}
ul.order-summary li span.discount-label
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:60px;
	height:60px;
	font-size:2em;
	color:#FFF;
	background-color:#808080;
	margin:5px 0;
}
span.discount-group,
span.discount-group_individual
{
	background-color:#5bc0de;
}

span.discount-threshold
{
	background-color:#808080;
}
span.discount-individual
{
	background-color:red !important;
}
/** page-selection **/
ul.pageselection
{
	display:flex;
	padding:0;
	margin:15px 0;
	width:100%;
	justify-content:flex-end;
}
ul.pageselection>li
{
	display:flex;
	justify-content:center;
	align-items:center;
	list-style-type:none;
	padding:5px;
	margin-left:5px;
	width:30px;
	height:30px;
	border:1px solid #c4c4c4;
}
ul.pageselection li.active
{
	background-color:#7ba428;
}
ul.pageselection a
{
	color:#808080;
}
ul.pageselection li.active>a
{
	color:#FFF;
}
/** invoicelist **/
div.invoicelist>div.invoice-details
{
	width:18%;
}
div.invoicelist>div.invoice-amounts
{
	width:10%;
}
div.invoicelist>div.invoice-order-details
{
	width:12%;
}
div.invoicelist>div.invoice-address
{
	width:30%;
}
div.invoicelist>div.item-toolbox
{
	width:30%;
}
div.invoicelist
{
	display:flex;
	justify-content:space-between;
}
div.invoicelist>div.invoice-details,
div.invoicelist>div.invoice-amounts,
div.invoicelist>div.invoice-address
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
div.invoicelist>div.invoice-order-details
{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
div.invoice-order-details span.details-info
{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:5px;
}
div.invoice-order-details span.details-info:before
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:60px;
	width:60px;
	
	font-size:2em !important;
}
span.invoice-saldo,
span.invoice-order-total,
span.paid-on
{
	display:flex;
	width:95%;
	justify-content:flex-start;
	color:#FFF;
	padding:5px;
}
div.invoice-amounts span.invoice-order-total
{
	background-color:#808080 !important;
	margin-top:5px;
}
span.not-paid
{
	background-color:red;
}
span.not-paid-refund
{
	background-color:#7ba428;
}
span.paid,
span.paid-on
{
	background-color:#7ba428;
}
div.invoicelist i
{
	margin-right:5px;
}
div.invoicelist>div.invoice-details span
{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
div.item-toolbox
{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
div.item-toolbox>a,
div.item-toolbox>span
{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#404040;
	width:50px;
	height:50px;
	color:#FFF;
	font-size:1.6em !important;
	margin-left:5px;
}
div.item-toolbox>span.toolbox-button-disabled
{
	background-color:#c4c4c4;
}
div.item-toolbox>span.toolbox-button-disabled:before
{
	color:#e4e4e4;
}
/** customer-candidates **/
div.candidate-row
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding:10px;
	position:relative;
}
div.candidate-row div.action-tool-button
{
	position:absolute;
	top:0;
	right:0;
	display:flex;
	justify-content:flex-end;
	padding:10px;
}
@media(min-width:667px)
{
	div.candidate-row
	{
		display:flex;
		flex-direction:row;
		align-items:stretch;
		padding:10px;
	}
}
div.candidate-row span
{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

div.candidate-details-block,
div.candidate-address
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
div.candidate-com-data span:before
{
	margin-right:5px;
}
@media(min-width:667px)
{
	div.candidate-row div.candidate-cst-number
	{
		width:10%;
		
	}
	div.candidate-row div.candidate-details-block
	{
		width:90%;
	}
	div.candidate-address
	{
	flex-direction:row;
	justify-content:flex-start;
	width:100%;
	}
	div.candidate-address span.candidate-city-label:before
	{
		font-family:'Glyphicons Halfings';
		content:"\e250";
		margin:0 5px;
	}
}

div.candidate-header
{
	display:flex;
	flex-direction:row;	
}
/** sit-tabs **/
ul.sit-tabs a
{
	color:#808080;
	font-size:2em;
}
ul.sit-tabs span.tab-text
{
	font-size:0.4em;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
ul.sit-tabs span.tab-text:before
{
	font-size:2.5em;
}
ul.sit-tabs-text a
{
	font-size:1.2em !important;
}
ul.sit-tabs li.active a
{
	color:#404040 !important;
}
ul.sit-pills li
{
	border-bottom:1px dotted #c4c4c4;
}
ul.sit-pills li.active
{
	background-color:#404040;
}

ul.sit-pills a
{
	color:#808080;
}
/** mail-list & documents-list**/
ul.sit-stapled-list
{
	padding:0;
	position:relative;
	width:100%;
	display:flex;
	flex-direction:column;
}
ul.sit-stapled-list li
{
	list-style-type:none;
	border-bottom:1px dotted #c4c4c4;
}
ul.sit-stapled-list div.list-entry-header
{
	display:flex;
	justify-content:flex-start;
	padding: 10px 5px;
}
ul.sit-stapled-list div.list-entry-header div.state-icon-container
{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
ul.sit-stapled-list span.document-state-icon,
ul.sit-stapled-list span.mail-state-icon
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	margin-right:10px;
}
ul.sit-stapled-list span.mail-attachments:before
{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:40px;
	padding:0 10px;
}
ul.sit-stapled-list span.document-state-icon:before,
ul.sit-stapled-list span.mail-state-icon:before,
ul.sit-stapled-list span.mail-attachments:before
{
	font-size:1.8em !important;
}
span.success-mail,
span.sit-mail-success,
span.sit-mail-error-doc-printed
{
	background-color:#7ba428 !important;
}
span.generated-mail,
span.sit-mail-not-sent-doc-not-printed
{
	background-color:#fcf8e3 !important;
	color: #8a6d3b !important;
}
span.error-mail,
span.sit-mail-error-doc-not-printed
{
	background-color:#b52b2b !important;
}
ul.sit-stapled-list div.list-entry-header div.list-entry-text-container
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}
ul.sit-stapled-list div.list-entry-text-container span:before
{
	margin-right:5px;
}
ul.sit-stapled-list div.list-entry-body span.mail-attachments
{
	display:flex;
	width:100%;
}
/** mailbox **/
div.sit-mailbox-state
{
	display:flex;
	justify-content:flex-end;
	align-items:stretch;
	width:100%;
	border:1px solid #c4c4c4;
	border-radius:5px;
	box-shadow: 2px 2px 2px #c4c4c4;
}
div.mailbox-state-info
{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	padding:5px;
	width:80%;
}
div.mailbox-state-info span
{
	text-align:right;
}
div.mailbox-state-icon
{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:2em;
	color:#FFF;
	width:20%;
}
div.mailbox-state-icon span
{
	padding:15px;
}
div.job-state-finalized
{
	background-color:#7ba428;
}
div.job-state-running
{
	background-color:#40b3ed;
}
div.job-date-state-warning
{
	background-color:#e3cb14 !important;
}
div.job-date-state-danger
{
	background-color:red !important;
}
/* media-admin-panel */
div.media-admin-panel
{
	position:relative;
}
div.media-admin-panel div.media-panel div.panel-heading
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:0;
	background-color:#808080;
	color:#FFF;
}
div.media-admin-panel div.media-heading-danger
{
	background-color:#f2dede !important;
}
div.media-admin-panel div.media-heading-danger div.media-type span
{
	color:#843534;
}
div.media-admin-panel div.media-details-body
{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
}
div.media-admin-panel span.media-state
{
	font-size:0.9em;
}
div.media-admin-panel span.media-state:before
{
	margin-right:5px !important;
}
div.media-admin-panel div.media-type
{
	display:flex;
	align-items:center;
	padding:0 10px;
}
div.media-admin-panel div.media-type span
{
	display:flex;
	align-items:center;
}

span.media-jpg:before,
span.media-jpeg:before,
span.media-png:before
{
	font-family:'Glyphicons Halfings';
	content:"\e060";
	margin-right:10px;
	font-size:1.5em;
}

div.media-admin-panel div.admin-buttons
{
	display:flex;
	align-items:center;
	background-color:#404040;
	padding:5px 0;
}
div.media-admin-panel button.admin-button,
div.media-admin-panel label.add-media
{
	border:0;
	box-shadow:none;
	background-color:transparent;
	padding: 0 10px;
}

div.media-admin-panel button.admin-button span:before
{
	font-size:1.1em;
}
div.media-admin-panel label:before
{
	font-size:1.6em;
}
span.register-media:before
{
	font-family:'Glyphicons Halfings';
	content:"\e097";
}
span.delete-media:before
{
	font-family:'Glyphicons Halfings';
	content:"\e020";
}
label.add-media
{
	cursor:pointer;
}
label.add-media:before
{
	font-family:'Glyphicons Halfings';
	content:"\e081";
}
span.media-link:before
{
	font-family:'Glyphicons Halfings';
	content:"\e062";
}
span.media-details:before
{
	font-family:'Glyphicons Halfings';
	content:"\e181";
}
/* admin-media-panel with preview */
div.media-preview-row
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	width:100%;
	margin-bottom:20px;
}
div.media-preview
{
	max-height:200px;
	position:relative;
	overflow:hidden;
	width:30%;

}
div.media-preview img
{
	height:auto;
	width:100%;
	position:relative;
	border-radius:5px;
}
div.media-preview-row div.media-panel
{
	width:65%;
	height:100%;
	margin:0;
	display:flex;
	flex-direction:column;
	justify-content:stretch;
}
/* com_siteadmin_categories */
div.cat-accordion div.panel-header-collapse,
div.cat-accordion div.panel-header-default
{
	position:relative;
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	align-items:stretch;
}
div.cat-accordion a
{
	color:#404040;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
}
div.add-category-panel
{
	margin-bottom:15px;
}
div.add-category-panel a.add-category-button,
div.add-category-panel button.add-category-button
{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	color:#FFF;
	background-color:transparent;
	border:0;
}
div.add-category-panel button.disabled
{
	color:#c4c4c4;
	background-color:transparent !important;
}
div.add-category-panel a.add-category-button:hover,
div.add-category-panel a.add-category-button:focus,
div.add-category-panel a.add-category-button:active
{
	text-decoration:none;
}	
div.add-category-panel a.add-category-button:before,
div.add-category-panel button.add-category-button:before
{
	font-size:2em;
	margin-right:10px;
}
div.cat-accordion div.cat-link a
{
	position:relative;
	height:100%;
}
div.cat-accordion div.cat-link a:hover,
div.cat-accordion div.cat-link a:focus,
div.cat-accordion div.cat-link a:active
{
	text-decoration:none;
}	
div.cat-accordion div.panel-header-collapse a:before
{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#404040;
	height:100%;
	width:30px;
	color:#FFF;
	font-family:'Glyphicons Halfings';
	content:"\e235";
	
}
div.cat-accordion div.panel-header-default a:before
{
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#7ba428;
	height:100%;
	width:30px;
	color:#FFF;
	font-family:'Glyphicons Halfings';
	content:"\e080";
}
div.cat-accordion div.panel-heading:hover
{
	background-color:#e4e4e4;
}
div.cat-accordion button.disabled
{
	background-color:#c4c4c4 !important;
	cursor:default;
}
div.cat-accordion div.cat-toolbar
{
	display:flex;
	flex-direction:row;
	background-color:#808080;
}
div.cat-accordion div.cat-toolbar button,
div.cat-accordion span.online-state
{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:15px;
	border:0;
	border-left:1px solid #FFF;
	background-color:transparent;
	color:#FFF;
	height:100%;
}
div.cat-accordion div.cat-toolbar button
{
	font-size:1.3em;
}
div.cat-accordion span.online-state
{
	font-size:1.5em;
}	
li.cat-child-entry span.online-state,
li.cat-sibling-entry span.online-state
{
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 5px 10px;
	border:0;
	background-color:transparent;
	color:#FFF;
	height:100%;
	font-size:1.8em;
	margin-right:10px;
}
div.cat-accordion span.cat-link
{
	margin-left:5px;
}
span.cat-online
{
	background-color:#7ba428 !important;
}
span.cat-offline
{
	background-color:#c4c4c4 !important;
}
div.cat-offline
{
	background-color:#d4d4d4 !important;
}
div.cat-offline a
{
	color:#808080 !important;
}
span.cat-online-info
{
	background-color:#40b3ed !important;
}
div.cat-online-info
{
	background-color:#d9edf7 !important;
}
span.cat-online-warning
{
	background-color:#f0be1a !important;
}
div.cat-online-warning
{
	background-color:#ebe7d2 !important;
}
span.cat-online-danger
{
	background-color:#b52b2b !important;
}
span.cat-online-no-url
{
	background-color:#751717 !important;
}
div.cat-online-no-url,
div.cat-online-danger
{
	background-color:#f2dede !important;
}
div.cat-accordion div.cat-toolbar button.ok
{
	background-color:#7ba428;
}
div.cat-accordion div.cat-toolbar button.warning
{
	background-color:#f0be1a !important;
	color:#FFF !important;
}
div.cat-accordion div.cat-toolbar button.danger
{
	background-color:#b52b2b !important;
	color:#FFF !important;
}
div.cat-accordion div.cat-toolbar button.info
{
	background-color:#31708f !important;
	color:#FFF !important;
}

div.cat-accordion div.panel-body
{
	padding:0;
}
div.cat-accordion div.panel-secondlevel
{
	border:0;
	padding-left:10px !important;
	border-top:1px dotted #808080;
}
div.cat-accordion div.panel-secondlevel div.panel-heading
{
	border-bottom:1px dotted #808080;
}
div.cat-accordion div.panel-thirdlevel
{
	padding-left:10px !important;
}