body
{
	font-size: 12pt;
	font-family: 'Ubuntu', 'Verdana', 'Arial', sans-serif;
	background-color: #222;
    color: #bbb;
	margin: 0px;
}

a:link, a:visited {
	font-size: 100%;
	color: inherit;
/*     text-decoration: none; */
}
a:link:hover {
    text-decoration: underline;
}

.txtTransformUpper
{
	text-transform: uppercase;
}

.okColor {
    color: #07b;
}

.warnColor {
    color: #b33;
}

/* ==================================================== */

/* ----------------------------------------------------	*/
/*  hlavni tabulka - layout								*/
/* ----------------------------------------------------	*/

.celMainMiddle, .contentWrapper {
    font-size: 0.9em;
}

.contentWrapper table {
    font-size: inherit;
}

.celMainMiddle
{
	padding: 30px;
	vertical-align: top;
	margin-top: 120px;
}

.collapsed ~ .celMainMiddle {
    margin-top: 50px;
}

.divPageName
{
    display: block;
	font-size: 2.2em;
	font-weight: bold;
    color: #fff;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


.ta_left
{
    text-align: left;
}


.divPasswordComment {
    color: #b33;
    font-size: 0.8em;
}

/* Filter/Data form */

.formContainer {
    margin-bottom: 20px;
    width: 100%;
/*    min-width: 1024px;*/
}

.formContainer::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.separateGroup {
    border-top: 1px solid #555;
    padding-top: 30px;
}

.formColumnLeft {
    float: left;
}

.formColumnRight {
    float: right;
}

.formColumn50 {
    width: 49%;
}

select {
    font-family: 'Ubuntu', 'Verdana', 'Arial', sans-serif;
	font-size: 100%;
	box-sizing: content-box;
    outline: none;
}

select option {
    outline: none;
    border: none;
}

textarea.verticalResize {
    resize: vertical;
    overflow: auto;
}

input, textarea, select, .red {
    line-height: 19px;
    padding: 1px 3px;
    color: #999;
    background-color: #333;
    border: 1px solid #555;
    border-radius: 3px;
    outline: none;
    box-sizing: content-box;
}

input, select {
    height: 22px;
}

select[size] {
    height: inherit;
}

input:focus, textarea:focus {
    color: #eee;
    background-color: #222;
}

input[disabled] {
    background-color: #555;
}

input[disabled]+label {
	color: #777;
}

input[type="file"]::-webkit-file-upload-button {
    color: #eee;
    background-color: #666;
    border: none;
    border-bottom: 1px solid #111;
    border-radius: 3px;
/*     margin: 1px 1px 1px -1px; */
    outline: none;
    height: 21px;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #555;
}

input[type="file"]::-webkit-file-upload-button:active {
    color: #ccc;
    background-color: #444;
}

.formTable {
    text-align: left;
    border-collapse: collapse;
}

.formColumn50 .formTable {
    margin-left: auto;
}

.formColumnLeft .formTable {
}

.formTable > tbody > tr.endGroup {
    border-bottom: 1px solid #555;
}

.formTable > tbody > tr > td {
    padding: 0 0 10px 10px;
    border: none;
}

.formTable > tbody > tr > td:first-child {
    min-width: 130px;
    text-align: right;
    line-height: 22px;
    vertical-align: baseline;
}

.formTable > tbody > tr > td:last-child {
/*     width: 340px; */
}

.formTable td.right {
    text-align: right;
}

.formTable td.top {
    vertical-align: top;
}

.formTable > tbody > tr.startGroup > td {
    padding-top: 10px;
}

.formTable input, .formTable select, .formTable textarea, .formTable .red, .formTable p {
    width: 355px;
}

.formTable input.narrow, .formTable select.narrow {
    width: 130px;
}

.formTable input.really-narrow, select.really-narrow {     /* Should fit tree side by side */
    width: 110px;
}

.formTable input[type=checkbox], .formTable input[type=radio] {
    width: 15px;
    margin-right: 8px;
    vertical-align: middle;
}

.checkboxes label {
    margin-right: 10px;
}

.formTable.wide input, .formTable.wide select, .formTable.wide textarea, .formTable.wide .red, .formTable.wide p {
    width: 600px;
}

.formTableInner {
    margin-left: 0;
    border-style: hidden;
}

.formTableInner td {
    border-style: hidden;
    padding: 0 0 5px 5px;
}

.formTableInner input, .formTableInner select, .formTableInner textarea, .formTableInner .red, .formTableInner p {
    width: 120px;
}

.formTable .dataColumn {
    float: left;
    width: 49%;
}

.red {
    color: #fff;
    background-color: #b33;
    border-color: #b33;
    display: inline-block;
}

span.red[style*="inline"] {     /* may not work in older IE */
    display: inline-block !important;
}

span.red[style*="hidden"] {     /* may not work in older IE */
    display: none;
}

p.hint {
    margin: 0;
    padding: 0;
}

legend
{
	text-align: left;
	color: white;
}

.GDPRform {
	max-width: 1000px;
	color:black;
	background-color:#9CC2E5;
	padding: 10px;
}

.GDPRform input[type=checkbox] {
	vertical-align: middle;
}

.GDPRform input[type=submit] {
	padding: 4px 12px;
	margin: 10px 8px;
}

/* Data Grid table */

.dgDataTable {
    border-collapse: collapse;
    border-color: transparent;
    border-style: hidden;
    border-width: 0;
    width: 100%;
    margin-bottom: 10px;
}

.dgDataTable td, .dgDataTable th {
    border-color: transparent;
    border-style: none;
    border-width: 0;
    padding: 5px 10px;
    text-align: left;
}

.dgDataTable td {
    border-bottom: 1px solid #555;
}

.DataGridPager {
    border-bottom: hidden;
    text-align: right;
}

.DataGridPager td {
    text-align: right;
}

.DataGridPager td span {
    color: #fff;
    font-weight: bold;
}

.dgHeaderRow {
    padding: 10px 2px;
    background-color: #07b;
    color: #fff;
}

.dgDataTable .even, .dgDataTable .odd {
    color: #999;
}

.dgDataTable .even {
    background-color: #292929;
}

.dgDataTable .redrow {
    background-color: #712424;
}


/* Button */

.btnButtonBar {
    text-align: right;
    margin: 0px 0 10px 0;
}

.btnButtonBar .btnButton {
    margin-left: 5px;
    vertical-align: top;
}

.btnButtonBar span {
    display: inline-block;
    padding: 8px 10px;
}

.btnButton
{
    border: none;
    border-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 3px;
    outline: none;
    margin-bottom: 1px;
}

.btnButton:active {
    border-top-style: solid;
    border-bottom-style: none;
}

a.btnButton, a.btnButton:hover {
    text-decoration: none;
}

.btnButtonDark {
    color: #eee;
    background-color: #666;
    border-color: #111;
}

.btnButtonDark:hover {
    background-color: #555;
}

.btnButtonDark:active {
    color: #ccc;
    background-color: #444;
}

.btnButtonLight {
    color: #555;
    background-color: #ddd;
    border-color: #aaa;
}

.btnButtonLight:hover {
    background-color: #ccc;
}

.btnButtonLight:active {
    color: #333;
    background-color: #bbb;
    border-color: #999;
}

.btnButtonBlue {
    color: #fff;
    background-color: #07b;
    border-color: #048;
}

.btnButtonBlue:hover {
    background-color: #06a;
}

.btnButtonBlue:active {
    color: #cde;
    background-color: #059;
    border-color: #037;
}

/* buttons in fotmTable */

.formTable .btnButtonBar {
    margin: 0;
    padding-top: 3px;
}

.formTable .btnButton {
    padding-top: 4px;
    padding-bottom: 3px;
    line-height: 20px;
}

/* End buttons */

.textLabel {
    display: inline-block;
    margin-bottom: 0.5em;
}

.plainText {
    color: #222;
    background-color: #eee;
    padding: 15px;
    margin-top: 10px;
}

.plainText:empty {
    display: none;
    background-color: red;
}

.plainText p:first-child {
    margin-top: 0;
}

#divItin {
    min-width: 1024px;
}

#divItin table td {
    vertical-align: top;
}

#divTkt {
    margin-bottom: 10px;
}

/* RESULT */
.tblResult {
    margin: 15px 5px;
    font-size: 1.2em;
    color: #fff;
}


a.hlpLink:link, a.hlpLink:visited, a.hlpLink:active
{
	text-decoration: none;
	color: #09d;
}


/* Calendar popup */

.calPopup {
    margin-right: 20px;
    margin-left: 10px;
}

.calPopup.calPopupOnly {
    margin-left: 0;
}

.calPopup:last-child {
    margin-right: 0;
}

input[type=text].inpCalendar {
	width: 80px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calPopup input.calButton {
    box-sizing: content-box;
    font-family: "FontAwesome";
    width: 21px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    vertical-align: top;
    -webkit-appearance: none;
}

.calPopup .calButton:hover {
    color: #eee;
    background-color: #222;
}

.calPopup table {
    border: 1px solid #555 !important;
}

.calMonthHeader, .calDayHeader, .calWeekday, .calWeekend, .calOffMonth, .calGoToToday, .calSelectedDate, .calTodayDay,
td.calMonthYearItem, .calMonthYearSelectedItem {
    background-color: #222;
    padding: 4px;
}

span.calMonthYearItem {
    display: inline-block;
    padding: 2px;
}

.calWeekday:hover, .calWeekend:hover, .calOffMonth:hover, .calGoToToday:hover, .calSelectedDate:hover, .calTodayDay:hover,
td.calMonthYearItem:hover, span.calMonthYearItem:hover, .calMonthYearSelectedItem:hover, .calMonthYearButton:hover {
    background-color: #048;
    color: #fff;
}

.calMonthHeader {
	background-color: #07b;
	color:#fff;
	font-weight: bold;
}

.calDayHeader {
    color: #eee;
    font-weight: bold;
}

.calWeekday {
    color: #999;
}

.calWeekend {
    color: #eee;
}

.calTodayDay {
    color: #07b;
}

.calSelectedDate, .calMonthYearSelectedItem {
    color: #fff;
    background-color: #07b;
}

.calOffMonth {
    color: #555;
}

.calGoToToday, div.calMonthYearItem {
    background-color: #333;
}


/*Login screen */

html.login {
    background-image: url('../images/login-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 100%;
}

body.login {
	font-size: 14px;
	font-family: 'Ubuntu', 'Arial', 'Helvetica', sans-serif;
    background: transparent;
	min-width: 700px;
	margin: 0px;
	padding: 0px;
}

#login-form {
    color: #fff;
    font-family: 'Ubuntu', 'Arial', 'Helvetica', sans-serif;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    position: absolute;
    top: 15%;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    border-collapse: collapse;
    border-spacing: 0;
}

#login-form-inner {
    width: 560px;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px;
    margin: 0 auto 10px;
}

#login-form-inner table {
    margin: 0 auto;
}

#login-form-inner td {
    width: 280px;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}

#login-form-inner td:last-child {
    padding-right: 10px;
}

#welcome {
    text-align: left;
    background-color: #07b;
}

#welcome-logo {
    text-align: center;
    margin-bottom: 20px;
}

#login-links * {
    border-left: 1px solid #fff;
}

#login-links *:first-child {
    border-left: none;
}

#login-form a {
    color: #fff;
	padding: 1px 10px;
    text-decoration: none;
}

#login-form a:hover {
    text-decoration: underline;
}

#login-form-inner a {
    color: #555;
    padding: 1px 5px 1px 8px;
    border-left: 1px solid #555;
}

#login-form-inner a:first-child {
    border-left: none;
    padding: 1px 8px 1px 5px;
}

#copyright {
	text-transform: uppercase;
    margin-top: 10px;
}

.form-line {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    margin: 15px auto 0 auto;
    width: 250px;
}

.form-line-icon  {
    display: table-cell;
    color: #999;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-right: none;
    width: 40px;
    font-size: 1.2em;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    vertical-align: middle;
}

.form-line input {
    display: table-cell;
    height: 30px;
	width: 190px;
    color: #555;
    background-color: #f6f6f6;
	padding: 5px 10px;
	margin: 0;
    border: none;
    border: 1px solid #ccc;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1em;
}

.form-line input:focus {
    color: #07b;
    outline: none;
    border-color: #07b;
    background-color: #fff;
}

#username:-webkit-autofill, #password:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #f6f6f6 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #999;
}

#username:-webkit-autofill:focus, #password:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px #f6f6f6 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #07b;
}

.input-hint {
    display: none;
}


#login-form #btnLogin, #login-form #btnSave {
    width: 250px;
    height: 40px;
	text-transform: uppercase;
    font-size: 1em;
}

#login-form #btnLogin:hover, #login-form #btnSave:hover {
    color: #fff;
    background-color: #06a;
    border-color: #048;
}

#login-form #btnLogin:active, #login-form #btnSave:active {
    color: #cde;
    background-color: #059;
    border-color: #037;
}

#paStatus {
	color: #b33;
	margin-top: 10px;
	text-align: center;
}

#paStatus .tblResult {
    margin: 0;
    font-size: inherit;
    color: inherit;
}

/* end Login screen */

.mailNotRead 
{
	font-weight: bold;
}

.mailSelected
{
    color: #eee;
	background-color: #555;
}

#frmPrint {
	width: 0px;
	position: absolute;
	left: -500px;
	top: -500px;
}


.insmea-header {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0px;
    height: 75px;
    z-index: 10;
}

.insmea-header > div {
    padding: 10px;
}

.insmea-body {
    padding: 15px;
    margin-top: 75px;
}

.insmea-table {
    margin-bottom: 20px;
}

.insmea-body .dgDataTable td {
    white-space: nowrap;
}

.insmea-body .dgDataTable input {
    width: 100%;
}

.insmea-body .dgDataTable input[type="checkbox"] {
    width: 15px;
}

.insmea-body .formTable > tbody > tr > td:last-child {
    width: 364px;
}

.formHint {
    padding: 4px 0;
    display: inline-block;
}


/* SeatMap */
.seat-body
{
	padding: 18px;
}

.SeatMap
{
	border-collapse: separate;
	border-spacing: 4px;
	margin-top: 10px;
}

.SeatMap td, .seatX
{
	width: 22px;
	height: 20px;
	padding: 0px;
	text-align: center;
	background-repeat: no-repeat;
}

.SeatLegend
{
	margin-top: 25px;
	border-radius: 3px;
	border-width: thin;
}

.SeatLegend table
{
	border-collapse: separate;
	border-spacing: 8px;
}

.SeatType
{
	margin-top: 20px;
	margin-left: 30px;
}

.seatA
{
	background-image: url('../images/seatA.png');
}

.seatB
{
	background-image: url('../images/seatB.png');
}

.seatC
{
	background-image: url('../images/seatC.png');
}

.seatD
{
	background-image: url('../images/seatD.png');
}

.seatO
{
	background-image: url('../images/seatO.png');
}

.seatS
{
	background-image: url('../images/seatS.png');
}


.wingL
{
	background-image: url('../images/wingL.png');
}
.wingR
{
	background-image: url('../images/wingR.png');
}

/*===============================================
  New style panel layout
*/

#panel {
    position: fixed;
    top: 0;
    font-size: 12pt;
    z-index: 10;
}

.popupwindow {
    position: fixed;
    z-index: 100;
}

#panelbg td.stretch {
    width: 50%;
}

#panelmenu .menuitem {
    display: inline-block;
}

#panelbg #panel-middle {
    vertical-align: middle;
    text-align: left;
}

#compactmenu {
    display: inline-block;
}

#signupText {
    text-align: left;
    width: 600px;
}


@media (max-width: 1200px) {
    .celMainMiddle {
        margin-top: 50px;
    }
}

@media (max-width: 1050px) {
    .formColumnLeft, .formColumnRight {
        float: left;
    }

    .formColumn50 {
        width: 100%;
    }

    .separateColumns .formColumnLeft, .separateColumns .formColumnRight {
        border-top: 1px solid #555;
        padding-top: 30px;
    }

    .separateColumns .formColumnLeft:first-child, .separateColumns .formColumnRight:first-child {
        border-top: none;
        padding-top: 0;
        margin-bottom: 20px;
    }

}

@media (max-width: 800px) {
    .formTable.wide input, .formTable.wide select, .formTable.wide textarea, .formTable.wide .red, .formTable.wide p {
        width: 350px;
    }

    #login-links .pseudoline {
        display: block;
    }

}




/* Custom style for select.
    We resize the select button outside it's wrapper, so it is not visible.*/

.selectWrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 361px;
    overflow: hidden;
    border: 1px solid #555;
    border-radius: 3px;
}

.selectWrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 376px;
    border: none;
}

.wide .selectWrapper {
    width: 606px;
}

.wide .selectWrapper select {
    width: 621px;
}

@media (max-width: 800px) {
    .wide .selectWrapper {
        width: 361px;
    }

    .wide .selectWrapper select {
        width: 376px;
    }
}


.selectWrapper.narrow {
    width: 136px;
}

.selectWrapper.narrow select {
    width: 151px;
}

.selectWrapper::before,
.selectWrapper::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.selectWrapper::after { /*  Custom dropdown arrow */
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: bold;
    color: #999;
    font-size: 120%;
    line-height: 25px;
    right: 5px;
    top: 0px;
}

.selectWrapper::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0; top: 0; bottom: 0;
    border-radius: 0 3px 3px 0;
}

/* Webkit can live without the resize */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .selectWrapper, .selectWrapper.narrow, .wide .selectWrapper {
        width: initial;
        border: none;
    }

    .selectWrapper select {
        width: 355px;
        border: 1px solid #555;
    }

    .wide .selectWrapper select {
        width: 600px;
    }

    .selectWrapper.narrow select {
        width: 130px;
    }

    .selectWrapper.really-narrow select {
        width: 110px;
    }

    @media (max-width: 800px) {
        .wide .selectWrapper select {
            width: 350px;
        }
    }

}

/* for sticky table headers */
 .hide {
    display: none;
}

div.stickyHeader {
    top: 120px;
    position: fixed;
    _position: absolute;
}

.collapsedPanel div.stickyHeader {
    top: 50px;
}

@media (max-width: 1200px) {
    div.stickyHeader {
        top: 50px;
    }
}


#login-form-inner .TLSwarn {
	color: red;
	padding: 5px 5px 10px 5px;
	text-align: left;
}

#login-form-inner .TLSwarn a {
	padding:0;
	border:0;
}

.mailView {
	max-width: 900px;
	margin: auto;
	border-radius: 5px;
}

@media (max-width: 600px) {
	body.login {
		min-width: 0;
	}

	#login-form {
		top: 5%;
		left: 10px;
		right: 10px;
		width: auto;
		margin-left: 0;
	}

	#login-form-inner {
		width: 100%;
		max-width: 560px;
		padding: 5px;
	}

	#login-form-inner table {
		width: 100%;
	}

	#login-form-inner td {
		display: block;
		width: 100% !important;
		padding: 15px 10px;
	}

	#login-form-inner td:last-child {
		padding: 15px 10px;
	}

	#welcome-logo {
		display: none;
	}
}