.fill2 {
    left: 0px;
    top: 70px;
    right: 0px;
    bottom: 0px;
}
.smallSlv {
    font-size: 85%;
    color: silver;
}
.topMenu {
    left: 0px;
    top: 0px;
    right: 0px;
    height: 140px;
}
.topMenuLogo {
    margin: 10px;
    width: 250px;
    height: 120px;
    background-image: url(img/tablet/topMenuLogo.svg);
    background-position: center center;
    filter: brightness(2.4) saturate(.5) sepia(.2);
}
.desktop1 {
    left: 270px;
    top: 68px;
    right: 0px;
    bottom: 0px;
}
.desktopShadow {
    position: absolute;
    display: none;
}
.options.iScroll .desktopShadow {
    display: block;
}
.desktop1LeftShadow {
    left: 260px;
    top: 68px;
    width: 10px;
    bottom: 0px;
    background-image: url(img/tablet/desktopLeftShadow.png);
    z-index: 10090;
}
.desktop1TopShadow {
    left: 270px;
    top: 58px;
    right: 0px;
    height: 10px;
    background-image: url(img/tablet/desktopTopShadow.png);
    z-index: 10090;
}
.desktop1CornerShadow {
    left: 260px;
    top: 58px;
    width: 10px;
    height: 10px;
    background-image: url(img/tablet/desktopCornerShadow.png);
    z-index: 10090;
}
.m2r {
    margin-right: 2em;
}

.bottomMenu {
    display: none;
}

.resultsOverlay .inArea,
.detailOverlay .inArea,
.settingsOverlay .inArea {
    background: #fff;
}
.reportButtons {
    top: 1em;
    right: 20px;
}
.modeSettings .reportButtons {
    top: 10px;
    right: 12px;
}
.exportMoment {
    font-weight: bold;
    text-align: center;
    padding-left: 5em;
}
.ui-body-a .exportMoment {
    color: #000000;
}
.modeSettings #closeResults {
    margin-right: 10px;
}
.zoomResults,
.closeResults,
.exportResults,
.exportMoment,
.refreshResultsAutomatically,
.refreshResults {
    display: none;
}
.options.iScroll .reportButtons {
    right: 5px;
}

.leftMenuItem,
.tabItem,
.aButton,
.itemSegButton,
.itemButton,
.blockList .item,
.report td.mappable {
    cursor: pointer;
}

.aButton.disabled,
.itemSegButton.disabled,
.itemButton.disabled,
.leftMenuItem.UIdisabled {
    cursor: default;
}

.topMenu {
    background-image: url(img/tablet/topMenu.png);
    background-repeat: repeat-x;
}
.topMenuFont {
    color: #b2bdc6;
}
.bottomMenu {
    background-image: url(img/bottomMenu.png);
}
.leftMenu {
    top: 138px;
    width: 270px;
    bottom: 0px;
    background-image: url(img/tablet/leftMenu.png);
}
.leftMenuItem {
    padding: 0.5em 1em 0.5em 7mm;
    position: relative;
    font-weight: bold;
    background-image: url(img/tablet/leftMenuItem.png);
}

.leftMenuItem.UIdisabled {
    color: #556;
}
.leftMenuItem.sel {
    background-image: url(img/tablet/leftMenuItem.sel.png);
}

.leftMenuSel {
    position: absolute;
    top: 50%;
    right: 0px;
}
.leftMenuSel {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
.leftMenuSel {
    background-image: url(img/tablet/leftMenuItem.arr.png);
    background-repeat: no-repeat;
    z-index: 10091;
}
.leftMenuSel {
    display: none;
}
.sel .leftMenuSel {
    display: block;
}

.leftMenuItemSep {
    background-image: url(img/tablet/leftMenuItemSep.png);
    background-repeat: repeat-x;
    height: 2px;
}

.leftMenuHeadline {
    display: none;
}
.leftMenuHeadline {
    padding: 0.8em 1.4em 0.8em 7mm;
    background-image: url(img/tablet/leftMenuHeadline.png);
    border-top: 1px solid #c6cdd3;
    border-bottom: 1px solid #303235;
    margin-top: -2px;
}
.leftMenuHeadlineItem {
    padding: 0.8em 1.4em 0.8em 7mm;
    color: #a5b0b9;
}
.leftMenuHeadlineItem .title {
    font-weight: bold;
    color: #7ca4bc;
}
.leftMenuHeadlineItem p {
    padding: 0px;
    margin: 0px 0px 3px 0px;
}
.leftMenuHeadlineLeader {
    display: inline-block;
    width: 15px;
    height: 16px;
    background-image: url(img/tablet/leftMenuHeadlineLeader.png);
    background-repeat: no-repeat;
    vertical-align: central;
}

.logoutQuestion {
    display: inline-block;
    margin-top: 1.24em;
    margin-right: 2em;
}
.desktop1 {
    background-image: url(img/desktop.png);
}

.page_inner_body {
    left: 20px;
    top: 60px;
    right: 0px;
    bottom: 20px;
}
.options.iScroll .page_inner_body {
    right: 20px;
}

.block {
    background: none !important;
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
}
.block.m1 {
    margin-bottom: 1em;
}
.block.m0 {
    margin-bottom: 0;
}

.blockList,
.aButton,
.itemButton,
.block .bCaption {
    font-weight: bold;
    border: 1px solid #80909c;
}

.loginInput input.text,
.mapSearchInput input.text,
.blockList,
.aButton,
.itemSegButton,
.itemButton,
.report table {
    -webkit-border-radius: 0.52em;
    -moz-border-radius: 0.52em;
    border-radius: 0.52em;
}
.itemButton.ibL {
    -webkit-top-right-border-radius: 0;
    -webkit-bottom-right-border-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.itemButton.ibC {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.itemButton.ibR {
    -webkit-top-left-border-radius: 0;
    -webkit-bottom-left-border-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.loginInput input.text {
    font-size: 120%;
    font-weight: normal;
}

.itemSegButton div {
    display: inline-block;
    border: 1px solid #888;
    margin: 0.8em 0 0 0;
    font-weight: bold;
}
.itemSegButton div.fst {
    -webkit-border-bottom-left-radius: 0.52em;
    -moz-border-radius-bottomleft: 0.52em;
    border-bottom-left-radius: 0.52em;
    -webkit-border-top-left-radius: 0.52em;
    -moz-border-radius-topleft: 0.52em;
    border-top-left-radius: 0.52em;
}
.itemSegButton div.last {
    border-right: none;
    -webkit-border-bottom-right-radius: 0.52em;
    -moz-border-radius-bottomright: 0.52em;
    border-bottom-right-radius: 0.52em;
    -webkit-border-top-right-radius: 0.52em;
    -moz-border-radius-topright: 0.52em;
    border-top-right-radius: 0.52em;
}

.aButton,
.itemButton,
.calendarMonth,
.block .bCaption {
    padding: 0.7em 0.9em 0.7em 0.9em;
}
.itemSegButton div {
    padding: 0.2em 1.6em 0.2em 0.5em;
    margin-bottom: 0.2em;
    border-radius: 0.32em;
}
.aButton {
    vertical-align: top;
}
.aButton.down {
    padding: 0.78em 0.9em 0.62em 0.9em;
    border: 1px solid #667;
}

.aButton,
.itemSegButton,
.calendarMonth,
.itemButton {
    text-align: center;
}

.blockList .item.first,
.block .bCaption {
    -webkit-border-top-left-radius: 0.52em;
    -webkit-border-top-right-radius: 0.52em;
    -moz-border-radius-topleft: 0.52em;
    -moz-border-radius-topright: 0.52em;
    border-top-left-radius: 0.52em;
    border-top-right-radius: 0.52em;
}
.report table tr.hdr td.first {
    -webkit-border-top-left-radius: 0.52em;
    -moz-border-radius-topleft: 0.52em;
    border-top-left-radius: 0.52em;
}
.report table tr.hdr td.last {
    -webkit-border-top-right-radius: 0.52em;
    -moz-border-radius-topright: 0.52em;
    border-top-right-radius: 0.52em;
}
.report table tr.last td.first {
    -webkit-border-bottom-left-radius: 0.52em;
    -moz-border-radius-bottomleft: 0.52em;
    border-bottom-left-radius: 0.52em;
}
.report table tr.last td.last {
    -webkit-border-bottom-right-radius: 0.52em;
    -moz-border-radius-bottomright: 0.52em;
    border-bottom-right-radius: 0.52em;
}

.aButton,
.itemButton,
.calendarMonth,
.block .bCaption {
    background-size: 100% 100%;
}

.calendar .itemButton {
    min-width: 1.2em;
    position: relative;
}
.calendar .itemButton .selectedDay {
    position: absolute;
    width: 18px;
    height: 18px;
    top: -1px;
    right: -1px;
    background-image: url(img/SelectedDay.png);
    background-repeat: no-repeat;
}
#accuracyDateFrommonths .calendar .itemButton .selectedDay,
#statisticsDateFrommonths .calendar .itemButton .selectedDay {
    background-image: url(img/SelectedDateFrom.png);
    background-repeat: no-repeat;
    left: -1px;
    right: auto !important;
}
#accuracyDateTomonths .calendar .itemButton .selectedDay,
#statisticsDateTomonths .calendar .itemButton .selectedDay {
    background-image: url(img/SelectedDateTo.png);
    background-repeat: no-repeat;
    left: -1px;
    right: auto !important;
}
.calendar .itemButton .selectedDayFrom {
    position: absolute;
    width: 18px;
    height: 32px;
    top: 50%;
    left: -6px;
    margin-top: -16px;
    background-image: url(img/SelectedDateFrom1.png);
    background-repeat: no-repeat;
}
.calendar .itemButton .selectedDayTo {
    position: absolute;
    width: 18px;
    height: 32px;
    top: 50%;
    right: -6px;
    margin-top: -16px;
    background-image: url(img/SelectedDateTo1.png);
    background-repeat: no-repeat;
}
.desktop .calendar .itemButton .selectedDayFrom {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: -6px;
    margin-top: -9px;
    background-image: url(img/desktop/SelectedDateFrom1.png);
    background-repeat: no-repeat;
}
.desktop .calendar .itemButton .selectedDayTo {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: -6px;
    margin-top: -9px;
    background-image: url(img/desktop/SelectedDateTo1.png);
    background-repeat: no-repeat;
}

.suxList {
    min-width: 25em;
}

.block .bCaption {
    border-bottom: none;
}
.block .bCaption {
    background-image: url(img/tablet/grayCaption.png);
}

.block .bBody {
    background: #e0e7ec;
    padding: 4mm;
    border: 1px solid #80909c;
    border-top: none;
}
.blockList .item.last,
.block .bBody {
    -webkit-border-bottom-left-radius: 0.52em;
    -webkit-border-bottom-right-radius: 0.52em;
    -moz-border-radius-bottomleft: 0.52em;
    -moz-border-radius-bottomright: 0.52em;
    border-bottom-left-radius: 0.52em;
    border-bottom-right-radius: 0.52em;
}

.ui-body-a .page_inner_body {
    color: #515e68;
}
.loginNewsText {
    color: #515e68;
}
.ui-body-a .blockList .item,
.ui-body-a .aButton,
.ui-body-a .itemSegButton,
.ui-body-a .itemButton,
.ui-body-a .calendarMonth,
.ui-body-a .mapMenuPulldown,
.ui-body-a .block .bCaption {
    color: #000;
}
.ui-body-a .itemButton.linetrain {
    color: #00f;
}
.ui-body-a .blockList .item.sunday {
    color: #b00;
}
.ui-body-a .blockList .item.sunday.unavailable {
    color: #ccc;
}

.blockList .item {
    border-bottom: 1px solid #80909c;
    padding: 0.9em;
    background-color: #fff;
}
.blockList .item {
    background-image: url(img/Next.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.blockList .item.today {
    background-image: url(img/Next_today.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.blockList .item.unavailable {
    background-image: url(img/ItemDisabled.png);
    color: #ddd;
}
.blockList .item.last {
    border: none;
}
.blockList .item.sel {
    background-image: url(img/ItemSel.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-color: #fdd38e;
}
.blockList .item.weekend {
    background-color: #eee;
}
.blockList .item.weekend.sel {
    background-color: #fdd38e;
}

.disabled {
    opacity: 0.2;
}

.undefinedParameter,
#settingsContent,
#resultsContent,
#detailContent {
    color: #000;
}
#resultsContent .conn.linetrain,
#detailContent .conn.linetrain {
    color: #00f;
}

.undefinedParameter {
    margin: -20px 0 0 60px;
    height: 48px;
    padding-left: 70px;
    padding-top: 15px;
    background-image: url(img/undefinedParameter.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.aButton,
.itemSegButton,
.itemButton {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.calendar .itemButton {
    display: inline-block;
    margin: 5px;
}
.itemButton.ibL,
.itemButton.ibC,
.itemButton.ibR {
    margin-right: -1px;
}

.aButton {
    background-image: url(img/tablet/grayCaptionButton.png);
    background-repeat: repeat-x;
}
.aButton.backButton {
    background-image: url(img/tablet/greenCaptionButton.png);
    background-repeat: repeat-x;
}
.hoverable .aButton.hover {
    background-image: url(img/tablet/grayCaptionButton.hover.png);
    background-repeat: repeat-x;
}
.hoverable .aButton.hover.backButton {
    background-image: url(img/tablet/greenCaptionButton.hover.png);
    background-repeat: repeat-x;
}
.hoverable .aButton.down {
    background-image: url(img/tablet/grayCaptionButton.down.png);
    background-repeat: repeat-x;
}
.hoverable .aButton.down.backButton {
    background-image: url(img/tablet/greenCaptionButton.down.png);
    background-repeat: repeat-x;
}
.itemButton,
.itemSegButton {
    background-color: #fff;
}

tr.calendarCaption td,
.itemButton.saturday,
.itemButton.sunday {
    background-color: #eee;
}
.ui-body-a .itemButton.sunday {
    color: #b00;
}
.itemButton.today {
    background-image: url(img/Today.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.topUser {
    right: 12px;
    top: 10px;
    z-index: 10099;
}
.lblUser {
    display: inline-block;
    margin-top: 1.24em;
    margin-right: 2em;
}

.imgLoading {
    width: 48px;
    height: 48px;
    background-image: url(img/1.png);
    background-size: 100% 100%;
    z-index: 10100;
}

.s1wrapper {
    overflow: auto;
}

.s1scrollerTabs {
    height: 40px;
    overflow-y: hidden;
}
.s1scrollerTabs {
    width: 760px;
}
.s1scrollerTabs.t6 {
    width: 920px;
}
.s1scrollerTabs.t4 {
    width: 640px;
}
.s1scrollerTabs.t3 {
    width: 460px;
}

.ovfyh1 {
    overflow-y: hidden;
}
/*.options.iScroll .ovfyh1 { overflow-y:auto; }*/

.noteCaption {
    right: 5px;
    bottom: 0.3em;
    color: #666666;
}
.bCaption .noteCaption {
    font-weight: normal;
}

.myClock {
    width: 600px;
    height: 45px;
    background-image: url(img/myClock.png);
}
.options.portrait .myClock {
    width: 420px;
    height: 32px;
    background-size: 100% 100%;
}

.settingsFlow {
    width: 58em;
}
.settingsFlow .block {
    display: inline-block;
    width: 27em;
    margin-bottom: 1em;
    margin-right: 1em;
    vertical-align: top;
    float: left;
}

/*********************************************************************/
/* Horní záložky.                                                    */
/*********************************************************************/

.pageTabs {
    left: 0;
    top: 0;
    right: 0;
    height: 40px;
    background-image: url(img/tablet/pageTabsBar.png);
    background-repeat: repeat-x;
}
.pageTabs .tabItem {
    width: 150px;
    height: 35px;
    float: left;
    text-align: center;
    font-weight: bold;
    padding-top: 0.6em;
}
.pageTabs .tabItem {
    background-image: url(img/tablet/pageTabs.png);
    background-size: 100% 100%;
}
.pageTabs .tabItem {
    border-right: 1px solid #c6cdd3;
}
.pageTabs .tabItem {
    white-space: nowrap;
    overflow: hidden;
}
.pageTabs .tabItem.smallTabItem {
    font-weight: normal;
    font-size: 80%;
    padding-top: 1em;
}
.pageTabs.select2 .tabItem {
    width: 50px;
}
.ui-body-a .page_inner_body .pageTabs .tabItem {
    color: #fff;
}
.pageTabs .tabItem.sel {
    background-image: url(img/desktop.png);
    color: #000;
}
.ui-body-a .page_inner_body .pageTabs .tabItem.sel {
    color: #000;
}

/*********************************************************************/
/* Hover                                                             */
/*********************************************************************/

.hoverable .leftMenuItem:hover {
    background-image: url(img/tablet/leftMenuItem.hover.png);
}
.hoverable .pageTabs .tabItem:hover {
    background-image: url(img/tablet/leftMenuItem.hover.png);
}
.hoverable .pageTabs .tabItem.sel:hover {
    background-image: none !important;
    background-color: #fff;
}
.hoverable tr.hvrC td.hvrC,
.hoverable tr.hvrS td.hvrS,
.hoverable tr.hvrM td.hvrM,
.hoverable tr.hvrA td.hvrA,
.hoverable tr.hvrV td.hvrV,
.hoverable td.hvr:hover {
    background-color: #ccc;
    cursor: pointer;
}
.hoverable .blockList .item:hover,
.hoverable .itemButton:hover {
    background-color: #bac5cf;
}
.hoverable .blockList .item.sel:hover,
.hoverable .itemButton.sel:hover {
    background-color: #fdd38e;
}

/*********************************************************************/
/* Pomoc pro jiné rozlévání na nízkých displejích (landscape tablet) */
/*********************************************************************/

@media (max-height: 760px) {
    .narrow {
        display: none;
    }
    .wide {
        display: inline-block;
    }
}
@media (min-height: 761px) {
    .narrow {
        display: inline-block;
    }
    .wide {
        display: none;
    }
}
.narrow {
    display: inline-block;
}
.wide {
    display: none;
}

.pageOptions .itemButton {
    padding-right: 2em;
}
.itemButton.sel,
.itemSegButton div.sel {
    background: #fdd38e url(img/Checked.png) right center no-repeat;
    background-size: auto auto;
}
.calendar .itemButton.sel {
    background: #fdd38e none;
}
.calendar .itemButton.sel.today {
    background: #fdd38e url(img/Today.png) right bottom no-repeat;
    background-size: 32px 32px;
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* */
    transform: rotate(-90deg);
}

/*********************************************************************/
/* Chyby a informace                                                 */
/*********************************************************************/

.page_info,
.page_error {
    width: 321px;
    height: 128px;
    display: inline-block;
    margin: 0;
    position: relative;
    padding-top: 89px;
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 20px;
    font-size: 85%;
}
.page_info {
    height: 55px;
}
.page_info {
    background-image: url(img/tablet/InfoBox165.png);
}
.page_error {
    background-image: url(img/tablet/ErrorBox.png);
}
.page_error {
    color: #a00;
}
.page_error .small {
    color: #c66;
}
.page_error .guid {
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
    font-size: 85%;
    color: #678;
}
.mapFerr .guid {
    padding-left: 2em;
    color: #666;
    font-size: 70%;
}
.report .page_info,
.report .page_error {
    margin: 2em;
    font-size: 100%;
}
.page_error.m2em {
    margin: 2em;
}

/*********************************************************************/
/* Záložka Delay                                                     */
/*********************************************************************/

.page_delay .pageTabs .tabItem.delayCarrierItem {
    width: 220px;
}

/*********************************************************************/
/* Záložka State                                                     */
/*********************************************************************/

.page_state .pageTabs .tabItem.stateCarrierItem {
    width: 220px;
}

/*********************************************************************/
/* Záložka Village                                                   */
/*********************************************************************/

.pageTabs.page_abcvillages_select {
    height: auto !important;
}
.page_village .pageTabs .tabItem.villageVillageItem {
    width: 300px;
}

.page_villagevillage .blockList .item.children {
    background-image: url(img/ExpandNext.png);
}
.page_villagevillage .blockList .item.children.sel {
    background-image: url(img/ExpandSel.png);
}
.page_villagelines.SEL_LIN .itemButton {
    width: 4.9em;
}

/* spolecne i pro Statistics */
.ui-body-a .letterVillageError {
    color: #000;
}
.ui-body-a .page_inner_body .pageTabs .tabItem.letterNotFound {
    color: #6f6c76;
}
.blockList .item.villageStop {
    font-weight: normal;
    font-size: 85%;
}
.busStop {
    width: 17px;
    height: 12px;
    background-image: url(img/BusStop.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: baseline;
}

/*********************************************************************/
/* Záložka Statistics                                                */
/*********************************************************************/

.pageTabs.page_abcstatisticsvillages_select {
    height: auto !important;
}
.page_statistics .pageTabs .tabItem.statisticsVillageItem {
    width: 300px;
}

.page_statisticsvillage .blockList .item.children {
    background-image: url(img/ExpandNext.png);
}
.page_statisticsvillage .blockList .item.children.sel {
    background-image: url(img/ExpandSel.png);
}
.page_statisticslines.SEL_LIN .itemButton {
    width: 4.9em;
}

/*********************************************************************/
/* Zalozka Kontrolni sestavy                                         */
/*********************************************************************/

.pageTabs.page_abcinspectionreportsvillages_select {
    height: auto !important;
}
.page_inspectionReports .pageTabs .tabItem.inspectionReportsVillageItem {
    width: 200px;
}

.page_inspectionreportsvillage .blockList .item.children {
    background-image: url(img/ExpandNext.png);
}
.page_inspectionreportsvillage .blockList .item.children.sel {
    background-image: url(img/ExpandSel.png);
}

/*********************************************************************/
/* Zalozka Vypadky v komunikaci                                      */
/*********************************************************************/
.page_channelDropouts .pageTabs .tabItem.channelDropoutsChannelItem {
    width: 200px;
}
.channelSettings {
    width: 600px;
}
.channelSettings .row.channel {
    padding-left: 13px;
}
.channelSettings .subrow.channel {
    padding-left: 0;
    border: none;
}

/*********************************************************************/
/* Záložka Accuracy                                                */
/*********************************************************************/

.page_accuracylines.SEL_LIN .itemButton {
    width: 4.9em;
}
.page_accuracy .pageTabs .tabItem.accuracyPeriodItem {
    width: 300px;
}

/*********************************************************************/
/* Záložka State                                                     */
/*********************************************************************/

.page_state .pageTabs .tabItem.stateDateItem {
    width: 300px;
}

/*********************************************************************/
/* Záložka Browser                                                   */
/*********************************************************************/

#page_browser_body {
    left: 40px;
    top: 40px;
    right: 20px;
    bottom: 20px;
}
#page_browser_body p {
    margin-top: 0.5em;
}
.browserEdge {
    width: 350px;
    height: 60px;
    background-image: url(img/edge.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    margin: 1em 0;
}
.browserChrome {
    width: 350px;
    height: 60px;
    background-image: url(img/chrome.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    margin: 1em 0;
}
.browserFirefox {
    width: 350px;
    height: 60px;
    background-image: url(img/firefox.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    margin: 1em 0;
}
.browserBlock {
    width: 40em;
    margin-bottom: 1em;
    min-width: 480px;
}
.options.iScroll.portrait .browserBlock {
    width: 25em;
    min-width: 430px;
}

/*********************************************************************/
/* Záložka Contact                                                   */
/*********************************************************************/

#page_contact_body {
    left: 40px;
    top: 40px;
    right: 20px;
    bottom: 20px;
}
.contactBlock {
    width: 40em;
    margin-bottom: 1em;
    min-width: 480px;
}
.options.iScroll.portrait .contactBlock {
    width: 25em;
    min-width: 430px;
}

/*********************************************************************/
/* Záložka Diag                                                      */
/*********************************************************************/

#page_diag_body {
    left: 40px;
    top: 20px;
    right: 0px;
    bottom: 20px;
    color: #000;
}
.diag {
    margin-right: 10px;
    min-width: 30em;
    font-size: 85%;
}
.diag .h1 {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
}
.diag .row {
    border: 1px solid #888;
    border-bottom: none;
}
.diag .row.l {
    border-bottom: 1px solid #888;
}
.diag .row.bs {
    background-size: 100% 110%;
}
.diag .x,
.diag .h,
.diag .v {
    padding: 0.3em 0.6em;
    margin-bottom: 1px;
}
.diag .x {
    background-color: #ccccd4;
    white-space: nowrap;
    font-weight: bold;
}
.diag .h {
    width: 30%;
    min-width: 12em;
    float: left;
    background-color: #eeeef2;
    white-space: nowrap;
}
.diag .v {
    display: inline-block;
    min-width: 10em;
}
.diag .cb {
    clear: both;
}

/*********************************************************************/
/* Záložka Login                                                     */
/*********************************************************************/

#page_login_body {
    left: 40px;
    top: 40px;
    right: 20px;
    bottom: 20px;
}
.loginLine {
    margin-bottom: 1em;
}
.loginLine.loginButtonLine {
    margin-bottom: 0;
    margin-top: 2em;
}
.loginHeader {
    margin-top: 0.4em;
}
.loginInput input.text {
    max-width: 8em;
}
.w16 {
    width: 13em;
}
.w13 {
    width: 8em;
}
.loginInfoImage {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 300px;
    background-image: url(../_Files/LoginInfo.png);
    background-size: 200px 300px;
}
.loginRest {
    display: inline-block;
}
#page_login_body .bBody {
    padding: 2em;
}
.loginInput input.text {
    border-color: #80909c;
    border-width: 1px;
    border-style: solid;
    padding: 0.3em 0.6em;
}

/*********************************************************************/
/* Reporty                                                           */
/*********************************************************************/

.report {
    display: inline-block;
}
.options.zoom8 .report {
    -moz-transform: scale(0.8);
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -o-transform: scale(0.8);
    -o-transform-origin: 0 0;
    transform: scale(0.8);
    transform-origin: 0 0;
    -ms-transform: scale(0.8);
    -ms-transform-origin: 0 0;
}
.options.zoom6 .report {
    -moz-transform: scale(0.6);
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.6);
    -webkit-transform-origin: 0 0;
    -o-transform: scale(0.6);
    -o-transform-origin: 0 0;
    transform: scale(0.6);
    transform-origin: 0 0;
    -ms-transform: scale(0.6);
    -ms-transform-origin: 0 0;
}
.options.zoom5 .report {
    -moz-transform: scale(0.45);
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.45);
    -webkit-transform-origin: 0 0;
    -o-transform: scale(0.45);
    -o-transform-origin: 0 0;
    transform: scale(0.45);
    transform-origin: 0 0;
    -ms-transform: scale(0.45);
    -ms-transform-origin: 0 0;
}
.report .divTable {
    padding: 1em;
    margin: 1em;
    display: inline-block;
}
.report table {
    border-spacing: 0;
    border-left: 1px solid #80909c;
    border-top: 1px solid #80909c;
}
.report td {
    padding: 0.2em 0.7em 0 0.7em;
    margin: 0;
    border-spacing: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}
.report td.msgg {
    border-right: none;
}
.report .clickable td {
    padding: 0.7em 0.7em 0.6em 0.7em;
}
.report .clickable tr.nxtGroup td {
    padding: 0.2em 0.7em 0 0.7em;
}
.options.zoom8 .report td {
    padding: 0 0.7em 0 0.7em;
}
.options.zoom6 .report td {
    padding: 0 0.3em 0 0.3em;
}
.options.zoom5 .report td {
    padding: 0 0.3em 0 0.3em;
}
.report .hdr td {
    border-right: 1px solid #80909c;
    border-bottom: 1px solid #80909c;
}
.report td.itm {
    border-bottom: 1px solid #ddd;
}
.report td.rgh {
    border-right: 1px solid #80909c;
}
.report td.nrg {
    border-right: none;
}
.report td.btm {
    border-bottom: 1px solid #80909c;
}
.report tr.nxtGroup td {
    border-top: 1px solid #80909c;
}
.report .even td {
    background-color: #f6f8fa;
}
.report .dispatchFail td,
.report .dispatchFail.even td {
    background-color: #ffcccc;
}
.report .dispatchNotKnown td {
    color: silver;
}
.report td.itm.conn,
.report td.itm.vehicle,
.report td.itm.line {
    font-weight: bold;
}
.report td.itm.conn.mappable,
.report td.mappable {
    background-image: url(img/Mappable.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.report td.mappable.conns,
.report td.mappable.msgs {
    background-position: center bottom;
}
.report td.itm.carr {
    font-weight: bold;
}
.report td.itm.todayEmphasized {
    font-weight: bold;
}
.report td.itm.dest {
    width: 7em;
    overflow: hidden;
}
.report td.itm.seqc {
    padding-left: 32px;
}
.report td.itm.seqi {
    border-right: none;
    padding: 0;
}
.report td.itm.smll {
    font-size: 85%;
    vertical-align: middle;
}
.report td.itm.spz {
    width: 5em;
}
.report td.itm.delt {
    padding: 0;
}
.report td.itm.delt div.xx {
    width: 300px;
    height: 1.5em;
    position: relative;
}
.report td.itm.delt span.info {
    font-size: 70%;
    color: #000;
}
.report td.itm.delt canvas {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.report td.itm.timd {
    text-align: right;
}
.report td.itm.percW {
    width: 4em;
}
.report td.itm.num3W {
    width: 3em;
}
.report td.itm.num4W {
    width: 4em;
}
.report td.itm.num5W {
    width: 5em;
}

.report .sumRow {
    background-color: #b0d0ff;
    font-weight: bold;
}
.report .sumRow td {
    border-top: 1px solid #666;
}

.report .sled {
    width: 22px;
    min-width: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}
.report .icoCars {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}
.report .icoInval {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/lowFloorBlue.gif);
}
.report .icoInvalG {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/lowFloorGreen.gif);
}
.report .icoInvalR {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/lowFloorRed.gif);
}
.report .sledNoSeq {
    background-image: url(img/sledNoSeq.png);
}
.report .sledNoSend {
    background-image: url(img/sledNoSend.png);
}
.report .sledSendPP {
    background-image: url(img/sledSendPP.png);
}
.report .sledSendConn {
    background-image: url(img/sledSendConn.png);
}
.report .icoCars {
    background-image: url(img/icoCars.png);
}
.report .dispatchNotKnown .icoCars {
    background-image: none !important;
}

.report .reportHdr {
    margin: 2em 0 0 2em;
}
.reportHdr1 {
    font-size: 120%;
    font-weight: bold;
}
.reportHdr3 {
    margin-top: 0.5em;
}

.report tr.selectedRow td {
    background-color: #ddd;
}

.report td.delay .dna1 {
    display: inline-block;
    width: 4em;
}
.report td.delay .dna3 {
    display: inline-block;
    width: 6em;
    text-align: right;
}
.report td.delay .dna3.notdetected {
    text-align: left;
    padding-left: 0.5em;
}
.report td.delay .dna4 {
    display: inline-block;
    width: 4em;
    text-align: right;
}
.report td.delay .dna2 {
    display: inline-block;
    width: 4em;
    text-align: right;
}
.report td.delay .empty {
    color: #888888;
}
.maxdelay {
    color: #333399;
}
.delay {
    color: #3366ff;
}
.nodelay {
    color: #00cc00;
}
.advance {
    color: #ccbb00;
}
.maxadvance {
    color: #dd0000;
}
.report td.delay .notdetected,
.report td.delay td.notdetected {
    color: #cccccc;
}
.report td.delay div {
    display: inline-block;
    margin-right: 1em;
    width: 1.2em;
    height: 0.6em;
    vertical-align: baseline;
}

.photoProgress {
    left: 50%;
    top: 50%;
    width: 220px;
    height: 45px;
    border: 1px solid black;
    background-color: #fff;
    margin-left: -120px;
    font-size: 80%;
    color: #000;
}
.canvasProgress {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.report table {
    margin-bottom: 3em;
    margin-top: 1.2em;
    margin-right: 1em;
}
.report table.withMsgs {
    margin-bottom: 0;
}
.report .hdr td {
    background-image: url(img/tablet/grayCaptionButton.png);
    background-size: 100% 100%;
}

.report td.statgroup {
    padding: 0;
}
.report .statgrp {
    display: inline-block;
    width: 4em;
    height: 100%;
    margin: 0.2em;
    padding: 0.1em 0.5em;
    vertical-align: middle;
    text-align: right;
}
.report .statgrpE {
    display: inline-block;
    padding: 0.1em 0.5em;
    margin: 2px;
}
.report .statgrp0 {
    color: #888888;
}
.report .statgrp1 {
    color: #333399;
}
.report .statgrp2 {
    color: #3366ff;
}
.report .statgrp3 {
    color: #00cc00;
}
.report .statgrp4 {
    color: #ccbb00;
}
.report .statgrp5 {
    color: #dd0000;
}
.report .sumRow .statgrp0,
.report .sumRow .statgrp1,
.report .sumRow .statgrp2,
.report .sumRow .statgrp3,
.report .sumRow .statgrp4,
.report .sumRow .statgrp5 {
    color: #000000;
}

.report .inacc {
    font-size: 85%;
    color: #89d;
}

.report .clickable td.tblchg {
    padding: 0 0.5em;
}
.report .naChange {
    color: #888;
}

.report td.carMsgsSends {
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(img/Yes.png);
}
.report td.carMsgsNoSends {
    background-position: 10px center;
    background-repeat: no-repeat;
    background-image: url(img/No.png);
}
.report td.inSeq {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(img/Yes.png);
}

.report_traffic .expl {
    height: 35px; /*=95-60 outside*/
    position: relative;
}
.report_traffic .expl .expl1 {
    position: absolute;
    right: 0;
    top: -60px; /*outside!*/
    width: 440px;
    height: 95px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(img/TrafficExpl.png);
    background-size: 100% 100%;
}

/* dve varianty... */
.report td.var1 {
    display: table-cell;
}
.report td.var2 {
    display: none;
}
.report span.var1 {
    display: inline;
}
.report span.var2 {
    display: none;
}
/* ...Presnosti provozu */
.report .accVar2 td.var1 {
    display: none;
}
.report .accVar2 td.var2 {
    display: table-cell;
}
.report .accVar2 span.var1 {
    display: none;
}
.report .accVar2 span.var2 {
    display: inline;
}
/* ...Vypravenosti */
.report .staVar2 td.var1 {
    display: none;
}
.report .staVar2 td.var2 {
    display: table-cell;
}
.report .staVar2 span.var1 {
    display: none;
}
.report .staVar2 span.var2 {
    display: inline;
}
.report .staVar2 tr.staOK {
    display: none;
}

/* oranzovy link */
.hiderx,
.var1rx,
.var2rx {
    cursor: pointer;
}

/*********************************************************************/
/* Reporty detailu v PopupAsDiv                                      */
/*********************************************************************/

.detailReportPad {
    padding: 2em;
}
.dPasD table {
    -webkit-border-radius: 0.52em;
    -moz-border-radius: 0.52em;
    border-radius: 0.52em;
}
.dPasD .hdr td.first {
    -webkit-border-top-left-radius: 0.52em;
    -moz-border-radius-topleft: 0.52em;
    border-top-left-radius: 0.52em;
}
.dPasD .hdr td.last {
    -webkit-border-top-right-radius: 0.52em;
    -moz-border-radius-topright: 0.52em;
    border-top-right-radius: 0.52em;
}
.dPasD .last td.first {
    -webkit-border-bottom-left-radius: 0.52em;
    -moz-border-radius-bottomleft: 0.52em;
    border-bottom-left-radius: 0.52em;
}
.dPasD .last td.last {
    -webkit-border-bottom-right-radius: 0.52em;
    -moz-border-radius-bottomright: 0.52em;
    border-bottom-right-radius: 0.52em;
}
.desktop .dPasD table {
    -webkit-border-radius: 0.32em;
    -moz-border-radius: 0.32em;
    border-radius: 0.32em;
}
.desktop .dPasD .hdr td.first {
    -webkit-border-top-left-radius: 0.32em;
    -moz-border-radius-topleft: 0.32em;
    border-top-left-radius: 0.32em;
}
.desktop .dPasD .hdr td.last {
    -webkit-border-top-right-radius: 0.32em;
    -moz-border-radius-topright: 0.32em;
    border-top-right-radius: 0.32em;
}
.desktop .dPasD .last td.first {
    -webkit-border-bottom-left-radius: 0.32em;
    -moz-border-radius-bottomleft: 0.32em;
    border-bottom-left-radius: 0.32em;
}
.desktop .dPasD .last td.last {
    -webkit-border-bottom-right-radius: 0.32em;
    -moz-border-radius-bottomright: 0.32em;
    border-bottom-right-radius: 0.32em;
}

.dPasD .heading {
    margin-bottom: 1em;
}
.dPasD .connId,
.dPasD .connDate {
    font-weight: bold;
    font-size: 120%;
    white-space: nowrap;
}
.dPasD .pad {
    width: 20em;
}
.dPasD .dna1 {
    display: inline-block;
    width: 4em;
}
.dPasD .dna3 {
    display: inline-block;
    width: 6em;
    text-align: right;
}
.dPasD .dna3.notdetected {
    text-align: left;
    padding-left: 0.5em;
}
.dPasD .dna4 {
    display: inline-block;
    width: 4em;
    text-align: right;
}
.dPasD .dna2 {
    display: inline-block;
    width: 4em;
    text-align: right;
}
.dPasD .notdetected,
.dPasD td.notdetected {
    color: #ccc;
}
.dPasD td.right div {
    display: inline-block;
    margin-right: 1em;
    width: 1.2em;
    height: 0.6em;
    vertical-align: baseline;
}

.dPasD #connTable td,
.dPasD #seqTable td {
    vertical-align: bottom;
}
.dPasD #connTable .out,
.dPasD #seqTable .out {
    color: silver;
}
.dPasD td.maxTim {
    width: 4em;
}

/*********************************************************************/
/* Mapa                                                              */
/*********************************************************************/

.mapTopMenu {
    left: 0px;
    top: 0px;
    right: 0px;
    height: 70px;
    background-image: url(img/tablet/topMenu.png);
    background-repeat: repeat-x;
    z-index: 10101;
}
.mapTopMenuLogo {
    left: 0px;
    top: 0px;
    width: 200px;
    height: 70px;
    padding-right: 36px;
    background-color: #F0F0F0;
    background-image: url(img/tablet/topMenuMapLogo.svg?v1);
}

.mapTopMenuFont {
    color: #b2bdc6;
}
.mapLblCaption,
.mapLblCaptionTablet,
.mapLblStatusTablet {
    color: #ffffff;
}

.mapArea {
    top: 68px;
    left: 0px;
    bottom: 0;
    right: 0;
    background-color: #000;
}

.mapTopUser {
    right: 12px;
    top: 10px;
    z-index: 10102;
    max-width: 760px;
    min-width: 650px;
    text-align: right;
}
.mapLblCaption {
    left: 250px;
    bottom: 12px;
    z-index: 10200;
}
.mapLblCaptionTablet {
    left: 0px;
    right: 0px;
    top: 64px;
    z-index: 10200;
    padding: 5px 19px;
    background-image: url(img/tablet/topMenuMapMenu.png);
}
.mapLblStatusTablet {
    left: 0px;
    right: 0px;
    bottom: 0;
    z-index: 10200;
    padding: 5px 19px;
    background-image: url(img/tablet/topMenuMapMenu.png);
}
@media (min-width: 80em) {
    .mapLblCaption {
        display: block;
    }
    .mapLblCaptionTablet {
        display: none;
    }
}
@media (max-width: 80em) {
    .mapLblCaption {
        display: none;
    }
    .mapLblCaptionTablet {
        display: block;
    }
}

.topUser .aButton,
.mapTopUser .aButton,
.page .aButton.displayButton,
.reportButtons .aButton {
    width: 4.7em;
}
.topUser .aButton.long,
.mapTopUser .aButton.long,
.page .aButton.displayButton.long,
.reportButtons .aButton.long {
    width: 9.7em;
}

.mapMenuTime {
    top: 68px;
    width: 740px;
    height: 230px;
}
.options.portrait .mapMenuTime {
    width: 565px;
    height: 205px;
}

.mapMenuOptions {
    top: 68px;
    width: 734px;
    height: 582px;
}
.mapMenuOptions.help {
    width: 980px;
    height: 900px;
}
.options.portrait .mapMenuOptions.help {
    width: 565px;
    height: 790px;
}

.mapMenuPulldown {
    right: 0;
    background-image: url(img/tablet/topMenuMapMenu.png);
    -webkit-border-bottom-left-radius: 1.52em;
    -moz-border-radius-bottomleft: 1.52em;
    border-bottom-left-radius: 1.52em;
    -webkit-border-top-left-radius: 1.52em;
    -moz-border-radius-topleft: 1.52em;
    border-top-left-radius: 1.52em;
}
.mapMenuPullleft {
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
    max-width: 480px;
    background-image: url(img/tablet/topMenuMapMenu.png);
    z-index: 10100;
}
.mapMenuPullleft .itemButton {
    display: block;
}
.mapMenuToolbar {
    right: 0px;
    top: 0px;
    padding-right: 12px;
    padding-top: 33px;
    padding-bottom: 5px;
    width: 10em;
    z-index: 10099;
    text-align: right;
}
.mapButtonsTwoColumn .mapMenuToolbar {
    width: 20em;
}
.mapMenuArea {
    left: 40px;
    top: 40px;
    right: 30px;
    bottom: 40px;
    padding: 20px;
    background-color: #ffffff;
    -webkit-border-bottom-left-radius: 0.52em;
    -moz-border-radius-bottomleft: 0.52em;
    border-bottom-left-radius: 0.52em;
    -webkit-border-top-left-radius: 0.52em;
    -moz-border-radius-topleft: 0.52em;
    border-top-left-radius: 0.52em;
}
.mapMenuFArea {
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    padding: 20px;
    background-color: #ffffff;
    -webkit-border-radius: 0.52em;
    -moz-border-radius: 0.52em;
    border-radius: 0.52em;
}
.mapMenuCloseButton {
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    background-image: url(img/MapMenuClose.png);
}

/* Nitkovy kriz */
#mapCrossLineX,
#mapCrossLineY {
    position: absolute;
    background-color: #9999cc;
    z-index: 999;
}
#mapCrossLineX,
#mapCrossLineY {
    opacity: 0.7;
}
#mapCrossLineX {
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 1px;
}
#mapCrossLineY {
    top: 50%;
    margin-top: -32px;
    width: 1px;
    height: 64px;
}
#mapCross {
    position: absolute;
}
#mapCross {
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
}
#mapCross {
    background-image: url(../../../img/MapControls/cross.png);
}

.mapMenuOptions .itemButton,
.mapMenuOptions .aButton,
.mapMenuToolbar .itemButton,
.mapMenuToolbar .aButton {
    width: 6.5em;
}

.mapSearchInput {
    display: inline-block;
    width: 200px;
    height: 44px;
    margin-right: 10px;
}
.mapSearchInput input.text {
    font-size: 145%;
    font-weight: normal;
}
.mapSearchInput input.text {
    border-color: #80909c;
    border-width: 1px;
    border-style: solid;
    padding: 0.3em 0.6em;
}
.mapSearchInput input.text {
    max-width: 170px;
}

.mapFerr {
    color: #000;
}
.mapLblStatusTablet .mapFerr {
    color: #ffff00;
}
.mapLblStatusTablet .mapOerr {
    color: #ffff00;
}

.ml {
    padding: 0px 4px 1px 4px;
    white-space: nowrap;
    color: #000000;
    font-size: 80%;
}
.mls,
.mlz,
.mlH {
    margin-left: 8px;
    margin-top: 8px;
}
.mls.mlof1,
.mlz.mlof1,
.mlH.mlof1 {
    margin-left: 2px;
    margin-top: 2px;
    font-size: 100%;
}
.mls.mlof2,
.mlz.mlof2,
.mlH.mlof2 {
    margin-left: 4px;
    margin-top: 4px;
    font-size: 100%;
}

.mlT,
.mlP,
.mlB,
.mlQ,
.mlX {
    border: 1px solid #000000;
}

.colByCarrier .ml {
    border: 1px solid #000000;
    color: #000000;
    background-color: #EFC4F3;
}
/* Default */
.colByCarrier .ml0 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #EAEAEA;
}
/* Neznámý vůz */
.colByCarrier .ml134 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFD06;
}
/* TQM – holding s.r.o. */
.colByCarrier .ml215 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #9B3399;
}
/* FTL */
.colByCarrier .ml681 {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #000099;
}
/* ČD */
.colByCarrier .ml835 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #15CCFF;
}
/* ČSAD BUS UH */
.colByCarrier .ml999 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFCC00;
}
/* DSZO */
.colByCarrier .ml1106 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #66FFFF;
}
/* Arriva vlaky s.r.o. */
.colByCarrier .ml1165 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FF9900;
}
/* Student Agency */
.colByCarrier .ml1657 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #66FF33;
}
/* FlixBus CZ s.r.o. */
.colByCarrier .ml1722 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #F60A3D;
}
/* Transdev Morava, pr. Nový Jičín */
.colByCarrier .ml1879 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #F60A3D;
}
/* Transdev Morava, pr. Vsetín */
.colByCarrier .ml1883 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #00CC00;
}
/* Z-Group bus a.s., pr. Vsetín */
.colByCarrier .ml1886 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #00CC00;
}
/* Z-Group bus a.s., pr. Kopřivnice */
.colByCarrier .ml1897 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #00CC00;
}
/* Z-Group bus a.s., pr. Kroměříž */
.colByCarrier .ml1905 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFF00;
}
/* TQM, pr. Valašské Meziříčí */
.colByCarrier .ml1905 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #FFFF00;
}
/* TQM, pr. Rožnov pod Radhoštěm */
.colByCarrier .ml1938 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #99FF33;
}
/* Vojtila Trans, pr. Přerov */
.colByCarrier .ml1953 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #66FFFF;
}
/* Arriva, pr. Hranice */
.colByCarrier .ml1961 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #66FFFF;
}
/* Arriva, pr. Přerov */
.colByCarrier .ml1964 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #66FFFF;
}
/* Arriva, pr. Zlín */
.colByCarrier .ml2080 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #CC6600;
}
/* RETROBUS Line, s.r.o. */
.colByCarrier .ml2089 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #F60A3D;
}
/* Transdev Slezsko, pr. Havířov */
.colByCarrier .ml2094 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #F60A3D;
}
/* Transdev Slezsko, pr. Frýdek-Místek */
.colByCarrier .ml2118 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #00CC99;
}
/* UMBRELLA CITY LINES, pr. Malá Morávka */


.colByDelay .ml {
    border: 1px solid #000000;
    background-color: #ffffff;
}
.colByDelay .ml.mld0 {
    background-color: #ffaaaa;
}
.colByDelay .ml.mld1 {
    background-color: #ffe4aa;
}
.colByDelay .ml.mld2 {
    background-color: #ccffcc;
}
.colByDelay .ml.mld3 {
    background-color: #ccccff;
}
.colByDelay .ml.mld4 {
    background-color: #6666dd;
    color: #fff;
}
.colByDelay .ml.mld8 {
    background-color: #dddddd;
}

.colByDelay .ml0.mld0,
.colByDelay .ml0.mld1,
.colByDelay .ml0.mld2,
.colByDelay .ml0.mld3,
.colByDelay .ml0.mld4,
.colByDelay .ml0.mld8 {
    border: 1px solid #000000;
    color: #000000;
    background-color: #ffff00;
}

.ml:hover,
.colByDelay .ml.mld0:hover,
.colByDelay .ml.mld1:hover,
.colByDelay .ml.mld2:hover,
.colByDelay .ml.mld3:hover,
.colByDelay .ml.mld4:hover,
.colByDelay .ml.mld8:hover {
    background-image: none !important;
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}

.ml .oh {
    display: none;
}
.ml:hover .oh {
    display: inline;
}

/* Velke hodiny s aktualnim casem v plose mapy */
#bigTime {
    position: absolute;
    left: 15px;
    bottom: 20px;
    font: bold 70pt Arial;
    color: #000000;
    opacity: 0.2;
}

/* Carky */
.cq0 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(255, 0, 0);
}
.cq1 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(240, 210, 0);
}
.cq2 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(0, 224, 0);
}
.cq3 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(0, 128, 0);
}
.cq4 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(0, 64, 0);
}
.cq5 {
    display: inline-block;
    margin-right: 2px;
    vertical-align: top;
    background-color: rgb(200, 200, 200);
}

/* Prepinani linka / linka-spoj a zapinani typ vozu, SPZ v bubline Okamzite situace */
.swCarr,
.swEvNum,
.swSPZ,
.swAlias,
.swLinSp,
.swTypVozu {
    display: none;
}
.options.showPartDopravce .swCarr,
.ml:hover .swCarr,
.options.showPartEvNum .swEvNum,
.options.showPartSPZ .swSPZ,
.options.showPartAlias .swAlias,
.options.showPartLinSp .swLinSp,
.options.showPartTypVozu .swTypVozu {
    display: inline;
}

.infobub1 {
    font-size: 70%;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    background-image: url("img/desktop/topMenuMapMenu.png");
    padding: 1em;
}

.infobub1Container {
    height: 0px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

div.nejede {
    display: inline-block;
    vertical-align: bottom;
    background-image: url(img/nejede.png);
    width: 32px;
    height: 22px;
}

.stateSending .szv {
    background-color: #0f0;
}
.stateSending .szn {
    background-color: #f00;
}
.stateSending .snv > div {
    background-color: #0f0;
    width: 5px;
    height: 5px;
}

/* vyhodnoceni odchylek - comba ve volbach */
.pageOptions .itemButton.optionRateLabel {
    width: 90px;
}
.pageOptions .itemButton.optionRate {
    width: 120px;
    background-color: white;
    padding-right: 0;
}

/* vyhodnoceni odchylek */
.page.page_evalImbalances .pageTabs .tabItem.evalImbalancesPeriod {
    width: 250px;
}
.page_evalImbalancesStopFrom .blockList .item.children,
.page_evalImbalancesStopTo .blockList .item.children {
    background-image: url(img/ExpandNext.png);
}
.page_evalImbalancesStopFrom .blockList .item.children.sel,
.page_evalImbalancesStopTo .blockList .item.children.sel {
    background-image: url(img/ExpandSel.png);
}
#evalImbalancesOptionsRPT .connWithDelayBox {
    margin-left: 70px;
    width: 251px;
    text-align: left;
    padding-left: 5px;
}
#evalImbalancesOptionsRPT .sectionsDelayBox {
    margin-left: 80px;
}
.byTTBox {
    margin-left: 20px;
    width: 100px;
    text-align: left;
}
.byTTInputBox {
    margin-left: 170px;
    display: inline-block;
}
#page_evalImbalancesOptions .byTTInput,
#page_evalImbalancesOptions .byDriveTimeBoxInput {
    width: 40px;
    padding-right: 5px;
    margin-right: 0;
    text-align: right;
}
.withoutStopPartBox {
    margin-left: 153px;
}
.byDriveTimeBox {
    margin-left: 20px;
}
#evalImbalancesLinesDisplay1 .byDriveTimeBoxInput {
    width: 40px;
    margin-right: 0;
    padding-left: 5px;
}
.withStopPartBox {
    margin-left: 335px;
    width: 199px;
    text-align: left;
}
.timeErrorText {
    margin-top: 100px;
}

/*obarveni radku dle zpozdeni*/
.report .delay1 td {
    background-color: #f1fd5b;
}
.report .delay2 td {
    background-color: #fd9d4a;
}
.report .delay3 td {
    background-color: #f79191;
}

.report_evalImbalances .divTable {
    padding-bottom: 0;
    margin-bottom: 0;
}

/*vyhodnoceni zastavek*/
.desktop .page.page_evalStations .pageTabs .tabItem.evalStationsPeriod {
    width: 250px;
}
.desktop .page.page_evalStations .pageTabs .tabItem.evalStationsLinesItem {
    width: 250px;
}
.page.page_evalStations .pageTabs .tabItem.evalStationsCarrierItem {
    width: 220px;
}

/* Z načtených peti bloků tlačítkek je vidět jen blok odpovídající vybranému Options. 
    Hodnoty jsou nicméně ve stránce všechny (linky, vozy, SPZ, modemy, mobilni operatori). */
#evalStationsLinesList .itemButton {
    display: none;
}
.SEL_LIN #evalStationsLinesList .itemButton.line {
    display: inline-block;
}
.SEL_CAR #evalStationsLinesList .itemButton.car {
    display: inline-block;
}
.SEL_SPZ #evalStationsLinesList .itemButton.spz {
    display: inline-block;
}
.SEL_MODEM #evalStationsLinesList .itemButton.modem {
    display: inline-block;
}
.SEL_MOBILE #evalStationsLinesList .itemButton.mobile {
    display: inline-block;
}

.evalStationsLinesError {
    display: none;
}
.SEL_LIN .evalStationsLinesError.line {
    display: inline-block;
}
.SEL_CAR .evalStationsLinesError.carspz {
    display: inline-block;
}
.SEL_SPZ .evalStationsLinesError.carspz {
    display: inline-block;
}
.SEL_MODEM .evalStationsLinesError.modem {
    display: inline-block;
}
.SEL_MOBILE .evalStationsLinesError.mobile {
    display: inline-block;
}

/* při výpisu dopravců pod linkami/spz na tlačítcích minimalizovat padding a oříznout 
#trafficLinesList .itemButton { padding-left:0.3em; padding-right:0.3em; } */
#evalStationsLinesList .itemButton.line,
#evalStationsLinesList .itemButton.car,
#evalStationsLinesList .itemButton.spz,
#evalStationsLinesList .itemButton.modem,
#evalStationsLinesList .itemButton.mobile {
    overflow: hidden;
}

/*kontrolni sestavy*/

.center {
    text-align: center;
}
.icoLegendWrapper {
    margin-top: 10px;
}

.icoOrder,
.icoConditional,
.icoGetout {
    background-position: left center;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: block;
    float: left;
}

.icoOrder {
    background-image: url(./img/090.gif);
}
.icoConditional {
    background-image: url(./img/240.gif);
}
.icoGetout {
    background-image: url(./img/108.gif);
}

.icoOrder.legend {
    width: 260px;
    margin: 0 0 5px 20px;
    padding-left: 20px;
}
.icoConditional.legend {
    width: 260px;
    margin: 0 0 5px 20px;
    padding-left: 20px;
}
.icoGetout.legend {
    width: 260px;
    margin: 0 0 5px 20px;
    padding-left: 20px;
}

.right {
    float: right;
}
.left {
    float: left;
}

/* nedodrzeni standardu kvality */
td.centerIco {
    vertical-align: middle;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

div.nedodrzen,
div.dodrzen {
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
    width: 32px;
    height: 22px;
}
div.nedodrzen {
    background-image: url(img/nejede.png);
    background-repeat: no-repeat;
    margin-right: 8px;
}
div.dodrzen {
    background-image: url(img/Yes.png);
    background-repeat: no-repeat;
}

/* sestava Logování komunikace */
.page_logs .block {
    width: 45em;
}
.page_logs .panel {
    width: 17em;
    display: inline-block;
    vertical-align: top;
}
.page_logs .textInput {
    display: inline-block;
    height: 3em;
    width: 12em;
}
#itemButtonDopravce,
#itemButtonImei {
    width: 120px;
}