body {
    font-family: proxima-nova, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: rgb(0, 0, 0);
    font-size: 10pt;
}

.error {
    color: red;
}

.success {
    color: green;
}

/* We will handle closing of our own windows - disallow users from using "X" close */
.k-window-action {
    visibility: hidden;
}

#formfieldlist {
    margin: 0;
    padding: 0;
}

    #formfieldlist li {
        list-style: none;
        padding: 10px 0;
        margin-left: 30px;
    }

#ajaxLoadingImage {
    position: absolute;
    top: 90%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px; /* Half the height */
    margin-left: -16px; /* Half the width */
}


.suscoTable {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    min-width: 300px;
    border-spacing: 0;
    border-collapse: collapse;
}

.suscoTableHeader {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    background-color: #FAE793;
    padding-left: 5px;
    padding-right: 5px;
}

.suscoTableSubHeader {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    background-color: #D8C87F;
    padding-left: 5px;
    padding-right: 5px;
}

.suscoTableTotalRow {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    background-color: #C2C2C2;
    padding-left: 5px;
    padding-right: 5px;
}

.suscoTableSubTotalRow {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    background-color: #F0F0F0;
    padding-left: 5px;
    padding-right: 5px;
}

.suscoTableCellEven {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #EBEBEB;
}

    .suscoTableCellEven td {
        padding: 3px;
    }

.suscoTableCellOdd {
    border: 1px solid rgb(0, 0, 0);
    border-style: solid;
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

    .suscoTableCellOdd td {
        padding: 3px;
    }

.inputCell {
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.formattedLabelCell {
    margin: 2px 12px 2px 2px;
    padding: 2px 12px 2px 2px;
    font-weight: bold;
}

.formattedDataCell {
    padding: 2px 2px 2px 8px;
    margin: 2px 2px 2px 8px;
}



.top {
    vertical-align: top;
}

.right {
    text-align: right;
    padding-right: 8px;
}

.paddingRight {
    padding-right: 14px;
}

/* ~~~   checkboxes  ~~~ */
.checkboxVerticleAlign span {
    padding-left: 14px;
}

.FilterTable td {
    padding: 3px;
}

.FilterSection {
    box-shadow: 3px 3px 5px #888888;
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.black_button {
    color: #FFFFFF;
    background-color: #000000;
    font-weight: bold;
    padding: 3px;
    height: 36px;
    box-shadow: 3px 3px 5px #888888;
    margin: 2px;
    width: 300px;
}

.black_button_medium {
    color: #FFFFFF;
    background-color: #000000;
    font-weight: bold;
    padding: 3px;
    height: 36px;
    box-shadow: 3px 3px 5px #888888;
    margin: 2px;
    width: 200px;
}

.black_button_small {
    color: #FFFFFF;
    background-color: #000000;
    font-weight: bold;
    padding: 3px;
    height: 36px;
    box-shadow: 3px 3px 5px #888888;
    margin: 2px;
    width: 100px;
}

.formattedText {
    width: 270px;
    padding: 2px 2px 2px 8px;
    margin-left: 0px;
    height: 18px;
}

.formattedTextSmall {
    width: 170px;
    padding: 2px 2px 2px 8px;
    margin-left: 0px;
    height: 18px;
}



.FormTable {
    /*border-style: solid;
    border-color: #000000;
    border-width: 2px;
    background-color: #eeeeee;*/
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.FormTableColorOnly {
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
    background-color: #eeeeee;
}

.FormTable input {
    width: 200px;
}

    .FormTable input[type='checkbox'] {
        width: 25px; /* Canceling out the FormTable input width for checkboxes since they will never need to be 100px+ wide*/
    }

.FormTable textarea {
    width: 200px;
    height: 100px;
}

.FormTable td {
    padding: 4px;
}

/* Flexbox Styling */

.flex-container {
    display: flex;
    flex-flow: row wrap;
    min-height: 800px;
}

.k-input {
    width: 100%;
    padding: 0.25em;
}

.search-pane {
    box-sizing: border-box;
    height: 80%;
    width: 33%;
    order: 1;
}

.content-pane {
    box-sizing: border-box;
    width: 71%;
    order: 2;
}

.filter-options {
    padding: 0 5%;
}

.EditSection .form-group {
    margin-bottom: 10px;
}

.top-panel-buttons {
    margin: 1%;
}

.k-dropdown {
    width: 100%;
}

.results-table-container {
    height: 70%;
    margin: 3% 1%;
}

.results-table {
    height: 100%;
}

@media all and (max-width: 870px) {
    .search-pane, .content-pane {
        flex: 1 100%;
    }

    .search-pane {
        height: 60%;
    }

        .search-pane input {
            width: 95%;
        }

    .StagingWarning {
        font-size: .6em;
    }
}


/* Default properties of Bootstrap Grids we use as forms*/
.VerticalMargin {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Customer wants white font on menu*/
.navbar-inverse .navbar-nav > li > a {
    font-size: 1.2em;
    color: #FFFFFF;
}
    /* Menu hover */
    .navbar-inverse .navbar-nav > li > a:hover {
        color: #0094ff;
    }

.GridGuide {
    border-style: solid;
    border-color: #000000;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
    height: 20px !important;
}

.FullWidthControl {
    width: 100% !important;
}


/* Keeps empty row of data from being virtually invisible http://www.telerik.com/forums/row-min-height */
.k-grid tbody tr, .k-grid tbody tr td {
    height: 20px;
}
/* Customer requested grid lines */
.k-grid tr td {
    border-bottom: 1px solid black;
}
/* Customer requested no word wrap */
.k-grid td {
    white-space: nowrap;
}



/* Mobile list UI */
.MobileListItem {
    padding: 2px;
    font-size: 0.9em;
    border-top: 0.5px solid #ccc;
}

    .MobileListItem:first-of-type {
    }

    .MobileListItem:last-of-type {
        border-bottom: 0.5px solid black;
    }

.MobileListGroupHeader {
    font-weight: bold;
    text-transform: uppercase;
    background: #ccc;
    border-top: 1px solid #999;
    padding: 2px;
}

.MobileListContainer {
    margin-top: 15px;
    margin-bottom: 15px;
    border-left: 0.5px solid black;
    border-right: 0.5px solid black;
}

.MobileCheckbox {
    zoom: 2;
}

.list-first-row {
    margin-bottom: 5%;
}

.MobileListItem p {
    margin: 0px;
}

/* Keeps empty row of data from being virtually invisible */
.MobileListValue {
    min-height: 30px !important;
}

.MobileListItem, .k-state-selected {
    /*background-color: #fff;*/
}

.MobileListTextArea {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 100px;
    padding: 5px;
}

.MobileListItem, .k-state-selected:link {
    color: #000;
}

.WarningBackground {
    background-color: #f76464;
}

.NoResultsText {
    color: #FF0000;
}

.StagingWarning {
    color: #FF0000;
}

/**/
.content .primary-body-panel {
    padding: 0px !important;
}

.content .primary-body-panel-heading {
    padding: 0px !important;
}

/* Override left nav Homer setting */
#side-menu li.active {
    background-color: #000000 !important;
}

    #side-menu li.active a {
        color: #FFFFFF !important;
    }

/* Equipment Annual Tasking */
.equipmentAnnualTaskingTableWrapper {
    width: 580px;
    float: right;
    margin-right: 19px; /* Accounts for the width of the scrollbar on bottom grid*/
}

.equipmentAnnualTaskingTable {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
    empty-cells: show;
    margin: 0;
    max-width: 100%;
    outline: 0;
    table-layout: fixed;
}

    .equipmentAnnualTaskingTable input {
        max-width: 100%;
        width: 36px;
        border: none;
        text-align: center;
        font-weight: 700;
    }

    .equipmentAnnualTaskingTable td {
        width: 40px;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-right: 1px solid #888888;
        box-sizing: border-box;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .equipmentAnnualTaskingTable td:nth-child(1) {
            width: 100px;
            text-align: center;
            font-weight: 700;
            border-left: 1px solid black;
        }

        .equipmentAnnualTaskingTable td:last-child {
            border-right: 1px solid black;
        }

@media screen and (max-width: 1200px) {
    .equipmentAnnualTaskingTableWrapper {
        width: 530px;
    }

    .equipmentAnnualTaskingTable td:nth-child(1) {
        width: 50px;
    }
}

.annualTaskingContractHoursInput {
    width: 30px;
    padding: 5px 0;
    margin-left: 5px;
    border: 1px solid black;
    text-align: center;
}

.annualTaskingContractHoursSpan {
    font-weight: 700;
    width: 60%;
    font-size: 9px;
}

.ContractHoursPlannedInput {
    width: 20px;
}

.no-padding {
    padding: 0;
}
/* Rule for "Tasking correct?" label on tech handheld's serviceReportMobileForm as defined in serviceReportLaborUiPartial */
.taskingCorrectLabelSpan {
    font-size: 12px;
}

.taskingCorrectLabelColumn {
    width: 45%;
    padding: 0 0 0 5px;
}

.taskingCorrectYesColumn {
    width: 28%;
}

.taskingCorrectNoColumn {
    width: 27%;
}

/*===== 
Current Tech Location
=====*/
.scroll {
    height: 100%;
}

.currentTechLocationsMapContainer {
    height: 80%;
}

#currentTechLocationsMap {
    width: 100%;
    height: 650px;
    margin: 0 auto;
}

.currentTechLocationErrorSpan {
    font-style: italic;
}

/*=====
Site UI Partial
=====*/
.editSiteCallLocationMapButton {
    margin: 10px;
    float: left;
    padding: 5px;
}

.scheduleSiteCallLocationMapButton {
    margin-left: 20% !important; /* A penance is owed */
    margin-bottom: 10px !important; /* A penance is owed */
    padding: 5px;
}

.editSiteEditTable {
    float: left;
}

.callSlipMobileFormScheduleInfoHeader {
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 5px;
}

.callSlipMobileFormServiceReportDateRow {
    border-top: 1px solid black;
}

.callSlipMobileFormEquipmentContainer {
    margin-bottom: 10px;
}

.pddng-lft-0 {
    padding-left: 0;
}

/*
    Scheduler
*/
.k-scheduler-table .k-today {
    background-color: #fff;
}

.k-nonwork-hour {
    background-color: #fff;
}

.scheduler-cell-border td, .scheduler-cell-border th {
    border-bottom: 1px solid rgb(232, 232, 232);
}

.callslip-jobtype-legend-red {
    color: #ff0000;
}

.callslip-jobtype-legend-green {
    color: #1d7427;
}

.callslip-jobtype-legend-yellow {
    color: #d6d823;
}

.callslip-jobtype-legend-orange {
    color: #ff6a00;
}

.callslip-jobtype-legend-follow-up {
    color: purple;
}

.callslip-jobtype-legend-other {
    color: brown;
}

.callslip-jobtype-legend-project {
    color: gray;
}

.callslip-jobtype-legend-cyan {
    color: #00ffff;
}

.callslip-jobtype-legend-spot {
    color: pink;
}

.callslip-jobtype-legend-no-callslip {
    color: blue;
}

.callslip-jobtype-legend {
    vertical-align: top;
}

.scheduler-legend-index-page {
    float: right;
}

@media screen and (max-width: 768px) {
    .scheduler-legend-index-page {
        float: none;
    }
}

#scheduler .k-scheduler-table td, #scheduler .k-scheduler-table th {
    border: 1px solid #adadad;
}

/*LookFar*/

#navbar-left {
    margin-left: 20px;
    font-weight: bold;
}

.header-title2 {
    font-weight: 700;
    font-size: 1.5em;
    /*margin-top: 1%;*/
    margin-bottom: 0;
    /*padding-top: 1%;*/
}

.header-subtitle2 {
    font-weight: 600;
    font-size: 1.15em;
    font-style: italic;
    margin-top: 0.5%;
    margin-bottom: 0;
}

#customerMainContainer {
    background-color:#cecece;
    color:#333333;
    padding:5px;
    border-top: solid 1px black;
    border-bottom: solid 2px black;
    font-weight:bold;
}

.addtnl-cust-info{
    margin-top:15px;
    width:98%;
    background-color:#f5f5f5;
    padding:10px;
    border:solid 1px #CECECE
}

.addtnl-cust-info-view{
    display:none;
    width:100%;
    background-color:#fff;  
}

.addtnl-cust-info-data{
    padding:20px;
}

.asterisk{
    color:red;
    padding-left:3px;
}

.form-text-area{
    width:100%;
    height:80px;
    overflow:auto;
}
.customer-save-update-buttons{
    margin-top:80px;
}