/* menu */
#menu.admin {
	height: 4.4em;
}
	
.admin .menu_logo {
	padding: 1em;
}	

.admin .menu_logo span {
	position: absolute;
	top: 1.05em;
	font-size: 1.38em;
	margin-left: .5em;
}

.admin .menu_logo img {
	height: 2.5em;
}

.admin .menu_std {
	right: 8.2em;
}

.admin .menu_std li {
	padding: 1.2em 1.4em;
}

.admin .menu_std li a {
	font-size: 1.25em;
}

.admin .menu_std li a:after {
	bottom: -1.15em;
}

.admin .menu_std li a:hover:after {
	height: .3125em;
}

.logout {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: .75em .8em;
}

.logout p:first-child {
	font-family: RobotoMedium;
}

.logout a {
	color: #121213;
}

.logout a:hover {
	color: #ed1b2f;
}

@media screen and (min-width: 0) and (max-width: 56em) {
.admin .menu_logo {
	padding: 1.1em .8em;
}	

.admin .menu_logo span {
	position: absolute;
	top: 1.25em;
	font-size: 1.2em;
	margin-left: .55em;
}

.admin .menu_logo img {
	height: 2.2em;
}

#menuIcon {
	right: 8.4em;
}

.admin .menu_drop {
	top: 4.4em;
	right: 0;
	height: 17em;
}
}

/* uvod */
#adm_uvod {
	top: 5em;
}

.dlazdic_containr {
	position: relative;
	width: 85%;
	margin: 0 auto;
}

.adm_dlazdic {
	display: table;
	position: relative;
	float: left;
	width: 48%;
	height: 18em;
	margin: .4em 1%;
}

.adm_dlazdic a {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding-bottom: .4em;
	vertical-align: middle;
	text-align: center;	
	font-family: RobotoThin;
	font-size: 3em;
	color: #fbfbfb;
	background-color: #ed1b2f;
	box-sizing: border-box;
	transition: all .3s ease-out;
}

.adm_dlazdic a:hover {
	color: #fff;
	background-color: #121213;
}

@media screen and (min-width: 0) and (max-width: 56em) {
.dlazdic_containr {
	width: 98%;
}

.adm_dlazdic {
	width: 49%;
	height: 10em;
	margin: .3em .5%;
}

.adm_dlazdic a {
	padding-bottom: .3em;
	font-size: 2em;
}
}

/* login */
#login {
	display: table;
	height: 100vh;
}

#login .main_containr {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#login .sub_containr {
	padding: 2em 0 3em;
}

#login h1 {
	font-family: RobotoThin;
	font-size: 3.2em;
	line-height: 2;
}

#login form {
	width: 24em;
	margin: 0 auto;
	padding: 1em 0;
}

#login input {
	background-color: #fbfbfb;
	font-size: 1.1em;
	color: #121213;
	border: 2px solid #121213;
	box-sizing: border-box;
	transition: all .3s ease-out;
}

#login input:focus {
	border: 2px solid #ed1b2f;
}

#login input[type="text"], #login input[type="password"] {
	width: 100%;
	height: 3em;
	margin-bottom: .9em;
	padding: 0 .7em;
}

#login input[type="submit"] {
	width: 10em;
	height: 2.7em;
	margin: 1em;
	padding-top: .05em;
}

#login input[type="submit"]:focus {
	color: #ed1b2f;
	cursor: pointer;
}

.msg {
	margin-bottom: 1.2em;
}

.msg p {
	font-size: 1em;
	color: #ed1b2f;
}

.link_hp a {
	font-size: 1.15em;
	color: #121213;
}

.link_hp a:hover {
	color: #ed1b2f;
}

/* obecně */
.adm_sec {
	top: 5em;
}

.adm_top_row {
	width: 100%;
	height: 2.5em;
	padding: .5em 0;
	border-bottom: 1px solid #121213;
}

.adm_top_row button {
	height: 100%;
	padding: 0 1.5em;
	background-color: #ed1b2f;
	font-size: 1.05em;
	color: #fbfbfb;
	transition: all .3s ease-out;
}

.adm_top_row button:hover, .adm_top_row button:focus {
	background-color: #121213;
	cursor: pointer;
}

.admin_vypis {
	width: 100%;
	margin: 1em 0;
	text-align: left;
}

.admin_vypis tr {
	height: 2.4em;
}

.admin_vypis th {
	width: 5em;
	background-color: #121213;
	color: #fbfbfb;
}	

.admin_vypis th, td {
	padding: 0 .5em;
}

.admin_vypis th:nth-child(1){
	width: 1.5em;
}

.admin_vypis th:nth-child(2){
	width: auto;
}

#tbl_ref.admin_vypis th:nth-child(2), #tbl_ref.admin_vypis th:nth-child(3){
	width: 3em;
}

#tbl_ref.admin_vypis th:nth-child(4) {
	width: auto;
}

.admin_vypis td{
	border-bottom: 1px solid #ccc;
}

.admin_vypis td a {
	color: #121213;
}	

.admin_vypis td a:hover {
	color: #ed1b2f;
}

.admin_vypis button, .prospekty button {
	height: 1.8em;
	padding: 0 .8em;
	background-color: #ed1b2f;
	color: #fbfbfb;
	transition: all .3s ease-out;
}

.prospekty button {
   margin: 0 .6em;
   padding: 0 .5em;
}

.admin_vypis button:hover, .adm_top_row button:focus, .prospekty button:hover {
	background-color: #121213;
	cursor: pointer;
}

.adm_sec .prospekty {
	height: 2em;
}

.adm_sec .prospekty ul {
	left: 5em;
}

.adm_sec .prospekty li {
   border-right: 1px solid #868586;  
   padding: 0;
   padding-left: .6em;
   margin: 0;
}

/* switch, src=http://proto.io/freebies/onoff/ */
.onoffswitch {
    position: relative; width: 4.5em;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0; border-radius: 0;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 1.5em; padding: 0; line-height: 1.5em;
    font-size: .9em; color: white; font-family: RobotoLight, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Ano";
    padding-left: .6em;
    background-color: #ED1B2F; color: #FBFBFB;
}
.onoffswitch-inner:after {
    content: "Ne";
    padding-right: .6em;
    background-color: #121213; color: #fbfbfb;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 1em; margin: .15em;
    background: #fbfbfb;
    border: 0; border-radius: 0;
    position: absolute; top: 0; bottom: 0; right: 3.2em;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0; 
}

/* přidávání */
.adm_add {
	width: 54em;
	margin: 1em auto 4em;
}

.form_left, .form_right {
	float: left;
	height: auto;
	min-height: 25em;
}

.form_left {
	width: 30em;
}

.form_right {
	width: 23em;
	margin-left: 1em;
}

.form_row {
	float: none;
	width: 100%;
	margin-bottom: 1em;
}

.switch_wrap {
	display: inline-block;
	margin-right: 2em;
}

.switch_wrap p {
	margin-bottom: .25em;	
}

.adm_add input {
	height: 2em;
	background-color: transparent;
	border: 1px solid #121213;
	box-sizing: border-box;
	transition: all .3s ease-out;
	font-family: RobotoLight;
	color: #121213;
}

.adm_add input:focus {
	border: 1px solid #ed1b2f;
}

.adm_add input[type="text"]{
	width: 100%;
	padding: 0 .3em;
	margin: .35em 0 1.5em;
}

.adm_add  input[type="button"] { /* přidání obrázku */
	display: block;
	float: left;
	height: 2em;
	padding: 0 .7em;
	margin-right: .4em;
	background-color: #ed1b2f;
	border: 0;
	font-size: 1em;
	color: #fbfbfb;
}

.adm_add input[type="button"]:hover, .adm_add input[type="button"]:focus {
	background-color: #ff3b4e;
	color: #fff;
	cursor: pointer;
}

.adm_add input[type="submit"] { /* odeslání formu */
	display: block;
	width: 7em;
	height: 2.3em;
	margin: .5em auto;
	background-color: #ed1b2f;
	border: 0;
	font-size: 1.2em;
	color: #fbfbfb;
}

.adm_add input[type="submit"]:hover, .adm_add input[type="submit"]:focus {
	background-color: #ff3b4e;
	color: #fff;
	cursor: pointer;
}

/* rám s file uploadem */
.file_up {
	width: 100%;
	margin: .35em 0 1.5em;
	padding: .5em .4em .8em;
	border: 1px solid #121213;
	box-sizing: border-box;
}

.file_up span {
	font-size: .8em;
}

#msg_box {
	font-size: .9em;
	color: #ed1b2f;
}

#progress_bar {
	margin: .5em 0;
}

#upd_pic {
	width: 100%;
	text-align: center;
}

#upd_pic img {
	width: auto;
	max-width: 20em;
	height: auto;
	max-height: 15em;
	margin: 0 auto;
}

/* články */
.adm_add textarea, .cke_textarea_inline {
	width: 100%;
	margin: .35em 0 1.5em;
	padding: .8em .6em;
	background-color: transparent;
	border: 1px solid #121213;
	outline: none;
	box-sizing: border-box;
	transition: all .3s ease-out;
}

.adm_add textarea:focus, .cke_textarea_inline:focus {
	border: 1px solid #ed1b2f;
}

#artPerex, #prodPerex {
	height: 10em;
	font-family: RobotoLight;
	color: #121213;
}

.cke_textarea_inline {
	height: 30em;
	overflow: scroll;
}

/*reference*/
#refAcreage {
	width: 4.5em;
	margin: .35em 0 .5em;
}

#prod_check label {
	margin: 0 1.5em 0 .1em;
}

#lbl_yrfrm {
	margin-left: 1em;
}

#lbl_yrto {
	margin-left: .4em;
}

/* status bar */
#messenger {
	position: relative;
	width: 100%;
	height: 3em;
	text-align: center;
}

.adm_add form.loading #messenger::before, .adm_add form.loading #messenger::after {
	position: absolute;
	top: 0;
	left: 50%;
	height: 1.6em;
}

.adm_add form.loading #messenger::before {
	content: "";
	background-image: url('../img/preloader.gif');
	background-size: cover;
	width: 1.6em;
	margin-left: -3em;
}

.adm_add form.loading #messenger::after {
	content: "Ukládám";
	width: 4em;
	margin-left: -1em;
	text-align: center;
	color: #656565;
}

.adm_add form.error #message{
	color: #ed1b2f;
}

#ostatni p {
   width: 100%;
   text-align: center;
   padding-top: 1em;
}

#ostatni a {
   color: #121213;
   font-size: 1.2em;
}

#ostatni a:hover {
   color: #ed1b2f;  
}