/* Minification failed. Returning unminified contents.
(3024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3049,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-default'
(3051,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(3057,39): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-disabled'
(3074,36): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-disabled'
(3076,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(3110,39): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(3127,32): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(3133,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(3134,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(3138,40): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(3142,32): run-time error CSS1039: Token not allowed after unary operator: '-color-late'
(3147,28): run-time error CSS1039: Token not allowed after unary operator: '-color-late'
(3152,21): run-time error CSS1039: Token not allowed after unary operator: '-color-late'
(3158,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(3159,32): run-time error CSS1039: Token not allowed after unary operator: '-color-late'
(3163,32): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(3168,28): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(3173,21): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(3179,36): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(3180,32): run-time error CSS1039: Token not allowed after unary operator: '-color-alert'
(3408,5): run-time error CSS1060: Expected closing curly-brace, found '0'
(3420,1): run-time error CSS1019: Unexpected token, found '}'
(3421,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(3731,44): run-time error CSS1036: Expected expression, found ','
 */
/*!
 * Softplus  General Layout Theme
 *
 * Edit 1.12.2015
 */
html, body {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    -webkit-overflow-scrolling: touch;
}

body {
    height: calc(100% - 53px);
    font-family: "OpenSansRegular",Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding-top: 0px;
    /*clone: false;*/
    text-shadow: none !important;
}

a:focus {
    outline: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "OpenSansLight",Arial,sans-serif;
    font-weight: 300;
    line-height: 1.1;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small {
        font-weight: normal;
        line-height: 1;
    }

h1,
h2,
h3 {
    margin-top: 17px;
    margin-bottom: 8.5px;
}

h4,
h5,
h6 {
    margin-top: 8.5px;
    margin-bottom: 8.5px;
}

h1,
.h1 {
    font-size: 31px;
}

h2,
.h2 {
    font-size: 25px;
}

h3,
.h3 {
    font-size: 21px;
}

h4,
.h4 {
    font-size: 15px;
}

h5,
.h5 {
    font-size: 12px;
}

h6,
.h6 {
    font-size: 11px;
}

h1 small,
.h1 small {
    font-size: 21px;
}

h2 small,
.h2 small {
    font-size: 15px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
    font-size: 12px;
}

/*Links*/
a {
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

/*Viewport IE Fix*/
@-ms-viewport {
    width: auto !important;
}

/*-------------Modal--------------*/

.modal-body .panel {
    padding-top: 20px;
    margin-bottom: 20px;
    box-shadow: none;
    border: none;
}

.modal-body {
    padding: 0px;
}

.sp-modal-inner {
    margin-top: 0px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.sp-modal-inner-small {
    margin-top: 0px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.sp-module-editor-lg .sp-modal-inner, .sp-module-editor-lg .sp-modal-inner-small {
    margin-top: 50px;
    width: 100%;
}

.modal {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1200 !important;
}

.modal-dialog {
    width: 100%;
    height: 100%;
    overflow: auto;
}

@media (max-width: 1024px) {

    .modal .btn {
        width: 100%;
        margin-bottom: 3px;
        border-radius: 0 !important;
    }

    .btn-group {
        float: none !important;
    }

    .modal-body {
        position: relative;
        margin-top: -10px;
        padding: 0px;
        border: none;
        overflow: auto;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: block;
    vertical-align: middle;
}

.modal .carousel-inner > .item, #Popup_General_Sub_Content > .item {
    margin-top: 20px;
}

.modal .carousel-inner > .active, #Popup_General_Sub_Content > .active {
    margin-top: 20px;
}

.modal-header > .close {
    float: none;
    position: absolute;
    top: -6px;
    right: -10px;
    width: 38px;
    height: 38px;
    border-radius: 20px;
    font-size: 32px;
    margin-top: -10px;
    font-weight: bold;
    line-height: 38px;
    opacity: 1 !important;
    filter: 1 !important;
    z-index: 2100;
    outline: none;
}
/*-------------Modal End--------------*/


/*------------Dashboard Elements--------------*/

.weather-icon, .weather-info {
    width: 50%;
    position: relative;
    float: left;
    display: block;
    text-align: center;
    vertical-align: middle;
}

.forecast {
    width: 100%;
    float: left;
    text-align: center;
    display: block;
}

.error-title {
    margin-top: 80px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .error-title h1 {
        font-size: 120px;
        margin: 0px;
        padding: 0px;
    }

    .error-title h2 {
        margin: 30px 0;
    }

/*-------------Table--------------*/
.table {
    margin-bottom: 0px;
}

.table-bordered {
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 8px 15px;
    line-height: 1.428571429;
    vertical-align: top;
}

/*-------------Table End--------------*/

/*-------------Bootstrap table column extensions--------------*/
.col-xs-5ths,
.col-sm-5ths,
.col-sm-7ths,
.col-sm-8ths,
.col-sm-9ths,
.col-sm-10ths,
.col-sm-11ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 900px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

    .col-sm-7ths {
        width: 14.28%;
        float: left;
    }

    .col-sm-8ths {
        width: 12.5%;
        float: left;
    }

    .col-sm-9ths {
        width: 11.11%;
        float: left;
    }

    .col-sm-10ths {
        width: 10%;
        float: left;
    }

    .col-sm-11ths {
        width: 9.09%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*-------------Bootstrap table column extensions end--------------*/

/*-------------Login--------------*/
#loginLogo {
    margin-bottom: 80px;
}

    #loginLogo img {
        height: 40px;
    }

.login-screen h3 {
    font-family: "OpenSansLight", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
}

.login-screen h1 {
    font-family: "OpenSansLight", Arial, sans-serif;
    font-size: 48px;
    font-weight: 300;
}

.login-screen .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.form-signin {
    max-width: 340px;
    opacity: 1;
    margin: 0 auto 20px;
}

    .form-signin .form-control {
        margin-bottom: 10px;
    }

/*-------------Login End--------------*/


/*-------------Main Buttons-----------*/

.dropdown-menu > li > a {
    display: block;
    padding: 8px 15px;
    clear: both;
    font-weight: normal;
    line-height: 17px;
    white-space: nowrap;
    position: relative;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        text-decoration: none;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    text-decoration: none;
    outline: 0;
}




.dropdown-menu > li > a > .badge {
    position: absolute;
    right: 0;
    margin-right: 15px;
}

.badge {
    display: inline-block;
    margin-left: 5px;
    min-width: 10px;
    padding: 0px 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: transparent;
    border-radius: 0px;
}


.checkbox {
    line-height: 21px;
}

.btn {
    border-radius: 2px;
    padding: 6px 12px;
    outline-color: transparent;
    line-height: 17px;
    font-weight: 300;
    font-size: 11px;
    text-transform: uppercase;
}


.navbar .btn {
    margin-left: 10px;
}


.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}



.lineicon {
    font-size: 14px;
}

/*-------------Navigation Top-----------*/

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle {
    outline: none;
}

.top-search {
    margin-left: 30px;
}

.navbar-right {
    float: right;
}

@media (max-width:899px) {
    .navbar .btn {
        width: 100%;
    }

    .navbar-nav > li > a > .caret {
        float: right;
        margin: 6px 15px;
    }

    .navbar-right {
        float: none;
    }
}

.navbar-collapse {
    max-height: 100%;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
}

.navbar-brand-inverse {
    float: left;
    padding: 5px 15px;
    font-size: 15px;
    line-height: 17px;
    width: 239px;
}

.navbar-brand {
    float: left;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 17px;
}

@media (min-width: 1024px) {
    .navbar-brand {
        width: 240px;
    }
}

.navbar-brand img {
    height: 40px;
}



.navbar {
    border-radius: 0px;
    border: none;
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 0px;
}

.navbar-nav > li > a {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "OpenSansSemiBold", Arial, sans-serif;
}

    .navbar-nav > li > a > .caret {
        margin-left: 5px;
    }

.navbar-inverse .dropdown-menu {
    font-size: 12px;
}




.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 240px;
    padding: 0px 0;
    margin: 0px 0 0;
    list-style: none;
    font-size: 12px;
    border-radius: 0px;
    background-clip: padding-box;
    opacity: 0.95;
    -webkit-transition: height 0.4s ease;
    transition: height 0.4s ease;
}

.typeahead {
    width: 100%;
    position: relative;
    top: -1px !important;
    left: 0 !important;
}

.tp {
    float: left !important;
    display: block !important;
}

/*-------------View Menu--------------*/
.page-title, .main-page-title {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    padding: 5px 0px;
}

    .page-title h1 {
        margin: 0px;
    }

    .main-page-title h1 {
        margin: 0px 15px;
    }

@media (max-width:1024px) {

    .modal-dialog .page-title h1 {
        margin-bottom: 20px;
        font-size: 24px;
    }

    .page-title h1 {
        margin-bottom: 20px;
    }
}



.view-menu {
    line-height: 40px;
    display: block;
    position: relative;
    list-style: none;
    vertical-align: middle;
    padding: 0px 15px;
    float: right;
    margin: auto !important;
}

@media (max-width:900px) {
    .view-menu {
        float: left;
    }
}

.view {
    position: relative;
    float: left;
    list-style: none;
    text-align: center;
    margin: 0px 15px;
    vertical-align: middle;
}

    .view .lineicon {
        font-size: 16px;
    }

        .view .lineicon:hover, .view .lineicon:focus {
            font-size: 16px;
        }


    .view a {
        display: block;
        vertical-align: middle;
    }
/*-------------Main Layout--------------*/

.dash-board {
    width: 100%;
    display: block;
}

.table thead > tr > th {
    vertical-align: bottom;
    text-transform: uppercase;
}

.progress, .progress-bar {
    box-shadow: none;
    border-radius: 0px;
    height: 18px;
}


.dash-board .panel {
    border-radius: 0px;
    box-shadow: none;
}

.dash-board .panel-heading {
    height: 35px;
    padding: 0px 15px;
    border-radius: 0px;
}

    .dash-board .panel-heading h4 {
        font-size: 16px;
        line-height: 34px;
        margin: 0px;
        padding: 0px;
        display: block;
        float: left;
    }

    .dash-board .panel-heading .btn-group {
        margin-right: -15px;
    }

    .dash-board .panel-heading .btn {
        border-radius: 0px;
        border: none;
        padding: 8px 13px;
        line-height: 17px;
        box-shadow: none;
    }



.state-box {
    width: 100%;
    display: block;
    float: left;
    height: 82px;
    text-align: center;
}



    .state-box a h1 {
        padding: 0px;
        margin-top: 8px;
    }

.state-overview .symbol {
    position: relative;
    display: inline-block;
    width: 40%;
    font-size: 36px;
    height: 80px;
    padding: 20px 15px;
    float: left;
}

.state-overview .value {
    position: relative;
    height: 80px;
    display: inline-block;
    width: 100%;
    float: right;
}

.hide-left {
    background: url(../img/button-previous.png);
    background-size: 20px 24px;
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
    opacity: 1.0;
    position: absolute;
    top: calc(50% - 24px);
}

.hide-right {
    background-image: url(../img/button-next.png);
    background-size: 20px 24px;
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
    opacity: 1.0;
    position: absolute;
    top: calc(50% - 24px);
}

.container-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

    .container-full .row {
        clear: both;
    }

.columns {
    height: 100%;
}

.content-area, .filters-area, .actions-area {
    overflow: auto;
    display: block;
    height: 100%;
}

.content-area {
    min-width: 240px;
    max-width: 100%;
}

.content-area-padding {
    overflow-y: auto;
    padding: 20px;
    display: block;
    height: 100%;
}

.row-full {
    width: 100%;
    clear: both;
    display: inline-block;
}

.filters-area {
    width: 240px;
    float: left;
}

.actions-area {
    width: 240px;
    float: right;
}

.sidebar .row {
    margin: 0px;
    padding: 0px;
}

.sidehideL {
    float: left;
    position: relative;
    height: 100%;
    width: 20px;
    overflow: auto;
}

.sidehideR {
    float: right;
    position: relative;
    height: 100%;
    width: 20px;
    overflow: auto;
}

.footer {
    position: inherit;
    float: left;
    width: 100%;
    text-align: center;
    bottom: 0;
    height: 40px;
    margin-top: 80px;
    padding: 0px 0px;
}

    .footer p {
        font-size: 11px;
        padding: 10px 0px 0px 20px;
    }


/*-------------Sidebar--------------*/

.panel {
    margin-bottom: 20px;
    border-radius: 0px;
}

.sidebar .nav-tabs > li {
    float: left;
    margin-bottom: 0px;
}

.sidebar .panel {
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    margin-top: -1px;
}

.sidebar .panel-heading {
    padding: 0;
    border-radius: 0px;
    border: none;
}

.sidebar .panel-body {
    border-bottom: 0px !important;
}

.sidebar .panel-heading a {
    font-size: 12px;
}

.sidebar .panel-heading > a:hover, .sidebar .panel-heading > a:focus, .sidebar .panel-heading > a:active {
    text-decoration: none;
}

.panel-group-toggle {
    display: block;
    border-radius: 0px;
    padding: 8px 15px;
    outline: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 0px;
}

    .panel-group .panel + .panel {
        margin-top: 0px;
        box-shadow: none;
    }

.sidebar h4 {
    margin: 0 0px;
    padding: 10px 20px;
    font-size: 16px;
}

.panel-group-toggle b {
    float: right;
    display: block;
    line-height: 28px;
    margin: 7px 0;
    vertical-align: middle;
}

.side-search {
    margin-top: 20px;
    padding: 0 20px;
}

.add-panel {
    padding: 0px;
    margin: 0px;
    border: none;
    display: block;
}

    .add-panel a {
        text-decoration: none;
        font-size: 16px;
    }

    .add-panel .lineicon {
        float: right;
        text-transform: none;
        font-size: 16px;
    }

#optionsCR li a, #options li a {
    padding: 5px 10px;
    margin: 5px -15px;
}

    #optionsCR li a:hover, #options li a:hover {
        text-decoration: none;
    }

    #optionsCR li a.selected, #options li a.selected {
        text-decoration: none;
    }

.category-header {
    font-weight: bold;
    padding: 10px 0;
}
/*-------------Isotope--------------*/
.media, .media .media {
    margin-top: 0px;
}

.isotope-item h2 {
    font-weight: bold;
    line-height: 20px;
}
/*-------------Form--------------*/
label {
    display: inline-block;
    margin-top: 5px;
    font-weight: bold;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: inherit;
    border: 0;
}

.columns .form-control {
    margin-bottom: 10px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-clip: padding-box;
    border-radius: 0px;
    white-space: normal;
    opacity: 0.95;
}

.form-control {
    display: block;
    width: 100%;
    height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.428571429;
    vertical-align: middle;
    background-image: none;
    border-radius: 0px;
    box-shadow: none;
}

    .form-control:focus {
        box-shadow: none;
        outline: 0;
        background-color: rgb(232, 240, 254);
    }

.twitter-typeahead {
    width: 100%;
}

    .twitter-typeahead .tt-query,
    .twitter-typeahead .tt-hint {
        margin-bottom: 0;
    }

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

    .tt-suggestion p {
        margin: 0;
    }
/*-------------Spin--------------*/
/*
.spincenter {
    position: relative;
    width: 60px;
    margin: 400px auto;
}


.spspin {
    width: 60px;
    height: 60px;
    margin: 100px auto;
    -webkit-animation: rotateplane 2.2s infinite ease-in-out;
    animation: rotateplane 2.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(240px);
    }

    25% {
        -webkit-transform: perspective(240px) rotateY(180deg);
    }

    50% {
        -webkit-transform: perspective(240px) rotateY(180deg) rotateX(180deg);
    }

    75% {
        -webkit-transform: perspective(240px) rotateX(-180deg);
    }

    100% {
        -webkit-transform: perspective(240px) rotateY(0deg) rotateX(0deg);
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(240px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(240px) rotateX(0deg) rotateY(0deg);
    }

    25% {
        transform: perspective(240px) rotateX(0deg) rotateY(180deg);
        -webkit-transform: perspective(240px) rotateX(0deg) rotateY(180deg);
    }

    50% {
        transform: perspective(240px) rotateX(180deg) rotateY(180deg);
        -webkit-transform: perspective(240px) rotateX(180deg) rotateY(180deg);
    }

    75% {
        transform: perspective(240px) rotateX(180deg) rotateY(0deg);
        -webkit-transform: perspective(240px) rotateX(180deg) rotateY(0deg);
    }

    100% {
        transform: perspective(240px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(240px) rotateX(0deg) rotateY(0deg);
    }
}
*/

@media (min-width: 900px) and (max-width: 1310px) {

    .wide {
        display: none !important;
    }
}

.dropdown-header {
    text-transform: uppercase;
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
}

.tabs-wrapper {
    margin-bottom: 20px;
}

/*----------------Nav Tabs------------------*/


.nav-tabs {
    background-color: transparent;
    margin: 0px;
}

    .nav-tabs > li > a {
        margin-right: 0px;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 1.428571429;
        /*padding: 10px 5px;*/
        border: none !important;
        margin: 0px !important;
    }


    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        cursor: default;
        text-decoration: underline;
        margin-top: -1px;
        margin-left: -1px;
    }

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
}




.tab-border {
    padding-top: 30px;
}

.nav-pills > li > a {
    border-radius: 0px;
}


.content-panel {
    border-radius: 0px;
}

    .content-panel > .panel-heading {
        padding: 0px;
        border-radius: 0px;
    }

        .content-panel > .panel-heading > a {
            font-size: 16px;
        }

.avatar {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #222;
    padding: 20px;
    border-radius: 100%;
}

    .avatar > .lineicon {
        font-weight: 100;
    }
/*------------Pace--------------*/
.pace .pace-progress {
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}



/*-------------Side Filters--------------*/

.side-filters {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .side-filters li {
        list-style: none;
        padding: 0px;
        margin: 0px -15px;
        position: relative;
    }

    .side-filters > li > a {
        list-style: none;
        display: block;
        padding: 8px 15px;
        text-decoration: none;
    }

        .side-filters > li > a:hover,
        .side-filters > li > a:focus {
            list-style: none;
            display: block;
        }

    .side-filters .lineicon {
        position: absolute;
        top: 10px;
        right: 15px;
    }

        .side-filters .lineicon:hover {
            cursor: pointer;
        }

        .side-filters .lineicon:active {
            cursor: pointer;
        }

.sp-popup-legend {
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-size: 18px;
}

.sp-fieldset-colapse-button {
    transform: scale(1.5, 1.5);
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}


.sp-display-control {
    min-height: 31px;
    height: 31px;
}

.datepicker-dropdown {
    z-index: 1100 !important;
}


textarea {
    resize: vertical; /* user can resize vertically, but width is fixed */
}

.modal-body textarea {
    min-height: 120px !important;
}

.sp-no-padding {
    padding: 0;
}

.bootstrap-timepicker-widget {
    z-index: 1200;
}

/*-------------Kendo UI--------------*/

.k-multiselect-wrap {
    line-height: 28px;
    min-height: 28px;
}

    .k-multiselect-wrap .k-input {
        background-color: rgba(0, 0, 0, 0);
        height: 28px;
        padding: 0px;
        line-height: 28px;
        margin: 0px;
    }


    .k-multiselect-wrap li {
        margin: 1px 0 1px 1px;
        padding: 3.5px 10px;
        float: left;
    }

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
    line-height: 28px;
    min-height: 28px;
}

    .k-popup .k-list .k-item:hover, .k-fieldselector .k-list .k-item:hover {
        line-height: 28px;
        min-height: 28px;
    }


.sp-color-box {
    height: 15px;
    width: 15px;
    border-radius: 2px;
}

.sp-color-notify {
    height: 31px;
    width: 10px;
    margin-right: 10px;
    float: left;
}

.validation-summary-valid {
    display: block !important;
}

.k-grid-header-wrap > table, /* header table */
.k-grid-content > table, /* data table, no virtual scrolling */
.k-virtual-scrollable-wrap > table /* data table, with virtual scrolling */ {
    min-width: 100% !important;
}

.alert {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert li {
        list-style: none;
    }

.sp-fieldset-collapse-button {
    transform: scale(1.5,1.5);
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}

/*.caret-top {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px solid #000;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 0 dotted;
    border-left: 4px solid rgba(0, 0, 0, 0);
    content: "";
}*/

.collapsed .spcaret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000 !important;
    border-right: 4px solid rgba(0, 0, 0, 0) !important;
    border-bottom: 0 dotted !important;
    border-left: 4px solid rgba(0, 0, 0, 0) !important;
    content: "";
}


.spcaret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px solid #000;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 0 dotted;
    border-left: 4px solid rgba(0, 0, 0, 0);
    content: "";
}






.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: -5px;
    margin-top: -3px;
}

.slider-handle {
    width: 15px;
    height: 15px;
    background-image: none;
}



.sp-alert-confirm-cb {
    margin-top: 0px;
    text-align: center;
}

    .sp-alert-confirm-cb > input {
        margin-left: 45% !important;
    }

.carousel-control {
    width: 10%;
}



    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        left: 0%;
        right: 0%;
        z-index: 5;
        display: inline-block;
    }


    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        position: absolute;
        top: 50%;
        right: 0%;
        left: 0%;
        z-index: 5;
        display: inline-block;
    }




.itemContent {
    width: 100%;
}


.sp-module-editor-sm {
    width: 50% !important;
    margin: 0 auto;
    min-width: 400px;
}

.sp-module-editor-lg {
    width: 80%;
    margin: 0 auto;
}


.k-gantt-tables {
    float: left;
}

#gantt .k-pager-wrap {
    border: none;
    display: block;
    height: 30px;
    width: 100%;
}

/*-------------Kendo Grid and Pagination--------------*/
.k-menu .k-item > .k-link {
    line-height: 22px;
}


.k-menu.k-header, .k-menu .k-item {
    border-color: transparent;
    border: none !important;
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item, .k-widget.k-menu {
    margin-bottom: 0px;
}

.k-grid td {
    padding: 0px 6.5px;
}

.k-current-page {
    display: none !important;
}

.k-pager-input, .k-pager-sizes {
    float: none;
}


@media (max-width: 480px) {
    .k-pager-sizes {
        display: none !important;
    }

    .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item, .k-widget.k-menu {
        width: 100%;
        margin-bottom: 2px;
    }

    .k-menu .dropdown-menu {
        width: 100%;
    }

    .k-pager-input, .k-pager-sizes {
        float: left;
    }
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 0 .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.k-button-edit-small {
    background: none;
    border: none;
    height: 20px;
    padding: 0px;
}

/*-------------Carousel Views Fade--------------*/
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

.main-view-slider,
.main-view-slider .carousel-inner,
.main-view-slider .carousel-inner .item {
    height: 100%;
    overflow: hidden;
}

#grid .k-grid-content {
    position: inherit;
    width: 100%;
    height: auto;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
}

#pivot {
    overflow: auto;
}

.sp-isotope-content {
    overflow: auto;
}

.sp-pinboard-item-order-span {
    padding-left: 5px;
    padding-top: 7px;
    float: left;
}

#pivot .grid-item {
    float: left;
    width: 90px;
    height: 90px;
    margin: 5px;
    border-radius: 5px;
    font-family: "OpenSansRegular", Arial, sans-serif;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.isoColorCode {
    display: block;
    position: absolute;
    bottom: 10%;
    margin: 0px 4px;
    width: 80px;
    height: 4px;
    border-radius: 2px;
}

.isoIcon {
    position: absolute;
    display: block;
    top: 34px;
    left: 29px;
    width: 32px;
    height: 32px;
}

.isoJobInfo {
    position: absolute;
    top: 8%;
    margin: 0px 4px;
    width: 80px;
}

@media (max-width:900px) {
    .modal-dialog {
        padding: 0px;
        border-radius: 0px;
    }

    .carousel-control.right {
        left: auto;
        right: 0px;
    }
}


.buttonsCollapseMenu .btn-group .btn + .btn {
    margin-left: 0px;
}

@media (min-width:1025px) {
    .modal-btn-hide {
        display: none;
    }

    .buttonsCollapseMenu .collapse {
        display: block;
    }

    .buttonsCollapseMenu .btn-group .btn + .btn {
        margin-left: -1px;
    }
}

/*-------------Scheduler--------------*/

.scheduler_default_event_bar {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 4px;
}

.scheduler_default_event_bar_inner {
    position: absolute;
    height: 4px;
}

/*-------------Scroll Webkit--------------*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    border-radius: 6px;
}

/*-------------Checkbox Webkit--------------*/

/*input[type="checkbox"]
{
    -webkit-appearance: none; 
    line-height: 12px;
    vertical-align: middle;
    margin-top: 0px;
    height: 15px;
    width: 15px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .15s;
    border-radius: 0px;
    outline: 0;
}

    input[type="checkbox"]:checked
    {
        padding: 5px;
    }

        input[type="checkbox"]:before, input[type="checkbox"]:checked:before
        {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            line-height: 2em;
            text-align: center;
        }

    input[type="checkbox"]:focus
    {
        outline: 0;
    }

    input[type="checkbox"]:checked:before
    {
    }



input[type=checkbox]:checked::after
{
    position: absolute;
    content: '';
    top: 3px;
    left: 3px;
    height: 7px;
    width: 7px;
}*/

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    border-radius: 4px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
}

/*---------------------Leftside Tabs Vertical----------------------*/

/*.filters-area {
    width: 320px;
    float: left;
}


.filters-area .nav-tabs
{
    float:left;
    width:80px;
    border-right:1px solid #ddd;
    height:100%;

}

    .filters-area .nav-tabs > li > a
    {
        width:79px;
        overflow:hidden;
        text-align:center;
        padding:10px 0px;
        border: none !important;
        
        
       
    }

    .filters-area .nav-tabs > li.active > a, .filters-area .nav-tabs > li.active > a:hover, .filters-area .nav-tabs > li.active > a:focus
    {

        margin:0px;

    }
   .filters-area .tab-content
        
{
float:left;
    width:237px;
}*/

/*---------------------Leftside Tabs Vertical End----------------------*/
.tab-pane > fieldset {
    padding: 0px 15px;
}


/*-----------------------------Multi Level Menu----------------------------------------*/

/* Menu styles */

.menu {
    width: 100%;
    height: 100%;
    position: relative;
}

.menu__wrap {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}

.menu__level {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu__level--current {
    visibility: visible;
}

.menu__item {
    display: block;
    width: 100%;
}

.menu__level {
    padding: 0px 15px;
}

    .menu__level .panel {
        margin: 0px -15px 15px -15px;
        border: none !important;
    }

        .menu__level .panel .panel-heading a {
            font-size: 10px;
            margin-top: -1px;
            letter-spacing: 2px;
            font-family: "OpenSansBold",Arial,sans-serif;
            text-transform: uppercase;
        }

            .menu__level .panel .panel-heading a:hover, .menu__level .panel .panel-heading a:focus {
                text-decoration: underline;
                color: #a3101f;
            }

        .menu__level .panel .panel-heading .panel-group-toggle b {
            float: right;
            display: block;
            line-height: 28px;
            margin: 7px 3px;
            vertical-align: middle;
        }


/*.caret {
  display:inline-block;
    width:7px;
    height:7px;
    line-height:7px;
    border-top:1px solid;
    border-right:1px solid;
    border-left:none;
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
}*/



.menu__link {
    position: relative;
    padding: 8px 0px;
    font-size: 14px;
    display: block;
    -webkit-transition: color 0.1s;
    transition: color 0.1s;
}

.menu__header {
    padding: 0px 5px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin: 0px -15px;
    font-size: 12px;
    color: #333;
    width: auto !important;
    background-color: #e5e5e5;
}

    .menu__header a:hover {
        color: #333;
    }


.view__option {
    color: #777;
    line-height: 17px;
    padding: 5px 0px;
    display: inline-block;
}

.menu__item > .lineicon {
    float: right !important;
    line-height: 26px;
}


.view__option:hover {
    color: rgba(232,24,45, .9);
}



.menu__link[data-submenu]::after {
    content: '\e129';
    font-family: 'feather';
    position: absolute;
    right: 0px;
}


[class^='animate-'],
[class*=' animate-'] {
    visibility: visible;
}

.animate-outToRight .menu__item {
    -webkit-animation: outToRight 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToRight 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes outToRight {
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate-outToLeft .menu__item {
    -webkit-animation: outToLeft 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: outToLeft 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes outToLeft {
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate-inFromLeft .menu__item {
    -webkit-animation: inFromLeft 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromLeft 0.4s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate-inFromRight .menu__item {
    -webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
    animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes inFromRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.menu__breadcrumbs {
    font-size: 10px;
    line-height: 1;
    position: relative;
    padding: 12px 15px 0px 15px;
}

    .menu__breadcrumbs a {
        font-family: "OpenSansBold",Arial,sans-serif;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

        .menu__breadcrumbs a:last-child {
            pointer-events: none;
        }



        .menu__breadcrumbs a:not(:last-child)::after {
            content: '-';
            font-family: 'feather';
            font-size: 9px;
            display: inline-block;
            padding: 0px 3px;
        }



/*---------------Columns Picker------------------*/

.columns-picker {
    list-style: none;
    padding: 0px;
}

.k-grid table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0;
}

.k-grid .k-detail-cell .k-grid-toolbar {
    display: none;
}



/*--------------------Value Slider-------------------------*/

.slider-horizontal .tooltip {
    display: none;
}

.vcenter {
    display: flex;
    align-items: center;
}

@media (max-width: 899px) {

    .btn {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .row.vcenter {
        display: block; /* turn off the flexible box layout */
    }
}


.sp-validationsummary li {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    border-radius: 2px;
    padding: 5px 0px 5px 0;
}

.sp-validationsummary ul {
    margin: 0;
    padding: 0;
}

.autolist {
    padding: 0px 0px;
    overflow-y: auto;
    width: 100%;
    outline: 1px solid #66afe9;
    display: inline-block;
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .autolist li {
        line-height: 24px;
        padding: 0px 15px;
    }

        .autolist li.hovered {
            line-height: 24px;
            background-color: rgba(232,24,45, .8);
            color: #fff;
        }

/*addtional css form slava stop sort out*/
.sp-grid-link {
    cursor: pointer;
}

.sp-grid-item-canceled {
    text-decoration: line-through;
}

.table-wrapper {
    position: relative;
    overflow: auto;
    height: 400px;
}

.table-wrapper-in {
    position: absolute;
    height: 400px;
    width: 100%;
}

.table-stacked, .table-wide {
    width: 100% !important;
}

    .table-wide td {
        border: none !important;
    }

    .table-stacked td {
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        padding: 5px 20px;
        text-align: left;
    }

    .table-stacked th {
        border-bottom: 1px solid #2d2d2d;
        padding: 5px 20px;
    }

.btn-sm, .btn-xs {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
    text-transform: initial;
}

/* Force table to not be like tables anymore */
.table-stacked,
.table-stacked thead,
.table-stacked tbody,
.table-stacked th,
.table-stacked td,
.table-stacked tr {
    display: block;
}

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-stacked thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-stacked tr {
        border: 1px solid #ccc;
        margin-bottom: -1px;
    }

    .table-stacked td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        height: 30px;
    }

        .table-stacked td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
Label the data
*/
        .table-stacked td:before {
            content: attr(data-title);
        }

.btn-sm, .btn-xs {
    width: auto;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
    text-transform: initial;
}

/*--------------------IE and Edge -------------------------*/


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    .sp-upload-field {
        padding: 0px;
        line-height: 30px;
    }
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .sp-upload-field {
        padding: 0px;
        line-height: 30px;
    }
}

/*other developers css to be revised*/

.sp-kpi-notify {
    height: 30px;
    border-radius: 2px;
    opacity: 0.85;
    display: block;
    cursor: pointer;
    text-align: center;
    padding-top: 6px;
}

/*---------------App Choose------------------*/

.app-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.app-well a {
    display: block;
    height: 60px;
    padding: 0px !important;
    margin-bottom: 20px;
    color: #2d2d2d;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
    box-shadow: 0 2px 3px 0 rgba(60, 60, 61, 0.1);
}

    .app-well a:hover, .app-well a:focus {
        background-color: #f8f8f8 !important;
        box-shadow: none;
        color: #2d2d2d;
    }

.app-icon {
    width: 58px;
    height: 58px;
    background-color: #f8f8f8;
    display: block;
    float: left;
    border-right: 1px solid #ccc;
}

.app-name {
    width: auto;
    float: left;
    padding: 0px 20px;
    line-height: 60px;
}

/*---------------Second Level------------------*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 5px 5px 0px;
        border-right-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

/*---------------Signature POD------------------*/
.sp-signature-pad {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.sp-signature-pad-body {
    background-color: #fff;
    overflow: auto;
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    justify-content: flex-start;
}

.svg-container {
    transform: scale(0.5);
    position: relative;
    display: block;
    width: auto;
    height: 100%;
    margin-top: 100px;
}

.sp-signature-pad-body svg {
    margin: 0px auto;
    width: auto !important;
    height: auto !important;
    top: 0px;
    display: block;
    float: left;
    position: relative;
}

.sp-signature-pad-header {
    text-transform: uppercase;
    height: auto;
    line-height: 30px;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}

.sp-signature-pad-footer {
    text-transform: uppercase;
    line-height: 30px;
    height: auto;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}

@media (min-width: 1200px) {
    .text-right-lg {
        text-align: right;
    }
}

/*-------------------MVC-based grids that look a little bit like kendo grids -----------------------*/

.mvcGridPageNumbers {
    line-height: 32px;
}

.table tbody > tr > td.mvcGridRow {
    line-height: 1.6em;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

.table tbody > tr > td.mvcGridRowEmpty {
    line-height: 1.9em;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

.mvcGridRow input {
    display: none;
}

.mvcGridRow label {
    width: 12px;
    height: 12px;
    border-radius: 1px;
    display: block;
    text-align: center;
    font-size: 40pt;
    cursor: pointer;
    position: relative;
    margin-left: 45%;
    margin-right: 45%;
    border: 1px solid;
}

.mvcGridRow input:checked + label:before {
    opacity: 1;
}

.mvcGridRow label:before {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    width: 10px;
    content: '';
    opacity: 0;
}

/*-------------------ResourceLocationMap-----------------------*/
.rlmap-details-table {
    padding: 0px 15px;
    margin-bottom: 20px;
}

/*-------------------Track and Trace-----------------------*/
.trackingWindow {
    padding: 40px 40px;
}

    .trackingWindow h3 {
        font-family: "OpenSansRegular", Arial, sans-serif;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 10px;
    }

.companyBranding {
    text-align: center;
    margin-bottom: 80px;
}

    .companyBranding img {
        width: 100%;
        max-width: 185px;
        padding-bottom: 80px;
    }

.trackingWindow {
    margin-bottom: 40px;
}

.companyBranding h3 {
    font-family: "OpenSansLight", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
}

.companyBranding h1 {
    font-family: "OpenSansLight", Arial, sans-serif;
    font-size: 48px;
    font-weight: 300;
}

.status-details-wrap {
}

.dotted-steps {
    margin-top: 80px;
}

.dotted-steps-icon {
    margin-top: -60px;
}

    .dotted-steps-icon img {
        float: inherit;
        width: 60px;
    }

.dotted-steps {
    padding: 0 0 10px 0;
}

    .dotted-steps > .dotted-steps-step {
        padding: 0;
        position: relative;
    }

        .dotted-steps > .dotted-steps-step + .dotted-steps-step {
        }

        .dotted-steps > .dotted-steps-step .dotted-steps-stepnum {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .dotted-steps > .dotted-steps-step .dotted-steps-info {
            font-size: 14px;
        }

        .dotted-steps > .dotted-steps-step > .dotted-steps-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            top: 42px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

        /* override the top for legdriven since we don't have a text field above it */
        .dotted-steps > .dotted-steps-step > .dotted-steps-dot-legdriven {
            top: 26px;
        }


        .dotted-steps > .dotted-steps-step > .dotted-steps-dot:after {
            content: ' ';
            width: 18px;
            height: 18px;
            border-radius: 50px;
            position: absolute;
            top: 6px;
            left: 6px;
        }

        .dotted-steps > .dotted-steps-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 6px;
            box-shadow: none;
            margin: 20px 0;
        }

            .dotted-steps > .dotted-steps-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
            }

        .dotted-steps > .dotted-steps-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .dotted-steps > .dotted-steps-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .dotted-steps > .dotted-steps-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .dotted-steps > .dotted-steps-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .dotted-steps > .dotted-steps-step.disabled > .dotted-steps-dot:after {
            opacity: 0;
        }

        .dotted-steps > .dotted-steps-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .dotted-steps > .dotted-steps-step:last-child > .progress {
            width: 50%;
        }

        .dotted-steps > .dotted-steps-step.disabled a.dotted-steps-dot {
            pointer-events: none;
        }

.dotted-steps-progress-break {
    position: relative;
    width: 15px;
    float: left;
    height: 30px;
    display: block;
    top: 24px;
    margin-top: -15px;
    margin-left: -15px;
}

    .dotted-steps-progress-break:after, .dotted-steps-progress-break:before {
        content: '';
        position: relative;
        top: 0;
        width: 0;
        height: 0;
    }

td[role="gridcell"] > .dotted-steps {
    padding: 0;
    margin: 0;
}

td[role="gridcell"] .dotted-steps-icon {
    display: none;
}


td[role="gridcell"] .dotted-steps-info {
    display: none;
}

td[role="gridcell"] .dotted-steps-stepnum {
    font-size: 11px !important;
    margin: 0 !important;
    position: relative !important;
    top: 12px !important;
}

td[role="gridcell"] .dotted-steps-dot {
    width: 0 !important;
    height: 0 !important;
}

@media (max-width: 1024px) {
    .dotted-steps {
        margin-top: 60px;
    }

    .dotted-steps-icon {
        margin-top: -32px;
    }

        .dotted-steps-icon img {
            float: inherit;
            width: 32px;
        }
}

@media (max-width: 480px) {
    .companyBranding {
        text-align: center;
        padding: 20px 0px;
        margin-bottom: 20px;
    }

    .dotted-steps > .dotted-steps-step .dotted-steps-stepnum {
        font-size: 12px !important;
        margin-bottom: 5px;
    }

    .dotted-steps-icon {
        margin-top: -26px;
    }

    .dotted-steps > .dotted-steps-step .dotted-steps-info {
        font-size: 12px;
    }

    .trackingWindow h3 {
        font-family: "OpenSansRegular", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width: 899px) {

    .progress {
        display: none;
    }

    .dotted-steps > .dotted-steps-step {
        padding: 0;
        position: relative;
        margin-bottom: 80px;
        margin-top: 20px;
    }

    .dotted-steps-icon img {
        float: inherit;
        width: 32px;
        display: none;
    }

    .dotted-steps > .dotted-steps-step > .dotted-steps-dot {
        position: absolute;
        width: 30px;
        height: 30px;
        display: block;
        top: -15px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px;
        border-radius: 50%;
    }

    .dotted-steps-progress-break {
        position: relative;
        border-left: none;
        border-right: none;
        width: 50px;
        height: 10px;
        display: block;
        top: -68px;
        left: 50%;
        margin-top: -8px;
        margin-left: -25px;
    }
}

/*--------------------IE and Edge -------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .sp-upload-field {
        padding: 0px;
        line-height: 30px;
    }
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .sp-upload-field {
        padding: 0px;
        line-height: 30px;
    }
}

/*--------------------Job Form Compact-------------------------*/

.sp-compact-form label {
    float: left;
    width: 24%;
}

.sp-job-form .modal-body textarea {
    min-height: 31px !important;
    padding: 0px 6px;
}

.sp-compact-form textarea {
    min-height: unset !important;
}

.sp-compact-form .form-control {
    margin: 0px !important;
}

.sp-compact-form .sp-form-holder {
    width: 76%;
    display: inline-block;
    margin-bottom: 2px !important;
    float: left;
    position: relative;
}



.sp-compact-form .sp-popup-legend {
    padding-top: 5px;
}

.sp-compact-form fieldset > div:first-child {
    padding-top: 0px;
}

.sp-compact-form .form-group {
    margin-bottom: 0px;
}



.input-group-btn .btn {
    min-width: 32px;
}

.sp-compact-form .sp-layout-40-60 label {
    width: 40%;
}

.sp-compact-form .sp-layout-40-60 .sp-form-holder {
    width: 60%;
}

.sp-compact-form .sp-layout-30-70 label {
    width: 30%;
}

.sp-compact-form .sp-layout-30-70 .sp-form-holder {
    width: 70%;
}

[sp-badge]:after {
    background: red;
    border-radius: 30px;
    color: #fff;
    content: attr(sp-badge);
    font-size: 11px;
    margin-top: -10px;
    min-width: 20px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

[sp-badge^="-"]:after,
[sp-badge="0"]:after,
[sp-badge=""]:after {
    display: none;
}

.sp-trafficLigt-grid-column {
    position: relative;
    top: 0;
    left: -7px;
}

    .sp-trafficLigt-grid-column > div {
        width: 5px;
        height: 20px;
        float: left;
        margin-right: 5px;
    }




/*Steped progerss bar section*/
:root {
    --color-white: #fff;
    --color-black: #333;
    --color-gray: #75787b;
    --color-gray-light: #bbb;
    --color-gray-disabled: #e8e8e8;
    --color-green: #53a318;
    --color-late: #EC4657;
    --color-alert: orange;
    --color-green-dark: #383;
    --font-size-small: .75rem;
    --font-size-default: .875rem;
}

.sp-tnt-progress-bar {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
}

    .sp-tnt-progress-bar li {
        flex: 2;
        position: relative;
        padding: 0 0 14px 0;
        font-size: var(--font-size-default);
        line-height: 1.5;
        color: var(--color-green);
        font-weight: 600;
        white-space: nowrap;
        overflow: visible;
        min-width: 0;
        text-align: center;
        border-bottom: 2px solid var(--color-gray-disabled);
    }

        .sp-tnt-progress-bar li:first-child,
        .sp-tnt-progress-bar li:last-child {
            flex: 1;
        }

        .sp-tnt-progress-bar li:last-child {
            text-align: right;
        }

        .sp-tnt-progress-bar li:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            background-color: var(--color-gray-disabled);
            border-radius: 50%;
            border: 2px solid var(--color-white);
            position: absolute;
            left: calc(50% - 6px);
            bottom: -7px;
            z-index: 3;
            transition: all .2s ease-in-out;
        }

        .sp-tnt-progress-bar li:first-child:before {
            left: 0;
        }

        .sp-tnt-progress-bar li:last-child:before {
            right: 0;
            left: auto;
        }

    .sp-tnt-progress-bar span {
        transition: opacity .3s ease-in-out;
    }

    .sp-tnt-progress-bar li:not(.is-active) span {
        opacity: 0;
    }

    .sp-tnt-progress-bar .is-complete:not(:first-child):after,
    .sp-tnt-progress-bar .is-active:not(:first-child):after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -2px;
        left: -50%;
        z-index: 2;
        border-bottom: 2px solid var(--color-green);
    }

    .sp-tnt-progress-bar li:last-child span {
        width: 200%;
        display: inline-block;
        position: absolute;
        left: -100%;
    }

    .sp-tnt-progress-bar .is-complete:last-child:after,
    .sp-tnt-progress-bar .is-active:last-child:after {
        width: 200%;
        left: -100%;
    }

    .sp-tnt-progress-bar .is-complete:before {
        background-color: var(--color-green);
    }

    .sp-tnt-progress-bar .is-active:before,
    .sp-tnt-progress-bar li:hover:before,
    .sp-tnt-progress-bar .is-hovered:before {
        background-color: var(--color-white);
        border-color: var(--color-green);
    }

    .sp-tnt-progress-bar .is-active:not(:first-child):after {
        border-bottom: 2px dotted var(--color-green);
    }

    .sp-tnt-progress-bar .is-complete.is-late:before {
        background-color: var(--color-late);
    }

    .sp-tnt-progress-bar .is-complete.is-late:after,
    .sp-tnt-progress-bar .is-active.is-late:after {
        border-color: var(--color-late);
    }

    .sp-tnt-progress-bar li.is-complete.is-late,
    .sp-tnt-progress-bar li.is-active.is-late {
        color: var(--color-late);
    }

        .sp-tnt-progress-bar .is-active.is-late:before,
        .sp-tnt-progress-bar li.is-complete.is-late:hover:before,
        .sp-tnt-progress-bar li.is-active.is-late:hover:before {
            background-color: var(--color-white);
            border-color: var(--color-late);
        }

    .sp-tnt-progress-bar .is-complete.is-alert:before {
        background-color: var(--color-alert);
    }

    .sp-tnt-progress-bar .is-complete.is-alert:after,
    .sp-tnt-progress-bar .is-active.is-alert:after {
        border-color: var(--color-alert);
    }

    .sp-tnt-progress-bar li.is-complete.is-alert,
    .sp-tnt-progress-bar li.is-active.is-alert {
        color: var(--color-alert);
    }

        .sp-tnt-progress-bar .is-active.is-alert:before,
        .sp-tnt-progress-bar li.is-complete.is-alert:hover:before,
        .sp-tnt-progress-bar li.is-active.is-alert:hover:before {
            background-color: var(--color-white);
            border-color: var(--color-alert);
        }



    .sp-tnt-progress-bar li:hover:before,
    .sp-tnt-progress-bar .is-hovered:before {
        transform: scale(1.33);
    }

    .sp-tnt-progress-bar li:hover span,
    .sp-tnt-progress-bar li.is-hovered span {
        opacity: 1;
    }

    .sp-tnt-progress-bar:hover li:not(:hover) span {
        opacity: 0;
    }

.x-ray .sp-tnt-progress-bar,
.x-ray .sp-tnt-progress-bar li {
    border: 1px dashed red;
}

.sp-tnt-progress-bar .has-changes {
    opacity: 1 !important;
}

    .sp-tnt-progress-bar .has-changes:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        left: calc(50% - 4px);
        bottom: -20px;
        background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E');
    }

/*-------------STEPS--------------*/	
.steps-row {
	display: table-row;
	float: left;
	height: 40px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.step {
	float: left;
	width: auto;
	display: block;
}
.small-step {
	float: left;
	width: 40px;
	height: 40px;
	padding: 10px;
	vertical-align: middle;
}
.step-name {
	float: left;
	min-width: 40px;
	margin-right: 10%;
	text-align: center;
	font-weight: bold;
}
.connect-h {
	float: left;
	width: 10%;
	display: block;
}
.connect-h {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
.connect-h {
	-webkit-animation-name: move2;
	-moz-animation-name: move2;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	/*	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;*/
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
@-webkit-keyframes move2 {
    0% {
        width: 0px;
    }
    50% {
        height: 100%;
    }
    100% {
        height: 110%;
    }
}
@-moz-keyframes move2 {
    0% {
        width: 0px;
    }
    50% {
        height: 100%;
    }
    100% {
        height: 110%;
    }
}
.connect-v {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
.connect-v {
	-webkit-animation-name: move;
	-moz-animation-name: move;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	/*	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;*/
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
@-webkit-keyframes move {
    0% {
        height: 0px;
    }
    50% {
        height: 100px;
    }
    100% {
        height: 80px;
    }
}
@-moz-keyframes move {
    0% {
        height: 0px;
    }
    50% {
        height: 100px;
    }
    100% {
        height: 80px;
    }
}
.connect-v {
	float: left;
	height: 80px;
	width: 40px;
	margin-right: 10%;
}
.matrix {
	display: table;
	width: 100%;
	position: relative;
}
.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.btn-circle {
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	border-radius: 20px;
	box-shadow: none;
	margin: 0px;
}
.btn-circle-small {
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 2px 0;
	font-size: 10px;
	line-height: 1.428571429;
	box-shadow: none;
	border-radius: 10px;
}
.offset-1 {
	margin-left: calc(10% + 40px);
}
.line-default {
	stroke: #bbb;
	fill: none;
	stroke-width: 1px;
	shape-rendering: crispEdges;
	stroke-dasharray: 10 2;
	stroke-dashoffset: 2;
}
.line-complete {
	stroke: #4CAE4C;
	fill: none;
	stroke-width: 2px;
	shape-rendering: crispEdges;
	stroke-dasharray: 10 2;
	stroke-dashoffset: 2;
}
.pulse {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.pulse:hover, .pulse:focus {
	outline: 0;
	color: #2d2d2d;
}
.pulse {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}
.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        border:1px #fff solid;
        background-color:#eee;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        border:1px #fff solid;
        background-color:#eee;
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
/* main layout */
section
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.hidden
{
    display: none;
}

.topAligned
{
    vertical-align: top;
}

.middleAligned
{
    vertical-align: middle;
}

.bottomAligned
{
    vertical-align: bottom;
}

.centerAligned
{
    text-align: center;
}

.rightAligned
{
    text-align: right;
}

.leftAligned
{
    text-align: left;
}

.text_wrap
{
    white-space: normal;
}

.text_no_wrap
{
    white-space: nowrap;
}

.text_overflow
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* boots trap */
.dropdown-menu .seperator
{
    background-color: #e5e5e5;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}



.validation-summary-valid
{
    display: none;
}

/* validation error */
.field-validation-error
{
    color: #e8182d;
    font-weight: normal;
}

/* steps */
.popover
{
    z-index: 1090;
}

/* kendo grid */

.k-grid-row-selected
{
   background-color: #f2dede;
}

.k-grid .k-button-icontext .k-icon
{
    margin: 0;
}

.k-grid tbody .k-button
{
    min-width: 40px;
    width: 40px;
}

.k-menu-horizontal
{
    display: inline-block;
}

/* kendo grid - editor*/
.k-window
{
    width: 90%;
    background-color: #f5f5f5;
}

/* search clear button */
#searchclear
{
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.k-window-titlebar,
.k-window-content,
.k-edit-form-container
{
    width: 100%;
    background-color: #f5f5f5;
}

/* kendo combobox*/
.k-combobox
{
    width: 100%;
    min-height: 31px;
    margin-bottom: 5px;
}

.k-autocomplete
{
    min-width: 158px;
}



.btn-menu
{
    line-height: 35px;
    float: right;
    padding: 0px;
    margin-top: 0px;
    vertical-align: middle;
}

.tab-border
{
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.alert-silver
{
    background-color: #f5f5f5;
    border-color: #ccc;
    color: #2d2d2d;
}

.btn-silver
{
    color: #ffffff;
    background-color: #ccc;
    border-color: #ccc;
}

.mod_Job_Editor_dialog
{
    width: 80%;
    min-width: 300px;
}

.mod_LookupsDropDown_dialog
{
    width: 50%;
    min-width: 300px;
}

.alert-editor
{
    width: 100%;
    background-color: #fff;
    border-color: #cccccc;
    color: #2A2727;
}

.navbar
{
    min-width: 315px;
}

.app-mode
{
    background-color: red;
    color: white;
    font-weight: 600;
    font-size: 0.85em;
    text-align: center;
    padding: 16px 5px 16px 5px;
}

.app-mode-blank
{
    padding: 5px;
}

.app-mode-login
{
    position: absolute;
    /*Hide demo sign*/
    display:none;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 50px;
    background-color: red;
    color: white;
    font-weight: 600;
    font-size: 1.1em;
    text-align: center;
    padding-top: 16px;
}

.k-loading-image
{
    /*Hide loading spinner on grid refresh*/
    background-image: none!important;
}

.k-loading-mask
{
    /*Hide fadein() animation on grid refresh*/
    display: none!important;
    visibility: hidden!important;
    background-color: transparent!important;
    opacity: 0.0!important;
    height: 0px!important;
    overflow: hidden!important;
}

#mainContextMenu
{
    border-radius: 3px;
    overflow: visible;
    z-index: 2000;
    display: block;
    position: fixed;
    left: 0;
}

.side-context-menu
{
    overflow: visible;
    z-index: 2000;
    display: block;
    top: 0;
    left: 0;
}

/*---------------Login Input white colour-----------------*/

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

.progress-bar {
    background-color: rgb(235, 50, 68);
}