@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=greek');

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #E6E8E9;
}

body {
    font-family: 'Roboto', Verdana, Arial, sans-serif;
    font-size: 10pt;
    font-weight: 300;
    color: #666;
}

.loader + div.ui-widget.ui-widget-content.ui-blockui-content {
    background: none;
    border: none;
    box-shadow: none;
}

div.loginPanel {
    width: 26.8em;
    margin: 10em auto;
    box-shadow: 0 0 3em #999;
    background: url("/pprweb/javax.faces.resource/img/logo.png.xhtml?ln=fraport") no-repeat top right white;
    background-size: 45%;
}

div.loginPanel #loginForm {
    display: block;
    padding: 2em;
}

div.loginPanel #loginForm .input {
    width: 100%;
    box-sizing: border-box;
}

.languagePanel {
    color: #444;
    padding: 1em;
}

div.loginPanel .languagePanel {
    color: white;
    background-color: #9CA3A7;
    display: flex;
}

div.loginPanel .languagePanel .forgotPassword {
    flex-grow: 1;
}

.layout .languagePanel {
    border-left: 1px solid #888;
}

.layout .languagePanel a,
.layout .languagePanel a:visited {
    color: #888;
    margin: .2em;
    text-decoration: none;
    font-size: .9rem;
    vertical-align: middle;
}

div.loginPanel .languagePanel a,
div.loginPanel .languagePanel a:visited {
    color: white;
    text-decoration: none;
}

/*.languagePanel .fa {
    font-size: 1.3em;
    min-width: initial;
    margin-right: .1em;
    font-weight: bold;
    vertical-align: bottom;
}*/

div.loginPanel .buttonPanel {
    padding: 3em 0 0 0;
}

.form > * {
    padding: 0 1em;
}

.form h1 {
    font-size: 1.5em;
    font-weight: 400;
    margin-top: 0;
}

.form label:not(.ui-inputfield) {
    display: block;
    margin-top: 1.3em;
    padding: .2em .3em;
}

.form label.first,
.form label:first-child {
    margin-top: 0;
}

.form > .ui-inputfield.full {
    width: 100%;
}

.formfield {
    width: 100%;
    display: block;
    white-space: nowrap;
}

.form .formfield {
    display: flex;
    width: 100%;
}

.form .formfield tbody tr td label {
    display: inline-block;
    margin: 0 .5em;
    padding: 0;
}

.scheduled-time-div {
    padding-left: 16px;
    display: flex;
    flex-flow: column nowrap;
    margin: 20px auto;
}

.scheduled-time-div .ui-calendar .ui-datepicker-trigger {
    height: 38px;
}

.form .formfield .ui-inputfield {
    display: flex;
    width: 100%;
}

.form .formfield:not(.ui-inputfield) {
    margin: 0 0 1em 0.2em;
    font-weight: 500;
}

.form .ui-calendar > input {
    min-width: 0;
}

.buttonPanel {
    padding: 1em 0;
    display: flex;
    justify-content: flex-end;
}

.expand {
    flex-grow: 1;
}

.layout {
    display: flex;
    align-items: stretch;
    min-height: 100%;
}

.layout > .layoutLeft {
    background: #E6E8E9;
    display: flex;
    flex-direction: column;
    transition: .3s;
}

.layout > .layoutRight {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.layout > .layoutRight > .mainPanel {
    padding: 1rem;
    margin: 1rem;
    flex-grow: 1;
    box-sizing: border-box;
    background-color: white;
}

.layout > .layoutRight > .mainPanel > .header {
    display: flex;
    align-items: baseline;
    padding: 1em 1em 1.5em 1em;
}

.layout > .layoutRight > .mainPanel > .header > .title {
    flex-grow: 0;
    font-size: 1.8em;
    font-weight: 400;
    margin: 0 .5em 0 0;
}

.layout > .layoutRight > .mainPanel > .header > .title > .subtitle {
    font-size: .7em;
    margin-left: 1rem;
    color: rgba(61, 82, 101, .7);
}

.layout > .layoutRight > .mainPanel > .header > .actions {
    flex-grow: 1;
}

.layout > .layoutRight > .mainPanel > .header > .titleLoader {
    flex-grow: 0;
    display: none;
}

.layout > .layoutRight > .mainPanel .actions > a {
    font-size: 2em;
    color: #3d5265;
    padding: 0 .2em;
}

.layout > .layoutRight > .mainPanel .actions > a:hover {
    color: #000091;
}

.layout > .layoutRight > .mainPanel .actions > a:active {
    opacity: .3;
    transition: 0s;
}

.layout > .layoutLeft .logoWrapper,
.layout > .layoutRight > .topPanel {
    height: 7rem;
    background: white;
    box-shadow: 7px 1px 5px 0 #444;
}

.layout > .layoutRight > .topPanel {
    display: flex;
    flex-direction: column;
}

.layout > .layoutLeft .logoWrapper {
    text-align: center;
    border-bottom: 3rem solid #9CA3A7;
}

.layout > .layoutLeft .logo {
    height: 7rem;
    width: 10rem;
    background: url("/pprweb/javax.faces.resource/img/logo.png.xhtml?ln=fraport") no-repeat center center white;
    background-size: contain;
    display: inline-block;
    box-shadow: 0 0 5px 0 #444;
}

.layout > .layoutLeft #leftMenuForm {
    /*flex-grow: 1;*/
    margin: 1rem 0 1rem 1rem;
    padding: 1rem;
    background-color: white;
}

.layout .topPanel > .steps {
    flex-grow: 1;
}

.layout .topPanel > .steps .ui-steps-item {
    border: none;
    opacity: 1;
    height: 5rem;
    line-height: 5rem;
}

.layout .topPanel > .steps .ui-menuitem-link {
    line-height: normal;
    color: rgba(255, 255, 255, .8);
}

.layout .topPanel > .steps .ui-menuitem-link .ui-steps-title {
    white-space: normal;
}

.layout .topPanel > .steps .ui-steps-item.ui-state-default.ui-state-disabled {
    background: none;
}

.layout .topPanel > .steps .ui-steps-item.ui-state-default,
.layout .topPanel > .steps .ui-steps-item.ui-state-highlight {
    background: rgba(0, 0, 0, .5);
}

.layout .topPanel > .steps .ui-steps-item.ui-state-highlight {
    border-bottom-right-radius: 3em;
}

.layout .topPanel > .steps .ui-menuitem-link {
    padding: .5rem 1em 0 1em;
}

.layout .topPanel > .userMenu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: white;
    height: 4rem;
}

.topPanel > .topMenu {
    height: 3rem;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #9CA3A7;
}

.topPanel > .topMenu .button,
.topPanel > .topMenu .ui-menubutton .ui-button,
.topPanel > .topMenu a,
.topPanel > .topMenu a:visited {
    color: white;
    margin: 0 .5em;
    text-decoration: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 1.5rem;
    transition: color .2s;
}

.topPanel > .topMenu .button:hover,
.topPanel > .topMenu .ui-menubutton .ui-button:hover,
.topPanel > .topMenu a:hover,
.topPanel > .topMenu a:active {
    color: #000091;
    transition: color .2s;
    /*text-shadow: 0em 0em .1em rgba(255, 255, 255, 0.5);*/
}

.topPanel > .topMenu .topMenuForm {
    display: flex;
    align-items: center;
}

.topPanel > .topMenu .ui-menubutton .ui-button {
    background: none;
    display: flex;
    width: auto;
}

.topPanel > .topMenu .ui-menubutton .ui-button .ui-icon {
    margin: 0;
    position: static;
    height: 1em;
    min-width: 1.5em;
}

.topPanel > .topMenu .ui-menubutton .ui-button .ui-button-text {
    display: none;
}

.ui-menu.topMenuItems {
    padding: 0;
    min-width: 15em;
}

.ui-menu.topMenuItems .ui-menuitem:hover {
    background: rgba(0, 0, 0, .1);
}

.ui-menu.topMenuItems .ui-menuitem-link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: .5em 0;
    width: 100%;
}

.ui-menu.topMenuItems .ui-menuitem-link .ui-menuitem-icon {
    font-size: 1.2rem;
    flex-grow: 0;
    margin: .2rem .4rem .2rem .3rem;
    height: auto;
}

.ui-menu.topMenuItems .ui-menuitem-link .ui-menuitem-text {
    flex-grow: 1;
    margin-right: .3rem;
}

.topPanel > .topMenu .indicator {
    display: block;
    font-size: .45em;
    font-weight: 500;
    position: absolute;
    right: -.5em;
    top: .1em;
    min-width: 1.8em;
    color: #fff;
    padding: .2em;
    text-align: center;
    border-radius: 2em;
}

.topPanel > .topMenu .indicator.low {
    background: #ff791d;;
}

.topPanel > .topMenu .indicator.high {
    background: #f20000;
}

.topPanel > .topMenu .ui-overlaypanel {
    font-size: .9rem;
}

.topPanel > .topMenu .ui-overlaypanel.ui-overlay-hidden {
    right: 0;
}

.topPanel > .topMenu .ui-overlaypanel.ui-overlay-hidden .notificationRow {
    transition: 0s;
}

.topPanel > .topMenu .ui-overlaypanel-content {
    padding: .1em;
}

.topPanel > .topMenu .ui-overlaypanel .notificationRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0em 1em .5em;
    margin: .3em;
    max-width: 40em;
    background: rgba(255, 255, 255, .05);
    transition: 0s;
}

.topPanel > .topMenu .ui-overlaypanel .notificationRow label {
    white-space: normal;
    margin-right: .5em;
}

.topPanel > .topMenu .ui-overlaypanel .notificationRow:hover {
    background: rgba(255, 255, 255, .1);
    transition: 0s;
}

.topPanel > .topMenu .ui-overlaypanel .notificationRow [class^="fa"] {
    font-size: 1.5em;
    vertical-align: middle;
}

.layout .user {
    margin-right: 1rem;
}

.layout .user > .userIcon {
    font-size: 3rem;
}

.layout .user > .userDetails {
    font-weight: 500;
    font-size: 1.2em;
}

.layout .user > .userIcon,
.layout .user > .userDetails {
    display: inline-block;
    vertical-align: baseline;
}

.airportDetails {
    font-weight: 500;
    font-size: 1.2em;
}

.testEnv {
    animation: blinker 2s linear infinite;
    color: darkred;
    font-size: 2em;
    flex-grow: 1;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.layout .user > .userDetails > .email {
    font-size: .8em;
    font-weight: 400;
}

.layout .leftMenu > .menuItem {
    display: block;
    line-height: 3em;
    font-size: 1.1em;
    text-decoration: none;
    white-space: nowrap;
    color: #666;
    border-bottom: 1px solid #ddd;
    outline: none;
}

.layout .leftMenu > .menuItem:hover,
.layout .leftMenu > .menuItem:active {
    color: #000091;
}

.layout .leftMenu > .menuItem [class^="fa"] {
    font-size: 1.8em;
    padding: .2em;
    width: 1.8em;
    text-align: center;
    vertical-align: middle;
}

.layout .leftMenu > .menuItem .itemLabel {
    vertical-align: middle;
    margin-right: 2em;
}

.dashboard {
    display: flex;
    flex-wrap: wrap;
}

.dashboard > .dashboardItem {
    flex-grow: 1;
    width: 40%;
    min-width: 22em;
    margin: .5em;
    color: #000091;
    padding: 1rem;
    background-color: #f6f6f6;
}

.dashboard > .dashboardItem .header {
    font-size: .9em;
    display: flex;
    margin-bottom: 1em;
}

.dashboard > .dashboardItem a {
    text-decoration: none;
}

.dashboard > .dashboardItem a.headerIcon {
    font-size: 1em;
    font-weight: 500;
    flex-grow: 0;
    min-width: 11em;
    margin-right: 1em;
    text-align: center;
    padding: 1em;
}

.dashboard > .dashboardItem a.headerIcon:hover {
    background: rgba(0, 0, 0, .1);
}

.dashboard > .dashboardItem .headerIcon [class^="fa"] {
    display: block;
    font-size: 4em;
    margin-bottom: .1em;
}

.headerIcon .fa.PENDING::before {
    content: "\f04c";
}

.headerIcon .fa.ACTIVE::before {
    content: "\f0ae";
}

.headerIcon .fa.COMPLETED::before {
    content: "\f00c";
}

.headerIcon .fa.CANCELED::before {
    content: "\f00d";
}

.headerIcon .fa.ARRIVAL::before {
    content: '\f5af';
}

.headerIcon .fa.DEPARTURE::before {
    content: '\f5b0';
}

.dashboard > .dashboardItem .headerTitle {
    font-size: 4.75em;
    flex-grow: 1;
    text-align: center;
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    padding: .3em;
}

.dashboard > .dashboardItem .ui-datatable th,
.dashboard > .dashboardItem .ui-datatable tbody,
.dashboard > .dashboardItem .ui-datatable td,
.dashboard > .dashboardItem .ui-datatable tr {
    background: none;
    border: none;
    color: #444;
}

.dashboard > .dashboardItem .ui-datatable th {
    color: #000091;
    font-weight: 400;
    padding-bottom: 1em;
    text-align: left;
}

.dashboard > .dashboardItem .ui-datatable-scrollable-header {
    display: none;
}

.dashboard > .dashboardItem .ui-datatable-scrollable-body th {
    color: #000091;
    font-weight: 400;
    text-align: left;
    position: sticky;
    top: 0;
    padding-bottom: 2.5em;
    background-color: #f6f6f6;
}

.dashboard > .dashboardItem .ui-progressbar,
.uploadPanel .ui-fileupload-content .ui-progressbar {
    background: rgba(0, 0, 0, .2);
    border: none;
    height: .3em;
    min-width: 5em;
}

.dashboard > .dashboardItem .ui-progressbar .ui-progressbar-value,
.uploadPanel .ui-fileupload-content .ui-progressbar .ui-progressbar-value {
    border: none;
    position: static;
    margin: 0;
    background: rgba(255, 255, 255, .8);
}

.dashboard > .dashboardItem.pendingActions a {
    color: #ff791d;
}

.dashboard > .dashboardItem.active a {
    color: #1378BD;
}

.dashboard > .dashboardItem.completed a {
    color: #5da51b;
}

.dashboard > .dashboardItem.failed a {
    color: #f20000;
}

.chooseFilePanel .fileDetails,
.chooseFilePanel .description,
.uploadPanel.ui-fileupload {
    box-sizing: border-box;
    display: block;
    margin: 1em auto;
}

.uploadPanel.ui-fileupload {
    max-width: 50em;
    background: #C8DADF;
    padding: .5em;
}

.chooseFilePanel .fileDetails,
.chooseFilePanel .description {
    width: 100%;
    max-width: 30em;
}

.chooseFilePanel .fileDetails {
    margin-top: 2em;
}

.chooseFilePanel .fileDetails .filename {
    font-weight: 500;
}

.uploadPanel .ui-fileupload-buttonbar {
    background: none;
    border: none;
    text-align: center;
    position: relative;
    height: 0;
    padding: 0;
    top: 12em;
    z-index: 10;
}

.uploadPanel .ui-fileupload-buttonbar .ui-button {
    color: #3d5265;
    font-size: 1.3em;
    font-weight: 500;
    background: none;
    border: none;
}

.uploadPanel .ui-fileupload-buttonbar .ui-button:hover,
.uploadPanel .ui-fileupload-buttonbar .ui-button:active {
    font-weight: 500;
    color: #1f2e3f;
    background: none;
    border: none;
}

.uploadPanel .ui-fileupload-buttonbar .ui-button .ui-icon {
    display: none;
}

.uploadPanel .ui-fileupload-content {
    height: 20em;
    background: none;
    border: .15em dashed rgba(61, 82, 101, .5);
    position: relative;
}

.uploadPanel .ui-fileupload-content:after {
    font: normal normal normal 6em FontAwesome;
    text-rendering: auto;
    content: "\f093";
    position: absolute;
    top: 1em;
    width: 2em;
    left: calc(50% - 1em);
    text-align: center;
    opacity: .3;
}

.uploadPanel .ui-fileupload-files td {
    padding: .5em .2em;
}

.uploadPanel .ui-fileupload-files td:nth-child(3) {
    font-weight: 400;
    padding: 0 1em;
    white-space: nowrap;
}

.uploadPanel .ui-fileupload-files td.ui-fileupload-progress {
    width: 100%;
}

.uploadPanel .ui-fileupload-content .ui-progressbar {
    height: .5em;
    width: 100%;
}

.uploadPanel .ui-button.ui-fileupload-cancel,
.uploadPanel .ui-button.ui-fileupload-cancel:active {
    background: none;
}

.ui-datatable-header .globalSearch {
    font-size: 1rem;
    display: block;
    text-align: left;
}

.workflowList .ui-datalist-content {
    border: none;
}

.workflowList .ui-datalist-data {
    padding: 0;
}

.workflowItem {
    font-size: .9rem;
    font-weight: 500;
    display: block;
    margin: 1em 0em;
    padding: 1em;
    color: #666;
    background: #e6e8e9;
}

.workflowItem.RUNNING {
    background: #1378BD;
}

.workflowItem.PENDING {
    background: #ff791d;
}

.workflowItem .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.workflowItem .details > div {
    min-width: 25em;
}

.workflowItem h2 {
    margin: 0 0 .5em 0;
}

.spacer {
    display: block;
    margin: 2em;
}

th.buttonColumn,
td.buttonColumn,
.dashboard > .dashboardItem th.buttonColumn,
.dashboard > .dashboardItem td.buttonColumn {
    min-width: 1em;
    text-align: right;
    white-space: nowrap;
    padding: .5em .3em;
}

.fraport th.ui-state-default.buttonColumn a {
    color: rgba(238, 238, 238, 0.7);
}

.fraport th.ui-state-default.buttonColumn a:hover,
.fraport th.ui-state-default.buttonColumn a:active {
    color: rgb(238, 238, 238);
}

.fraport .dashboardItem th.ui-state-default.buttonColumn a {
    color: #3d5265;
}

.fraport .dashboardItem th.ui-state-default.buttonColumn a:hover,
.fraport .dashboardItem th.ui-state-default.buttonColumn a:active {
    color: #000091;
}

.fa-plane-arrival {
    color: #2169ce;
}

.fa-plane-departure {
    color: #009b00;
}

.alignCenter {
    text-align: center;
}

.fa, .far, .fas {
    min-width: 1.5em;
    text-align: center;
}

.signatureRect {
    border: 1px solid #f00;
    background: rgba(255, 0, 0, .2);
    position: absolute;
}

.signatureRect.valid {
    border: 1px solid #0f0;
    background: rgba(0, 255, 0, .2);
}

.ui-dialog.small {
    min-width: 10em;
    min-height: 5em;
}

.checkpoint-list-main-panel {
    background-color: inherit !important;
    margin-top: -3.2em;
}

#checkPointList {
    margin-left: -1.5em;
    margin-top: 1em;
}

#checkPointList .checkpoint-list-main-panel .checkpoints h3 {
    color: #ffffff;
}

.ui-datalist.checkpoints {
    margin-top: .5em;
    margin-bottom: .3em;
}

.workflowItem .ui-datalist.checkpoints {
    margin: 0;
}

.ui-datalist.checkpoints .ui-datalist-data {
    margin: 0;
    padding: .5em 2em;
}

.ui-datalist.checkpoints .ui-datalist-header {
    font-weight: 400;
    font-size: 1em;
}

.fraport .workflowItem .flexRow .index {
    font-size: 2.5em;
    font-weight: 300;
    min-width: 1.2em;
    text-align: center;
    color: rgba(102, 102, 102, 0.3);
}

.fraport .workflowItem .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fraport .flexRow {
    display: flex;
}

.fraport .flexRow.vertical {
    flex-direction: column;
    flex-shrink: 0;
}

.fraport .workflowItem .flexRow {
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fraport .workflowItem .flexRow .spacer {
    margin: .5em;
}

.fraport .workflowItem > .flexRow .flexRow:not(.vertical) {
    align-items: center;
}

.fraport .flexRow:not(.vertical) > :not(:last-child) {
    margin-right: 1rem;
}

.fraport .expand {
    flex-grow: 1;
}

.fraport div.vis-item {
    color: #fff;
    border: none;
    border-radius: 0;
    opacity: .7;
}

/*.fraport div.vis-item.flight-bordered {*/
/*    opacity: .85;*/
/*}*/

.fraport div.vis-item.vis-selected,
.fraport div.vis-item.vis-selected.flight-bordered {
    opacity: 1;
}

.fraport div.vis-item.maybe,
.fraport div.vis-item.vis-selected.maybe {
    background: #CD7D00;
}

.fraport div.vis-item.available,
.fraport div.vis-item.vis-selected.available {
    background: #5DA51B;
}

.fraport div.vis-item.availablealt,
.fraport div.vis-item.vis-selected.availablealt {
    background: #5DAf6B;
}

.fraport div.vis-item.maybealt,
.fraport div.vis-item.vis-selected.maybealt {
    background: #CD7D70;
}


.fraport div.vis-item.rejected,
.fraport div.vis-item.vis-selected.rejected {
    background: #a52200;
}

.fraport div.vis-item.canceled,
.fraport div.vis-item.vis-selected.canceled {
    background: #666666;
}

.fraport div.vis-item.working,
.fraport div.vis-item.vis-selected.working {
    background: #0081cd;
}

.fraport div.vis-item.unavailable,
.fraport div.vis-item.vis-selected.unavailable {
    background: #d90c0c;
}

.fraport div.vis-item.flight,
.fraport div.vis-item.vis-selected.flight {
    background: #064fa8;
}

.fraport div.vis-item.flight-bordered,
.fraport div.vis-item.vis-selected.flight-bordered {
    background: #000000;
}

.fraport .timeline .pprTimeline {
    margin-top: 1em;
}

.fraport .timeline .pprTimeline .vis-loading-screen h1 {
    text-align: center;
    padding: 5rem 0;
    font-weight: 400;
}

.fraport .timeline .pprTimeline .vis-item-content > h1,
.fraport .timeline .pprTimeline .vis-item-content > h2,
.fraport .timeline .pprTimeline .vis-item-content > h3,
.fraport .timeline .pprTimeline .vis-item-content > h4,
.fraport .timeline .pprTimeline .vis-item-content > h5,
.fraport .timeline .pprTimeline .vis-item-content > h6 {
    margin: 0 .7em 0 0;
    color: white;
    font-size: 1rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    /*min-width: 1.5em;*/
    text-align: center;
}

.fraport .timeline .pprTimeline .vis-item-content > h1::before {
    content: '\f533';
}

.fraport .timeline .pprTimeline .vis-item-content > h2::before {
    content: '\f072';
}

.fraport .timeline .pprTimeline .vis-item-content > h3::before {
    content: '\f5fd';
}

.fraport .timeline .pprTimeline .vis-item-content > h4::before {
    content: '\f057';
}

.fraport .timeline .pprTimeline .vis-item-content > h5::before {
    content: '\f5af';
}

.fraport .timeline .pprTimeline .vis-item-content > h6::before {
    content: '\f5b0';
}

.fraport .timeline .pprTimeline .vis-labelset .custom-cursor {
    cursor: help;
}

.INITIAL, .WORKING,
.SUBMITTED, .PENDING_NEW_OFFER, .workflowItem .PENDING,
.workflowItem .ACTIVE, .workflowItem .COMPLETED,
.workflowItem .CANCELED, .NEW_OFFER, .CONFIRMED,
.REJECTED, .REJECTED_WITH_NEW_OFFER, .CANCELED_BYREQUESTER,
.REJECTED_BY_CHILD, .REJECTED_BY_HANDLER {
    text-align: center;
    display: inline-block;
    padding: .1em .2em;
}

.INITIAL, .WORKING, .workflowItem .ACTIVE {
    background-color: #1378BD;
    color: white;
}

.SUBMITTED, .PENDING_NEW_OFFER, .workflowItem .PENDING {
    background-color: #ff791d;
    color: white;
}

.NEW_OFFER {
    background-color: #ff706f;
    color: white;
}

.CONFIRMED, .workflowItem .COMPLETED, .STARTED {
    background-color: #5da51b;
    color: white;
}

.REJECTED, .REJECTED_WITH_NEW_OFFER, .CANCELED_BYREQUESTER, .REJECTED_BY_CHILD, .REJECTED_BY_HANDLER, .workflowItem .CANCELED {
    background-color: #f20000;
    color: white;
}

.checkpoints .checkpoint {
    background: none;
    font-weight: 400;
    padding: 0;
}

.started {
    color: #1ab800;
}

.checkpoints .checkpoint.PENDING {
    color: #2aa7da;
}

.checkpoints .checkpoint.ON_TIME {
    color: #1ab800;
}

.checkpoints .checkpoint.DELAYED {
    color: #ff791d;

}

.checkpoints .checkpoint.ERROR {
    color: #f20000;
}

.checkpoints .checkpoint.MISSING_PREVIOUS {
    color: #e424f2;
}

.bold {
    font-weight: 600;
}

.new-offer {
    font-weight: 600;
    color: #ff791d;
}

.ui-tabs-actions .tabButtons {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 2.75em;
    right: 0;
    opacity: .5;
    transition: opacity .2s;
}

.ui-tabs-actions .tabButtons:hover {
    opacity: 1;
    transition: opacity .2s;
}

.ui-tabs-actions .tabButtons > .ui-button {
    background: rgba(0, 0, 0, .1);
    margin-bottom: 1px;
}

.ui-tabs-actions .tabButtons > .ui-button:hover {
    background: rgba(0, 0, 0, .2);
}

.groupsTabView.ui-tabs .ui-tabs-nav {
    margin-bottom: .5em
}

.groupsTabView.ui-tabs .ui-tabs-panel {
    margin-right: 2.6em;
    min-width: 25em;
    min-height: 7em;
}

.aircraft-type-dialog,
.airport-stand-dialog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding: .5em;
}

.aircraft-type-dialog > *,
.airport-stand-dialog > * {
    display: flex;
    flex-flow: column nowrap;
}

.aircraft-type-dialog div:last-of-type .ui-button {
    min-width: 2.5em !important;
}

@media (max-width: 1005px) {

    .layout .topPanel > .steps .ui-steps-item {
        font-size: 1.5vw;
        padding: .5em 0;
    }

    .layout .topPanel > .steps .ui-menuitem-link {
        padding: 0 .2em;
    }

    .layout .topPanel > .steps .ui-menuitem-link .ui-steps-title {
        width: 90%;
        margin: auto;
    }
}

@media (max-width: 800px) {

    body {
        min-width: 640px;
    }

    .layout > .layoutLeft {
        width: 20%;
        min-width: 25%;
        transition: .3s;
    }

    .layout .leftMenu > .menuItem {
        font-size: 2.5vw;
        padding-right: .6em;
        white-space: normal;
        text-align: center;
        line-height: 1em;
        padding-bottom: .5em;
    }

    .layout .leftMenu > .menuItem .fa {
        display: block;
        width: 1em;
        margin: auto;
        padding-bottom: 0;
    }

    .layout .leftMenu > .menuItem .itemLabel {
        margin-right: 0;
    }

    .layout .topPanel > .steps .ui-steps-item {
        font-size: .8em;
    }

    .layout .topPanel > .steps .ui-steps-item,
    .layout .topPanel > .steps .ui-menuitem-link {
        padding: 1em .5em .5em;
    }

    .layout .topPanel > .steps .ui-menuitem-link .ui-steps-title {
        display: none;
    }

    .layout .topPanel > .steps .ui-steps-item.ui-state-highlight {
        border-bottom-right-radius: 10em;
    }

}