@font-face {
    font-family: 'GentonaLight';
    src: url('../fonts/gentonalight.eot');
    src: url('../fonts/gentonalight.eot') format('embedded-opentype'),
         url('../fonts/gentonalight.woff') format('woff'),
         url('../fonts/gentonalight.ttf') format('truetype'),
         url('../fonts/gentonalight.svg#GentonaLight') format('svg');
}

@font-face {
    font-family: 'GentonaMedium';
    src: url('../fonts/gentonamedium.eot');
    src: url('../fonts/gentonamedium.eot') format('embedded-opentype'),
         url('../fonts/gentonamedium.woff') format('woff'),
         url('../fonts/gentonamedium.ttf') format('truetype'),
         url('../fonts/gentonamedium.svg#GentonaMedium') format('svg');
}

body {
	font-family: 'GentonaLight';	
	font-size: 14px;
}

h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #00bff3;
}

header {  
	background: #00bff3;
	height: 70px;
	color: #fff;
	line-height: 70px;
	padding: 0px 10px;
	-webkit-box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 6px 3px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 6px 3px 0px rgba(0, 0, 0, 0.75);
}

header a h1 {
    font-family: 'GentonaMedium';
	margin: 0px;
	text-transform: uppercase;
	line-height: 70px;
	float: left;
	color: #fff;
}

header .logout{
	float: right;
	line-height: 70px;
}

header .logout a {
	color: #fff;
	font-size: 20px;
	text-decoration: underline;
}

.content {
	display: table;
	width: 100%;
}

.sidebar {
	display: table-cell;
	padding: 10px;
	width: 210px;
	vertical-align: top;
}

.sidebar:before {
	width: 225px;
    content: '';
    position: absolute;
    top: 0;
    padding: 10px;
    bottom: 0;
    z-index: -1;
    left: 0%;
	border-right: 3px #4a4a4a solid;
}

.sidebar .show {
	font-size: 16px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sidebar .menu {
	margin-top: 10px;
	margin-top: 20px;
	padding-top: 10px;
}

.sidebar .menu li + li {
	margin-top: 5px;
}

.sidebar .menu li a {
	color: #00bff3;
	font-size: 22px;
	line-height: 22px;
}

.sidebar .menu li ul {
	display: none;
}

.sidebar .menu li li a {
	color: #000;
	font-size: 16px;
	padding-left: 20px;
}

.sidebar .menu li li a.active {
	color: #00bff3;	
}

.sidebar .addmenu {
	border-top: 1px #4a4a4a solid;
	margin-top: 10px;
	padding-top: 10px;
}

.sidebar .addmenu li a {
	width: 200px;
	height: 50px;
	background: #00bff3;
	text-align: center;
	line-height: 50px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	color: #fff;
	font-size: 18px;
	display: block;
}

.sidebar .addmenu li + li {
	margin-top: 10px;
}

.sidebar .settings {
	border-top: 1px #4a4a4a solid;
	margin-top: 12px;
	padding-top: 10px;
}

.sidebar .settings li a {
	color: #414141;
	font-size: 16px;
	display: inline-block;
	line-height: 21px;
}

.main {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}

.myform table {
	border-collapse: separate;
	border-spacing: 16px;
}

.myform label {
	font-size: 16px;
}

.myform input {
	width: 100%;
}

.myform .submit {
	width: auto;
	min-width: 155px;
	height: 45px;
	background: #00bff3;
	text-align: center;
	line-height: 50px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75) !important;
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75) !important;
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75) !important;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 38px;
	margin-left: 15px;
	border: none;
	margin-top: 10px;
}

.myform tr td {
	vertical-align: top;
}

.myform textarea {
	width: 400px;
	height: 100px;
	resize: none;
	border: 1px inset;
}

.tabulka .even td {
	background: #eee;
}

.glyphicon {
	top: 3px !important;
}

.selectpicker {
	background: none !important;
	border-radius: 0px !important;
	font-size: 14px !important;
	width: 100% !important;
}

.bootstrap-select {
	width: 100% !important;
}

.pridat_polozku, .pridat_zastupcu {
	cursor: pointer;
}

.login {
	background: #00bff3;
	color: #fff;
	width: 300px;
	margin: 20px auto;
	padding: 20px;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

.login h1 {
	margin-top: 0px;
	line-height: 30px;
}

.login input[type="text"], .login input[type="password"] {
	width: 100%;
	color: #333;
}

.login a {
	color: #fff;
}

.objednavky td {
	vertical-align: top;
}

.from, .to {
	display: none;
}

.objednavky {
	border-collapse: separate;
	border-spacing: 5px;
}

.evidovana td {
	color: #000000;
}

.vprocese td {
	color: #f79231;
}

.vprocese td {
	color: #f79231;
}

.vyrobena td {
	color: #35b546;
}

.dorucovana td {
	color: #a079d4;
}

.fakturovana td {
	color: #fc1616;
}

.zaplatena td {
	color: #8b8b8b;
}

.zvyrazni {
	display: none;
}

.red {
	color: red;
}

.tools {
    margin: 10px;
}

.tools ul{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}

.tools ul li {
	display: inline;
}