.boxClear
{
	clear: both;
}
.boxInline
{
    display: inline;
}
.boxInvisible
{
	visibility: hidden;
    display: none;
}


.boxPHFValue
{
	height: 24px;
	color: #888;
    border-radius: 0px;
    background-color: transparent;
}

.tMagic
{
	font-size: 0pt;
	width: 0px;
	height: 0px;
	background: transparent;
	border: 0px none #fff;
	visibility: hidden;
    display: none;
}
.cInputAspNetRepair
{
	display: none;
}
.cIframeInvisible
{
	width: 0px;
	height: 0px;
	border: 0pt none #000;
	background-color: transparent;
}



/* reset */
html
{
	margin: auto;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
body
{
	margin: auto;
	padding: 0;
	padding: 0;
	border: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	font-weight: normal;
}
table
{
	margin: auto;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	text-indent: 0px;
	text-align: center;
	font-weight: normal;
}
tr
{
	margin: auto;
	padding: 0;
	border: 0;
}
td
{
	margin: auto;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: center;
}
p
{
	margin: auto;
	padding: 8px 0px;
	border: 0;
}
ul
{
	margin: 0;
}
ol
{
	margin: 0;
}
div
{
	margin: auto;
	padding: 0;
	border: 0;
	text-align: center;
	text-indent: 0px;
}
form
{
	margin: auto;
	padding: 0;
	border: 0;
}
input
{
	font-weight: normal;
	margin: auto;
	padding: 0;
	border: 0;
}
img
{
	margin: auto;
	padding: 0;
	border: 0;
	vertical-align: middle;
}
a:link, a:visited
{
	text-decoration: underline;
	cursor: pointer;
}
a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/* reset */
body
{
	color: #000;
	font-family: 'proxima-nova',sans-serif;
	font-size: 0.9em;
}
table
{
	font-family: 'proxima-nova',sans-serif;
	font-size: 1.0em;
}
input
{
	font-family: 'proxima-nova',sans-serif;
	font-size: 1.0em;
	outline: none
}
input:focus
{
	outline: 1px dotted #bbb;
}
a:link, a:visited
{
	color: #24388d;
}
a:hover
{
	color: #3350C4;
}

/* Form fields */
/* Form Fields backgrounds */
.uCommon, .uCommonCheck
{
	background-color: #fff;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 1px solid #999;
}
.uCommon:focus, .uCommonCheck:focus
{
	background-color: #fff;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 2px solid #0e76bc;
}
.uMandat
{
	background-color: #fff;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 1px solid #999;
}
.uMandat:focus
{
	background-color: #fff;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 2px solid #0e76bc;
}
.uReadonly
{
	background-color: #ddd;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 1px dashed #999;
}
.uReadonly:focus
{
	background-color: #ddd;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 2px dashed #0e76bc;
}
.uTechnic
{
	background-color: #eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.uTechnic:focus
{
	background-color: #eee;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 2px solid #0e76bc;
}
/* Form Fields types and fields */
.nNormal
{
	padding: 0px 1px;
	height: 24px;
}
.sNormal
{
	padding: 0px 0px;
	height: 24px;
}
.sNormal:focus
{
	border-bottom: 2px solid #0e76bc;
}
.sReadonly
{
	background-color: #ddd;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 1px dashed #777;
    filter: brightness(88%);
}
.sReadonly:focus
{
	background-color: #ddd;
	border-top: 0px none #fff;
	border-left: 0px none #fff;
	border-right: 0px none #fff;
	border-bottom: 2px dashed #0e76bc;
    filter: brightness(88%);
}

/* JC Formular PHF Popiska Hodnota Funkce */
.boxPHFMulti
{
	float: left;
}
.boxPHFValue
{
	height: 24px;
	color: #888;
    border-radius: 0px;
    background-color: transparent;
}
.boxPHFValueBez
{
	color: #888;
    background-color: transparent;
}

/* Form Fields sizes */
.uWhole  { width: 100%; }
.uP  { width: 65px; }
.uOp  { width: 65px; }
.uShort  { width: 80px; }
.uAcurate { width: 120px; }
.uMedium { width: 170px; }
.uMatch  { width: 250px; }
.uLong   { width: 350px; }

.uWholeCheck  { width: calc(100% - 25px); }

/* Form Fields types and fields */
/* Checkbox */
.oNormal
{
	padding: 0px 0px;
}
.nNormal
{
	border-radius: 2px;
	box-sizing: border-box;
	outline: none;
}
.nNormal:focus
{
	outline: none;
}
.sNormal
{
	padding: 0px 0px;
	border-radius: 2px;
	box-sizing: border-box;
	outline: none;
}
.sNormal:focus
{
	outline: none;
}
.dNormal, .boxNormal
{
	padding: 1pt 2pt 0pt 2pt;
	border: 1pt solid #aaa;
	background-color: #fff !important;
	font-family: "Droid Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
	font-size: 1.0em;
	width: 100%;
	height: 333px;
   text-align: left;
   overflow: auto;
}
.dNormalHight, .boxNormalHight
{
	padding: 1pt 2pt 0pt 2pt;
	border: 1pt solid #aaa;
	background-color: #fff !important;
	font-family: "Droid Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
	font-size: 1.0em;
	width: 100%;
	height: 499px;
  text-align: left;
  overflow: auto;
}
.nNumber
{
	border-radius: 2px;
	box-sizing: border-box;
	outline: none;
    text-align: right;
}
.nNumber:focus
{
	outline: none;
}
.sReadonly
{
	color: #333;
}
.sReadonly:focus
{
	color: #333;
}

.boxuReadonly
{
}

/* tlacitka */
.tNormal
{
	background-color: #E94190;
}
.tNormal:hover
{
	background-color: #E94190;
}
.tLine
{
	background-color: #E94190;
}
.tLine:hover
{
	background-color: #E94190;
}
.tLineNas
{
    border-radius: 5px;
	background-color: #E94190;
}
.tLineNas:hover
{
	background-color: #E94190;
}
.tMain
{
	padding: 8px 6px 9px 6px;
	background-color: #E94190;
    border-radius: 5px;
}
.tMain:hover
{
	background-color: #E94190;
}
.tObject
{
	padding: 8px 6px 9px 6px;
	background-color: #24388D;
    border-radius: 5px;
}
.tObject:hover
{
	background-color: #24388D;
}
.tChange
{
	padding: 8px 6px 9px 6px;
	background-color: #24388D;
    border-radius: 5px;
}
.tChange:hover
{
	background-color: #24388D;
}
.tBack
{
	padding: 8px 6px 9px 6px;
	background-color: #6E7574;
    border-radius: 5px;
}
.tBack:hover
{
	background-color: #6E7574;
}
.tAction
{
	padding: 8px 6px 9px 6px;
	background-color: #6E7574;
    border-radius: 5px;
}
.tAction:hover
{
	background-color: #6E7574;
}
.tReport
{
	padding: 8px 6px 9px 6px; 
	background-color: #E94190;
    border-radius: 5px;
}
.tReport:hover
{
	background-color: #E94190;
}
.tCopy
{
	padding: 8px 6px 9px 6px;
	background-color: #E94190;
    border-radius: 5px;
}
.tCopy:hover
{
	background-color: #E94190;
}
.lnkReport
{
    border-radius: 5px;
	padding: 8px 6px 9px 6px;
}
.lnkReport:link, .lnkReport:visited
{
	background-color: #E94190;
}
.lnkReport:hover
{
	background-color: #E94190;
}
.uBandAdmin, .uBandAdmin:hover
{
	background-image: url(../Images/BandAdminBlupinky.png);
}

.uCommon
{
	background-color: #ffffff;
	border: 1px solid #888;
   border-radius: 10px;
}
.uCommon:focus
{
	background-color: #ffffff;
	border: 1px solid #888;
   border-radius: 10px;
   outline: 1px dashed #22f;
}
.uCommonCheck
{
	border: 1px solid #888;
   border-radius: 10px;
}
.uCommonCheck:focus
{
	border: 1px solid #888;
   border-radius: 10px;
   outline: 1px dashed #22f;
}
.uMandat
{
	background-color: #ffffff;
	border: 1px solid #888;
   border-radius: 10px;
}
.uMandat:focus
{
	background-color: #ffffff;
	border: 1px solid #888;
   border-radius: 10px;
   outline: 1px dashed #22f;
}
.uReadonly
{
	background-color: #ccc;
	border: 1px solid #888;
   border-radius: 10px;
}
.uReadonly:focus
{
	background-color: #ccc;
	border: 1px solid #888;
   border-radius: 10px;
   outline: 1px dashed #22f;
}
.uTechnic
{
	background-color: #ccc;
	border: 1px solid #888;
   border-radius: 10px;
}
.uTechnic:focus
{
	background-color: #ccc;
	border: 1px solid #888;
   border-radius: 10px;
   outline: 1px dashed #22f;
}
/* Form Fields types and fields */
.nNormal
{
	padding: 0px 10px;
	height: 32px;
}
.sNormal
{
	padding: 0px 10px;
	height: 32px;
}
.sNormal:focus
{
	border-bottom: 0px none #fff;
}
.sReadonly
{
	background-color: #ccc;
	border: 1px solid #666;
   border-radius: 10px;
   filter: brightness(88%);
}
.sReadonly:focus
{
	background-color: #ccc;
	border: 1px solid #666;
   border-radius: 10px;
   outline: 1px dashed #22f;
   filter: brightness(88%);
}


/* JC Formular PHF Popiska Hodnota Funkce */
.boxPHF
{
	float: left;
	min-height: 26px;
	padding: 0px 0px 0px 2.5%;
	text-align: right;
}
.boxPHFIn
{
	float: left;
	padding: 0px 0px 0px 2.5%;
	overflow: hidden;
}
.boxPHFPo
{
	float: left;
	min-height: 26px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.boxCela { width: 95%; }
/* JC Formular - Label Value Function */
.boxPHFMulti
{
	height: 16px;
	width: 16px;
	padding: 7px 2px 0px 1px;
}
.boxPHFLabel
{
	float: left;
	text-align: left;
	height: 20px;
	padding: 15px 1px 0px 1px;
	font-size: 1.0em;
	font-weight: normal;
	color: #000;
	overflow: hidden;
}
.boxPHFLabelText
{
	float: left;
	text-align: left;
	height: 18px;
	padding: 0px 1px 0px 1px;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
	overflow: hidden;
}
.boxPHFLabelPouziti
{
	float: left;
	text-align: left;
	height: 22px;
	padding: 23px 3px 0px 3px;
	font-size: 1.0em;
	font-weight: normal;
	color: #000;
	overflow: hidden;
}
.boxPHFLabelVysoky
{
	float: left;
	text-align: left;
	height: 28px;
	padding: 10px 1px 0px 1px;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	overflow: hidden;
}
.boxPHFLabelBez
{
	float: left;
	text-align: left;
	padding: 10px 1px 0px 1px;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	overflow: hidden;
}
.boxPHFLabelTlacitko
{
	float: left;
	text-align: left;
	height: 20px;
	padding: 25px 0px 0px 0px;
}
.boxPHFFunctions
{
	float: right;
	height: 24px;
	padding: 2px 0px 0px 0px;
	overflow: hidden;
}
.boxPHFFunctionsLine
{
	float: left;
    clear: both;
	height: 24px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.boxPHFValue
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	font-weight: normal;
}
.boxPHFValueBez
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	font-weight: normal;
}
.boxPHFGrid
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	height: 400px;
	font-weight: normal;
	overflow: auto;
	color: #bbb;
    background-color: #fff;
    border: 1px solid #bbb;
}
.kGrid
{
    color: #3885ba;
}
.boxPHFDetails
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	height: 264px;
	font-weight: normal;
	color: #888;
}
.boxPHFDocument
{
	clear: both;
	float: left;
	text-align: left;
	width: 100%;
	height: 354px;
	font-weight: normal;
	color: #888;
}
.boxPHFLabelIn
{
	float: left;
	padding: 0px 0px 0px 2.5%;
	overflow: hidden;
	text-align: left;
	font-size: 0.9em;
	color: #888;
}
.boxPHFValueIn
{
	float: left;
	padding: 0px 0px 0px 2.5%;
	overflow: hidden;
	text-align: left;
	color: #333;
}

.boxFloating
{
   margin: 24px 0px 0px 0px;
   width: 100%;
   background-color: #f8f8f8;
   padding: 0px;
   height: 34px;
   border-radius: 5px;
   box-sizing: border-box;
   outline: none;
}





body {
    background: white;
}

.boxRecepturyBody {
    background: white;
}


.boxSpolecneLista {
    border-bottom: 1px solid #000000;
    display: flex;
    height: 70px;
    width: auto;
}

.boxSpolecneListaLogo {
    display: inline-block;
    text-align: center;
    height: inherit;
    margin: initial;
}

.iSpolecneListaLogo {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    height: 100%;
    cursor: pointer;
}

.boxSpolecneListaTlacitka {
    margin-right: 0px;
    align-items: center;
    display: flex;
}

.boxSpolecneListaTlacitko {
    padding: 10px;
    font-size: x-large;
    color: black;
    cursor: pointer;
    display: inline-flex;
}

.iSpolecneListaPrihlasitPuntik {
    width: 15px;
    height: 15px;
    position: relative;
    transform: translate(-110%,75%);
}


.boxReceptarPopis{
    font-weight: normal;
    color: black;
    text-align: start;
}