/* Global */

html, body {
    /*font-size: 100%;*/
    margin: 0;
    padding: 0;
    /*font-family: Garamond, Times, serif;*/
    font: 90%/1.4 Arial, Helvetica, sans-serif;
    background: #FFF;
}

.cleaner {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}

pre {
	font-size: 0.8em;
}

strong {
	font-weight: bold;
}

/* END - Global */

/* Layout */

#layout {
    width: 100%;
    }

header {
    background: #f7f8f6;
}

header h1 {
    color: #39281a;
    margin: 0;    
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 2em;
    font-weight: normal;
}

header h2 {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}

header .header-logout li {
    list-style-type: none;
    padding-left: 1.5em;
    background: url('../design/ico-user.png') center left no-repeat;
  }

header .header-logout a {
    color: #c2382e;
  }
  
 
h3{
    font-size: 1.3em !important;
    color: #ffffff;
    padding: 0.7em 0.75em;
    margin: 0 1px 0 1px !important;
    background-color: #7e9862;
    font-weight: 700 !important;
}

h3 span{
    font-weight: 500;
}
  
@media (min-width: 960px) {
  header .header-logout {
    float: right !important;
    margin: 0;
    padding: 0
  }
}
section #obsah {
    padding: 0.5em;
}

section .title-h2 {
    margin: 0;
    background: #659134;
    font-size: 1.3em;
    padding: 0.5em;
    color: #fff;
    font-size: 2em;
}
	

/* END - Layout */

/* sidebar */

nav {
    background: #f7f8f6;
    }


/* END - sidebar */


#footer p {
    text-align: center;
}

/* ikonka nahoru */
#totop {
    bottom: 20px;
    display: none;
    margin: 0 20px 0 0;
    position: fixed;
    right: 0;
}

#totop a {
    background: #659134 url("../design/ico-top.png") 50% 50% no-repeat;
    border-radius: 3px 3px 3px 3px;
    display: block;
    height: 45px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    width: 45px;
    text-indent: -9999px;
}

#totop a:hover {
    background-color: #82bb45;
}

/* loginForm */

.login-form {
    margin: 0 auto;
    padding: 2em;
}

.form-block {
    width: 300px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 2em;

}

/* END - loginForm */

/* message */

    #message {
        margin: 1em 0 1em 0;
        padding: 1em;
        background: red;
        color: #fff;
        text-align: center;
    }

/* END - message */

/* formulare */
    
.box {
    margin-bottom: 2em;
    padding: 0;
}

.box input[type=text], .box select {
    margin: 0 1.8em 0.4em 0.8em;
}

.box input[type=submit] {
    margin-left: 1.8em;
}


.box label {
    margin-left: 0.7em;
    right: 0.7em;
}

.box a {
    background-color: #659134;
    border: none;
    padding: 0.48em;    
    box-sizing: border-box;
    font: 100%/1.4 Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    width: 100px;
    text-decoration: none;
}

.box span a {
    background-color: #757b6e;
}

/* formulare */
    
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

form {
    margin: 0.5em;
    padding: 1em;
    background: #f2f3f4;
}

form .input-delete {
    background-color: #e0332a !important;
}

form label.required:after {
    color: red;
    content: " *";
}
    
fieldset form {
	clear: both;
}

legend {
	font-size: 1.3em;
	margin: 0 !important;
	padding: 0 0 0.25em 0 !important;
	color: #0078EF;
}

legend span {
	font-size: 0.7em;
}

dl {
	margin: 0 0 5px 0;
	padding: 0;
}

dt {
	width: 15em;
	padding: .5em;
	float: left;
	margin: 0;
	font-weight: bold;
	clear: left;
}

dd {
	margin-left: 16em;
	padding: .5em;
}

dd img.ui-datepicker-trigger {
	vertical-align: -0.25em;
	margin-right: 0.25em;
	cursor: pointer;
}

p.hint {
	color: #808080;
	font-size: 95%;
	padding: 0 0 0em 0em;
	margin: 0.25em 0 0 0em;
	font-style: italic;
}

.ajaxbox {
	border: 3px solid #BFFFDC;
	padding: 0.5em;
	margin-top: 0.25em;
	overflow: hidden;
}

input.big {
	font-size: 1.2em;
}

/* END - formulare */

/* tbl_list */

    .tbl_list {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 0.75em 0;
        padding: 0;
        clear: both;
    }
    
    .tbl_list th {
        background: #7e9862;
        padding: 0.5em;
        color: #fff;
    }

    .tbl_list th:first-letter {        
        text-transform: capitalize;
    }
    
    .tbl_list td {
        background: #f7f8f6;
        padding: 0.5em;
        border: 1px solid #7e9862;
        vertical-align: middle;
    }
    
    .tbl_list .bg td {
       background: #eaefe5;
    }    
   
    .tbl_list tr:hover td {
       background-color: #c4cbbd;
    }
    
    .tbl_list tr:hover td .title {
       color: #000;
    }
    
   
    .td_stav {
        width: 40px;
        text-align: center;
    }
    
    .td_pozice {
        width: 55px;
        text-align: center;
    }
    
    .td_edit, .td_smaz {
        width: 40px;
        text-align: center;
    }

    .tbl_list.order {
        width: 50%;
    }
    .tbl_list.order tr td:first-child {
        width: 25%;
    }
/* END - tbl_list */

/* right_float */

	#right_float {
		float: right;
		width: 340px;
		margin-left: 0.75em;
	}

/* END */

/* pagination */
.f-left {float:left}
.f-right {float:right}
    
 .paging {clear:both;}
 .paging .f-left, .paging .f-right {margin: 10px 0;}
 .paging .f-right a {padding:2px 6px; text-decoration:none;color: #659134}
 .paging .f-right a.active {font-weight:bold; background: #659134; color: white}
 .clear{clear: both}

/* END - pagination */

/* diskuze */

.diskuze_item, .diskuze_item_respond {
	margin-bottom: 1em;
}

.diskuze_item .neaktivni, .diskuze_item_respond .neaktivni {
	color: silver;
}

.diskuze_item .nahlasit, .diskuze_item_respond .nahlasit {
	margin: 0.5em !important;
	padding: 0.75em;
	background: #fff;
	border: 3px solid #DCDBFF;	
}

.diskuze_item {
	background: #DFEEFF;
}

.diskuze_item .diskuze_item_servis {
	background: #9EC9FE;
}

.diskuze_item .diskuze_item_obsah, .diskuze_item_respond .diskuze_item_obsah {
	padding: 0.5em;
}

.diskuze_item .diskuze_item_obsah h5, .diskuze_item_respond .diskuze_item_obsah h5 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.diskuze_item .diskuze_item_obsah p, .diskuze_item_respond .diskuze_item_obsah p {
	margin: 0;
	padding: 0;
}

.diskuze_item .diskuze_item_servis, .diskuze_item_respond .diskuze_item_servis {
	text-align: right;
	padding: 0 0.5em 0 0;
	font-size: 0.9em;
	line-height: 2.75em;
}

.diskuze_item_respond {
	border-left: 3px solid #9EC9FE;
}

.diskuze_item_respond .diskuze_item_servis {
	background: #DFEEFF;
}

/* END - diskuze */

/* info_box */

.info_box {
	background: #F5FAFE;
	border: 3px solid #DFEEFF;
	/*color: #003366;*/
	padding: 0.5em;
	margin: 0.5em 0 0.5em 0;
}

/* END - info_box */

/* zpravy po zpracovani skriptu */
	
	.message-good, .message-bad, .message-info  {
	    padding: 10px 10px 10px 40px;
	    margin: 10px;
	    background-position: 7px 7px;
	    background-repeat: no-repeat;
	    clear: both;
	}
	
	.message-good {
	    border: 1px solid #cae49c;
	    color: #516f1b;
	    background-color: #f3ffd0;
	    background-image: url(/images/icons/accept.png)
	}
	
	.message-good a {
	    color: #516f1b;
	}
	
	.message-bad {
	    border: 1px solid #ffdede;
	    color: #ce0000;
	    background-color: #fff1f1;
	    background-image:  url(/images/icons/exclamation.png);
	}
	
	.message-bad a {
	    color: #ce0000;
	}
	
	.message-info {
	    border: 1px solid #ededb3;
	    background-color: #ffffcc;
	    background-image:  url(/images/icons/information.png);
	}
	
/* END */

/* ZALOZKY */
	/*
	ul.zalozky {
		margin: 0;
		padding: 0 0 0 0.5em;
		height: 1%; 
		margin-bottom: -4px;
		overflow: visible;
		float: left;
		width: 100%;
	}
	
	ul.zalozky li {
		position: relative; 
		float: left;
		background-color: #E5ECFD;
		border: 1px solid #9EC9FE;
		padding: 4px 15px;
		margin: 0 5px -1px 0;
		list-style: none;
		display: block;
	}
	
	html>body ul.zalozky {
		height: auto;
		margin-bottom: 0;
	}
	
	*+html>body ul.zalozky {
		margin-bottom: -8px;
	}
	
	ul.zalozky + * {
		clear: both;
	}
	
	html>body ul.zalozky li {
		position: static;
	}
	
	ul.zalozky li:hover {
		background-color: white;
	}
	
	ul.zalozky li.selected {
		background-color: #F5FAFE;
		border-bottom-color: #F5FAFE;
		font-weight: bold;
	}
	*/
	
	ul.zalozky {
	  list-style: none;
	  margin: 0 0 0 0;
	  padding: 0;
	  border-bottom: 1px solid #9EC9FE;
	  height: 1%; /* IE workaround */
	  overflow: visible; /* IE workaround */
	  
	}

	ul.zalozky:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	}
	
	ul.zalozky li {
	  position: relative; /* IE6 only */
	  float: left;
	  background-color: #E5ECFD;
	  border: 1px solid #9EC9FE;
	  padding: 5px 15px;
	  margin: 0 5px -1px 0;
	  list-style: none;
	  display: block;
	}
	
	html>body ul.zalozky li {
	  position: static;
	}
	
	ul.zalozky li:hover {
	  background-color: white;
	}
	
	ul.zalozky li.selected {
	  background-color: white;
	  border-bottom-color: white;
	  font-weight: bold;
	}
	
	ul.zalozky li a.preskrtle {
		text-decoration: line-through;
	}
	
	ul.zalozky li a.edit {
		color: red;
	}
	
	div.zalozky_div {
		border-left: 1px solid #9EC9FE;
		border-right: 1px solid #9EC9FE;
		border-bottom: 1px solid #9EC9FE;
		padding: 0.5em;
		background: white;
	}

/* END */

.button {
	border: 1px solid #81A3F1;
	background: #DFE8FC;
	padding: 2px;
}

/* paticka */

    #paticka {
	    border-top: 1px solid #9EC9FE;
	    margin-top: 1em;
	    padding: 0.5em;
	    clear: both;
    }

/* END - paticka */

/* a */

    a {
	    color: blue;
    }
    
    a:hover {
        text-decoration: none;
    }

/* END - a */

.cleditorMain {
    float: none !important;
}

.btn-success {
    font-size: 50px;
}

ul.errors li, p.error {color: red; font-weight: bold}
#wait { display: none; margin: 0 auto; position:fixed; border: left:0; top:0; width:100%; height:100%; padding-top: 10px;background-image:url("transparentbg.png"); text-align: center } 
#wait-text { display: none; color: #659134; z-index: 1000; font-size: 14px; } 
#dialog-elm {display: none}
input.submit{font-weight: bold; padding: 5px 10px}
input.input-submit{padding: 2px}
.info {color: green; margin: 10px; font-weight: bold}

p.price {text-align: right; margin: 5px 0; font-size: 16px;}
p.price.total {text-align: right; margin: 5px 0; font-size: 18px;}
p.price span {display: inline-block; width: 300px;}
p.buttons a {text-decoration: none;}

a.title {
    color: #f29400;
    font-weight: bold;
}

a.title:hover {
    color: #000;
}

.hidden {display: none;}

table.form td {
    border-bottom: 1px solid #BFFFDC;
    padding: 5px 0;
    vertical-align: top;
}

table.form.noBottomB tr:last-child td{
    border-bottom: 0px;
}
table.form.internet td{
    padding: 5px;
    vertical-align: central;
}

#map_canvas {
    height: 250px;
        
}

.msg.error {
    color: red;
}

.msg.info {
    text-align: center;
    background: #f29400;
    color: #fff;
    width: 200px;
    margin: 10px auto 0 auto;
    padding: 1em;
    font-weight: bold;
}

input.readonly, input.readonly:focus {
    background: none;
    border: 0 none;
}

#languages {
    margin-right: 20px;
}

#languages a {
    text-decoration: none;
}

span.formTitle {
    font-weight: bold;
    margin: 20px 0 10px 0;
    display: block;
}

table.trips tr.notCompleted, table.trips tr.notCompleted:hover, table.interventions tr.notCompleted, table.interventions tr.notCompleted:hover {
	background-color: #FFCDCD;
	color: #7f0e1b;
}

table.trips tr.completed, table.trips tr.completed:hover, table.interventions tr.completed, table.interventions tr.completed:hover {
	background-color: #7CADCA;
}

table.trips tr.invoiced, table.trips tr.invoiced:hover, table.interventions tr.invoiced, table.interventions tr.invoiced:hover {
	background-color: #7EFF7E;
	color: #09580c;
}

table.trips tr td a.title, table.interventions tr td a.title, table.invoices tr td a.title {
	color: inherit;
}

table.invoices tr.paid {
	background-color: #b9fbac;
}

table.invoices tr.beforeMaturity {
	background-color: #fbf8ac;
}

table.invoices tr.afterMaturity {
	background-color: #fbb0ac;
}

#order-element p.description {display:inline;}

#dispatchParametersForm dt {width: 20em}
#dispatchParametersForm dd {margin-left: 21em}

#dispatchParametersForm .dispatchParameter_10FormRow {margin-top: 35px}

tr.task-finished-or-norepeat td {
    background-color: #fbb0ac;
}

div#load-next {
    text-align: center;
    background: #659134;
    color: #fff;
    width: 200px;
    margin: 0 auto;
    padding: 1em;
    font-weight: bold;
    cursor: pointer;
}

form p.description {display: inline;}

p.description img:hover {
    cursor: help;
}

#userFilterForm {
	display:inline-block;
	float:right;
	margin-left: 20px;
}
.deleteFilter {color: red}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 400px;
}

.t-center {
    text-align: center;
}

.help-block {
	margin: 0;
	padding-left: 1rem;
	color: red;
	display: inline-block;
}

.help-block img {
	cursor: help;	
}

.form-group {
	position: relative;
}

.form-group p.help-block {
	position: absolute;	
	right: 0;
	margin: 0;
	top: 0;
}

.form-group p.help-block .tooltip {
	position: relative;
	opacity: 1;
}

.inline-checkboxes {
    margin-right: .5rem !important;
    margin-bottom: .25rem !important;
    margin-top: .25rem !important;
}

.inline-checkboxes label {
	margin: 0;
}

.inline-checkboxes label input[type="checkbox"] {
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0;
}

input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.nowrap {
	text-align: center;
	white-space: nowrap;
}

.radio-inline .radio,
.radio-inline .checkbox {
	margin-top: 0;
	display: inline-block;	
	margin-right: 10px;
}

.border-top-dark {
	border-top: 2px solid #000000;
}

.idType-4, .idType-5 {
	margin-top: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0,0,0,0.1);
}