html,
body{
	height:100%;
	margin: 0;
}
body{
	font-family: 'Open Sans', sans-serif;
	color:#333;
	background-color:#f4f7f6;
}
i{
	font-style:italic;
}

video{
	outline: 0 !important;
}

.btn-default{
	background-color:#3f4371;
	color:#f7f7fe !important;
	border:none;
	padding:15px 20px;
	border-radius:5px;
	font-weight:bold;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	text-decoration:none;
	border:solid 1px #3f4371;
	margin:0 5px 0 0;
	display:inline-block;
	font-size:14px;
	line-height:14px;
}
.btn-default:hover{
	background-color:#4d5187;
	color:#fff;
}
.btn-default i{
	margin:0 5px 0 0;
}
.btn-invert{
	background-color:#fff;
	color:#3f4371 !important;
	border:solid 1px #ddd;
	padding:15px 20px;
	border-radius:5px;
	font-weight:bold;
	text-decoration:none;
	margin:0 5px 0 0;
	display:inline-block;
	font-size:14px;
	line-height:14px;
}
.btn-invert:hover{
	background-color:#f4f7f6;
	color:#3f4371;
	border-color:#ccc;
}
.btn-secundary{
	display:inline-block;
	background-color:#cedb00;
	color:#3f4371 !important;
	padding:15px 20px;
	border-radius:5px;
	text-decoration:none;
	font-size:14px;
	line-height:14px;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
	font-size:14px;
	line-height:14px;
}
.btn-secundary i{
	margin:0 5px 0 0;
}
.btn-secundary:hover{
	background-color:#d8e50d;
}

/*

	BAR BACK

---------- */
#bar-back{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	background-color:rgba(0,0,0,0.5);
	backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
	color: #fff;
	z-index: 96;
	font-size: 16px;
	line-height: 1;
}
#bar-back a{
	color: #fff;
	text-decoration: none;
}
#bar-back i{
	margin: 0 10px 0 0;
}

.wrap{
	min-height:100%;
	overflow-x:hidden;
	width:100%;
	margin-bottom:-123px;
}
footer,
.push {
  height:123px;
}
@media(min-width:768px){
	.wrap{
		margin-bottom:-80px;
	}
	footer,
	.push {
	  height:80px;
	}
}

.page-title{
	font-size:22px;
	line-height:28px;
	padding:30px 0;
}
.page-title .info{
	display: block;
	background-color:#fdf1f1;
	padding:15px 30px;
	color:#9a0404;
	font-size:14px;
	line-height:1.2;
	border:solid 1px #f4e8e8;
	border-radius:5px;
	text-align:center;
	margin: 15px 0 0 0;
}
.page-sub-title{
	font-size:22px;
	line-height:28px;
	padding:30px 0 10px 0;
	font-weight:bold;
	margin:0 0 15px 0;
	border-bottom:solid 2px #eee;
}
.page-sub-title span{
	display:inline-block;
	background-color:#cedb00;
	padding:5px 10px;
	border-radius:3px;
}

.information{
	display: block;
	background-color:#f2f3fd;
	padding:15px;
	color:#3f4371;
	font-size:12px;
	line-height:1.4;
	border:solid 1px #ebedfd;
	border-radius:5px;
	text-align:left;
	margin: 15px 0 15px 0;
}
.box-alert{
	background-color:#fdf1f1;
	padding:15px 15px 15px 40px;
	color:#9a0404;
	font-size:12px;
	line-height:20px;
	border:solid 1px #f4e8e8;
	border-radius:5px;
	position:relative;
	text-align:left;
}
.box-alert i{
	position:absolute;
	left:15px;
	top:19px;
	font-size:14px;
	line-height:14px;
}
@media(min-width:768px){
	.box-alert{
		color:#9a0404;
		font-size:14px;
		line-height:22px;
	}
}

.no-link{
	cursor: pointer;
}

.blurry{
	z-index:90;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(244,247,246,0.9);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display:none;
}

input, select, textarea{
	outline:0;
}

.workspace{
	padding-bottom:30px;
	position:relative;
}
@media(min-width:768px){
	.workspace{
		padding:0 30px 30px 30px;
	}
}
@media(min-width:992px){
	.workspace{
		margin-left:250px;
	}
}
@media(min-width:1200px){
	.workspace{
		margin-left:250px;
	}
	.workspace-sidebar-right{
		margin-right:250px;
	}
}

#loading-workspace{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(244,247,246,0.9);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	z-index:90;
}
#loading-workspace i{
	font-size:32px;
	line-height:32px;
	top:50%;
	left:50%;
	margin-left:-22px;
	margin-top:-64px;
	position:absolute;
	color:#3f4371;
	display:none;
}

#loading{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(244,247,246,0.9);
	backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
	z-index:99;
	display: none;
}
#loading i{
	font-size:32px;
	line-height:32px;
	top:50%;
	left:50%;
	margin-left:-22px;
	margin-top:-64px;
	position:absolute;
	color:#3f4371;
}

/*

	OOPS DAY CLOSED

----------------- */
#oops-day-closed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color:rgba(244,247,246,0.9);
	backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
}
#oops-day-closed .message{
	position:absolute;
	top:30px;
	width:300px;
	left:50%;
	margin-left:-150px;
	background-color:#fdf1f1;
	padding:30px;
	color:#9a0404;
	font-size:14px;
	line-height:1.2;
	border:solid 1px #f4e8e8;
	border-radius:5px;
	text-align:center;
	z-index: 1;
}
#oops-day-closed .message .btn{
	display: inline-block;
	background-color: #fff;
	color: #9a0404;
	padding:10px 20px;
	border-radius: 5px;
	font-size: 14px;
	margin-top: 30px;
	border:solid 1px #f4e8e8;
}
@media(min-width: 768px){
	#oops-day-closed .message{
		width: 500px;
		margin-left: -250px;
		padding: 45px 30px;
	}
}

/*

	CRUMBS

---------- */
.crumbs-container{
	padding:50px 0 0 0;
}
.crumbs{
	padding:15px;
	background-color:#eee;
	font-size:14px;
	line-height:14px;
}
.crumbs a{
	color:#222;
	text-decoration:none
}
@media(min-width:992px){
	.crumbs{
		margin-left:250px;
	}
}

/*
	lOGIN
--------- */
.login-image{
	position:fixed;
	top:0;
	left:0;
	width:50%;
	bottom:0;
	background-color:#eee;
}
.login-image:after{
	content:'';
	position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50%;
    background:rgb(2,0,36);
    background:-moz-linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.7161239495798319) 50%);
    background:-webkit-linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.7161239495798319) 50%);
    background:linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.7161239495798319) 50%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);
    z-index:0;
}
.login-image .version{
	color:#aaa;
	text-align:center;
	position:absolute;
	bottom:30px;
	z-index:1;
	font-size:12px;
	line-height:16px;
	left:0;
	right:0;
}

.container-login,
.container-login .row{
	height:100%;
}
.login-form{
	max-width:320px;
	margin:0 auto;
}
.login-form .logo{
	text-align:center;
}
.login-form .logo img{
	width:150px;
}
.login-form form{
	background-color:#fff;
	padding:30px 30px 15px 30px;
	border:solid 1px #ebefee;
	border-radius:5px;
	margin-top:30px;
}
.login-form form .input-row{
	margin:0 0 15px 0;
}
.login-form form .input-row label{
	display:block;
	width:100%;
	font-size:14px;
	line-height:14px;
	margin:0 0 5px 0;
	text-align:left;
}
.login-form form .input-row input{
	width:100%;
	border-radius:5px;
	border:solid 1px #ddd;
	padding:10px;
}
.login-form form .input-row-btn{
	padding-top:15px;
}
.login-form .forgot-password a{
	display:inline-block;
	color:#888;
	font-size:12px;
	margin-top:15px;
}
.container-login .box-alert{
	max-width:380px;
	margin:30px auto 30px auto;
}
.login-form form label.error{
	color:#ff0000;
	font-size:12px;
	line-height:12px;
	padding:5px 0 0 0;
}
.login-form form input.error{
	border-color:#ff0000;
}

/*
	HEADER
---------- */
.header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:#3f4371;
	color:#fff;
	padding:15px;
	z-index:80;
}
.header .logo{
	font-size:20px;
	line-height:20px;
}
.header .logo .address{
	display: none;
}
.btn-open-sidebar{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	background-color:#3f4371;
	color:#f7f7fe !important;
	border-left:solid 2px #545888;
	height:50px;
	width:50px;
	font-size:22px;
	line-height:50px;
	text-align:center;
}
@media(min-width:992px){
	.btn-open-sidebar{
		display:none;
	}
	.header{
		background-color:#cedb00;
		color:#3f4371;
		left:250px;
	}
}
@media(min-width: 1200px){
	.header .logo .address{
		display: inline-block;
		font-size: 16px;
	}
}

/*

	SUB HEADER

------------ */
.sub-header{
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	background-color: #cedb00;
	color: #333;
	height: 50px;
	z-index:79;
	font-size:20px;
	line-height:1;
	padding: 15px;
	display: none;
}
@media(min-width:992px){
	.sub-header{
		background-color:#fff;
		color:#3f4371;
		left:250px;
		border-bottom: solid 1px #eee;
	}
}

/*
	NAV MOBILE FIXED
-------------------- */
#nav-mobile-fixed{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	border-top:solid 1px #545888;
	display:none;
}
#nav-mobile-fixed a{
	display:block;
	float:left;
	width:25%;
	background-color:#3f4371;
	color:#fff;
	padding:20px;
	text-align:center;
	border-right:solid 1px #545888;
}
#nav-mobile-fixed a:last-child{
	border:none;
}
#nav-mobile-fixed a i{
	font-size:20px;
	line-height:20px;
}
@media(min-width:992px){
	#nav-mobile-fixed{
		display:none;
	}
}

/*
	SIDEBAR
----------- */
.sidebar{
	position:fixed;
	background-color:#3f4371;
	width:250px;
	left:-250px;
	top:0;
	bottom:0;
	overflow-y:scroll;
	padding:20px 15px 60px 15px;
	color:#f7f7fe;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index:95;
}
.sidebar::-webkit-scrollbar {
  display: none;
}
.sidebar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.btn-close-sidebar{
	position:fixed;
	left:-250px;
	top:15px;
	background-color:#3f4371;
	color:#f7f7fe !important;
	height:50px;
	width:50px;
	font-size:22px;
	line-height:50px;
	text-align:center;
	border-radius:0 5px 5px 0;
	z-index:95;
}
.btn-close-sidebar.show{
	left:250px;
}
.sidebar.sidebar-open{
	left:0;
}
.sidebar .main-title{
	color:#f7f7fe;
	font-size:24px;
	line-height:28px;
	margin:0 0 30px 0;
	position: relative;
}
.langs{
	position: absolute;
	right: 15px;
	top: -3px;
}
.langs a{
	display: inline-block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	margin: 0;
}
.langs a:hover{
	background-color:#868abc;
}
.langs a.current{
	background-color: #fff;
	color: #000;
}
.sidebar .sub-title{
	color:#868abc;
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	margin-top:15px;
	padding-top:15px;
	border-top:solid 1px rgba(134,138,188,0.5);
}
.sidebar .items{
	padding:15px 0;
}
.sidebar .items a{
	color:#f7f7fe;
	text-decoration:none;
	display:block;
	padding:10px 0;
	font-size:14px;
	line-height:16px;
}
.sidebar .items a:hover{
	color:#cedb00;
}
.sidebar .items a.current{
	color:#cedb00;
	position:relative;
}
.sidebar .items a.current:before{
	position:absolute;
	content:'';
	left:-15px;
	width:3px;
	top:50%;
	height:20px;
	margin-top:-10px;
	bottom:0;
	background-color:#cedb00;
}
.sidebar .items a:last-child{
	margin-bottom:0;
}
.sidebar .items a .icon{
	display:inline-block;
	width:20px;
}
.sidebar .items a .unread{
	background-color: red;
	display: inline-block;
	height: 20px;
	width: 20px;
	text-align: center;
	color: #fff;
	line-height: 20px;
	border-radius: 50%;
	font-size: 12px;
	margin-left: 5px;
}
.s-dropdown{
	position: relative;
}
.s-dropdown .i{
	position: absolute;
	right: 0;
}
.sidebar .items .s-dropdown-items{
	background-color: rgba(255,255,255,0.1);
	padding:20px 15px;
	border-radius: 3px;
	display: none;
}
.sidebar .items .s-dropdown-items a{
	font-size: 13px;
	line-height: 1;
	padding: 0 0 15px 0;
}
.sidebar .items .s-dropdown-items a i{
	opacity: 0.2;
	width: 10px;
}
.sidebar .items .s-dropdown-items a:last-child{
	padding: 0;
}

@media(min-width:992px){
	.sidebar{
		left:0;
	}
}

/*
	SIDEBAR ORDERS
------------------ */
.btn-open-sidebar-orders{
	display:block;
	position:fixed;
	background-color:#cedb00;
	color:#3f4371 !important;
	height: 50px;
    width: 50px;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    z-index:95;
    top:110px;
    right:0;
    border-radius:5px 0 0 5px;
}
.btn-open-sidebar-orders.open{
	right:250px;
}
.sidebar-orders{
	position:fixed;
	background-color:#222;
	width:250px;
	right:-250px;
	top:0;
	bottom:0;
	overflow-y:scroll;
	padding:0 0 80px 0;
	color:#f7f7fe;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index:95;
}
.sidebar-orders.show{
	right:0;
}
.sidebar-orders .main-title{
	color:#ccc;
	font-size:24px;
	line-height:28px;
	margin:0 0 30px 0;
	padding:15px 15px 0 15px;
}
.sidebar-orders .sub-title{
	padding:0 15px 0 15px;
}
.sidebar-orders .sub-title span{
	display:block;
	color:#999;
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	border-top:solid 1px #555;
	padding:15px 0 0 0;
}
.sidebar-orders .calendar{
	margin:15px 0 30px 0;
	padding:0 15px;
}
.sidebar-orders .toggle-days{
	margin-top: -30px;
	display: block;
	color: #ccc;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 0 30px 0;
}
.sidebar-orders .calendar .part-2{
	display: none;
}
.sidebar-orders .calendar a{
	background-color:#555;
	color:#ddd;
	display:inline-block;
	padding:15px 8px;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	width:70px;
	text-align:center;
	border-radius:3px;
	margin:0 0 4px 0;
	position:relative;
}
.sidebar-orders .calendar a:hover{
	background-color:#444;
}
.sidebar-orders .calendar a.current{
	background-color:#cedb00;
	color:#3f4371;
	font-weight:bold;
}
.sidebar-orders .calendar a.disabled{
	color: #888;
	background-color: #333;
	cursor: default;
}
.sidebar-orders .calendar a i{
	margin-right:5px;
}
.sidebar-orders .items{
	margin-top:15px;
}
.sidebar-orders .items a.item{
	display:block;
	font-size:16px;
	line-height:16px;
	color:#fff;
	text-decoration:none;
	padding:15px 15px;
	display:flex;
	background-color:#111;
	text-transform:uppercase;
	border-top: solid 1px #222;
}
.sidebar-orders .items a.item:hover{
	background-color:#000;
}
.sidebar-orders .items a.item span{
	display:block;
	width:100%;
	line-height: 1.4;
}
.sidebar-orders .items a.item i{
	display:block;
}
.sidebar-orders .subitems{
	background-color:#333;
	display:none;
}
.sidebar-orders .subitem{
	color:#ccc;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	display:block;
	padding:15px;
	border-bottom:solid 1px #555;
	text-transform:uppercase;
}
.sidebar-orders .subitem:hover{
	color:#fff;
}
.sidebar-orders .subitem:last-child{
	border:none;
}
.sidebar-orders .subitem.current{
	background-color:#cedb00;
	color:#3f4371;
	font-weight:bold;
}
@media(min-width:1200px){
	.sidebar-orders{
		right:0;
	}
}

/*
	ROW BTNS
------------ */
.row-btns{
	float:left;
	width:100%;
	margin:-15px 0 15px 0;
}

/*
	SEARCHBAR
------------- */
.searchbar{
	width:100%;
	position:relative;
	margin:0 0 30px 0;
	max-width:350px;
}
.searchbar input{
	width:100%;
	height:40px;
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius:5px;
	padding:10px;
	font-size:14px;
}
.searchbar button.icon{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	bottom:0px;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	border-radius:0 5px 5px 0;
	background-color:#3f4371;
	color:#fff;
	font-size:16px;
	border:none;
}
.searchbar button.icon-no{
	background-color:transparent;
	color:#3f4371;
	cursor:default;
}

/*
	
	FILTER SELECT

----------------- */
.filter-select{
	margin:0 0 15px 0;
	width:calc(100% - 15px);
}
.filter-select label{
	display:block;
	width:100%;
	font-size:14px;
	line-height:14px;
	margin:0 0 5px 0;
}
.filter-select select{
	width:100%;
	border:solid 1px #ddd;
	padding:10px;
	border-radius:5px;
	font-size:14px;
}

/*
	
	FILTER

---------- */
.row-filters-dropdown{
	margin:0 0 10px 0;
	position:relative;
}
.selected-filters{
	float:left;
}
.selected-filters .filter{
	display:inline;
	font-size:12px;
	line-height:14px;
	background-color:#eaefed;
	padding:10px;
	border-radius:5px;
	border:solid 1px #e3e9e7;
	float:left;
	margin:5px 5px 0 0;
}
.selected-filters .filter a{
	color:#3f4371;
}
.selected-filters .filter i{
	font-size:14px;
	margin:0 0 0 5px;
}

.btn-promos{
	display:none;
}
@media(min-width:768px){
	.btn-promos{
		display:inline-block;
		text-transform:uppercase;
		font-size:14px;
		padding:10px 15px;
		background-color:#3f4371;
		color:#fff !important;
		border-radius:5px;
		text-decoration:none;
		width:auto;
		margin:20px 0 0 30px;
	}
}

/*

	CHOOSE GRID

--------------- */
.choose-grid{
	position:absolute;
	bottom:15px;
	right:0;
	width:auto;
}
.choose-grid a{
	color:#ccc;
	font-size:20px;
	margin:0 0 0 10px;
}
.choose-grid a:hover{
	color:#aaa;
}
.choose-grid a.current{
	color:#888;
}

/*
	SEQUENCE
------------ */
.sequence{
	font-size:12px;
	margin-top:10px;
}
.sequence span{
	display:inline-block;
	margin:0 5px 0 0;
}
.sequence select{
	border:solid 1px #ddd;
	padding:5px;
	border-radius:5px;
}

/*
	
	TABLE

--------- */
.t-title-bar{
	background-color: #3f4371;
	color: #fff;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 3px;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
}
.t-title-bar i{
	position: absolute;
	right: 15px;
}
.r-dropdown.closed{
	display: none;
}
.t-row{
	background-color:#fff;
	padding:15px 15px 0 15px;
	margin:0 0 5px 0;
	float:left;
	width:100%;
	border:solid 1px #ebefee;
	border-radius:5px;
	position:relative;
}
.t-row-alert{
	background-color:#fdf1f1;
	border:solid 1px #f4e8e8;
}
.t-row-disabled{
	background-color: #f5f5f5;
	color: #ccc;
}
.t-line{
	margin:0 0 15px 0;
}
.t-line .title{
	font-size:12px;
	line-height:12px;
	display:block;
	color:#999;
}
.t-row-disabled .t-line .title{
	color: #ccc;
}
.t-line a{
	color:#3f4371;
	font-weight:bold;
}
.t-line-img{
	position:absolute;
	top:15px;
	right:0;
}
.t-line-img img{
	display:inline-block;
	height:50px;
}
.t-line .value{
	display:inline-block;
	font-size:14px;
	line-height:16px;
	padding:5px 0;
}
.t-line a.value{
	text-decoration: none;
	margin: 0 5px 0 0;
}
.t-line .value.red{
	color: #9a0404;
}
.status-open{
	color:#04b300;
	font-weight:bold;
}
.status-error{
	color:#9a0404;
	font-weight:bold;
}
.t-btns{
	padding-bottom:15px;
}
.t-btn{
	margin:0 5px 0 0;
}
.t-btns a{
	display:inline-block;
	text-decoration:none;
	font-size:12px;
	line-height:12px;
	padding:13px 15px;
	border-radius:5px;
	margin:0 3px 5px 0;
	background-color:#cedb00;
	color:#3f4371;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.3);
}
.t-btns a:hover{
	background-color:#d8e50d;
}
.t-btns a.disabled{
	cursor: default;
	background-color: #eee;
	color: #ccc;	
}
.t-row .alert-message{
	float:left;
	width:100%;
	font-size:12px;
	line-height:18px;
	padding:0 0 15px 0;
	color:#9a0404;
}
@media(min-width:768px){
	.t-btns a span{
		display:none;
	}
	.t-line-img{
		position:relative;
		top:auto;
		right:auto;
	}
	.t-line-img img{
		height:auto;
		width:50px;
	}
}
@media(min-width:992px){
	.t-row .alert-message{
		padding:15px 0 15px 0;
	}
}
@media(min-width:1400px){
	.t-btns a span{
		display:inline-block;
	}
}
.no-results{
	font-size:14px;
	line-height:1;
	text-align:left;
	color:#aaa;
	font-style:italic;
	padding:15px;
}

/*

	PRODUCTS

------------ */
.product-container{
	margin-bottom:15px;
}
.product{
	border-radius:5px;
	border:solid 1px #eee;
	background-color:#fff;
	padding:15px 15px 30px 15px;
	margin:0 0 30px 0;
	height:100%;
	position:relative;
}
.product .image{
	display:block;
	width:100%;
	height:120px;
	position: relative;
	z-index: 1;
}
.prod-image-container{
	position: relative;
}
.product .img-missing{
	position: absolute;
	left: 15px;
	right: 15px;
	height:120px;
	top: 0;
	z-index: 0;
}
.prod-image-container .cover{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 5;
	background-color:rgba(255,255,255,0.5);
	backdrop-filter: blur(4px);
  	-webkit-backdrop-filter: blur(4px);
  	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: 0;
}
.prod-image-container .cover i{
	position: absolute;
	color:#3f4371;
	font-size:32px;
	line-height: 1;
	top:50%;
	left:50%;
	margin-top:-16px;
	margin-left:-16px;
}
.prod-image-container a:hover .cover{
	opacity: 1;
}
.product .id-product{
	font-size:12px;
	line-height:16px;
	display:block;
	text-align:left;
	margin:0 0 5px 0;
}
.product .cats{
	font-size:12px;
	line-height:1.2;
	display:block;
	margin:0 0 5px 0;
	color:#888;
}
.product .title{
	display:block;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	color:#3f4371;
	margin:0 0 5px 0;
	text-decoration: none;
}
.product .price{
	display:block;
	font-size:18px;
	line-height:22px;
	text-align:left;
	margin:0 0 5px 0;
}
.product .price span.per-unit{
	font-size:14px;
	text-transform:uppercase;
}
.product .price span.cur-price span{
	text-decoration:line-through;
	font-size:14px;
}
.product .price-info{
	display:block;
	font-size:12px;
	line-height:16px;
	text-align:left;
	font-style:italic;
	color:#888;
}
.product .info{
	display:block;
	font-size:12px;
	line-height:16px;
	text-align:left;
	margin:10px 0 0 0;
}
.delivery-days{
	display:block;
	margin:10px 0 0 0;
	font-size:12px;
	color:#aaa;
}
.delivery-days table{
	border-collapse:collapse;
	width:100%;
	margin:5px 0 0 0;
	max-width:260px;
}
.delivery-days table td{
	padding:0 2px 0 0;
	font-size:10px;
	line-height:10px;
}
.delivery-days table td i{
	font-size:10px;
	color:#888;
}
.delivery-days table td.no-delivery{
	color:#ddd;
	text-decoration: line-through;
}
.product .total{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#f7f8e9;
	padding:15px;
	font-size:14px;
	line-height:14px;
	border-radius:0 0 5px 5px;
	display:flex;
	width:100%;
}
.product .total b{
	display:block;
	width:50%;
}
.product .total span{
	display:block;
	width:50%;
	text-align:right;
	font-weight:bold;
}
.product .label{
	position:absolute;
	top:5px;
	left:-10px;
	padding:5px 10px;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:5px 5px 5px 0;
	z-index:2;
}
.product .label::before{
	content:'';
  	position: absolute; 
  	left: 0px; 
  	top: 100%;
  	z-index: -1;
  	border-left:5px solid transparent;
  	border-right:5px solid #222;
  	border-bottom:5px solid transparent;
  	border-top:5px solid #222;
}
.label-promo{
	background-color:#3f4371;
	color:#fff;
}
.meta-icons{
	position: absolute;
	top: 120px;
	left: 15px;
	z-index: 2;
}
.meta-icons img{
	display: inline-block;
	margin: 0 2px 0 0;
}
.meta-icons img.icon-round{
	height: 20px;
}
.meta-icons img.icon-rectangle{
	height: 16px;
}
@media(min-width: 1200px){
	.meta-icons{
		top: 15px;
		left: 15px;
	}
	.meta-icons img.icon-round{
		height: 28px;
	}
	.product-row .meta-icons{
		left: 50%;
		top: 15px;
		bottom: 10px;
	}
}
.btn-fav{
	position:absolute;
	font-size:24px;
	line-height:1;
	top:10px;
	right:10px;
	color:#fc608c;
	z-index: 1;
}
.btn-fav:hover{
	color:#d9436d;
}
.btn-auto{
	position:absolute;
	font-size:24px;
	line-height:1;
	top:10px;
	right:45px;
	color:#ccc;
	z-index: 1;
}
.btn-auto:hover{
	color:#cedb00;
}
.fav-list .fav-list-item i.fa-rotate-right{
	color: #ccc;
}
.btn-auto i.active,
.fav-list .fav-list-item i.fa-rotate-right.active{
	color: #cedb00;
}

@media(min-width:1200px){
	.product{
		padding:45px 30px 30px 30px;
	}
	.product .image{
		margin-bottom:15px;
	}
	.product .title{
		font-size:20px;
		line-height:24px;
		margin-bottom:15px;
	}
	.product .price{
		font-size:20px;
	}
	.product .price span.cur-price span{
		font-size:16px;
	}
	.product .delivery-days{
		margin-top:15px;
	}
	.product .label{
		padding:10px 15px;
		top:10px;
	}
	.btn-fav{
		top:15px;
		right:15px;
	}
	.btn-auto{
		top:15px;
		right:50px;
	}
	.product-row .btn-fav,
	.product-row .btn-auto{
		right: auto;
	}
}

.ammount-container{
	position:relative;
}
.ammount{
	padding:30px 0 10px 0;
	justify-content:center;
	display:flex;
}
.ammount a{
	display:inline-block;
	text-decoration:none;
	font-size:22px;
	font-weight:bold;
	color:#555;
	width:40px;
	height:40px;
	background-color:#cedb00;
	border-radius:50%;
	line-height:1;
	text-align:center;
	border:solid 5px #fff;
}
.ammount a.subtract{
	padding-top:2px;
}
.ammount a.add{
	padding-top:4px;
}
.ammount a:hover{
	background-color:#d5e200;
}
.ammount a:active{
	border-color:#eee;
}
.ammount input{
	width:80px;
	padding:10px;
	border:solid 1px #ddd;
	border-radius:5px;
	margin:0 5px;
	text-align:center;
	height:40px;
}

/*

	PRODUCT ROW

--------------- */
.product-row{
	background-color:#fff;
	margin-bottom:2px;
	font-size:14px;
	line-height:1.2;
	padding:15px;
	position:relative;
	display:none;
}
.product-row .title{
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}
.product-row .cats{
	font-size:11px;
	line-height:1.2;
	display:block;
	margin:0 0 5px 0;
	color:#888;
	font-weight:normal;
}
.product-row .title a{
	text-decoration:none;
	color:#3f4371;
}
.product-row .price .cur-price span{
	text-decoration:line-through;
	font-size:12px;
}
.product-row .price .per-unit{
	font-size:12px;
}
.product-row .price-info{
	display:block;
	font-style:italic;
	color:#888;
	font-size:10px;
	margin-top:5px;
}
.product-row .ammount{
	padding:15px 0 0 0; 
}
.product-row .delivery-days{
	margin:0;
}
.product-row .label{
	width:auto;
	font-size:12px;
	line-height:1;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:3px;
	display:inline;
	padding:2px 10px;
	margin:0 0 0 5px;
}
.product-row .total{
	position:absolute;
	right:0;
	left:0;
	top:60px;
	text-align:center;
	font-size:12px;
	line-height:1;
}
.product-row .btn-fav{
	left:19px;
	top:45px;
}
.product-row .btn-auto{
	left:19px;
	top:75px;
}
@media(min-width:1200px){
	.product-row{
		display:block;
	}
	.product-row .ammount{
		padding:10px 0 0 0; 
	}
	.product-row .total{
		top:55px;
	}
}

/* disable product */
.disabled{ 
	color:#ddd;
}
.disabled .product .image{
	filter: grayscale(100%);
	opacity:0.5;
}
.disabled .cats,
.disabled .title,
.disabled .title a,
.disabled .delivery-days,
.disabled .price-info,
.disabled .delivery-days td i{
	color:#ddd;
}
.disabled .ammount input{
	color:#ddd;
	border-color: #eee;
}
.disabled .ammount a{
	background-color: #eee;
	color: #ddd;
}
.disabled .label::before{
	border-left: 5px solid transparent;
  border-right: 5px solid #ddd;
  border-bottom: 5px solid transparent;
  border-top: 5px solid #ddd;
}
.disabled .label-promo{
	background-color: #f5f5f5;
	color: #ddd;
}

.product-container.disabled .product .ammount::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background-color: transparent;
}
.product-container.disabled .product .total{
	background-color:#fafafa;
}
.product-row.disabled .ammount::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	top:0;
	width: 250px;
	background-color: transparent;
}

/*
	
	JS ALERT

------------ */
#js-alert{
	position:fixed;
	top:75px;
	width:260px;
	padding:30px 15px;
	left:50%;
	margin-left:-130px;
	text-align:center;
	background-color:rgba(63, 67, 113,0.9);
	color:#fff;
	font-size:14px;
	line-height:1.2;
	border-radius:5px;
	display:none;
	font-weight:bold;
	z-index:99;
}

/*

	CONFIRMATION

--------------- */
#confirmation{
	position:fixed;
	top:0;
	padding:15px;
	left:0;
	right: 0;
	text-align:center;
	background-color:#a7e977;
	color:#183305;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	z-index:99;
}

/*
	FOOTER
---------- */
footer{
	background-color:#333;
	color:#ccc;
	padding:30px 0;
	font-size:12px;
	line-height:16px;
	position:relative;
}
footer .col-footer{
	margin-bottom:5px;
}
footer a{
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}
footer a:hover{
	color:#fff;
}
@media(min-width:992px){
	footer{
		margin-bottom:0;
		padding:30px 15px;
		margin-left:250px;
	}
}
@media(min-width:1200px){
	footer.footer-orders{
		margin-right:250px;
	}	
}

/*

	POPUP MESSAGE

--------------- */
.popup-message-container{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index:99999;
  overflow-y: scroll;
}
.popup-message{
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	font-size: 14px;
	line-height: 1.4;
}
.popup-message-row{
	padding: 30px;
	background-color: #fff;
	-webkit-box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.5);
	-moz-box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.5);
	box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.5);
	margin: 0 0 15px 0;
	border-radius: 5px;
	position: relative;
}
.popup-message-row .title{
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 15px 0;
	color: #3f4371;
}
.popup-message-row .message{
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}
.popup-message-row .message a{
	color: #555;
}
.popup-message-row .image{
	padding-top: 15px;
}
.btn-close-popup-message{
	position: absolute;
	font-size: 18px;
	line-height: 1;
	top: 0;
	right: 0;
	padding: 10px 15px;
	color: #000;
}
.btn-close-popup-message:hover{
	transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
 	-o-transform: rotate(90deg);
 	color: #000;
}
@media(min-width: 768px){
	.popup-message{
		left: 50%;
		right: auto;
		width: 600px;
		margin-left: -300px;
		top: 30px;
		padding:0 45px;
		font-size: 14px;
		line-height: 1.6;
	}
	.btn-close-popup-message{
		font-size: 22px;
	}
}

/*
	POPUPS
---------- */
.popup__container{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(244,247,246,0.9);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index:99999;
    display:none;
    overflow-y: scroll;
}
.popup__content{
	background-color:#fff;
	border-radius:5px;
	position:absolute;
	top:30px;
	left:50%;
	width:320px;
	margin-left:-160px;
	-webkit-box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.3);
	-moz-box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.3);
	box-shadow: -3px 10px 14px -14px rgba(0,0,0,0.3);
}
.popup__content .title{
	background-color:#cedb00;
	color:#3f4371;
	padding:17px 15px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	border-radius:5px 5px 0 0;
	height:50px;
	position:relative;
	border:solid 1px #cedb00;
}
.popup__content .item{
	margin:0 0 15px 0;
}
.popup__content .item .item-label{
	font-size:12px;
	line-height:1;
	margin:0 0 5px 0;
	color:#999;
}
.popup__content .item .item-content{
	font-size:14px;
	line-height:1.2;
}
.btn-close-popup{
	position:absolute;
	top:0;
	right:0;
	color:#3f4371 !important;
	font-size:22px;
	height:50px;
	line-height:50px;
	width:50px;
	text-align:center;
}
.btn-close-popup:hover{
	transform: rotate(90deg);
  	-webkit-transform: rotate(90deg);
  	-moz-transform: rotate(90deg);
  	-ms-transform: rotate(90deg);
 	 -o-transform: rotate(90deg);
}
.popup__content .content{
	border:solid 1px #eee;
	min-height:200px;
	border-radius:0 0 5px 5px;
	padding:15px;
	overflow-y:scroll;
}
.popup__sub-title{
	padding:0 0 5px 0;
	border-bottom:solid 1px #ddd;
	margin:0 0 15px 0;
	font-size:14px;
	font-weight:bold;
}
.popup__row{
	font-size:14px;
	line-height:22px;
	margin:0 0 30px 0;
}
.popup__row .prod-img{
	margin-bottom:15px;
}
.popup__row-btns{
	margin-bottom:0;
	text-align:right;
}
.popup__input label.error{
	color:#ff0000;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	display:block;
	margin:5px 0 0 0;
}
.popup__input input.error,
.popup__input textarea.error{
	border-color:#ff0000;
}
.popup__input-checkbox{
	margin:0 0 5px 0;
}
.popup__input-checkbox label span{
	display:inline;
	margin:0 0 0 5px;
}
.popup__input-text{
	margin:0 0 10px 0;
}
.popup__input-text label{
	width:100%;
	font-weight:bold;
}
.popup__input-text label span.required{
	display:inline;
	color:#ff0000;
}
.popup__input-text input,
.popup__input-text textarea,
.popup__input-text select{
	width:100%;
	border:solid 1px #ddd;
	font-size:16px;
	padding:10px;
	border-radius:5px;
}
.popup__input-text textarea{
	height:150px;
}
.popup__alert{
	margin:0 0 30px 0;
}
table.delivery-days{
	width:100%;
	font-size:14px;
	line-height:1;
	text-align:center;
}
table.delivery-days th{
	font-weight:bold;
	padding:5px;
}
table.delivery-days td{
	padding:5px;
}
table.delivery-days th:nth-child(even),
table.delivery-days td:nth-child(even){
	background-color:#f5f5f5;
}

@media(min-width:768px){
	.popup__content{
		width:600px;
		margin-left:-300px;
	}
	.popup__content .content{
		padding:30px;
	}
}

/*
	
	FORMS

---------- */
.form{
	background-color:#fff;
	padding:0 15px 15px 15px;
	border:solid 1px #eee;
	border-radius:5px;
	max-width:900px;
}
.row-period{
	position: relative;
	padding: 15px;
}
.row-period:nth-child(odd){
	background-color: #f8f8f8;
}
.btn-delete-period,
.btn-delete-period-temp,
.btn-delete-day-admin,
.btn-delete-day-admin-temp{
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: auto;
	color: red !important;
	font-size: 18px;
}
.form-title{
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	margin:15px 0 15px 0;
	border-bottom:solid 1px #eee;
	padding:0 0 5px 0;
	color:#bbb;
}
.form-row{
	margin:0 0 15px 0;
}
.form-row label{
	font-size:14px;
	display:block;
	font-weight:bold;
	margin:0 0 5px 0;
}
.form-row label .required{
	color:#ff0000;
}
.form-row input{
	width:100%;
	padding:10px;
	border:solid 1px #ddd;
	border-radius:5px;
}
.form-row input.error{
	border-color: red;
}
.form-row textarea{
	width:100%;
	padding:10px;
	border:solid 1px #ddd;
	border-radius:5px;
}
.form .btn-default{
	margin-top:15px;
}
.form-row-checkbox label{
	width:auto;
	display:inline-block;
	font-weight:normal;
	white-space: nowrap;
}
.form-row-checkbox label.day{
	width:40%;
}
.form-row-checkbox label.customer{
	font-size: 11px;
	margin: 0;
}
.form-row-checkbox label input{
	display:inline-block;
	width:auto;
	vertical-align: middle;
	margin:0 5px 0 0;
}
.form-row-checkbox label span{
	vertical-align: middle;
}
@media(min-width:768px){
	.form-row-checkbox label.day{
		width:30%;
	}
}
@media(min-width:992px){
	.form{
		padding:15px 30px 30px 30px;
	}
}
@media(min-width:1200px){
	.form-row-checkbox label.day{
		width:13%;
	}
}

/*

	CART

-------- */
#cart,
#prods-fav-list{
	position:fixed;
	top:15px;
	right:15px;
	left:15px;
	bottom:15px;
	background-color:#fff;
	z-index:100;
	overflow-y:scroll;
	border-radius:10px;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.5);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.5);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,0.5);
	display:none;
}
.cart-container{
	position:relative;
	padding:0;
}
.cart-container .title{
	position:sticky;
	top:0;
	left:0;
	right:0;
	padding:15px;
	background-color:#3f4371;
	color:#fff;
	font-size:18px;
	line-height:1;
	z-index:1;
}
.row-day{
	margin-bottom:10px;
}
.cart-content{
	padding:15px;
	font-size:12px;
	line-height:1.2;
}
.row-title{
	background-color:#cedb00;
	color:#3f4371;
	padding:15px;
	font-weight:bold;
	border-radius:5px 5px 0 0;
}
.row-item{
	width:100%;
	margin-bottom:2px;
	color:#555;
}
.row-item .item-col{
	padding:10px 15px;
	background-color:#f5f5f5;
	float:left;
}
.row-item .item-name{
	width:100%;
}
.row-item .item-name .cats{
	/*display:none;*/
}
.row-item .item-name .cats a{
	color: #555;
	display: block;
	margin: 0 0 5px 0;
}
.row-item .item-ammount .label{
	font-size:10px;
	color:#aaa;
}
.row-item .item-ammount{
	width:50%;
	text-align:left;
	background-color:#eee;
}
.row-item .item-total{
	width:50%;
	text-align:right;
	background-color:#e8e8e8;
}
.row-totals{
	margin-top:-2px;
	background-color:#fff;
	color:#111;
	float:left;
	width:100%;
	border-top:solid 1px #555;
	font-weight:bold;
}
.row-totals-all{
	background-color:#555;
	color:#fff;
	border-radius:5px;
}
.row-total-items{
	float:left;
	width:50%;
	padding:10px 15px;
}
.row-total-items .label{
	font-size:10px;
	color:#aaa;
	font-weight:normal;
}
.row-total-price{
	float:left;
	width:50%;
	padding:10px 15px;
	text-align:right;
}
@media(min-width:768px){
	#cart,
	#prods-fav-list{
		top:30px;
		right:auto;
		left:50%;
		width:600px;
		margin-left:-300px;
		bottom:30px;
	}
	.row-item .item-name{
		width:50%;
	}
	.row-item .item-ammount .label{
		font-size:10px;
	}
	.row-item .item-ammount{
		width:25%;
	}
	.row-item .item-total{
		width:25%;
	}
	.row-total-items{
		width:25%;
	}
	.row-total-items .label{
		font-size:10px;
	}
	.row-total-price{
		width:25%;
	}
	.row-total-title{
		float:left;
		width:50%;
		padding:10px 15px;
	}
}
@media(min-width:1200px){
	#cart,
	#prods-fav-list{
		width:900px;
		margin-left:-450px;
	}
	.cart-content{
		font-size:14px;
		padding:30px;
	}
	.row-item .item-ammount{
		width:15%;
	}
	.row-item .item-total{
		width:15%;
	}
	.row-total-items{
		width:15%;
	}
	.row-total-price{
		width:15%;
	}
	.row-total-title,
	.row-item .item-name{
		width:70%;
	}
	.row-item .item-col{
		padding:30px 15px 10px 15px;
		position: relative;
	}
	.row-item .item-name .cats{
		display:inline-block;
		font-size:11px;
		line-height:1;
		color:#888;
		position:absolute;
		top:12px;
		left:15px;
	}
}

.btn-open-cart{
	position:fixed;
	bottom:15px;
	right:20px;
	z-index:89;
}
.btn-open-cart a{
	background-color:#3f4371;
	color:#fff;
	display:block;
	width:60px;
	height:60px;
	border-radius:50%;
	text-align:center;
	font-size:18px;
	line-height:60px;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	text-decoration:none;
}
.btn-open-cart a span{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background-color:#fff;
	border-radius:50%;
	top:-5px;
	right:-5px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	color:#3f4371;
	-webkit-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	-moz-box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	box-shadow: 0px 4px 10px -6px rgba(63,67,113,1);
	border:solid 1px #eee;
	font-weight:bold;
}
.btn-close-cart,
.btn-close-fav-prods{
	position:absolute;
	font-size:20px;
	right:5px;
	top:-2px;
	color:#fff !important;
	padding:15px 15px 10px 15px;
}
.btn-save-cart{
	position:fixed;
	top:515px;
	font-weight:bold;
	width:150px;
	text-align:center;
	left:50%;
	margin-left:-75px;
	font-size:16px;
	line-height:16px;
	padding:20px 15px;
	display:none;
}
@media(min-width:768px){
	.btn-open-cart{
		top:5px;
		bottom:auto;
		right:90px;
	}
	.btn-open-cart a span{
		top:5px;
		right:-15px;
	}
}
@media(min-width:992px){
	.btn-open-cart{
		top:15px;
	}
}
@media(min-width:1200px){
	.btn-open-cart{
		right:290px;
	}
}

/*

	ALERT

--------- */
.alert-container{
	position:fixed;
	top:30px;
	width:300px;
	left:50%;
	margin-left:-150px;
	background-color:#fdf1f1;
	padding:30px;
	color:#9a0404;
	font-size:14px;
	line-height:1.2;
	border:solid 1px #f4e8e8;
	border-radius:5px;
	text-align:center;
	z-index: 1;
}
.btn-close-alert-container{
	position:absolute;
	top:15px;
	right:15px;
	color:#9a0404 !important;
	font-size:16px;
	line-height:1;
}
@media(min-width:768px){
	.alert-container{
		top:60px;
	}
	.alert-container{
		width:400px;
		margin-left:-200px;
	}
}
@media(min-width:992px){
	.alert-container{
		left:calc(50% + 100px);		
	}
}
@media(min-width:1200px){
	.alert-container{
		top:90px;
	}
}

/*

	FAVOURITES

-------------- */
#popup-save-favourite .content{
	padding-bottom:0;
}
#form-add-to-fav-list{
	display:none;
	padding:15px 0;
}
.fav-title{
	font-weight:bold;
	color:#3f4371;
	margin:0 0 10px 0;
}
.fav-title span{
	display: block;
	color: #aaa;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}
.fav-list .fav-list-item{
	display:block;
	position:relative;
	padding:15px;
	background-color:#f5f5f5;
	margin:0 0 2px 0;
	font-size:14px;
	line-height:1;
	color:#555;
	text-decoration:none;
	border-radius:5px;
}
.fav-list .fav-list-item span{
	display: inline-block;
	width: 50%;
	font-size: 12px;
	line-height: 1.2;
}
.fav-list .fav-list-item input{
	border: solid 1px #eee;
	width: 80px;
	position: absolute;
	right: 60px;
	padding: 5px 10px;
	border-radius: 5px;	
	height: 34px;
	top: 50%;
	margin-top: -17px;
	font-size: 16px;
	line-height: 1;
}
.fav-list .fav-list-item p.error{
	color: #ff0000;
	font-size: 12px;
	margin: 5px 0 0 0;
	display: none;
}
.fav-list .fav-list-item input:read-only{
	background-color: #f5f5f5;
}
input:read-only{
	background-color: #f5f5f5;
}
.fav-list .fav-list-item:hover{
	background-color:#eee;
}
.fav-list .fav-list-item i{
	color:#fc608c;
	position:absolute;
	padding: 15px;
	right: 0;
	top: 0;
	cursor: pointer;
}
.btn-create-fav-list{
	color:#aaa;
	padding:15px 0 0 0;
	display:block;
	text-decoration:none;
}
.btn-create-fav-list:hover{
	color:#555;
}
@media(min-width: 768px){
	.fav-list .fav-list-item span{
		font-size: 14px;
		width: 65%;
	}
	.fav-list .fav-list-item input{
		width: 100px;
	}
}

/*

	CHOOSE CUSTOMER

------------------- */
.choose-customer h1{
	text-align:left;
	color:#3f4371;
	font-size:24px;
	line-height:1;
	font-weight:bold;
	padding:60px 0 20px 0;
}
.choose-customer a.btn-customer{
	display:block;
	width:100%;
	padding:30px 15px;
	background-color:#eee;
	color:#111;
	font-size:14px;
	line-height: 1;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	-webkit-box-shadow: 0px 14px 15px -17px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 14px 15px -17px rgba(0,0,0,0.20);
box-shadow: 0px 14px 15px -17px rgba(0,0,0,0.20);
}
.choose-customer a.btn-customer i{
	margin-left:15px;
}
.choose-customer a.btn-customer:hover{
	background-color:#e5e5e5;
}
.choose-customer .btn-log-out{
	font-size:14px;
	line-height: 1;
	padding: 15px 0;
	color:#888;
	display:inline-block;
	margin-top: 30px;
}

.icon-auto-order{
	display: inline-block;
	color: #cedb00;
	margin: 0 5px 0 0;
}

#admin-customers-list,
#admin-groups-list{
	display: none;
}

.tooltip-inner {
  font-size: 12px;
}

/*

	PRODUCT DETAIL

---------------- */
.prod-detail{
	padding-top: 30px;
}
.prod-detail .carousel-container{
	padding: 15px;
	background-color: #fff;
	border-radius: 3px;
	border: solid 1px #eee;
}
.prod-detail .carousel .slide{
	display: block;
	width: 100%;
	height: 250px;
}
.prod-detail .no-image{
	width: 100%;
	height: 250px;
	background-color: #fafafa;
}
.prod-detail.disabled{
	color: #000;
}
.prod-detail.disabled .delivery-days, 
.prod-detail.disabled .delivery-days td i{
	color: #000;
}
.prod-detail.disabled .total{
	color: #ddd;
}
.prod-detail.disabled .ammount::after{
	content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: transparent;
}
@media(min-width: 1400px){
	.prod-detail .carousel .slide{
		height: 300px;
	}
}

.prod-detail .thumbnails{
	margin-top: 10px;
}
.prod-detail .thumbnail{
	display: block;
	background-color: #fff;
	padding: 5px;
}
.prod-detail .thumbnail span{
	display: block;
	width: 100%;
	height: 100px;
	border: solid 1px #eee;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.8;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.prod-detail .thumbnail span:hover{
	opacity: 1;
}
@media(min-width: 1200px){
	.prod-detail .thumbnail span{
		height: 75px;
	}
}
@media(min-width: 1400px){
	.prod-detail .thumbnail span{
		height: 110px;
	}
}

.prod-detail .slick-dots{
	bottom: -35px;
}
.prod-detail .slick-dots li{
	margin: 0;
}
.prod-detail .slick-dots li button:before{
	font-size: 10px;
	opacity: 0.15;
}
.prod-detail .slick-dots li.slick-active button:before{
	color: #cedb00;
	opacity: 1;
}

.prod-detail .prod-nr{
	font-size: 14px;
	line-height: 1;
	margin: 0 0 10px 0;
	color: #000;
	position: relative;
	width: 100%;
}
.prod-detail .prod-nr .btn-fav{
	top: 0;
}
.prod-detail .prod-nr .btn-auto{
	top: 0;
}
.prod-detail .prod-title{
	font-size: 28px;
	line-height: 1.2;
	color: #3f4371;
	margin: 0 0 15px 0;
	font-weight: bold;
}
@media(min-width: 1400px){
	.prod-detail .prod-title{
		font-size: 34px;
	}
}
.prod-detail .prod-cats{
	font-size: 16px;
	line-height: 1;
	margin: 0 0 10px 0;
}
.prod-detail .prod-cats span{
	display: inline-block;
}
.prod-detail .prod-cats i{
	margin: 0 5px;
	opacity: 0.5;
}

.prod-detail .prod-price{
	margin: 0 0 15px 0;
}
.prod-detail .cur-price{
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	margin: 0 0 5px 0;
}
.prod-detail .unit{
	display: inline-block;
	font-size: 16px;
	line-height: 1;
}
.prod-detail .info{
	display: block;
	font-size: 16px;
	line-height: 1.4;
}
.prod-detail .ammount-container{
	margin-top: 15px;
}
.prod-detail .ammount{
	justify-content: left;
}
.prod-detail .total{
	padding: 0 0 0 45px;
}

.prod-detail .delivery-days{
	font-size: 16px;
}
.prod-detail .delivery-days table td{
	font-size: 16px;
	line-height: 16px;
}

.prod-detail .meta-info{
	margin:30px 0 0 0;
	font-size:14px;
	line-height: 1;
}
.prod-detail .meta-info i{
	color:#aaa;
}
.prod-detail .meta-icons{
	position: relative;
	top: auto;
	left: auto;
	margin: 10px 0 20px 0;
}
.prod-detail .meta-icons img.icon-rectangle{
	height: 30px;
}
.prod-detail .meta-icons img.icon-round{
	height: 30px;
}
.prod-detail .metaIconTitle{
	display:inline-block;
	font-size:14px;
	margin:0 0 15px 0;
}

/*

	MESSAGES

------------ */
.messages-overview{
	padding:0;
	overflow: hidden;
}
.message-row{
	padding:0;
	background-color: #f5f5f5;
}
.message-row.unread{
	background-color: #fff;
}
.message-row a{
	display: block;
	color:#888;
	text-decoration:none;
	padding:15px;
	border-bottom:solid 1px #eee;
}
.message-row.unread a{
	color: #555;
}
.message-row:last-child a{
	border:none;
}
.message-row a:hover{
	background-color:#fafafa;
	color:#333;
}
.message-row a .date{
	display:block;
	font-size:14px;
	line-height: 1;
	color:#888;
}
.message-row a .title{
	display:block;
	font-size:14px;
	line-height: 1.2;
	margin-top:10px;
}
.message-row.unread a .title{
	font-weight: bold;
}

.message-detail{
	padding:30px;
}
.message-detail .title{
	font-size:18px;
	line-height: 1.4;
	font-weight:bold;
	margin:0 0 15px 0;
}
.message-detail .details{
	font-size:14px;
	line-height: 1.6;
}
.message-detail .details a{
	color: #000;
}
.message-detail .image{
	margin-top:30px;
}
.message-detail .image img{
	max-width: 100%;
}
@media(min-width:1200px){
	.message-detail .title{
		font-size:24px;
		margin:0 0 30px 0;
	}
	.message-detail .details{
		font-size:16px;
	}
}

.btn-back{
	text-decoration:none;
	color:#fff;
	background-color:#3f4371;
	font-size:14px;
	display: inline-block;
	padding:10px 20px;
	border-radius:5px;
	margin:0 0 15px 0;
}
.btn-back:hover{
	color:#fff;
	opacity: 0.9;
}

/*

	CUSTOM FILE UPLOADER

------------------------ */
.custom-upload {
  position: relative;
  margin:0 0 20px 0;
}
.file-input {
  display: none;
}
.upload-btn {
	display:inline-block !important;
	cursor: pointer;
	margin:0 0 0 0 !important;
}
.file-name {
  display: block;
  margin-top: 10px;
  font-size:12px;
}


.preview-image{
	margin: 0 0 15px 0;
	position: relative;
	width: 150px;
}
.preview-image img{
	width:100%;
}
.preview-image i{
	font-size: 14px;
}
.preview-image .btn-delete-file{
	position: absolute;
	color: red;
	top: -10px;
	right: -10px;
	font-size: 18px;
	width: 32px;
	height: 32px;
	line-height: 32x;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	border: solid 1px #eee;
	display: block;
}
.preview-image .btn-delete-file:hover{
	background-color: #fafafa;
}