@font-face {
	font-family: Barlow;
	src: url(/assets/fonts/Barlow-Regular.ttf);
}

@font-face {
	font-family: Barlow;
	src: url(/assets/fonts/Barlow-Bold.ttf);
	font-weight: bold;
}

body {
	margin: 0px;
	padding: 0px;
}
.red {color: #CF0215}

.red_bg {background: #fbe3e4; color: #8a1f11; border: 1px solid #fbc2c4; padding: 2px 4px; border-radius:5px;}
.orange_bg {background: #FFFFCF; color: #333333; border: 1px solid #EFE259; padding: 2px 4px; border-radius:5px;}
.green_bg {background: #e6efc2;  color: #264409; border: 1px solid #c6d880; padding: 2px 4px; border-radius:5px;}



input.button.blue {background-color: #78DCFC; color: #fff;}
.clear { clear: both;}
a.link,
.ui-widget-content a.link {color: #0089B6; text-decoration: none;}
a.gray { color: #555; font-weight: bold; text-decoration: none;}

.nowrap {white-space: nowrap;}

.headWrapper {
	height: 123px;
	background-image: url(/images/head_bg.gif);
	background-repeat: repeat-x;
}
.headWrapper .head {
	margin: auto;
	width: 1000px;
	height: 123px;
	position: relative;
}
.headWrapper .head .menu-top {
	position: absolute;
	height: 51px;
	width: 1000px;
	bottom: 4px;
	left: 0px;
}
.headWrapper .head .logo {
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 46px;
	width: 219px;
	position: absolute;
	left: 21px;
	top: 11px;
}
.headWrapper .head .exit-div {
	position: absolute;
	height: 50px;
	width: 580px;
	top: 15px;
	right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
}
.headWrapper .head .exit-div select{
    max-width: 150px;
    border: 1px solid #ccc;
    padding: 1px;
    
    padding: 0; background: none; border: 0;color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; margin-left: -4px;
}
.headWrapper #accounts {padding: 10px; border: 1px solid #aaa; background: #fff; position: absolute; top:-21px; left: -21px; display: none; width: 150px; }
.headWrapper #accounts ul{ padding: 0px; list-style: none;}
.headWrapper #accounts a {display: block; padding: 5px; border-bottom: 1px solid #ccc; color: #555; font-weight: bold; text-decoration: none;}
.headWrapper #accounts a:hover {background: #f6f6f6; color: #000;}


.headWrapper .head .menu-top ul {
	padding: 0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.headWrapper .head .menu-top ul li {
	padding: 0px;
	float: left;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.headWrapper .head .menu-top ul li a, .headWrapper .head .menu-top ul li a:link, .headWrapper .head .menu-top ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.headWrapper .head .menu-top ul li a:hover, .headWrapper .head .menu-top ul li a:active {
	color: #79ddff;
	text-decoration: none;
}

.mainWrapper {
	margin: auto;
	width: 1000px;
}
.footerWrapper {
	height: 150px;
	background-image: url(/images/footer_bg.gif);
	background-repeat: repeat-x;
}
.col-left {
	float: left;
	width: 280px;
}
.col-right {
	float: left;
	width: 720px;
}
.clearer {
	clear: both;
}
.box {
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}
.bt-0 {
	border-top: 0;
}
bl-0 {
	border-left: 0;
}
br-0 {
	border-right: 0;
}
bb-0 {
	border-bottom: 0;
}
.box .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #000000;
	background-image: url(/images/title_bg.png);
	background-repeat: repeat-x;

	padding-left: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.box-left {
	width: 260px;
	margin-left: 19px;
	padding-bottom: 12px;
	background-image: url(/images/box_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.box-right {
	margin-left: 15px;
	margin-right:19px;
	position: relative;
}

.box-main {
	margin: 20px 0;
	border-radius: 8px;
	border: 0;
}
@media screen and (min-width: 992px) {
	.box-main {
		margin: 20px;
	}
}

.box-main .content { padding: 10px 20px;  }


.path {
	margin: auto;
	width: 980px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	position: relative;
}
.path a, .path a:link, .path a:visited {
	color:#000000;
	text-decoration:underline;
}
.path a:hover, .path a:active {
	color:#606060;
	text-decoration:underline;
}
.arrow-e {
	border-style: dashed;
  	border-color: transparent;
  	border-width: 0.53em;
 	display: -moz-inline-box;
  	display: inline-block;
  	/* Use font-size to control the size of the arrow. */
  	font-size: 9px;
  	height: 0;
  	line-height: 0;
  	position: relative;
  	vertical-align: middle;
  	width: 0;
	border-left-width: 0.8em;
  	border-left-style: solid;
 	border-left-color: #000000;
  	left: 0.25em;
	margin-left: 10px;
	margin-right: 1px;
}

.path .search {
	height: 30px;
	width: 250px;
	position: absolute;
	top: 5px;
	right: 18px;
	text-align: right;
}
.path .search .search-btn {
	background-image: url(/images/search_btn.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 38px;
	border: none;
	display: inline-block;	
}
.path .search input {
	height: 27px;
	width: 120px;
	border: 1px solid #c9c9c9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d4d4d4;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.path .search input:focus {
	border: 1px solid #000000;
	color: #000000;
}

.footer .footer-menu ul {
	padding-left: 0;
}

 .footer .footer-menu UL LI {
	 padding: 0 10px;
	 list-style: none;
     border: none;
	 display: inline;
	 font-size: 14px;
	 text-decoration: underline;
}

.footer .footer-menu UL LI:first-child {
	padding-left: 0;
}

.footer .footer-menu a, .footerWrapper .footer .footer-menu a:link, .footerWrapper .footer .footer-menu a:visited {
	color: #727272;
	text-decoration:none;
}
 .footer .footer-menu a:hover, .footerWrapper .footer .footer-menu a:active {
	color:#000000;
	text-decoration:none;
}
 .footer .footer-link {
	display: block;
	position: absolute;
	height: 20px;
	width: 160px;
	right: 20px;
	bottom: 12px;
}
.text-red {
	color: #d10215;
}
/*

Button

*/
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/*text-transform: uppercase;*/
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 12px 10px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#40a5db), to(#005c9d));
	background: -moz-linear-gradient(top,  #40a5db,  #005c9d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a5db', endColorstr='#005c9d');

	border:1px solid #0076A3;
	color: #FFFFFF;
}
.blue:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#005c9d), to(#40a5db));
	background: -moz-linear-gradient(top,  #005c9d,  #40a5db);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005c9d', endColorstr='#40a5db');
        color: #fff;
        text-decoration: none;
}
.blue:active {
	color: #D9EEF7;
	background: -webkit-gradient(linear, left top, left bottom, from(#005c9d), to(#40a5db));
	background: -moz-linear-gradient(top,  #005c9d,  #40a5db);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005c9d', endColorstr='#40a5db');
}
.silver {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#c6c6c6));
	background: -moz-linear-gradient(top,  #FFFFFF,  #c6c6c6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#c6c6c6');

	border:1px solid #c9c6c6;
	color:#8f8d8d;
	text-shadow: 0 1px 1px #FFFFFF;
	text-transform:uppercase;
}
.silver:hover {
	background: #FFFFFF;
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #c6c6c6,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#FFFFFF');
}
.silver:active {
	color: #000000;
	background: -webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#FFFFFF));
	background: -moz-linear-gradient(top,  #c6c6c6,  #FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#FFFFFF');
}
/*

Button-------------------------[END]-------------------------------

*/
.icon-exit {
	background-repeat: no-repeat;
	background-image: url(/images/icon_exit.png);
	background-position: center center;
	display: inline-block;
	height: 16px;
	width: 11px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -5px;
}
.icon-data {
    background-repeat: no-repeat;
    background-image: url(/images/icon_data.png);
    background-position: center center;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -5px;
}

.icon-help {
    background-repeat: no-repeat;
    background-image: url(/images/icon_data_help.png);
    background-position: center center;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: -5px;
}


/*

ENTER -  fooldali belepteto

*/
.boxWrapper {
	background-color: #f3f3f3;
	height: 468px;
	width: 370px;
	border: 1px solid #dbdbdb;
	padding: 17px;
	margin-top: -252px;
	margin-left: -203px;
	position: absolute;
	left: 50%;
	top: 50%;
}
.boxWrapper .enter-box {
	background-color: #dddddd;
	height: 100%;
	border: 1px solid #dbdbdb;
	background-image: url(/images/enter-bg.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.boxWrapper .enter-box .label {
	color: #c2c2c2;
	padding-left: 14px;
}
.boxWrapper .enter-box .textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #a9a9a9;
	height: 46px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-left: 60px;
	width: 280px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}
.boxWrapper .enter-box .icon-person {
	background-image: url(/images/icon_person_enter.png);
	background-repeat: no-repeat;
	background-position: 8px center;	
}
.boxWrapper .enter-box .icon-pwd {
	background-image: url(/images/icon_password.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}

.boxWrapper .enter-box .fieldError {
    border: solid 1px #e00217;
}

.boxWrapper .enter-box .fieldError:focus {
	border: 1px solid #aa0000;
}

.boxWrapper .enter-box .fieldNormal {
    border: solid 1px #b3b3b3;
}

.boxWrapper .enter-box .fieldNormal:focus {
	color: #000000;
	border: solid 1px #000000;
}

.boxWrapper .enter-box .link, .boxWrapper .enter-box .link:link, .boxWrapper .enter-box .link:visited {
	color: #0099cc;
	text-decoration: none;	
}
.boxWrapper .enter-box .link:hover, .boxWrapper .enter-box .link:active {
	color: #0099cc;
	text-decoration: underline;
}

.downarrowdiv {
    width:330px;
    min-height:20px; /*min height of DIV should be set to at least 2x the width of the arrow*/
    background: #e00217;
    color:white;
    padding:5px;
    position:absolute;
    word-wrap:break-word;
    -moz-border-radius:5px; /*add some nice CSS3 round corners*/
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-bottom:2em;
    text-align: center;
    left: 30px;
    top: 108px;
    font-weight: bold;
}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
    content:'';
    display:block;
    position:absolute;
    top:100%; /*should be set to 100% */
    left:160px;
    width:0;
    height:0;
    border-color: #e00217 transparent transparent transparent; /*border color should be same as div div background color*/
    border-style: solid;
    border-width: 10px;
}



table#featured_products {
    border: 1px solid #cfcfcf;
    font-size: 10px;
}

table#featured_products th {
    background: #fff;
    font-weight: normal;
    font-size: 10px;
}

table#featured_products th.table_title {
    text-align: left; 
    font-size: 14px; 
    padding-left: 10px;
}

table#featured_products tr.even { 
    background: #E2E2E2;
    background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#fff) );
    background: -moz-linear-gradient(top, #d3d3d3, #fff);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#d3d3d3', endColorstr = '#fff' );
}

table#featured_products tr.odd { 
    background: #F1F6FA;
    background: -webkit-gradient(linear, left top, left bottom, from(#E7F0F9), to(#fff) );
    background: -moz-linear-gradient(top, #E7F0F9, #fff);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#E7F0F9', endColorstr = '#fff' );
}

table#featured_products td, table#featured_products th{
    border-top: 1px solid #cfcfcf;
    padding: 5px;
}

table#featured_products td.name { 
    font-size: 11px;
    color: #777;
}

table#featured_products .product_image_thumb {
    width: 50px;
    height: 50px;
    background: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
}
table#featured_products .product_image_thumb img {
    margin:auto;
}

/***************/

table#products {
    font-size: 10px;
}

table#products th {
    background: #fff;
    font-weight: normal;
    font-size: 10px;
}

table#products th.table_title {
    text-align: left; 
    font-size: 14px; 
    padding-left: 10px;
}

table#products tr { 
    background: #fff;
}



table#products td, table#products th{
    border-top: 1px solid #cfcfcf;
    padding: 5px;
}

table#products td.name { 
    font-size: 11px;
    color: #777;
}

h2.table_title {
    padding: 20px 10px;
    margin-bottom: 2px;
    border: 1px solid #cfcfcf;
    background: #E2E2E2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3) );
    background: -moz-linear-gradient(top, #fff,#d3d3d3);
    filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#fff', endColorstr = '#d3d3d3' );
    font-size: 18px;
    text-transform: uppercase;
}
table#products a { color: #777; text-decoration: none; }

table#products .input,
table#featured_products .input {
    font-family: Arial, Helvetica, sans-serif;
    width: 25px;
    font-size: 10px;
    border: 1px solid #ccc;
        text-align: right;
}
table#featured_products .input.amount { width: 33px; padding-right: 5px}
table#products .input.amount { width: 35px; }
table#products .input.yellow,
table#featured_products .input.yellow {
    background: #FFEA91;
}
table#products .input.green,
table#featured_products .input.green {
    background: #E6FCCD;
    width: 40px;
}
table#featured_products .actions a{ color: #0089B6; text-decoration: none; margin: 3px 3px 0 0;}

img.cart_button {cursor: pointer;}


table#products tr.active_row{background: #F5FCED;}
table#featured_products tr.active_row{background: #F5FCED;}

table.properties {
    margin-bottom: 20px;
    background: #fff;
    font-size: 11px;
    float: right;
}

table.properties th{
    background: #f2f2f2;
    padding: 5px;
    color: #555;
    text-align: left;
}

table.properties td{
    background: #f2f2f2;
    padding: 5px;
}

.product_main_image { 
    float: left; 
    margin-bottom: 20px;
}
h3.toggler {background: url(/images/menu-arrow-right.png) no-repeat 5px 8px #eee; padding: 5px 5px 5px 20px; cursor: pointer; color: #555; font-size: 12px; margin-top: 5px; font-weight: bold;}
h3.toggler.active {background-image: url(/images/menu-arrow-down.png); color: #0089B6}
.togglable {display: none; }

.product_image {border: 1px solid #ccc;}






table.clear {
    font-size: 10px;
}

table.clear th {
    background: #fff;
    font-weight: normal;
    font-size: 10px;
    padding: 5px;
}

table.clear th.table_title {
    text-align: left; 
    font-size: 14px; 
    padding-left: 10px;
}

table.clear tr { 
    background: #fff;
}
table.clear tr.red_bg {background: #fbe3e4; color: #8a1f11; padding: 2px; font-weight: bold; font-size: 11px;}
table.clear tr.red_bg td { border: 2px solid #fbc2c4; border-width: 1px 0px  }
table.clear table tr { 
    background: none;
}



table.clear td{
    border-top: 1px solid #cfcfcf;
    padding: 5px;
}
table.clear table td{
    border-top: none;
}


table.clear td.name { 
    font-size: 11px;
    color: #777;
}
table.clear a {font-size: 9px; color: #0089B6; text-decoration: none;}





table.clear2 {
    font-size: 10px;
    border-collapse: collapse;
    border-color: #ccc;
}

table.clear2 th {
    background: #fff;
    font-weight: normal;
    font-size: 10px;
    border-color: #ccc;
}


table.clear2 tr { 
    background: none;
}
table.clear2 table tr { 
    background: none;
}

table.clear2 td{
    border-color: #ccc;
    background: #f4f4f4;
}
table.clear2 table td{
    border: none;
}

table.clear2 a {font-size: 9px; color: #0089B6; text-decoration: none;}





/************************ FIELDSET FORM ************************/
.fieldset_form {background: #f5f5f5; border: 0px solid #ccc; padding: 10px; border: 1px solid #ccc;}
.fieldset_form legend{ font-size: 12px; font-weight: bold; margin-bottom: 0; border-bottom :0; width: auto;}
.fieldset_form table {width: 100%; font-size: 11px}
.fieldset_form table td  {padding: 5px;}
.fieldset_form th {width: 150px; text-align: right; padding-right: 20px; font-weight: normal; color: #555;}
.fieldset_form textarea {width: 98%; text-align: left; border: 1px solid #ccc;}
.fieldset_form select {width: 98%}

/*************************** MESSAGE ***************************/

.errMsg,
.successMsg,
.warningMsg,
.noticeMsg {
    margin-bottom   : 10px;
    padding         : 5px;
}
.errMsg {
    background      : #fbe3e4;
    border          : 2px solid #fbc2c4;
    color           : #8a1f11;
}
.successMsg {
    background      : #e6efc2;
    color           : #264409;
    border          : 2px solid #c6d880;
}
.warningMsg {
    background      : #FFFFCF;
    color           : #333333;
    border          : 2px solid #EFE259;
}
.noticeMsg {
    background      : #EDFAFF;
    color           : #036;
    border          : 2px solid #EDFAFF;
}

.fieldError, .required.fieldError {
	border: 1px solid #dc9791;
	background: #ffedef;
}
/*************************** TABLE FORM ***************************/

INPUT.table_form {
    border                  : 1px solid #d0d0d0;
    color                   : #5b5b5b;
    font-size               : 11px;
    padding                 : 6px;
    width                   : 95%;
}

INPUT.button {
    width                   : auto;
}
INPUT.button.order {
    width                   : auto;
}

#table_form {
    width           : 100%;
}
#table_form TR TH {
    font-size       : 11px;
    font-weight     : normal;
    padding-right   : 20px;
    text-align      : right;
    width           : 100px;
}
#table_form TR TD {
    padding: 5px;
}
.star {
    color           : #f00;
}

table.clear a.profil{ font-size: 11px; color: #555;}

.flag {
    filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

.flag.active{
    filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
}

.flags {position: absolute; top: 130px; left: 730px; z-index: 10}
.box .content {font-size: 12px;}

.user-box {font-size: 0.8em}
.breadcrumb {margin-bottom: 0;}

.margin-bottom-10 {margin-bottom: 10px;}
.margin-right-10 {margin-right: 10px;}

#sap_list .delivered {
    background: #E6FCCD;
}

#sap_list .not-delivered {
    background: #fbe3e4;
}

#sap_list .pending {
    background: #FFFFCF;
}

#premiumjagd {
	color: #434343;
	font-size: 1.2em;
	line-height: 1.3em;
}

.margin-top-10 {
	margin-top: 10px;
}

#navbar ul {visibility: hidden}

#premiumCategories a {}
#premiumCategories .active a {color: #fff;}
#premiumCategories span {  }

#premiumCategories li {padding-left: 25px;}
#premiumCategories li.Node {background: url("/images/menu-arrow-right.png") no-repeat 10px 15px; padding-left: 25px; cursor: pointer;}
#premiumCategories li.Node.expanded {background: url("/images/menu-arrow-down.png") no-repeat 10px 15px; padding-left: 25px;}

#premiumCategories li ul {margin: 10px; list-style: square;}
#premiumCategories li ul li {padding-left: 5px; padding-bottom: 5px;}
#premiumCategories li ul li.active a {
	background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
	background-repeat: repeat-x;
	border-color: #3278b3;
	text-shadow: 0 -1px 0 #3071a9;
	padding: 5px;
	text-decoration: none;
	border-radius: 4px;
}
.premiumCategoryBox:nth-child(2n+1) {
	clear: both;
}

.menu-tree {
	list-style: none;
	padding-left: 0;
	font-size: 1.4em;
}

.menu-tree > li {
	border-bottom: 2px solid #eee;
}

.menu-tree .menu-item {
	display: block;
	padding: 8px 12px;
	cursor: pointer;
	font-weight: normal;
}

.menu-tree .has-submenu.open > .menu-item {
	background-color: #F6F6F6;
	color: #454545;
}

.menu-tree .menu-item:hover {
	background-color: #F6F6F6;
}

.menu-tree .submenu {
	list-style: none;
	padding-left: 0;
}

.menu-tree .submenu li a,
.menu-tree .submenu .menu-item {
	padding: 6px 12px;
	display: block;
	font-weight: normal;
	cursor: pointer;
	color: inherit;
}

.menu-tree .submenu li a:hover {
	background-color: #F6F6F6;
}

.menu-tree .submenu li.active a {
	background-color: #F6F6F6;
	text-decoration: underline;
}

.menu-tree .open > .submenu {
	display: block;
}

.menu-tree .caret-toggle::after {
	content: "\f106";
	font: normal normal normal 14px/1 FontAwesome;
	float: right;
	transition: transform 0.2s ease;
}

.menu-tree .open > .menu-item.caret-toggle::after {
	transform: rotate(180deg);
}

.menu-tree .submenu {
	font-size: 0.9em;
}

.menu-tree .submenu {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	-moz-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	-o-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.menu-tree .open > .submenu {
	max-height: 10000px;
	overflow: scroll;
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}

ul#catalogMenu a, ul#catalogMenu a:visited {
	padding: 6px 12px;
}

.left-menu-title {
	text-transform: uppercase;
	font-family: Barlow, Arial, Helvetica, sans-serif;
}


.padding-fix {
	padding-left: 20px;
}

@media screen and (min-width: 768px) {
	.padding-fix {
		padding-left: 35px;
	}
}

.container-wo-pad {
	margin: 0;
	padding: 0;
}

.flex-container {
	flex-direction: column;
}

@media screen and (min-width: 768px) {
	.flex-container {
		flex-direction: row;
	}
}

.navbar.navbar-static-top {
	min-height: 72px;
	color: #000000;
}

.navbar.navbar-static-top .pull-right:not(:last-child) {
	margin-right: 10px;
}

.navbar.navbar-static-top .navbar-inner {
	min-height: 72px;
	display: flex;
	align-items: center; /* vertical centering */
	padding: 0 20px;
}

.navbar.navbar-static-top .brand {
	margin: 0;
	display: inline-block;
}

.navbar.navbar-static-top .nav > li > a {
	display: flex;
	align-items: center;
}

.navbar.navbar-static-top .dropdown-menu > li > a > i {
	margin-right: 5px;
}

.navbar.navbar-static-top .nav .open > a, .nav .dropdown > a:hover, .navbar.navbar-static-top .nav .dropdown > a:focus {
	background-color: inherit;
}

.navbar.navbar-static-top .dropdown-toggle {
	padding: 10px;
	border-radius: 100px;
	color: #6D6D6D;
	cursor: pointer;
}

.navbar.navbar-static-top .dropdown-toggle .user-avatar {
	line-height: normal;
	margin-top: -2px;
	display: flex;
}

.user-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #777;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.user-avatar.big {
	width: 64px;
	height: 64px;
	line-height: 64px;
}

.manager-contener {
	display: flex;
	justify-content: left;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #eee;
	color: #6D6D6D;
}

.manager-contener .user-avatar {
	margin-right: 20px;
}

.user-data {
	margin-right: 10px;
	display: flex;
	flex-direction: column;
}

.manager-contener .user-data .user-name {
	margin-bottom: 10px;
}

.manager-contener .user-data .user-title {
	margin-bottom: 5px;
	font-family: Barlow, Arial, Helvetica, sans-serif;
}

.user-data .user-name {
	font-size: 1.3em;
	color: #F0821D;
	font-weight: bold;
}

.user-data .user-title {
	text-transform: uppercase;
	font-weight: bold;
}

.user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.flex-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
}

.flex-1 {
	flex: 1;
}

.navbar.navbar-static-top .search-toggle {
	cursor: pointer;
	padding: 0 10px;
	display: inline-block;
	color: #000000;
}

.navbar.navbar-static-top .search-toggle:focus {
	outline: none;
}

.navbar.navbar-static-top .navbar-search {
	display: none;
	position: relative;
}

.navbar.navbar-static-top .navbar-search input {
	height: 30px;
	font-size: 14px;
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.navbar.navbar-static-top .search-visible {
	display: inline-block !important;
}

.navbar.navbar-static-top .top-right-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#navbar {
	padding-left: 35px;
	padding-right: 35px;
}

.left-menu-title {
	font-weight: bold;
}

.footer-flex {
	display: flex;
	flex-wrap: wrap;
}

.footer-left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 4;
	padding: 60px;
}

.footer-left a {
	max-width: 250px;
}

.footer-left a img {
	width: 250px;
}

.footer-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: white;
	flex: 2;
	padding: 60px;
}

.footer-right a {
	max-width: 150px;
}

.footer-right a img {
	width: 150px;
	margin-bottom: 15px;
}

.footer-right p {
	font-size: 15px;
}

.footer-right p:first-of-type {
	font-size: 20px;
	font-family: Barlow, Arial, Helvetica, sans-serif;
}

.footer-right p:nth-of-type(2) a {
	color: #B0B0B0;
	text-decoration: underline;
}

.footer-right p:nth-of-type(2) a:hover {
	color: #727272;
}

.footer-right p:last-child {
	align-self: end;
	margin-top: 40px;
	color: #A5ABC9;
}

.plr-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nologin-body {
	background-color: #F6F6F6;
	height: 100vh;
}

.nologin-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.nologin-wrapper .logo-wrapper {
	height: 87px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bluecontent-box {
	background-color: #1F2E77;
	color:white;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: -10px;
}

.bluecontent-content {
	padding: 20px;
	font-size: 20px;
	line-height: 30px;
}

.bluecontent-content a {
	color:white;
	text-decoration: underline;
}

.box-content {
	padding: 0 20px;
	font-size: 16px;
}

.box-content h1 {
	font-size: larger;
	text-align: center;
}

.box-content label {
	font-weight: normal;
	margin-bottom: 10px !important;
}

.box-content .form-control {
	padding: 22px 12px;
}

.enter-box {
	min-width: 320px;
}

.error-content {
	width:100%;
	min-height:20px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	background: #e00217;
	color:white;
	padding:5px;
	word-wrap:break-word;
	-moz-border-radius:5px; /*add some nice CSS3 round corners*/
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:2em;
	text-align: center;
	left: 30px;
	top: 108px;
	font-weight: bold;
}

.forgot-password-content {
	width: 100%;
	text-align: center;
	color: #3C3C3C;
}

.forgot-password-content a {
	color: #3C3C3C;
	text-decoration: underline;
}

.ui-widget-header {
	background: #F0821D !important;
	color: white;
}

.box-main.box-home {
	background-color: inherit;
	margin: 0;
}

.box-main .ui-card {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px;
	min-height: 280px;
	background: #FFFFFF;
	border-radius: 8px;
	border: 0;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	font-family: Arial, Helvetica, sans-serif;
}

.box-main .ui-card hr {
	width: 100%;
	border-color: #B0B0B0;
}

.box-main .ui-card .ui-card-header {
	margin-bottom: 20px;
}

.box-main .ui-card .ui-card-content:not(:has(+ hr)) {
	margin-bottom: 20px;
}

.box-main .ui-card .ui-card-header .ui-card-header-title {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Barlow, Arial, Helvetica, sans-serif;
}

.box-main .ui-card.primary .ui-card-header .ui-card-header-title {
	color: #F0821D;
}

.box-main .ui-card.primary .ui-card-content {
	font-size: 36px;
	line-height: 46px;
}

.box-main .ui-card.primary .ui-card-content.barlow {
	font-family: Barlow, Arial, Helvetica, sans-serif;
}

.box-main .ui-card.primary-dark {
	background-color: #3C3C3C;
}

.box-main .ui-card.primary-dark .ui-card-header .ui-card-header-title {
	color: #FFFFFF;
}

.box-main .ui-card.primary-dark .ui-card-content {
	color: #FFFFFF;
	font-size: 36px;
	line-height: 46px;
}

.box-main .ui-card .btn {
	border-radius: 4px;
	border: 0;
	background-color: #F0821D;
	padding: 10px;
}

.box-main .ui-card .btn.btn-o {
	border: 1px solid #F0821D;
	background-color: inherit;
}

.box-main .ui-card .btn.btn-o:hover {
	color: #F0821D;
}

.box-main .ui-card.text-center {
	justify-content: center;
}

.row.equal-height {
	display: flex;
	flex-wrap: wrap;
}

.row.equal-height > [class*="col-"] {
	display: flex;
	flex-direction: column;
}

.row.equal-height > [class*="col-"] > .ui-card {
	height: 100%;
}

#sidebar {
	display: flex;
}

#sidebar > .row {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#sidebar > .row > #product-menu-contener {
	flex: auto;
}

#sidebar > .row > #workers-box-contener {
	flex: auto;
}

#sidebar > .row > .col > .box {
	height: 100%;
}

.flex-container.flex-card-container {
	margin-top: 15px;
	margin-bottom: 15px;
}

.flex-container .ui-card {
	flex: 1 0 calc(24% - 15px);
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
}

.ui-card i.fa {
	border: 0;
	border-radius: 50%;
	background-color: #F0821D;
	padding: 15px;
	width: 55px;
	height: 55px;
}

.ui-card a:not(.btn) {
	color: #454545;
	font-size: 16px;
}

.ui-card a:not(.btn):hover {
	color: #F0821D;
}

.ui-card .order-items-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
}

.ui-card .order-items-wrapper .order-item {
	background-color: #F6F6F6;
	border-radius: 4px;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 10px;
}

.ui-card .order-items-wrapper .order-item .order-number {
	font-size: 20px;
}

.ui-card .order-items-wrapper .order-item .order-data {
	font-size: 16px;
	margin-bottom: 10px;
}

.ui-card .order-items-wrapper .order-item .order-total {
	font-size: 16px;
	display: flex;
	flex: 1;
	align-items: flex-end;
}

.ui-card .order-items-wrapper .order-item .order-main-data {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	font-family: Barlow, Arial, Helvetica, sans-serif;
}

.img-thumbnail {
	padding: 0;
	border: 0;
}

.thumbnail, .img-thumbnail {
	box-shadow: none;
	-webkit-box-shadow: none;
}

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

.article-wrapper:last-child {
	margin-bottom: 0;
}

.article-wrapper a {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.article-wrapper .article-image {
	flex: 1;
	min-width: 150px;
	margin-bottom: 10px;
	margin-right: 0;
	text-align: center;
}

.article-wrapper .article-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	flex: 3;
}

.article-wrapper .article-content .article-header {
	border-bottom: 1px solid #3C3C3C;
	padding-bottom: 10px;
}

.article-wrapper .article-content .article-lead {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

@media screen and (min-width: 768px) {
	.article-wrapper a {
		flex-direction: row;
		justify-content: inherit;
	}

	.article-wrapper .article-image {
		margin-bottom: 0;
		margin-right: 20px;
	}
}