/**********************************************************************************

	Project Name: SimpleAdmin CMS Theme
	Project Description: A clean admin theme
	File Name: style.css
	Author: Adi Purdila
	Author URI: http://www.adipurdila.com
	Version: 1.0.0
	
**********************************************************************************/

/* ---------- RESET ---------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, 
h5, h6, pre, form, label, fieldset, input, select, p, blockquote, th, td {
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow-x: auto;
	width: 100%;
}

img {border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

q:before, q:after { content: ''; }

strong { font-weight: bold; }

small { font-size: 80%; }

em { font-style: italic; margin: .25em .25em .5em .25em;}

a img {	border: none; } /* Gets rid of IE's blue borders */

a { text-decoration: none; }

body { font-size: 1em; /* Prevents an IE bug where em's scale out of proportion */ }




/* ---------- CLEARFIX ---------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }




/* ---------- GENERAL ---------- */
.round {
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
}

p {
	margin: 0 0.25em 1.25em 0.25em;
	color: #9498a1;
}

div.inline p{
	display: inline-block;
}

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.np { display: none; }
.al { text-align: left; }
.ar { text-align: right; }

.half-size-column {
	width: 49%;
}

div.stripe-separator {
	background: transparent url('../images/separator-bg.png') repeat-x left center;
	height: 0.562em; /* 9/16 */
	display: block;
	margin: 1.25em 0; /* 20/16 */
}

h1, h2, h3, h4, h5, h6 { margin-top: 0.15em; margin-bottom: 0.15em; /* 10/16 */ }

/*Temporary styles*/

code {
	display: inline-block;
	background-color: #f8f9fa;
	border: 1px solid #eeefef;
	padding: 0.416em 0.833em; /* 5/12 10/12 */
	color: #2a2e36;
}

blockquote {
	display: block;
	font-style: italic;
	border-left: 2px solid #eeefef;
	padding-left: 0.833em; /* 10/12 */
	color: #9498a1;
}

cite {
	font-style: italic;
	font-weight: bold;
	display: block;
	padding-left: 0.833em; /* 10/12 */
	margin-top: 0.833em; /* 10/12 */
	color: #9498a1;
}

.info fieldset {
	position: relative;
	padding: 10px;
	margin-bottom: 30px;
	background: #F6F6F6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 3px 3px 10px #ccc;
	-moz-box-shadow: 3px 3px 10px #ccc;
	-webkit-box-shadow: 3px 3px 10px #ccc
}

.info legend {
	padding: 6px 12px;
	background-color: #4F709F;
	color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	text-shadow: 1px 1px 1px #333
}
.info legend h2 {
	margin-bottom: 0;
	font-size: 1.2em;
}

.info label{
	padding-right: 20px;
	margin: 0.25em;
	display: inline-block;
}


/* ---------- TYPOGRAPHY ---------- */
body, form {
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}

p, .button, input, select, ul#nav li ul, ul#tabs, table,
.information-box, .confirmation-box, .error-box, .warning-box, ol, .regular-ul, 
.custom-ul, blockquote, cite { font-size: 0.85em; /* 12/16 */ }

div.content-module-heading span { font-size: 0.625em; /* 10/16 */ }

h1 { font-size: 2.25em; font-weight: bold; /* 20/16 */ }
h2 { font-size: 1.875em; /* 14/16 */ }
h3 { font-size: 1.75em; /* 12/16 */ }
h4 { font-size: 1.685em; /* 11/16 */ }
h5 { font-size: 1.625em; /* 10/16 */ }





/* ---------- COLORS ---------- */
a { color: #2069b4; }
	a:hover { color: #2a2e36; }

p a, p a:hover, a.table:hover { border-bottom: 1px dotted; }

.blue {
	background-color: #2069b4;
	color: white;
}
	.blue:hover {
		background-color: #5081b3;
		color: white;
	}

.green {
	color: #52964f;
}

.red {
	color: #cf4425;
}

.yellow {
	color: #b28a0b;
}



/* ---------- WIDTHS ---------- */
/* Form Inputs Style */
.default-width-input { width: 20.833em; /* Default Value. Equals 250px for the 12px font size */ }	
.small-width-input { width: 8em; /* Default Value. Equals 250px for the 12px font size */ }	
.full-width-input { width: 95%; }

/* Textarea Style */
.full-width-textarea {
	width: 95%;
	max-width: 99%;
	height: 12.5em; /* 150/12 */
}
.small-width-textarea {
	width: 60%;
	max-width: 60%;
	height: 3em;
}

/* Page Container Style */
.page-full-width { padding: 0 0.3125em;  }

.page-limited {
	width: 60em; /* 960/16 */
	margin: 0 auto;
}





/* ---------- BUTTONS ---------- */
.button {
	padding: 0.833em; /* 10/12 */
	margin: 0.25em;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}

.dark {
	background-color: #3f4551;
	color: white;
}
	.dark:hover {
		background-color: #5d6677;
		color: white;
	}

.admin-blue{
	background-color: #00ffff;
}
	.admin-blue:hover {
		background-color: #5081b3;
		color: white;
	}

.admin-red{
	background-color: #cf4425;
	color: white;
}
	.admin-red:hover{
		background-color: #cf4435;
		color: white;
	}

.uppercase { ​text-transform: uppercase; }

.small-button { padding: 0.312em 1em; /* 5/16 16/16 */ }

.image-left {
	background-position: 0.833em center; /* 10/12 */
	padding-left: 3em; /* 36/12 */
}

.image-right {
	background-position: right center;
	padding-right: 3em; /* 36/12 */
}

.ic-left-arrow { background-image: url("../images/icons/ic_left.png"); }
.ic-right-arrow { background-image: url("../images/icons/ic_right.png"); }
.ic-print { background-image: url("../images/icons/ic_print.png"); }
.ic-cancel { background-image: url("../images/icons/ic_cancel.png"); }
.ic-delete { background-image: url("../images/icons/ic_delete.png"); }
.ic-add { background-image: url("../images/icons/ic_add.png"); }
.ic-download { background-image: url("../images/icons/ic_download.png"); }
.ic-edit { background-image: url("../images/icons/ic_edit.png"); }
.ic-favorite { background-image: url("../images/icons/ic_favorite.png"); }
.ic-lock { background-image: url("../images/icons/ic_lock.png"); }
.ic-power { background-image: url("../images/icons/ic_power.png"); }
.ic-refresh { background-image: url("../images/icons/ic_refresh.png"); }
.ic-settings { background-image: url("../images/icons/ic_settings.png"); }
.ic-upload { background-image: url("../images/icons/ic_upload.png"); }
.ic-search { background-image: url("../images/icons/ic_zoom.png"); }
.ic-lide { background-image: url("../images/icons/ic_lide.png"); }
.ic-protokol { background-image: url("../images/icons/ic_protokol.png"); }

.ic-table-edit { background-image: url("../images/icons/table/actions-edit.png"); margin: 0.125em; }
.ic-table-copy { background-image: url("../images/icons/table/actions-copy.png"); margin: 0.125em; }
.ic-table-delete { background-image: url("../images/icons/table/actions-delete.png"); margin: 0.125em; }
.ic-table-add { background-image: url("../images/icons/table/actions-add.png"); margin: 0.125em; }
.ic-table-calendar { background-image: url("../images/icons/table/actions-calendar.png"); margin: 0.125em; }
.ic-table-detail { background-image: url("../images/icons/table/actions-detail.png"); margin: 0.125em; }
.ic-table-history { background-image: url("../images/icons/table/actions-history.png"); margin: 0.125em; }
.ic-table-list { background-image: url("../images/icons/table/actions-list.png"); margin: 0.125em; }
.ic-table-love { background-image: url("../images/icons/table/actions-love.png"); margin: 0.125em; }
.ic-table-mail { background-image: url("../images/icons/table/actions-mail.png"); margin: 0.125em; }
.ic-table-map { background-image: url("../images/icons/table/actions-map.png"); margin: 0.125em; }
.ic-table-ok { background-image: url("../images/icons/table/actions-ok.png"); margin: 0.125em; }
.ic-table-photo{ background-image: url("../images/icons/table/actions-photo.png"); margin: 0.125em; }
.ic-table-settings { background-image: url("../images/icons/table/actions-settings.png"); margin: 0.125em; }
.ic-table-speaker { background-image: url("../images/icons/table/actions-speaker.png"); margin: 0.125em; }
.ic-table-talk { background-image: url("../images/icons/table/actions-talk.png"); margin: 0.125em; }
.ic-table-user { background-image: url("../images/icons/table/actions-user.png"); margin: 0.125em; }
.ic-table-down { background-image: url("../images/icons/table/actions-down.png"); margin: 0.125em; }
.ic-table-up { background-image: url("../images/icons/table/actions-up.png"); margin: 0.125em; }
.ic-table-buy { background-image: url("../images/icons/table/actions-buy.png"); margin: 0.125em; }

/* ---------- MENU BUTTONS ---------- */
.menu_user { background-image: url("../images/icons/menu/menu_user.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_dashboard { background-image: url("../images/icons/menu/menu_dashboard.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_akce { background-image: url("../images/icons/menu/menu_akce.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_klient { background-image: url("../images/icons/menu/menu_klient.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_stats { background-image: url("../images/icons/menu/menu_stats.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_ukol { background-image: url("../images/icons/menu/menu_ukol.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_penize { background-image: url("../images/icons/menu/menu_penize.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_logout { background-image: url("../images/icons/menu/menu_logout.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_faktura { background-image: url("../images/icons/menu/menu_faktura.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_nabidka { background-image: url("../images/icons/menu/menu_nabidka.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }
.menu_uhrada { background-image: url("../images/icons/menu/menu_uhrada.png"); margin: 0.125em; background-position: 0.833em center; padding-left: 3em; }



/* ---------- FORMS ---------- */
label {
	display: block;
	color: #2a2e36;
	margin: 0.25em;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="number"], select, textarea {
	border: 1px solid #d9dbdd;
	padding: 0.5em 0.5em; /* 16/16 10/16 */
	outline: none;
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
}
	input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="time"]:hover, input[type="number"]:hover, select:hover, textarea:hover,
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="time"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
		border: 1px solid #bbbdbe;
	}
	
input[type="checkbox"], input[type="radio"] { margin-right: 0.833em; /* 10/12 */ }

input[type="submit"] {
	border: none;
	cursor: pointer;
	padding: 0.833em; /* 10/12 */

	background-position: right center;
	padding-right: 3em; /* 36/12 */
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
}
input:-moz-read-only { /* For Firefox */
    border: 1px solid black;
	background-color: #5d6677;
}

input:read-only {
    border: 1px solid black;
	background-color: #5d6677;
}

#search-form input {
	border: none;
	/* The inner text overflows on the BG image, so we're setting a right padding to stop that */
	padding-right: 3em; /* 36/12 */
}
	#search-form input:focus {
		/* Same as .dark:hover */
		background-color: #5d6677;
		color: white;
	}

p em {
	display: block;
}


/* ---------- Fieldset in login---------- */

fieldset label {
	display: inline-block;
	color: #2a2e36;
	margin: 0.25em;
	white-space: nowrap;
}



/* ---------- CONTENT BOXES ---------- */
.information-box, .confirmation-box, .error-box, .warning-box {
	padding: 0.833em 0.833em 0.833em 3em; /* 10/12 36/12 */
	margin-bottom: 0.833em; /* 20/12 */
}

.information-box {
	background: #e5f5f9 url('../images/icons/message-boxes/information.png') no-repeat 0.833em center;
	border: 1px solid #cae0e5;
	color: #5a9bab;
}

.confirmation-box {
	background: #e7fae6 url('../images/icons/message-boxes/confirmation.png') no-repeat 0.833em center;
	border: 1px solid #b7cbb6;
	color: #52964f;
}

.error-box {
	background: #fde8e4 url('../images/icons/message-boxes/error.png') no-repeat 0.833em center;
	border: 1px solid #e6bbb3;
	color: #cf4425;
}

.warning-box {
	background: #fdf7e4 url('../images/icons/message-boxes/warning.png') no-repeat 0.833em center;
	border: 1px solid #e5d9b2;
	color: #b28a0b;
}





/* ---------- MENU ---------- */
ul#nav {
	list-style-type: none;
	padding: 0;
}

	ul#nav > li {
		float: left;
		margin-right: 0.312em; /* 5/16 */
		position: relative;
	}
		ul#nav li:first-child { margin-left: 0; }
		ul#nav li:hover ul { left: 0; /* On hover, we make the submenu visible again */ }	
		/* Persistent hover state, exactly the same style as the inner anchor on hover (.dark:hover) */
		ul#nav li:hover a {
			background-color: #5d6677;
			color: white;
		}
		
	ul#nav li.v-sep {
		border-right: 1px solid #3f4551;
		margin-right: 0.625em; /* 10/16 */
		padding-right: 0.625em; /* 10/16 */
	}
	
	ul#nav li ul {
		list-style-type: none;
		position: absolute;
		z-index: 999;
		margin-top: -2px;
		left: -9999px;
		padding: 0.3em;
	}
		ul#nav li ul li a {
			color: white;
			padding: 0.833em 1em;
			border-top: 1px solid #6a7282;
			background: #5d6677 url('../images/icons/menu/menu-indicator.png') no-repeat right center;
			display: block;
			width: 100%;
			white-space: nowrap;
		}
			ul#nav li ul li:last-child a {
				border-bottom-right-radius: 0.3125em; /* 5/16 */
				border-bottom-left-radius: 0.3125em; /* 5/16 */
				-moz-border-bottom-right-radius: 0.3125em; /* 5/16 */
				-moz-border-bottom-left-radius: 0.3125em; /* 5/16 */
				-webkit-border-bottom-right-radius: 0.3125em; /* 5/16 */
				-webkit-border-bottom-left-radius: 0.3125em; /* 5/16 */
			}

			ul#nav li ul li a:hover { background-color: #7a8497; }
			



/* ---------- TOP + HEADER ---------- */
div#top-bar {
	background-color: #2a2e36;
	padding: 0.625em 0; /* 10/16 */
}

div#header { padding: 1.25em 0; /* 20/16 */ }

div#header-with-tabs { padding: 1.25em 0 0 0; /* 20/16 */ }

div#login-intro {
	background: transparent url('../images/login-icon.png') no-repeat left center;
	padding: 0.312em 0 0.312em 3.125em;
}
	div#login-intro h1 { text-transform: uppercase; margin: 0.312em 0 0 0; }
	div#login-intro h5 { color: #9498a1; }

a#company-branding img { height: 39px; }	
a#company-branding-small img { height: 30px; }	





/* ---------- TABLES ---------- */

	div.scroll {
		overflow-x:auto;
	}
	
	table th {
		background-color: #5d6677;
		color: white;
		text-transform: uppercase;
		padding: .75em;
		border-left: 1px solid #747c8a;
	}
		
	table tbody td, table tfoot td {
		padding: 0.833em 1.25em 0.833em 1.25em; /* 10/12 15/12 */
		border-left: 1px solid white;
		border-bottom: 1px solid #f8f9fa;
	}
	
	table tfoot {
		background-color: #f5f5f5;
		text-transform: uppercase;
		padding: .75em;
		border-top: 2px solid #5d6677;
		vertical-align: middle;
		font-weight: bold;
	}
	
	tr:hover {
		background-color: #d7d7eb !important
	}
	
	/* Alternate table row */
	tr:nth-child(even) { background-color: #f8f9fa; }

	/* Push the first cell to the right so it doesn't stick to the table border
	table td:first-child, table th:first-child {
		width: 4em /* 48/12 /*;
		text-align: center;
		padding: 0;
		border: none;
		border-bottom: 1px solid #f8f9fa;
	}
	*/
	table.opt td:last-child, table.opt th:last-child {
		max-width: 7em; /* 84/12 */
		text-align: center;
	}
	
	table tbody tr td.error{
		background-color: #fde8e4;
	}
	table tbody tr.red{
		background-color: #fde8e4;
		text-decoration: line-through;
	}
	
a.table-actions-button {
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	background-position: center center;
}





/* ---------- LISTS ---------- */
ul.no-style li{
	list-style-type: none;
	line-height: 1.5em;
	border-bottom: 1px solid #eeefef;
}
ul.no-style li:last-child{
	border-bottom: none;
}


/* ---------- CONTENT ---------- */
div#content {
	background: #f8f9fa url('../images/artwork-pattern.png') repeat-x left bottom;
	border: 1px solid #eeefef;
	padding: 1.875em 0; /* 30/16 */
}

form#login-form {
	width: 18.75em; /* 300/16 */
	margin: 0 auto;
}

div#content>form#login-form>fieldset{
	border: none;
}


div.content-module {
	background: white;
	margin-bottom: 1em; /* 16/16 */
	border: 1px solid #eeefef;
}

div.content-module-heading {
	background: #3f4551;
	cursor: pointer;
}

	div.content-module-heading h2 {
		text-transform: uppercase;
		color: white;
		font-weight: bold;
		margin: 1.25em; /* 15/12 */
		font-size: 1.0em;
	}
	
	div.content-module-heading span { 
		color: #969dac;
		text-transform: uppercase;
		margin: 2em;
	}

div.content-module-main { padding: 1em; /* 16/16 */ }

.highlight {
	color: #2069b4;
}

.time{
	font-size: 0.875em;
	color: #9498a1;
	margin-right: 0.125em;
}

div.hist {
  border-bottom:2px solid #d8d8d8;
  background:url('../images/icons/bg_cas.png') 0.25em #fff no-repeat;
  padding:.5em;
  padding-left:2.5em;
}


/* ---------- Breadcrumb ---------- */

/* Style the list */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
    font-size: 17px;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}


/* ---------- Breadcrumb ---------- */
ul.checklist {
	list-style-image: url('../images/icons/checked.png');
}

ul.checklist li {
	
}

ul.checklist li span {
	text-decoration: line-through;
	color: grey;
}



/* ---------- Tags ---------- */

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}

.tags li {
  float: left; 
}


.tag {
  background: #2069b4;
  color: white;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  border-radius: 0.3125em; /* 5/16 */
  -moz-border-radius: 0.3125em; /* 5/16 */
  -webkit-border-radius: 0.3125em; /* 5/16 */
}

.tag::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag:hover {
  background-color: #2a2e36;
  color: white;
}

.tag:hover::after {
   border-left-color: #2a2e36; 
}


/* ---------- FOOTER ---------- */

div#footer {
	text-align: center;
	padding: 1.875em 0; /* 30/16 */
}


/* ---------- RESPONSIVE ---------- */


@media only screen and (max-width: 700px) {

	fieldset label {
	display: block;
	}
	fieldset input[type="text"], input[type="password"], select, textarea {
	width: 90%;
	}
	div.half-size-column{
	width: 100%;
	}
	div.fr{
	float:none;
	}
	.small-width-textarea {
	width: 100%;
	max-width: 100%;
	height: 3em;
	}
}