/* Reset default browser CSS. 
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
	background: transparent;
	border: 0 !important;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

tr, td {
	border: 0 !important;
	margin: 0;
	padding: 0;
	vertical-align: baseline;       
}

body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}




/*	*********************************************
	Zakladni styly
	********************************************* */

html, body {
	margin: 0px;
	padding: 0px;
	background: #f0f0f1;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.5;
}

.small, .small td, .small th { 
font-size: 8pt;
font-family: "Arial",sans-serif;
}

.clb { clear: both; }
.cll { clear: left; }
.clr { clear: right; }

.alc { text-align: center; }
.all { text-align: left; }
.alr { text-align: right; }

a {
	color: #6e6e6f;
	text-decoration: underline;
}
a:link, a:visited { color: #414142; }
a:hover, a:focus, a:active { color: #000; }

h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-weight: bold;
	margin: 1.5em 0 0.6em 0;
	color: #333;
}
h1 {
	margin: 0 0 25px 0;
	font-size: 200%;
}
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


p, ul, ol  {
	margin: 1em 0;
}

ul {
	list-style: disc;
	margin-left: 2em;
}
ol {
	list-style: decimal;
	margin-left: 2em;
}


/*	*********************************************
	Formulare
	********************************************* */

form {
	margin: 1am 0;
}
label {
	/* color: #666; */
}
input,
select,
textarea {
	/* font-family: Arial, sans-serif;
	font-size: 9pt; */
	border: 1px solid #d4d4d4;
	padding: 0.1em 0.2em 0.1em 0.2em;
    margin: 1px;
}
select {
	padding-right: 2px;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.button, input.submit {
	background: #444445;
	color: #fff;
	padding:3px 5px 2px 5px;
	border: 0;
	cursor: pointer;
    margin: 1px;
}
input[type="reset"],
input[type="button"] {
	background: #666;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #000;
}

input[type="submit"].upozorneni,
input[type="button"].upozorneni {
	color: yellow;
	font-weight: bold;
}



input.default {
	font-weight: bold;
}
input.checkbox, input.radio {
	border-width: 0px;
}



/*	*********************************************
	Obal stranky
	********************************************* */

#body-wrap {
	padding: 0 10px 10px 10px;
	min-width: 1080px;
} 

	
/*	*********************************************
	Horni menu
	********************************************* */

#top-menu {
	font-family: Arial, sans-serif;
	margin: 0 -10px 0 -10px;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	background: #444445;
}
#top-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}
#top-menu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
#top-menu li a {
	display: block;
	padding:0px 10px 0px 10px;  
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#top-menu ul ul li a {
	border-right: none;
	padding: 4px 10px;
	line-height: 16px;
	font-weight: normal;
	width: 170px;
	text-transform: none;
}
#top-menu ul ul {
	position: absolute;
	top: 100%; 
	display: none;
	z-index: 9999;
	background: #666667;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}
#top-menu ul ul ul {
	position: absolute;
	top: 0; 
	left: 100%;
	display: none;  
	background: #666667;
	border-left: 1px solid #888889;
}
#top-menu li:hover > ul {
  display: block;  
}
#top-menu ul li:hover,
#top-menu li a:hover,
#top-menu li a:focus,
#top-menu li a:active {
	background: #666667;
}
#top-menu ul ul li:hover,
#top-menu ul ul li a:hover,
#top-menu ul ul li a:focus,
#top-menu ul ul li a:active {
	background: #aaaaab;
}

/* oddelovac */
#top-menu .oddelovac {
	padding: 0;
	margin: 0;
}
#top-menu .oddelovac hr {
	width: 190px;
	height: 1px;
	border: 0;
	background-color: #888889;
	color: #888889;
}
#top-menu ul ul li.oddelovac:hover,
#top-menu ul ul ul li.oddelovac:hover {
	background: #666667;
}

/*** Sirka roletek hlavniho menu ***/
#top-menu .sirka100 li a { width: 100px; }
#top-menu .sirka150 li a { width: 150px; }
#top-menu .sirka200 li a { width: 200px; }
#top-menu .sirka250 li a { width: 250px; }
#top-menu .sirka300 li a { width: 300px; }
#top-menu .sirka350 li a { width: 350px; }

/*** Sirka oddelovacu ***/
#top-menu .sirka100 .oddelovac hr { width: 120px; }
#top-menu .sirka150 .oddelovac hr { width: 170px; }
#top-menu .sirka200 .oddelovac hr { width: 220px; }
#top-menu .sirka250 .oddelovac hr { width: 270px; }
#top-menu .sirka300 .oddelovac hr { width: 320px; }
#top-menu .sirka350 .oddelovac hr { width: 370px; }

/* submenu - sipka */
#top-menu .submenu > a,
#top-menu .submenu:hover > a {
	background-image: url('/img/lite/layout/menu-arrow.gif');
	background-position: center right;
	background-repeat: no-repeat;
}


/*	*********************************************
	Hlavicka
	********************************************* */

#header {
	margin: 15px 0;
}
#header-logo {
	float: left;
	margin: 0 30px 0 0;
}

#header-info {
	float: left;
	height: 60px;
}
#header-info p {
	margin: 0;
}
#header-info a {
	display: block;
	width: 550px;
	padding: 13px 9px;
	border: 1px solid #e0e0e1;
	font-size: 8pt;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #444445;
}
#header-info a:hover,
#header-info a:active {
	color: #ddd;
}
#header-info a .odkaz {
	text-decoration: underline;
}

#header-user {
	float: right;
	min-width: 150px;
	min-height: 46px;
	margin: 0 10px 0 10px;
	padding: 7px 10px 7px 50px;
	background: #666668;
	font-size: 8pt;
	line-height: 15px;
	color: #fff;
}
#header-user p { margin: 0; }

/*	*********************************************
	Paticka
	********************************************* */

#footer {
	margin: 10px 0 10px 0; 
	color: #888;
	font-size: 7.5pt;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #888;
	text-decoration: underline;
}
#footer hr {
	border: 0;
	height: 1px;
	color: #888;
	background: #d4d4d4;
	margin: 1em 0;
}



/*	*********************************************
	Hlavní obsah
	********************************************* */

#content {
	padding: 15px 15px 30px 15px; 
	background-color: #fff;
	
	-webkit-box-shadow: 0 0 5px rgba(175, 175, 175, 0.5); 
	box-shadow: 0 0 5px rgba(175, 175, 175, 0.5);
}


/* *********************************************
   Toolbar
   ********************************************* */

#toolbar {
	background: #666;
	margin: 0 0 25px 0;
	width: 100%;
}
#toolbar-buttons {
	float: right;
	background: #fff;
}
#toolbar-buttons a {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 10px;
	line-height: 25px;
	font-size: 8pt;
	background-color: #444445;
	color: #fff;
	text-decoration: none;
}
#toolbar-buttons a:hover,
#toolbar-buttons a:focus,
#toolbar-buttons a:active {
	background-color: #000;
	color: #fff;
}

#toolbar-buttons .newwindow {
	padding-left: 10px;
	background: #444445;
}
#toolbar-buttons a.newwindow:hover,
#toolbar-buttons a.newwindow:focus,
#toolbar-buttons a.newwindow:active {
	background: #000;
}
#toolbar-buttons .logout {
	padding-left: 10px;
	background: #444445;
}
#toolbar-buttons a.logout:hover,
#toolbar-buttons a.logout:focus,
#toolbar-buttons a.logout:active {
	background: #000;
}

#toolbar-info {
	float: left;
	padding: 0 10px 0 10px;
	background: #666;
	color: #fff;
	font-size: 8pt;
	line-height: 25px;
}
#toolbar-info p {
	margin: 0;
}

/* *********************************************
   Tabulky
   ********************************************* */

.hinfo {
	font-size: 8pt;
	font-weight: normal;
	color: #a4a9af;
}

table.vytvoreno-modulem-tables {
  /* width:100%;    */
  border-collapse:collapse;
  margin:6px 0 15px 0;  
  border: 0px; 
}
.vytvoreno-modulem-tables th,
.vytvoreno-modulem-tables td {
	font-size: 8pt;
	vertical-align: middle;
}
.vytvoreno-modulem-tables th {
	padding: 4px 8px;
	background: #757576;
	color: #fff;
	font-weight: bold;
	font-size: 7.5pt;
}
.vytvoreno-modulem-tables tr.subhead th,
.vytvoreno-modulem-tables tr.subhead td {
	background: #a0a0a0;
	color: #fff;
	font-weight: bold;
	font-size: 7.5pt;
}
.vytvoreno-modulem-tables th a,
.vytvoreno-modulem-tables tr.subhead td a {
	color: #fff;
}
.vytvoreno-modulem-tables td {
	padding: 3px 6px;

	color: #484a4c;
}
.vytvoreno-modulem-tables .tr1{
	background-color: #e0e0e1;
}

.vytvoreno-modulem-tables .tr0{
	background-color: #ffffff;
}  

.vytvoreno-modulem-tables.tabbed {
	margin-top: 0;
} 

.vytvoreno-modulem-tables .odd td {
	background-color: #e0e0e1;
}

.vytvoreno-modulem-tables .summary td {
	background-color: #adbfcc;
	font-weight: bold;
}
.vytvoreno-modulem-tables .red td {
	background-color: #f0cdce;	
}
.vytvoreno-modulem-tables .green td {
	background-color: #cee6c3;
}
.vytvoreno-modulem-tables .grey td {
	background-color: #aaa;
}



.vytvoreno-modulem-tables td.red {
	color: #c8381d;
}
.vytvoreno-modulem-tables td.green {
	color: #009143;
}
.vytvoreno-modulem-tables-description {
	margin: 5px 0;
	font-size: 8pt;
	color: #888;
}
.vytvoreno-modulem-tables-description p {
	margin: 3px 0;
}


table.tabulka-s-nadpisem-vlevo-vpravo {
    padding: 0; border: 0px;
    width: 100%;
}
table.tabulka-s-nadpisem-vlevo-vpravo > tbody > tr:first-child > td {
    /* pripadne upravy prvni bunky s nadpisem */
    /* background-color: #cde; */
}
table.tabulka-s-nadpisem-vlevo-vpravo > tbody > tr:first-child > td + td {
    /* bunka s upresnenim */
    /* background-color: #fca; */
	text-align: right;
}
table.tabulka-s-nadpisem-vlevo-vpravo > tbody > tr:first-child + tr > td {
    /* background-color: #396; */
}
table.tabulka-s-nadpisem-vlevo-vpravo table.vytvoreno-modulem-tables {
    width: 100%;
}

div.data-table-description {
    font-size: 8pt;
}

.tab-left {
	float: left;
	margin-right: 30px;
}
.tab-left-last {
	float: left;
}


.vytvoreno-modulem-tables select {
	font-size: 8pt;
	border: 1px solid #d4d4d4;
	padding: 0 0 0 3px;
}

.legend-red,
.legend-green,
.legend-grey,
.legend-odd,
.legend-white {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-bottom: -2px;
	border: 1px solid #d4d4d4;
}
.legend-red {	background: #f0cdce; }
.legend-green {	background: #cee6c3; }
.legend-grey { background: #aaa; }
.legend-odd { background: #e0e0e1; }
.legend-white { background: #fff;}

.tablegold {
}
.tablegold th,
.tablegold td {
	font-size: 8pt;
	vertical-align: middle;
}
.tablegold th {
	padding: 6px 8px;
	background: #757576;
	color: #fff;
	font-weight: bold;
	font-size: 7.5pt;
}
.tablegold tr.subhead th,
.tablegold tr.subhead td, 
.tablegold th.subhead {
	background: #a0a0a0;
	color: #fff;
	font-weight: bold;
	font-size: 7.5pt;
}
.tablegold th a,
.tablegold tr.subhead td a
.tablegold th.subhead a {
	color: #fff;
}
.tablegold td {
	padding: 4px 6px;
	background: #fff;
	color: #484a4c;
}
.tablegold .tr1{
	background-color: #e0e0e1;
}   
.tablegold .tr0{
	background-color: #ffffff;
}   
.tablegold .odd td {
	background-color: #e0e0e1;
}
.tablegold .summary td {
	background-color: #adbfcc;
	font-weight: bold;
}
.tablegold .red td {
	background-color: #f0cdce;	
}
.tablegold .green td {
	background-color: #cee6c3;
}
.tablegold .grey td {
	background-color: #aaa;
}



.tablegold td.red {
	color: #c8381d;
}
.tablegold td.green {
	color: #009143;
}
.tablegold-description {
	margin: 5px 0;
	font-size: 8pt;
	color: #888;
}
.tablegold-description p {
	margin: 3px 0;
}

.tablegold select {
	font-size: 8pt;
	border: 1px solid #d4d4d4;
	padding: 0 0 0 3px;
}


/* *********************************************
   LOGIN SCREEN
   ********************************************* */
#login-wrap {
	padding: 50px 20px;
	text-align: center;
}
#login {
	width: 550px;
	margin: auto;
	padding: 40px 40px 20px 40px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	font-size: 9pt;
	
	-webkit-box-shadow: 0 0 5px rgba(175, 175, 175, 0.5); 
	box-shadow: 0 0 5px rgba(175, 175, 175, 0.5);
}
#login h1 {
	color: #6e6e6f;
	font-size: 14pt;
	margin: 0 0 20px 0;
}
#login h1 img {
	float: left;
}
#login h1 span {
	float: right;
	line-height: 32px;
	color: #fff;
	background: #b2b3b6;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: normal;
	padding: 41px 15px 5px 15px;
	margin: -41px 0 0 0;
}
#login-info {
	margin: 20px 0;
	color: #a1a7ae;
}
#login-form .paddedbox {
    padding: 0.2em 1em;
}
#login-form .text-detail {
	font-size: 9pt;
    color: #a1a7ae;
}

.login-divider {
	height: 1px;
	border: 0;
	color: #e7e9eb;
	background: #e7e9eb;
	margin: 20px 0;
}

#login-footer {
	margin: 10px 0 20px 0;
	font-size: 7.5pt;
	color: #888;
	text-align: center;
}
#login-footer a {
	color: #888;
	text-decoration: underline;
}
#login-footer a:hover,
#login-footer a:active {
	color: #333;
}


table.usml-parametry-stdsize td {
    padding-right: 1em
}

.majetkovy-ucet h2 {
    font-size: 11pt;
    /* font-weight: bold;
    color: orange;   */
    margin-bottom: 0px;
}
.majetkovy-ucet h2 span {
    font-size: 9pt;
    font-weight: normal;
    /*
    color: #4c4;
    */
}


/* *********************************************
   PUVODNI STYLY
   ********************************************* */

.progressbar {
	border:1px solid black; padding:1px;
	width:100px;
}
.progressbar-procenta {
	width:100%; 
	text-align:center; 
	font-family:Verdana,Arial,helvetica,sans-serif; 
	font-size:8pt;
	padding-top:1px;
	padding-bottom:1px;
}
.progressbar-ukazatel {
	background:#404040;
	height:15px; 
	width:0px;
}

.info {color: #183A66}
.error {color: red}
.upozorneni {color: darkorange}	/* napriklad "Omezte prosim vyber na ...!" */
.poweruser {background-color: #FFE0D0} 

/* chyby pri vyplnovani formularu */
.bad-form-field {
	background-color: #ffff80
}

/* mifid2 */
/* okraje pro PDF jsou nastavene primo v html sablone pomoci HTML2PDF:MARGINS */
.vypis_mifid2 {
    width: 100%;
    font-size: 8pt;
    text-align: justify;
}
.vypis_mifid2_nadpis1 {
    text-align: center;
    font-weight: bold;
}
.vypis_mifid2_nadpis2 {
    text-decoration: underline;
}
table.vypis_mifid2_table {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    page-break-inside: avoid;
}
table.vypis_mifid2_table td, table.vypis_mifid2_table th {
    border: 1px solid black !important;
    padding: 0.1em 0.5em;
    font-size: 8pt;
    text-align: left;
    page-break-inside: avoid;
}
table.vypis_mifid2_table th.vypis_mifid2_empty_cell {
    border: 0px;
}
table.vypis_mifid2_table tr.suma td {
    font-weight: bold;
}
table.vypis_mifid2_table .tr0 { background-color: #dddddd; }
table.vypis_mifid2_table .tr1 { background-color: #eeeeee; }

table.vypis_mifid2_table1 td:nth-child(1) {
    /* nazev */
    width: 35%;
}
table.vypis_mifid2_table1 td:nth-child(2) {
    /* procento */
    width: 10%;
    text-align: right;
	white-space: nowrap;
}
table.vypis_mifid2_table1 td:nth-child(3) {
    /* castka */
    width: 10%;
    text-align: right;
	white-space: nowrap;
}
table.vypis_mifid2_table1 td:nth-child(4) {
    /* vysvetlivka */
    width: 45%;
}

table.vypis_mifid2_table2 td:nth-child(1) {
    /* nazev */
    width: 60%;
}
table.vypis_mifid2_table2 td:nth-child(2) {
    /* procento */
    width: 20%;
    text-align: right;
	white-space: nowrap;
}
table.vypis_mifid2_table2 td:nth-child(3) {
    /* CZK */
    width: 20%;
    text-align: right;
	white-space: nowrap;
}

table.vypis_mifid2_table3 td:nth-child(1) {
    /* nazev */
    width: 80%;
}
table.vypis_mifid2_table3 td:nth-child(2) {
    /* procento */
    width: 20%;
    text-align: right;
	white-space: nowrap;
}

.vypis_nelamat {
    page-break-inside: avoid;
}
/* konec mifid2 */

.loader_gif { 
	width: 12px; 
	height: 12px; 
	border-radius: 50%; 
	display: block; 
	margin: 15px; 
	color: #FE5222; 
	box-sizing: border-box; 
	animation: animloader 1.5s linear infinite; 
} 

@keyframes animloader { 
	0% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; } 
	25% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px; } 
	50% { box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px; } 
	75% { box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px; } 
	100% { box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px; } 
}

.x-mfa-authapp {
	margin: auto;
	padding: 40px 40px 20px 40px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	font-size: 9pt;
	
	-webkit-box-shadow: 0 0 5px rgba(175, 175, 175, 0.5); 
	box-shadow: 0 0 5px rgba(175, 175, 175, 0.5);

	width: 450px;
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 250px;
	top: 150px;
	gap: 20px;
}


.authapp_status_title {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	align-content: center;
	justify-content: center;
}