﻿body { font-size: 90%; }
.row { max-width: 82rem; }

header { 
	width: 100%;
	height: 45px;
	line-height: 45px;	
	padding: 0 20px; 
	margin: 0;
	overflow: hidden;
	background-color: #1e1e1e;
	color: #fff;
}

header a, header a:visited { 
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}

header a:hover { color: #fff; }

#brand a {
	font-size: 2.4em;
	color: #fff;
}

section { margin: 45px 0; }
table { width: 100%; }
nav .menu a { font-weight: bold; }

nav .menu { 
	background: #f1f1f1; 
	border: 1px solid #e1e1e1;
	padding-bottom: 1rem;
	padding-top: 1rem;	
}

.form .error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    color: #ec5840;
}

/** Notices and Errors **/
.cake-error,
.cake-debug,
.notice,
p.error,
p.notice {
    display: block;
    clear: both;
    background-repeat: repeat-x;
    margin-bottom: 18px;
    padding: 7px 14px;
    border-radius: 3px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
}

.cake-debug,
.notice,
p.notice {
    color: #000000;
    background: #ffcc00;
}

.cake-error,
p.error {
    color: #fff;
    background: #ec5840;
}

pre {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
    margin: 15px 0px;
    color: rgba(0, 0 ,0 , 0.74);
    padding:5px;
}

.cake-error .cake-stack-trace {
    margin-top:10px;
}

.cake-stack-trace code {
    background: inherit;
    border:0;
}

.cake-code-dump .code-highlight {
    display: block;
    background-color: #FFC600;
}

.cake-error a,
.cake-error a:hover {
    color:#fff;
    text-decoration: underline;
}

div.message {
    display: block;
    font-weight: normal;
    padding: 0 1rem;
    transition: height 300ms ease-out 0s;
    background-color: #3adb76;
    color: #626262;
    overflow: hidden;
    height: 45px;
    line-height: 45px;
	margin-bottom: 1rem;
}

div.message.error {
    background-color: #ec5840;
    color: #FFF;
}

div.message.hidden { height: 0; }
fieldset legend { font-size: 1.25rem; }

.required > label {
    font-weight: bold;
}
.required > label:after {
    content: ' *';
    color: #ec5840;
}

div.textarea { margin-bottom: 1rem; }
th.actions:first-child { width: 88px; }
h3 { font-size: 1.825rem; line-height: 1; }
h4 { font-size: 1.25rem; margin-bottom: 0.59rem; }
tbody th, tbody td { padding: 0.4rem; }

.date select, .time select, .datetime select {
	width: auto ! important;
	margin: 0 0.2rem 1rem 0;
}

.left > div { 
	float: left;
	margin-right: 20px;
}

select { 
	background-position: right 0.05rem center;
	height: auto ! important;
	padding: 0.1rem 0.5rem; 
}

input[type="text"], 
input[type="password"], input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"] { 
	height: auto ! important;
	padding: 0.2rem 0.5rem; 
}

select#status, select#category {
	height: auto ! important;
	width: auto ! important;
}

label { 
	font-weight: bold;
	line-height: 1.33; 
}

.search-box label > [type="checkbox"] { margin: 0 0.2rem 10px 0; }
label.is-free { display: inline; }
.search-box select#category , .search-box select#ages-ids{ margin: 0 0 8px 0; width: 137px ! important }
.search-box [type="text"] { margin-bottom: 0.5rem; }
.search-box .date select { width: 30% ! important; margin-bottom: 0.5rem; }
.search-box .date select:last-child { margin-right: 0; }
nav.large-2, header .large-2 { padding: 0; }
#maincontent, header .large-10 { padding-right: 0; }
.time-price label > [type="checkbox"] { margin-top: 25px; }

.search-box label > [type="radio"] { margin: 0 0.1rem 1rem 0; }
.search-box .radio-all label { display: inline; margin-right: 0.5rem; }

.events .select .column:last-child:not(:first-child), .events .select .columns:last-child:not(:first-child) { float: left; }
.events .select .large-2 { padding-right: 0; }
.events .select > label { margin-bottom: 10px; }
.events .ages .select > label { margin-bottom: 0; }
.events .select label.selected { margin-bottom: 10px; }

.left .button { margin: 0.95rem 1rem 0 0; }
input#photographer { width: 300px; }
input#video { width: 360px; }
.required > label.req-not::after { content: ""; }
.left .nomt { margin-top: 0; }
.chmt label > [type="checkbox"] { margin-top: 30px; }
.chmt label { width: 110px; }
.chmt label[for=attached-position] { width: auto; font-weight: normal; margin: 0; }
.small .button.alert { margin-left: 30px; }
.view .actions { margin-top: 2rem; }
.success2 { background: #4b0082; }
.success2:hover { background: #2b0062; }
thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.4rem; }
header ul.menu li:first-child, header ul.menu li:first-child a { padding-left: 0; }
header ul.menu li { height: 45px; line-height: 45px; }
.date label { font-weight: normal; }
input.form-error { display: block; margin-top: 0; }
.form-edit { position: relative; }

#del-up {
	position: absolute;
	top: 38px;
	left: 710px;
}

#del-down {
	position: absolute;
	bottom: 0;
	left: 710px;
	margin-bottom: 0;
}

.courses #del-up, .courses #del-down { left: 690px; }

.pagination li.active a { background: #e6e6e6; }

.prices-line .number { width: 100px; }