/* Minification failed. Returning unminified contents.
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2585,21): run-time error CSS1030: Expected identifier, found '{'
(3238,14): run-time error CSS1030: Expected identifier, found ','
(3238,20): run-time error CSS1031: Expected selector, found ')'
(3238,20): run-time error CSS1025: Expected comma or open brace, found ')'
(4015,55): run-time error CSS1034: Expected closing parenthesis, found ','
(4015,55): run-time error CSS1042: Expected function, found ','
(4015,60): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 220px;
    z-index: 1000000 !important;
}


/* Hlavička */
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
    overflow: hidden;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    white-space: nowrap;
}

/* Měsíc a rok */
.ui-datepicker .ui-datepicker-month {
    width: 70px;
}

.ui-datepicker .ui-datepicker-year {
    width: 77px;
}


.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
    display: inline-block;
    float: none;
    box-sizing: border-box;

    height: 26px;
    margin: 0 2px;
    padding: 2px 6px;

    border: 1px solid #ccc;
    border-radius: 3px;

    background-color: #fff;
    color: #333;

    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: normal;

    cursor: pointer;
    pointer-events: auto;
}

/* Šipky předchozí / následující měsíc */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    width: 25px;

    color: #2A6496;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\2039";
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\203A";
}

/* Ikony jQuery UI */
.ui-datepicker .ui-icon {
    display: none;
}

/* Kalendář */
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    padding: 3px 0;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}

/* Ostatní dny */
.ui-datepicker-other-month a {
    color: #bbbbbb;
}

.ui-datepicker-today {
    background: #F7F7F7;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #fff !important;
}

/* Tlačítka */
.ui-datepicker-buttonpane {
    margin-top: 5px;
}

.ui-datepicker-current,
.ui-datepicker-close {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;

    color: #333;
    background: #fff;

    display: inline-block;
    margin-bottom: 0;

    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;

    cursor: pointer;
    user-select: none;

    border: 1px solid #ccc;
}

.ui-datepicker-close {
    float: right;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2A6496;
}
/*
colpick Color Picker / colpick.com
*/

.color-box {
  cursor: pointer;
	height:30px;
	border: 1px solid #ccc;
  border-radius: 8px;
}
.color-box-small{
    cursor: pointer;
	height: 14px;
    width: 14px;
	border: 1px solid #ccc;
    border-radius: 8px;
}

.color-box label{
  cursor: pointer;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%; 
  min-width: 70px;
}

.transparent_background{
  background-color: #eee !important;
  background-size: 14px 14px;
  background-position: 0 0, 7px 7px;
  background-image: -webkit-linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray),
                    -webkit-linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray);
  background-image: -moz-linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray),
                    -moz-linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray);
  background-image: linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray),
                    linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray);
  -pie-background: linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray) 0 0 / 14px,
                   linear-gradient(45deg, gray 25%, transparent 25%, transparent 75%, gray 75%, gray) 7px 7px / 14px,
                   #eee;

}

/*Main container*/
.colpick {
  z-index: 999999;
	position: absolute;
	width: 346px;
	height: 170px;
	overflow: hidden;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	background:#ebebeb;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	/*Prevents selecting text when dragging the selectors*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/*Color selection box with gradients*/
.colpick_color {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 156px;
	height: 156px;
	overflow: hidden;
	outline: 1px solid #aaa;
	cursor: crosshair;
}
.colpick_color_overlay1 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); /* IE6 & IE7 */
}
.colpick_color_overlay2 {
	position: absolute;
	left:0;
	top:0;
	width: 156px;
	height: 156px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*Circular color selector*/
.colpick_selector_outer {
	background:none;
	position: absolute;
	width: 11px;
	height: 11px;
	margin: -6px 0 0 -6px;
	border: 1px solid black;
	border-radius: 50%;
}
.colpick_selector_inner{
	position: absolute;
	width: 9px;
	height: 9px;
	border: 1px solid white;
	border-radius: 50%;
}
/*Vertical hue bar*/
.colpick_hue {
	position: absolute;
	top: 6px;
	left: 175px;
	width: 19px;
	height: 156px;
	border: 1px solid #aaa;
	cursor: n-resize;
}
/*Hue bar sliding indicator*/
.colpick_hue_arrs {
	position: absolute;
	left: -8px;
	width: 35px;
	height: 7px;
	margin: -7px 0 0 0;
}
.colpick_hue_larr {
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #858585;
}
.colpick_hue_rarr {
	position:absolute;
	right:0;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 7px solid #858585; 
}
/*New color box*/
.colpick_new_color {
	position: absolute;
	left: 207px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Current color box*/
.colpick_current_color {
	position: absolute;
	left: 277px;
	top: 6px;
	width: 60px;
	height: 27px;
	background: #f00;
	border: 1px solid #8f8f8f;
}
/*Input field containers*/
.colpick_field, .colpick_hex_field  {
	position: absolute;
	height: 20px;
	width: 60px;
	overflow:hidden;
	background:#f3f3f3;
	color:#b8b8b8;
	font-size:12px;
	border:1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_rgb_r {
	top: 40px;
	left: 207px;
}
.colpick_rgb_g {
	top: 67px;
	left: 207px;
}
.colpick_rgb_b {
	top: 94px;
	left: 207px;
}
.colpick_hsb_h {
	top: 40px;
	left: 277px;
}
.colpick_hsb_s {
	top: 67px;
	left: 277px;
}
.colpick_hsb_b {
	top: 94px;
	left: 277px;
}
.colpick_hex_field {
	width: 68px;
	left: 207px;
	top: 121px;
}
/*Text field container on focus*/
.colpick_focus {
	border-color: #999;
}
/*Field label container*/
.colpick_field_letter {
	position: absolute;
	width: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 4px;
	background: #efefef;
	border-right: 1px solid #bdbdbd;
	font-weight: bold;
	color:#777;
}
/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
	position: absolute;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: right;
	outline: none;
}
.colpick_hex_field input {
	right: 4px;
}
/*Field up/down arrows*/
.colpick_field_arrs {
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 21px;
	cursor: n-resize;
}
.colpick_field_uarr {
	position: absolute;
	top: 5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #959595;
}
.colpick_field_darr {
	position: absolute;
	bottom:5px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #959595;
}
/*Submit/Select button*/
.colpick_submit {
	position: absolute;
	left: 207px;
	top: 149px;
	width: 130px;
	height: 22px;
	line-height:22px;
	background: #efefef;
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.colpick_submit:hover {
	background:#f3f3f3;
	border-color:#999;
	cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns  .colpick_submit, .colpick_full_ns .colpick_current_color{
	display:none;
}
.colpick_full_ns .colpick_new_color {
	width: 130px;
	height: 25px;
}
.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
	top: 42px;
}
.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
	top: 73px;
}
.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
	top: 104px;
}
.colpick_full_ns .colpick_hex_field {
	top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
	display:none;
}
.colpick_rgbhex {
	width:282px;
}
.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
	width:68px;
}
.colpick_rgbhex .colpick_new_color {
	width:34px;
	border-right:none;
}
.colpick_rgbhex .colpick_current_color {
	width:34px;
	left:240px;
	border-left:none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns  .colpick_submit, .colpick_rgbhex_ns .colpick_current_color{
	display:none;
}
.colpick_rgbhex_ns .colpick_new_color{
	width:68px;
	border: 1px solid #8f8f8f;
}
.colpick_rgbhex_ns .colpick_rgb_r {
	top: 42px;
}
.colpick_rgbhex_ns .colpick_rgb_g {
	top: 73px;
}
.colpick_rgbhex_ns .colpick_rgb_b {
	top: 104px;
}
.colpick_rgbhex_ns .colpick_hex_field {
	top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
	display:none;
}
.colpick_hex {
	width:206px;
	height:201px;
}
.colpick_hex .colpick_hex_field {
	width:72px;
	height:25px;
	top:168px;
	left:80px;
}
.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
	height: 25px;
	line-height: 25px;
}
.colpick_hex .colpick_new_color {
	left:9px;
	top:168px;
	width:30px;
	border-right:none;
}
.colpick_hex .colpick_current_color {
	left:39px;
	top:168px;
	width:30px;
	border-left:none;
}
.colpick_hex .colpick_submit {
	left:164px;
	top: 168px;
	width:30px;
	height:25px;
	line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns  .colpick_submit, .colpick_hex_ns .colpick_current_color {
	display:none;
}
.colpick_hex_ns .colpick_hex_field {
	width:80px;
}
.colpick_hex_ns .colpick_new_color{
	width:60px;
	border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
	background: #161616;
	border-color: #2a2a2a;
}
.colpick_dark .colpick_color {
	outline-color: #333;
}
.colpick_dark .colpick_hue {
	border-color: #555;
}
.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
	background: #101010;
	border-color: #2d2d2d;
}
.colpick_dark .colpick_field_letter {
	background: #131313;
	border-color: #2d2d2d;
	color: #696969;
}
.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
	color: #7a7a7a;
}
.colpick_dark .colpick_field_uarr {
	border-bottom-color:#696969;
}
.colpick_dark .colpick_field_darr {
	border-top-color:#696969;
}
.colpick_dark .colpick_focus {
	border-color:#444;
}
.colpick_dark .colpick_submit {
	background: #131313;
	border-color:#2d2d2d;
	color:#7a7a7a;
}
.colpick_dark .colpick_submit:hover {
	background-color:#101010;
	border-color:#444;
}
/**
 * jQuery Timepicker - v1.3.5 - 2016-07-10
 * http://timepicker.co
 *
 * Enhances standard form input fields helping users to select (or type) times.
 *
 * Copyright (c) 2016 Willington Vega; Licensed MIT, GPL
 */


.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker{box-sizing:content-box;display:block;height:205px;list-style:none outside none;margin:0;padding:0 1px;text-align:center}.ui-timepicker-viewport{box-sizing:content-box;display:block;height:205px;margin:0;padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}
@font-face {
  font-family: 'plusportal-glyphicons';
  src: url('../fonts/plusportal-glyphicons.eot?9qfywl');
  src: url('../fonts/plusportal-glyphicons.eot?9qfywl#iefix') format('embedded-opentype'),
    url('../fonts/plusportal-glyphicons.ttf?9qfywl') format('truetype'),
    url('../fonts/plusportal-glyphicons.woff?9qfywl') format('woff'),
    url('../fonts/plusportal-glyphicons.woff2?9qfywl') format('woff2'),
    url('../fonts/plusportal-glyphicons.svg?9qfywl#plusportal-glyphicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'plusportal-glyphicons';
    src: url('../font/plusportal-glyphicons.svg?22092054#plusportal-glyphicons') format('svg');
  }
}
*/
 
.plusportal-glyphicons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'plusportal-glyphicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.plusportal-glyphicons-sum:before {
  content: "\e900";
}
.plusportal-glyphicons-back:before {
  content: "\e800";
}
/* soubor obsahuje doplňková pravidla k základnímu bootsrap stylu*/

/*formátování textu ve zobrazení sql příkazu v prvku sql grid*/
.sql-grid-query-key{
    font-weight: bold;
    color: #2219ff;
}
.sql-grid-query-key-logic {
    color: #7671f5;
    font-weight: bold;
}
/*pro vlastní prvky dropdown, které využívají input readonly*/
.form-control[readonly]:not([disabled]){
    background-color: white;
}

/*Dočasná oprava pro checkbox*/
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left:0px;
}

/*schování nastavovače logického operátoru u prvního řádku filtru*/
.ddl-logical-operator{
    width: 70px;
    padding-left: 2px;
    padding-right: 0px;
}

.ddl-left-brackets, .ddl-right-brackets{
    width: 45px;
    padding-left: 2px;
    padding-right: 0px;
}

/*styly pro sestavovaný where řetězec v přizpůsobení sqlgridu*/
span.builtWhere {
    display: block;
    text-align: center;    
    color: black;
    margin-top: 10px;
}

span.brackets-span {
    font-weight: bold;
}

span.operator-span {
    font-weight: bold;
    margin: 0px 5px;
}

span.logical-operator-span {
    margin: 0px 5px;
    font-weight: bold;
}

/*pro dotykové ovládání v IE10+ (gridstack)*/
.ui-draggable { -ms-touch-action: none; } 

/*pro ikonu v tlačítkách, aby měly stejnou výšku - pro malé rozlišení*/
.small-res-btn-glyph{
    padding:3px;
}

/*styly pro zobrazení názvu sloupce vedle vyhledávání v tabulce - již se nepoužívá*/
.input-grd-search{
  min-width: 166px;
}

.search-grd-addon.input-group-addon.displayed
{
    opacity:1;
}

.search-col.displayed {opacity:1;}
.search-col {opacity:0;}

.search-grd-addon.input-group-addon{
  background-color: #d9edf7;
  color: #999;
  opacity: 0;
  left:0;
  top:0;
  height:100%;
  position:absolute;
  visibility:hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.input-group .input-group-addon
{
    position:relative;
    visibility:visible;
}

.search-grd.input-group{
  width:200px;
}

/*zalamování příiš dlouhých názvů sloupců v přizpůsobení tabulky*/
.where-table tbody tr td:first-child{
  max-width: 197px;
  white-space: nowrap;
  overflow: hidden;
}
.where-table tbody td{
  white-space: nowrap;
}    
/*.where-table .txt-input{
  width: 88%;
}*/


/*třída pro odsazení dostupných sloupců v přizpůsobní tabulky*/
.available-items-lists{
  padding-left: 30px;
}

/*textbox modálního okna zobrazující SQL dotaz*/
.show-sql textarea{ 
  min-width: 100%;
  max-width: 100%;
  height: 300px;
}


.available-table-folder > a .halflings {color:#FEE4B3;}

  
/* ==========================================================
    ZAKLADNÍ ROZVRŽENÍ STRÁNEK 
=============================================================*/
.master-logo-menu .cont, .master-info .cont, 
.master-anonymous .cont, .info-page .cont {margin-top:50px;}
.cont {padding:5px;padding-bottom:0px;}

.master-logo-menu .cont {background-color:#e0e0e0;}
.master-logo-menu .cont .container, .master-logo-menu .cont .wide-page {background-color:#fff;min-height:calc(100vh - 55px);}
.master-clear .wide-page {min-height:calc(100vh - 5px);}
.master-logo-menu .cont .wide-page {padding:15px;}

.master-logo-menu .cont .info-page {background-color:#fff;margin:-15px -15px 0px -15px;}

.innerPart {padding: 20px 20px 20px 20px;}
.container-left {margin-left: 0;}


@media (min-width:768px) {
    .cont {padding:15px;padding-bottom:0px;}
    .master-logo-menu .cont .container, .master-logo-menu .cont .wide-page {min-height:calc(100vh - 65px);}
    .master-clear .wide-page {min-height:calc(100vh - 15px);}
    .container-left {margin-left: 0;padding-left:0px;}
}

/*============== gray ==================*/
.gray .master-logo-menu .cont  {background-color:#fff;}
.gray .master-logo-menu .cont .wide-page {padding:0px;}

/*============== old ====================*/
.old .master-logo-menu .cont {background-color:#fff;}
.old .master-logo-menu .cont .wide-page {padding:0px;}

/* ======== mod_62/EmployeeWork.aspx ============= */
.row-form {
    border-bottom:0px solid #d5ddf3;
    padding-top:8px;
    padding-bottom:8px;
}


/*========== pomocné selektory ==========*/
td .form-control, td .form-select  {display:inline;}

.form-inline .btn {margin-right:5px;}

.mb-3 .form-validate {padding:2px 3px;}

.small {font-size:small;}
 
/*=========================================
    BARVY
===========================================*/
.green {color:#47a447;}
.red {color:#ed3e32;}
.blue {color:#36c;}
.yellow {color:#ffee6e;}
.orange {color:Orange;}    

/* =====================================================================================================
    postranní menu indexových stránek - používá se již jen ve starých indexových stránkách TravelIndex.aspx,
    PettyCashIndex.aspx po jejich přepracování možno odstranit */
/*======================================================================================================*/
/*pro mobily*/
.sidebar {
  position:relative;
  max-height:150px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  width:100%;
  background-color: #f5f5f5;
  padding:20px;
  margin:0px;
}

/* pro displeje s šířkou 768px a více se zobrazí jako postraní menu*/
@media (min-width: 768px) {
  .sidebar 
  {
    position:fixed;
    max-height:inherit;    
    top: 50px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    width:170px;
    float:left;
  }
}

@media (min-width: 1400px)  {
  .sidebar 
  {
      width:220px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color:#333;
}

.nav-sidebar > li > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-sidebar > .active > a {
  color: #fff;
  background-color: #428bca;
}


@media (min-width: 768px) {
    .index-content  
    {
        margin-left:170px;
        }
}

@media (min-width: 1400px) {
    .index-content  
    {
        margin-left:220px;
        }
}
/*  ======== K O N E C TravelIndex.aspx, PettyCashIndex.aspx =======================*/


.hasDatepicker:disabled + span i {
    color: #777;
    cursor:not-allowed;
}

.input-group.date {
    width:150px;
}

.date .input-group-addon
{
    border-bottom-right-radius:4px!important;
    border-top-right-radius:4px!important;
    border-left:none!important;
    }

.time {
    width:65px;
}

/*toto je pro pokusné menu PortalMenu.vb. Nyní se nevužívá*/
.menuDynamic {display:none; top:0px; float:left;}
.menuDynamic.pm_active {display:block;}
.firstDynamic {left:0px;}



/*používá se pouze pro zobrazení panelu s kódy zmen pro VZP*/
.modal-dialogChangeCode {width:600px;}
.modal-dialogChangeCode .bodyChangeCode {padding-top:0px!important;padding-bottom:0px!important;}
.modal-dialogChangeCode .bodytable {height:180px;overflow:auto;}


/*====================================================================================
    SqlBuilderExtender - panel pro nastavování zobrazení SqlGridu
=====================================================================================*/

.pp-view-setting {
    --bs-modal-width: 90vw;
    }

.pp-available-items-body {
    height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

.pp-available-items a {
    color:#777;
}

/*nezalamování dostupných sloupců v přizpůsobení tabulky*/
.pp-available-items-body div{
  white-space: nowrap;
}

.pp-available-items > .card-header {
    background-color:#fff;
}

.tab-pane .pp-select-pane {
    height:265px;
    overflow:auto;
}

.pp-vertical-margin1 {
    margin-top:10px;
    margin-bottom:10px
}

.pp-vertical-margin2 {
    margin-top:20px;
    margin-bottom:20px
}

.pp-pager {
    margin-top:0px;
}


.pp-pager > .form-control {
    display:inline;
    width:auto;
    
}

.pp-pager > a {
    color:#777;
}


.pp-viewsbar a  {
    color:#333;
    white-space:nowrap;
    text-decoration:none;
    
} 

.pp-viewsbar li {padding:3px 4px;white-space:nowrap;border-radius:4px;}

.pp-viewsbar li:hover {
    background-color:#eee;
}

.pp-viewsbar li.active {
    background-color:#7aa5db; 
}

.pp-viewsbar li.active a,
.pp-viewsbar li:hover.active a {
    color:#fff;
}

/*schování nastavovače logického operátoru u prvního řádku filtru*/
 .pp-view-setting table tbody tr:first-child .ddl-logical-operator {
    visibility: hidden;
}
 /*Responsivita SqlBuilderExtenderu*/
.pp-view-setting .pnlShowCount {
    display:inline-block;
    float:left;
}

.pp-view-setting .disabled-changes {
    font-size:smaller;
    float:right;
    text-align:right;
}

.pp-view-setting .available-items-toggle {
    right:0px;
}

.pp-view-setting .form-control,
.pp-view-setting .input-group-text {
    font-size: .875rem;
    min-height: 31px;
    padding: .25rem .5rem;
}

.fit-select { width: auto;}  

/*používá multiselctor v SqlGridu*/
.grid-selection-toolbox {display:none;}

/*odsazení voliče způsobu sdílení zobrazení v panelu pro nastavení zobrazení*/
.rbtlSharing {margin:20px;}

.column-selected-0 {width:20px;}
.column-selected-1 {width:20px;}
/*.column-selected-2 {width:70px;}*/
.column-selected-3 {width:140px;}
.column-selected-4 {width:50px;}
.column-selected-5 {width:90px;}
.column-selected-6 {width:70px;}
.column-selected-7 {width:50px;color:#999;}
.column-selected-8 {width:90px;color:#999;}

@media (max-width: 767px) {

    .pp-view-setting .navbar-li {
        min-width: 20%;
    }

    .pp-view-setting .right-panel {
    }

    .pp-view-setting .pp-select-pane th {
        font-size: smaller;
    }

    .grd-delete-selected,
    .grd-delete-order,
    .column-selected-0,
    .column-selected-1,
    .column-order-0,
    .tab-panel-help {
        display: none;
    }

    .pp-available-items-container-wrap {
        height: 0px;
        overflow: hidden;
    }

    td.column-selected-2,
    td.column-order-1 {
        font-size: smaller;
    }

    td.column-selected-3,
    td.column-order-2 {
        font-size: x-small;
    }

    .OneAvailableItem {
    }

    .where-table thead {
        display: none;
    }

    .where-table-advanced thead {
        display: none;
    }

    .where-table .sortable tr td {
        border-top: none !important;
        white-space:nowrap;
    }

    .where-table .sortable tr {
        border-bottom: 1px solid lightgray !important;
    }

    .where-table-advanced .sortable tr td {
        border-top: none !important;
        white-space:nowrap;
    }

    .where-table-advanced .sortable tr {
        border-bottom: 1px solid lightgray !important;
    }

        .where-table-advanced .sortable tr td:nth-child(2),
        .where-table-advanced .sortable tr td:nth-child(3),
        .where-table-advanced .sortable tr td:nth-child(4),
        .where-table-advanced .sortable tr td:nth-child(5),
        .where-table-advanced .sortable tr td:nth-child(6),
        .where-table-advanced .sortable tr td:nth-child(7) {
            float: left;
            min-height: 40px;
            width: 100%;
        }

        .where-table-advanced .sortable tr td:nth-child(8) {
            float: right;
        }

    .where-table .sortable tr td:nth-child(2),
    .where-table .sortable tr td:nth-child(3),
    .where-table .sortable tr td:nth-child(4) {
        float: left;
        min-height: 40px;
        min-width: 30%;
    }

    .where-table .sortable tr td:nth-child(5) {
        float: right;
    }

    .where-table-advanced .sortable tr td .spec-value {
        min-width:80px!important;
    }
    .where-table .sortable tr td .spec-value {
        min-width:40px!important;
    }

}

@media (min-width: 768px) {
    .pp-view-setting .available-items-toggle {
        display: none;
    }

    .pp-view-setting .pp-available-items-container-wrap {
        height:auto;
        display:block;
    }

    .where-table-advanced .sortable tr td {
        white-space:nowrap;
    }

    .where-table .sortable tr td .spec-value,
    .where-table-advanced .sortable tr td .spec-value {
        min-width:40px!important;
    }
}

/*------------------------------------------------------
Commentary.vb
-------------------------------------------------------*/
.CommentaryBubble {padding:10px;background-color:#FFF;width:300px;border:1px solid #777;border-radius:4px;z-index:9999;display:none;position:absolute;box-shadow:#777 4px 4px 8px;font-size:12px;font-weight:normal;text-decoration:none;text-align:left;}
.CommentaryContainer {display:inline;}

/*---------------------------------------------------------------------
CourseBookingApproval.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------------*/
.CourseBookingApproval {}
.CourseBookingApproval .divCanvas {overflow: auto; height: 70vh;}
.CourseBookingApproval .tblCanvas th {border:1px solid #ddd;}
.CourseBookingApproval .tblCanvas td {border:1px solid #ddd;}
.CourseBookingApproval .tblCanvas thead {border:1px solid #ddd;}
.CourseBookingApproval .tblCanvas thead tr {position: sticky; top: 0; z-index: 1;}

/*.CourseBookingApproval .DataRow:hover {border-bottom:1px solid #7aa5db;z-index:4;}*/

.CourseBookingApproval .DataRow:hover td {
        box-shadow: 0 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
    }
.CourseBookingApproval .DataRow:hover td:first-child {
        box-shadow: 4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
    }
.CourseBookingApproval .DataRow:hover td:last-child {
        box-shadow: -4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
    }
.CourseBookingApproval .DataRow:hover td .ShiftBox {
        box-shadow: 0 4px 1px -2px #333 inset;
    }
.CourseBookingApproval .DataRow:hover td:last-child .ShiftBox {
        box-shadow: -4px 4px 1px -2px #333 inset;
    }

.CourseBookingApproval .DayOfMonth {padding:6px;background-color:#ddd;font-size:10px;}
/*.CourseBookingApproval .EmployCell {width:7%;}*/
/*.CourseBookingApproval .DayCell {width:3%;}*/
.CourseBookingApproval .DayCell {margin:0px;padding: 0px;}
/*.CourseBookingApproval .DayOfWeek {padding:6px 6px 6px 6px; background-color:#d4e6fc;} */
    /*.CourseBookingApproval .Sat {background-color:#36c;color:#fff;}
    .CourseBookingApproval .Sun {background-color:#36c;color:#fff;}*/
.CourseBookingApproval .Sat {background-color:rgb(246,249,255);}
.CourseBookingApproval .Sun {background-color:rgb(246,249,255);}
/*.CourseBookingApproval .Holiday {background-color:orange;}*/
/*.CourseBookingApproval .DayNo {font-weight:bold;color:#555;}*/

.CourseBookingApproval .DayNo {font-weight:bold;color:#555;width:3%;}
/*.CourseBookingApproval .Holiday {color:red;padding:2px;font-style:italic;text-align:center;font-size:10px;}*/
.CourseBookingApproval .Holiday {color:red !important;}

.CourseBookingApproval .DayNoSat {font-weight:bold;color:#555;} /*fff*/
.CourseBookingApproval .DayNoSun {font-weight:bold;color:#555;} /*fff*/

.CourseBookingApproval .DayNoHoliday {font-weight:bold;color:#555;}
.CourseBookingApproval .DayName {font-weight:bold;color:#666;}
.CourseBookingApproval .DayNameSat {color:#666;} /*ccc*/
.CourseBookingApproval .DayNameSun {color:#666;} /*ccc*/
.CourseBookingApproval .DayNameHoliday {color:#666;}
.CourseBookingApproval .HolidayInfo {color:#555;}
/*.CourseBookingApproval .Today {border-left-color:red !important;border-left-style:solid !important;border-left-width:2px !important;}*/
.CourseBookingApproval .Today {background-color: #ffcccc !important;}

.CourseBookingApproval .TimeOutDay {background-color:rgb(246,249,255);padding:0px 0px 3px 0px;}
.CourseBookingApproval .WorkingDay {background-color:#fff;padding:0px 0px 3px 0px;}
.CourseBookingApproval .Employee {background-color:#fff;padding:4px;}
.CourseBookingApproval .Employee .Name {font-size:10px;font-weight:bold;} /*  color:#555; */
.CourseBookingApproval .Employee .JobPosition {font-style:italic;color:#555; font-size:8px;overflow:hidden;}
.CourseBookingApproval .ShiftBox {color:#555;padding:2px;font-style:italic;text-align:center;font-size:10px;}
/*.CourseBookingApproval .StatusBox {background-color:gray;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}*/
.CourseBookingApproval .StatusBox {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .StatusBoxTraining {background-color:gray;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
/*.CourseBookingApproval .OvertimeBox {background-color:#d9d9ff;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}*/
.CourseBookingApproval .OvertimeBox {background-color:#6666ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
/*.CourseBookingApproval .TravelBox {background-color:#36c;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important}*/
.CourseBookingApproval .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
/*.CourseBookingApproval .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;cursor:text !important}*/
.CourseBookingApproval .NotApproved {background-color:rgb(209,72,54);color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .NotApprovedTraining {background-color:Green;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .NotApprovedSpecialTraining {background-color:Orange;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;}
.CourseBookingApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.CourseBookingApproval .UsedShiftContent {float:right;margin-top:0px;}
.CourseBookingApproval .UsedShiftColor {width:20px;}
.CourseBookingApproval .UsedShiftColorBox {width:20px;height:20px;float:right;border:1px solid gray;}
.CourseBookingApproval .UsedShiftName {text-align:left;white-space:nowrap;}
.CourseBookingApproval .CommandBar{width:auto;}
.CourseBookingApproval .CommandBarButton{vertical-align:top;white-space:nowrap;}
.CourseBookingApproval .CommandBarUsedShift{width:auto;vertical-align:top;text-align:right;}
.CourseBookingApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.CourseBookingApproval .Logs {margin-left:10px;padding-right:10px;height:110px;overflow:auto;}  
.CourseBookingApproval .LinkSmall {font-weight:normal;}
.CourseBookingApproval .Pointer {cursor:pointer;}
.CourseBookingApproval .grdToDo {width:100%;}
.CourseBookingApproval .UpperList {width:auto;margin-top:0px;max-height:170px;overflow:auto;}
.CourseBookingApproval .grdToDo td {padding:5px;border-bottom:1px solid #d4e6fc;}
.CourseBookingApproval .grdToDo th {padding:5px;border-top:3px solid #d4e6fc;border-bottom:3px solid #d4e6fc;}
.CourseBookingApproval .ToDo .ToolBar {margin-top:15px;margin-bottom:15px;}
.CourseBookingApproval .NothingToDo {padding:10px;border:2px solid #7aa5db;width:450px;background-color:rgb(255,251,228);margin:15px auto;text-align:center;}
.CourseBookingApproval .ToDoRow {}
.CourseBookingApproval .ToDoRow:hover{background-color:#c3d9ff;}
.CourseBookingApproval .NoWrapText {white-space:nowrap;}
.CourseBookingApproval .grdToolBar {background-color:#f6f6ff;border-bottom:1px solid #36c;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;margin-top:1px;margin-bottom:10px;}
.CourseBookingApproval .ExplanatoryShifts {width:100%;}
.CourseBookingApproval .SpecialTrainingBox {max-height:100px;overflow:auto;}
.CourseBookingApproval .ApproverBox table {border-style:none !important;}
.CourseBookingApproval .OtherTrainingBox {background-color:#bbbbbb;color:#fff;margin:3px;padding:3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important}

/* ========== EmployeeCompetence.aspx ==========================*/
.pp-competence-filter {
    display:inline-block;
    }
    
.pp-competence-filter label 
{
    margin-left:4px;
    margin-right:6px;
    margin-bottom:0px;
    margin-top:0px;
    font-weight:normal;
    
}


/*===========HeadCountReports.aspx, HeadCountReports_53.aspx====================*/
.table-hover-text > tbody > tr:hover > td,
.table-hover-text > tbody > tr:hover > th 
{
    background-color: #e8eef7;
    color: black!important;
}
        
.white-cell
{
    color:White;
    border-style:none!important;
    opacity:0.5;    
}

.headcount-results > div {width:100%}

@media (min-width:768px) {
    .headcount-results {display:flex;flex-direction:row;column-gap:5px;}
    .headcount-results > div {flex-grow:1;flex-basis:auto;}
    .headcount-results .card-header {white-space:nowrap;}
}

/*================nastavování různé šířky modálního pamelu===========================*/
.panel-wide
{
    min-width: 40vw; /*Použita jednotka vw, protože panel může být podřízen nějakému menšímu a pak by 80% nefungovalo */
}

.panel-wide-l {
    width: 60vw;
    min-width: 60vw; /*Použita jednotka vw, protože panel může být podřízen nějakému menšímu a pak by 80% nefungovalo */
}

.panel-wide-xl {
    min-width: 70vw; /*Použita jednotka vw, protože panel může být podřízen nějakému menšímu a pak by 80% nefungovalo */
}


/*==========================================================*/
.radio label
{
    font-weight: normal;
}

/*---------------------------------------------------------------------
Tato třída řeší chybu FireFoxu od verze 22 do verze minimálně 28), kdy se zakousne javascript na stránce při použití file uploaderu
Je použito v prvku FileUpload.vb
-----------------------------------------------------------------------*/
.UploaderField input{width:100%!important;}
.fu_Delete {color:red;font-size:20px;text-decoration:none;cursor:pointer;}
.fu_Delete:hover {font-weight:bold;}
.fu_FileType {font-size:40px;}
.fu_pnlFiles {padding-top:10px;}
.fu_progressCircle {
    position: absolute !important;
    font-size: 3px !important;
    margin-left: 10px !important;
    margin-top: 16px !important;
    display: inline-block !important;
}
/*---------------------------------------------------------------------
TimeOut.aspx - PRA: dočasný původní styl původní plachty
-----------------------------------------------------------------------*/
.TimeOut .dayBox-selecting { background-color: #FECA40 !important; }
.TimeOut .canvas .header-row td {height:20px;overflow:hidden;}      
.TimeOut .canvas td {border:1px solid #f0f0f0;}
.TimeOut .canvas td.ToDay {border:2px solid red;}
.TimeOut .canvas td.DayBox:hover {border:2px solid #777;}
.TimeOut .FirstColumn {width:5%;text-align:center;padding:0px;}
.TimeOut .FirstColumn a {padding:0px 4px;}
.TimeOut .MonthRow {vertical-align:top;}
.TimeOut .MonthRow.Closed {vertical-align:top;}
.TimeOut .MonthRow.Closed .DayBox {opacity:0.5}
.TimeOut .DayOfWeek {padding:2px; background-color:#f0f0f0; width:2%;font-size:10px;} 
.TimeOut .Sat {background-color:#36c;color:#fff;}
.TimeOut .Sun {background-color:#36c;color:#fff;}
.TimeOut .table-responsive.spread {margin-bottom:10px;}

.TimeOut .DayBox {text-decoration:none;cursor:pointer; overflow:hidden;padding:0px;}
.TimeOut .LeaveDay {background-color:rgb(246,249,255);}
.TimeOut .NationalDay {background-color:rgb(246,249,255);}
.TimeOut .ShiftBox {padding:0px 3px; overflow:hidden;}
.TimeOut .DayDate {font-size:10px;border:1px solid transparent;border-radius:4px;}
.TimeOut .NationalDay .DayDate {background-color:red; color:#fff;border-color:Red;}
.TimeOut .HiddenDay {visibility:hidden;}

.TimeOut .WorkingHours {font-style:italic;color:#555;font-size:0.9em}
.TimeOut .WorkingHoursInfo {font-style:italic;color:#fff;font-size:0.8em}

.TimeOut .TimeOutRequest {margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888; overflow:visible;position:relative;}
.TimeOut .NotApproved {background-color:#cd2b09;color:#fff;border-color:#8d1800;}
.TimeOut .ToBeApproved {background-color:#ffa64d;color:#fff;border-color:#a76f00;}
.TimeOut .NotRequested {background-color:gray;color:#fff;}
.TimeOut .Approved {background-color:#72cd09;color:#000;border-color:#4f8d08;}
.TimeOut .NoRequest {background-color:#8cab00;color:#000;}
.TimeOut .RepeatRequest {position: absolute;width: 12px;height: 12px;bottom: -5px;right: 1px;border-style: double;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;box-shadow: 1px 1px 1px #888;}

.TimeOut .LeaveRequest {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;border-radius:2px;}
.TimeOut .OverTimeRequest {background-color:#6666ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOut .AnotherRequest {background-color:#ddffdd;color:black;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}

.TimeOut .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important;}
.TimeOut .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOut .StatutoryDay {border:1px solid orange;}
.TimeOut .VacantDay {background-color:#faf5c5;}

.TimeOut .UsedShiftContent {float:right;}
.TimeOut .UsedShiftColor {width:20px;}
.TimeOut .UsedShiftColorBox {position:relative;top:5px;width:40px;height:15px;border:1px solid gray;display:inline-block;}
.TimeOut .UsedShiftName {text-align:left;white-space:nowrap;}

.TimeOut .MonthRow .p0 {text-align:left;padding:4px;}
.TimeOut .MonthRow .p0 .period {font-weight:bold;padding:4px;margin-bottom:10px;display:flex;justify-content:space-between;}
         
.TimeOut .AC-div {width:100%;}

.TimeOut .canvas {margin-bottom:15px;}
         

        @media (min-width:768px) {
            .TimeOut .AC-container .input-group .form-control {width:350px;}
            .TimeOut .AC-container {display:inline-block;}
            .TimeOut .AC-div {width:auto;}
        }

        @media (min-width:992px) {
            .TimeOut .AC-container .input-group .form-control {width:420px;}
    
        }


/*---------------------------------------------------------------------
TimeOutApproval.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------------*/
.TimeOutApproval .divCanvas {overflow: auto; height: 70vh;}
.TimeOutApproval .tblCanvas th {border:1px solid #ddd;}
.TimeOutApproval .tblCanvas td {border:1px solid #ddd;}
.TimeOutApproval .tblCanvas thead {border:1px solid #ddd;}
.TimeOutApproval .tblCanvas thead tr {position: sticky; top: 0; z-index: 1;}

.TimeOutApproval .DataRow:hover td {
    box-shadow: 0 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutApproval .DataRow:hover td:first-child {
    box-shadow: 4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutApproval .DataRow:hover td:last-child {
    box-shadow: -4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutApproval .DataRow:hover td .ShiftBox {
    box-shadow: 0 4px 1px -2px #333 inset;
}
.TimeOutApproval .DataRow:hover td:last-child .ShiftBox {
    box-shadow: -4px 4px 1px -2px #333 inset;
}
.TimeOutApproval .CurrentDay {
    background-color: #ffcccc !important;
}

.TimeOutApproval .EmployCell {width:7%;}
.TimeOutApproval .DayCell {margin:0px;padding: 0px; width:3%;}
.TimeOutApproval .DayOfWeek {padding:2px; background-color:#ddd;font-size:10px;} 
.TimeOutApproval .Sat {background-color:#36c;color:#fff;}
.TimeOutApproval .Sun {background-color:#36c;color:#fff;}
.TimeOutApproval .Holiday .ShiftBox {color:Red;}
.TimeOutApproval .DayNo {color:#555;}
.TimeOutApproval .DayNoSat {font-weight:bold;color:#fff;}
.TimeOutApproval .DayNoSun {font-weight:bold;color:#fff;}
.TimeOutApproval .DayNoHoliday {font-weight:bold;color:#555;}
.TimeOutApproval .DayName {color:#666;}
.TimeOutApproval .DayNameSat {color:#ccc;}
.TimeOutApproval .DayNameSun {color:#ccc;}
.TimeOutApproval .DayNameHoliday {color:#666;}
.TimeOutApproval .TimeOutDay {background-color:rgb(246,249,255);padding:0px 0px 3px 0px;}
.TimeOutApproval .WorkingDay {background-color:#fff;padding:0px 0px 3px 0px;}
.TimeOutApproval .Employee {background-color:#fff;padding:4px;}
.TimeOutApproval .Employee .Name {font-size:10px;font-weight:bold;}
.TimeOutApproval .Employee .JobPosition {font-style:italic;font-size:8px;overflow:hidden;}
.TimeOutApproval .ShiftBox {color:#555; margin:0px; padding:0px; overflow:hidden;font-style:italic;text-align:center;font-size:0.9em;}
.TimeOutApproval .WorkingHoursInfo {font-style:italic;color:#fff;font-size:0.8em}
.TimeOutApproval .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:hidden;cursor:text !important;}
.TimeOutApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOutApproval .UsedShiftContent {float:right;margin-top:0px;}
.TimeOutApproval .UsedShiftColor {width:20px;}
.TimeOutApproval .UsedShiftColorBox {width:20px;height:20px;float:right;border:1px solid gray;}
.TimeOutApproval .UsedShiftName {text-align:left;white-space:nowrap;}
.TimeOutApproval .CommandBarUsedShift{width:auto;vertical-align:top;text-align:right;}
.TimeOutApproval .EmptyMessagePanel {color:Red;margin-top:20px;}   
.TimeOutApproval .Pointer {cursor:pointer;}
.TimeOutApproval .UpperList {width:auto;margin-top:0px;max-height:170px;overflow:auto;}
.TimeOutApproval .NothingToDo {padding:10px;border:2px solid #7aa5db;width:350px;background-color:rgb(255,251,228);margin:15px auto;text-align:center;}
.TimeOutApproval .NoWrapText {white-space:nowrap;}
.TimeOutApproval .ExplanatoryShifts {width:100%;}

.TimeOutApproval .StatusBox {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:visible;position:relative;}
.TimeOutApproval .NotApproved {background-color:#cd2b09;color:#fff;border-color:#8d1800;}
.TimeOutApproval .ToBeApproved {background-color:#ffa64d;color:#fff;border-color:#a76f00;}
.TimeOutApproval .NotRequested {background-color:gray;color:#fff;}
.TimeOutApproval .Approved {background-color:#72cd09;color:#000;border-color:#4f8d08;}
.TimeOutApproval .NoRequest {background-color:#8cab00;color:#000;}
.TimeOutApproval .RepeatRequest {position: absolute;width: 12px;height: 12px;bottom: -5px;right: 1px;border-style: double;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;box-shadow: 1px 1px 1px #888;}

/*---------------------------------------------------------------
TimeOutView.aspx - PRA: dočasný původní styl původní plachty (plachta se bude teprve předělávat a zatím musí jet alespoň takhle)
-----------------------------------------------------------------*/
.TimeOutView .divCanvas {overflow: auto; height: 70vh;}
.TimeOutView .tblCanvas th {border:1px solid #ddd;}
.TimeOutView .tblCanvas td {border:1px solid #ddd;}
.TimeOutView .tblCanvas thead {border:1px solid #ddd;}
.TimeOutView .tblCanvas thead tr {position: sticky; top: 0; z-index: 1;}

.TimeOutView .DataRow:hover td {
    box-shadow: 0 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutView .DataRow:hover td:first-child {
    box-shadow: 4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutView .DataRow:hover td:last-child {
    box-shadow: -4px 4px 1px -2px #333 inset, 0 -4px 1px -2px #333 inset;
}
.TimeOutView .DataRow:hover td .ShiftBox {
    box-shadow: 0 4px 1px -2px #333 inset;
}
.TimeOutView .DataRow:hover td:last-child .ShiftBox {
    box-shadow: -4px 4px 1px -2px #333 inset;
}
.TimeOutView .CurrentDay {
    background-color: #ffcccc !important;
}

.TimeOutView .DayOfMonth {padding:6px;background-color:#ddd;font-size:10px;}
.TimeOutView .DayNo {color:#555;width:3%;}
.TimeOutView .DayCell {margin:0px;padding: 0px;}
.TimeOutView .Holiday .ShiftBox{color:red;}
.TimeOutView .TimeOutDay {background-color:rgb(246,249,255);padding:0px 0px 3px 0px;}
.TimeOutView .WorkingDay {background-color:#fff;padding:0px 0px 3px 0px;}
.TimeOutView .Sat {background-color:rgb(246,249,255);}
.TimeOutView .Sun {background-color:rgb(246,249,255);}
.TimeOutView .DayName {color:#666;}
.TimeOutView .Employee {background-color:#fff;padding:4px;}
.TimeOutView .Employee .Name {font-size:10px;font-weight:bold;}
.TimeOutView .Employee .job-position {font-style:italic;color:#555;font-size:8px;overflow:hidden;}
.TimeOutView .ShiftBox {color:#555;padding:2px;font-style:italic;text-align:center;font-size:10px;}
.TimeOutView .WorkingHoursInfo {font-style:italic;color:#fff;font-size:10px;}
.TimeOutView .OvertimeBox {background-color:#6666ff;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .TravelBox {background-color:#36c;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}
.TimeOutView .CommandBar{width:100%;}
.TimeOutView .UsedShiftContent {float:right;}
.TimeOutView .UsedShiftColor {width:20px;}
.TimeOutView .UsedShiftColorBox {width:20px;height:20px;float:right;border:none;border-radius:4px;}
.TimeOutView .UsedShiftName {text-align:left;white-space:nowrap;}
.TimeOutView .EmptyMessagePanel {color:Red;margin-top:20px;}
.TimeOutView .ExplanatoryShifts {width:100%;}
.TimeOutView .AnotherRequest {background-color:#ddffdd;color:black;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;}

.TimeOutView .StatusBox {background-color:gray;color:#fff;margin:3px 3px 0px 0px;padding: 0px 3px 0px 3px;box-shadow:2px 2px 2px #888;overflow:visible;position:relative;}
.TimeOutView .NotApproved {background-color:#cd2b09;color:#fff;border-color:#8d1800;}
.TimeOutView .ToBeApproved {background-color:#ffa64d;color:#fff;border-color:#a76f00;}
.TimeOutView .NotRequested {background-color:gray;color:#fff;}
.TimeOutView .Approved {background-color:#72cd09;color:#000;border-color:#4f8d08;}
.TimeOutView .NoRequest {background-color:#8cab00;color:#000;}
.TimeOutView .RepeatRequest {position: absolute;width: 12px;height: 12px;bottom: -5px;right: 1px;border-style: double;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;box-shadow: 1px 1px 1px #888;}
.TimeOutView .max-height-5 {max-height:5rem;overflow-y:auto;}

/*---------------------------------------------------------------
PayrollTypeExtList.aspx
-----------------------------------------------------------------*/
.PayrollTypeExtList .CheckBoxList {max-height:200px; overflow-y:scroll; overflow-x:hidden;}



/*===========================================================================
Styly pro vzhled tabulek, postavených na SqlGridu a GridView s table-rounded
=============================================================================*/

/*překrytí původních stylů pro table z bootstrap*/
.table thead > tr > th, 
.table tbody > tr > th, 
.table tfoot > tr > th, 
.table thead > tr > td, 
.table tbody > tr > td, 
.table tfoot > tr > td,
.tablescroll_head thead > tr > th{
    padding: 5px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: none;
}

.table > thead > tr > th,
.tablescroll_head thead > tr > th {
    vertical-align: bottom !important;
}

    .table > thead > tr > th > a,
    .tablescroll_head th > a {
        color: #333;
        text-decoration:none;
    }


    .table-rounded {border-collapse: collapse;}

    .table-rounded > thead > tr > th,
    .table-rounded > thead > tr > td {background-color: #fff;}

    .table-rounded > tbody > tr > th, 
    .table-rounded > tbody > tr > td, 
    .table-rounded > tfoot > tr > th, 
    .table-rounded > tfoot > tr > td, 
    .tablescroll_body tbody > tr > td {
        border: 1px solid #eee;
    }

        .table-rounded > thead > tr > th:first-child,
        .table-rounded > thead > tr > td:first-child {
            border-top-left-radius: 4px;
        }

        .table-rounded > thead > tr > th:last-child,
        .table-rounded > thead > tr > td:last-child {
            border-top-right-radius: 4px;
        }

        .table-rounded > :last-child > :last-child > :first-child {
            border-bottom-left-radius: 4px;
        }

        .table-rounded > :last-child > :last-child > :last-child {
            border-bottom-right-radius: 4px;
        }

        


    .table .tablescroll_head {border-radius: 4px;}
    .tablescroll .head_wrapper {background-color:#fff;}
    .table .tablescroll_head th:first-child {border-top-left-radius:4px;}
    .table .tablescroll_head th:last-child {border-top-right-radius: 4px;}
    .table .tablescroll_head th.alert-info {background-color:#aaa;}
    .table .tablescroll_head th {border: 1px solid #eee;font-weight: normal;font-size: 12px;}

    .table .tablescroll_wrapper {border-bottom: 1px solid #eee;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

    .table .tablescroll_body {border-bottom:1px solid #eee;}

    .old .table .tablescroll_head {border-radius: 0px;}
    .old .tablescroll .head_wrapper {background-color:#eee;}
    .old .table .tablescroll_head th {border: 1px solid #eee;font-weight: bold;font-size: 14px;color:#333;}

/* styly pro nastavení zarovnání záhlaví v SqlGrid*/
.gridHeaderLeft {text-align:left;}
.gridHeaderCenter {text-align:center;}
.gridHeaderRight {text-align:right;}


/*doplnění stylů pro nove zahlavi tabulky pouzivane od verze 3.9*/
.sqlgrid-header a:hover {text-decoration:none;}
.sqlgrid-header {padding:0px;background-color:#f0f0f0;}
.sqlgrid-header .view-dropdown {float:left;padding:5px;}
.sqlgrid-header .view-dropdown .dropdown-menu {width:290px;}
.sqlgrid-header .view-dropdown a:hover {text-decoration:none!important;color:inherit;}
.sqlgrid-header .view-dropdown a:visited {text-decoration:none!important;}
.sqlgrid-header .view-dropdown a:active {text-decoration:none!important;color:inherit;}
.sqlgrid-header .search-control {display:inline-block;padding:5px;}
.sqlgrid-header .search-control .oval {display:inline-block;border-radius:12px;border:1px solid #ddd; background-color:#fff;padding:2px 4px;white-space:nowrap;}
.sqlgrid-header .search-control .search-col {font-size:9px;font-style:italic;}
.sqlgrid-header .search-control .search-txt {border:none;border-bottom:1px solid #999;padding-right:5px;}
.sqlgrid-header .toolbar-links {display:inline;padding:5px;}
.sqlgrid-header .btn-view {white-space:nowrap; padding-top: 3px; padding-bottom: 2px;text-decoration:none!important;}

.pure-sqlgrid .sqlgrid-header {display:none;}
.pure-sqlgrid .container-pager {display:none;}

.old .sqlgrid-header {background-color:#ddd;border-radius:4px 4px 0px 0px;}

/* styly pro prázdný SqlGrid*/
.sqlgrid-empty-data-row {
    visibility: collapse;
}

.sqlgrid-empty-data-message {
    margin: 5px;
}

@media (max-width: 768px) 
{
    .sqlgrid-header .toolbar-links {display:block;padding:5px;margin-bottom:0px;margin-left:0px;background-color:#ced4da;}
    .sqlgrid-header .toolbar-links .text-muted {color:#fff;}
    .table-responsive {border:none;margin-bottom:0px;}
    .sqlgrid-header .toolbar-links {display:block;padding:5px;margin-bottom:0px;margin-left:0px;background-color:#ced4da;}
    .sqlgrid-header .toolbar-links .text-muted {color:#fff;}
}

/* =============styly pro skupinu ovládacích tlačítek ==================================*/
.btn-box {display:flex;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px;margin:10px 0px;flex-wrap:wrap;}
.btn-box .btn {margin:5px;margin-left:0px;}
.grdRow .btn-box {margin:0px;}
.btn-box.btn-box-center {align-items:center;}
.btn-box-center .form-inline .mb-3 {margin-bottom:0px;}


/*======= kontejner pro skupinu ovládacích prvků v řádku ============================== */
.toolbar {display:flex;align-items:center;justify-content:flex-start;align-content:flex-start;padding:0px;margin-bottom:8px;flex-wrap:wrap;}
.toolbar .btn, .toolbar a, .toolbar .toolbar-element  {margin:5px 5px 0px 0px;}


/*---------------------------------------------------------------
Whisperer.vb
-----------------------------------------------------------------*/
.WhispererListCssClass {padding-left: 0;margin-bottom: 20px;border: solid #ddd 1px;max-height: 100px;overflow: auto;z-index:1000000 !important;} 
.WhispererListItemCssClass {background-color: white;padding: 1px 1px 1px 5px;}
.WhispererListHighlightedItemCssClass {background-color: #e8eef7;padding: 1px 1px 1px 5px;}


/*---------------------------------------------------------------
TravelStatement.aspx
-----------------------------------------------------------------*/
.TravelStatement .grdProgressScrollArea {position:relative;}
.TravelStatement .grdClearingScrollArea {position:relative;}
.TravelStatement .personal-card-title {padding-bottom:5px;}

/*---------------------------------------------------------------
PettyCashOverview.aspx
-----------------------------------------------------------------*/
.PettyCashOverview .grdProgressScrollArea {position:relative;}
.PettyCashOverview .grdClearingScrollArea {position:relative;}
.PettyCashOverview .personal-card-title {padding-bottom:5px;}


/*==============Nastavení těla záložky na různých místech ================*/
.tab-body {border:1px solid #ddd;padding:25px;margin-bottom:10px;margin-top:10px;border-radius:4px; overflow-x:hidden; overflow-y:auto;}



/*pomocné třídy pro horní odsazení */
.top-60 {margin-top:60px;}
.top-50 {margin-top:50px;}
.top-40 {margin-top:40px;}
.top-20 {margin-top:20px;}
.top-10 {margin-top:10px;}

/*styly pro informační div pracovní doby*/
.Standard-Hours-Schedule-Info{
    padding-bottom:10px;
}

.Standard-Hours-Schedule-Info > div > span > span{
    font-weight: bold;
}

.Standard-Hours-Schedule-Info > div > span{
    margin-right:5px;
    white-space: nowrap;
}

.Standard-Hours-Schedule-Info > div > span:after {
    content: ' ';
}
.Standard-Hours-Schedule-Info > div > span:last-child:after {
    content: '';
}

/*---------------------
GridView - scroll bar (úzký)
-----------------------*/
.scroll-area-sm {overflow: auto; height: 200px; width: 100%; }
.toolbar-highlight {background-color:#dff0d8; margin-right:3px;}
.toolbar-highlight:hover {background-color:#dff0d8 !important;}

.scroll-area-md {overflow: auto; height: 280px; width: 100%; }

/*---------------------
Relations.aspx
-----------------------*/
.OrgChart {padding-top:20px;}
.OrgChart .layout {border:0px solid transparent;}
.divOrgChart {padding:20px 20px 20px 20px;background-color:White;}
.ochEmptyDataText {width:100%;text-align:left;padding-top:20px;padding-left:50px;padding-bottom:100px;font-size:15px;color:Gray;}
.ochTable {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochCellManager {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px  0px 0px 0px;vertical-align:top;}
.ochCellSubordinate {border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochCellSpace {position:relative; width:10px; height:30px;}
.ochPerson {border:1px solid #d5ddf3; overflow:hidden; border-radius:7px; display:inline-block; background-color:rgb(246,249,255); width:200px;box-shadow:#777 6px 6px 8px;}
.ochPersonSelected {background-color:rgb(255,251,228);}
.free-position {background-color:rgb(255,255,255); color:rgb(170,170,170); box-shadow:#cccccc 3px 3px 4px; border:1px solid #e5edf3}
.ochPerson .innerLayout {width:100%; border-collapse: collapse; border:0px solid transparent; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ochPerson .photo {padding:5px;width:50px;}
.ochPerson .photo img {width:50px;}
.ochPerson .name {text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; border-bottom:1px solid #d5ddf3;}
.ochPerson .jobTitle {font-size:smaller; text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.ochPerson .contact {text-align:left; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.ochPerson .contact img {border: 1px solid transparent;}


/*============ pomocné zvýrazňovače =====================*/
.badge-warning {background-color:Orange;}
.badge-danger {background-color:red;}
.badge-info {background-color:#31b0d5;}

/*==============používá se ve stránkách modulu hodnocení ===================== */
.cursor-pointer {cursor:pointer;}

/*=============== styly pro EvaluateForm.aspx ==================================*/
/*media all*/
.atss span {
    position: relative;
    display: block;
    border:none;
    width: auto;
    line-height: 30px;
    margin: 0;
    padding: 8px;
    outline: none;
    text-align: center;
    -webkit-transition: width .15s ease-in-out;
    -moz-transition: width .15s ease-in-out;
    -ms-transition: width .15s ease-in-out;
    -o-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    overflow: hidden;
    z-index: 100030;
    text-decoration:none;
    color:#888;
}
    

/*media all*/
.atss-left {
    left: -50px;
    float: left;
    right: auto;
    border-radius:0px 0px 4px 4px;
}

.atss-right {
    left: auto;
    float: right;
    right: -50px;
    border-radius:4px 4px 0px 0px;
}


/*media all*/
.atss {
    position: fixed;
    top: calc(50vh + 150px);
    width: 160px;
    height: 60px;
    z-index: 100020;
    background: none;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -10px 10px 6px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 6px rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    -webkit-transform: rotate(-90.0deg);
    -moz-transform: rotate(-90.0deg);
    -ms-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    transform: rotate(-90.0deg);   
}

    /*media all*/
.atss:hover {
    width: 170px;
}
/*-------------------- konec EvaluateForm.aspx -----------------------------*/

.fileIcon 
{
    position:relative;
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
}

.fileIcon .fiContent {
    margin:10px; 
    width:240px;
    max-width:240px;
    overflow:hidden;
    text-align:left;
}

.fileIcon .fiGlyph {
    font-size:32px;
}

.fileIcon .fiFileName {
    padding-top:2px;
    padding-bottom:10px;
    padding-left:10px;
}
    
.fileIcon .fiFileName .fiText {
    font-weight:bolder;
    padding-bottom:15px;
}

.fileIcon .fiFileName .fiExtension {
    color:Gray;
}

.fileIcon .fiDate {
    text-decoration:none !important;
    color:Gray;
    font-size:11px;
}

.fileIcon .fiSize {
    text-decoration:none !important;
    color:Gray;
    font-size:small;
}

.fileIcon .fiBlick {
    position:absolute;
    display:none;
    right:5px;
}

.fileIcon:hover .fiBlick {
    display:inherit;
}

.fiDelete {top:5px; z-index:1;}

.fiToggleCV {top:35px;z-index:1;}

.fileIcon:hover {
    background-color:#fafafa;
}

.fileIcon .fiLink {
    text-decoration:none !important;    
}

.right-40 {margin-right:40px;}
.right-20 {margin-right:20px;}
.right-10 {margin-right:10px;}

.mail-header {
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 4px;
    cursor:pointer;
    background-color:#f0f0f0;
    color: Black;
    width: 100%;
    overflow: hidden;
}

.mail-header:hover {
    background-color:#e0e0e0;
}

.mail-body-subject {
    font-weight:bolder;
}


.mail-body {
    padding: 10px 10px 20px 10px;
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 4px;
    border-top: 0px;
    margin-bottom: 20px;
    background-color: #fdfdfd;
}

.publicmail-header {
    background-color:#f0f0f0;
}

.publicmail-header:hover {
    background-color:#e0e0e0;
}

.pp-ow-listpart {}
.pp-ow-list {background-color:#eeeeee; padding:20px 20px 60px 20px; border-bottom:10px solid #eeeeee; border-top:10px solid #eeeeee; border-radius: 4px; max-height:400px; overflow-y:auto;}
.pp-ow-item {width:100%; border-radius: 4px;}
.pp-ow-item:hover {background-color:#f0f0f0 ; cursor:pointer; color:Black;}
.pp-ow-item-name {padding:5px; width:100%;}
.pp-ow-item-active {background-color:gray; color:white;}
.pp-ow-emptylist {padding-top:50px; white-space:nowrap;}
.pp-ow-detailpart {padding:30px; overflow-y:auto;}
 
.disabledFunction {opacity: 0.2; pointer-events:none;}

.icon, .icon:hover {text-decoration:none; cursor:pointer;}

#pageLinks > li > a {padding:3px 15px;font-size:13px;color:#777;}
#pageLinks > li.active > a {padding:3px 15px;font-size:13px;color:#fff;}

/* styly pro virtuální hodiny pro evidenci docházky, dotupné v master page */

.clock-table {width:100%;}
.clock-row {border-bottom:1px solid #ccc;}
.clock-btn {width:50%;}
.clock-btn.left {border-right:1px solid #ccc;}
.clock-row > td > a {display:inline-block;padding:7px;color:#777;text-decoration:none;width:100%;}
.clock-row >td:hover {background-color:#ccc;}       

/* styly pro animovaný progress bar v master page */

.prg {width:100%;top:48px;position:fixed;z-index:9999;}
.prg-slider{height:2px;animation-name:example;animation-duration:3s;animation-iteration-count:infinite;animation-direction: normal;}
    
@keyframes example {
    0%   {width:0px;}
    25%  {width:25%;}
    50%  {width:50%;}
    75%  {width:75%;}
    100% {width:100%;}
}

/* ActiveCombo */
.AC-dropdown {
    z-index:1000;
    position:absolute; 
    width:100%;
    min-width:100%; 
    max-height:300px; 
    overflow-x:hidden; 
    overflow-y:auto; 
    padding: 0px 5px 5px 5px;
    border: 1px solid #cccccc;
    background-color:white;
}
.AC-option-selected {
    background-color:lightgray;
}
.AC-option-item {
    cursor:default;
    white-space:nowrap;
}
.AC-option-item:hover {
    background-color:#e0e0e0;
}

.AC-dropdown.reverse{
    top:auto;
    bottom:calc(100% + 34px);
}


/* ============================== styly používané v master page stránkách ===============================================================================*/    

/* styly pro základní záhlaví stránky v plusPortalLogoMenu.master*/
.navbar-main {display:flex;justify-content:space-between; z-index:9999;background-color:#fff;position:fixed;top:0;left:0;right:0;border-bottom:1px solid #ccc;} 
.navbar-main .navbar-block {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:50px;padding:0px 15px;}
.navbar-main .navbar-block > div {padding:0px 10px;}
.navbar-main .navbar-block .bell {font-size:18px;position:relative;}
.navbar-block .bell .badge-alert {position: absolute;top: -8px;right: -12px;background-color: #ec4f48;font-size:9px}
.navbar-block .bell .badge-info {position: absolute;bottom: -4px;right: -12px;font-size: 9px;}
.navbar-block .user-img {border-radius:50%;border:none;height:30px;width:30px; background-position: top left; background-size: cover; }
.navbar-block .user-img-original {border-radius:50%;border: 1px solid red;height:30px;width:30px; background-position: top left; background-size: cover;}
.navbar-block .user-link {text-decoration:none;font-weight:bold;color:#777;}
.navbar-block .user-link:hover {text-decoration:none;}
.navbar-block .dropdown-menu {position: fixed;top: 46px;margin: 0px;border-radius: 4px;}
.navbar-block .user-menu {right: 30px;left:auto;}
.navbar-block .dropdown-menu .languages {position:absolute;left:-150px;top:0px;border-radius:4px;}
.navbar-block .inbox {right:90px;left:auto;min-width:260px;max-width:380px;}

/*styly pro inbox*/
.inbox li:first-child{display:none;}
.inbox li:not(:nth-child(2)) {border-top:1px solid #cacaca;}
.inbox li.dropdown-header {border-top:none;}
.inbox .inbox-flex {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.inbox-flex .inbox-item-count {font-size: 18px;background-color:#ccc ;color: #fff;padding: 5px;width: 38px;border-radius: 50%;text-align: center;margin-left:10px;flex:0 0 38px;}
.inbox-flex .form-text {white-space:normal;}
.inbox-item-count.danger {background-color:orangered;}
.inbox-item-count.success {background-color:forestgreen;}
.inbox-item-count.info {background-color:dodgerblue;}
.inbox-item-count.warning {background-color:orange;}
.inbox-link {padding:5px!important;margin-left:30px; }

.inbox-loading{
    pointer-events:none;
    opacity:0.2;
}
.no-inbox-items {
    pointer-events: none;
    opacity: 0.2;
}

.inbox-progress {
    position: absolute !important;
    font-size: 4px !important;
    margin: 10px !important;
    margin-left: 7px !important;
}




.announcement{
    background-color: #337AB7;
    color: white;
    padding: 3px 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    top:50px;
    z-index: 1001;
}

.announcement:not(:first-of-type){
    border-top: 1px solid white;
}

.announcement.extended{
    align-items: flex-start;
}

.announcement.extended .announcement-content{
    white-space: normal;
}

.announcement-content{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.announcement-content-wrapper{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    padding-right: 30px;
    white-space: nowrap;
    align-items: center;
    text-align: left;
    overflow: hidden;
    flex-direction: row;
}

.announcement button{
    border: none;
    background: none;
}

.announcement button:hover span{
    font-weight: bold;
}

@media screen and (max-width: 767px) 
{
    .navbar-block .inbox {right: 15px;}
}


/*hamburger a back vychozi nastaveni */
.menu-btn, .menu-back {padding:11px;margin:4px;border-radius:4px;z-index:9999;text-decoration: none !important;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);font-size:14px;}

/* vychozi styl pro logo je prizpusoben mobilnimu zarizeni */
.navbar-main .navbar-block img.logo, .navbar img.logo {
    max-width: 130px;
    max-height: 30px;
}

/* vychozi styl pro logo je prizpusoben mobilnimu zarizeni (plusPortalInfo.master) */
.navbar img.logo {
    margin-top: 15px;
}

/* vychozi styl hamburger menu je prizpusoben mobilnimu zarizeni */
.menu-btn {
    position: fixed;
    left: 140px;
    top: 0px;
    display: block;
}

/* vychozi styl sipky zpet je prizpusoben mobilnimu zarizeni */
.menu-back {
    position: fixed;
    left: 190px;
    top: 0px;
    display: block;
}

@media screen and (min-width: 768px) {
    /* hamburegr na vetsi obrazovce */
    .menu-btn {
        position: fixed;
        left: 205px;
        top: 0px;
        display: block;
        
    }

    /* sipka zpet na vetsi obrazovce */
    .menu-back {
        position: fixed;
        left: 255px;
        top: 0px;
        display: block;
    }

    /* styl pro logo na vetsi obrazovce, zde nastavujem vysku stejne jako v puvodnim reseni */
    .navbar-main .navbar-block img.logo, .navbar img.logo {
        max-width: none;
        max-height: none;
        height: 30px;
        padding-left: 0;
    }

    /* styl pro logo na vetsi obrazovce (plusPortalInfo.master) */
    .navbar img.logo {
        margin-top: 10px;
    }
}




/*=========================styl pro bílé pozadí navbaru========================================*/
.navbar-white {background-color:#fff;}

@media screen and (min-width: 768px) {
    .navbar-img {
        padding: 10px;
    }

    .navbar-img > img {
        height: auto !important;
        width: auto !important;
        max-width: 180px;
        max-height: 30px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-img {
        padding: 10px;
    }

    .navbar-img > img {
        height: auto !important;
        width: auto !important;
        max-width: 120px;
        max-height: 30px;
    }
}

.navbar-nav-icons > li {display:block;font-size: 20px;width: 50px;height: 50px;line-height: 50px;text-align: center;}
.navbar-nav-icons > li > a {color: #777;display: block;width: 50px;height: 50px;}
.navbar-nav-icons > li > a.alarm {color:#fff;}
.navbar-nav-icons > li > a:hover {color: #5e5e5e;}
.navbar-nav-icons > li > a.alarm:hover {color:red;background-color:#FFF;}
.navbar-nav-icons .dropdown-menu {left: auto;right: 0;}
.navbar-nav-icons > li > ul > li {text-align:left;}
.navbar-nav-icons > li.open > a {background-color:#999;color:#fff;}

.btn-floating { position: fixed; bottom: 16px; right: 16px; width: 32px; height: 32px; background: #EEE; text-align: center; }
.btn-floating-inner { font-size: 16px; color: #333; margin-top: 6px; }
        
@media screen and (max-width: 767px) 
{
    .navbar-nav-icons > li {display:inline;font-size: 20px;width: 100%;height: 30px;line-height: 30px;text-align: left;}
    .navbar-nav-icons > li > a {color: #777;display: block;width: 100%;}
}


/* ======================= Login.aspx =============================================================*/        
        
        
        .login-page {display:grid;grid-template-columns:repeat(13, 1fr);height:100vh;}
        .login-page .left-box {grid-column: 1 / 6;padding: 2rem 5rem;display:flex;justify-content:flex-end;align-items:center;}
        .text-welcome {max-width:40rem;padding: 2rem;}
        .login-page .right-box {grid-column: 6 / 14;padding: 2rem 5rem;width:60rem;}
        .login-page .right-box .header {display:block;margin-top:40px;margin-bottom:60px;position:relative;}
        .login-page .right-box input:not([type=submit]):not([type=checkbox]):not([type=radio]) {display:block;margin:0;outline:0;width:100%;padding:6px 12px;border:0;border-radius:0;border-bottom:1px solid #929292;line-height:1.5;font-size:16px;}
        .login-page .right-box .mb-3 {margin-bottom:30px;margin-top:15px;}
        .login-color {background-color:rgb(0,88,163);color:white;}
        .lang {position:relative;}
        .header .dropdown-menu {top:20px;right:0px;left:inherit;min-width:70px;}
        .container-flex {display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 50px);}

        @media(max-width: 988px) {
            .login-page {display:block;}
            .login-page .box-1 {width:100%;height:150px;justify-content:flex-start;align-items:flex-start;}
            .text-welcome {max-width:100%;}
            .text-welcome h1 {font-size:14px!important;}
            .login-page .right-box {width:100%;}
            .login-page .right-box .header {margin:0px;}
        }


/* sytly používané v HomePage.aspx===================================================================================================*/
.grid-stack-container {margin-top:20px;}
.grid-stack-item-content {margin:2px;}
a.grid-stack-item-content:hover {filter:brightness(0.8);}
.grid-stack-item-content > div {padding:15px;text-align:center;}
.grid-stack > .grid-stack-item > .grid-stack-item-content{left: 1px; right: 1px;}
.grid-stack-item-content .mnu-icon {font-size:20px;}
.grid-stack-item-content {font-size:12px;text-align:center;overflow-y:hidden!important;}
.del-btn {position:absolute;right:10px;z-index:9999;display:block;padding:5px;color:#fff;}

@media screen and (max-width: 1200px) 
{
    .grid-stack-item-content > div {padding:10px;text-align:center;font-size:9px;}
}
        
.tiles-menu {background-color:#fff;border:1px solid #ccc;padding:15px;position:absolute;top:80px;left:60px;z-index:9999;min-width:300px;}
.tiles-menu > div {max-height:450px;overflow:auto;}
.tiles-menu li > a  {display:inline-block;padding:4px 5px;color:#777;}
.tiles-menu > div > ul > li  ul {margin-left:15px;}

.disabled-tile { cursor: not-allowed; opacity: 0.3; }

/* nastavení pro SqlGrid*/
.table-toolbar {padding:0px;}
.deselectAllSqlGrid {border: none;padding-top: 15px;padding-bottom: 15px;background: none;color: #777777;}
.deselectAllSqlGrid:disabled {color: #c1c1c1;} 

    
/*.widget {border-radius:0px;}
.widget > .card-header {padding:0px;background-color:#fff;border-color:transparent;}*/

/* styly využívané pro stránky type TreView-ListView */
.col-tree {border-right:1px solid #e7e7e7;}
.col-tree > div {overflow:auto;}
        
@media (max-width: 992px) 
{
    .col-tree {border-right:none;margin-bottom:10px;border-bottom:1px solid #e7e7e7;}
    .col-tree > div {max-height:150px;}
}
        

/* pravidla pro prvek Tree.vb */

.tree-header {margin-bottom:20px;}
.tree-body {border-top:1px solid #ccc;}
.tree-node-toggler {display:inline-block;color:#777;}
.tree-node-disabled {color: #a6a6a6; font-style: italic;}
.tree-node-not-valid-future {background-color:lightgreen;}
.tree-node-not-valid-future:after {content:"*"; margin-left:5px;}
.tree-node-not-valid-past {background-color:#ffcc63;}
.tree, .tree ul {list-style-type:none;margin:0px;padding:0px;}
.tree ul ul {margin-left: 20px;}
.tree ul {margin-left: 20px; position: relative;}

.tree li {position:relative;}
.tree li.active > table {background-color:#fafafa;border:1px solid;}

.tree .fiBlick {white-space:nowrap;visibility:hidden;}

.tree table:hover {background-color:#fafafa;border:1px dotted;}
.tree table:hover .fiBlick {visibility:visible;}
.tree .fiBlick a {color:#fafafa;padding:0px 5px;}

.tree table {border-collapse:collapse;width:100%;border:1px solid transparent;}
.tree tr {vertical-align:top;}
.tree td {padding:6px 0px;}
.tree td:first-child {width:20px;}
.tree td:last-child {text-align:right;}
.tree td > a {text-decoration:none;color:#777;}


.tree ul:before {content: "";display: block;width: 0px;position: absolute;top: 0px;bottom: 0px;left: -10px;border-right: 1px dotted;}
.tree ul li:before {content: ""; display: block; width: 10px; height: auto; border-top: 1px dotted; margin-top: -1px; position: absolute; top: 1em; left: -9px;}
.tree li:last-child:before {background: #fff;height: auto;top: 1em;bottom: 0px;left:-10px;}


/* pravidlo pro správné zobrazení textu u checkboxu a rdiobuttonu*/
.chk {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;}
.chk label {font-weight:normal;margin-left:10px;padding-top:3px;font-size: inherit;}
.chk-bold label {font-weight:bold;}
.old .chk label {font-weight:normal;}

/* pavidla pro checklisty*/
.checklistRows table tbody tr td input {margin-right:10px;}

/*==== starý typ nadpisu, používaný v některých zakázkových stránkách ==========*/
.personal-card-title {border-bottom:1px solid #337ab7; color:#337ab7;}

/* ======= prázdný seznam ========*/
.gridview-row-empty > td {border:none!important;padding:0px!important;}

/* pravidla pro prvek SelectDepartment.vb*/
.sd-tree-node {color:#777;}
.sd-tree-node-selected {font-weight:bold;}
.sd-tree-node:hover {color:orange;}    


/* pomocné obecné pravidlo pro zvýraznení */
.text-bold {font-weight:bold;}
.text-md {font-size:20px;}

/*---------------------------------------------------------------------------------------
TRAVEL DASHBOARD & TRAVEL LIST
-----------------------------------------------------------------------------------------*/

.dl-link {text-decoration:none;display:block;color:#777;}
.dl-link:hover {text-decoration:none;}
.dl-item {padding:4px; color:#444; border:1px solid transparent;margin-bottom:10px;}
.dl-item:hover {background-color:#f6f6f6; border-radius:4px; border:1px dotted #222; color:#999;}
.dl-item > table {width:100%;}
.dl-item td {vertical-align:top;}
.travel-panel-alert {color:#bbb;}
.list-payment {margin-bottom:0px;}
.dl-sublink {text-decoration:none;}
.dl-sublink:hover {text-decoration:none;color:red!important}
.navbar-padding {padding-left:10px;}
.td-cmd {width:25px;}

/*Pravidlo pro GuideStep.ascx*/
.info {max-height:40px;overflow:auto;}

/*Pravidlo pro RecruitmentDashboard.aspx*/
.notice {padding:15px;}


/*----------------------------------------------------------------------------------------
NATSAVENÍ PATY STRÁNKY FORMULÁŘŮ S EDITAČNÍMI TLAČÍTKY
------------------------------------------------------------------------------------------*/
.buttons-footer {padding:15px 30px;position:fixed;bottom:0px;left:0px;right:0px;background-color:#FFF;z-index: 100000;}
.edit-area {margin-bottom:70px;}


/* styly pro prvek IndexPageMenuBar.ascx používaný ve straších typech indexových stránek*/
.index-page-footer {background-color:white; padding-bottom:0px;}

.index-content.menu-closed { margin-left: 0; }
.index-page-bar { position: fixed; height: 40px; background: #BBB; top: 50px; left: 0; right: 0; z-index: 99; }
.index-page-bar-padding { height: 50px; }
.index-page-bar .navbar-toggle { background: #EEE; color: #BBB; border-radius: 1px; float: left; height: 100%; margin-top: 0; }
.index-page-bar .navbar-toggle .icon-bar { background: #666!important; }
.index-page-bar .page-title-container { font-size: 20px; color: white; margin-top: 6px; }

.index-page-bar .navbar-toggle:hover { background: #666; color: #BBB; border-radius: 1px; float: left; }
.index-page-bar .navbar-toggle:hover .icon-bar { background: #EEE!important; }

@media all and (max-width: 1199px) {
    .index-content { margin-left: 0 !important; }
    .sidebar { position: fixed; left: 0; top: 90px; bottom: 0; z-index: 100; max-height: none; }
    .index-page-bar .navbar-toggle { display: block; }
}
        
@media all and (min-width: 1200px) {
    .index-page-bar { display: none; }
    .index-page-bar-padding { display: none; }
}

@media all and (max-width: 991px) {
     body { overflow-x: hidden!important; }
}

@media all and (max-width: 768px) {
    .hidden-on-mobile { display: none !important; }
    .pre-hide { display: none; }
    hr.smaller-padding-on-mobile { margin-top: 5px; margin-bottom: 5px; }
}

@media all and (min-width: 768px) {
    .hidden-on-desktop { display: none; }
}

/*-----------------KOnec IndexPaageMenuBar.ascx --------------------------*/



.card-header {cursor: pointer;}

/*Styly pro pager responzivniho SqlGridu*/
.container-pager {font-size:80%;}
.btn-pager {color:#999;}
.dll-pager {border:1px solid #aaa;border-radius:4px;}
.chk-pager {vertical-align:-4px;display:inline;}
.chk-pager label {vertical-align:4px;}
.no-border {border:none;}

/*Responzivita modálního okna*/


/* Vizuální indikátor pro táhnutí oken */
.card-header {
    cursor: pointer;
}

/* --- CHYTRÉ ŘEŠENÍ POZADÍ (KASKÁDA) --- */
/* Opravena syntaxe (tečka místo čárky). První pozadí bude klasicky šedé */
.modal-backdrop { 
    opacity: 0.5 !important; 
}
/* Každé další okno v kaskádě již pozadí neztmavuje (řešeno v JS přímou barvou na modal) */
.modal-backdrop ~ .modal-backdrop { 
    opacity: 0 !important; 
}

@media (min-width:768px){
    .modal-min-with:{min-width: 700px;}
}


/* Prevence proti "poskakování" stránky kvůli mizení scrollbaru při otevření oken */
body {
    padding-right: 0 !important;
}


.message-box-modal .modal {z-index: 1000000 !important;}

.modal-auto-width {
    width: fit-content !important;
    max-width: 90vw !important; /* Maximálně zabere 90% šířky obrazovky */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Posune celý flexbox kontejner modalu pod fixní 50px záhlaví */
.modal {
    padding-top: 50px !important; /* Uhne před fixním menu */
    height: calc(100vh - 50px) !important; /* Zmenší výšku kontejneru o výšku menu */
}

/* Omezí maximální výšku samotného dialogu, aby se správně aktivoval vnitřní scrollbar */
.modal-dialog {
    max-height: calc(100vh - 80px) !important; /* 50px menu + 30px rezerva pro pěkný okraj dole */
}

/*----------------------------------------------------------------------------------------
STYLOVÁNÍ PRVKU MULTISELECT
------------------------------------------------------------------------------------------*/
.multi-select {
    min-width: 90px;
    position: relative;
}

.multi-select-focus {
    border: 1px solid #66afe9;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}


.multi-select-focus .input-sm{
    height: 28px;
}

.multi-select-focus .form-control{
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.multi-select-focus .input-group-addon{
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.input-group-addon-chrome{
    padding: 0px 4px;
    padding-bottom: 4px;
}

.input-group-addon-chrome span {
    display:none;
}

.input-group-addon-chrome:after{
    content: "\25BC";
    font-size: 9px;
}

.input-group-addon-moz{
    padding: 0px 3px;
    font-size: 10px;
    color: #565656;
}

.multi-select-alert-wrapper{
    position:absolute;
    white-space:nowrap;
    padding: 0px 10px;    
    text-overflow: ellipsis;
    width: 100%;    
    overflow: hidden;
}

.multi-select-selected-div {
    display: inline-block;
    border: 1px #cccccc solid;
    border-radius: 4px;
    padding: 0px 4px;
    margin-right: 3px;
}

.multi-select-selected-div a{
    margin-left: 5px;
}

.multi-select-selected-div halflings{
    margin-left: 5px;
}

.multi-select-selected-div a:hover .halflings{
    font-weight: bold;
    cursor:pointer;
}

.multi-select-select-box {
    position: relative;
    -webkit-transition: -webkit-box-shadow ease-in-out .15s; /*border-color ease-in-out .15s,*/
    -o-transition: box-shadow ease-in-out .15s;  /*border-color ease-in-out .15s,*/
    transition: box-shadow ease-in-out .15s;    /*border-color ease-in-out .15s*/
}

.multi-select .form-control{
    -webkit-transition: -webkit-box-shadow ease-in-out .15s; /*border-color ease-in-out .15s,*/
    -o-transition: box-shadow ease-in-out .15s;  /*border-color ease-in-out .15s,*/
    transition: box-shadow ease-in-out .15s;    /*border-color ease-in-out .15s*/
}

.multi-select-checkboxes .chk {
    clear: both;
    min-height: 22px;
}

.multi-select-ddl{
    overflow:hidden;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 250px!important;
}

span[disabled="disabled"] .multi-select-ddl{
    background-color: #eee;
}

.multi-select-select-box select {
    width: 100%;
    font-weight: bold;
}

.multi-select-over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multi-select-checkboxes {
    display: none;
    border: 1px solid #cccccc;
    white-space: nowrap;
    min-width: 100%;
    position: absolute;
    z-index: 3;
    background: white;
    margin-bottom: 70px;
}

.multi-select-checkboxes .chk input{
    float: left;
}

.multi-select-checkboxes .chk label{
    /*display:block;*/
    margin-left: 10px;
    margin-bottom: 0px;
    padding: 1px;
}

.multi-select-checkboxes span {
    /*display: block;*/
    padding: 0px 3px;
}

.multi-select-icon-panel {
    float: right;
}

.multi-select-checkboxes span:hover {
    background-color: #1e90ff;
}

/*STYLY  PRO PANELY ALERTU V DASHBOARDECH - používají se už jen omezeně */
#colInfo {border-right:1px solid #ddd;}
#colInfo .alert {position:relative;}
#colInfo.compact .alert {margin-bottom:5px;padding:8px;border:none;border-radius:4px;}
#colInfo .alert:hover {opacity:0.8;}
.alert-pointer {position: absolute; right: 16px; top: 15px;}
#colInfo .alert a {display:block;}
#colInfo .alert a:hover {text-decoration:none;}
#colInfo .alert {padding:0px;}
#colInfo .alert-link {padding:15px;display:block;}
#colInfo .alert-active, #colInfo.compact .alert-active  {background-color:transparent !important;border:1px solid #ddd;border-right:1px solid #fff;margin-right:-16px;padding-right:16px;border-radius:4px 0px 0px 4px;}

#colData .list-group-item {padding:5px 15px;}


/*zadavani koeficientů u složky mzdy*/
.coef-edit {display:inline-block;text-align:center;vertical-align:text-top;}
.coef-edit a {font-size:12px;}

@media (max-width: 768px) 
{
    #colInfo .alert-active, #colInfo.compact .alert-active  {background-color:#d9edf7;border:1px solid #d9edf7;padding-right:16px;margin-right:0px;border-radius:4px;}
}


/* štítky pro označování pro oznacovani zaznamu - alternativa ke tride label. Aplikuje se na prevk <a> */
.tag {
   float: left;
   height: 16px;
   line-height: 16px;
   position: relative;
   margin-left: 10px;
   padding: 0 10px 0 10px;
   background: #20C997;
   color: white;
   text-decoration: none;
   border-radius:0 4px 4px 0;
   font-size:11px;
   font-weight:bold;
}

.tag-right {display:inline;float:right;}

.tag-default {background: #818A91;}
.tag-success {background: #20C997;}
.tag-danger {background: #DC3545;}
.tag-warning {background: #FFC107;}
.tag-info {background: #17A2B8;}
.tag-pink {background: #E83E8C;}

.tag:before {
   content: "";
   position: absolute;
   top: 0;
   left: -8px;
   border-color: transparent #20C997 transparent transparent;
   border-style: solid;
   border-width: 8px 8px 8px 0;
}

.tag-default:before {border-color: transparent #818A91 transparent transparent;}
.tag-success:before {border-color: transparent #20C997 transparent transparent;}
.tag-danger:before {border-color: transparent #DC3545 transparent transparent;}
.tag-warning:before {border-color: transparent #FFC107 transparent transparent;}
.tag-info:before {border-color: transparent #17A2B8 transparent transparent;}
.tag-pink:before {border-color: transparent #E83E8C transparent transparent;}


/* =============================================================================================
    sada tlačítek filtrů nad seznamem 
===============================================================================================*/
.filter-banner {display: inline-block;background-color: #f0f0f0;width: 100%;margin:0px;border:1px solid transparent;border-radius:4px;max-height:250px;overflow-y:auto;overflow-x:auto;padding:2px;margin-bottom:10px;}
.filter-banner > div {display: block;width:100%;background-color:transparent;}
.filter-banner > div a {display:flex;flex-direction:row;justify-content:flex-start;padding:4px;color:#777;height:auto;width:100%;text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:4px;align-items:baseline;}
.filter-banner > div a:hover {border:1px dotted #888;}
.filter-banner > div.selected a {border:1px solid #888;}
.filter-banner .filter-count {font-size:14px;font-weight:bold;min-width:45px;text-align:center;margin-right:10px;border-radius:10px;}
.filter-banner > div.alert-error a {color:crimson;}
.filter-banner > div.alert-danger a {color:red;}
.filter-banner > div.alert-success a {color:green;}
.filter-banner > div.alert-warning a {color:darkorange;}
.filter-banner > div.alert-total a {color:gray;}
.filter-banner > div.alert-default a {color:inherit!important;}


@media (min-width:768px){
.filter-banner {display: flex; flex-wrap:nowrap;justify-content:flex-start;width: 100%;align-items:stretch;}
.filter-banner > div {flex-basis:150px;width:auto;background-color:transparent;border:transparent;}
.filter-banner > div a {display:block;text-align:center;border-radius:0px;border:none;height:100%;}
.filter-banner > div a:hover {border:none;border-bottom:4px solid #ddd;}
.filter-banner > div.selected a {border:none;border-bottom:4px solid #888;}
.filter-banner .filter-count {font-size:24px;font-weight:bold;min-width:auto;margin-right:0px;width:auto;border-radius:0px;background-color:transparent!important;color:inherit!important;}

.gray .filter-banner {background-color:#fff;border:1px solid #eee}

.old .filter-banner {background-color:#fff;}
.old .filter-banner > div {margin-right:4px;}
.old .filter-banner > div a {border:1px solid transparent;background-color:#f0f0f0;border-radius:4px;}
.old .filter-banner > div.alert-error a {background-color:crimson;color:#fff;}
.old .filter-banner > div.selected a {border-width:2px;}
.old .filter-banner > div a:hover {border-style:dotted;}
}   

/* ========TinyMCE editor ===============*/
/* pomocné panely (menu, dropdowny, dialogy) – musí být nad modalem */
.tox-tinymce-aux { z-index: 999999 !important;}

/* nezobrazovat tooltipy */
.tox-tooltip { display: none !important;}


/* ============== CodelistsSettings.aspx ================================*/
 
 .link-codelist {display:flex;border:1px solid transparent;border-radius:4px;padding:2px;}
 .link-codelist:hover {text-decoration:none;border:1px dotted #333;}


/*STYLY PRO WIZARDY A JEJICH STEPY*/
.wizard-container {margin-top:40px;margin-bottom:20px;}
.step-header h3 {display:inline;white-space:nowrap;}
.step-body {margin-left:30px;margin-top:15px;}
.step-footer {margin-left:30px;}
/*.step-body p.form-text {font-size:12px;font-style:italic;padding-left:40px;}*/
.btn-step-edit {margin-left:15px;}

 @media (max-width:768px) {
   .step-header h3 {display:inline;font-size:12px;white-space:nowrap}
   }

 
 /* styly pro zarovnání prvků v řádku formuláře================================================================================================*/
.row-flex {display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;align-content:flex-start;padding:0px;margin:0px;}
.row-flex > div, .row-flex > a, .row-flex > span {margin-right:5px;margin-bottom:15px;max-width:100% !important;}
.row-flex > div:-moz-only-whitespace {margin-left:0px !important;margin-right:0px !important;}
.row-flex.vertical-center {align-items:center;}
.row-flex.vertical-baseline {align-items:baseline;}
.row-flex.vertical-end {align-items:end;}

@media (min-width:768px) {
    .row-flex > div, .row-flex > a, .row-flex > span {margin-right:5px;margin-bottom:15px;}
    .row-flex > div.mb-3 {margin-bottom:15px;}
}


/* styly pro detail-show-hide ovládací prvky*/
.detail-show-hide-btn{font-weight: normal; text-decoration: none; cursor:pointer; margin-right: 5px;}
.detail-show-hide-btn:hover{text-decoration: none;}
.detail-show-hide-btn:focus{outline-offset: 1px;}
.detail-show-hide-btn-icon {text-decoration: none;}
.detail-show-hide-btn-label:hover {text-decoration: underline;}
.detail-show-hide-panel {display:none;}


/*--------------------------------------------------------
WidgetRequests.ascx
----------------------------------------------------------*/
.WidgetRequests {}
.WidgetRequests .content {padding:10px;max-height:300px;overflow:auto;}
.WidgetRequests .error {color:#aaa;}


.glyph-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*HR_MainPage.aspx======================================================================================================*/

    
    .row-last-employees {display:flex;flex-direction:column;row-gap:10px;}    
    .last-employee-container {border: 2px solid transparent;border-radius: 4px;padding: 4px;background-color:#fff;width:100%;}
    .last-employee-container:hover {border:2px solid #ccc;}
    .last-employee-container img {border-radius:4px;}
    
    .CrossHidden {opacity:0.1;}
    .last-employee-container:hover .CrossHidden {opacity:1;}

    @media (min-width:768px) {
        .row-last-employees {column-gap:15px;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;align-content:stretch;}    
        .last-employee-container {flex-basis:25%;}
    }



/*IndexPage.ascx====================================================================================================*/
    .index-page {display:grid;grid-template-columns:220px 280px auto;width:100%;grid-template-rows:max-content 1fr;}
    .index-page .index-menu {grid-column:1 / 2;grid-row:1 / 3;background-color:#F5F5F5;max-height:calc(100vh - 50px);overflow-y:auto;}
    .index-page div {scrollbar-width: thin;}

    .index-page ::-webkit-scrollbar { width: 6px;}
    .index-page ::-webkit-scrollbar-track {background: #f1f1f1;}
    .index-page ::-webkit-scrollbar-thumb {background: #999;border-radius:3px;}
    .index-page ::-webkit-scrollbar-thumb:hover {background: #777;}

    .index-page .index-menu .title-menu {display:block;padding:10px;background-color:transparent;color:#555;font-size:20px;font-weight:normal;}
    .index-page .index-menu .menu-body {overflow-y:auto;overflow-x:hidden;width:100%;padding:10px;}
    .index-page .index-menu a {display:block;padding:4px 10px;text-decoration:none;border-radius:4px;color:#555;}
    .index-page .index-menu a:hover {background-color:#ccc;}
    .index-page .index-menu a[disabled] {cursor:not-allowed;}
    

    .index-page .header-top {grid-column:2 /4;grid-row:1 / 2;height:max-content;border-bottom:1px solid #ccc;}
    .index-page .header-left {grid-column:2 / 3;grid-row:2 / 3;background-color:#fff;border-right:1px solid #eee;}
    .index-page .content {grid-column:3 / 4;grid-row:2 / 3;}

    .index-page.no-header-top .header-top {display:none;}
    .index-page.no-header-top .header-left {grid-row:1 / -1;}
    .index-page.no-header-top .content {grid-row:1 / -1;}

    .index-page.no-header-left .header-top {grid-column:2 / 4;}
    .index-page.no-header-left .header-left {display:none;}
    .index-page.no-header-left .content {grid-column:2 / 4;}

    .index-page.no-header-top.no-header-left .content {grid-column:2 / 4;grid-row:1 / -1;}


    .index-page .header-left .header-content, .index-page .header-top .header-content {padding:15px;background-color:#fff;}
    .index-page .header-toggler, .index-page .menu-toggler {display:none;}
    .index-page .header-toggler>span {align-self:center;}
    .index-page .header-toggler #chevron {margin-left:auto;}
        
    @media all and (max-width: 768px) {
    .index-page {grid-template-columns:1fr;grid-template-rows:40px 40px max-content 1fr;}
    .index-page .index-menu {display:none;grid-column:1 / 2;grid-row:3 / 5;}
    .index-page.menu-opened .index-menu {display:block;}
    .index-page.menu-opened .content, .index-page.headers-opened .content {display:none;}
    .index-page .index-menu .title-menu {display:none;}
    .index-page .index-menu a {display:block;padding:4px 10px;color:#777;text-decoration:none;margin-left:0px;border-radius:0px;}

    .index-page .header-toggler {display:flex; gap:6px; text-decoration:none;padding: 0px 15px;overflow:hidden;}
    .index-page .menu-toggler {display:block;background-color:#AAA;color:#fff;padding:0px;line-height:1;font-size:20px;grid-column:1 / 2;grid-row:2 / 3;}
    .index-page .content {grid-column:1 / 2;grid-row:3 / 5;}
    .index-page .mobile-title {padding:13px;font-size:14px;margin-left:40px;}
    .index-page .mobile-menu-button {display:block;float:left;padding:10px;color:#fff;background-color:#888;height:40px;}

    .index-page .header-top {display:none;grid-column:1 / 2;grid-row:2 / 4;}
    .index-page .header-left {display:none;grid-row:4 / 5;background-color:#fff;}
    .index-page.no-header-top .header-left {grid-row:2 / 5;grid-column:1 / 2}
    .index-page.no-header-left .header-top {grid-row:2 / 5;grid-column:1 / 2}
    .index-page.no-header-top .content {grid-row:3 / 5;}
    .index-page.no-header-left .content {grid-row:3 / 5;grid-column: 1 / -1;}
    .index-page.headers-opened .header-top, .index-page.headers-opened .header-left {display:block;}
    .index-page.headers-opened .index-menu {display:none;}
    .index-page.headers-opened .menu-toggler {display:none;}
    
    .index-page.no-header-top.no-header-left #chevron {display:none;}
    .index-page.no-header-top.no-header-left .content {grid-column:1 / 2;grid-row:3 / 5;}
    
    }

    .index-page-loading-circle {
        margin: 30px !important;
        float:left;
        font-size: 5px !important;
    }

    .index-page-loading-text {
        padding-top: 20px;
        font-size: 18px;
        display: block;
    }

    .index-page-loading {
        position: absolute;
        width: 100%;
    }


    /*EmployeeIndex.aspx ====================================================================================================*/

    .index-page .employee-info {overflow-y:auto;height:calc(100vh - 60px);}
    .index-page .link-search {color:#222;padding:0px;font-size:20px;}

    @media (max-width: 1400px) {
        /*.employee-image {width:40%}*/
        .employee-name {font-size:16px;}
    }
    
    .employee-image{height:200px; background-size:cover;}
    .img-circle-thumbnail{border-radius: 50%;border: none;height: 30px;width: 30px;background-position: top left;background-size: cover;}

/*------------------------------------------------------------------
PrintPage.aspx
-------------------------------------------------------------------*/
.PrintPage {width:100%; font-family:Arial, Sans-Serif;margin:0; font-size:13.28px;}
.PrintPage .TimeoutStatement {width:640px;margin: 10px auto 10px auto;font-size:0.83em;font-weight:normal;}
.PrintPage .TimeoutStatement .TabHeader {width:100%;border-collapse:collapse;margin-bottom:20px;}
.PrintPage .TimeoutStatement .TabHeader .Title {font-size:1.5em;font-weight:bold;}
.PrintPage .TimeoutStatement .TabHeader .Contract {text-align:left;font-size:1.0425em;}
.PrintPage .TimeoutStatement .TabHeader .PrintTime {text-align:right;font-size:1.0425em;}
.PrintPage .TimeoutStatement .TabStatement {width:100%;border-collapse:collapse;margin-bottom:20px;border:2px solid #C0C0C0;line-height:1.087;}
.PrintPage .TimeoutStatement .TabStatement tr {vertical-align:top;}
.PrintPage .TimeoutStatement .TabStatement th {padding: 4px 5px 4px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;font-size:1em;font-weight:bold;box-sizing:unset;}
.PrintPage .TimeoutStatement .TabStatement td {padding: 4px 5px 4px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;box-sizing:unset;}
.PrintPage .TimeoutStatement .TabStatement .Col1 {text-align:left;width:35px;}
.PrintPage .TimeoutStatement .TabStatement .Col2 {text-align:left;width:190px;}
.PrintPage .TimeoutStatement .TabStatement .Col3 {text-align:left;}
.PrintPage .TimeoutStatement .TabStatement .Col3a {text-align:left;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .TimeoutStatement .TabStatement .Col3b {text-align:right;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .TimeoutStatement .TabStatement .Col3c {text-align:left;width:75px;}
.PrintPage .TimeoutStatement .TabStatement .Col4 {text-align:left;}
.PrintPage .TimeoutStatement .TabStatement .Col4a {text-align:left;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .TimeoutStatement .TabStatement .Col4b {text-align:right;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .TimeoutStatement .TabStatement .Col4c {text-align:left;width:75px;}
.PrintPage .TimeoutStatement .TabStatement .Col5 {text-align:right;}
.PrintPage .TimeoutStatement .TabStatement .ColF1 {text-align:left;font-size:1em;font-weight:bold;}
.PrintPage .TimeoutStatement .TabStatement .ColF2 {text-align:center;font-size:1em;font-weight:bold;}
.PrintPage .TimeoutStatement .TabStatement .ColF3a {border-right:1px solid #C0C0C0;}
.PrintPage .TimeoutStatement .TabStatement .ColF3b {text-align:right;font-size:1em;font-weight:bold;border-right:1px solid #C0C0C0;}
.PrintPage .TimeoutStatement .TabStatement .ColF3c {}
.PrintPage .TimeoutStatement .TabStatement .ColF4a {border-right:1px solid #C0C0C0;}
.PrintPage .TimeoutStatement .TabStatement .ColF4b {text-align:right;font-size:1em;font-weight:bold;border-right:1px solid #C0C0C0;}
.PrintPage .TimeoutStatement .TabStatement .ColF4c {}
.PrintPage .TimeoutStatement .TabStatement .ColF5 {text-align:right;font-size:1em;font-weight:bold;}
.PrintPage .TimeoutStatement .TabStatement .RowHeader {background-color:#D8D8D8;}
.PrintPage .TimeoutStatement .TabStatement .RowSaturday {background-color:#F0F0F0;}
.PrintPage .TimeoutStatement .TabStatement .RowSunday {background-color:#F0F0F0;}
.PrintPage .TimeoutStatement .TabStatement .RowNationalDay {background-color:#F0F0F0;}
.PrintPage .TimeoutStatement .TabStatement .RowFooter {border-top:2px solid #C0C0C0;}
.PrintPage .TimeoutStatement .TabFooter {width:100%;border-collapse:collapse;}
.PrintPage .TimeoutStatement .TabFooter .Balance {font-size:1em;font-weight:bold;}

/*m08*/
.PrintPage .m08_TimeoutStatement {width:690px;margin: 5px auto 5px auto;font-size:11.0224px;font-weight:normal;}
.PrintPage .m08_TimeoutStatement .TabHeader {width:100%;border-collapse:collapse;margin-bottom:5px;}
.PrintPage .m08_TimeoutStatement .TabHeader .Title {font-size:1.5em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabHeader .Contract {text-align:left;}
.PrintPage .m08_TimeoutStatement .TabHeader .PrintTime {text-align:right;}
.PrintPage .m08_TimeoutStatement .TabStatement {width:100%;border-collapse:collapse;margin-bottom:5px;border:2px solid #C0C0C0;line-height:1.087;}
.PrintPage .m08_TimeoutStatement .TabStatement tr {vertical-align:top;}
.PrintPage .m08_TimeoutStatement .TabStatement th {padding: 4px 5px 4px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;font-size:1em;font-weight:bold;box-sizing:unset;}
.PrintPage .m08_TimeoutStatement .TabStatement td {padding: 2px 5px 2px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;box-sizing:unset;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col1 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col2 {text-align:left;width:190px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col3a {text-align:left;width:70px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col3b {text-align:left;width:70px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col4 {text-align:left;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col4a {text-align:left;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col4b {text-align:right;border-right:1px solid #C0C0C0;width:30px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col4c {text-align:left;width:70px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col5 {text-align:right;width:50px;}
.PrintPage .m08_TimeoutStatement .TabStatement .Col6 {text-align:right;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF1 {text-align:left;font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF2 {text-align:center;font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF3a {border-right:1px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF3b {border-right:1px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF3c {}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF4a {border-right:1px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF4b {text-align:right;font-size:1em;font-weight:bold;border-right:1px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF4c {}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF5 {text-align:right;font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabStatement .ColF6 {text-align:right;font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabStatement .RowHeader {background-color:#D8D8D8;}
.PrintPage .m08_TimeoutStatement .TabStatement .RowSaturday {background-color:#F0F0F0;}
.PrintPage .m08_TimeoutStatement .TabStatement .RowSunday {background-color:#F0F0F0;}
.PrintPage .m08_TimeoutStatement .TabStatement .RowNationalDay {background-color:#F0F0F0;}
.PrintPage .m08_TimeoutStatement .TabStatement .RowFooter {border-top:2px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabFooter {width:100%;border-collapse:collapse;}
.PrintPage .m08_TimeoutStatement .TabFooter td {padding-bottom:3px;}
.PrintPage .m08_TimeoutStatement .TabFooter .Balance {font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabFooter .OverTime {font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabFooter .OverTimePayment {font-size:1em;font-weight:bold;}
.PrintPage .m08_TimeoutStatement .TabStravenky {width:100%;border-collapse:collapse;line-height:1.087;}
.PrintPage .m08_TimeoutStatement .TabStravenky tr {vertical-align:top;}
.PrintPage .m08_TimeoutStatement .TabStravenky td {padding: 4px 5px 4px 5px;box-sizing:unset;}
.PrintPage .m08_TimeoutStatement .TabStravenky .Col1 {text-align:left;}
.PrintPage .m08_TimeoutStatement .TabStravenky .Col2 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabStravenky .Col3 {text-align:left;width:35px;font-size:0.83em}
.PrintPage .m08_TimeoutStatement .TabStravenky .Col4 {text-align:center;width:100px;font-size:0.83em}
.PrintPage .m08_TimeoutStatement .TabStravenky .Col5 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabStravenky .Box {border:2px solid #C0C0C0;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace {width:100%;border-collapse:collapse;border:2px solid #C0C0C0;line-height:1.087;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace tr {vertical-align:top;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace th {padding: 2px 5px 2px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;font-size:1em;font-weight:bold;box-sizing:unset;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace td {padding: 2px 5px 2px 5px;border:1px solid #C0C0C0;border-right:2px solid #C0C0C0;box-sizing:unset;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .Col1 {text-align:left;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .Col2 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .Col3 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .Col4 {text-align:left;width:100px;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .Col5 {text-align:left;width:35px;}
.PrintPage .m08_TimeoutStatement .TabRakapitulace .RowHeader {background-color:#D8D8D8;}


/*=======pomocné třídy pro nápovědnou šířku========*/
.flex-width {width:auto;max-width:100%;}
.fixed-width {flex-grow: 0;flex-shrink: 0}
.flex-width .form-control {width: auto;}

.tooltip {z-index: 99999;}
.text-box > input {max-width: 100%;}



/*=============================================================================================
    FormSectionLayout.aspx
===============================================================================================*/

.form-section-layout {position:relative;}

.section > row {display:block;}
.sections > .row > div {display:block;}

.section {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;    
    border: 1px solid #ddd;
    border-radius:4px;
    padding:0px;
    margin-bottom:15px;
}

.section-heading {
    padding:15px;
    border-bottom:1px solid #eee;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.section-label {
    display: inline-block;
    font-weight:bold;
    margin-right:10px;
}

body:not(.old,.gray) .section-label {color:darksalmon!important;}

.section-body {padding: 8px 10px;}


.section.edit {
    background-color:#fff;
    box-shadow: 1px 1px 5px #333;
}




@media (min-width:786px) {
    .sections > .row {display: flex;}
    .sections > .row > div {display: flex;}
}

/*======== gray ======================*/
.gray .section {background-color:transparent;border:none;}
.gray .section-heading {padding:0px;border-bottom:none;}
.gray .section-label {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 14px;
    font-weight: bold;
    }

.gray .section-body {
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 15px;
    flex: 1;
    border:1px solid #e7e7e7;
}

.gray .section-inverse .section-body {background-color:#fff;}
.gray .section.edit {box-shadow:none;}
.gray .section.edit .section-body {background-color:#fff;border:1px solid #eee;}


/*======== old ==============================*/
.old .section {border:none;border-bottom:none;}
.old .section-heading {border-bottom:none;padding:0px;}
.old .section-label {
    font-size: 14px;
    font-weight: bold;
    padding-left: 0;
    /*border-bottom: 1px solid #337ab7;*/
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.old .btn-section-edit-text {display:none;}
.old .section-body {background-color:#fff;border:none; padding:0px;}
.old .section.edit {background-color:#fff;box-shadow:none;}

@media (min-width:786px) {
    /*starší způsob vykreslování - při přepnutí na styl plusPortal 4*/    
    .old .sections > .row {display:block;}
    .old .sections > .row > div {display:block;width:100%;}

    .old .form-section-layout .section {display:table;margin-left:-15px;margin-right:-15px;padding:10px 0px;border-bottom:1px solid #eee;margin-bottom:15px;}
    .old .form-section-layout .section-heading {width:16.666666667%;float:left;padding-right:30px;padding-left:15px;position:relative;}
    .old .form-section-layout .section-body {width:83.33333333%;float:left;padding-right:15px;padding-left:15px;}
    .old .form-section-layout .section-label {font-size:14px;font-weight:bold;margin:0px;border-bottom:none;}
    .old .form-section-layout .btn-section-edit {position:absolute;top:0px;right:0px;}
}



/*=====================styly pro prvek SectionLabel  ==========================================================*/
.section-item {display: block;flex-direction: unset;padding-bottom: 15px;}
.section-item .line-caption {}
.section-item .line-text {overflow: hidden;font-weight:bold;}
.section-item .line-undefined {font-weight: normal;color: bisque;}
.section-item .line-missing {font-weight: bold;color: coral;}


@media (min-width:480px) {
    .section-item {display: flex;flex-direction: row;padding-bottom:0px;}
    .section-item .line-caption {width: 200px;min-width: 200px;font-weight: normal;}
    .section-item:first-child .line-caption {width: 200px;min-width: 200px;}
}


    
/*========================styly pro EmployeeIndex.aspx =============================================================*/
    .employee-data-group {margin-bottom:10px;padding-bottom:10px;font-size:smaller;}
    .employee-data-group .section-item {border-bottom: 1px solid #ccc;}
    .employee-data-group .section-item .line-caption {width: 80px;min-width: 80px;}

    .thumb-line {margin-bottom:12px;display:flex;flex-flow:row wrap;}
    .thumb-line .img-circle-thumbnail {height: auto; max-width: 25px;margin-right:5px;}
    .thumb-line div {line-height:1;}
    .thumb-line div .name {display:block;font-size:100%;font-style:normal;}
    .thumb-line div span {font-size:80%;font-style:italic;}

    .link-search {text-decoration:none;padding:5px 0px;display:block;}
    .link-search:hover {text-decoration:none;}

/*style pro seznamy v sekcích založené na GridView*/
    .section-table {margin-bottom:15px;}
    .section-table th {font-weight:normal;font-style:italic;background-color:#ededed;border-bottom:none!important;}
    .section-table td {font-weight:bold;border-top:none!important;border-bottom:1px solid #ccc;}
    .section-table-empty {border:none;padding:0px;}
    .section-table-empty > td {border-top:none!important;}

    /*styly pro subsekce v JobPosition.ascx */
    .job-position-row {padding-bottom:15px;display:block;}
    .job-position-row .title {font-weight:bold;padding:2px;background-color:#ededed;color:#777;margin-bottom:10px;}
    .line-job-position {flex-wrap: nowrap;}

@media (max-width:600px) {
    .line-job-position {flex-wrap: wrap;}
}


/*styly pro mzdový notifikátor PayrollExisstsNotificator.ascx=========================================================================================================*/
.payroll-notificator {display:block;padding:15px 0px;color:red;font-style:italic;}


/*styly pro progress při načítání indexpage, central inbox nebo fileupload ========================================================================================================================*/
.loading-circle {
    margin: 4em auto;
    font-size: 24px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: loading-circle 1.1s infinite ease;
    animation: loading-circle 1.1s infinite ease;
}


/* Progress animace */
@-webkit-keyframes loading-circle {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

@keyframes loading-circle {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
    }
}

/* IdleTimeout.ascx====================================================================================================*/
#idleWarning {
    padding-bottom: 20px;
    visibility: hidden;
}

#idleWarning #progressBar {
    border-bottom: 1px solid #ccc;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #337AB7;
    z-index: 9999;
}

#idleWarning #progressBarInner {
    position: absolute;
    height: 100%;
    background: red;
    z-index: -1;
    box-shadow: 1px 1px 5px #333;
}

#idleWarning #progressBarText {
    padding: 5px;
    color: white;
}

/* Styly pro input type="color" ====================================================================================================*/
input[type="color"]{
    cursor: pointer;
}
input[type="color"].form-control {
    padding: 0px !important;
}

input[type="color"].form-control::-webkit-color-swatch-wrapper {
    padding: 0 !important;
}

input[type="color"].form-control::-webkit-color-swatch {
    border: none;
    border-radius: 4px;
}

input[type="color"].colpickSmall {
    padding: 0px !important;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

input[type="color"].colpickSmall::-webkit-color-swatch-wrapper {
    padding: 0 !important;
}

input[type="color"].colpickSmall::-webkit-color-swatch {
    border: none;
    border-radius: 4px;
}

/* styly pro oznámení zaměstnance změny v osobní kartě ===================================================================*/
.change-request-list .table-change td {
    padding: 4px 4px 15px 4px;
    color: red;
}

.change-request-list .table-change {
    border: 1px solid transparent;
}

    .change-request-list .table-change:hover {
        border: 1px dotted #888;
    }

.change-request-list.archive td {
    color: #333 !important;
}


/*--- ----------------------------------------------------------------------------------------------
    PageFilter.ASCX
----------------------------------------------------------------------------------------------------*/
    
.page-filter {
    margin-top: 2px;
    margin-bottom: 5px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
}

.page-filter.expanded .filter-expanded {
        display: block;
    }

.page-filter.expanded .filter-collapsed {
        display: none;
    }

.page-filter.collapsed .filter-expanded {
        display: none;
    }

.page-filter.bar.collapsed .filter-collapsed {
        display: block;
    }

.page-filter.expanded .controls-block {display:flex;}

.page-filter .chk {padding:6px 12px 6px 0px;line-height:1.42857143;}


.filter-expanded {
    padding: 8px;
    padding-right: 30px;
    width: 100%;
    position: relative;
    background-color: #f0f0f0;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

.filter-expanded .row-flex {margin:0px 0px -15px;}

.filter-collapsed {
    padding: 0px;
}

    .filter-collapsed a {
        color: #777;
        display: block;
        width: 100%;
        padding: 4px;
        background-color: transparent;
    }

.filter-expanded label {
    white-space: nowrap;
    overflow-x: hidden;
    margin-bottom: 0px;
}

.filter-btn-hide {
    position: absolute;
    right: 10px;
    top: 12px;
}



/* ========= popisky ve formulářích ============================*/
label {
    font-weight: normal;
    font-size: 12px;
}

.old label {font-weight:bold;font-size:14px;}

/*pomocná třídy pro rozvrhování sloupců v řádku row*/
.col-auto {
    padding: 0px 15px;
    width: fit-content;
    float: left;
}


/* jednotné záhlaví stránek PAGE HEADER*/
.page-title {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    font-weight:bold;
    margin-bottom:15px;
}





    .page-title.no-margin {
        margin-bottom: 0px;
    }

    .page-title .commands {display:block;width:auto;padding:4px 0px;}


    @media (min-width:768px) {
        /*.page-title {font-size: 24px;}*/
        .page-title .commands {float:right;width:auto;padding:0px;display:inline-block;}
        .container .page-title {padding-top:15px;}

        .old .page-title {font-size:30px;margin-bottom:10px;font-weight:500;border-bottom:1px solid #eee;}

    }

.CrossHidden {
    opacity: 0.1;
}




/* ================= styl pro tlčítka v SqlGridu ===========================*/
.btn-grid {
    border: none;
    font-weight: bold;
    padding: 1px 5px;
    line-height: 1.5;
    font-size: 12px;
    text-decoration: underline !important;
}



/*----------------------------------------------------------------------------------------------------
    WIZARD
------------------------------------------------------------------------------------------------------*/

.wz-progress {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    align-items: baseline;
}

.step {
    display: flex;
    width: 100%;
    position: relative;
    text-decoration: none;
    padding:5px;
    align-items:center;
}

    .step span {
        height: 20px;
        width: 20px;
        font-size: 9px;
        border-radius: 50%;
        border-width: 1px;
        border-style: solid;
        display: block;
        text-align: center;
        line-height: 1;
        padding:5px;
        margin:auto auto;
        background-color: #fff;
    }

.step-name {display:none;}

.step-line {
    height: 1px;
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
    content: " ";
    z-index: -1;
    display:block;
}
.step:hover {
    text-decoration: none;
}

.step:hover span, .step:hover step-line {
        filter: brightness(75%);
    }

.step.disabled {
    color: #ddd;
    cursor: not-allowed;
}

    .step.disabled span, .step.disabled .step-line {
        border-color: #ddd;
        background-color: #ddd;
        color: #fff;
    }


.wz-buttons {
    margin-bottom: 15px;
    text-align: left;
}

/*.wz-body  {height:calc(100vh - 260px);overflow-y:auto}*/

@media (min-width:768px) {

    .wz-progress {
        padding-top: 15px;
        justify-content: space-around;
    }

    .step {
        text-align: center;
        display:block;
        padding:0px;
    }

    .step span {
        height: 40px;
        width: 40px;
        font-size: 18px;
        border-radius: 50%;
        border-width: 1px;
        border-style: solid;
        display: block;
        text-align: center;
        line-height: 2;
        padding:0px;
    }

    .step-name {display:block;}

    .step-line {top: 20px;}

    /*.wz-body  {height:calc(80vh - 260px);overflow-y:auto}*/
    
}


/*=========== QueryList.aspx page ============================================================================*/
.query-list .search-box {width:100%;display:block;}
.query-list .search-box input {display:inline-block;width:calc(100% - 60px);}
.query-list .search-box a {display:inline-block;padding:4px;line-height:1.4;margin:0px;}
.query-list .row {display:flex;flex-wrap:wrap;}
.query-list .query-item {width:100%;border:1px solid transparent;border-radius:4px;margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;}
.query-list .query-item:hover {border:1px dotted #333;}

.query-item .item-img {width:50px;flex-shrink:0;}
.query-item .item-buttons {width:70px;flex-shrink:0;}
.query-item .item-buttons a {padding:2px;display:inline-block;}
.query-list .item-text {flex-grow:1;}

@media (min-width:768px) {
    .query-list .search-box {width:250px;display:inline-block;}
    .query-list .search-box input {margin-top:5px;}
        
}

/*=======breadcrumb===============================*/
.page-breadcrumb {padding:10px 4px 0px 4px;}
.page-breadcrumb > a::after {content:" /";}


/*==========ChecklistsSetting.aspx================*/
.checklists .checklist-sel {display:flex;flex-wrap:nowrap}



/*============== Settings_01.aspx ==================*/
.wizard-intro .wz-body {height:355px;}
@media (min-width:768px) {.wizard-intro .wz-body {height:240px;}}



/*=============== EmployeeAccessRights.aspx =========================*/
.access-rights .permissions {max-height:150px;overflow-y:auto;margin-bottom:0px;}



/*============== tlačítka ==================*/
.btn-xxl {
    white-space: normal;
    width: 100%;
    min-height: 70px;
}

/*=============== SocialInsuranceChange.ascx =========================*/
div.doba-pojisteni div.row {
    margin-bottom: 5px;
}

/*============== CandidatesInMyBox.aspx ==================*/

.panel-candidates {
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

.old .candidates-inbox .sections .row {display:flex;}
.old .candidates-inbox .col-sm-4 {border:1px solid #eee;border-radius:4px;margin:15px;}

/*============== Upgrade.aspx ==================*/

.upgrade-panel-height {
    overflow: auto;
    height: inherit !important;
    max-height: calc(100vh - 300px);
}
/*========================= stav záznamu v osobní kartě =======================*/
    .row-current {font-weight:bold;}
    .row-prepared {font-style:italic;color:#aaa}
    .row-archive {color: #777777;}



/*============== Pravidlo pro AssetList.aspx, AssetRequsetList.aspx ==================*/
.assetattribute {
    margin-left: 3px;
}

/*================= styly pro hromadná talčítka nad SqlGridem ========================*/
.toolbox-hidden {
    opacity: 0.65;
}

.toolbox-hidden .btn {
    cursor: not-allowed;
}

.toolbox-on {
    opacity: unset;
}


/*====================== CodelistsSettings.aspx ============================*/
.codelists-link {display:block;padding:5px;}
.codelists-header {position:sticky;top:50px;background-color:#fff;padding-bottom:10px;}
.codelists-body {column-width:320px;column-gap:20px;}


/*=============== STICKED MENU ===========================================*/


.page-area {margin-left:0px;}

.menu-bar {position:fixed;
           top:46px;left:10px;
           bottom:auto;
           display:none;
           z-index:9999;
           font-size:14px;
           text-align:left;
           background-color:#fff;
           border:1px solid rgba(0,0,0,.15);
           border-radius:4px;
           box-shadow:0 6px 12px rgba(0,0,0,.175);
           width:250px;
           padding-bottom:15px;
           padding-top:30px;}

.menu-bar.menu-old {padding:0px;}

.menu-bar .menu-header {border-radius:4px 4px 0px 0px;}


.menu-bar .scroll-div {max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden;}

.menu-bar ul {list-style:none;margin:0px;padding:0px;}

.menu-bar .ul-main > li > a, .menu-bar .ul-submenu a,
.menu-bar .menu-header a {border-bottom:1px solid #ddd;padding:15px 20px}

.menu-bar .ul-main li.active a,
.menu-bar .ul-submenu li.active a {background-color:#e0e0e0;}

.menu-bar .ul-main a:hover,
.menu-bar .ul-submenu a:hover {background-color:#f5f5f5;}

.menu-bar li a, .menu-bar .menu-header a {display:block;clear:both;font-weight:400;line-height:1.428;color:#777;text-decoration:none;white-space:nowrap;}
.menu-bar .menu-header.schema-background a {color:inherit;}
.menu-bar li a:hover, .menu-bar .menu-header a:hover {text-decoration:none;}


.menu-bar .menu-name {margin-left:20px;}
.menu-bar .menu-chevron {font-size: 10px;margin-left:20px;line-height:1.8;}
.menu-bar .ul-main .menu-name {font-weight:bold;}

.lbt-stick {display:none;}
.lbt-stick:hover {text-decoration:none;}

.menu-bar.menu-old .ul-submenu li a {font-size:inherit;}

.menu-bar li .ul-submenu {display:none;margin-top:0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0px;}
.menu-bar li.opened .ul-submenu {display:block;} 


/*.menu-bar .sub-menu .sub-menu > li > a  {padding-left:45px;}*/
.menu-bar .ul-submenu li .sub-menu > li > a {padding-left:45px;font-style:italic;font-size:12px;}
.menu-bar .sub-menu .caret  {margin-top:8px;}

.top-menu {display:none;}
.menu-bar #divSubmenu {display:none;}

@media (min-width:768px) {
    .menu-bar {left:204px;}
    .menu-sticked .menu-bar {top:51px;
           left:0px;
           bottom:0px;
           border:none;
           border-radius:0px;
           box-shadow:none;
           display:block!important;
           border-right:1px solid #ddd;
           }
    
    /*body.old .menu-sticked .menu-bar, body.gray .menu-sticked .menu-bar {border-right:1px solid #ddd;}*/

    .menu-bar .ul-main > li > a, .menu-bar .ul-submenu a {border-bottom:1px solid transparent;padding:5px 20px;}
    .menu-bar .menu-header a {border-bottom:1px solid transparent;padding:10px 20px;}

    .menu-bar .ul-main .menu-name {font-weight:normal;}
    
    .lbt-stick {display:block;position:absolute;right:12px;top:4px;z-index:999999;padding:4px 8px;color:inherit;}
    
    .menu-sticked .lbt-stick {color:#777;}
    .menu-stick {display:block;}
    .menu-collapse {display:none;}
    .menu-sticked .menu-stick {display:none;}
    .menu-sticked .menu-collapse {display:block;}
    .menu-sticked .menu-btn {display:none;}

    .menu-sticked .div-controls {display:none;}
    /*.menu-sticked .menu-bar {left:0px;top:51px;bottom:0px;box-shadow:none;display:block!important;border:none;border-radius:0px;}*/
    .menu-sticked .page-area {margin-left:250px;}
    .menu-sticked .menu-bar.menu-old .menu-header {border-radius:0px;background-color:#fff!important;}
    .menu-sticked .menu-bar.menu-old .menu-header a, .menu-sticked .lbt-stick  {color:#777!important;background-color:#fff!important;}
    
    .menu-sticked .grid-stack-wrapper {width:unset;}

    .top-menu {display:flex;align-items:center;background-color:transparent;height:50px;position:fixed;top:0px;left:310px;right:250px;z-index:99999;}
    
    .menu-old .top-menu {display:none;}
    /*.menu-sticked .top-menu {left:265px;}*/
    .top-menu .ul-submenu {margin-bottom:0px;padding-left:0px;}
    .top-menu .ul-submenu a {font-weight:400;line-height:1.428;color:#777;text-decoration:none;white-space:nowrap;}
    .top-menu ul {margin-bottom:0px;}
    .top-menu ul li {font-weight:bold;}
    .top-menu ul li.active > a {color:#ccc;cursor:not-allowed;}
    .top-menu ul li.dropdown.active > a {cursor:pointer;}
    
}

/*========================================================================
Prvek Send to
=========================================================================*/
.sendto-wrapper {display:flex;flex-direction:row;row-gap:10px;align-items:center;flex-wrap:wrap;column-gap:5px;}
/*========================================================================
Only page CourseBookingApproval.aspx
=========================================================================*/


.SpecialCourseBookingApprovalOne {
    display: flex;
}

.SpecialCourseBookingApprovalTwo .form-inline div:first-child {
    display: block;
    margin-bottom: 5px;
}


.SpecialCourseBookingApprovalTwo {
    display: block;
    margin-bottom: 5px;    
}
.SpecialCourseBookingApprovalTwo .form-inline .mb-3 {
    vertical-align: middle;
}

/*=========================================================================
    zvětšování obrázků v stravování
===========================================================================*/
.photo-background, .photo-close {display:none;}
.mag .photo-background {display:block;position:fixed;top:0px;bottom:0px;right:0px;left:0px;background-color:rgba(0, 0, 0, 0.4);z-index:999999;}
.mag .img-food-photo {position:fixed;top:30vh;left:10%;width:calc(100vw - 20%)!important;height:auto!important;z-index:9999999;}
.mag .photo-close {position:fixed;left:50%;top:40%;
                   z-index:9999999;width:50px;height:50px;
                   border-radius:50%;border:1px solid #fff;
                    align-items:center;
                    justify-content:center;
                    display:flex;
                    font-weight:bold;
                    background-color:rgb(120, 120, 120, 0.4);
                    cursor:pointer;
}
.food-list-image {width:auto;height:20px;border-radius:4px;}
.img-food-photo {height:auto;width:40px;border-radius:4px;}

@media (min-width:768px){
    .mag .img-food-photo {position:fixed;top:15vh;left:25%;width:calc(100vw - 50%)!important;z-index:9999999;height:auto!important;}
        }

/*===============přepínač obodbí ve stravování=============================*/
.form-control.period {width:auto;}

/*================== cart-up ===========================================*/
.caret.caret-up {
    border-top-width: 0;
    border-bottom-width:4px;
    border-bottom-style:solid;
  }

.no-wrap {white-space:nowrap;}

/*=================================ZmenyBU===================================*/
.ForDisabled 
{
    background-color:#eee;
}

/*=========================================================================
    Zvětšování obrázků v Můj tým / Nekázně (mod_83)
===========================================================================*/

.mag .img-photo {
    position: fixed;
    top: 30vh;
    left: 10%;
    width: calc(100vw - 20%) !important;
    height: auto !important;
    z-index: 9999999;
}

.img-photo {
    height: auto;
    width: 40px;
    border-radius: 4px;
}

@media (min-width:768px) {
    .mag .img-photo {
        position: fixed;
        top: 15vh;
        left: 25%;
        width: calc(100vw - 50%) !important;
        z-index: 9999999;
        height: auto !important;
    }
}
.img-photo-detail {
    height: auto;
    width: 160px;
    border-radius: 4px;
}

.mag .img-photo-detail {
    position: fixed;
    top: 30vh;
    left: 10%;
    width: calc(100vw - 20%) !important;
    height: auto !important;
    z-index: 9999999;
}
@media (min-width:768px) {
    .mag .img-photo-detail {
        position: fixed;
        top: 15vh;
        left: 25%;
        width: calc(100vw - 50%) !important;
        z-index: 9999999;
        height: auto !important;
    }
}

/*NOVÉ STYLY BOOTSTRAP 5*/

.user-avatar {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                object-fit: cover;
                border: 1px solid #ccc;
            }



/* styly pro ascx typu Change*.ascx*/

.chg-user {min-width: 200px; flex: 1 1 auto;}

.chg-date {min-width: 150px; flex: 1 1 auto;}


/* rozbalovací nabídky v modálních panelech*/

.modal-overflow .modal-container {overflow:visible!important;}


/* btn-schema.disabled*/

.btn-schema.disabled,
.btn-schema[disabled],
fieldset[disabled] .btn-schema {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    cursor: not-allowed;
    opacity: .65;

}

.address-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.address-group .form-control:focus {
    position: relative;
    z-index: 5;
}