/* oprava fontu */ 
/*
.ui-widget{
  font-family: "Open Sans Condensed", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;	
}
*/

.jbcore-nadpis {
    width: 100%;
    height: 4.125rem;
    background: #FFFFFF;
    display: flex;
	margin-top:5px;
    flex-direction: column;
    justify-content: center;
    -webkit-box-shadow: 0 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
}
.jbcore-nadpis h2 {
    margin: 0;
    text-align: center;
    font-size: 150%;
    display: block;
	font-weight:bold;
}

.jbcore-body{
	/* margin-top:var(--jbcore-top-menu-height); */
	width: 100%;
	/*margin-bottom: 0.8rem;*/
	/* margin-bottom:var(--jbcoreFooterHeight); */
	/* height: calc(100vh - var(--jbcoreFooterHeight)); */
	/* height: 100vh; */
}
/* .tmpl_component .jbcore-body{ */
	/* height: calc(100vh - 60px); */
/* } */


.jbcore-content{
	padding:0.5rem;
	padding-top: var(--jbcoreContentPaddingTop);
	max-width: 100vw;
	/* overflow: auto; */
	overflow: visible;
	/* height: calc(100vh - var(--jbcore-top-menu-height) - var(--jbcoreFooterHeight)); */
}

.hideable-alert{
	cursor:pointer;
}

#bottom_status {
    /* position: fixed; */
	display: flex;
	justify-content: space-between;
    bottom: 0;
    width: 100%;
    background-color: ivory;
    color:black;
    padding: 0.2rem;
    z-index:100;
	height: var(--jbcoreFooterHeight);
}
#bottom_status>div{
	width: auto;
	padding-left: 0.5rem;
}
#bottom_status>#copyright {
	margin-left: auto;
}


/* BOF overwrite some bootsrap */
legend{
	padding: 2px 10px 2px 10px;
	border: 1px solid silver;
	border-radius: 5px;
	margin-left:0.5rem;
	width:auto;
}

fieldset{
	border:1px solid silver;
	border-radius: 5px;
	padding:0.2rem;
	margin: 1px;
	min-width:320px;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,004799+100&0.1+0,0.18+100 */
	background: -moz-linear-gradient(top,  rgba(125,185,232,0.1) 0%, rgba(0,71,153,0.18) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,185,232,0.1) 0%,rgba(0,71,153,0.18) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,185,232,0.1) 0%,rgba(0,71,153,0.18) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7db9e8', endColorstr='#2e004799',GradientType=0 ); /* IE6-9 */
	
	transition:	.5s;	
}
fieldset:hover{
	border:1px solid red;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(133, 85, 117, 0.93);
	-moz-box-shadow:    2px 2px 14px 0px rgba(133, 85, 117, 0.93);
	box-shadow:         2px 2px 14px 0px rgba(133, 85, 117, 0.93);
	transition:	.5s;
}

.form-group{
	margin:1px 3px;
}

label{
	/* margin-top:0.2rem; */
	margin-bottom:0px;
	text-shadow: 2px 2px 6px rgba(147, 157, 198, 1);
}
/* EOF overwrite some bootsrap */
.form-item{
	min-width: 300px;
	margin-bottom:0.5rem;
}

.tabs_search,
.tabs_search>ul/*,
 .ui-widget-header */
{
	background-color: transparent;
}

.tabs_search>div,
.blueformfileds fieldset
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,004799+100&0.1+0,0.18+100 */
	background: -moz-linear-gradient(top,  rgba(125,185,232,0.1) 0%, rgba(0,71,153,0.18) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,185,232,0.1) 0%,rgba(0,71,153,0.18) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,185,232,0.1) 0%,rgba(0,71,153,0.18) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a7db9e8', endColorstr='#2e004799',GradientType=0 ); /* IE6-9 */
}
fieldset legend{
	background: #e1f0ff;
}

/* .ui-tabs .ui-tabs-panel{
	padding:0.2rem;
} */

.speedbuttons{
	position: fixed;
	right:5px;
	bottom:33px;
	width:50px;
	z-index: 2;
}
.speedbuttons .btn{
	margin:2px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* .ui-dialog-titlebar{
background: -moz-linear-gradient(top,  rgba(125,185,232,0.63) 0%, rgba(30,87,153,0.18) 48%, rgba(30,87,153,0.61) 100%);
background: -webkit-linear-gradient(top,  rgba(125,185,232,0.63) 0%,rgba(30,87,153,0.18) 48%,rgba(30,87,153,0.61) 100%);
background: linear-gradient(to bottom,  rgba(125,185,232,0.63) 0%,rgba(30,87,153,0.18) 48%,rgba(30,87,153,0.61) 100%);
} */

.form-item .select2{
	width: 100%;
	min-height: calc(1.5em + 0.75rem + 2px);	
}

.form-item .select2 .select2-selection{
	/*height: 100%;*/
}

/* .ui-dialog, .ui-dialog-content {
    box-sizing: content-box;
} */

.jbform_send{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.18+0,0.36+51,0.19+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.36) 51%, rgba(0,0,0,0.19) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0.19) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.36) 51%,rgba(0,0,0,0.19) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

text-align: center;	
border-radius: 5px;
margin:0.5rem;
padding:0.5rem;

position:fixed;
width:calc(100% - 1rem);
bottom:0;
left:0;
}

.jbform_send_whitespace{
	width:100%;
	margin:0px;
	height: 60px;
}

.jbform_send .btn{
-webkit-box-shadow: 2px 2px 15px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    2px 2px 15px 0px rgba(255, 255, 255, 0.75);
box-shadow:         2px 2px 15px 0px rgba(255, 255, 255, 0.75);	
}

.jbform_send  .btn[type="send"]{
	width:12rem;
}


.ui-dialog .ui-dialog-titlebar-minimize,
.ui-dialog .ui-dialog-titlebar-maximize,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-restore
{
	width:1.5rem !important;
	height: 1.5rem  !important;
}
.ui-dialog .ui-dialog-titlebar-minimize span,
.ui-dialog .ui-dialog-titlebar-maximize span
{
	margin:0.2rem !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{
	max-width: calc(100% - 30px);
	overflow: hidden;
}

.boolButtons,.boolButtonsAsText{
	width: 32px;
	height: 32px;
	padding: 2px;
}
.boolButtonsAsText{
	width: auto;
	padding: 2px 5px;
}

.jbcore-content>.ajaxtable-modul-cover>.ajaxdivmainpouzdro>.ajaxtblmain .ajaxtblbody thead th{
	position: sticky;
}

.ajaxtblbodydata td{
	padding-left:6px !important;
	padding-right:6px !important;
}

div.jbcore-content form.inpageForm{
	border: 1px solid silver;
	padding: 10px;
	border-radius: 7px;	
	background-color: #fcfffb;
	-webkit-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 13px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 13px 0px rgba(50, 50, 50, 0.75);	
	margin: 20px 5px 5px 5px;
}

/* toto platí když je šířka obrazu větší jak je uvedeno + uprTpmenu.css */
@media (min-width: 700px) and (orientation : landscape)  {
	.jbcore-nadpis {
		height: 3.125rem;
	}	
	.jbcore-body{
		/* margin-top:var(--jbcore-top-menu-height); */
		margin-top:0;
		/* margin-bottom:var(--jbcoreFooterHeight); */
	}	
}

.form-title{
	padding: 6px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,b7b7b7+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(183,183,183,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(183,183,183,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(183,183,183,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.history_type_1{
	/* hist info */
	color: #ff8040 !important;
}
.history_type_2{
	/* hist info */
	color: #800000 !important;
}
.history_type_4{
	/* hist warn */
	background-color: #ffda8c !important;
	color: black !important;
}
.history_type_5{
	/* hist err */
	background-color: #ffa6a6 !important;
	color: black !important;
}
.history_type_6{
	/* hist OK */
	background-color: #aeffae !important;
	color: black !important;
}
.history_type_7{
	/* hist výjimka */
	background-color: #c0c0c0 !important;
	color: black !important;
}
.history_type_8{
	/* hist dokončeno */
	background-color: #dfdfff !important;
	color: black !important;
}
.text-bold{
	font-weight: bold;
}


/* BOF bootsrap - obarvení col jako v příkladech  - k prvnímu .container přidej .shadowBootsrapCols */
.shadowBootsrapCols .row>.col, .shadowBootsrapCols .row>[class^="col-"] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.2);
}
/* EOF bootsrap - obarvení col jako v příkladech */

.mainbodytable>thead th{
	/* top:calc(0px - var(--jbcoreContentPaddingTop)) !important; */
	top:calc(0px + var(--jbcore-top-menu-height)) !important;
}

.html-AlertHelpDiv{
	cursor: pointer;
}

.html-AlertHelpDiv .html-AlertHelpDiv-header {
	border-bottom:1px solid;
	margin-bottom:0;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 1rem;	
	transition: all 0.25s ease-in-out;
}
.html-AlertHelpDiv .html-AlertHelpDiv-header span{
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
}

.html-AlertHelpDiv .html-AlertHelpDiv-header .html-AlertHelpDiv-sp1{
	display: none;
}
.html-AlertHelpDiv.html-AlertHelpDiv-off .html-AlertHelpDiv-header .html-AlertHelpDiv-sp1{
	display: inline-block;
}

.html-AlertHelpDiv .html-AlertHelpDiv-header .html-AlertHelpDiv-sp2{
	display: inline-block;
}
.html-AlertHelpDiv.html-AlertHelpDiv-off .html-AlertHelpDiv-header .html-AlertHelpDiv-sp2{
	display: none;
}

.html-AlertHelpDiv.html-AlertHelpDiv-off .html-AlertHelpDiv-header{
	/* padding: 1rem; */
	padding: 0.2rem 1rem;
	/* margin: 0; */
	border-bottom: 1px solid transparent;
}

.html-AlertHelpDiv.html-AlertHelpDiv-off .html-AlertHelpDiv-content {
	display: none;
}

.html-AlertHelpDiv-content {
	border: 2px ridge;
	margin: 1rem;
	padding: 1rem;
	border-radius: 0 0 0.5rem 0.5rem;
	border-top: none;
	margin-top: 0;
}

.fullscreenDivJBCore{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5;
}
.fullscreenDivJBCore > div{
	position: absolute;
	text-align: center;
	font-size: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#bottom-login-info{
	display: flex;
	justify-content: space-between;
}

#bottom-login-info>div
{
	padding: 0;
	margin-right: 3px;
	padding-right: 3px;
	width: auto;
}

#bottom-login-info .kurz-kod,
#bottom-login-info .spot-lbl
{
	margin-right: 0.25rem;
	font-weight: bold;
}

#bottom-login-info .spot-cena{
	padding: 0 4px;
	border-radius: 4px;
	border: 1px solid color-mix(in srgb, currentColor 80%, black 20%);	
}

#offcanvasMenu .offcanvas-logo{
	background-color: white;
	border: 3px solid #008c45;
}
#offcanvasMenu .dummy-space{
	height: 33vh !important;
}

ul.nav.nav-tabs{
	height: var(--navTabsUlLiHeight);
}

ul.nav.nav-tabs{
	background-color: var(--bs-body-bg);
}

table thead,
ul.nav.nav-tabs
{
	position: sticky;
	top: calc(0px - var(--jbcoreContentPaddingTop));
}

div.tab-content table thead{
	position: sticky;
	top: calc(0px - var(--jbcoreContentPaddingTop) - 1px + var(--navTabsUlLiHeight));
}

.tab-content > div {
	max-width: 100%;
	overflow:auto;
}

.ajaxdivmainpouzdro{
	/* max-width: 100%; */
	/* overflow:auto; */
}
.tooltip,
.bs-tooltip-top{
	z-index: 100000 !important;
}

.mainbodytable tr td div.tab-content table thead{
	position: initial !important;
}

.bar-btn-text-include{
	height: auto;
}