@font-face {
    font-family: FiraSansSemiBold;
    src: url('../fonts/FiraSans/Fira Sans SemiBold 600.ttf');
}

@font-face {
    font-family: FiraSansRegular;
    src: url('../fonts/FiraSans/Fira Sans Regular 400.ttf');
}

html {
overflow-x: hidden;
}


body {
    margin-top: -10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    color: #000;
    display: block;
    font-family: FiraSansRegular !important;
    font-feature-settings: "liga", "kern";
    font-size: 12px;
    background-color: #F5F5F5;
}

.blink_object {
    animation: blinker 1s ease infinite;
}


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

/*.blink {
    animation-duration: 1s;
    animation-name: blinkredInset;
    animation-iteration-count: infinite;
}

@keyframes blinkredInset {
    50% {
        background-color: #aa0000;
    }
}*/

div.powerBIViewer {
    height: 830px;
    line-height: initial;
}

#pageTitle {
    font-family: FiraSansRegular;
    font-feature-settings: "liga", "kern";
    font-size: 30px !important;
    font-weight: 600 !important;
    width: 100% !important;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    text-rendering: optimizespeed;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}

#pageTitlePrefix {
    float: left;
    color: black;
    margin-top: 0px;
    padding-right: 8px;
    font-size: 23px;
}

.control-title {
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    color: #000000;
    display: block;
    font-feature-settings: "liga", "kern";
    font-size: 12px;
    font-weight: bold;
    font-family: FiraSansSemiBold;
    text-align: center;
}




@media (max-width: 50px) {
    * {
        display: none;
    }
}

.Gauge-Value {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 2vmax;
    font-weight: bold;
    position: relative;
    left: 0;
    right: 0;
    top: -25px;
    text-align: center;
    color: #555;
}


.login-body {
    /*background-color: #ffffff;*/
    background-color: #f3f4f5;
    font-family: FiraSansRegular !important;
    font-feature-settings: "liga", "kern";
    font-size: 13px !important;
}

.login-error-box {
    clear: both;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    display: block;
}

.errortext {
    color: #f3464c !important;
    font-weight: bold;
}

.logintext {
    color: #00326D !important;
    font-weight: bold;
}


.loginbuttonContainer {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 15px;
}

.login-prompt {
    /*color: #fff !important;*/
}

.loginbutton {
    width: 100%;
}

.text-danger {
    color: #d9534f;
}

.spacing-extra-large {
    margin-bottom: 26px !important;
}

.spacing-large {
    margin-bottom: 20px !important;
}


h1 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    /*font-family: FiraSansRegular;*/
    font-size: 26px !important;
    font-family: FiraSansRegular,system-ui,-apple-system,sans-serif;
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga","kern";
    color: #000;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
}

h3 {
    /*display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;*/
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    display: block;
/*    font-family: 'FiraSansRegular', "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;*/
    font-size: 14px;
    font-weight: 400;
    height: 17.2px;
    letter-spacing: normal;
    line-height: 17.234px;
    margin-block-end: 10px;
    margin-block-start: 10px;
    margin-bottom: 10px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    max-width: 1200px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    text-transform: none;
    width: 590.4px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.validate-input {
    background: #e1ebfa !important;
}

/*.applogo {
    margin-top: 5px;
    width: 170px;
    cursor: pointer;
    float: left;
    margin-left: 0px;
}*/
#pagetitlearea {
        
    } #headertitle {
        font-family: FiraSansSemiBold;
        font-size: 1.5rem;
        color: #ffffff;
        font-weight: bold;
        float: left !important;
        height: 30px !important;
        padding-top: 11px;
        white-space: nowrap;
    } @media screen and (max-width: 1310px) {
        .MenuItemSacrifice {
            display: none !important;
        }
    } @media screen and (max-width: 600px) {
        .MenuItemSacrifice600px {
            display: none !important;
        }

        .TK-Aside-Menu-Button {
            padding: 0 8px !important;
        }
    } .toolbararea {
        position: fixed;
        width: auto;
        right: 0;
        top: 0px;
        z-index: 1041;
        color: #ffffff;
        height: 38px;
        left: 0px;
        background-color: #00326D;
        background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    } #pagebody {
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 10px !important;
        margin-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        position: relative;
        display: block;
        border-radius: 4px;
        /*border: 1px #ddd solid;*/
        background-color: transparent;
        /*border-top: solid 5px #62486f;*/
    } .row .page-layout {
        /*border-top-width: 1px;*/
        color: rgb(29, 33, 41);
        direction: ltr;
        display: block;
        position: relative;
        word-wrap: break-word;
        /*padding-bottom: 15px !important;*/
        position: relative;
        word-wrap: break-word;
        direction: ltr;
        display: block;
        cursor: pointer;
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        transition-delay: 0s, 0s, 0s;
        transition-duration: 0.2s, 0.2s, 0.15s;
        transition-property: margin, height, box-shadow;
        transition-timing-function: ease-out, ease-out, ease-out;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
    } .row label {
        vertical-align: -webkit-baseline-middle;
    } .k-edit-form-container {
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    } .k-fieldselector .k-columns > div {
        /*width: none !important;*/
    } .subpage .page-layout {
        /*border-top-width: 1px;*/
        color: rgb(29, 33, 41);
        direction: ltr;
        display: block;
        margin-bottom: 10px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        position: relative;
        word-wrap: break-word;
        padding-bottom: 15px !important;
        padding-top: 0px;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none !important;
    } .subpage .page-layout .row .col-md-12 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        } .upload-input {
        display: inline-block;
        vertical-align: top !important;
        min-width: 250px;
    }
/***********************************
    Form controls styling
************************************/
label {
        padding-right: 5px;
        font-weight: 700;
        background-color: transparent !important;
    } .form-group {
        margin-bottom: 0px;
        padding-right: 5px;
        background-color: transparent !important;
    } fieldset.form-inline {
        min-width: 100%;
    } .form-inline {
        background-color: transparent !important;
        padding-bottom: 5px !important;
    } .row {
        background-color: transparent !important;
        /*margin-top: 5px;*/
        margin-bottom: 5px;
    } .row .k-content {
            /*background-color: rgb(248, 248, 248) !important;*/
            background-color: transparent !important;
        } .k-window .k-content {
        /*background-color: #f6f6f6 !important;*/
        /*background-color: rgb(238,238,238) !important;*/
    } .k-content {
        /*background-color: #f6f6f6 !important;*/
        border: none !important;
        color: #000 !important;
    } .k-window-action {
        padding-left: 3px;
    }
/*********************
        Popup window styling
****************************/
.popuproot {
        background-color: rgb(238,238,238) !important;
    } .k-window {
        background-color: rgb(238,238,238) !important;
    } .k-window-content {
        overflow: auto !important;
        padding: 3px !important;
        padding-top: 15px !important;
        background-color: rgb(248, 248, 248) !important;
    } .k-window-titlebar {
        color: #000;
    } .k-dialog-title {
        color: white;
    } @media (min-width: 992px) {
        .popupcontainer .col-md-12 {
            width: auto !important;
        }
    }
/***************
    Subpage styling    
*********************/
.subpage {
        overflow: auto;
    }
/* reset everything to the default box model */
.popuproot :before, .popuproot :after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
/* set a border-box model only to elements that need it */
.popuproot .row, .popuproot .col-md-1, .popuproot .col-md-2, .popuproot .col-md-3, .popuproot .col-md-4, .popuproot .col-md-5, .popuproot .col-md-6, .popuproot .col-md-7, .popuproot .col-md-8, .popuproot .col-md-9, .popuproot .col-md-10, .popuproot .col-md-11, .popuproot .col-md-12 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    } .popupdefaultpadding {
        padding-left: 15px !important;
        padding-right: 10px !important;
    } .k-widget {
        /*    font-size: 12px !important;*/
    } .carousel-menuitem {
        margin-left: -15px;
    } .k-multiselect {
        display: inline-block;
        vertical-align: middle;
    }
/***************
    Metadata Icon
*********************/
.k-i-metadata {
        position: relative;
    } .k-i-metadata:before {
            /*content: "\f0f4";*/
            content: "?";
            font-family: FontAwesome;
            left: -5px;
            position: absolute;
            top: 0;
        }
/* Hide Chart Selector */
.non-selector .k-left-handle {
        display: none;
    } .non-selector .k-right-handle {
        display: none;
    }
/* Property window styling */
#propertyWindow {
        display: none;
        z-index: -10;
        background-color: rgb(248, 248, 248);
        height: 90%;
    } #propertyWindowFooter {
        padding-top: 15px !important;
        padding-right: 15px !important;
        text-align: right;
    } .property_window_headercontainer {
        position: fixed;
        top: 105px;
        background-color: white;
        padding-left: 15px;
        padding-top: 5px;
        padding-right: 5px;
        bottom: 0;
        right: 0;
        overflow: auto;
    } .property_window_wrapper {
        position: fixed;
        top: 105px;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 500ms;
        opacity: 0.4;
    } .property_content_window {
        position: fixed;
        top: 165px;
        background-color: white;
        padding-left: 15px;
        padding-top: 5px;
        padding-right: 5px;
        bottom: 0;
        right: 0;
        overflow: auto;
    } .property_window_body {
        width: 100%;
        overflow: auto;
        bottom: 0;
    } .popupdefaultpadding {
        background-color: transparent !important;
        /*height:100%;*/
    } .k-animation-containe.k-overflow-wrapper {
        width: 500px !important;
        background-color: red !important;
    } #element.style {
        width: 500px !important;
    }
/***********************************
    Error notification styling
************************************/
.k-notification {
        border: 0;
    } #notificationHolder .custom-error {
        background-color: #d51923;
        padding: 10px;
        color: #fff;
        box-shadow: rgba(139, 3, 0, 0.75) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 1px 10px 0px;
        border-radius: 4px 4px 4px 4px;
    } #notificationHolder .custom-error a {
            color: #fff;
        } #notificationHolder .custom-error h3 {
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        } #notificationHolder .custom-error p {
            margin-top: 10px;
            overflow-wrap: break-word;
        } #notificationHolder .custom-success {
        background-color: #5ec232;
        padding: 10px;
        color: #fff;
        box-shadow: rgba(61, 126, 33, 0.75) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 1px 10px 0px;
        border-radius: 4px 4px 4px 4px;
    } #notificationHolder .custom-success a {
            color: #fff;
        } #notificationHolder .custom-success h3 {
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        } #notificationHolder .custom-success p {
            margin-top: 10px;
            overflow-wrap: break-word;
        } #notificationHolder .custom-info {
        background-color: #2d73f5;
        padding: 10px;
        color: #fff;
        box-shadow: rgba(9, 65, 170, 0.75) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 1px 10px 0px;
        border-radius: 4px 4px 4px 4px;
    } #notificationHolder .custom-info a {
            color: #fff;
        } #notificationHolder .custom-info h3 {
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        } #notificationHolder .custom-info p {
            margin-top: 10px;
            overflow-wrap: break-word;
        } #notificationHolder .custom-warning {
        background-color: #ff9411;
        padding: 10px;
        color: #fff;
        box-shadow: rgba(181, 136, 2, 0.75) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 1px 10px 0px;
        border-radius: 4px 4px 4px 4px;
    } #notificationHolder .custom-warning a {
            color: #000;
        } #notificationHolder .custom-warning h3 {
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        } #notificationHolder .custom-warning p {
            margin-top: 10px;
            overflow-wrap: break-word;
        } #notificationHolder .custom-messenger {
        background-color: #8262b4;
        padding: 10px;
        color: #fff;
        box-shadow: rgba(91, 69, 126, 1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.35) 0px 1px 10px 0px;
        border-radius: 4px 4px 4px 4px;
    } #notificationHolder .custom-messenger a {
            color: #fff;
        } #notificationHolder .custom-messenger h1 {
            color: red;
            font-weight: bold;
            font-size: 15px !important;
        } #notificationHolder .custom-messenger h3 {
            font-weight: bold;
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        } #notificationHolder .custom-messenger p {
            margin-top: 10px;
            overflow-wrap: break-word;
            font-weight: bold;
            font-size: 15px !important;
        } #notificationHolder {
        position: fixed;
        top: 45px;
        right: 5px;
        width: 350px;
    }
/***********************************
    HTML designer styling
************************************/
.html-designer-tree {
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border: solid 1px lightgray;
        width: 100%;
    } .html-designer-property {
        height: 100%;
    } .html-designer-configurator {
        padding-top: 10px;
        height: 100%;
    } #controlsTreeview {
        height: 100%;
    } .confirmationBoxContent {
        padding: 20px 20px 20px 15px !important;
        /*font-size: larger !important;*/
    } .workstation-bookon-container {
        display: table;
        width: 100%;
    } .workstation-bookon-container > div {
            display: table-cell;
        } .workstation-bookon-container > div:nth-child(1), .workstation-bookon-container > div:nth-child(3) {
                /*nothing to do here as we set cell widths per named class instead*/
            } .workstation-bookon-container .k-content {
            padding-left: 0 !important;
        } .workstation-bookon-rightcontainer {
        width: 170px;
        padding-top: 20px;
        vertical-align: top;
    } .workstation-bookon-leftcontainer {
        width: 145px;
        padding-bottom: 20px;
        padding-top: 20px;
    } .workstation-bookon-leftcontainer ul {
            margin: 0;
            padding: 0;
            overflow: hidden;
        } .workstation-bookon-leftcontainer li {
            float: left;
            width: 140px;
            display: block !important;
            padding-bottom: 7px;
        } .workstation-bookon-middlecontainer {
        display: table-cell;
        vertical-align: top;
        padding-left: 5px;
        padding-top: 18px;
        padding-right: 15px;
    } .workstation-bookon-middlecontainer #pagetitlearea h1 {
            margin-top: 0px !important;
        } .workstation-bookon-middlecontainer > #pagetitlearea {
            margin-top: 0px;
        } .workstation-bookon-middlecontainer .page-layout {
            margin-left: 15px !important;
            padding-left: 15px !important;
            padding-bottom: 30px !important;
        } .workstation-action-stattitle {
        color: gray;
    } .workstation-action-statvalue {
        font-weight: bold;
    } .workstation-action-button {
        padding-right: 10px;
        padding-bottom: 10px;
        display: block !important;
        margin-bottom: 5px;
        height: 29px;
        /*height: auto;*/
        padding-top: 10px;
        /*white-space: normal;*/
    } #workstationWorkcentresGrid {
        width: 100% !important;
    } .workstation-inputrequired {
        font-size: 125%;
    } .upgradetestitem-status-new {
        font-size: 125%;
        color: #aaaaaa;
    } .upgradetestitem-status-planned {
        font-size: 125%;
        color: #86cdde;
    } .upgradetestitem-status-blocked {
        font-size: 125%;
        color: #eb3345;
    } .upgradetestitem-status-skipped {
        font-size: 125%;
        color: pink;
    } .upgradetestitem-status-active {
        font-size: 125%;
        color: #3f9bd8;
    } .upgradetestitem-status-pass {
        font-size: 125%;
        color: green;
    } .upgradetestitem-status-fail {
        font-size: 125%;
        color: #eb3345;
    } .upgradetestitem-comments {
        font-size: 125%;
        color: #3f9bd8;
    } .workstation-rework {
        font-size: 125%;
        color: red;
    } .schedule-red {
        font-size: 125%;
        color: red;
    } .schedule-black {
        font-size: 125%;
        color: black;
    } .schedule-grey {
        font-size: 125%;
        color: grey;
    }
/* button styling */
.button-busy {
        height: 20px;
        width: 20px;
        margin-left: 10px;
    }
/*grid styling*/
.k-filter-menu {
        padding: .5em;
    } /*.no-busyindicator .k-loading-image {
        background-image: none !important;
    }*/ .no-busyindicator .k-loading-mask {
        display: none !important;
        visibility: hidden !important;
        background-color: transparent !important;
        opacity: 0.0 !important;
        height: 0px !important;
        overflow: hidden !important;
    }
/*********************
    WIP Tracker stylings
****************************/
.wipoperation {
        float: left;
        height: 45px;
        width: 70px;
        color: white;
        margin-right: 10px;
        margin-bottom: 4px;
    } .wipoperation-text {
        height: 20%;
        text-align: center;
    } .wipactive {
        background-color: #428bca;
        color: white;
    } .wiprework {
        background-color: #f73d3d;
        color: white;
    } .wipnotvisited {
        background-color: #ebebeb;
        color: black;
    } .wipoperation-title {
        height: 50%;
        padding-top: 5px;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
        line-height: 12px;
        cursor: default;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*.workstation-inputrequired .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.workstation-inputrequired:hover .tooltiptext {
    visibility: visible;
}*/
/* Tooltip container */
.tooltip2 {
        /*position: relative;
    display: inline-block; */
        /*border-bottom: 1px dotted black;*/
        /* If you want dots under the hoverable text */
    }
/* Tooltip text */
.tooltip2 .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: #4d4f52;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            transform: translateY(-25%);
        }
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
            visibility: visible;
        } .tooltip3 {
        /*position: relative;*/
        display: inline-block; /**/
        /*border-bottom: 1px dotted black;*/
        /* If you want dots under the hoverable text */
        margin-right: 5px;
    } .tooltip3 .tooltiptextupgradeitem {
            visibility: hidden;
            width: 500px;
            background-color: #4d4f52;
            color: #fff;
            text-align: left;
            padding: 5px;
            border-radius: 6px;
            position: absolute;
            z-index: 9999;
            transform: translateY(-25%);
        } .tooltip3:hover .tooltiptextupgradeitem {
            visibility: visible;
        }
/* MetadaViewer Stylings*/
#metadataviewer {
        height: 100%;
    } #metadataviewer > .row > .col-md-3 {
            height: 100%;
        } #metadataviewer > .row > .col-md-9 {
            height: 100%;
        } #metadataviewer > .row > .col-md-12 {
            height: 100%;
        } #metadataGrid {
        height: 100%;
    } div[class^="col-md-"], div[class*=" col-md-"] {
        padding-left: 5px;
        padding-right: 5px;
    } .panel-column {
        /*padding: 10px 20px;
    background-color: #ffffff !important;
    border: 0px solid #DADEE0 !important;*/
        /*clear: both;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;*/
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px;
        padding-top: 20px;
        position: relative;
        /*display: block;*/
        border-radius: 4px;
        border: 1px #ddd solid;
        background-color: #ffffff;
        border-top: solid 5px #62486f;
    } .mestec-banner {
        height: 61px;
        color: white;
        padding-left: 15px;
        padding-top: 10px;
        font-size: 28px
    } .rework-header-bar {
        background-color: red;
    } div.k-loading-pdf-mask {
        display: none;
    } .k-header-column-menu.k-state-active {
        background-color: lightsalmon;
    } .wizard-input {
        width: 100%;
        border: solid 1px lightgrey;
        padding: 5px;
    } .wizard-select {
        width: 100%;
        border: solid 1px lightgrey;
        padding: 5px;
    } .wizard-checkbox {
        width: 20px;
        height: 20px;
    } .wizard-button {
        min-height: 30px !important;
        height: 30px !important;
        width: 30px !important;
    } #wizardColumns tr > td {
        padding: 3px !important;
        border: none !important;
    } .heatmap-container {
        border: solid 1px lightgrey;
    } .test-system-background {
        background: repeating-linear-gradient(45deg, #00326D, #00326D 5px, #f3f3f3 5px, #f3f3f3 10px) !important
    } .test-system-background .TK-Aside-Menu-Label {
            background-color: #00326D !important;
        } .test-system-background i {
            font-size: 16px;
        } .test-system-background .TK-Aside-Menu-Item button {
            padding: 0;
        } .test-system-background #loginButtonLabel {
            background-color: #00326D !important;
        } .test-system-background #SSOButtonLabel {
            background-color: #00326D !important;
        } .uat-system-background {
        background: repeating-linear-gradient(90deg, #00326D, #00326D 5px, #f3f3f3 5px, #f3f3f3 10px) !important
    } .uat-system-background .TK-Aside-Menu-Label {
            background-color: #00326D !important;
        } .uat-system-background i {
            font-size: 16px;
        } .uat-system-background .TK-Aside-Menu-Item button {
            padding: 0;
        } .uat-system-background #loginButtonLabel {
            background-color: #00326D !important;
        } .uat-system-background #SSOButtonLabel {
            background-color: #00326D !important;
        } .uat-system-background #headertitle {
            background-color: #00326D !important;
            padding-top: 3px;
            margin-top: 8px;
            height: 25px !important;
        } .uat-system-background #appMenuButton i {
            background-color: #00326D !important;
            padding: 3px;
        } .TK-Aside-Menu-Button:hover label, button label {
        cursor: pointer;
        padding-right:0;
    } .k-dialog-content {
        /*allow line break in diaog*/
        white-space: pre-wrap;
    } .split {
        height: 100%;
        width: 50%;
        position: fixed;
        z-index: 1;
        top: 0;
        overflow-x: hidden;
        padding-top: 20px;
    }
/*small screen Portrait*/
@media (max-width: 479px) and (min-height: 480px) {
    .split {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        overflow-x: hidden;
        padding-top: 20px;
    }

    .leftlogo {
        display: none;
    }

    .logintext {
        display: none;
    }

}
/*small screen lanscape*/
@media (max-height: 479px) and (min-width: 480px) {
    .split {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        overflow-x: hidden;
        padding-top: 20px;
    }

    .leftlogo {
        display: none;
    }

    .logintext {
        display: none;
    }

    .login-box {
        clear: both;
        min-width: 60%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px;
        position: relative;
        display: block;
        font-family: FiraSansRegular, system-ui, -apple-system, sans-serif !important;
        font-feature-settings: "liga", "kern";
        font-size: 13px !important;
    }

    .loginlogo img {
        width: 50%;
        display: block;
        margin: auto;
    }
}
/* Control the left side */
.left {
        left: 0;
        background-color: white;
    }
/* Control the right side */
.right {
        right: 0;
        background-color: #00326D;
    } .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
/* Style the image inside the centered container, if needed */
.centered img {
            width: 100%;
            /*border-radius: 50%;*/
        } .hr-text {
        line-height: 1em;
        position: relative;
        outline: 0;
        border: 0;
        color: black;
        text-align: center;
        height: 1.5em;
        opacity: .5;
    } .hr-text:before {
            content: '';
            background: linear-gradient(to right, transparent, #818078, transparent);
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            height: 1px;
        } .hr-text:after {
            content: attr(data-content);
            position: relative;
            display: inline-block;
            color: black;
            padding: 0 .5em;
            line-height: 1.5em;
            color: #818078;
            background-color: #fcfcfa;
        }
/*normal screen*/
@media (min-width: 480px) and (min-height: 480px) {

    .leftlogo {
        position: absolute;
        left: 3%;
        top: 3%;
        background-color: white;
        width: 40%
    }

    .login-box {
        clear: both;
        min-width: 275px;
        max-width: 325px;
        margin-left: auto;
        margin-right: auto;
/*        margin-top: 70px;*/
/*        padding-left: 25px;
        padding-right: 25px;*/
        padding-bottom: 5px;
        display: block;
        font-family: FiraSansRegular, system-ui, -apple-system, sans-serif !important;
        font-feature-settings: "liga", "kern";
        font-size: 13px !important;
    }

    .loginlogo img {
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        height: 200px !important;
        display: block;
        align-content: center;
    }
} #maincontent {
    opacity: 0;
}

.loginmodebtn {
    border: none;
    background-color: inherit;
    /*padding: 14px 5px;*/
    margin-left: auto;
    margin-right: auto;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    color: dimgrey;
    right: 0px;
    position: absolute;
} 
  
  #mainBody {
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    min-height: 95%;
    max-height: 95%;
    padding: 5px;
    min-width: 100px;
} 
  
  .login-box .form-group{
    padding-right: 0;
}



  /**********************************************************All Kendo Custom Style goes below this line**************************************************************/
.editor-text,
.editor-thickness,
.editor-number,
.editor-datetime,
.editor-date
{
    display: initial !important;
    border: 0px !important;
}

/* Show entire page busy indicators in the middle of the scrollable screen regardless of where we are in the scroll */
/*.k-loading-color*/
.k-loading-mask,
.k-loading-image {
    height: 100vh;
    position: fixed;
}
.page-layout>.k-loading-mask>.k-i-loading::after, .k-loading-image::after {
    background-image: url(/content/images/cropped-Eyelit-Technologies-Blue-Favicon-32x32.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 90%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    width: 1em;
    height: 1em;
    animation: k-loading-animation reverse 1s linear infinite;
}

.page-layout>.k-loading-mask>.k-i-loading::before,.k-loading-image::before {
    margin-top: -0.625em;
    margin-left: -0.625em;
    width: 1.25em;
    height: 1.25em;
    animation: k-loading-animation reverse 0.7s linear infinite;
}

/* Stop grid headers from jumping when filled with buttons */
.k-grid-toolbar {
    min-height: 58.9844px !important;
}

.k-grid.scheduler-toolbar {
    border: none !important;
    background-color: unset;
}

.k-grid.scheduler-toolbar .k-grid-toolbar {
    min-height: unset !important;
}

.k-toolbar > * {
    display: inline-block !important;
}

.k-loading-color {
    background-color: #f3f4f5 !important;
}

.k-input.k-input-solid.editor-translations-databound {
    border-bottom-color: rgba(30, 250, 30, 0.40);
    border-left-color: rgba(30, 250, 30, 0.40);
    border-right-color: rgba(30, 250, 30, 0.40);
    border-top-color: rgba(30, 250, 30, 0.40);
}

.k-input.k-input-solid.editor-translations-unbound {
    border-bottom-color: rgba(250, 30, 30, 0.40);
    border-left-color: rgba(250, 30, 30, 0.40);
    border-right-color: rgba(250, 30, 30, 0.40);
    border-top-color: rgba(250, 30, 30, 0.40);
}

.k-chart {
    background-color: #F5F5F5 !important;
}

.k-mask {
    background-color: #FCFCFC;
    opacity: 0.8;
}
/*
.k-selector {
    background-color: red !important;
}
*/
/* These styling rules allow fixed column grids to use a flexible height */
.k-grid-content-locked {
    height: unset !important;
}
.k-grid-content-locked > .k-grid-table {
    height: calc(100% - 15.4px) !important;
}

/* For popups, we hope to never need to scroll on them and therefor do not need to apply the above logic */
.k-window .k-loading-mask,
.k-window .k-loading-image,
.k-window .k-loading-color {
    height: 100%;
}


label.m-label {
    white-space: pre-wrap;
    line-height: initial;
}


td > .k-checkbox-label {
    align-content: center !important;
    flex: 1;
}



.k-pivot-filter-window {
    min-width: 30vw;
    min-height: 85vh;
    border: none;
}

    .k-pivot-filter-window .k-treeview {
        max-height: 80vh;
        height: 75vh;
    }

    .k-pivot-filter-window > .k-edit-form-container {
        border: none !important;
    }

        .k-pivot-filter-window > .k-edit-form-container > .k-edit-buttons {
            border: none;
            padding: 15px;
            margin: 0px;
        }

        .k-pivot-filter-window > .k-edit-form-container > .k-treeview:focus {
            outline: none;
        }



/*.k-textbox,
.k-input.k-textbox,
.k-textarea {
    display: initial;

}*/

.k-autocomplete:disabled, .k-combobox:disabled .k-dropdown-wrap:disabled, .k-datepicker:disabled .k-picker-wrap:disabled,
.k-timepicker:disabled .k-picker-wrap:disabled, .k-datetimepicker:disabled .k-picker-wrap:disabled, .k-dateinput:disabled .k-dateinput-wrap:disabled, .k-textbox:disabled, .k-input.k-textbox:disabled, .k-textarea:disabled, .k-multiselect-wrap:disabled, .k-autocomplete-wrap:disabled,
.k-numerictextbox:disabled .k-numeric-wrap:disabled, k-picker-wrap k-state-disabled, k-input:disabled {
    background-color: rgb(248, 248, 248) !important;
}

span.k-datepicker > span.k-state-disabled > input {
    background-color: rgb(248, 248, 248) !important;
}


/*input {
    background-image: none !important;
}*/

span.k-select {
    right: 0px;
    position: absolute;
    height: 100%;
}

.k-edit-form-container {
    width: 100% !important;
    min-width: 100% !important;
}

div.subpage > div.page-layout {
    background-color: transparent !important;
    padding: 0px !important;
    margin: 0px !important;
}



.k-i-metadataicon {
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m200.875,397.94299l16.875,0l0,-121.88599l-16.875,0c-9.32001,0 -16.875,-7.55499 -16.875,-16.875l0,-40.30701c0,-9.32001 7.55499,-16.875 16.875,-16.875l94.5,0c9.32001,0 16.875,7.55499 16.875,16.875l0,179.06799l16.875,0c9.32001,0 16.875,7.55499 16.875,16.875l0,40.30701c0,9.32001 -7.55499,16.875 -16.875,16.875l-128.25,0c-9.32001,0 -16.875,-7.55499 -16.875,-16.875l0,-40.30701c0,-9.32001 7.55499,-16.875 16.875,-16.875zm64.125,-357.94299c-33.552,0 -60.75,27.1983 -60.75,60.75s27.198,60.75 60.75,60.75s60.75,-27.198 60.75,-60.75s-27.19901,-60.75 -60.75,-60.75z" fill="currentColor"/></g></svg>');
}

.k-i-designericon {
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"><g><path fill="currentColor" d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"/></g></svg>');
}

.k-i-helpicon {
    font-size: large;
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1088 1256v240q0 16-12 28t-28 12h-240q-16 0-28-12t-12-28v-240q0-16 12-28t28-12h240q16 0 28 12t12 28zm316-600q0 54-15.5 101t-35 76.5-55 59.5-57.5 43.5-61 35.5q-41 23-68.5 65t-27.5 67q0 17-12 32.5t-28 15.5h-240q-15 0-25.5-18.5t-10.5-37.5v-45q0-83 65-156.5t143-108.5q59-27 84-56t25-76q0-42-46.5-74t-107.5-32q-65 0-108 29-35 25-107 115-13 16-31 16-12 0-25-8l-164-125q-13-10-15.5-25t5.5-28q160-266 464-266 80 0 161 31t146 83 106 127.5 41 158.5z"/></svg>');
}



.k-multiselect-wrap .k-button {
    padding-right: 16px;
}

/* This fixes an issue where */
.k-scheduler-content .k-button {
    min-height: 20px !important;
    z-index: +2;
}

    .k-scheduler-content .k-button span {
        margin-top: 0;
    }

.subpage .k-content {
    background-color: transparent;
}

.k-textbox {
    font-size: inherit;
}

.k-animation-container .k-context-menu {
    /*border: 1px solid red !important;*/
}

.k-invalid {
    background-color: #fedddf !important;
}

.dropdown-validation-error {
    background: #fedddf !important;
}


/* input control formatting */
.k-button:not(.k-spinner-increase):not(.k-spinner-decrease):not(.k-icon-button) {
    /*margin-top: -5px;*/
    min-height: calc(1.42857em + (10px * 2) + (1px * 2)) !important;
}

.k-toolbar-tool {
    /*margin-top: -5px;*/
    min-height: calc(1.42857em + (10px * 2) + (1px * 2)) !important;
}

.k-chip{
    /*margin-top: -5px;*/
    min-height: calc(1.42857em + (10px * 2) + (1px * 2)) !important;
}

.k-numerictextbox {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}

.k-dropdownlist {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}

.form-group .k-autocomplete {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}

.k-dropdown {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}

.k-textbox {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}

/*.k-input {
    min-height: calc(1.42857em + (11px * 2) + (1px * 2)) !important;
}*/
.k-input:not(.editor-translations) {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
} 

.k-datetimepicker {
    min-height: calc(1.42857em + (9px * 2) + (1px * 2)) !important;
}
/*.k-datetimepicker .k-input {
        height: calc(1.42857em + (12px * 2) + (1px * 2)) !important;
    }*/
/* designer input control formatting */
.prop-input-container .k-textbox {
    min-height: 30px !important;
}
/*.k-list {
    height: calc(1.42857em + (12px * 2) + (1px * 2)) !important;
}*/
.k-list .k-item {
    font-size: 12px;
} 
/*.loginlogocontainer {
    width: 100%;
    background-color: red;
    align-content: center;
}*/ 
.k-notification {
    padding: 0px !important;
    display: block;
}

.k-overlayM {
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000001;
}

.k-overlayGrid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999000000;
    background-color: #000000;
    opacity: 0.2;
}

/*set tinymce editor on top*/
.tox.tox-tinymce-aux {
    z-index: 11000;
}

.k-rounded-md {
    border-radius: 3px !important;
}

.k-input,
.k-picker {
    border-radius: 3px !important;
}

.k-input-md .k-input-values,
.k-picker-md .k-input-values {
    border-radius: 3px !important;
}

.k-textbox.k-input.k-input-solid {
    border-radius: 3px !important;
}

.k-multiselect.k-input
.k-input-values
.k-chip-list.k-chip-list-md
.k-chip.k-chip-md {
    border-radius: 3px !important;
}

.k-window-content,
.k-prompt-container {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.k-window {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.k-window .k-window-titlebar {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.k-tooltip {
    background-color: #00326D !important;
}

.k-scheduler {
    font-size: 12px !important;
}

.k-chart, .k-sparkline, .k-stockchart {
    font-size: 12px !important;
}

.k-button-group > button {
    border-radius: 0px !important;
}

.k-button-group > .k-group-start {
    border-radius: 3px 0px 0px 3px !important;
}

.k-button-group > .k-group-end {
    border-radius: 0px 3px 3px 0px !important;
}

.k-force-hidden {
    display: none !important;
}

#powerBIReport iframe {
    border-style: solid !important;
    border-width: thin !important;
    border-color: lightgray !important;
    border-radius: 5px !important;
}


.pdf-page-canvas {
    display: block;
    margin: 5px auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.pdf-viewer-container {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    overflow: auto;
}
.hideTranslationSearch{
    display: none !important;
}