body {margin: 0px; padding: 0px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 0.7em; color: rgb(50,50,50); text-align: center;}

form {margin: 0px; padding: 0px;}
input, option, select, textarea {font-family: Verdana, 'Geneva CE', lucida, sans-serif;	font-size: 100%;}

img {border: none;}
img[align|="left"] {margin: 5px 10px 0px 0px;}
img[align|="right"] {margin: 5px 0px 0px 10px;}

a {color: rgb(106,106,106);	font-weight: normal;}
a:hover {color: rgb(181,0,12); text-decoration: underline;}

li a {color: rgb(207, 44, 20);	text-decoration: underline; }
li a:hover {color: rgb(255,0,12); text-decoration: underline;}

table {font-size: 100%;}
td {font-size: 100%;}

label {cursor: pointer; _cursor: hand;}

h1 {font-size: 140%; margin: 0px; padding: 5px 0px 5px 0px;}
h2 {font-size: 130%; margin: 0px; padding: 5px 0px 5px 0px;}
h3 {font-size: 110%; margin: 0px; padding: 5px 0px 5px 0px;}
h4 {font-size: 100%; margin: 0px; padding: 5px 0px 5px 0px;}
h5 {font-size: 100%; margin: 0px; padding: 5px 0px 5px 0px;}

hr {height: 1px; border: solid 1px black;}

.layout {border-collapse: collapse; vertical-align: top;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.clearLeft {clear: left; font-size: 1px; line-height: 1px; height: 1px;}
.clearRight {clear: right; font-size: 1px; line-height: 1px; height: 1px;}

.alignRight {text-align: right;}
.alignLeft {text-align: right;}

.floatRight { float: right; padding-left: 10px; }
.floatLeft { float: left; padding-right: 10px; }

.displayNone {display: none;}

.box {}
.box .header { padding: 5px 10px 5px 32px; font-size: 11pt; background-color: rgb(180,180,180); color: white; text-transform: uppercase; background-image: url('/images/icons/symbol-app.png'); background-position: 5px 50%; background-repeat: no-repeat; }
#pageProject .box .header { padding: 5px 10px 5px 12px; font-size: 11pt; background-color: rgb(180,180,180); background-image: url(''); color: white; text-transform: uppercase; }
#pageProjectFullScreen .box .header { padding: 5px 10px 5px 12px; font-size: 11pt; background-color: rgb(180,180,180); background-image: url(''); color: white; text-transform: uppercase; text-align: center;}
#pageWelcomeSignUp DIV.box>DIV.header { padding: 5px 10px 5px 12px; font-size: 11pt; background-color: rgb(180,180,180); background-image: url(''); color: white; text-transform: uppercase; text-align: center;}
#applicant_tools DIV.box>DIV.header { padding: 5px 10px 5px 12px; font-size: 11pt; background-color: rgb(180,180,180); background-image: url(''); color: white; text-transform: uppercase; text-align: center;}
.box .header_nologo { padding: 5px 10px 5px 32px; font-size: 11pt; background-color: rgb(180,180,180); color: white; text-transform: uppercase; background-position: 5px 50%; background-repeat: no-repeat; }
.box .content { padding: 0px; border: solid 1px rgb(184,197,203); border-top: none; }
/*.box .content_highlighted { padding: 0px; border: solid 1px rgb(184,197,203); background-color: #99ffff; margin-right: 5px; margin-left: 5px;}*/
.box .content_highlighted { padding: 6px; border: solid 1px #e79589; background-color: #f5d5d0; margin-right: 5px; margin-left: 5px;}
.box .content .inside { padding: 30px; }

label { display: block; color: black; font-size: 100%; padding: 0px; line-height: 1em; }
.inputItem { width: 100%; border: solid 1px rgb(50,50,50); padding: 5px; margin-bottom: 15px; }
.button { width: 120px; padding: 5px 0px 5px 0px; border: none; cursor: pointer; }
.button.submit { background-color: rgb(111,138,150); border-top: solid 1px rgb(159,183,195); border-left: solid 1px rgb(159,183,195); border-right: solid 1px rgb(51,78,90); border-bottom: solid 1px rgb(51,78,90); color: white; text-transform: uppercase; }

#pageWelcome {width: 990px; margin: 50px auto 0px auto; text-align: left;}

#welcomeIntro { width: 630px; margin-right: 10px; float: left; }
#welcomeIntro .box .header { background-color: rgb(207,44,20); background-image: url('/images/icons/symbol-app.png'); }
#welcomeIntro .box .content { height: 500px; overflow: auto; }
#welcomeIntro .box .content .bold { font-weight: bold; }
#welcomeIntro .box .content .inside { line-height: 2em; }
#welcomeIntro .box .content .inside select.inputItem { width: 300px; }

#login, #infoBox { float: left; width: 280px; margin-bottom: 10px; }
#login .box .header, #infoBox .box .header { background-color: rgb(111,138,150); background-image: url('/images/icons/login.png'); }
#login .box .content, #infoBox .box .content { height: auto; padding: 15px; background-color: rgb(222,230,234); border: none; }
#login .box .content .inputItem { width: 235px; }
#login .box .content select.inputItem { width: 245px; }
#login .box .content .button { float: right; }
#login .box .content .lostPassword { float: left; }

#signup { width: 280px; float: left; cursor: pointer; }
#signup .content { height: auto; padding: 15px; background-color: rgb(102,153,51); color: white; }
#signup .content .img { float: right; }
#signup .content h2 { font-size: 16pt; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 0px 0px 7px 0px; }
#signup .content p { font-size: 9pt; margin: 0px; padding: 0px; }

#pageWelcomeSignUp {width: 790px; margin: 50px auto 0px auto; text-align: left;}
#pageProject {width: 790px; margin: 0px auto 0px auto; text-align: left; padding-bottom: 10px;}
#pageProjectFullScreen {width: 99%; clear: both; padding: 5px 0px 0px 5px; text-align: left;}
#pageProjectWarning {width: 790px; margin: 0px auto 0px auto; text-align: left; padding-bottom: 10px; }
#pageProjectWarning .box .header { background-color: rgb(180,180,180); color: white; background-image: url('/images/icons/exclamation.png'); }

#welcomeSignUp { width: 360px; margin-right: 10px; float: left; }
#welcomeSignUp .box .header { background-color: rgb(207,44,20); background-image: url('/images/icons/symbol-app.png'); }
#welcomeSignUp .box .content { height: auto; overflow: auto; }
#welcomeSignUp .box .content .inside { line-height: 2em; }
#welcomeSignUp .box .content .inside .inputItem { width: 290px; }
#welcomeSignUp .box .content .inside select.inputItem { width: 300px; }
#welcomeSignUp .box .content .inside .buttons { text-align: center; }

#infoBox .box .content { line-height: 1.6em; height: 300px; overflow: auto; }

#page {width: auto; text-align: left;}

#menuMain { padding: 5px 10px 5px 40px; font-size: 11pt; background-color: rgb(207,44,20); color: white; text-transform: uppercase; background-image: url('/images/icons/symbol-app.png'); background-position: 5px 50%; background-repeat: no-repeat; }
#menuMain ul { list-style: none; margin: 0px; padding: 0px; }
#menuMain ul li { float: left; padding-left: 0px; }
#menuMain ul li a { display: block; color: white; font-size: 10pt; padding: 5px 10px 5px 10px; text-decoration: none; }
#menuMain ul li a:hover { text-decoration: underline; }
#menuMain ul li.separator { color: white; font-size: 12pt; padding: 3px 0px 0px 0px; }
#menuMain ul li.selected a { color: rgb(254,215,0); }

#menuMain .loggedUser { position: absolute; top: 5px; right: 5px; }
#menuMain .loggedUser .profile { display: block; float: right; text-decoration: underline; color: white; text-transform: none; white-space: nowrap; padding: 3px 10px 0px 0px; padding-right: 5px; border-right: 1px solid white; margin-right: 5px; }
#menuMain .loggedUser .profile:hover { text-decoration: underline; }
#menuMain .logout { float: right; }

#menuMain .loggedUser .profile_milan { display: block; float: right; color: white; text-transform: uppercase; white-space: nowrap; padding: 3px 10px 0px 0px; padding-right: 5px; border-right: 1px solid white; margin-right: 5px; font-size: 10pt; padding-top: 5px;}
#menuMain .loggedUser .profile_milan:hover { text-decoration: underline; color: yellow }

#contentMain { padding: 30px 30px 0px 30px; }

h1 { padding: 5px 10px 5px 10px; margin: 0px 0px 10px 0px; font-size: 10pt; font-weight: normal; background-color: rgb(111,138,150); color: white; text-transform: uppercase; }
.list { }
.list .item { padding: 10px; background-color: rgb(222,230,234); border-bottom: solid 1px white; cursor: pointer; }
.list .item h2 { font-size: 14pt; margin: 0px; padding: 0px; }
.list .item h2 a { color: rgb(50,50,50); text-decoration: none; }
.list .item p { font-size: 9pt; padding: 0px 0px 0px 0px; }
.list .item:hover { background-color: rgb(140,170,182); }

.table { border-collapse: collapse; border: solid 1px silver; }
.table thead tr:first-child th { border-top: solid 1px silver; }
.table th { background-color: silver; padding: 5px 10px 5px 10px; border: solid 1px white; text-align: left; vertical-align: top; color: rgb(50,50,50); }
.table th:first-child { border-left: solid 1px silver; }
.table th:last-child { border-right: solid 1px silver; }
.table td { padding: 5px 10px 5px 10px; border: solid 1px silver; text-align: left; vertical-align: top; }
.table tr:hover { background-color: rgb(254,215,0); }

.table.color1 { border-color: rgb(140,170,182); }
.table.color1 thead tr:first-child th { border-top: solid 1px rgb(140,170,182); }
.table.color1 th { background-color: rgb(140,170,182); border-color: white; color: white; }
.table.color1 th:first-child { border-left-color: rgb(140,170,182); }
.table.color1 th:last-child { border-right-color: rgb(140,170,182); }
.table.color1 td { border-color: rgb(140,170,182); }
.table.color1 tr:hover { background-color: rgb(254,215,0); }

.table.color1.captioned caption {
  padding: .2em .8em;
  border: 0px;
  text-align: left;
  width: 200px;
  margin: 5px;
  background: rgb(140,170,182);
  font-weight: bold;
  font-size: 1.1em;
  margin-left: -1px; /* Fix FF 1px issue */
}

.table.color2 { border-color: rgb(133,174,133); }
.table.color2 thead tr:first-child th { border-top: solid 1px rgb(133,174,133); }
.table.color2 th { background-color: rgb(133,174,133); border-color: white; color: white; }
.table.color2 th:first-child { border-left-color: rgb(133,174,133); }
.table.color2 th:last-child { border-right-color: rgb(133,174,133); }
.table.color2 td { border-color: rgb(133,174,133); }
.table.color2 tr:hover { background-color: rgb(254,215,0); }
.table.color2.captioned caption {
  padding: .2em .8em;
  border: 0px;
  text-align: left;
  width: 200px;
  margin: 5px;
  background: rgb(133,174,133);
  font-weight: bold;
  font-size: 1.1em;
  margin-left: -1px; /* Fix FF 1px issue */
}

.table.color3 { border-color: rgb(227,148,51); }
.table.color3 thead tr:first-child th { border-top: solid 1px rgb(227,148,51); }
.table.color3 th { background-color: rgb(227,148,51); border-color: white; color: white; }
.table.color3 th:first-child { border-left-color: rgb(227,148,51); }
.table.color3 th:last-child { border-right-color: rgb(227,148,51); }
.table.color3 td { border-color: rgb(227,148,51); }
.table.color3 tr:hover { background-color: rgb(254,215,0); }

.table.color31 { border-color: rgb(227,148,51); }
.table.color31 thead tr:first-child th { border-top: solid 1px rgb(227,148,51); }
.table.color31 th { background-color: #f9ead6; border-color: white; color: white; }
.table.color31 th:first-child { border-left-color: rgb(227,148,51); }
.table.color31 th:last-child { border-right-color: rgb(227,148,51); }
.table.color31 td { border-color: rgb(227,148,51); }
.table.color31 tr:hover { background-color: rgb(254,215,0); }

.table.fullSize { width: 100%; }

TR.tb_tr_prijmy{
	background-color: #e7efe7;
}

TR.tb_tr_vydaje{
	background-color: #f9ead6;
}

#x14>TABLE{
	margin-left: 6px;
	width: 790px;
}

#x14>TABLE>TBODY>TR>TD {
	padding-left: 0;
	padding-right: 0;
}

#footer { clear: both; padding: 10px 0px 0px 40px; color: rgb(184,197,203); font-size: 7pt; }
#footer a { color: rgb(184,197,203); text-decoration: none; }
#footer a:hover { color: rgb(90,90,90); text-decoration: underline; }

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	/* z-index: 1; */
}

.pagebreak {
	page-break-before: always;
}

FORM.fos_user_resetting_request INPUT{
	margin: 0;
	margin-top: 4px;
	width: 170px;
}

FORM.fos_user_resetting_request INPUT[type="submit"]{
	width: 174px;
}
#X14requiredAmount LABEL{
	color: white !important;
	text-transform: uppercase;
	font-family: "Interstate-Regular",Arial;
	font-size: 12px;
	letter-spacing: 1px;
}
DIV.header_centr {
	text-align: center;
	padding-left: 80px !important;
}

DIV.header_centr2 {
	text-align: center;
	background-color: rgb(180,180,180);
	background-image: url('');
	color: white;
	font-size: 11pt;
	text-transform: uppercase;
}

#user_change_password_form_plainPassword_first { margin-bottom: 10px }
.table.milan_background th { background-color: #dddddd; }
.table.milan_background tr { background-color: #eeeeee; }
.table.milan_td td { border-right-color: white; border-bottom-color: white; }

.buttonArrow {
    background-image: url('/images/icons/button-arrow.png');
    background-position: 98% 50%;
    background-color: rgb(207,44,20);
    background-repeat: no-repeat;
    padding: 7px 35px 7px 10px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: white !important;
    text-decoration: none !important;
}
.buttonArrow:HOVER {
    background-color: rgb(227,50,50);
}
.buttonArrowNew {
    background-image: url('/images/icons/button-arrow3.png');
    background-image: url('/images/icons/button-arrow2.png');
    background-position: 4px 50%;
    background-color: #aaaaaa;
    background-repeat: no-repeat;
    padding: 7px 10px 7px 30px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: white !important;
    text-decoration: none !important;
}
.buttonArrowNew:HOVER {
	background-image: url('/images/icons/button-arrow2.png');
    background-color: #999;
    color: rgb(207,44,20) !important;
}
DIV.menu>UL>LI>UL>LI>A{
	text-align: left;
}

/* Styles for auto-update fields */

.field-updating {
    opacity: 0.7;
    transition: opacity 0.3s ease-in-out;
}

.field-success {
    background-color: #d4edda; /* Light green */
    transition: background-color 0.5s ease-in-out;
}

.field-error {
    background-color: #f8d7da; /* Light red */
    transition: background-color 0.5s ease-in-out;
}

/* Field update error popup styles */
.field-update-error-popup {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.field-update-error-popup.show {
    opacity: 1;
    transform: translateX(0);
}

.field-update-error-content {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: flex-start;
    position: relative;
}

.field-update-error-icon {
    font-size: 32px;
    margin-right: 15px;
    flex-shrink: 0;
}

.field-update-error-message {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 10px;
}

.field-update-error-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.field-update-error-close:hover {
    opacity: 1;
}

/* Auto-saved field indicator */
.auto-saved-field {
    border: 2px solid #6c757d !important;
}