:root {
	--primary-color: #F0AC25; /* #f49103;*/
}

*, ::after, ::before {
	 box-sizing: content-box; 
}


body,td,a,div ,input, select,textarea, h1, h2, h3
{
 font-family: Segoe UI, Arial, Sans-Serif;
 color: #4f4f4f;
}
body,td,a,div ,input, select,textarea
{
    font-size: 9pt;        
}

body
{
    background-color: #ECECEC;
    margin: 0px;
}

h2
{
	margin: 6px 0px 6px 0px;
	padding: 0px;
    font-size: 27pt;
    /*line-height: 38px;*/
    font-weight: normal;
}

h3
{
	margin: 6px 0px 6px 0px;
	padding: 0px;
    font-size: 19pt;
    line-height: 26px;
    font-weight: normal;
}

h4
{
    margin: 6px 0px 6px 0px;
    padding: 0px;
    font-size: 14pt;
    font-weight: normal;    
}

h5
{
    margin: 6px 0px 6px 0px;
    padding: 0px;
    font-size: 11pt;
    font-weight: normal;    
}

input, select, textarea {
    width: 250px;
}

input, textarea
{
 border: 1px solid #999999;   
 background-color: White;
 padding: 3px 4px 3px 4px;
 margin: 0px 6px 0px 0px;
 /*vertical-align: middle;*/
}

select
{
 border: 1px solid #999999;   
 background-color: White;
 padding: 0px 0px 0px 0px;
 margin: 0px 6px 0px 0px;
 height: 23px;
 
 
}
#spanButton input
{
	margin-right: 0px;
}

.radiobutton input, .csTreeView input, .checklistbox input, .radioBox input
{
    position: relative;
    top: 1px;
    width: auto;
}

.checklistbox input
{
    position: relative;
    top: 2px;
    margin-bottom: 12px;
}

input.button
{
    border: 1px solid black;
    padding: 2px 12px 2px 12px;
    cursor: pointer;   
    font-size: 12pt;    
    margin-top: 12px;
    width: auto;
    /*height: 37px;*/
}
input.button:hover
{
    background-color: #FEE6B2;
}

table tr td
{
   padding: 4px;   
}
.ajax__calendar tr td
{
	padding: 0px;
}
table.tableFormat tr td
{
   padding: 0px;   
}

a
{
 color :#BA7D02; 
 text-decoration:none;     
}
a:hover
{
     text-decoration:underline;
}

p
{
	margin: 0px;
	padding: 0px;
}

hr
{
    border: none;   
    height: 1px;
    background-color: black;
    overflow: hidden;
}

.mainDiv
{
    background-color: Red;
	min-height: 100px;
    max-width: 1260px;
    padding: 0px;
    align: center;
    margin: auto;
    
    
}
.adv1 {
	position: fixed;
	margin-top: 20px;
	margin-left: 1270px;
}

@media all and (min-width:1200px) and (max-width:1600px) {
	.mainDiv {
		position: relative;
		left: -100px;
	}
}
@media all and (min-width:1200px) and (max-width:1500px) {
	.mainDiv {
		max-width: 1060px;
	}
	.adv1 {
		margin-left: 1070px;
	}
}

	.mainDivContent {
		background-color: White;
		max-width: 1212px;
		/*width: 100%;	*/
		min-height: 200px;
		padding: 0px 24px 24px 24px;
		/*float: left;*/
	}

	@media all and (max-width:700px) {
		.mainDivContent {
			padding: 0 6px 0 6px;
		}
	}

	.zahlavi {
		height: 60px;
		margin-bottom: 12px;
		display: flex;
	}

	h1.logo {
		margin: 0px 24px 0px 0px;
		padding: 0px;
		float: left;
	}

	.menu_background {
		background-color: Black;
		/*max-width: 997px;
    float: left;*/
		color: White;
		flex-grow: 1;
	}

	.menu_background_text {
		padding: 4px 24px 0px 0px;
		height: 20px;
		/*float: left;
    max-width: 973px;*/
		text-align: right;
		color: White;
		font-size: 8pt;
	}

		.menu_background_text a {
			color: White;
			text-decoration: none;
			font-size: 8pt;
		}

			.menu_background_text a:hover {
				text-decoration: underline;
			}

	.logoutAnchor {
		background-image: url('img/icoLogout.png');
		background-repeat: no-repeat;
		padding-left: 18px;
		height: 14px;
		display: block;
		float: right;
	}

	.menu {
		background-color: #F0AC25;
		width: 100%;
		height: 36px;
		/*float: left;
    padding-right: 24px;*/
	}


		.menu a {
			color: #4f4f4f;
			display: block;
			float: right;
			padding: 9px 12px 0px 12px;
			/*color: Black;*/
			text-decoration: none;
			height: 27px;
			font-size: 10pt;
		}

			.menu a.selected {
				background-color: White;
			}

			.menu a:hover {
				background-color: #FEE6B2;
				text-decoration: none;
			}

	.statmenu {
		background-color: #E6E6E6;
		padding: 0px 24px 0px 24px;
		display: flex;
		flex-wrap: wrap;
		/*width: 864px;*/
	}

		.statmenu a {
			color: #4f4f4f;
			/*float: left;	*/
			display: block;
			padding: 6px 12px 6px 12px;
			text-decoration: none;
			font-size: 10pt;
		}

			.statmenu a:hover, .statmenu a.statMenuActive:hover {
				background-color: #FEE6B2;
			}

			.statmenu a.statMenuActive {
				background-color: #F1F1F1;
			}

	@media all and (max-width:900px) {
		.statmenu {
			clear: both;
		}
	}

	.fullWidth {
		/*	width: 912px;
		float: left;*/
	}

	.leftColumn {
		/*width: 640px;
    float: left;   */
		flex-grow: 3;
	}

	.leftColumn50 {
		/*width: 450px;*/
		float: left;
	}

	.rightColumn {
		margin-left: 12px;
		flex-grow: 1;
		width: 260px;
		/*float: left;*/
	}

	.rightColumnMax300 {
		max-width: 300px;
	}

	@media all and (max-width:940px) {
		.rightColumnMax300 {
			max-width: none;
		}
	}

	.rightColumn50 {
		width: 450px;
		margin-left: 12px;
		float: left;
	}

	.box {
		padding: 12px 24px 12px 24px;
		margin-bottom: 12px;
		/*float: left;*/
	}

	@media all and (max-width:700px) {
		.box {
			padding: 12px 6px 12px 6px;
		}

		.prehled_stat_box.box {
			padding: 12px 24px 12px 24px;
		}

		.rightColumn50 {
			width: 100%;
			margin-left: 0;
		}

		.rightColumn {
			width: auto;
			/*float: left;*/
		}
	}

	.box h2 {
		margin: 0px 0px 0px 0px;
	}

	.box h3 {
		margin: 0px 0px 6px 0px;
	}

	.borderbox {
		border: 1px solid #E7E7E7;
	}

	.hp_topbox {
		background-image: url('Img/caruselbg.jpg');
		background-position: 100%;
		background-repeat: no-repeat;
	}

	.hp_topbox_carousel {
		position: relative; /*leave this value alone*/
		border: none;
		overflow: hidden; /* scroll; /*leave this value alone*/
		float: none;
		/* width: 590px;*/
		height: 206px;
	}

	.hp_topbox_belt {
		/*position: absolute;*/ /*leave this value alone*/
		/*left: 0;
top: 0;*/
	}

	.hp_topbox_panel {
		/*float: left; */ /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 0px; /*margin around each panel*/
		/*width: 590px;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

	.hp_topbox_paginate {
		position: absolute;
		margin-top: 181px;
	}

	.hp_topbox_text {
		max-width: 390px;
		/*float: left;   */
		margin-top: 24px;
	}

	.hp_topbox_img {
		float: left;
		margin-left: 30px;
	}

	.login_box {
		height: 180px;
		background-color: #F0AC25;
		/* width: 288px;*/
		margin-right: 12px;
		background-image: url('img/login_bg.png');
		background-repeat: no-repeat;
		background-position: 100% 0px;
	}

		.login_box h2 {
			margin-bottom: 0px;
		}

		.login_box input {
			border: 1px solid #F0AC25;
		}


			.login_box input.button {
				color: #F0AC25;
				margin-top: 0px;
				background-color: White;
			}

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

		.login_box a {
			color: White;
			text-decoration: none;
			display: block;
			float: left;
			margin-right: 11px;
		}

			.login_box a:hover {
				text-decoration: underline;
			}

	.demo_box {
		background-color: #B3B3B3;
		height: 72px;
		/*width: 244px;*/
	}

		.demo_box a {
			font-size: 19pt;
			line-height: 26px;
			color: #808080;
			background-color: White;
			display: block;
			/*float:left;*/
			padding: 8px 24px 8px 24px;
			margin-top: 0;
			text-decoration: none;
		}

			.demo_box a:hover {
				background-color: #FEE6B2;
			}

	@media all and (min-width:700px) and (max-width:1100px) {
		.demo_box a {
			font-size: 15pt;
		}

		.bezpecnost_box h3 {
			font-size: 15pt;
		}
	}


	.bezpecnost_box {
		background-color: #E6E6E6;
		/*width: 244px;*/
		height: 72px;
	}

		.bezpecnost_box a {
			/*width: 147px;*/
			text-align: center;
			font-size: 19pt;
			line-height: 26px;
			color: #808080;
			background-color: White;
			display: block;
			/*float:left;*/
			padding: 8px 24px 8px 24px;
			margin-top: 0;
			text-decoration: none;
		}

	.grey_box {
		background-color: #E6E6E6;
	}

	.bezpecnost_box a:hover {
		background-color: #FEE6B2;
	}

	.keywords_box {
		/*width: 590px;*/
		background-color: #FEE6B2;
		color: #4D4D4D;
	}

		.keywords_box a {
			text-decoration: none;
			color: #4D4D4D;
		}

			.keywords_box a.s1 {
				font-size: 19pt;
			}

			.keywords_box a.s2 {
				font-size: 14pt;
			}

			.keywords_box a.s3 {
				font-size: 10pt;
			}

	.vlastnosti_box {
		/*width: 286px;    */
		flex-grow: 1;
		margin-right: 12px;
		height: 451px;
	}

	.importdat_box {
		background-color: #E6E6E6;
		/*width: 242px;*/
		flex-grow: 1;
		height: 451px;
	}


	.nabizime_box {
		/*width: 258px;	
	float: left;*/
		padding-bottom: 0px;
		margin-bottom: 12px;
	}


	.nabizime_box_header {
		background-color: #F0AC25;
		/*width: 210px;*/
		margin-bottom: 1px;
	}

	.moving_box {
		/*float: left;
	width: 258px;*/
		margin-bottom: 1px;
	}

	.moving_box_content {
		padding: 12px 24px 12px 24px;
		margin: 0px;
	}

	.moving_box_content_hp {
		padding-left: 12px;
		padding-right: 12px;
	}

	.moving_box_content_hp_content {
		background-repeat: no-repeat;
		padding-left: 67px;
	}

	.movingPanelHeader {
		background-color: #F0AC25;
		padding: 6px 16px 5px 0px;
		cursor: pointer;
		color: #4D4D4D;
	}

		.movingPanelHeader:hover {
			background-color: #FEE6B2;
		}

		.movingPanelHeader img {
			vertical-align: bottom;
			margin-right: 6px;
		}

	.nabizime_box_footer {
		background-color: #F0AC25;
		/*width: 258px;*/
		height: 36px;
		padding: 0px;
		margin-bottom: 0px;
	}


	.novinky_box {
		/*width: 210px;*/
	}

	.aktuality .aktualita .date {
		font-weight: bold;
	}

	.whitetext {
		color: White;
	}

	.greytext {
		color: #808080;
	}

	.lightgreytext {
		color: #B3B3B3;
	}

	.list {
		margin: 12px 0px 12px 0px;
	}

	.zapati {
		float: left;
		width: 100%;
		text-align: right;
		padding: 24px 0px 24px 0px;
		color: Black;
	}

		.zapati a {
			text-decoration: none;
			color: Black;
		}

			.zapati a:hover {
				text-decoration: underline;
			}

	.div_helpcontrol {
		display: inline;
	}

	.napsali_o_nas_box {
		width: 864px;
	}

	.help {
		margin: 12px;
	}

	input.defineTransactionButton {
		border: none;
		background-color: #F0AC25;
		color: White;
		padding: 0px 12px 0px 36px;
		margin-bottom: 6px;
		cursor: pointer;
		font-size: 14pt;
		background-image: url('img/expand.png');
		background-repeat: no-repeat;
		background-position: 0px 6px;
	}


	.modalwindow_inner {
		font-size: 12px;
		border: solid 5px #CCCCCC;
		background-color: #ffffff;
		padding: 10px;
		text-align: left;
	}

	.modalwindow {
		border: 1px solid #999999;
	}

	.modalwindow_scrollbox {
		height: 200px;
		overflow: auto;
	}

	#flyout, #flyout2 {
		display: none;
		overflow: hidden;
		z-index: 2;
	}

	#info {
		display: none;
		width: 540px;
		z-index: 2; /*opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
	}

	#info2 {
		display: none;
		width: 700px;
		z-index: 2;
	}

	.icoClose {
		float: right;
		cursor: pointer;
	}


	table.wingrid {
		border-bottom: #c3c3c3 1px solid;
		width: 100%;
	}

		table.wingrid td {
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: 0px;
			padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 7px;
			padding-top: 7px;
			margin: 0px;
			color: windowtext;
			background-color: window;
		}

		table.wingrid tr.locked td a {
			color: Black;
		}

		table.wingrid td a img {
			vertical-align: middle;
		}

		table.wingrid tr.locked td {
			background-color: #F0AC25;
			height: 28px;
			border: 0px;
			padding-bottom: 0px;
			padding-top: 0px;
		}

		table.wingrid tr.alter {
			background-color: #f1f1f1;
		}

			table.wingrid tr.alter td {
				background-color: #f1f1f1;
			}

		/*table.wingrid tr.year
{
	background-color: #cccccc;
}
table.wingrid tr.year td
{
	background-color: #cccccc;
	font-weight:bold;
}*/

		.cell_entry, table.wingrid td.cell_entry {
			color: Green;
		}

		.cell_cost, table.wingrid td.cell_cost {
			color: Red;
		}

	.icobutton {
		margin-right: 12px;
		padding-left: 36px;
		height: 22px;
		display: block;
		/*float: left;*/
		margin-bottom: 2px;
		padding-top: 7px;
		background-repeat: no-repeat;
		background-position: 0px 4px;
		line-height: 17px;
	}



	.wingrid td .icobutton {
		margin-right: 0px;
	}

	.hlCost {
		background-image: url(img/icoMinus.png);
	}

	.hlEntry {
		background-image: url(img/icoPlus.png);
	}

	.hlCostSummary {
		background-image: url(img/icoMinus16.png);
		background-position: 0px 6px;
	}

	.hlEntrySummary {
		background-image: url(img/icoPlus16.png);
		background-position: 0px 6px;
	}

	.icograf {
		position: relative;
		top: -2px;
	}

	.hlBalance {
		background-image: url(img/icoBalance.png);
	}

	.hlStat {
		background-image: url(img/icoStat.png);
	}

	.hlInnerTransaction {
		background-image: url(img/icoInnerTransaction.png);
	}

	.hlDataImport {
		background-image: url(img/icoDataImport.png);
	}

	.hlNew {
		background-image: url(img/icoNew25.png);
	}

	.hlEdit {
		background-image: url(img/icoEdit25.png);
	}

	.hlBasket {
		background-image: url(img/icoMultipleOperations25.png);
	}

	.hlDefineTransaction {
		background-image: url(img/icoTransactionTemplate25.png);
	}

	.rightArrow {
		padding-left: 5px;
	}

	.heading {
		background-color: #E6E6E6;
		padding: 6px 16px 5px 0px;
		cursor: pointer;
	}

		.heading img {
			margin-right: 12px;
			vertical-align: bottom;
		}

	.prehled_stat_box {
		/*width: 246px;   */
		box-sizing: border-box;
		width: 100%;
		background-color: #F1F1F1;
		margin-right: 12px;
		padding-bottom: 24px;
		background-repeat: no-repeat;
		background-position: 24px 52px;
	}

		.prehled_stat_box p {
			margin-left: 70px;
		}

	.prehled_stat_page {
		display: flex;
		flex-wrap: wrap;
	}

		.prehled_stat_page .prehled_stat_box {
			max-width: 280px;
		}

	.icobox {
		width: 100%;
		margin-top: 12px;
		display: flex;
		flex-wrap: wrap;
	}

	.icoboxMargin {
		float: left;
		margin-bottom: 12px;
	}

	.filtrDescription {
		float: left;
		width: 100%;
		margin-bottom: 6px;
	}

	.clearFiltr {
		/*float: right;*/
		margin-top: 12px;
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.Drop120, .dropTimeStep120 {
		margin: 12px 0px 12px 0px;
		width: 120px;
	}

	.tb100 {
		margin-bottom: 12px;
		width: 100px;
	}

	.icoSmall {
		padding-left: 24px;
		margin-bottom: 2px;
		background-image: url(img/smallIco.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		background-image: url(img/smallIco.gif);
	}

	.icobuttontools {
		padding-left: 36px;
		height: 22px;
		display: block;
		/*float: left;*/
		padding-top: 7px;
		background-repeat: no-repeat;
		background-position: 0px 4px;
	}

	.div_basketAnchor {
		/*margin-left: 16px;*/
		text-align: right;
		margin-top: 12px;
		float: left;
		width: 100%;
	}

		.div_basketAnchor a {
			background-image: url(img/icoBasket.gif);
			background-repeat: no-repeat;
			background-position: 0px 1px;
			padding-left: 24px;
			margin-bottom: 2px;
		}

	.cs1 {
		padding-right: 5px;
	}

		.cs1 input {
			width: 12px;
			/*position: relative;
	top: 2px;
	>top: 1px;*/
			margin-right: 2px;
		}

	.cs_selected {
		color: black;
		background-color: #ffffff;
	}

	.cs1 {
		border: 1px solid black;
		background-color: white;
	}

	.helpico {
		background-image: url(img/icoHelp.png);
		background-repeat: no-repeat;
		/*position: absolute;*/
		float: right;
		top: 84px;
		margin-left: 12px;
		width: 25px;
		height: 25px;
		display: block;
	}

	.floatright {
		float: right;
	}

	.radiobutton label {
		margin-right: 12px;
	}

	.eDate63 {
		width: 110px;
	}

	table.importDataTable tr td {
		padding: 3px 0px 14px 0px;
	}

	.error {
		color: Red;
	}

	.accordion {
		background-color: #f1f1f1;
		padding: 0px;
	}

	.accordionHeader {
		background-color: #efa71a;
		color: White;
		cursor: pointer;
		background-position: 3px center;
		background-image: url(img/expand.png);
		background-repeat: no-repeat;
		padding-right: 3px;
		padding-left: 50px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-bottom: 1px;
	}

	.accordionHeaderSelected {
		background-color: #efa71a;
		color: White;
		cursor: pointer;
		background-position: 3px center;
		background-image: url(img/collapse.png);
		background-repeat: no-repeat;
		padding-right: 3px;
		padding-left: 50px;
		padding-bottom: 6px;
		padding-top: 6px;
		margin-bottom: 0px;
	}

	.accordionContent {
		padding: 12px;
	}

	.defineTransactionTemplate {
		display: inline;
	}

	.baloonhelp {
		background-color: white;
		border: 1px solid black;
		padding: 12px;
		margin-bottom: 1px;
	}

	.statCategoriesAmount {
		height: 10px;
		margin-top: 1px;
	}

	.statCategoriesAmount_red {
		background-color: red;
	}

	.statCategoriesAmount_green {
		background-color: green;
	}

	.divLoad {
		position: absolute;
		visibility: hidden;
		background-color: White;
		z-index: 200;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		top: 200px;
		border: 1px solid black;
		padding: 5px;
	}

	input.nomargintop {
		margin-top: 0px;
	}

	.categorySelectTextBox {
		margin-right: 0px;
		width: 235px;
	}

	table.wingrid tr.year {
		background-color: #cccccc;
	}

		table.wingrid tr.year td {
			background-color: #cccccc;
			font-weight: bold;
		}

	.csTreeView table tr td, .categorySelectTreeView table tr td {
		padding: 0px 12px 0px 0px;
	}


	.switchcategory input {
		height: 23px;
	}

	.switchcategory input {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}

	.hpImport {
		font-weight: bold;
	}

	input.buttonBlack, .login_box input.buttonBlack {
		color: Black;
		border-color: Black;
	}

	table.wingrid td a img.tableLineImgAnchor {
		vertical-align: top;
	}

	.clear {
		clear: both;
	}

	.newsimg {
		float: left;
		margin-right: 6px;
	}

	#menuMobileHolder {
		display: none;
	}

	.columnHolder {
		display: flex;
	}

	@media all and (max-width:940px) {
		.columnHolder900 {
			flex-direction: column;
		}

		.rightColumn {
			margin-left: 0;
		}

		.menu_background {
			display: none;
		}

		#menuMobileHolder {
			display: flex;
		}
	}

	@media all and (max-width:700px) {
		.columnHolder700 {
			flex-direction: column;
		}

		.login_box {
			margin-right: 0;
		}

		.hp_topbox_img {
			display: none;
		}
	}

	.dropdown-menu {
		border-radius: 0;
		padding: 1em;
	}

	#menuMobileHolder {
		background-color: white; /* #11467E;*/
		justify-content: flex-end;
		height: 4em;
		margin-top: 1em;
		flex-grow: 1;
	}

		#menuMobile, #menuMobileHolder .dropdown button {
			/*background-image: url('../images/ico/icoSettings.png');*/
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: 2.4em auto;
			width: 4em;
			height: 4em;
			cursor: pointer;
			margin-left: 0.5em;
			border: none;
			background-color: transparent;
		}

			#menuMobileHolder .dropdown button:focus {
				outline: none;
			}

			#menuMobileHolder .dropdown button span, #menuMoreDesktopHolder .dropdown button span {
				display: block;
				width: 100%;
				background-color: black;
				height: 2px;
				margin-bottom: 8px;
				margin-top: 8px;
			}

			#menuMobile:hover, #menuMobileHolder .dropdown button:hover {
				background-color: var(--primary-color);
			}

			#menuMobileHolder .dropdown button:focus {
				border-color: green;
			}

		#menuMobileHolder .dropdown-menu, #menuMoreDesktopHolder .dropdown-menu {
			margin-top: 3.0em;
			background-color: var(--primary-color);
			color: white;
		}

		#menuMobileHolder .dropdown-menu {
			margin-top: 0;
		}



			#menuMobileHolder .dropdown-menu li a {
				color: black;
				font-size: 100%;
				line-height: 210%;
			}

				#menuMobileHolder .dropdown-menu li a:hover {
					background-color: #005CB1;
					color: white;
				}
	/*.dropdown-menu-right {
	right: 0;
	left: auto !important;
}*/

	.rowHolder {
		display: flex;
		flex-direction: column;
	}


	.carousel-indicators {
		top: -10px;
	}

		.carousel-indicators li {
			background-color: black;
		}

	.loginPwdLabel {
		padding: 5px 0px 10px 0px
	}

	@media all and (max-width:700px) {
		table .tableFlex tr {
			display: flex;
			flex-direction: column;
		}

			table.tableFlex tr td {
				display: block;
				width: 100%;
			}

		.loginPwdLabel {
			padding: 0px 0px 10px 0px
		}
	}


	.dgTransactions {
		display: block;
		width: 100%;
		overflow: auto;
	}