@import url(reset.css);
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);

body, html {height:100%; margin:0; padding:0;}
body {
	font-family:'Roboto';
	font-size:15px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
.w50 {max-width:50px;}
.w80 {max-width:80px;}
.w100 {max-width:100px;}
.w200 {max-width:200px;}
.w300 {width:300px; max-width:100%;}
.w100p {width:100%;}
.datewidth {max-width:100px; min-width:100px;}

img {max-width:100%; height:auto;}

a,a:visited,a:focus {
	text-decoration:none;
	cursor:pointer;
}
a.mark,
a.mark:visited,
a.mark:focus {
	padding:5px 15px;
	background-color:#ddd;
	color:#000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
a.mark:hover {
	background-color:#333;
	color:#fff;
}
a:hover {text-decoration: none;}

a.button {
	line-height:20px;
	color:#fff;
	text-transform:uppercase;
	white-space:nowrap;
	background-color:rgba(10,120,180,1);
	padding:10px;
}
a.button,
a.button:visited,
a.button:focus {color:#fff;}
a.button:hover {color:#fff; background-color:#555;}


a.logout,
a.logout:visited,
a.logout:focus {color:#fff; background-color:#e38e00; padding:5px 10px; float:right;}
a.logout:hover {background-color:#333;}

a.btn-big {
	width:260px;
	line-height:40px;
	font-size:18px;
	padding:20px;
}
a.btn-a {background-color:#5e921a; display:inline-block; margin-right:20px;}
a.btn-a:hover {background-color:#72b220;}
a.btn-b {background-color:#0a78b4; display:inline-block;}
a.btn-b:hover {background-color:#0c91d9;}
a.btn-c {background-color:#0c91d9; display:inline-block;}
a.btn-c:hover {background-color:#0eaaff;}


a.btn-sm {background-color:#777; color:#fff; font-size:13px;}
a.btn-sm.remove {background-color:#990000; color:#fff;}
a.btn-sm:hover {background-color:#333; color:#fff;}

a.circle {
	display:inline-block;
	border:1px solid #0a78b4;
	width:22px;
	line-height:20px;
	border-radius:50%;
	text-align:center;
	margin-left:10px;
}

a.print {display:inline-block; float:right; font-size:13px; color:#333; background-color:#eee; border:1px solid #aaa; padding:5px 20px; margin-top:-10px;}
a.print:hover {background-color:#e0e0e0;}

p {display:block; margin-bottom:1em;}

h1,h2,h3,h4,h5,h6 {display:block; float:none !important; line-height:auto; margin-bottom:1em;}
h1 {font-size:25px;}
h2 {font-size:23px;}
h3 {font-size:21px;}
h4 {font-size:19px;}

hr {color:#e5e5e5; background-color:#e5e5e5; border-color:#e5e5e5; margin:1.5em 0;}

/**********************************
           HOVED
***********************************/

.container {position:relative;}
.main {margin-left:220px;}
.content {padding:30px;}
.inner {position:relative; padding:0 30px;}
 
/**********************************
           TOPLINE
***********************************/

.topline .inner {height:60px;}
.online {float:left; line-height:60px; display:inline-block;}
.online span {font-weight:bold;}

.topnav {float:left; padding:10px 0; margin-left:60px;}
.topnav a,
.topnav a:active,
.topnav a:visited {color:#333; background-color:#e5e5e5;}
.topnav a:hover {background-color:#f0f0f0;}

.topnav a {display:inline-block; line-height:40px; border:1px solid #ccc; padding:0 20px;}
.topnav a + a {margin-left:20px;}

a.logout {position:absolute; top:10px; right:30px; line-height:30px; display:inline-block;}

/**********************************
           NAV MAIN
***********************************/

#nav-main {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	color:#f5f5f5;
	width:220px;
}
#nav-main .logo {color:#333; text-align:center; letter-spacing:.4em; padding:20px 20px 10px 20px;}
#nav-main .logo img {width:100%; margin-bottom:10px;}
#nav-main .logo a {color:#fff;}
#nav-main ul {
	border-top:1px solid rgba(0,0,0,0.4);
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#nav-main ul li a {
	display:block;
	font-size:16px;
	line-height:58px;
	text-transform:uppercase;
	color:#fff;	
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(0,0,0,0.4);
}
#nav-main ul li a i {
	font-size:22px;
	width:28px;
	color:#fff;
	margin:0 15px;
	vertical-align:middle;
	text-align:center;
}
#nav-main ul li.home {display:none;}
/*
#nav-main ul li a.kitchen:before {content: "\f0f5";}
#nav-main ul li a.food:before {content: "\f0f4";}
#nav-main ul li a.report:before {content: "\f03a";}
*/


/**********************************
           NAV SUB
***********************************/

.nav-sub {margin:15px 0 0 30px;}
.nav-sub li {display:inline-block; margin:0 2px 2px 0;}
.nav-sub li a {display:block; background-color:#f0ffdd; color:#000; border:1px solid #e5e5e5; padding:5px 20px;}
.nav-sub li a:hover {background-color:#fff;}

.catmenu {}
.catmenu li {float:left; position:relative; height:auto; margin-bottom:5px;}
.catmenu li ul {display:none; width:180px; position:absolute; left:0; top:47px; z-index:101;}
.catmenu ul li {float:none; margin-bottom:0;}
.catmenu a {
	display:block;
	text-transform:uppercase;
	line-height:42px;
	padding:0 20px;
	margin-right:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.catmenu ul li a {
	padding:0 20px;
	border-bottom:1px solid #999;
	margin-right:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.catmenu.small {margin-bottom:15px;}
.catmenu.small a {line-height:31px;}

.nav-tabs > li > a {
	display:block;
	text-transform:uppercase;
	font-size:13px;
	line-height:31px;
	padding:0 20px;
	margin-bottom:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


/**********************************
           WIDGETS
***********************************/

.widget {
	position: relative;
	background: #fff;
	color: #5b5b5b;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	box-shadow: 0px 0px 1px 0px rgba(180, 180, 180, 0.5);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	 z-index:10;
}
.whead,
.whead-1,
.whead-2,
.whead-sub {padding:0 20px;}
.whead-1 h3,
.whead-2 h3,
.whead h3 {
	font-size:19px;
	font-weight:normal;
	line-height:19px;
	text-transform:none;
	padding:10px 0;
	margin:0;
}
.whead h3 span {white-space:nowrap; font-weight:normal;}
.whead-sub h4 {
	font-weight:normal;
	line-height:21px;
	padding:13px 0;
	margin:0;
}

.wbody {
	background-color:#fff;
	padding:20px;
}
.widget.front .wbody {height:auto;}

.widget.wbox .whead {background-color:#0a78b4; color:#fff;}
.widget.wbox .whead h3,
.widget.wbox .whead h3 span {color:#fff;}
.widget.wbox .whead h3 {font-size:19px; line-height:21px;}


/**********************************
           FORMS
***********************************/

form.normal {width:100%; max-width:500px;}
form.normal label {width:25%;}
form.normal .f-group {margin-bottom:10px;}
form.normal label {text-align:left; width:25%; float:left; padding-right:2%; min-height:41px; padding-top:8px;}
form.normal .form-group {margin-bottom:10px;}
form.normal p.submit {text-align:right;}
form.normal select,
form.normal input[type=text],
form.normal input[type=email] {width:75%;}
form.normal textarea {width:75%;}
form.normal .f-group .input {width:75%;}
form.normal .submit {text-align:right;}


.button-row {margin-bottom:0;}
.button-row button,
.button-row input[type=submit] {
	min-width:120px; text-align:center; padding:2px 20px; margin-right:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-top-left-border-radius:5px;
	-webkit-top-right-border-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	border:1px solid #e0e0e0;
	vertical-align:middle;
	line-height:29px;
	color:#dc5200;
	padding:5px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	border:1px solid #aaa;
	background-color:#f5f5f5;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
select {height:41px;}

textarea,
select {line-height:19px;}

.f-inline input[type=password],
.f-inline input[type=text],
.f-inline textarea {
	width:75%;
}

.f-inline textarea {min-height:120px;}
.textarea textarea {padding-top:8px;}

.datepicker-input {width:100px;}
.datepicker-input:after {
    font-family: 'FontAwesome';
    color:red;
    position: relative;
    left: -5px;
    content: "\f007";	
}

.f-inline .input-checks {width:75%; float:left;}
.f-inline .input-checks label {text-align:left; font-weight:normal; margin-left:5px; line-height:22px; vertical-align:middle;}

.f-group {margin-bottom:20px;}
.f-group:after { /*clearfix*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.f-inline .f-group input,
.f-inline .f-group select,
.f-inline .f-group textarea,
.f-inline .f-group .input {float:left; vertical-align:middle;}
.f-inline .f-group .input label {text-align:left; display:block; font-weight:normal; width:auto;}
.f-inline .f-group .input input[type=text] {display:inline-block; margin-right:20px;}

.submit {display:block; text-align:right;}
.submit-frame {padding:10px; margin-bottom:15px;}

.f-inline .f-group {margin-bottom:10px;}
.f-inline label {text-align:right; width:23%; float:left; padding-right:2%; min-height:41px; padding-top:8px;}
.f-inline .form-group.top label {}
.f-inline small {float:right; width:77%; padding-left:1px;}
.f-inline .form-group {margin-bottom:10px;}
.f-inline p.submit {text-align:right;}
.f-inline input[type=text],
.f-inline input[type=email] {width:77%;}
.f-inline textarea {width:77%;}
.f-inline .f-group .input {width:77%;}

.f-block .f-group {display:inline-block; margin:0 10px 20px 0;}
.f-block .f-group.full {display:block; width:100%;}
.f-block input {width:100%;}
.f-block input[type=submit] {width:auto; height:41px; line-height:41px; padding:0 20px;}
.f-block label {display:block; text-align:left; width:100%; float:none; padding-left:5px; margin-bottom:5px;}
.f-block input[type=password],
.f-block input[type=text],
.f-block textarea {width:100%;}
.f-block textarea {height:100px;}

input[type=button],
input[type=submit],
button {line-height:29px; text-transform:uppercase; font-size:15px; border:none; padding:5px 20px;}

a#clearStopDate {background-color:#BB0000; color:#fff; padding:0 6px 2px 6px; margin-left:3px;}

/**********************************
            TABLES
***********************************/

.table-top {margin-bottom:5px;}

table {width:100%; border-spacing:0; border:0;}
table th,
table td {border-spacing:0; border:0;}

table.normal {width:100%; border-spacing:0; border:0; margin-bottom:15px;}
table.normal th {font-weight:normal; color:#fff; padding:6px 8px; border:0;}
table.normal th.icon {width:1%; white-space:nowrap;}
table.normal td {padding:6px; vertical-align:top;}
table.normal td a {text-decoration:none;}
table.normal tfoot.total {background-color:#f0f0f0; font-weight:bold;}

table.small th,
table.small td {font-size:13px;}

table.fromcal th,
table.fromcal td {width:10%; text-align:center;}
table.fromcal td {padding-top:2px; padding-bottom:2px;}
table.fromcal td.right {text-align:right;}
table.fromcal th:first-child,
table.fromcal td:first-child {width:35%; text-align:left;}
table.fromcal th.currency,
table.fromcal td.currency {width:15%;}
table.fromcal td.currency {text-align:right; white-space:nowrap;}

table.fromcal tr.mark td {padding:6px; font-weight:700;}

tfoot.totals tr td {font-weight:bold; padding-top:5px; padding-bottom:5px;}

td.sort {background:#f5f5f5 url('img/drag-updown.png') no-repeat 50% 50%;}

table td .subcourses a {color:#333;font-size:13px; font-weight:bold; line-height:25px; padding:0 10px;}
table td .subcourses a:hover {color:#666;}

td.rowheading {font-weight:bold; font-size:15px;}

table.labelbuttons {margin-bottom:20px;}
table.labelbuttons tr th {padding:10px; border-bottom:1px solid #e5e5e5;}
table.labelbuttons tr td {width:auto; padding:10px; border-bottom:1px solid #e5e5e5;}
table.labelbuttons tr:hover td {background-color:#f5f5f5;}
table.labelbuttons tr td a.button {padding:10px 20px;}

.alternate tr:nth-child(even) {background-color:#f5f5f5;}

.tr-onDrag {background-color:#fcede3;}
td.nodrag {cursor:default;}

tr.warning { background-color:#ffeeee !important;}

input.btn-sort {margin-top:15px;}

.cal-head {}
.cal-head a.disabled {width:9%; float:left; line-height:45px; background-color:#921012;}
.cal-head .pastmonth {width:9%; float:left; text-align:center;}
.cal-head .month {width:82%; float:left; color:#fff; font-size:21px; line-height:45px; text-align:center; text-transform:uppercase; background-color:rgba(10,120,180,0.8);}
.cal-head .nextmonth {width:9%; float:left; text-align:center;}
.cal-head a,
.cal-head a:visited,
.cal-head a:focus {display:block; line-height:45px; color:#fff; background-color:rgba(10,120,180,1);}
.cal-head a:hover { background-color:rgba(10,120,180,0.6);}
.cal-head a.none {cursor:default; background-color:rgba(10,120,180,0.8)}
.cal-head a.none:hover { background-color:rgba(10,120,180,0.8);}
.cal-head a.none i {color:rgba(10,120,180,0);}

table.calendar {
	border-left:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin-bottom:30px;
}
table.calendar th {width:13%;background-color:#f0f0f0; line-height:41px;}
table.calendar th,
table.calendar td {
	text-align:center;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:0;
}
table.calendar th.weeknum {
	width:9%;
	background-color:#f5f5f5;
}
table.calendar th.weeknum {font-weight:normal;}


table.calendar td a {display:block; color:#000; padding:5px 0;}
table.calendar td a:hover {background-color:rgba(114,178,32,0.2);}
/*table.calendar td div {text-align:center; line-height:40px; position:relative;}*/
table.calendar td.weekday {background-color:rgba(114,178,32,0.1);}
table.calendar td.closed {background-color:#aaa; color:#fff; padding:5px 0;}
table.calendar td.weekend {background-color:#eee; color:#aaa; padding:5px 0;}
table.calendar td.today {background-color:#ffcccc;}

/**********************************
            IMAGEARCHIVE
***********************************/

.imagearchive {margin-top:20px;}
.imagearchive .wrap {text-align:center; margin-bottom:20px;}
.imagearchive .name {height:60px; font-weight:normal; background-color:#f5f5f5; line-height:19px; padding:0 10px;}
.imagearchive .tools {background-color:#f0f0f0; text-align:left; padding:5px 10px;}

/**********************************
           DIV ELEMENTER
***********************************/

.block {margin-bottom:30px;}

.checkbox-third {float:left; width:160px;}
.checkbox-fourth {float:left; width:24%;}
.checkbox-fifth {float:left; width:19%;}

.check-andlabel label {
	cursor:pointer;
	width:80%;
	text-align:left;
	float:none;
	display:inline-block;
	line-height:auto;
	height:auto;
	min-height:auto;
	padding:8px 0;
	margin-left:10px;
}
.check-andlabel {
	vertical-align:middle;
}
.check-andlabel input[type=checkbox],
.check-andlabel input[type=radio] {
	display:inline-block;
	vertical-align:middle;
}
.check-andlabel .iradio_square-blue {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 3px 0
}
.weekboxes div {
	display:inline-block;
	width:16.6666%;
	text-align:center;
}
.weekboxes div a {
	display:block;
	background-color:#f0f0f0;
	border:1px solid #e5e5e5;
	text-decoration:none;
	color:inherit;
	padding:6px 0;
	margin-right:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-top-left-border-radius:5px;
	-webkit-top-right-border-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.weekmenu .subheading {background-color:#f5f5f5; font-weight:700; border:1px solid #e0e0e0; padding:5px; margin-bottom:10px;}
.weekmenu .wrap {margin-bottom:20px;}
.weekmenu .image {float:left; width:23%;}
.weekmenu .info {float:right; width:75%;}

.course-front h4 {margin:20px 0;}
.course-front ul {padding-left:0; margin:0 0 0 15px; list-style-type:circle; list-style-position:outside}
.course-front ul li {line-height:21px; padding:2px 0}
.course-front img {padding:9px; border:1px solid #e5e5e5;}
/*
.weekmenu div {background-color:#f0f0f0; text-transform:capitalize; padding:3px 5px; margin-top:15px;}
.weekmenu a,
.weekmenu span {display:block; padding:5px 0 0 5px;}
*/
.weekboxes div:last-child a {margin-right:0;}
.weekboxes a span {display:block; font-size:18px; font-weight:bold; line-height:23px;}
.weekboxes a.active,
.weekboxes a:hover {color:#fff;}

.col-inserts {}
.col-inserts.max {height:500px;}
.col-inserts li {}
.col-inserts li a {display:block; color:#333; background-color:#f5f5f5; border:1px solid #e5e5e5; padding:5px 10px 5px 5px; margin-top:2px;}
.col-inserts li a:hover {background-color:#f0ffdd;}

.courselist li a i,
.col-inserts li a i {margin-right:10px; color:#fff; padding:5px;}

.col-removes {padding:10px; border:1px solid #e5e5e5;}
.col-removes.ingredients {min-height:171px;}
.col-removes.allergens {min-height:63px;}
.col-removes li {position:relative;}
.col-removes li a {display:block; color:#333; background-color:#f5f5f5; border:1px solid #e5e5e5; padding:7px 10px 8px 10px; margin-top:2px;}
.col-removes li a:hover {background-color:#f0ffdd;}
.col-removes li:last-child a {margin-bottom:0;}
.col-removes li a i {position:absolute; right:6px; top:6px; color:#fff; padding:5px;}
.col-removes td a i {color:#fff; padding:5px;}
.col-removes .subcourses {display:block; padding:5px 0;}

.cols-li {float:left; width:18%; margin-right:2%; margin-bottom:30px;}
.cols-li.wide {float:left; width:50%; margin-right:0;}
.cols-li li {border-bottom:1px solid #e5e5e5;}
.cols-li li:hover {background-color:#f0f0f0;}
.cols-li li a:first-child {float:left; width:90%; padding-right:1%;}
.cols-li li a:last-child {float:right; width:9%;}

.cols-li:last-child {margin-right:0;}

.col-categories li a {display:block; padding:5px; margin-bottom:1px}

.chars li {
	float: left;
	width: 3.44827%;
	text-align: center;
}
.chars li a {
	display:block;
	padding:5px 0;
	margin:0 1px 1px 0;
}

table.check-weekdays {
	width:100%;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
table.check-weekdays th,
table.check-weekdays td {
	width:20%;
	text-align:center;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	padding:5px 0;
}
table.check-weekdays th {
	background-color:#f5f5f5;
	font-weight:bold; 
}

#imageselect {
	display:none;
}
.imageselect {
	background-color:#f5f5f5;
	border:1px solid #e5e5e5;
	padding:10px;
	margin-bottom:30px;
}
.imageselect img:hover {cursor:pointer;}

.imageinsert {border:1px solid #e5e5e5; padding:10px; max-width:302px; min-height:200px;}


.course-front h4 {margin:20px 0;}
.course-front ul {padding-left:0; margin:0 0 0 15px; list-style-type:circle; list-style-position:outside}
.course-front ul li {line-height:21px; padding:2px 0}
.course-front p {margin-bottom:1em;}
.course-front img {padding:9px; border:1px solid #e5e5e5;}

.whead .selday {position:absolute; top:5px; right:5px;}
.whead .selday a {
	display:block;
	float:left; 
	font-size:13px;
	width:100px;
	text-align:center;
	color:#fff;
	background-color:rgba(255,255,255,0.2);
	line-height:32px;
}
.whead .selday a:hover {background-color:rgba(255,255,255,0.4);}
.whead .selday a+a {margin-left:5px;}
.whead .selday i {display:none;}
.whead .selday .today {width:60px;}

.front h4 {margin:20px 0;}
.front img {padding:9px; border:1px solid #e5e5e5;}

.col-standard {background-color:rgba(0,130,220,0.2); border:1px solid rgba(0,130,220,0.6);}
.col-halal {background-color:rgba(150,100,0,0.2); border:1px solid rgba(150,100,0,0.6);}
.col-vegetar {background-color:rgba(100,200,0,0.2); border:1px solid rgba(100,200,0,0.6);}
.col-vegan {background-color:rgba(255,120,0,0.2); border:1px solid rgba(255,120,0,0.6);}

table .col-standard,
table .col-halal,
table .col-vegetar,
table .col-vegan {border:0;}

.btn-allergen a,
.btn-allergen a:visited {text-transform:uppercase; color:#bb0000; line-height:23px; padding:0 10px; border:1px solid #bb0000;}
.btn-allergen a:hover {background-color:#fcecec;}
.btn-allergen a+a {margin-left:5px;}

.linklist {width:100%; max-width:480px; margin-bottom:3px;}
.linklist li {margin-bottom:3px; border:1px solid #e5e5e5; background-color:#f5f5f5;}
.linklist li a {width:90%; float:right; line-height:23px; background-color:#f0f0f0; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; padding:6px;}
.linklist li i {width:10%; float:left; font-size:21px; line-height:23px; padding:6px;}

/**********************************
           MESSAGES
***********************************/

input[type=text].input-err,
input[type=email].input-err,
input[type=password].input-err,
div.input-err,
ul.input-err,
textarea.input-err,
select.input-err {border:1px solid #aa0000; background-color:#fff4f4;}

#frm_error {display:none;}

.alarm {font-weigth:700; color:#dc5200;}
form .alarm {
	display:inline-block; font-weigth:bold; background-color:#cc0000; color:#fff; line-height:41px; padding:0 10px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-top-right-border-radius:5px;
	-webkit-bottom-right-border-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

/**********************************
           MISC
***********************************/

.center {text-align:center;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.displNone {display:none;}
.displBlock {display:block;}
.no-margin {margin:0;}
.no-padding {padding:0;}
.nowrap {white-space:nowrap;}
.strong {font-weight:700;}
.nb {color:#CC0000;}
.cap {text-transform:capitalize;}