@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;
}

.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: FiraSansSemiBold;
    font-feature-settings: "liga", "kern";
    font-size: 38px !important;
    font-weight: 600 !important;
    width: 100% !important;
    box-sizing: border-box;
    color: rgb(69, 69, 69);
    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: #4d4f52;
    display: block;
    font-feature-settings: "liga", "kern";
    font-size: 14px;
    font-weight: bold;
    font-family: FiraSansSemiBold;
    text-align: center;
}


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

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

.k-grid {
    /*border: none !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-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-multiselect-wrap .k-button {
    padding-right: 16px;
}

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

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

@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;
}


#loginContainer h1 {
    /*color: #fff !important;*/
}

#loginContainer h3 {
    /*color: #fff !important;*/
}

.login-box {
    clear: both;
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    position: relative;
    display: block;
    /*border-radius: 4px;*/
    border: 1px #ddd solid;
    background-color: #ffffff;
    /*border-top: solid 5px #62486f;*/
    /*background-color: #4b5962;*/
    /*background-color: #ffffff;*/
    /*background-color: #f3f4f5;*/
    font-family: FiraSansRegular, system-ui, -apple-system, sans-serif !important;
    font-feature-settings: "liga", "kern";
    font-size: 13px !important;
}

.login-body {
    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;
    position: relative;
    display: block;
}

.errortext {
    color: #f3464c !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;
}



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


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;
}

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

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


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

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

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

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

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

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

.k-datetimepicker {
    min-height: calc(1.42857em + (12px * 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;
}
/*background-color: #1984c8;*/
/*background-color: rgb(0, 124, 192);
    background-image: linear-gradient(rgba(0, 79, 192, 0), rgba(0, 79, 192, 0.2));*/
/*header {
    position: fixed;
    width: 100%;

    background-color: #007cc0;
    height: 40px;
    top: 0px;
    vertical-align: middle !important;
    z-index: 1020;
}*/
.applogo {
    margin-top: 5px;
    width: 170px;
    cursor: pointer;
    float: left;
    margin-left: 0px;
}

.loginlogo img {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 300px;
}



#pagetitlearea {
    /*width: 500px;*/
    /*margin-left: 25px;*/
    /*
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: 45px;
    padding-top: 13px;
    padding-bottom: 5px;*/
    /*padding-left: 10px;*/
}

#headertitle {
    font-family: FiraSansRegular;
    font-size: 1.0em;
    color: #ffffff;
    font-weight: bold;
    float: left !important;
    height: 40px !important;
    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;
    /*border-bottom-color: #dcdee1;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
    z-index: 1041;
    /*background-color: #f3f3f3;*/
    color: #ffffff;
    height: 38px;
    left: 0px;
    background-color: #5b457e;
}



#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: #ffffff;
    /*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;
    }
/***********************************
    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;
    }

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

    .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;
}


.k-notification {
    padding: 0px !important;
}

.heatmap-container {
    border: solid 1px lightgrey;
}

.test-system-background {
    background: repeating-linear-gradient(45deg, #5b457e, #5b457e 5px, #f3f3f3 5px, #f3f3f3 10px) !important
}

    .test-system-background .TK-Aside-Menu-Label {
        background-color: #5b457e !important;
    }

    .test-system-background i {
        font-size: 16px;
    }

    .test-system-background .TK-Aside-Menu-Item button {
        padding: 0;
    }

    .test-system-background #loginButtonLabel {
        background-color: #5b457e !important;
    }

.uat-system-background {
    background: repeating-linear-gradient(90deg, #5b457e, #5b457e 5px, #f3f3f3 5px, #f3f3f3 10px) !important
}

    .uat-system-background .TK-Aside-Menu-Label {
        background-color: #5b457e !important;
    }

    .uat-system-background i {
        font-size: 16px;
    }

    .uat-system-background .TK-Aside-Menu-Item button {
        padding: 0;
    }

    .uat-system-background #loginButtonLabel {
        background-color: #5b457e !important;
    }

.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;
}