/* reset */
body
{
	background-color: #f1f1f1;
	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;
}

/* canvas a pasy */
.boxCanvas
{
	height: calc(100% - 0px);
    width: 100%;
}
.boxPasNahore
{
    width: 100%;
	background-image: url(../Images/Blupinky-Pozadi-Nahore.png);
    height: 38px;
    padding: 20px 0px;
}
.boxPasUprostred
{
	height: calc(100% - 98px);
    width: 100%;
}
.boxPasDole
{
	height: 0px;
    width: 100%;
	background-color: #f1f1f1;
    display: none;
}

/* nahore */
.boxNahoreNapisek
{
    color: #24388D;
    font-weight: 900;
    height: 38px;
}

/* uprostred */
/* nic */

/* dole */
.boxDoleAutor
{
	min-width: 100%;
	max-width: 100%;
	padding: 0px 0px;
	color: #fff;
}

/* menu */
.boxMenu
{
	float: left;
    height: 100%;
    background-color: #24388d;
}
.boxMenuVelke
{
	float: left;
    width: 100px;
    height: 100%;
}
.boxMenuMale
{
	float: left;
    width: 50px;
    height: 100%;
}
.boxLista
{
	padding: 0px;
    text-transform: uppercase;
}
.kLista
{
	padding: 5px 18px;
	display: block;
	height: 20px;
    width: 95px;
	color: #fff;
}
.lnkListaX
{
	display: block;
	height: 20px;
    width: 32px;
	padding: 25px 2px 25px 2px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
    text-transform: uppercase;
}
.lnkListaX:link, .lnkListaX:visited
{
	background-color: #24388d;
}
.lnkListaX:hover
{
	background-color: #3350C4;
}
.lnkListaK
{
	display: block;
    float: right;
	height: 20px;
    width: 32px;
	padding: 25px 2px 25px 2px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
    text-transform: uppercase;
}
.lnkListaK:link, .lnkListaK:visited
{
	background-color: #CBCBCB;
}
.lnkListaK:hover
{
	background-color: #AAAAAA;
}
.lnkLista, .lnkListaV, .lnkListaVZ
{
	display: block;
	height: 20px;
   width: 80px;
	padding: 65px 10px 10px 10px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
    text-transform: uppercase;
	font-size: 0.8em;
}
.lnkListaM, .lnkListaMZ
{
	display: block;
	height: 20px;
   width: 40px;
	padding: 25px 5px 10px 5px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
    text-transform: uppercase;
	font-size: 0.8em;
}
.lnkLista:link, .lnkLista:visited, .lnkListaM:link, .lnkListaM:visited, .lnkListaV:link, .lnkListaV:visited
{
	background-color: #24388d;
}
.lnkLista:hover, .lnkListaM:hover, .lnkListaV:hover
{
	background-color: #3350C4;
}
.lnkListaMZ:link, .lnkListaMZ:visited, .lnkListaVZ:link, .lnkListaVZ:visited
{
	background-color: #e94190;
}
.lnkListaMZ:hover, .lnkListaVZ:hover
{
	background-color: #FF60AD;
}
.lnkMenuNeco
{
	background-image: url(../Images/Blupinky-Neco.png);
}
.lnkMenuVMala
{
	background-image: url(../Images/Bluepinky-V-Mala.png);
}
.lnkMenuMVelka
{
	background-image: url(../Images/Bluepinky-M-Velka.png);
}
.lnkEna
{
	color: #000;
}
.lnkEna:link, .lnkEna:visited
{
	color: #000;
	text-decoration: none;
}
.lnkEna:hover
{
	color: #000;
	text-decoration: none;
}
.lnkDis
{
	color: #888;
    cursor: default;
}
.lnkDis:link, .lnkDis:visited
{
	color: #888;
	text-decoration: none;
    cursor: default;
}
.lnkDis:hover
{
	color: #888;
	text-decoration: none;
    cursor: default;
}
.tabRoleta
{
	background-color: #CBCBCB;
	border: 2px solid #444;
}
.lnkRoleta:link, .lnkRoleta:visited
{
	color: #000;
}
.lnkRoleta:hover
{
	background-color: #AAAAAA;
	color: #000;
}
.tabRoletaJina
{
	border: 2px solid #444;
}
.lnkRoletaOrganizace:link, .lnkRoletaOrganizace:visited
{
	background-color: #fff;
	color: #000;
    font-weight: bold;
    padding: 6px 4px 6px 4px;
}
.lnkRoletaOrganizace:hover
{
	background-color: #fff;
	color: #000;
    font-weight: bold;
    padding: 6px 4px 6px 4px;
}
.lnkRoletaInstance:link, .lnkRoletaInstance:visited
{
	background-color: #fbb;
	color: #000;
    padding: 4px 4px 4px 24px;
}
.lnkRoletaInstance:hover
{
	background-color: #AAAAAA;
	color: #000;
    padding: 4px 4px 4px 24px;
}
.tabRoletka
{
	border: 1px solid #CBCBCB;
	background-color: #CBCBCB;
}
.colRoletka
{
	padding: 2px 0px 0px 15px;
}
.colRoletka30
{
	padding: 2px 0px 0px 0px;
}
.lnkRoletka:link, .lnkRoletka:visited, .lnkRoletka30:link, .lnkRoletka30:visited
{
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 138px;
}
.lnkRoletka:hover, .lnkRoletka30:hover
{
	background-color: #AAAAAA;
}
.lnkZatrhavatkem
{
	padding: 4px 7px 3px 4px;
}
.lnkZatrhavatkem:link, .lnkZatrhavatkem:visited
{
	background-color: #CBCBCB;
	color: #000;
}
.lnkZatrhavatkem:hover
{
	background-color: #AAAAAA;
	color: #000;
}
.lnkBarevneUn:link, .lnkBarevneUn:visited
{
	background-color: #4B4D4F;
}
.lnkBarevneUn:hover
{
	background-color: #fff;
}
.tabKontext
{
	border: 1px solid #bbb;
	background-color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
}
.colKontext
{
	padding: 0px;
}
.lnkKontext:link, .lnkKontext:visited
{
	color: #333;
}
.lnkKontext:hover
{
	background-color: #24388d;
	color: #fff;
}

/* akce */
.boxAkce
{
	color: #000;
    width: 160px;
}
.kAkce
{
	padding: 3px 10px;
	display: block;
	height: 25px;
	color: #bbb;
}
.lnkAkce
{
	text-align: left;
    display: block;
    width: 150px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lnkAkce:link, .lnkAkce:visited
{
}
.lnkAkce:hover
{
}
.lnkAkce30
{
	text-align: left;
    display: block;
    width: 30px;
    font-size: 0.8em;
}
.lnkAkce30:link, .lnkAkce30:visited
{
}
.lnkAkce30:hover
{
}
.lnkObyc
{
	padding: 5px 5px 2px 5px;
}
.lnkObyc:link, .lnkObyc:visited
{
	background-color: #CBCBCB;
	color: #000;
}
.lnkObyc:hover
{
	background-color: #AAAAAA;
	color: #000;
}
.lnkHlav
{
	height: 38px;
	padding: 20px 5px 2px 5px;
}
.lnkHlav:link, .lnkHlav:visited
{
	background-color: #E94190;
	color: #fff;
}
.lnkHlav:hover
{
	background-color: #E82282;
	color: #fff;
}
.lnkVedl
{
	height: 38px;
	padding: 20px 5px 2px 5px;
}
.lnkVedl:link, .lnkVedl:visited
{
	background-color: #fff;
	color: #213A89;
}
.lnkVedl:hover
{
	background-color: #aaa;
	color: #213A89;
}
.lnkVypn
{
	padding: 5px 5px 2px 5px;
}
.lnkVypn:link, .lnkVypn:visited
{
	background-color: #CBCBCB;
	color: #888;
}
.lnkVypn:hover
{
	background-color: #CBCBCB;
	color: #888;
}
.boxVseAkceOdsadL
{
	width: 0px;
	height: 0px;
}
.boxVseAkceOdsadR
{
	width: 0px;
	height: 7px;
}
.boxClaStredInfo
{
	color: #E94190;
}

/* 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);
}

/* pages */
.boxPage
{
	float: left;
    height: 100%;
    width: calc(100% - 156px);
	background-color: #F1F1F1;
}
.boxLogo
{
	background-color: #F1F1F1;
}
.boxFormularBledy
{
	background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}
.boxCaption, .boxCaptionBledy
{
	color: #24388d;
}
.boxGroup
{
	color: #24388d;
}

/* window Blupinky */
.boxWindowBlupinky
{
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: fixed;
	_position: absolute;
	visibility: hidden;
	z-index: -100;
	opacity: 0;
	filter: alpha(opacity=0);
}
.boxWindowBlupinkyRoom
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.boxWindowBlupinkyGlass
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	opacity: 0.50;
	filter: alpha(opacity=50);
	background-color: #222;
}
.tabWindowBlupinkyTable
{
}
.colWindowBlupinkyColumn1stLine1stJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-color: #eee;
    border-top-left-radius: 20px;
}
.colWindowBlupinkyColumn1stLine2ndJamb
{
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #eee;
}
.colWindowBlupinkyColumn1stLine3rdJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-color: #eee;
    border-top-right-radius: 20px;
}
.colWindowBlupinkyColumn2ndLine1stJamb
{
	width: 20px;
	height: 100%;
	overflow: hidden;
	background-color: #eee;
}
.colWindowBlupinkyColumn2ndLine2ndJamb
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #eee;
}
.colWindowBlupinkyColumn2ndLine3rdJamb
{
	width: 20px;
	height: 100%;
	overflow: hidden;
	background-color: #eee;
}
.colWindowBlupinkyColumn3rdLine1stJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: #eee;
    border-bottom-left-radius: 20px;
}
.colWindowBlupinkyColumn3rdLine2ndJamb
{
	width: calc(100% - 40px);
	height: 20px;
	overflow: hidden;
	background-color: #eee;
}
.colWindowBlupinkyColumn3rdLine3rdJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: #eee;
    border-bottom-right-radius: 20px;
}
.tabWindowBlupinkyTopTable
{
}
.colWindowBlupinkyTopColumnTools
{
	width: 0px;
	height: 36px;
	overflow: hidden;
}
.colWindowBlupinkyTopColumnTitle
{
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.colWindowBlupinkyTopColumnButtons
{
	width: 0px;
	height: 36px;
	overflow: hidden;
}
.boxWindowBlupinkyTools
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxWindowBlupinkyTitle
{
	line-height: 100%;
	font-size: 1.4em;
	padding: 15px 1px 10px 8px;
	overflow: hidden;
	width: 100%;
	height: 16px;
	color: #000;
    text-align: center;
}
.boxWindowBlupinkyButtons
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxWindowBlupinkyArea
{
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: left;
	background-color: #fff;
}
.boxWindowBlupinkyAreaNoscroll
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
}

/* basic Blupinky */
.boxBasicBlupinky
{
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: fixed;
	_position: absolute;
	visibility: hidden;
	z-index: -100;
	opacity: 0;
	filter: alpha(opacity=0);
}
.boxBasicBlupinkyRoom
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.boxBasicBlupinkyGlass
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	opacity: 0.50;
	filter: alpha(opacity=50);
	background-color: #222;
}
.tabBasicBlupinkyTable
{
}
.colBasicBlupinkyColumn1stLine1stJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn1stLine2ndJamb
{
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn1stLine3rdJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn2ndLine1stJamb
{
	width: 20px;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn2ndLine2ndJamb
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn2ndLine3rdJamb
{
	width: 20px;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn3rdLine1stJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn3rdLine2ndJamb
{
	width: calc(100% - 40px);
	height: 20px;
	overflow: hidden;
	background-color: #fff;
}
.colBasicBlupinkyColumn3rdLine3rdJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-color: #fff;
}
.tabBasicBlupinkyTopTable
{
}
.colBasicBlupinkyTopColumnTools
{
	width: 0px;
	height: 36px;
	overflow: hidden;
}
.colBasicBlupinkyTopColumnTitle
{
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.colBasicBlupinkyTopColumnButtons
{
	width: 0px;
	height: 36px;
	overflow: hidden;
}
.boxBasicBlupinkyTools
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxBasicBlupinkyTitle
{
	line-height: 100%;
	font-size: 1.4em;
	padding: 15px 1px 10px 8px;
	overflow: hidden;
	width: 100%;
	height: 16px;
	color: #000;
    text-align: center;
}
.boxBasicBlupinkyButtons
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxBasicBlupinkyArea
{
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: left;
	background-color: #fff;
}
.boxBasicBlupinkyAreaNoscroll
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
}

/* colored Blupinky */
.boxColoredBlupinky
{
	width: 0px;
	height: 0px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: fixed;
	_position: absolute;
	visibility: hidden;
	z-index: -100;
	opacity: 0;
	filter: alpha(opacity=0);
}
.boxColoredBlupinkyRoom
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.boxColoredBlupinkyGlass
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	opacity: 0.50;
	filter: alpha(opacity=50);
	background-color: #222;
}
.tabColoredBlupinkyTable
{
}
.colColoredBlupinkyColumn1stLine1stJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky11.png);
}
.colColoredBlupinkyColumn1stLine2ndJamb
{
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky12.png);
}
.colColoredBlupinkyColumn1stLine3rdJamb
{
	width: 20px;
	height: 40px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky13.png);
}
.colColoredBlupinkyColumn2ndLine1stJamb
{
	width: 20px;
	height: 100%;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky21.png);
}
.colColoredBlupinkyColumn2ndLine2ndJamb
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #eee;
}
.colColoredBlupinkyColumn2ndLine3rdJamb
{
	width: 6px;
	height: 100%;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky23.png);
}
.colColoredBlupinkyColumn3rdLine1stJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky31.png);
}
.colColoredBlupinkyColumn3rdLine2ndJamb
{
	width: calc(100% - 40px);
	height: 20px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky32.png);
}
.colColoredBlupinkyColumn3rdLine3rdJamb
{
	width: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url(../Images/ColoredBlupinky33.png);
}
.tabColoredBlupinkyTopTable
{
}
.colColoredBlupinkyTopColumnTools
{
	width: 0px;
	height: 26px;
	overflow: hidden;
}
.colColoredBlupinkyTopColumnTitle
{
	width: 100%;
	height: 36px;
	overflow: hidden;
}
.colColoredBlupinkyTopColumnButtons
{
	width: 0px;
	height: 26px;
	overflow: hidden;
}
.boxColoredBlupinkyTools
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxColoredBlupinkyTitle
{
	line-height: 100%;
	font-size: 1.4em;
	padding: 20px 1px 3px 8px;
	overflow: hidden;
	width: 100%;
	height: 16px;
	color: #000;
    text-align: center;
}
.boxColoredBlupinkyButtons
{
	padding: 11px 0px 0px 1px;
	overflow: hidden;
}
.boxColoredBlupinkyArea
{
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: left;
	background-color: #fff;
}
.boxColoredBlupinkyAreaNoscroll
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
}

/* trida */
.boxClaTabulky, .boxClaTabulkyVelke
{
	float: left;
	width: calc(100% - 178px);
	height: calc(100% - 86px);
	overflow-x: scroll;
	overflow-y: hidden;
}
.boxClaTabulkyPouziti, .boxClaTabulkyVelkePouziti
{
	float: left;
	width: calc(100% - 178px);
	height: calc(100% - 26px);
	overflow-x: scroll;
	overflow-y: hidden;
    background-color: #fff;
}
.boxClaTabulkyMale
{
	float: left;
	width: calc(100% - 58px);
	height: calc(100% - 86px);
	overflow-x: scroll;
	overflow-y: hidden;
}
.boxClaTabulkyMalePouziti
{
	float: left;
	width: calc(100% - 58px);
	height: calc(100% - 26px);
	overflow-x: scroll;
	overflow-y: hidden;
    background-color: #fff;
}
.boxClaZahlavi
{
	background-color: #fff;
	border-bottom: 1px solid #aaa;
}
.boxVseAkce
{
    float: left;
	width: 0px;
	height: calc(100% - 86px);
	background-color: #CBCBCB;
}
.boxVseAkceVelke
{
    float: left;
	width: 160px;
	height: calc(100% - 86px);
	background-color: #CBCBCB;
    overflow: auto;
}
.boxVseAkcePouziti
{
    float: left;
	width: 0px;
	height: calc(100% - 26px);
	background-color: #CBCBCB;
}
.boxVseAkceVelkePouziti
{
    float: left;
	width: 160px;
	height: calc(100% - 26px);
	background-color: #CBCBCB;
    overflow: auto;
}
.boxVseAkceBez
{
    float: left;
	width: 0px;
	height: 100%;
	background-color: #CBCBCB;
}
.boxVseAkceBezVelke
{
    float: left;
	width: 160px;
	height: 100%;
	background-color: #CBCBCB;
    overflow: auto;
}
.boxVseAkceMale
{
    float: left;
	width: 40px;
	height: calc(100% - 86px);
	background-color: #CBCBCB;
    overflow: auto;
}
.boxVseAkceMalePouziti
{
    float: left;
	width: 40px;
	height: calc(100% - 26px);
	background-color: #CBCBCB;
    overflow: auto;
}
.boxVseAkceBezMale
{
    float: left;
	width: 40px;
	height: 100%;
	background-color: #CBCBCB;
    overflow: auto;
}
.boxClaStred
{
	background-color: #fff;
}
.boxClaZapati
{
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
    padding: 4px 0px 0px 0px;
	height: 24px;
}
.boxClaZapatiPaticka
{
	padding: 0px 0px 0px 0px;
	height: 100%;
}
.boxClaPatickaText
{
	width: calc(100% - 586px);
}
.boxClaPatickaVypln
{
	width: 160px;
}
.boxClaVsude
{
	width: 100%;
	height: 28px;
	background-color: #fff;
	border-bottom: 1px solid #aaa;
}
.boxClaVsudeItem
{
	width: calc(100% - 330px);
}
.boxClaTitleItem, .boxClaTitleText, .boxClaTitleNumber
{
	padding: 3px 6px 3px 1.9px;
}
.boxClaFiltrItem, .boxClaFiltrText, .boxClaFiltrNumber
{
	padding: 3px 1px 1px 7px;
}
.tRazeniNormal
{
	background-image: url(../Images/SortBlupinkyNormal.png);
	color: #777;
}
.tRazeniUp
{
	background-image: url(../Images/SortBlupinkyUp.png);
	color: #777;
}
.tRazeniDown
{
	background-image: url(../Images/SortBlupinkyDown.png);
	color: #777;
}
.nClaRychle, .nClaRychleText, .nClaRychleNumber
{
	border: 1px solid #fff;
	background: #f1f1f1;
	color: #777;
    outline: none;
}
.nClaRychle:focus, .nClaRychleText:focus, .nClaRychleNumber:focus
{
    outline: 1px dotted #bbb;
}
.boxClaDataNomer
{
	padding: 3px;
	border-radius: 6px;
}
.boxClaDataNomerNoRead
{
	padding: 3px;
	border-radius: 6px;
}
.boxClaDataCheckMala
{
	padding: 1px 0px 2px 0px;
}
.boxClaDataCheckStredni
{
	padding: 8px 0px 2px 0px;
}
.boxClaDataCheckVelka
{
	padding: 15px 0px 2px 0px;
}
.rowClaEven
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #fff;
}
.rowClaEvenOver
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #d0d0d0;
}
.rowClaOdd
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #f0f0f0;
}
.rowClaOddOver
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #d0d0d0;
}
.rowClaMala
{
	height: 26px;
}
.rowClaStredni
{
	height: 38px;
}
.rowClaVelka
{
	height: 50px;
}
.boxClaEven
{
   border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #fff;
}
.boxClaEvenOver
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #d0d0d0;
}
.boxClaOdd
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #f0f0f0;
}
.boxClaOddOver
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #d0d0d0;
}
.boxClaSelected
{
    border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	background-color: #E8B4CD;
}
.boxClaMala
{
	height: 26px;
}
.boxClaStredni
{
	height: 38px;
}
.boxClaVelka
{
	height: 50px;
}
.boxClaDataItemText
{
	color: #000;
	padding: 0px 4px 2px 4px;
} 
.boxClaDataItemTextDetails
{
	color: #000;
}
.boxClaDataItemNumber
{
	color: #000;
	padding: 0px 7px 2px 1px;
}
.boxClaDataItemNumberDetails
{
	color: #000;
}
.boxClaDataItemFoto
{
	color: #000;
	padding: 0px 4px 2px 4px;
} 

/* objekt */
.boxObjZahlavi
{
}
.boxObjStred
{
}
.boxObjStredInsert, .boxObjStredUpdate, .boxObjStredValid
{
	background-color: #eee;
}
.boxObjStredDelete, .boxObjStredInvalid
{
	background-color: #eee;
}
.boxObjStredSelect
{
	background-color: #eee;
}
.boxObjStredTlacitkaOdsad
{
    padding: 0px 6.25%;
}
.boxObjZapati
{
}
.boxObjZapatiStitky
{
    padding: 18px 20px 0px 32px;
}
.kObjStitky
{
    padding: 5px 0px 0px 1px;
}
.boxObjVnitrek
{
	float: left;
	width: 100%;
	height: 100%;
}
.boxObjVnitrekVelke
{
	float: left;
	width: calc(100% - 160px);
	height: 100%;
}
.boxObjVnitrekMale
{
	float: left;
	width: calc(100% - 40px);
	height: 100%;
}

/* kit */
.boxKitAbove
{
}
.boxKitMiddle
{
	background-color: #eee;
}
.boxKitBelow
{
}

/* formular */
.boxNadpis
{
	background-color: #ddd;
   color: #2B2B2B;
   padding: 20px 10px;
   border-radius: 5px;
}
.boxOdstavec
{
	background-color: #ddd;
   color: #2B2B2B;
   padding: 10px 10px;
   border-radius: 5px;
}
.boxNastavit
{
	background-color: #ddd;
   color: #2B2B2B;
   padding: 10px 10px;
   border-radius: 5px;
}

/* Form fields */
/* Form Fields backgrounds */
.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 */
.boxPHFMulti
{
	float: right;
}
.boxPHFValue
{
	height: 32px;
	color: #888;
    border-radius: 5px;
}
.boxPHFValueBez
{
	color: #888;
}
.boxFloatingFunctions
{
    padding: 5px 2px 0px 2px;
}
.boxNastavitLevePolozka
{
   padding: 5px 5px 5px 15px;
}
.boxNastavitLevePolozka:hover
{
   background-color: #39c4ac;
}

.boxBila
{
    font-weight: bold;
}
.boxZluta
{
    border: 2px solid #F1C40F;
    font-weight: bold;
}
.boxOranzova
{
    border: 2px solid #E67E22;
    font-weight: bold;
}
.boxCervena
{
    border: 2px solid #E74C3C;
    font-weight: bold;
}
.boxFialova
{
    border: 2px solid #9B59B6;
    font-weight: bold;
}
.boxModra
{
    border: 2px solid #5CACE2;
    font-weight: bold;
}
.boxZelena
{
    border: 2px solid #57D68D;
    font-weight: bold;
}
.boxHneda
{
    border: 2px solid #D35400;
    font-weight: bold;
}
.boxCerna
{
    border: 2px solid #5C6D7E;
    font-weight: bold;
}
.kNormal
{
	padding: 14px 0px;
	display: block;
}
.kNormalCheck
{
	padding: 4px;
    background-color: transparent;
    border: 0px none #fff;
}
.boxNastavitLeveSkupina
{
   background-color: #ddd;
}
.boxStCheck
{
   height: 27px;
}
.boxStText
{
	padding: 6px 5px 0px 5px;
}
.boxStPoznamka
{
	padding: 6px 5px 0px 5px;
}