body {
    padding-top: 65px;
    padding-bottom: 20px;
}

.position-relative {
    position: relative;
}

.nav > li > a {
    color: white;
}

.nav > li > a:hover {
    color: #337ab7;
}

@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1540px;
    }
}

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

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Bootstrap Navbar Overrides */
.navbar-inverse {
    color: #fff !important;
    background-color: #333 !important;
    height: 72px;
}

.container > .navbar-header {
    height: 72px;
}

.container > .navbar-collapse {
    background-color: #333;
}

.nav > li {
    background-color: #333;
}

.navbar-inverse .navbar-nav > .open > a {
    background-color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    background-color: #333;
}

.navbar-nav > li > a {
    font-size: 18px !important;
    color: #fff !important;
    text-align: center;
}

.navbar-nav > li > a:hover {
    background-color: #fefefe !important;
    color: black !important;
}

.navbar-nav > li > ul > li > a {
    background-color: #fefefe !important;
    font-size: 16px !important;
    color: black !important;
}

.navbar-nav > li > ul > li > a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
}

.navbar-inverse .navbar-brand {
    color: #fff !important;
    padding-top: 18px !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: black !important;
    background-color: #fefefe;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px !important;
}

/* Bootstrap/Telerik Misc Overrides */
.radio label, .checkbox label {
    padding-top: 20px;
}

hr {
    margin-top: 0px !important;
}

/* Panel Overrides */
.panel-default > .panel-heading {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

/* Grid Overrides */
.k-header.k-grid-toolbar {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.k-grid td {
    padding: .4em .6em;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: .5em .6em .4em .6em;
}

/* Calendar Styles */
.open-event {
    background: Black !important;
    color: white;
}

.past-due-event {
    background: Red !important;
    color: white;
}

.completed-event {
    background: Green !important;
    color: white;
}

.k-event, .k-task-complete {
    border-color: black;
    background: black 0 -257px none repeat-x;
    color: #fff;
}

div.k-floatwrap.k-header.k-scheduler-toolbar {
    background-color: #333;
}

.k-gantt-toolbar .k-button, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    background-color: #333;
    border-color: #333;
}

body > div.k-widget.k-window > div.k-window-titlebar.k-header {
    background-color: #333;
}

/* Recurrence Editor Overrides*/
.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    font-size: 12px;
}

.k-edit-form-container .editor-label, .k-edit-label {
    width: 30%;
}

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

label.k-check {
    margin-right: 5px;
    padding-top: 10px;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 5px !important;
}

/* Telerik Dialog Overrides */
.k-dialog .k-window-titlebar {
    border-width: 0;
    color: #fff;
}

.k-overflow-container .k-primary, .k-primary {
    border-color: #333;
    background-color: #333;
}

.k-primary:hover {
    background-color: #fefefe
}

/* Bootstrap/Telerik Form Field Overrides*/
.k-textbox {
    display: block !important;
    border-color: #ddd !important;
    width: 100%;
}

.k-datepicker .k-input, .k-timepicker .k-input {
    background-color: #fff;
}

.k-ff input.k-textbox {
    height: 2.7em;
}

/*.k-combobox .k-select, .k-dropdown, .k-selectbox .k-icon {
    width: 100%;
}*/

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup {
    background-color: #fff;
}

.k-dropdown .k-state-default {
    border-color: #ddd;
}

.input-date {
    height: 37.7px;
}

/* Button Overrides */
.btn {
    font-weight: 500;
    border-radius: 2px;   
    background-position: 50% 50%;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
    background-image: none,-webkit-linear-gradient(top,false);
    background-image: none,linear-gradient(to bottom,false);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    text-transform: uppercase;
    line-height: 1.143em;
    padding: 10px 14px;
}

.btn-default {
    border-color: #fafafa;
    color: #444;
    background-color: #fafafa;
}

.btn-default:hover {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.custom-toolbar-button,
.custom-toolbar-button:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

input.btn.btn-primary:hover {
    background-color: #fefefe !important;
    border-color: #333;
    color: black;
}

.k-gantt-toolbar .k-button, .k-gantt > .k-header .k-link, .k-gantt > .k-header li, .k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header .k-link, .k-scheduler .k-header li, .km-pane-wrapper .k-header .k-button {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

a.k-button.k-button-icontext.k-grid-add:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black;
}

a.k-button-icontext.k-grid-save-changes:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black;
}

a.k-button-icontext.k-grid-cancel-changes:hover {
    background-color: #fefefe !important;
    border-color: #333 !important;
    color: black;
}

/* Labels */
.horizontal-label {
    padding-top: 8px;
}

/* Buttons */
.logout-btn {
    font-size: 18px !important;
    color: #fff !important;
    margin-top: 6px;
    background: none;
    border: none;
    box-shadow: none;
}

.logout-btn:hover {
    color: #fff;
    background-color: #2E3B84;
    text-decoration: none !important;
}

/* Inspection Styles */
.question-header {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

/* Misc */
.workorder-header {
    font-size: 16px;
    padding-top: 20px;
}

.workout-header-text {
    padding-top: 6px;
}

.hr-no-margin {
    margin-top: 0px !important;
}

.FullWidth {
    width: 100% !important;
}

.PanelHeader {
    color: white !important;
    font-weight: bold !important;
    background-color: #333 !important;
    font-size: 16px;
    text-transform: uppercase;
}

.BottomAlign {
    position: absolute !important;
    bottom: 0 !important;
    margin-bottom: 10px;
    margin-left: -13px;
}

.mb10 {
    margin-bottom: 10px;
}

.telerik-textbox {
    height: 2.694em;
    text-indent: .8em;
    line-height: 1.6em;
    border-color: #ddd !important;
    border-radius: 2px;
    box-shadow: none;
}

.telerik-textbox:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
}

.logo {
    max-height: 72px;
    margin-top: -18px;
    padding-bottom: 1px;
    padding-top: 1px;
}


#scheduler {
    font-size: 14px;
}

.k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
    width: 300px;
}


/*Tabbed Page*/
.tab-icon {
    font-size: x-large !important
}
.tab-text {
    font-size: large !important
}

/*Web Resource Attachments*/
.AddWebResourceBorder {
    border-color: #e6e6e6 !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 10px 0px 10px 0px !important;
}

.AddWebResourceButtonDiv {
    padding: 0px 0px 0px 11.2px !important;
}
/*Web Resource Attachments End*/


/*Batch Edit Work Orders*/
.panel-border {
    border: 1px solid #ddd;
}

.legend {
    margin-top: 10px;
    font-size: 10px;
    text-align: center;
}

#gvWorkOrdersOpen > .k-loading-mask > .k-loading-image {
    background-position-y: 20px;
}

@media (min-width: 1200px) {
    .pageHeader {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 72px;
        z-index: 999 !important;
        background-color: white;
    }

    .filterUpdate {
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 150px;
        z-index: 999 !important;
        background-color: white;
    }
}
/*Batch Edit Work Orders End*/