/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* 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;
}

.animal-form td {
    padding: 1em;
}

.date .day {
	cursor: pointer;
}

.date .day2 {
    cursor: pointer;
	background: #d5beb5;        
}

.date .day3 {
    color: #fff;
    background: #659034;        
	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;
    text-transform: uppercase;
    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;
}

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

#footer p {
    text-align: center;
}

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


/* END - Layout */

/* sidebar */

nav {
    background: #f7f8f6;
}


/* END - sidebar */

/* 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 .form {
    margin: 0 auto;
    padding: 2em;
}

#login-form a {
    padding: 1em;
}

.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;
}

/* zapis */

.tbl_zapis {
    width: 100%;
}

.tbl_zapis h3 {
    font-size: 1.2em;
    font-weight: bold;
}

.tbl_zapis h4 {
    font-size: 1em;
    font-weight: bold;
}

.tbl_zapis th {
    background: #7e9862;
    color: #fff;
}

.tbl_zapis th a {
    color: #fff;
    text-decoration: none;
}

.tbl_zapis th img {
    padding: 0 0.5em;
}

.tbl_zapis td {
    background: #f7f8f6;
    vertical-align: middle;
}

.tbl_zapis th, .tbl_zapis td {
    padding: 0.5em;
    border: 1px solid #7e9862;
}

.tbl_zapis td .left {
    text-align: left;
}

.tbl_zapis td .right {
    text-align: right;
}

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

/* 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 */
.box-02 .col-1-3 {
    float: left;
    padding: 0 10px 0 0;
    position: relative;
    line-height: 34px;
}

.box-02 .col-1-3 > * {
    vertical-align: middle;
}

.box-02 .col-1-3 img {
    /*display: block;
    position: absolute;
    right: 25px;
    top: 25px;*/
    position: relative;    
    top: 5px;
}

.box-02 .row {
    margin: 0 0 5px 0;
}

.box-02 .right {
    text-align: right;
}  

.legend img {
    margin-left: 5px;
} 

/* tbl_list */

.tbl_list {
    width: 100%;
}

.tbl_list th {
    background: #7e9862;
    color: #fff;
}

.tbl_list th a {
    color: #fff;
    text-decoration: none;
}

.tbl_list .protocol-finished span a {
    font-weight: bold;
    color: #46b003;
}

.tbl_list th img {
    padding: 0 0.5em;
}

.tbl_list td {
    background: #f7f8f6;
    vertical-align: middle;
}

.tbl_list .no-checkup-real {
    background: #fae2bf !important;
}

.tbl_list tr:hover .no-checkup-real {
    background: #e1bf8c !important;
}

.tbl_list tr:hover .no-checkup-future {
    background: #e6a09a !important;
}

.tbl_list .no-checkup-future {
    background: #fecdc8 !important;
}

.tbl_list .no-active {
    background: #cbc9c9 !important;
}

.tbl_list th, .tbl_list td {
    padding: 0.5em;
    border: 1px solid #7e9862;
}

.tbl_list .bg td {
    background: #eaefe5;
}


.tbl_list tr:hover td {
    background-color: #c4cbbd;
}

.tbl_list tr:hover td .title {
    color: #000;
}

.tbl_list td .left {
    text-align: left;
}

.tbl_list td .right {
    text-align: right;
}

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


.td_stav {
    width: 40px;
    text-align: center;
}

.td_pozice {
    width: 55px;
    text-align: center;
}

.td_edit, .td_smaz {
    white-space: nowrap;
    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;
}

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

/* END */

.article-home {
    margin-bottom: 25px;
}

.article-home h4 {
    margin-bottom: 3px;
    font-size: 1.4em;
}

.article-home .date {
    margin-bottom: 5px;
}

.article-home p {
    margin: 0 0 5px 0;
}

.article .date {
    margin-bottom: 20px;
}

.article strong {
    font-weight: bold;
}

.article h2 {
    margin-bottom: 15px;
}

.article img {
    max-width: 100%;
    height: auto;
}

/* 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: #c2382e;
}

a:hover {
    text-decoration: none;
}

/* END - a */

.cleditorMain {
    float: none !important;
}

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;
}

form p.description {display: inline;}

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

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

#userFilterForm a {
    text-decoration: none;
}

#userFilterForm a:hover {
    text-decoration: underline;
}

.deleteFilter {
    padding: 0.2em;
    font-weight: bold;
    background: #e3de54;
}

.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;
}

div.ui-tooltip {
    max-width: 400px;
}

.ui-tooltip-content dl {
    margin: 0 0 1px 0;
    padding: 0;
}

.ui-tooltip-content dt {
    width: 15em;
    padding: .1em;
    float: left;
    margin: 0;
    font-weight: bold;
    clear: left;
}

.ui-tooltip-content dd {
    margin-left: 16em;
    padding: .1em;
}

.help-block {
    margin-top: 0.5rem;
    padding-left: 1rem;
    color: red; 
}

.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;
}

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