html { background-color: #ECF0F1; }
body { background-color: #ECF0F1;    font-family: 'Open Sans',Helvetica,Arial,sans-serif; }
a,a:active,a:focus { color: #11A3DE; }
a.no-underline{ text-decoration: none !important; }
a:hover .icon { color: #11A3DE; }
a.btn:hover .icon { color: #fff; }
a.white,a.white .icon, a.white:hover .icon { color: #fff; }
a.black,a.black .icon, a.black:hover .icon { color: #333; }

.nav-tabs { margin-bottom: 15px; }
/*h1,h2,h3,h4,h5 { font-weight: 700; }*/
h3 { margin-top: 10px; }
.header { background-color: #FFFFFF;/*color: #fff;*/ border-bottom: 1px solid #ECF0F1;}
.header .logo { margin: 5px; }
.header .logo img { max-height:75px; }
footer { background-color: #322E51; }
footer .logo { margin: 5px; }
footer .logo img { height:50px; }
footer .footer-links { list-style:none;line-height: 30px;margin-top: 10px; }  
footer .footer-links li { display: inline;color:#333; }
footer .footer-links li + li { padding-left: 20px; }  
footer .footer-links a { color: #333;text-decoration:underline; }
.navbar-default { background: #FFFFFF;margin-bottom:0; }
.page {
	/*padding-top:20px;*/
}
.page .container { } 
.page .container-fluid { margin-left:15px;margin-right:15px;} 

.background { background: #FFFFFF; }
.padding { padding: 15px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-5 { padding: 5px; }
.padding-y { padding-top: 15px;padding-bottom: 15px; }
.padding-x { padding-left: 15px;padding-right: 15px; }
.padding-left { padding-left: 15px; }
.padding-right { padding-right: 15px; }
.margin-x { margin-left: 15px;margin-right:15px;}
.margin-y { margin-top: 15px;margin-bottom:15px;}
.margin-bottom { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-right { margin-right: 15px; }
.valign-middle { vertical-align:middle; }
.no-margin { margin: 0px;}
.width-40 { width: 40px; }
.width-60 { width: 60px; }
.width-80 { width: 80px; }
.width-100 { width: 100px; }
.width-120 { width: 120px; }
.width-140 { width: 140px; }
.width-160 { width: 160px; }

.width-10p { width: 10%; }
.width-20p { width: 20%; }
.width-30p { width: 30%; }
.width-40p { width: 40%; }
.width-50p { width: 50%; }
.width-60p { width: 60%; }
.width-70p { width: 70%; }
.width-80p { width: 80%; }
.width-90p { width: 90%; }

.req { color: #11A3DE; }
.required:after { content:"*";color: #11A3DE;margin-left: 5px; }
.border-bottom { border-bottom: 1px solid #eee; }
.text-small { font-size: 95%; }
.text-large { font-size: 110%; }
.text-xlarge { font-size: 130%; }
.navbar-header { }
.navbar-header a { color: #333; }
.navbar-header>li>a { line-height: 30px; }

.navbar-header .dropdown-menu>li>a { color: #000;line-height: 2;position:relative; }
.navbar-header .dropdown-menu>li>a:hover { color: #333; }
.navbar-header .dropdown-menu>li>a .icon { color: #0072A3;font-size: 14px;margin-right: 15px;}
.navbar-header .dropdown-menu { background-color: #FFF;color: #000;}
.navbar-header a .img { }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #eee;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: #eee;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color:#11A3DE;color:#FFFFFF;
}
.navbar-default .icon { display:none; }
.navbar-default .icon-trigger .badge {
	background-color: #de0030;
	color: #fff;
	position: absolute;
	right: 30px;
	top: 10px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color:#11A3DE;
}

.navbar-secondary { background: #0D8BBD; margin-bottom: 0px;padding-top:5px;padding-bottom:5px;}
.navbar-secondary .nav-pills>li.active>a,.navbar-secondary .nav-pills>li.active>a:focus,.navbar-secondary .nav-pills>li.active>a:hover {
	background-color:#ffffff;
	color:#0D8BBD;
}
.navbar-secondary .nav-pills>li.active>a,.navbar-secondary .nav-pills>li.active>a:focus,.navbar-secondary .nav-pills>li.active>a:hover {
	background-color:#ffffff;
	color:#0D8BBD;
}
.navbar-secondary a {
	color:#ffffff;
}

.navbar-secondary .nav>li>a:focus,.navbar-secondary .nav>li>a:hover {
  color: #333;
}

.breadcrumb { background: none;margin-bottom: 0; }


.icon.nav-icon-circle { display:inline-block;width:30px;height:30px; background-color: #EBEFF0;border-radius: 50%;font-size:16px;line-height: 30px;}
.navbar-header .badge { background-color: #DE0030; color: #fff;position:absolute;right:5px;top:5px; }

/* General */
hr.blue { background: #11A3DE;border-color: #11A3DE; }
hr.bold { height: 1px; }

.chart { margin: 20px;height:400px;clear:left;}

.dl-horizontal-left-align dt { text-align: left; }
.dl-reverse dt { font-weight: normal; }
.dl-reverse dd { font-weight: bold; }
.dl-margin dt,.dl-margin dd { margin-bottom: 3px;}
dd h2 { margin-top:10px;}
td.lbl { padding-right: 10px;}

h2.page_title { padding-bottom: 15px; margin-bottom: 30px;background: url('/gfx/header_bottom_line.png') no-repeat left bottom; }
h3.page_title { padding-bottom: 15px; margin-top: 10px; }

.col-no-padding {padding:0;}
.col-no-padding-left {padding-left:0;}
.col-no-padding-right {padding-right:0;}

.box { min-height: 350px; }
.box-header { padding: 10px 15px;line-height: 32px;font-size: 24px; }
.box-header * { vertical-align:middle; }
.box-header .icon + .text{ margin-left: 15px; }

.box-body { margin: 15px; }
.box-body.statistics {
	margin: 30px;
}
.box-body.statistics h1 {
	font-size: 47px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 35px;
}
.box-body.statistics .bullet-bar {
	height: 37px;
	width: 6px;
	border-radius: 4px;
	margin-right: 10px;
	margin-top: 7px;
}
h1 .icon, h2 .icon, h3 .icon, h4 .icon { margin-right: 15px; }
.dropdown-menu>li>a .icon { color: #11A3DE;font-size: 14px;margin-right: 15px; }

.slider .slider-track-high, .slider .slider-track-low { background: #dddddd; }
.slider .slider-selection { background: #11A3DE; }
.slider.slider-horizontal { width: 100%; }

.icon-spinner {
	display: block;
	background: url('/gfx/blue-spinner.gif') no-repeat left center;
	color: #b3b5b6;
	line-height: 32px;
	padding: 10px 10px 10px 40px;
}
/*
.box.box-blue { color: #11A3DE; }
.box.box-green { color: #8EC449; }
.box.box-red { color: #D22773; }
*/
.bg-blue { background: #11A3DE;color:#fff;}
.bg-green { background: #4DB748;color:#fff;}
.bg-green-dark { background: #08A175;color:#fff;}
.bg-green-dark2 {background: #285864; color:#fff;}
.bg-red { background: #D22773;color:#fff;}
.bg-pink { background: #D22773;color:#fff;}
.bg-blue-dark {background: #322e51; color:#fff}
.bg-purple {background: #9579dd; color: #fff}
.bg-facebook {background: #3465aa; color: #fff}

.box .progress-label { margin-bottom: 10px; }
.progress { height: 30px; }
.progress-bar { line-height: 30px; }
.progress-bar-blue { background-color: #11A3DE; }
.progress-bar-green { background-color: #4DB748; }
.progress-bar-green-dark { background-color: #08A175; }
.progress-bar-red { background-color: #D22773; }

.text-blue { color: #11A3DE; }
.text-white { color: #FFF; }
.text-green { color: #4DB748; }
.text-green-dark { color: #08A175; }
.text-purple { color: #9579DD; }
.text-pink { color: #D22773; }
.text-grey { color: #929292;}
.text-blue-dark {color: #322e51; }
.text-facebook {color: #3465aa;}
.text-input-height { line-height: 40px; }

/* Forms */
div.form-input { padding:10px;max-height:600px;border: 1px solid #cccccc;overflow:auto;border-radius: 4px;}
div.form-input.readonly { background-color: #eeeeee;}
.input-spacing-bottom { margin-bottom: 5px;}
.form-control { height:40px;}
.form-control.label-input { height:auto;min-height:40px;}
.form-control.label-input input { border: none;height:26px;outline:0px !important;-webkit-appearance:none; }

.label-list { margin-bottom: 10px; }
.form-control.label-input .label { display:inline-block;font-size: 16px;line-height: 16px;margin-bottom: 5px;margin-right: 5px; }
.form-control.label-input .label .close { margin-left: 10px; }
.form-control.label-input .label .close.disabled { visibility:hidden; }

.form-control.input-sm,.input-sm .form-control {height:26px;}
.form-control.success { border-color: #87CE2A;}
.form-control.error { border-color: #ED1D1D;}
.input-group-addon { padding: 4px 12px;/*background-color: #11A3DE;color: #FFFFFF;border-color: #11A3DE;*/ }
.input-sm .icon { font-size: 16px; }
.input-group .icon { font-size: 16px; }
.input-group-btn .btn{ height: 40px; }
.form-control:focus { border-color: #11A3DE; }
.form-control.focus {
	border-color: #11A3DE;
	outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

@keyframes highlight { /* CSS3 */
	0%   { background-color: #ffffff; }
	10%  { background-color: #FFFF80; }
	100% { background-color: #ffffff; }
}
@-moz-keyframes highlight { /* Firefox */
	0%   { background-color: #ffffff; }
	10%  { background-color: #FFFF80; }
	100% { background-color: #ffffff; }
}
@-webkit-keyframes highlight { /* Webkit */
	0%   { background-color: #ffffff; }
	10%  { background-color: #FFFF80; }
	100% { background-color: #ffffff; }
}
.highlight {
	animation:         highlight 1s; /* CSS3 */
	-moz-animation:    highlight 1s; /* Firefox */
	-webkit-animation: highlight 1s; /* Webkit */
}
.sort-handle { cursor: move;}
.input-group.search .form-control, .form-control.search { border-color: #11A3DE; }
.input-group.search .input-group-btn { border-color: #11A3DE; /*background: #F3F7F8;border: 1px solid transparent;color: #11A3DE;*/ }
.header .input-group.search .form-control { background: #151322;color: #ffffff; }
.header .input-group.search .input-group-addon { background: #151322; }

.filter-control { margin: 0px -15px; border-color: #ECF0F1;border-style: solid;border-width: 1px 0;height:50px; }
.filter-control > label { display:block;height:50px;line-height:40px;padding: 5px 15px; }

.filter-control.expanded { height:auto;border-width: 1px;border-color: #B3B5B6; }
.filter-control.expanded > label { background: #B3B5B6;color: #ffffff; }
.filter-control.expanded .filter-list { display:block; }

.filter-control:focus,.filter-control.active { border-color: #11A3DE;border-width: 1px;outline:none; }
.filter-control:focus > label,.filter-control.active > label { background: #11A3DE;color:#ffffff; }
.filter-control > label .icon { float:left;margin-right: 20px; }
.filter-control .filter-list { list-style:none;margin:0;padding:20px;display:none; }
.filter-control .filter-list.expandable li label { margin-left: 20px; }
.filter-control .filter-list.expandable li { position:relative; }
.filter-control .filter-list.expandable li a { display: none;position: absolute;left:0;top:2px; }
.filter-control .filter-list.expandable li a span.icon{ font-size: 14px;line-height: 22px; }
.filter-control .filter-list.expandable li.expandable.folded a.expand  { display: block; }
.filter-control .filter-list.expandable li.expandable.expanded a.fold  { display: block; }

.filter-control .filter-list li { display:block; }
.filter-control .filter-list ul { padding: 0 0 0 20px; }
.filter-control .filter-list ul.folded { display:none; }
.filter-control.multi-column .filter-list li { display:inline-block;float:left;width:50%;min-width:110px; }


/* Buttons */
.btn { /*padding: 10px 16px;*/ }
.btn-primary {
    border-color: #11A3DE;
    /*font-family: 'Open Sans',Helvetica,Arial,sans-serif;*/
    color: #fff;
    background-color: #11A3DE;
    box-shadow: none;
    outline:0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #30AEE1;
    color: #fff;
    background-color: #30AEE1;
    box-shadow: none;
    outline:0;

}

.btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open>.dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #3F3964;
  border-color: #3F3964;
}
.btn-dark {
  color: #fff;
  background-color: #4A4477;
  border-color: #4A4477;
}

.btn-icon { position: relative;overflow:hidden;min-height: 42px;padding: 10px 16px 10px 56px;}
.btn-icon .icon {
	display: inline-block;
	position:absolute;
	left: 0;
	top: 0;
  background-color: #1790C3;
  min-height: 42px;min-width: 42px;
  padding: 6px;
  line-height: 1;
}
.btn-icon:hover .icon { background-color: #11A3DE; }
.btn-icon.btn-success .icon { background-color: #449B44; }
.btn-icon.btn-success:hover .icon { background-color: #378037; }

.btn-icon.btn-dark .icon { background-color: #3F3964; }
.btn-icon.btn-dark:hover .icon { background-color: #322E51; }

.btn-icon.btn-danger .icon { background-color: #982421; }
.btn-icon.btn-danger:hover .icon { background-color: #8B221F; }


.btn.btn-icon.btn-text-hidden { padding-left: 26px;  }
/*
.btn.btn-lg.btn-icon .icon { margin: -12px 10px -12px -18px;padding: 5px 0px;line-height: 24px;min-width:46px; }
*/
.icon { font-size: 24px;text-align:center;text-decoration:none; }
.icon-lg { font-size: 32px; }
.icon-xl { font-size: 46px; }

.icon.grey { color: #B3B5B6; }
.active > .icon.grey, .icon.grey.active, .icon.grey:hover { color: #11A3DE; }


.icon.icon-facebook { background-image: url('/img/icon_facebook.png'); }
.bootstrap-switch-pull-right { float:right;}

item-row + no-items-info { display:none;}

/* Tables */
.thead-dark { background: #322E51;color: #fff; }
.thead-dark a { color: #fff; }

div.thead-primary { padding: 5px; background: #F1F5F6;font-weight:bold;margin-bottom: 10px; }
.thead-primary,.tfoot-primary { background: #F1F5F6; }
.thead-primary a { color: #333; }
.td-size-xxs { width: 8.3334%; }
.td-size-xs { width: 16.6667%; }
.td-size-sm { width: 25%; }
.td-size-md { width: 33%; }
.td-size-lg { width: 50%; }
.td-size-xl { width: 66%; }
.td-size-xxl { width: 75%; }
/*.table > thead > tr.thead-primary > th { border-color: #fff;}*/

/* Resultlist*/

.list-selector { list-style: none;margin:0 0 20px 0;padding:0;height: 24px; }
.list-selector li { float:left;height: 24px;width: 24px; }
.list-selector li + li { margin-left: 10px; }
.list-selector li a { text-decoration:none; }


/*.resultlist .item-body:hover { background: #F3F7F8; }*/
.resultlist { /*padding: 15px;*/ }
.resultlist .header-list { display:none; }
.resultlist .header-body { padding: 5px 15px; background: #F1F5F6; }
.ellipsis  { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.ellipsis.max-100  { max-width:100px; }
.resultlist .item-list { display:none; }
.resultlist .item-grid { display:none; }
.resultlist .item-table { display:none; }
.resultlist h3 { font-size: 14px;/*margin-top:10px;*/margin-top:0px;font-weight:bold;}
.resultlist.statistics h3 { font-size: 17px;margin-top:10px;margin-bottom: 5px;font-weight:bold;}
.resultlist .img { background-color: #f1f1f1;}
.resultlist .img img { display:block;margin-left:auto;margin-right:auto; }
.resultlist .item-tools a+a,.tools a+a { margin-left: 10px; }
.tools { text-align: right; }
/* Mode: List */
.item .item-toggle a.fold { display:none;}
.item.expanded .item-toggle a.fold { display:inline;}
.item.expanded .item-toggle a.expand { display:none;}
.resultlist.mode-list .header-list { display:block; }
.resultlist.mode-list .header-info { margin-left: 55px;margin-right:100px;font-weight:bold; }
.resultlist.mode-list.selector-list.single .header-info { margin-left: 0px; }
.resultlist.mode-list.selector-list.multiple .header-info { margin-right:0px; }
.resultlist.mode-list .header-toggle { height:25px;width:25px;float:left;margin-right:15px;margin-top:5px; }

.resultlist.mode-list .item-list { display:block; }
.resultlist.mode-list .item { margin-bottom: 2px; } 
.resultlist.mode-list .item-toggle { height:25px;width:25px;float:left;margin-right:15px;margin-top:5px; }
.resultlist.mode-list .item-body { background-color: #ffffff;padding:15px; }
.resultlist.mode-list .item-body.info { background-color: #d9edf7; }
.resultlist.mode-list .item-list:nth-of-type(odd) .item-body { background-color: #f8f8f8; } 
.resultlist.mode-list .item-list:nth-of-type(odd) .item-body.info { background-color: #d9edf7; }
.resultlist.mode-list .item-details { margin-right: 115px;}
.resultlist.mode-list .img { float:right; }
.resultlist.mode-list .img img { max-width: 100px;max-height:100px; }
.resultlist.mode-list	.item .expanded { display:none; }
.resultlist.mode-list	.item.expanded .expanded { display:block; }
.resultlist.mode-list .expanded-body { padding: 10px 0;}
.resultlist.mode-list .item-info { /*margin-left: 40px;margin-right:75px;*/margin-left: 55px;margin-right:100px;margin-top: 8px; }
.resultlist.mode-list.selector-list.mulitple .item-info { margin-right:0px; }
.resultlist.mode-list.selector-list.single .item-info { margin-left:0px; }
.resultlist.mode-list .item-tools { width:80px;float:right; }


/* Mode: Table */
.resultlist.mode-table .item-table { display:block; }
.resultlist.mode-table .item { margin-bottom: 2px; } 
.resultlist.mode-table .item-body { background-color: #ffffff;padding:15px;min-height:130px; }
.resultlist.mode-table .item-table:nth-of-type(odd) .item-body { background-color: #f8f8f8; } 
.resultlist.mode-table .img { height:100px;width:100px;float:left;margin-right:15px; }
.resultlist.mode-table .img img { min-height: 100px;max-height:100px; }
.resultlist.mode-table .item-info { /*margin-left: 115px;margin-right:75px;*/margin-left: 130px;margin-right:100px; }
.resultlist.mode-table .item-tools { width:80px;float:right;line-height:100px; }
/* Mode: Grid */
.resultlist.mode-grid .item-grid { display:block; }
.resultlist.mode-grid .img { height:150px; }
.resultlist.mode-grid .thumbnail img { min-height: 150px;max-height:150px; }
.resultlist.mode-grid h3 { text-align:center;white-space:nowrap;}

.imagelist.mode-grid .img { margin: 8px; }
.imagelist.mode-grid {}

#campaign_product_dialog #list-selector-container { max-height: 500px;overflow:auto; }
#campaign-product-container .item { height: 60px; }
#campaign-product-container .item .product-title { max-width: 300px; }
#campaign-product-container .item .td-price { width: 170px; }
#campaign-product-container .item .td-discount { width: 120px; }
#campaign-product-container .item .img.img-size-xs { width: 60px; }
#campaign-product-container .item.deactivated { color: #999999; }
#campaign-product-container .item.deactivated .input-group { display:none; }
.selected-row {
    background-color: #fff68c;
}
.deleted-row {
   background-color: #FBB3AC;
}
.deleted-row.selected-row {
    background-color: #F7776C;
}
#version-list-container .deleted-row .title { text-decoration: line-through; }
#select_product_dialog #list-selector-container { max-height: 500px;overflow:auto; }

.img img,img.img,.img-placeholder {
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
    box-shadow: inset 0 0 15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
    background: #eee;    
}

.img-placeholder { background: url('/gfx/bg_img_placeholder.png') no-repeat center center;height:100%;width:100%;background-color: #EBEFF0; }
.img-user .img-placeholder { background: url('/gfx/bg_img_user_placeholder.png') no-repeat center center;height:100%;width:100%;background-color: #EBEFF0; }

.img.img-size-xxs { max-width: 40px;max-height: 40px; }
.img.img-size-xs { max-width: 60px;max-height: 60px; }
.img.img-size-sm { max-width: 90px;max-height: 90px; }
.img.img-size-md { max-width: 120px;max-height: 120px; }
.img.img-size-lg { max-width: 240px;max-height: 240px; }
.img.img-size-xxs .img-placeholder { width: 40px;height: 40px; }
.img.img-size-xs .img-placeholder { width: 60px;height: 60px; }
.img.img-size-sm .img-placeholder { width: 90px;height: 90px; }
.img.img-size-md .img-placeholder { width: 200px;height: 120px; }
.img.img-size-lg .img-placeholder { width: 300px;height: 240px; }
/*
.product-option-image-container .img.img-size-xs img { max-width: 60px;max-height: 60px; }.product-option-image-container .img { position:relative; }
*/
.img.img-user.img-size-xs { max-width: 20px;max-height: 20px; }
.img.img-user.img-size-sm { max-width: 30px;max-height: 30px; }
.img.img-user.img-size-md { max-width: 60px;max-height: 60px; }
.img.img-user.img-size-lg { max-width: 90px;max-height: 90px; }
.img.img-user.img-size-xs .img-placeholder { width: 20px;height: 20px;background-size: 20px 20px; }
.img.img-user.img-size-sm .img-placeholder { width: 30px;height: 30px;background-size: 30px 30px; }
.img.img-user.img-size-md .img-placeholder { width: 60px;height: 60px;background-size: 60px 60px; }
.img.img-user.img-size-lg .img-placeholder { width: 90px;height: 90px;background-size: 90px 90px; }

.product-option-image-container {
    position:relative;
    display: inline-block;    
}
.product-option-image-container .product-option-image {
    overflow: hidden;
    width: 60px;
    height: 60px;
} 
.product-option-image .img-size-xs {
    max-width: 60px;max-height: 60px;
}
#product-option-image-crop-modal #croppr_image,#product-option-image-crop-modal .croppr_image { 
    min-width:100px;
    min-height: 100px; 
}
#product-option-image-crop-modal .modal-image {
  display: flex;
  justify-content: center;
}
.img-column-sm { width: 100px; }

.level-0 {  }
.level-1 { padding-left: 20px !important; }
.level-2 { padding-left: 40px !important; }
.level-3 { padding-left: 60px !important; }
.level-4 { padding-left: 80px !important; }
.level-5 { padding-left: 100px !important; }

#product_image_container .img.img-primary { display:block; max-height: 250px;max-width:100%;margin-bottom:15px; }
#product_image_container .img img { max-width: 100%; max-height:250px; }
#product_image_container .img .img-placeholder { width: 100%;height:250px; }

#product_image_list { border: 2px dashed #eee; padding:10px;border-radius: 4px;}
#product_image_list .img { display:inline-block; height: 90px;width:90px;position:relative;margin:5px;line-height:90px;text-align:center;}
#product_image_list .img img { max-height: 90px;}
#product_image_list .img .star { display:none;background: #322E51;text-align:center;opacity: 0.9;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;line-height:90px; }
#product_image_list .img:hover .star { display:block; }

#product_image_list .img .remove, .product-option-image-container .product-option-image .remove { display:none;background: #EC1D1D;height: 20px;width:20px;text-align:center;position:absolute;top:-8px;right:-8px;color: #fff;border-radius:10px;font-size:20px;line-height:20px;opacity: 0.6;font-weight:bold;cursor: pointer; }
#product_image_list .img:hover .remove, .product-option-image-container .product-option-image:hover .remove { display:block; }
#product_image_list .img:hover .remove:hover, .product-option-image-container .product-option-image:hover .remove:hover { opacity: 1.0; }

#acr-rule-list thead .acr-action { width: 15%; }
#acr-rule-list tbody label { display:block; }

/* Frontpage modules */
.frontpage-carousel-row { padding-top:15px; }
.frontpage-carousel-row .margin-container { margin: 0 25px;}
.frontpage-carousel-row .icon { line-height: 90px; }
.frontpage-carousel-row .image { line-height: 90px; }

/* Product options */
.product-option-row { padding-top:15px; }
.product-option-row .margin-container { margin: 0 25px;}
.product-option-row .icon { line-height: 40px; }
.product-option-row:hover { background-color: #fafafa;}

/* Product additions */
.product-addition-row { padding-top:15px; }
.product-addition-row .margin-container { margin: 0 25px;}
.product-addition-row .icon { line-height: 40px; }
.product-addition-row:hover { background-color: #fafafa;}

/* Order Shipments */
.shipment-package-row .margin-container {
    margin-right: 25px;
    
}
.group-box { position: relative;list-style:none; padding:15px;border: 2px solid #ccc;border-radius: 4px; }

.group-box.arrow-top:after, .group-box.arrow-top:before {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.group-box.arrow-top:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.group-box.arrow-top:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #cccccc;
	border-width: 12px;
	margin-left: -12px;
}

#shipment_product_form_container { min-height:100px; max-height: 560px;padding-right: 15px; overflow-y:auto;}
.form-edit-employee.form-small .form-large { display:none; }
.form-edit-employee #show_large_form { display:none; }
.form-edit-employee.form-small #show_large_form { display:inline; }

.text-info { font-style: italic; color: #555555;}

@media (min-width: 768px) {
	.navbar-default { border-radius:0;border:0; }
	.navbar-default .icon { display:block;color:#0DA6DF;padding:5px 10px; }
	#navbar { border:0;padding:0;}
	.navbar-default .navbar-nav>li>a {
		/*border-bottom: 3px solid transparent;*/
		min-width: 110px;
		text-align:center;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		/*border-bottom: 3px solid #0DA6DF;*/
	}
	.navbar-default .navbar-nav>.active>a .icon, .navbar-default .navbar-nav>.active>a:focus .icon, .navbar-default .navbar-nav>.active>a:hover .icon { color:#FFFFFF }
	
	.box-sm-margin-left { margin-left: 10px; }
	.box-sm-margin-right { margin-right: 10px; }
	.col-sm-padding-left { padding-left: 15px; }
}

.logo-bring {
	background: url('https://cdn.shoplabs.no/gfx/client/logo-bring.png') 0px 0px no-repeat;
	width: 50px;
	height: 21px;
	display: inline-block;
}

.tooltip-inner {
    white-space:pre-wrap;
}
.system-alert-warning,.system-alert-info,.system-alert-success,.system-alert-error {
    border-radius: 0;
    color: #fff;
}
.system-alert-warning a,.system-alert-info a,.system-alert-success a,.system-alert-error a {
    color: #fff;
    text-decoration: underline;
}
.system-alert-warning {
    background-color: #ff9800;
}
.system-alert-info {
    background-color: #2196F3;
}
.system-alert-success {
    background-color: #4CAF50;
}
.system-alert-error {
    background-color: #f44336;
}

.news-list-container .news-list-item {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.news-list-container .news-list-item:last-child {
	border-bottom: none;
}
.news-list-container .news-title {
	font-size: 24px;
	margin-bottom: 10px;
}
.news-list-container .news-title.not_read {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: bolder;
}
.news-list-container .news-ingress {
	word-break: break-word;
	margin-bottom: 10px;
}
.news-list-container .news-read-more {
	font-size: 16px;
	font-weight: bolder;
	color: #11A3DE;
	margin-bottom: 10px;
}
.news-item-container {
	font-size: 20px;
	padding: 0 40px;
}
.news-item-container .image img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.news-item-container .written{
	font-size: 16px;
	margin-bottom: 30px;
}
.news-item-container .ingress {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.news-item-container .text {
	font-size: 20px;
	line-height: 30px;
	margin-top: 25px;
	margin-bottom: 30px;
}

.reqruit-wrapper {
	margin-bottom: 20px;
}

.reqruit-wrapper .head {
	color: #003A4E;
	background: #EDFAFF;
	padding: 80px 40px;
	display: flex;
	justify-content: space-between
}
.reqruit-wrapper .head .title {
	font: normal normal bold 30px/55px Open Sans;
}

.reqruit-wrapper .titlebar {
	background: #22A4DC;
	height: 3px;
	width: 208px;
	margin: 20px 0 40px 0;
}

.reqruit-wrapper .head .ingress {
	max-width: 400px;
	font: normal normal normal 18px/27px Open Sans;
	letter-spacing: 0;
	color: #003A4E;
}

.reqruit-wrapper .image {
	height: 200px
}
.reqruit-wrapper .image img{
	width: 500px;
	height: auto;
}

.reqruit-wrapper .steps {
	padding: 40px 0 40px 40px;
	background: #FFF;
	color: #003A4E;
	font: normal normal normal 16px/27px Open Sans;
}

.reqruit-wrapper .steps .bullet-point {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	max-width: 540px;
}

.reqruit-wrapper .steps .bullet-point .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bolder;
	width: 54px;
	height: 54px;
	min-width: 54px;
	background: #FFFFFF 0 0 no-repeat padding-box;
	box-shadow: 0 0 20px #0000001A;
	border-radius: 50%;
	margin-right: 20px;
}

.reqruit-wrapper .form {
	padding: 0 40px 40px 40px;
	background: #fff;
	color: #003A4E;
}
.reqruit-wrapper .form .title {
	font: normal normal normal 18px/27px Open Sans;
	margin-bottom: 20px;
	letter-spacing: 0;
}

.reqruit-wrapper .form label {
	font: normal normal bold 12px/27px Open Sans;
}

.reqruit-wrapper .form-control {
	height: 45px;
}

.reqruit-wrapper .response-container {
	background: #fff;
	padding: 40px;
}

.sub-menu-title {
	display: flex;
	padding: 0;
	margin-bottom: 0;
	width: 188px;
	background: white;
	font-size: 22px;
	align-items: center;

}
.sub-menu-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 220px;
	height: 33px;
	background: white;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: black;

}
.sub-menu-button.active {
	background: rgba(242, 244, 245, 1);
}
.sub-menu-button:hover {
	background: rgba(34, 164, 220, 0.1);
}
.btn-sub-menu-hide {
	cursor: pointer;
}

.wrapper-menu-section .wrapper-sub-items {
		display: none;
}

.wrapper-menu-section.active .wrapper-sub-items {
		display: flex;
}