/* Minification failed. Returning unminified contents.
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
body {
    padding-bottom: 5px;
    color: lightgray;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

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

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: navy;
}

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


legend {
    font-size: 14px !important;
    color: white !important;
    border-width: 1px !important;
}

/* Core CSS file for the Mango solution */

.dropdown-menu > li > div {
    color: dimgrey;
    font-style: italic;
    padding: 3px 20px;
}

#menu-item-red > a,
#menu-item-red.active > a {
    background: orangered;
}

#menu-item-amber > a,
#menu-item-amber.active > a {
    background: orange;
}

#menu-item-brown > a,
#menu-item-brown.active > a {
    background: brown;
}

#menu-item-green > a,
#menu-item-green.active > a {
    background: green;
}

body {
    background-color: #fefefe;
    color: #222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

.navbar {
    background-color: #1f669c;
    color: #eee;
    --bs-navbar-padding-y: 0rem;
}


.bg-dark {
    --bs-bg-opacity: unset;
}


@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .navbar-nav {
        font-size: 12px !important;
    }
}


.navbar-brand {
    color: #eee;
}

    .navbar-brand:hover {
        color: #ddd;
    }

.nav > li > a {
    color: #eee;
}

.nav a:hover .caret {
    border-top-color: #ddd;
    border-bottom-color: #ddd;
}

.nav .caret {
    border-top-color: #eee;
    border-bottom-color: #eee;
}

.navbar .nav > li.dropdown.open.active > a:hover,
.navbar .nav > li.dropdown.open > a {
    color: #eee;
    background-color: #4785b5;
    border-color: #eee;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
    color: #eee;
    background-color: #4785b5;
}

.navbar-toggle > span {
    background-color: #eee;
}


.nav-link {
    color: white;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.grid-title {
    margin-left: 15px;    
    margin-top: 57px;
    margin-bottom: 12px;
}

.crud-grid {
    margin-left: 12px;
    margin-right: 12px;
}

.grid-editor-fields {
    margin: 0 6px;
}

.grid-editor-label-and-field {
    padding: 0 0 0.6em;
}

    .grid-editor-label-and-field label {
        padding: 0 0.6em;
    }

.grid-editor-fields .k-tabstrip .k-content {
    padding: 12px;
}

.grid-cell-disabled {
    background-color: #ECECEC;
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    pointer-events: none;
}

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


.k-textbox:disabled {
    background-color: #ECECEC;
    border: solid 1px #7F9DB9;
    color: #808080;
}

.k-textbox:hover:disabled {
    background-color: #ECECEC;
    border: solid 1px #7F9DB9;
    color: #808080;
}

.grid-editor-fields .k-textbox {
    width: 100%;
    max-width: 280px;
}

.k-picker {
    max-width: 280px;
}

.k-datepicker {
    width: 160px !important;
}

.launch-content-group {
    padding-bottom: 20px !important;
}

.grid-editor-inline {
    padding-bottom: 6px;
    display: inline;
}

    .grid-editor-inline > div {
        display: inline;
    }

        .grid-editor-inline > div:not(:first-child) {
            padding-left: 6px;
        }

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

.k-edit-form-container .k-multiselect {
    width: 70%;
}

.k-actions-start {
    justify-content: end;
}

.form-inline label, .form-inline input {
    margin-left: 10px;
}

.editor-input-table {
    width: 100%;
    table-layout: fixed;
}

.editor-textarea {
    resize: none;
    width: 100%;
    height: 100%;
    padding: 5px !important;
}

#alarm-response-comments {
    resize: none;
    background-color: white;
    height: 148px;
    width: 100%;
    padding: 0px;
}

.uneditable {
    border: none;
    cursor: default;
}

.footer-powered-by {
    position: fixed;
    bottom: 38px;
    padding: 0px 10px 5px 0px;
    clear: both;
    width: 100%;
    text-align: right;
}

footer {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #eee;
    padding: 12px;
    background-color: #1f669c;
    position: fixed;
    bottom: 0;
    left: 0;
}

.label-mandatory {
    color: red;
}


/* Class to fix bootstrap grids within Telerik tab controls */
/* http://stackoverflow.com/questions/20979648/tabstrip-containing-bootstrap-columns */
.boxFix *,
.boxFix *::before,
.boxFix *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    vertical-align: middle;
}

#LocationTabstrip > .k-content {
    margin: 0;
    padding: 5px;
}

@media (min-width: 1200px) {
    .col-thin-pad-left {
        padding-left: 2.5px;
    }

    .col-thin-pad-right {
        padding-right: 2.5px;
    }
}

.roster-user-box {
    margin-bottom: 6px;
}

.suggested-user-box {
    border: 1px solid gray;
}

.confirmed-user-box {
    border: 1px solid green;
}

.cancelled-shift-box {
    border: 1px solid red;
}

.roster-label {
    float: left;
    font-weight: bold;
    font-size: small;
    margin: 3px 0 0 3px;
}

    .roster-label img {
        height: 15px;
        width: 15px;
    }

.legendBox {
    width: 100%;
    height: 50px;
    padding: 1px;
    border: 1px solid grey;
    margin: 0;
}

.eventDiv {
    min-width: 5px;
}

.recurring-event {
    background-color: darksalmon;
}


.speechImage {
    position: relative;
}

.in-line-speech-image {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.lockImage {
    position: relative;
    width: 100%;
}

.comments {
    position: absolute;
    top: 5px;
    left: 35%;
    color: black;
    font-size: 12px;
}

.commentsGrouped {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    color: black;
    font-weight: bold;
    font-size: 15px;
}

.commentsLive {
    position: absolute;
    top: 1px;
    left: 13%;
    color: black;
    font-size: 12px;
}

.comment-count {
    position: absolute;
    width: 100%;
    margin: 0;
    padding-left: 35%;
    color: black;
    font-size: 12px;
}

.commentsDropped {
    position: absolute;
    top: 1px;
    left: 8px;
    color: black;
    font-size: 12px;
}

.weeklyDetailedAnalysisComments {
    position: absolute;
    top: 1px;
    padding-left: 50%;
    color: black;
    font-size: 12px;
}


.LiveContainerBox {
    width: 99.9%;
}

.LiveHeaderBox {
    margin-bottom: 8px;
}

    .LiveHeaderBox > div {
        display: inline;
        padding-right: 20px;
    }

.cursor-pointer {
    cursor: pointer;
    color: #337ab7 !important;
}

.timesheet-padder {
    padding-bottom: 6px;
}

.plain-input {
    border: none;
    background: none;
    padding: 0;
}

.dl-centre dt {
    width: 50%;
}

.dl-centre dd {
    margin-left: 50%;
    padding-left: 6px;
}

li.k-item.k-state-active {
    background-color: orange;
    color: black;
}

.RecentCallsBox {
    padding-bottom: 6px;
}

.alert {
    margin-left: 15px;
    margin-right: 15px;
}

    .alert ul {
        list-style-type: none;
    }

.active-legend {
    float: right;
    padding: 6px;
    margin-bottom: 0;
}

    .active-legend img {
        height: 20px;
        width: 20px;
        margin-top: -2px;
    }

.roster-selected {
    border: 2px solid #222 !important;
    color: darkblue;
    font-weight: bold;
}

    .roster-selected:before {
        background: none;
        border: 2px solid #eee;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }

.k-qrcode {
    margin: 12px;
}

.roster-update-errors > ul > li {
    padding: 6px;
    list-style: none;
    list-style-type: none;
}

#contracted-hours {
    font-weight: bold;
    font-size: 15px;
}

.key-public-holiday {
    width: 50px;
    height: 20px;
    border: 3px solid #570287;
    display: inline-block;
    vertical-align: bottom;
}

.public-holiday-border {
    outline: 3px solid #570287;
}

.roster-public-holiday {
    background-color: mediumpurple !important;
    color: white;
}

.roster-public-holiday-legend {
    border-color: mediumpurple !important;
}

.roster-automatic-system-timeout::after {
    content: 'X';
    padding: 0px 3px 0px 3px;
    border-radius: 4px;
    color: red;
    background-color: white;
    font-weight: bold;
    position: absolute;
    top: 2px;
    left: 2px;
    visibility: visible !important;
}

.alt-roster-automatic-system-timeout::after {
    content: 'X';
    padding: 0px 3px 0px 3px;
    border-radius: 4px;
    color: red;
    background-color: white;
    font-weight: bold;
    position: absolute;
    top: 2px;
    left: 2px;
    visibility: visible !important;
}

.roster-auto-complete {
    width: 15px;
    height: 15px;
    background: lawngreen;
    position: absolute;
    bottom: 0px;
    right: 0%;
    border-radius: 4px;
    visibility: visible !important;
}

.roster-cover-shift {
    width: 15px;
    height: 15px;
    background: cyan;
    position: absolute;
    bottom: 0px;
    left: 0%;
    border-radius: 4px;
    visibility: visible !important;
}

.alt-roster-cover-shift {
    width: 15px;
    height: 15px;
    background: cyan;
    position: absolute;
    bottom: 0px;
    left: 0%;
    border-radius: 4px;
    visibility: visible !important;
}

.roster-original-user-info {
    width: 15px;
    height: 15px;
    background: black;
    position: absolute;
    bottom: 0px;
    right: 0%;
    border-radius: 4px;
    visibility: visible !important;
}

.alt-roster-original-user-info {
    width: 15px;
    height: 15px;
    background: black;
    position: absolute;
    bottom: 0px;
    right: 0%;
    border-radius: 4px;
    visibility: visible !important;
}

.roster-legend-item {
    width: 50px;
    border-top: solid 3px;
}

.roster-legendalt-item {
    width: 100px;
    border-top: solid 20px;
}

#roster-footer {
    padding-top: 3px;
}

    #roster-footer > table {
        margin: 0 auto;
    }

.img-gridicon {
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.img-gridicon-1 {
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.img-gridicon-0 {
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.img-smallicon {
    width: 12px;
    height: 12px;
}

.icon-col img,
.icon-col .in-line-speech-image {
    width: 20px;
    height: 20px;
    float: left;
}

.img-gridicon-comments {
    width: 25px;
    height: 20px;
}

.job-template-move {
    text-decoration: none !important;
}

.checkbox-row {
    padding-top: 6px;
}

    .checkbox-row label {
        font-weight: normal;
    }

    .checkbox-row input[type='checkbox'] {
        margin-left: 12px;
    }

.map-container {
    position: relative;
    width: 100%;
    height: 500px;
    background-color: #FAF7F5;
}

.map,
.map-min {
    position: relative;
    margin-left: 150px;
    height: 100%;
}

.map-min {
    margin-left: 150px;
}

.map-pushpin {
    cursor: pointer !important;
    overflow: visible !important;
}

    .map-pushpin div {
        top: 6px !important;
        font-family: Verdana !important;
        font-size: 0.9em !important;
        color: #ffffff !important;
    }

.map-pointList,
.map-pointList-min {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    background-color: #FAF7F5;
    overflow: auto;
    padding: 0;
    list-style-type: none;
}

.map-pointList-min {
    width: 150px;
}

.map-pointList-item,
.map-pointList-item-min {
    position: relative;
    width: 98%;
    height: 40px;
    margin-bottom: 2px;
    cursor: pointer;
}

.map-pointList-item-min {
    width: 37px;
}

.map-pointlist-item-pin {
    position: absolute;
    top: -2px;
    left: 1px;
}

.map-pointList-item-text {
    position: relative;
    bottom: 0;
    top: 0;
    margin: 0 0 0 14px;
    height: 30px;
    color: #6E6E6E;
    background-color: #E0E0E0;
    padding: 4px 0 0 15px;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .map-pointList-item-text.invalid {
        border-right: 5px solid #d92929 !important;
    }

li.map-pointList-item.selected,
li.map-pointList-item-min.selected {
    background-color: #E0E0E0;
}

.map-pointlist-item-index {
    position: absolute;
    font-family: Verdana !important;
    font-size: 0.9em !important;
    font-weight: bold;
    color: #000000 !important;
    width: 27px;
    top: 2px;
    text-align: center;
}

.map-pushpin-style div {
    color: rgb(0, 0,0) !important;
}

.instruction-list {
    margin-top: 20px;
}

    .instruction-list li {
        margin-bottom: 30px;
    }

.list-absence-summary {
    margin-bottom: 16px;
}

.list-absence-detail {
    margin-top: 8px;
}

.footerbar-brand {
    color: #eee;
}

    .footerbar-brand:hover {
        color: #ddd;
    }

    .footerbar-brand:visited {
        color: #ddd;
    }

.crud-grid thead .k-state-active {
    background-color: orange;
}

#GenderDropDown .k-textbox {
    width: 50%;
}

.groupBox {
    border-radius: 5px;
    border: 1px solid #94c0d2;
}

.groupBoxInner {
    border-radius: 5px;
    border: 1px solid #94c0d2;
    margin: 20px;
}

.groupBoxLabel {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
    color: black;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.groupBoxLabel2 {
    display: block;
    width: auto !important;
    margin-left: 10px;
    padding: 2px !important;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    line-height: inherit;
    color: #003f59 !important;
    border: 0;
    background-color: transparent !important;
}

.groupBoxPadding {
    padding: 0px 50px 25px 50px;
}

.k-textbox-50 {
    width: 50% !important;
}

.k-textbox-60 {
    width: 60% !important;
}

.k-textbox-75 {
    width: 75% !important;
}

.k-textbox-100 {
    width: 100% !important;
}

.mango-full-width-textbox {
    width: 100% !important;
    max-width: 100% !important;
}

.editor-label-10 {
    width: 10% !important
}

.editor-label-60 {
    width: 60% !important
}

.editor-label-70 {
    width: 70% !important
}

.editor-field-40 {
    width: 40% !important
}

.editor-field-80 {
    width: 80% !important
}


.editor-field-30 .k-numerictextbox {
    width: 30% !important;
}

.editor-field-20 .k-numerictextbox {
    width: 20% !important;
}

.editor-field-k-datepicker-20 .k-datepicker {
    width: 20% !important;
}

.editor-field-k-datepicker-50 .k-datepicker {
    width: 50% !important;
}

.editor-field-k-datepicker-60 .k-datepicker {
    width: 60% !important;
}

.editor-field-k-datepicker-70 .k-datepicker {
    width: 70% !important;
}

.editor-field-k-datepicker-80 .k-datepicker {
    width: 80% !important;
}

.editor-textarea-50 {
    resize: none;
    width: 275px !important;
    height: 100%;
}

.editor-message {
    color: green;
    font-weight: bold;
}

#LoginNameEditor .grid-editor-fields .k-textbox {
    width: 50%;
}

.grid-message-container {
    margin-left: 12px;
}

dt, dd {
    margin: 3px;
}

#ShiftDetailGrid {
    height: 400px;
}

table.arbitration-times-table td:nth-child(1),
table.arbitration-times-table th:nth-child(1) {
    width: 100px;
}

.top-crud-filters {
    padding: 0 0;
}

    .top-crud-filters img {
        height: 25px;
        width: 25px;
    }

    .top-crud-filters li span {
        padding-left: 8px;
        padding-right: 32px;
        font-size: 1.2em;
        line-height: 12px
    }

.ExpectedCallsBox {
    padding-bottom: 6px;
}

.table-wrapper {
    height: 400px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.k-progressbar-horizontal {
    width: 95%;
}

.toolTipIcon {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin: 0 0 0 2px;
    padding: 0;
    cursor: pointer;
}

.tooltip.top .tooltip-inner {
    background-color: #e7e7e7;
    color: black;
    font-size: 14px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #e7e7e7;
}

.k-tooltip {
    text-align: left !important;
    margin: 0 0 0 4px !important;
    background-color: #f3f3f4;
}

.k-chart-tooltip {
    color: #003f59 !important;
}

.k-tooltip-content {
    color: #003f59 !important;
    margin: 0 0 0 4px !important;
}

.k-tooltip-error {
    border-color: #f3f3f4;
    color: #fff;
    background-color: #f3f3f4;
}

.k-tooltip,
.k-tooltip-content,
.k-widget.k-tooltip-validation {
    color: #363636 !important;
}

.k-widget.k-tooltip {
    background-color: #eeeeee !important;
}

.k-tooltip.k-widget {
    background-image: none !important;
    margin: 0 0 0 4px !important;
}

.k-callout-w {
    border-right-color: #eeeeee !important;
}

.start-hidden {
    display: none;
}

td[role='gridcell'] > ul.list-inline {
    margin: 0;
}

.report-title {
    margin: 12px 15px 12px 15px;
}

.report-parameters {
    margin: 10px 15px 10px 15px;
}

.report-parent {
    width: 110px;
    font-size: 18px !important;
    font-weight: bold;
}

.report-category {
    vertical-align: top;
    width: 150px;
}

.report-item {
    vertical-align: top;
    width: 230px;
}

.report-desc {
    vertical-align: top;
    width: 600px;
    font-style: italic;
}

.windowed-edit-form {
    overflow: hidden !important;
}
    
.k-edit-buttons {

    margin: 5px 0px 0px !important;
    padding-bottom: 0px;
}

.main-logo-wrapper {
    margin-bottom: 24px;
}

.narrow-dropdown {
    width: 100px;
}

#DroppedShiftsGrid .k-grid-content {
    height: 168px !important;
}

#SchedulerEdit .k-grid,
#SchedulerEditAlt .k-grid {
    min-width: 1020px;
}

.k-grid .k-state-selected .k-textbox {
    color: #000000;
}

.k-grid .k-alt.k-state-selected .k-textbox {
    color: #000000;
}

#KeyHoldingKeyRegisterDiv .k-grid .k-master-row.k-state-selected a {
    color: white !important;
}

#VettingProgressGrid .progress-bar-address-history,
#VettingProgressGrid .progress-bar-background-checks,
#VettingProgressGrid .progress-bar-deadline {
    height: 38px;
}

#VettingProgressGrid .k-progress-status {
    position: relative;
    top: 4px;
    font-size: unset;
}
/*
#VettingProgressGrid .progress-bar-references-written,
#VettingProgressGrid .progress-bar-references-verbal {
    height: 18px;
}
*/
#VettingProgressGrid .progress-bar-references-written .k-progress-status,
#VettingProgressGrid .progress-bar-references-verbal .k-progress-status {
    position: relative;
    /* top: -6px;*/
    font-size: unset;
}

#VettingProgressGrid .applicant-reference-link {
    position: relative;
    top: -1px;
}

.table-nested {
    margin: 10px 0 0 0;
}

.k-tabstrip > .k-tabstrip-items li {
    white-space: nowrap;
}

.k-tabstrip > .k-tabstrip-items .k-link {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tabstrip-badge {
    margin-left: 4px;
    padding: 0 4px;
    min-width: 16px;
    color: whitesmoke;
    border-radius: 8px;
}

.tabstrip-badge-danger {
    background-color: #B94A48;
}

.tabstrip-badge-success {
    background-color: forestgreen;
}

.dropdown-input-label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
}

    .dropdown-input-label > label {
        font-weight: normal !important;
    }

.boxFix .k-input {
    height: 2em;
}

    .boxFix .k-input.k-textarea {
        height: unset;
    }

.boxFix .k-radio-label::before {
    height: 16px;
    width: 16px;
}

.boxFix input[type=checkbox] {
    margin-top: 8px;
    vertical-align: text-bottom;
}

.inline {
    white-space: nowrap;
}

.k-list-filter .k-icon.k-i-search {
    right: 18px; /* This will move the icon 10px to the left */
}

.k-notification-error.k-group {
    background: #ff0000 !important;
    color: #ffffff !important;
}

.k-notification-warning.k-group {
    background: #e7f805 !important;
    color: black !important;
}

.k-notification-success.k-group {
    background: green !important;
    color: #ffffff !important;
}

.k-notification-info.k-group {
    background: #ddd !important;
    color: black !important;
}

.highlighted-row-red {
    background-color: #D86E72;
    color: black !important;
}

.highlighted-row-yellow {
    background-color: #f4b042;
    color: black !important;
}

.highlighted-row-red a:link {
    color: black !important;
}

.highlighted-row-yellow a:link {
    color: black !important;
}

.highlighted-row-red a {
    color: black !important;
}

.highlighted-row-yellow a {
    color: black !important;
}

.highlighted-row-check-call-wrong-pin {
    background-color: #fea7d269;
    color: black !important;
}

   .highlighted-row-check-call-wrong-pin a {
        color: black !important;
    }


.voffset2 {
    margin-top: 2px !important;
}

.voffset3 {
    margin-top: 3px !important;
}

.voffset4 {
    margin-top: 4px !important;
}

.voffset5 {
    margin-top: 5px !important;
}

.voffset6 {
    margin-top: 6px !important;
}

.voffset7 {
    margin-top: 7px !important;
}

.voffset8 {
    margin-top: 8px !important;
}

.voffset9 {
    margin-top: 9px !important;
}

.voffset10 {
    margin-top: 10px !important;
}

.voffset11 {
    margin-top: 11px !important;
}

.voffset12 {
    margin-top: 12px !important;
}

.voffset14 {
    margin-top: 14px !important;
}

.voffset15 {
    margin-top: 15px !important;
}

.voffset20 {
    margin-top: 20px !important;
}

.voffset25 {
    margin-top: 25px !important;
}

.voffset27 {
    margin-top: 27px !important;
}

.voffset30 {
    margin-top: 30px !important;
}

.voffset40 {
    margin-top: 40px !important;
}

.voffset47 {
    margin-top: 47px !important;
}

.voffset50 {
    margin-top: 50px !important;
}

.voffset55 {
    margin-top: 55px !important;
}

.voffset60 {
    margin-top: 60px !important;
}

.voffset70 {
    margin-top: 70px !important;
}

.voffset80 {
    margin-top: 80px !important;
}

.voffset90 {
    margin-top: 90px !important;
}

.voffset100 {
    margin-top: 100px !important;
}

.voffset129 {
    margin-top: 129px !important;
}

.voffset114 {
    margin-top: 114px !important;
}

.hoffset5 {
    margin-left: 5px !important;
}

.hoffset10 {
    margin-left: 10px !important;
}

.hoffset15 {
    margin-left: 15px !important;
}

.hoffset20 {
    margin-left: 20px !important;
}

.inline-block {
    display: inline-block;
}

.mango-button-icon {
    height: 32px;
    width: 32px;
}

.mango-button-padding {
    padding: 6px 12px;
}

.signature-box {
    border-radius: 5px;
    border: 1px solid #94c0d2;
}

.k-list-filter > .k-textbox {
    max-width: none !important;
}

.defaultLabel {
    margin-top: 6px !important;
    margin-bottom: 0px !important;
}

.vcenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.mango-thumbnail {
    height: 62px;
}

.mango-indent-2 {
    text-indent: 2rem;
}

.zeroMargins {
    margin: 0 0 0 0;
}

.k-scheduler-group-cell {
    white-space: normal !important;
    text-align: left !important;
}

.certificate {
    color: #ffc107;
}

#daylight-saving-legend {
    background-color: lightblue;
    color: #515967;
    height: 21px;
    padding: 0px 10px 0px 10px;
    display: none;
}

.shiftAffectedByDaylightSaving {
    background-color: lightblue;
}

#search-menu .k-input {
    max-width: 570px;
}

#search-menu-auto-complete {
    margin-top: 4px;
}

.metro-tile-rounded {
    border-radius: 25px;
}

.metro-tiles-edit-button {
    color: white;
    background-color: dodgerblue;
}

.metro-sign-in-button {
    background-color: dodgerblue;
    color: white;
    border: 0;
    height: 35px;
    width: 80px;
}

.non-metro-tile-enabled {
    display: flex;
    height: 130px;
    width: 130px;
    background: #337AB7;
    border-radius: 15px 15px 15px 15px;
    padding: 5px;
}

    .non-metro-tile-enabled a {
        margin: auto;
        text-align: center;
        color: white;
        font-weight: bold;
    }

.non-metro-tile-disabled {
    display: flex;
    height: 130px;
    width: 130px;
    background: #c0c0c0;
    border-radius: 15px 15px 15px 15px;
    padding: 5px;
}

    .non-metro-tile-disabled span {
        margin: auto;
        text-align: center;
        font-weight: bold;
    }

.material-text {
    position: relative;
}

    .material-text input {
        outline: none;
        z-index: 1;
        position: relative;
        background: none;
        width: 100%;
        height: 45px;
        border: 0;
        color: #212121;
    }

        .material-text input:focus ~ label {
            color: #9d9d9d;
            -webkit-transform: translate(-12%, -50%) scale(0.75);
            transform: translate(-12%, -50%) scale(0.75);
        }

        .material-text input:valid ~ label {
            color: #9d9d9d;
            -webkit-transform: translate(-12%, -50%) scale(0.75);
            transform: translate(-12%, -50%) scale(0.75);
        }

    .material-text label {
        position: absolute;
        top: 0;
        left: 0;
        color: #757575;
        font-weight: 300;
        line-height: 60px;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
    }

    .material-text .bar {
        position: absolute;
        left: 0;
        bottom: 0;
        background: #757575;
        width: 100%;
        height: 1px;
    }


@media print {
    a [href]:after {
        content: none !important; /*Do not show html links while printing*/
    }

    .noPrint, .noPrint * {
        display: none !important; /*Hide these classes when printing*/
    }
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

.statisticsButton {
    border: none;
    color: black;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 0px 0px;
    cursor: pointer;
    border-radius: 5px;
    width: 100px;
}

.unConfirmed-stats-color {
    background-color: #b8b6b6;
}

.scheduled-stats-color {
    background-color: #ffff5f;
}

.confirmed-stats-color {
    background-color: #5998ff;
}

.inProgress-stats-color {
    background-color: #f9ccd4;
}

.completed-stats-color {
    background-color: #5bbf7c;
}

.expiredLinkColor {
    color: red;
}

.intimeLinkColor {
    color: blue;
}

.top-crud-filters-button img {
    height: 25px;
    width: 25px;
}

.runsheet-generated {
    background-color: red !important;
}

.icon-col-events img,
.icon-col-events .in-line-speech-image-events {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 20px;
}

.comment-count-events {
    position: absolute;
    width: 100%;
    margin: 0 13px;
    padding-left: 35%;
    color: black;
    font-size: 12px;
}

.img-gridicon-events {
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.in-line-speech-image-events {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 2px;
}

.k-edit-field, .k-edit-form-container .editor-field {
    float: right;
    clear: right;
    width: 60%;
    margin-right: 2%;
    margin-left: 1%;
    padding: 0 0 .6em
}

.editor-label {
    float: left;
    clear: both;
    width: 30%;
    padding: .4em 0 1em;
    margin-left: 2%;
    text-align: right;
    font-weight: bold;
}

.editor-label-no-width {
    float: left;
    clear: both;
    padding: .5em 0 1em;
    margin-left: 2%;
    margin-right: 2%;
    text-align: right;
    font-weight: bold;
}


.editor-field .k-numerictextbox {
    width: 12.4em;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}


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

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 24px;
    }
}

input.k-textbox {
    line-height: 1.65em;
    text-indent: .571em;
    border-width: 1px;
    border-style: solid;
    border-color: #ceced2;
}


.k-multiselect {
    width: 12.4em;
}

.k-input {
    width: unset;
}

.k-filtercell-wrapper .k-input {
    width: 100%;
}

.k-calendar-view .k-today {
    font-weight: bold;
}

.k-edit-form-container .k-edit-buttons {
    float: right;
}

.k-clear-value {
    padding-inline: 0px !important;
}
/*
.bg-dark {
    background-color: #1f669c    !important;
}

*/
.grid-editor-label-and-field {
    font-weight: bold;
}

.editor-field {
    font-weight: bold;
}

.k-grid a {
    color: #337ab7;
    text-decoration: none;
}

    .k-grid a:hover, k-grid a:focus {
        color: #23527c;
        text-decoration: underline
    }

a {
    color: #337ab7;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }
/*start - bootstrap-session-timeout.js css*/
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
/*end - bootstrap-session-timeout.js css*/

.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

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

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

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.hidden {
    display: none !important;
}

.roster-grids-footer-font {
    font-size: x-small;
}

.roster-grids-buttons {
    font-size: x-small;
    float: right
}


a.grid-data-hyperlink {
    color: #337ab7;
    text-decoration: none;
}

    a.grid-data-hyperlink:hover {
        text-decoration: underline;
    }

.toolbar-menuItem-custom-style {
    position: relative;
    float: left;
    border-style: solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
    zoom: 1;
    box-sizing: content-box;
    border-color: #ceced2;
    display: block;
    padding: .4em 1.1em .3em;
    line-height: 1.1em;
}

.standard-dropdown {
    width: 12.4em;
}

.scheduler-grids-comment-count {
    margin-top: -20px;
    padding-top: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 8px;
}

.disable-selection {
    user-select: none;
}

.scheduler-grid-buttons-width {
    min-width: 76.3px;
    margin: .16em;
    margin-left: 0px;
}

.k-event.k-selected {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.7) !important;
}

.highlighted-row-black {
    background-color: black;
    color: white !important;
}

.highlighted-row-black a {
    color: white !important;
}

.highlighted-row-black:hover, .highlighted-row-black:hover a {
    color: black !important;
}

.k-edit-form-container {
    min-width: 320px !important;
}

@media (min-width: 1260px) {
    .k-window {
        width: 1200px !important;
        left: 50% !important;
        margin-left: -600px !important;
        top: 10% !important;
    }
}

@media (min-width: 992px) and (max-width: 1259.98px) {
    .k-window {
        width: 900px !important;
        left: 50% !important;
        margin-left: -450px !important;
        top: 10% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .k-window {
        width: 650px !important;
        left: 50% !important;
        margin-left: -325px !important;
        top: 10% !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .k-window {
        width: 500px !important;
        left: 50% !important;
        margin-left: -250px !important;
        top: 5% !important;
    }
}

@media (max-width: 575.98px) {
    .k-window {
        width: 350px !important;
        left: 50% !important;
        margin-left: -175px !important;
        top: 5% !important;
    }
}

.tree-item input[type=number] {
	width: 50px;
	height: 20px;
	-moz-appearance:textfield;
	margin-right: 2px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tree-container,
.tree-container > div {
	height: 70vh;
}

.tree-container .treeview-container {
	height: 60vh;
	overflow-y: auto;
}

.tree-container .treeview-container > .k-treeview {
    overflow-x: hidden;
}

.tree-container-bordered-left {
	border-left: 1px solid black;
}

.tree-container-bordered-top {
	border-top: 1px solid black;
}

.tree-container-bordered {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.h4-title-button {
	margin-top: 5px;
}

.k-treeview .k-item .k-in {
	padding: 5px;
	width: 90%;
}

.tree-item-icon {
	float: left;
	width: 20px;
	height: 20px;
	padding-right: 2px;
}

.tree-item-title {
	float: left;
}

.tree-item-title-extra {
    white-space: normal;
   
}

.tree-item-title-extra75 {
    white-space: normal;
    width:75%;
   
}

.tree-item-control {
	float: right !important;
	padding-left: 2px;
	padding-right: 2px;
}

#CheckpointWindow {
	display: none;
}

.shift-item-man-controls > .k-numerictextbox {
    width: 80px;
}

.tree-item-title-inactive {
    color: #999;
    font-style: italic; /* HAX: Use <em> tags for emphasis! */
}

.tree-item-pad {
	padding-left: 5px;
	padding-right: 5px;
}

.tree-item-right-pad1 {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
}

.tree-item-textbox  {
    text-align: right;
    padding-right: 5px;
    font-size: 90%;
}
.k-treeview-leaf {
    border-radius: 4px;
    padding-block: 4px;
    padding-inline: 8px;
    border: 0px solid transparent;
    text-decoration: none;
    display: unset;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    position: relative;
}
.grid-tight {
   font-size: 10px;
}

.grid-tight .k-grid-header {
   display: none;
}

.grid-tight td {
    line-height: 1em;
}

.k-grid[id*='ExpectedCallsGrid'],
.k-grid[id*='RecentCallsGrid'],
.k-grid[id*='DroppedShiftsGrid'],
.k-grid[id*='CancelledShiftsGrid'],
.k-grid[id*='UnconfirmedShiftsGrid'] {
    font-size: 11px;
}

#schedulerConfirmedEmployeesAltDiv .k-grid .k-table,
#schedulerSuggestedEmployeesAltDiv .k-grid .k-table {
    font-size: x-small;
}
#ExpectedCallsGridDiv .k-grid .k-table-md,
#RecentCallsGridDiv .k-grid .k-table-md,
#DroppedShiftsGridDiv .k-grid .k-table-md,
#UnconfirmedShiftsGridDiv .k-grid .k-table-md,
#CancelledShiftsGridDiv .k-grid .k-table-md {
    font-size: 11px;
}

/**/