.red {
	color: red;
}

.orange {
	color: orange;
}

.green {
	color: green;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h2 {
    margin-top: 10px;
}

a img,:link img,:visited img {
	border: none;
}

a {
	text-decoration: none;
	color: #dc5c00;
}

a:hover {
	text-decoration: underline;
}

body,td {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #fff;
}

body {
	padding: 20px;
}

#leftMenu {
/*  máme flex, tohle už neřešíme
    clear: left;
    float: left;*/
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 0px;
    width: 120px;
}

#submenu {
	border-right: 1px solid #959595;
}

#submenu a {
	display: block;
	padding: 5px;
}

#submenu a.selected {
	font-weight: bold;
}

#submenu li {
	background-color: #E6EEEE;
	list-style: none;
	margin: 0px;
	border-left: 3px #959595 solid;
}

#submenu li:hover {
	background-color: #8DBDD8;
	border-left: 3px black solid;
}

#programListColumnSelectors {
    margin-top: 15px;
    margin-left: 5px;
}

#programListColumnSelectors ul {
    margin-top: 5px;
    margin-left: 5px;
    list-style: none;
}

#programListColumnSelectors ul li label {
    font-weight: normal;
}

#menu a {
	display: block;
	padding: 3px 6px;
	color: black;
}

#menu div.item {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: 50% 100%;
	background-image: url("/images/background/pruhy.gif");
	float: left;
	margin-right: 3px;
	text-align: center;
	/*  background-color: #E6EEEE; */
	border: 1px #959595 solid;
	font-weight: bold;
}

#menu div.item:hover {
	background-color: #8DBDD8;
	border: 1px black solid;
}

#menu div.selected a {
	color: white;
}

#advancedMenu {
	margin-top: 10px;
}

#flex-parent {
    display: flex;
    clear: both;
}

#content {
/*  máme flex, tohle už neřešíme
    clear: right;
    float: left;*/
    min-width: 800px;
    margin-top: 10px;
}

.richarea {
	width: 500px;
	height: 200px;
}

th.edit,th.delete {
	width: 40px;
}

.bold {
	font-weight: bold !important;
}

.sortableHeader {
	display: block;
	width: 100%;
	height: 100%;
	color: black;
}

div#header img {
	float: left;
	margin: 5px 10px 0px 5px;
}

div.center_name {
	background-color: #FFFFFF;
	background-image: url(/images/background/pruhy_seda.gif);
	background-repeat: repeat;
	border-bottom: 1px solid #3D3D3D;
	padding: 5px;
	margin-bottom: 5px;
}

h1.center_name {
	font-size: 21px;
	float: left;
	background-image: url(/images/background/polopruhl.png);
	background-repeat: repeat;
	padding: 3px 5px;
	border: 1px #F89829 dashed;
	margin-top: 6px;
}

div.head_profile {
	background-image: url(/images/background/polopruhl.png);
	background-repeat: repeat;
	padding: 3px 5px;
	border: 1px #F89829 dashed;
	text-align: right;
}

div.recenter,div.head_profile,div.changeLang {
	float: right;
	margin-left: 15px;
}

/** Form **/
label {
	margin: 3px 0;
	/* font-size: 90%; */
	font-weight: bolder;
	/* display: block; */
}

label.checkbox {
	font-weight: normal;
	display: inline;
}

label span.label_required {
	color: red;
	font-size: 90%;
}

input,textarea,select {
	border: 1px solid #ccc;
	padding: 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background: white;
}

input:hover,textarea:hover,select:hover {
	border: 1px solid #DC5C00;
}

input:focus,textarea:focus,select:focus {
	border: 1px solid black;
}

fieldset {
	margin: 10px 0;
	padding: 10px;
	padding-top: 5px;
	border: 1px solid #ccc;
}

fieldset legend {
	font-size: 90%;
	font-weight: bolder;
}

input {
	width: 200px;
}

input.short {
	width: 50px;
}

input.medium {
	width: 150px;
}

input.long {
	width: 320px;
}

input.checkbox,input.radio {
	border: 0;
	width: auto;
}

input.pagedisplay {
	width: 30px;
}

input.button {
	width: auto;
	background-color: #dddddd;
	padding: 5px 10px;
}

input.button:hover {
	background-color: #cccccc;
}

textarea {
	width: 400px;
	height: 150px;
}

textarea.short {
	height: 70px;
}

span.required {
	color: red;
	font-size: 90%;
}

.tableEdit th,.tableDetail th {
	background-color: #e6EEEE;
	font-weight: normal;
	text-align: right;
	font-size: 110%;
	padding: 3px;
}

.tableDetail td {
	font-weight: bold;
}

.tableDetail table th {
	text-align: left;
}

.tableDetail ul {
	list-style: none;
}

h3 {
	background-color: #e6EEEE;
	border-bottom: 1px solid #3D3D3D;
	padding: 5px;
	margin: 10px 2px 0px 2px;
}

.specialization_name {
	text-align: right;
}

.submit_area {
	background-color: #eeeeee;
	padding: 15px;
	text-align: center;
}

label.radio_nezadano {
	color: gray;
}

.tableFilter {
	background-color: #eeeeee;
}

.tableFilter th {
	text-align: left;
}

.tableFilter td,.tableFilter th,.tableFilter select {
	font-size: 9px;
}

.highlighted {
	border: 3px double red !important;
}

.highlighted:hover {
	border: 3px double #0000C0 !important;
}

/* Kopie tridy highlighted (kuli numberValidatoru) */
.highlighted2 {
	border: 3px double red !important;
}

.highlighted2:hover {
	border: 3px double #0000C0 !important;
}

#usersBox th {
	text-align: left;
}

#usersBox td.part,#usersBox td.sms,#usersBox td.mail,#usersBox td.newie {
	text-align: center;
}

.newie th,.newie td {
	border: 1px solid black;
	padding: 5px;
}

table.tablesorter td.edit,table.tablesorter td.delete {
	padding: 0px;
    text-align: center;
}

table.tablesorter td.edit a,table.tablesorter td.delete a {
	padding: 4px;
	display: block;
}

table.tablesorter td.edit a:hover,table.tablesorter td.delete a:hover {
	background-image: url(/images/background/pruhy.gif);
	background-repeat: repeat;
	color: black;
}

#partMylist td.complete {
	text-align: center;
	width: 50px;
}

.numberTag {
	width: 50px;
}

/* Zvyrazneni pro meskajici ukoly */
.late td, .late {
	background-color: #FFABAC !important;
}

input.date {
	width: 70px;
}

#filterResortId, #filterProgramTypeAndCategory, #filterPlaceId {
	width: 90px;
}

ul.userList {
	list-style: none;
}



/* Zvyrazneni pro programy otevrene pro prihlasovani a zaroven s nedostatkem instruktoru  */
table.tablesorter tbody tr.programInstructorDeficit td, table.programListLegend .programInstructorDeficit {
	
}

table.tablesorter tbody tr.programNotBookableForMe td, table.programListLegend .programNotBookableForMe {
	/* background-color: #FBE52D; */
    background-color: white;
}

/* Zvyrazneni pro programy vytvorene z webu */
table.tablesorter tbody tr.programWebOrder td, table.programListLegend .programWebOrder {
    background-color: #fffbf2;
}

/* Zvyrazneni pro programy na ktere se mohu prihlasovat  */
table.tablesorter tbody tr.programBookableForMe td, table.programListLegend .programBookableForMe {
    background-color: #a2e4ad;
}

table.programListLegend td {
	padding: 2px;
}

table.programListLegend {
	margin-top: 10px;
}

.warning td, .warning {
	background-color: #ffaaaa !important;
}

#programFilter1, #programFilter2 {
	width: 700px;
}

.hourInput, .minuteInput {
	width: 17px;
}

#footer {
	clear: both;
	width: 100%;
	text-align: right;
}

.note {
	margin-top: 10px;
}

/* Zvyrazneni radku kde vypocitana mzda nesouhlasi realne */
.notEqualRealWage td {

}

/* Zvyrazneni radku kde ma instruktor vyhrady ke mzde */
.instructorExceptWage td {
	background-color: #ffaaaa !important;
}

/* Zvyrazneni radku se stornovanou mzdou */
.stornoWage td {

}

.safeDeprecated {
	background-color: #ffaaaa;
}

#message ul, #error ul {
	margin-bottom: 10px;
}

#message ul li, #error ul li {
	background-color: #ffffc0;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 8px;
	padding-left: 33px;
	list-style: none;
	margin-bottom: 3px;
}

#message ul li {
	background-image: url(/images/icons/info.png);
}

#error ul li {
	background-image: url(/images/icons/error.png);
}

/* Čeká se na vyjádření instruktora */
.wageStatusId_501 {
    /* background-color: red !important; */
    background-image: url(/images/icons/01-ceka_se_na_instruktora.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Instruktor má výhrady  */
.wageStatusId_502 {
    background-image: url(/images/icons/02-instruktor_vyhrady.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Instruktor souhlasí  */
.wageStatusId_503 {
    background-image: url(/images/icons/03-instruktor_souhlasi.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Vedoucí potvrdil */
.wageStatusId_504 {
    background-image: url(/images/icons/04-vedouci_potvrdil.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Vyplaceno  */
.wageStatusId_505 {
    background-image: url(/images/icons/05-vyplaceno.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* Storno */
.wageStatusId_506 {
    background-image: url(/images/icons/06-storno.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* U programu není zadá pokladna */
.programSafeNotEnter td, .programSafeNotEnter {
    background-color: #ffaaaa !important;
}

/* U programu jsou mzdy ve stavu "instruktor ma vyhrady" */
.programSomeInstructorHasException td, .programSomeInstructorHasException {
    background-color: #ffaaaa !important;
}

.programInstructorDatetimeChange td, .programInstructorDatetimeChange {
    background-color: #ffc68c!important;
}

.trHover td {
    background-color: #ffe89d !important;
}

.trHoverProgramInstructorDeficit td {
    
}

.trHoverProgramWebOrder td {
    
}

.trHoverProgramSomeInstructorHasException td {
    background-color: #fecece !important;
}

.trHoverProgramSafeNotEnter td {
    background-color: #fecece !important;
}

.trHoverProgramInstructorDatetimeChange td {

}

.tableProgramSwitch
{
    width: 100%;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

#newieDetail {
    width: 100%;
}

#newieDetail td {
    vertical-align: top !important;
    padding: 10px;
}

#alternateProgramList {
    margin-bottom: 10px;
    background-color: #ffffc0;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 8px;
	padding-left: 33px;
    background-image: url(/images/icons/warning.png);
}

#alternateProgramList ul {
	margin: 5px;
}

#alternateProgramList li {
	margin-left: 15px;
}

a.selected {
    background-color: #ffe89d;
}

td ul, td ol {
    margin-left: 25px;
}

/* zarovnani + sirka bunky - typ programu/th mesice/dne - at to vypada pekne*/
.day th, .month th {
  width: 52px;
  text-align: center;
}

#result td {
  text-align:center;
}

.statusTitle, .programIconTitle {
    display: none;
    position: absolute;
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    z-index: 5000;
}

td, th {
    vertical-align: middle !important;
}

.newie {
    width: 100%;
    margin-bottom: 10px;
}

.newie th {
    text-align: left;
}

.newie .servis {
    width: 50px;
    text-align: center;
}

.calendar {
    z-index: 5000;
}

.dialog {
    background-color: white !important;
}
.hurdle-table-head {font-weight: bold;}
.hurdle-table-cell {display: inline-block; width: 120px;}
.hurdle-is-service {width: 60px; text-align: center;}
.hurdle-text input {width: 100px;}
.hurdle-filename input {width: 100px;}
.hurdle-filename {width: 140px;}

.hurdle-text-hover {position: relative; width: auto !important; }

.dd-option-image, .dd-selected-image {
max-width: 40px !important;
}

.dd-selected-text {line-height: 32px !important;}

#control-list-places-select {list-style: none;
margin: 15px;
font-size: 1.5em;
font-weight: bold;}

.control-status {display: block;
width: 14px;
height: 14px;
background-color: grey;
border-radius: 7px;
margin-left: auto;
margin-right: auto;}
.control-status-0 {background-color: green;}
.control-status-1 {background-color: orange;}
.control-status-2 {background-color: red;}
.control-status-label {display: none;}

#programs-stats p {margin: 10px 0;}
#programs-stats table {margin: 10px 0;}
#programs-stats table th {text-align: left; padding-right: 10px;}
#programs-stats table td {text-align: right;}

.editUser-gdpr-box {border:solid 1px #cecece; margin: 6px; padding: 6px; background-color: #f1f1f1;}
.editUser-gdpr-box_cancel-btn {float:right;}