.clear { clear: both; }

.floatLeft { float: left; }
.floatRight { float: right; }

.alignRight { text-align: right; }
.alignCenter { text-align: center; }

/* formulare */
input.error,
textarea.error,
p.error
{ 
    background-color: yellow; 
}
label.error { color: red; }
div.error { color: red; }
div.info { color: blue; }


fieldset { border:1px solid black; display: inline-block; }
fieldset input:not([type=submit]):not([type=radio]):not([type=file]):not([type=checkbox]):not([type=button]):not(#hours):not(#startdate):not(#enddate):not(.subtaskCheckbox), 
fieldset textarea, 
fieldset select:not(#selecttask)
{
    min-width: 350px;
    width: 100%;
}

textarea
{
    height: 80px;
}

/* hlavni layout */
body { font-family: Helvetica, sans-serif; background-color: #CCC; line-height: 1.3; }
#bodyContent { margin-left: 3%; margin-right: 3%; /*min-height: 100%;*/ border: 1px solid black; }
a:link { text-decoration: none; color : blue; }
a:visited { text-decoration: none; color : blue; }
a:hover { text-decoration: underline; color : blue; }
.black, a.black { text-decoration: none; color: black; }
.lightGray, a.lightGray { text-decoration: none; color: #999; }
.darkBlue, a.darkBlue  { text-decoration: none; color: #33C; }
.white, a.white { text-decoration: none; color: white; }
a.black:hover, a.lightGray:hover, a.darkBlue:hover, a.white:hover { text-decoration: underline; }

h1 { text-align: center; text-decoration: underline; text-shadow: aquamarine; }

.emulateh2 { line-height: 30px; font-size: 1.5em; font-weight: bold; margin-bottom: 10px; }

table.zakladni { border-collapse: collapse !important; margin: 10px 0; background-color: #f3f3f3; }
table.zakladni { min-height: 30px; vertical-align: middle;}
table.zakladni td {  border: solid 1px #CCC; padding: 4px; }
table.zakladni th {  border: dotted 1px black; padding: 4px; color: white; }
table.rightalignheader th {  text-align: right; }
table.formtable td { padding: 5px;}
table.commentTable { border-collapse: collapse !important; margin: 10px 0; width: 100%; font-size: 1.2em; }
table.commentTable td {border: solid 1px #CCC; padding: 5px;}
table.commentTable th {border: solid 1px #CCC; color: white; width:40px; }
table.fullWidth { width: 100%; }
table.biggerLineSpacing { line-height: 1.4em; font-size: 15px; }
table.biggerLineSpacing td { padding: 8px; }

body, table, input, select { font-size: 13px; }

table td.recordDescription
{  
    max-width: 500px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

table td.bold { font-weight: bold; }

table td div.multiLineEllipsis
{  
    max-width: 600px;
    line-height: 1.3em;
    height: 2.6em;
    /*overflow: hidden; // pridavame az pomoci JS, aby fungovalo mightOverflow*/
}

table td div.multiLineEllipsis.long {
    max-width: 100%;
}

table td.taskState { cursor: pointer; }
table td.taskState:hover { color: blue; text-decoration: underline; }

table td div.coloredCellText {
    line-height: 1.5em; 
    padding: 4px;
    text-align: center;
}
table td span.coloredCellTextSmall {
    padding: 2px;
    text-align: center;
}

.userinfo { text-align: right; font-size: 14px; float: right; color: white; margin-right: 10px;
            line-height: 20px; vertical-align: middle; }
.userinfo a { color: lightblue; }

/* menu */
#menu {
    border-bottom: 1px solid black;
}

#navigace {
    font-size: 15px;
    /*width: 120px;*/
    /*border-right: 1px solid #000;*/
    /*padding: 0 0 2em 0;*/
    /*margin-bottom: 1em;*/
    /*background-color: #90bade;*/
    height: 40px;
    color: #333;
}

#navigace ul { list-style: none;  margin: 0;  padding: 0;  border: none; }
#navigace li { /*border-bottom: 1px solid #90bade;*/ margin: 0; display: inline; float: left; }
#navigace li.floatRight { float: right; }
#navigace li a {
    display: block;
    min-height: 20px;
    padding: 10px 10px 10px 0.5em;
    /*border-right: 10px solid #508fc4;*/
    color: #fff;
    text-decoration: none;
    /*width: 100%;*/
}

#navigace ul li ul li {
    float: none;
    display: block;
    padding: 0 0 0 0px;
    /*border-left: 10px solid #2175bc;*/
}

#navigace ul li ul li ul li {
  min-width: 200px;
}

html>body #navigace li a { /*width: auto;*/ }
#navigace li a:hover {
    /*border-right: 10px solid #5ba3e0;*/
    color: #fff;
}

#navigace .popupMenuWrapper {
    position: relative; width: 0; height: 0
}

#navigace .popupMenuContainer {
    position: absolute;
    float: left;
    display: none;
    z-index: 10;
}

#navigace { /*width: 120px; float: left; margin-left: -1px;*/ }
#obsah { /*padding: 10px; margin-left: 130px;*/ padding: 20px; }
#obsahInline { display: inline-block; width: 100% }

#obsah h1.nadpis { text-align: left; }
#navbar { font-size: 1.2em; font-style: normal; padding: 0 2px; }

/*table.dataTable tr { background-color: transparent !important; }*/

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 4px !important;
}

.fa {
  vertical-align: middle;
}

.ui-datepicker{
  width: 100%;
}

.dataTables_filter input { margin-bottom: 3px; }

.userCleanupIcon { color: blue; cursor: pointer; }

input[type=button],
input[type=submit]
{
    color: #fff;
    border: none;
    font-size: 15px;
    padding: 7px 30px;
    cursor: pointer;
}

.quickSettingsPopup {
    position: absolute;
    right: 45px;
    top: 50px;
    float: right;
    display: none;
    z-index: 10;
}

.fa-select {
    font-family: sans-serif, 'FontAwesome';
}

.settingsTable select:not(#selecttask) {
    min-width: unset;
}

.settingsTable th {
    text-align: left;
}

.settingsTable label {
    font-weight: normal;
}

.spacingRow {
    height: 4px;
}