body {
    background: #D8DFE6;
    font-size: 13px !important;
    font-family: Verdana !important;
}

.jqx-grid, .jqx-grid input {
    text-transform: uppercase;
}

.jqx-rc-all span, .jqx-grid-pager {
    text-transform: none !important;
}

#columntableToolSurfaceGrid .jqx-widget-header div div {
    margin-top: 0 !important;
}

.btnAddVideo {
    padding-left: 3px !important;
}

.btnAddPhoto {
    padding: 2px !important;
}

.btnSubItem:hover {
    background-color: #00b2eb !important;
}

/*Overwrite*/
.btn.btn-primary {
    background: #00b2eb;
}

.top-menu .nav > li:focus > a, .top-menu .nav > li:hover > a, .top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover, .top-menu .sub-menu > li > a:hover {
    background: #00b2eb !important;
    color: white;
}

.top-menu .nav > li > a {
    line-height: 19px;
}
/*#pagination li a{
    height:23px !important;
}*/
.top-menu .nav .sub-menu {
    background: white !important;
    border: 1px solid #00b2eb;
}

#header {
    background: url(../imgKIS/headerBlack.jpg);
}
/*Overwrite*/
.panel-title i {
    margin-right: 10px;
}

contenttablePriceListDetailsgrid {
    width: 100% !important;
}

.page-title {
    color: #497ab6;
    margin-bottom: 30px;
}

td, .radio-but, .mark-one {
    font-size: 12px;
}

.radio-but {
    padding-left: 0;
    padding-right: 0;
}

#jqxScrollWrapverticalScrollBarinnerListBoxjqCrewSize {
    width: 8px;
}

#divSafetyJob label {
    cursor: pointer;
}

label {
    font-size: 12px;
}

#jobInspectionPanel .col-sm-2 {
    padding-left: 0;
    padding-right: 0;
}

.jqx-grid-pager {
    z-index: 1 !important;
}

.jqx-widget {
    font-size: 11px !important;
}

.jqx-grid-cell {
    font-size: 11px !important;
}

.jqx-widget-content {
    font-size: 11px !important;
}

.jqx-calendar td {
    font-size: 11px !important;
}

.btn {
    font-size: 13px !important;
}

.jqx-widget-header {
    font-weight: bold;
}

.jqx-tabs-title {
    font-weight: normal !important;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.jqx-grid-pager {
    font-weight: normal;
}

.btn-icon.btn-xs {
    font-size: 8px !important;
}

#totaloftotals {
    float: right;
    margin-right: 7%;
}

#certGrid {
    min-height: 224px;
}

#successAlert {
    padding: 10px !important;
    margin-bottom: 10px;
}

    #successAlert .close {
        line-height: 0.9;
    }

.lb-image {
    border: 2px solid rgb(255, 255, 255);
}

.jqx-file-upload-button-browse {
    display: none !important;
}

.jqx-file-upload-file-row {
    display: none !important;
}

.jqx-file-upload-buttons-container {
    display: none !important;
}


.btnAddPhoto button, .btnAddVideo button {
    margin-bottom: 0 !important;
}

.lb-container {
    padding: 0 !important;
}

.numb_tbd, .numb_tbd_Safe {
    text-align: center;
}
/*.jqx-widget-header {
    z-index: 100 !important;
}*/
#signatureIMG {
    /*display: block;
    margin: 0 auto;*/
    text-align: center;
  margin:0 50px;
    cursor: pointer;
    border: 1px solid #c7c7c7;
    width: 250px;
    height: 120px;
}


.ui-front {
    z-index: 1045;
}

.ui-front-2 {
    z-index: 1110;
}

.jqx-loader-modal {
    z-index: 998 !important;
}


#QuoteNbr {
    font-weight: bold;
}

#newSignatureModal {
    width: 80%;
    height: 500px;
}

.nav, .nav ul, .nav li, .nav a {
    z-index: 99 !important;
}

#btnAddPhotoBrowseButton {
    border: none;
    padding: 0;
}

.navbar {
    min-height: 98px;
}

.top-menu .nav > li > a {
    padding: 10px 10px;
}

.numb input {
    width: 100% !important;
}

.content {
    padding-top: 56px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

.gal-img {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 400px;
    min-height: 400px;
}

#gallery {
    min-height: 500px;
}

    #gallery .sect-gal {
        min-width: 460px;
        max-width: 500px;
        margin-top: 20px;
        padding: 5px;
        position: relative;
    }

.gal-cont {
    padding: 10px;
    border: 1px solid;
}

#content1, #content2, #content3, #content4, #content5, #content6, #content7 {
    padding-left: 15px;
    padding-right: 15px;
}

.btnDel {
    margin: 0 auto;
    display: block;
}

.pace-progress, .pace:before {
    top: 100px;
}

.pace-progress {
    background-color: #00acac !important;
}

.top-menu {
    top: 100px;
    background: white;
    padding-left: 20px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #00b2eb;
}

    .top-menu .nav > li.active > a,
    .top-menu .nav > li.active > a:focus,
    .top-menu .nav > li.active > a:hover {
        background: #00b2eb !important;
        color: #ffffff;
    }

    .top-menu .nav > li > a {
        color: #808080;
    }

        .top-menu .nav > li > a:hover {
            color: white;
        }

        .top-menu .nav > li > a:focus {
            color: #ffffff;
        }


    .top-menu .sub-menu > li > a {
        color: #8a8f94;
    }

        .top-menu .sub-menu > li > a:hover {
            color: white;
        }


#logoSmall {
    display: none;
}

#logoBig {
    display: block;
}

@media (max-width: 450px) {
    #logoSmall {
        display: block;
    }

    #logoBig {
        display: none;
    }

    .navbar {
        min-height: 45px;
    }

    #small-user-info {
        top: 60px !important;
    }

    .top-menu {
        top: 60px !important;
    }
}

.top-menu .nav .sub-menu {
    width: 220px;
}


.navbar.navbar-inverse {
    background: black;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-header {
        background: url(../imgKIS/headerBlack.jpg) !important;
    }
}

.navbar-title, .navbar-title-short {
    float: left;
    margin-left: -15px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 0px;
}



.navbar-title-sub {
    font-size: 10px;
    color: #ffffff;
}


#spUser {
    color: #ffe000;
    padding-right: 5px;
}

.loginContainer {
    max-width: 400px;
    margin: 20px auto;
}

.error {
    color: red !important;
    font-size: 100%;
}

.gridActionButtons {
    text-align: center;
    padding-top: 3px;
}

.gridActionButtons2 {
    text-align: center;
    padding-top: 2px;
}

.gridActionButtonsOld {
    text-align: center;
    padding-top: 1px;
}

.searchToolBar {
    min-height: 30px;
    color: #707478;
}

    .searchToolBar a {
        margin-left: 4px;
        font-size: 13px;
        font-weight: bold;
        color: #707478;
    }

        .searchToolBar a:hover {
            color: #ffe000;
        }

    .searchToolBar input[type='button'] {
        float: right;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.modal-dialog {
    margin: 0px auto;
}

.ui-dialog {
    z-index: 1100;
}

.userLabel {
    width: 150px;
    text-align: right;
    line-height: 20px;
    height: 20px;
    margin: auto;
    vertical-align: top;
}

.userLabelLarge {
    width: 200px;
}

.nameLabel {
    line-height: 20px;
    height: 20px;
    margin: auto;
    vertical-align: top;
    display: none;
    font-weight: bold;
    text-align: left;
}

.customDialog {
    min-width: 300px;
}

    .customDialog.ui-dialog {
        z-index: 20100;
    }

    .customDialog .modal-footer {
        padding: 5px;
    }

.modal-footer a {
    margin-top: 5px;
}

.ui-dialog.customDialog .ui-dialog-titlebar {
    background: none;
    border-width: 0px;
}

#dlgConfirm {
    min-height: 50px !important;
}

    #dlgConfirm i {
        padding: 15px 0px;
        display: table-cell;
        vertical-align: middle;
    }

    #dlgConfirm span {
        padding: 10px 0px 10px 5px;
        display: table-cell;
        vertical-align: middle;
        min-height: 20px;
    }

.ui-dialog .ui-dialog-titlebar {
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-height: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin-top: -10px;
    border: none;
    background: none;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar-close:hover {
        color: #ffe000;
    }

.inputBox {
    height: 25px;
    width: auto /*250px !important*/;
    padding-left: 2px !important;
}

#tbEquipmentSerials {
    width: 100%;
}

    #tbEquipmentSerials .serial-input {
        width: 150px;
        height: 25px;
        margin-bottom: 2px;
    }

    #tbEquipmentSerials .serial-date {
        width: 120px;
        height: 25px;
        margin-bottom: 2px;
    }

    #tbEquipmentSerials tbody td {
        padding: 2px;
        padding-left: 5px;
        text-align: center;
    }

    #tbEquipmentSerials thead td {
        padding: 2px;
        padding-left: 5px;
        text-align: center;
    }

.InspectedPer .userLabel {
    width: auto;
    text-align: right;
}

.InspectedPer {
    text-align: left;
    margin-left: 60px;
}

    .InspectedPer label {
        margin-left: 5px;
        text-align: left;
    }

    .InspectedPer .modal-body {
        padding-top: 0;
    }

#roleBody {
    overflow: hidden;
}

.margin1 {
    margin-top: 1px;
}

.InspectedPer input {
    margin-left: 10px;
}

#selCrewSize, #jqStartTime, #jqEndTime {
    height: 25px;
}

.input .inputBox {
    width: 150px;
}

.inputBoxW {
    height: 25px;
    width: 99% !important;
    padding-left: 2px !important;
}

.borderTop {
    border-top: 1px solid #e2e7eb;
}

.popupInput {
    height: 25px;
    width: 100%;
    padding-left: 2px !important;
}

.modal-title {
    color: inherit;
}

.panel-title {
    font-size: 15px;
}

    .panel-title .fa-user:before, .panel-title .fa-male:before {
        padding-right: 10px;
    }

.popupCheckBox {
    height: 15px;
    width: 15px;
}

#addNewInspector {
    cursor: pointer;
}

.inspection-number {
    background-color: #999;
    color: #000;
    line-height: 24px;
    font-weight: bold;
    font-size: 16px;
    width: 100px;
}

#divSafetyJob {
    padding-bottom: 20px;
}

    #divSafetyJob div {
        float: left;
    }

.equipmenttd {
    padding: 5px;
}

.customColumn-10 {
    width: 10px;
    float: left;
}

.customColumn-75 {
    width: 75px;
    float: left;
}

.customColumn-130 {
    width: 130px;
    float: left;
}

.customColumn-60 {
    width: 60px;
    float: left;
}

.border-blue {
    border-color: #348fe2;
    border-style: solid;
    border-width: 1px;
}

.display-none {
    display: none;
}

.inputDiv {
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background: #f1f1f1;
    width: 70px;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.inputDivW {
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background: #f1f1f1;
    width: 100%;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 2px;
}

.inputDivW_right {
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background: #f1f1f1;
    width: 200px;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-right: 2px;
    text-align: right;
}

.txt-custom {
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background: #f1f1f1;
    width: 70px;
    height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.panel-bg {
    background-color: #fafaf5;
    border-color: #cacaca;
    border-style: solid;
    border-width: 1px;
}

.panel-bg-full {
    background-color: #f9f9f9;
    padding: 1px;
    border-color: #cacaca;
    border-style: solid;
    border-width: 1px;
}

.header-btn {
    font-weight: normal !important;
    padding: 3px 12px;
}

.btn-popup {
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 3px 12px;
    color: #ffffff !important;
}


.btn-primary:hover, .btn-default:hover {
    color: #ffe000 !important;
}

.input-warning {
    background: #faf4c8 !important;
    border-color: #f59c1a !important;
}

.readOnly {
    background-color: #f1f1f1 !important;
}

.redLine {
    color: black\9;
    background-color: #e83636\9;
}

    .redLine:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
        color: black;
        background-color: #e83636;
    }

textarea {
    font-size: 13px !important;
}


.dateSubTtl {
    font-size: 9px;
    background-color: transparent !important;
}

.timesheetInfo {
    border-right-width: 1px;
    border-right-color: #ffe000;
    border-right-style: solid;
    padding-right: 10px;
}

.filterBox {
    z-index: 9999;
}

.deleteFile {
    height: 16px;
    width: 16px;
    display: inline-block;
    border: 1px solid #cacaca;
    border-radius: 3px;
    background-color: #e4e5e5;
    cursor: pointer;
    background-image: url(../images/close.png);
    background-position: center;
    float: right;
}

.gridcellRequired {
    background-color: #F9966B !important;
}

#showImage {
    position: relative;
    float: left;
}

    #showImage button.removeImage {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.tsSubLbl {
    font-size: 8px;
}

.tsLbl {
    line-height: 10px;
    margin-top: 5px;
}


.columnHeader {
    text-align: center;
    width: 100px;
}

.gridHeader {
    margin-top: 10px;
    color: #497ab6;
}

.regSeparator {
    background-color: #707478;
    color: #ffe000;
    vertical-align: top;
    border-radius: 3px;
    padding-bottom: 3px;
}

.red_row {
    color: #ff5b57 !important;
}

.yellow_row {
    color: #f59c1a !important;
}

.green_row {
    color: #00acac !important;
}

.green_cell {
    background-color: #009900 !important;
    color: white;
}

.KisDivLegend {
    display: inline;
    float: left;
    color: #348fe2;
    border: 0px;
    vertical-align: top;
}

.table-cell {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}


.KISTextarea {
    border-radius: 3px;
    border: 1px solid rgb(170, 170, 170);
    color: #222222;
    padding: 4px 0px;
    font-size: 11px !important;
}

.adjCell a {
    color: green !important;
}

.voidedCell {
    background-color: #fda3a3 !important;
}

.asphaltTotal {
    color: white;
    margin-top: 3px;
    margin-right: 2px;
}

.panel-bg-full {
    padding: 1px;
    border-color: #cacaca;
    border-style: solid;
    border-width: 1px;
}

.searchToolBar {
    margin-left: 40px;
    margin-right: 80px;
    padding-right: 40px;
    margin-top: 5px;
    margin-right: 5px;
}

#jqxTabs {
    margin: 0 !important;
    padding: 0 !important;
}

.jqx-widget-content-dark {
    color: rgb(37, 40, 48) !important;
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(37, 40, 48);
}

.jqx-tabs {
    padding: 0 !important;
}

.jqx-tabs-headerWrapper {
    height: 48px !important;
}

.jqx-tabs-title-selected-top-dark, .extreme {
    background: #00b2eb !important;
}

.jqx-tabs-title-selected-top-dark {
    height: 36px !important;
}

.jqx-tabs-title-disable:hover {
    background: #3e3e42 !important;
}

.jqx-tabs-title-dark:hover {
    color: #ffffff;
}



.underline-input {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 2px solid black;
}

.label-for {
    padding-top: 5px;
    text-align: right;
}

.first {
    padding: 15px 0;
    margin: 0 !important;
}

    .first .row {
        margin: 0 !important;
    }

.saveAndBack .col-md-2, .saveAndBackbot .col-md-2 {
    float: none;
    margin: 0 auto;
}

.saveAndBack {
    border-bottom: 1px solid #e2e7eb;
    padding: 10px 0;
}

.saveAndBackbot {
    border-top: 1px solid #e2e7eb;
    padding: 10px 0;
}

.foot-input .row {
    padding-top: 20px;
}

.foot-input {
    padding-left: 50px;
}

.rows {
    padding-bottom: 50px;
    margin: 0;
}


    .rows .jqx-text-area {
        margin: 0 auto;
    }

.span-center {
    color: #ff5b57;
    font-size: 25px;
    display: block;
    text-align: center;
    padding-bottom: 30px;
}

.radio-row p {
    font-size: 18px;
}

.maininfo input {
    padding-left: 5px;
}

.maininfo span {
    font-size: 30px;
}

.maininfo .col-md-6 {
    border: 2px solid;
}

.standart-input {
    border: 1px solid;
    outline: 0;
    background: transparent;
    padding-left: 5px;
    padding-right: 0;
}

.check-center {
    display: block;
    text-align: center;
}

.notmargined {
    margin: 0 !important;
    padding-top: 10px !important;
}

.maininfos {
    margin: 0;
}

.pad {
    padding-right: 15px;
    padding-left: 15px;
}

.table-responsive th, .table-responsive tr {
    height: 35px;
}

    .table-responsive th[class^="col-"] {
        padding: 0;
    }

.maininfos div[class^="col-"] {
    padding: 0;
}

.maininfos .col-md-3 {
    padding-left: 10px !important;
}

.table-responsive th {
    display: block;
    text-align: center;
}

.notmargined div[class^="col-"] {
    padding-left: 5px;
    padding-right: 0;
}

#PinConnType {
    padding-left: 15px;
}

.standartInspectionsWrapper {
}

@media screen and (max-width: 590px) {
    .tableform span, .tableform label {
        font-size: 8px;
    }
}

.login {
    margin: 108px 0;
}

    .login label {
        color: #a2a2a2;
    }

.login-header .brand {
    text-align: center;
    color: #2a72b5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}

.login-content a {
    color: #a2a2a2;
}

#footerLogin {
    margin: 0 25px 0 25px;
    position: absolute;
}

#footerContent {
    margin: 0 25px 0 25px;
    padding-top: 0px;
}

#footer-logo {
    display: table-cell;
    padding-right: 15px;
    padding-top: 5px;
}

#footer-text {
    display: table-cell;
    font-size: 11px;
}

.btn-grid-action {
    color: #ffffff !important;
    font-size: 12px !important;
}

    .btn-grid-action:hover {
        color: yellow !important;
    }

.btn-danger:hover {
    color: yellow !important;
}

.top-menu-left {
    float: left;
}

.small-user-info {
    display: none;
}


#big-user-info li {
    z-index: 90 !important;
}

#big-user-info {
    padding-top: 80px;
    padding-right: 35px;
}

    #big-user-info .dropdown-toggle {
        color: yellow !important;
        background-color: transparent !important;
    }

    #big-user-info a.dropdown-toggle:hover {
        color: white !important;
        background-color: transparent !important;
        opacity: 1;
    }

    #big-user-info a {
        padding: 0px;
    }

    #big-user-info .dropdown-menu {
        padding-left: 10px;
        padding-right: 10px;
    }

        #big-user-info .dropdown-menu a {
            color: black !important;
            background-color: transparent !important;
        }


            #big-user-info .dropdown-menu a:hover {
                color: #348fe2 !important;
                background-color: transparent !important;
            }


.pace .pace-activity {
    top: 145px;
}

.container-fluid {
    background-image: url(../imgKIS/HeaderRightBG.png);
    background-position: right;
    background-repeat: no-repeat;
}

#login-container {
    background-image: url(../imgKIS/HeaderRightBG.png);
}

@media (max-width: 767px) {
    .navbar-title-right {
        display: none;
    }

    .top-menu .nav .sub-menu {
        border-width: 0px;
    }

    .top-menu-left {
        float: none;
    }

    .page-header-fixed {
        padding-top: 0px;
    }

    .content {
        padding-top: 111px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-header {
        float: none;
    }

    .top-menu {
        padding-left: 0px;
        position: relative;
        height: auto;
        display: none;
    }

        .top-menu .nav > li {
            display: block;
        }

        .top-menu .nav {
            margin: 0 !important;
        }

            .top-menu .nav .sub-menu {
                position: relative;
                top: 0;
                width: 100%;
            }

        .top-menu .sub-menu > li > a {
            padding-left: 44px;
        }

    #big-user-info {
        display: none;
    }

    #small-user-info {
        display: block;
        position: relative;
        top: 100px;
        height: 40px;
        background: white;
    }

        #small-user-info a {
            background-color: transparent;
        }

    .pace .pace-activity {
        top: 145px;
    }
}



.top-menu-right {
    float: right;
}


#InspectorForm .btn-file {
    height: 31px;
}

#toolbarcertGrid, #toolbareyeGrid {
    background-color: #ffffff;
}

.labelBox {
    background-color: #00acac;
    color: white;
    height: 25px;
    width: 100%;
    padding-left: 2px !important;
}


.KISFieldSet {
    border: 1px solid #aaaaaa;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}

.KISLegend {
    width: auto;
    margin-bottom: 0px;
    margin-left: 16px;
    border-bottom: 0px;
    font-size: inherit;
    color: #00498E;
    font-weight: bold;
}

.btnSave, .btnBack, .btnPrint, .btnSend, .btnPrintStandart, .btnCustomPrint, .btnKIS {
    padding: 4px;
    width: 100px;
    float: none;
}

.btnPrintSafeOnly {
    padding: 4px;
    width: 140px;
    float: none;
}

.btnSaveJobType, .btnDeleteJobType {
    padding: 4px;
    width: 150px;
    float: none;
}

.tabHdrTitle {
    color: #009900;
    font-size: 22px;
    font-weight: bold;
}

.tabHdrCustomerName {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
}

.tabHdrDate, .tabHdrInspectorName, .tabHdrInspectionNumber, .tabHdrJobType, .tabCustomerJobNum, .tabPreparedBy {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.tabHdrPartyMonitorSignature
{
        color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.tabHdrPartyMonitorSignatureBlock{
    border-width: 1px;border-style: solid;border-color: #bfbdbd;
}

.tabHdrCommonLbl {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

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

.tabHeadSection {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .tabHeadSection .form-group {
        margin-bottom: 2px;
    }

.center {
    text-align: center;
}

.hdrUndLine {
    text-decoration: underline;
    font-size: 14px;
}

.ul {
    text-decoration: underline;
}


.inspectionLbl {
    font-weight: bold;
    font-size: 18px;
}

.jqx-loader-icon {
    background-image: url(../imgKIS/ajax-loader.gif);
    margin-top: 5px;
}

.jqx-radiobutton-check-checked {
    background-color: #348fe2;
}

/*.jqx-checkbox-check-checked
{
    background-image: url(../images/check_blue.png);
}*/

.ObsCheckTable > tbody > tr > td {
    border-color: #000000 !important;
    padding: 5px 5px;
}

.ObsCheckTable > thead > tr > th {
    background-color: #FFDFBF;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px;
    border-color: #000000 !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-width: 1px !important;
}

.ObsCheckTable > tfoot > tr > td {
    background-color: #FFDFBF;
    font-weight: bold;
    padding: 5px 5px;
    border-color: #000000 !important;
}

.ObsCheckTable {
    padding-left: 20px;
    padding-right: 20px;
}

    .ObsCheckTable .checkColumn {
        width: 80px;
    }

    .ObsCheckTable .check {
        width: 20px;
        margin: 0 auto;
    }

    .ObsCheckTable .obsTotal {
        text-align: right;
    }



.ObsCheckNotesTable > tbody > tr > td {
    border-color: #000000 !important;
    padding: 10px 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.ObsCheckNotesTable > thead > tr > th {
    background-color: #BABABA;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px;
    border-color: #000000 !important;
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-width: 1px !important;
}

.ObsCheckNotesTable {
    padding-left: 20px;
    padding-right: 20px;
}

    .ObsCheckNotesTable #ObsCheckNotesRow1 {
        background-color: #FEFF9E;
    }

    .ObsCheckNotesTable #ObsCheckNotesRow2 {
        background-color: #FE983F;
    }

    .ObsCheckNotesTable #ObsCheckNotesRow3 {
        background-color: #FE643A;
    }

    .ObsCheckNotesTable #ObsCheckNotesRow4 {
        background-color: #FE000C;
        color: #ffffff;
    }



.clrOp0 {
    background-color: transparent !important;
    color: #242a30 !important;
}

    .clrOp0 input {
        background-color: transparent !important;
        color: #242a30 !important;
    }

/*#listitem2innerListBoxInspResults span,
#listitem3innerListBoxInspResults span,
#listitem4innerListBoxInspResults span,
#listitem5innerListBoxInspResults span,
#listitem6innerListBoxInspResults span,
#listitem7innerListBoxInspResults span,
#listitem8innerListBoxInspResults span,
#listitem9innerListBoxInspResults span,
#listitem10innerListBoxInspResults span,
#listitem11innerListBoxInspResults span,
#listitem12innerListBoxInspResults span,

#listitem2innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem3innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem4innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem5innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem6innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem7innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem8innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem9innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem10innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem11innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem12innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,

#listitem2innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem3innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem4innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem5innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem6innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem7innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem8innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem9innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem10innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem11innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem12innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ {
    background-color: yellow !important;
    color: #242a30 !important;
}

#listitem13innerListBoxInspResults span,
#listitem14innerListBoxInspResults span,
#listitem15innerListBoxInspResults span,
#listitem16innerListBoxInspResults span,

#listitem13innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem14innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem15innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem16innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,

#listitem13innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem14innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem15innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ,
#listitem16innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ  {
    background-color: red !important;
    color: #ffffff !important;
}

#listitem17innerListBoxInspResults span,
#listitem17innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem17innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ span {
    background-color: blue !important;
    color: #ffffff !important;
}

#listitem18innerListBoxInspResults span,
#listitem18innerListBoxdropdownlisteditorstandartInspectionsWrapperPinACCREJ span,
#listitem18innerListBoxdropdownlisteditorstandartInspectionsWrapperBoxACCREJ span  {
    background-color: orange !important;
    color: #ffffff !important;
}


.clrOp2 {
    background-color: yellow !important;
    color: #242a30 !important;
}

    .clrOp2 input {
        background-color: yellow !important;
        color: #242a30 !important;
    }

.clrOp3 {
    background-color: red !important;
    color: #ffffff !important;
}

    .clrOp3 input {
        background-color: red !important;
        color: #ffffff !important;
    }

.clrOp4 {
    background-color: blue !important;
    color: #ffffff !important;
}

    .clrOp4 input {
        background-color: blue !important;
        color: #ffffff !important;
    }

.clrOp5 {
    background-color: orange !important;
    color: #ffffff !important;
}

    .clrOp5 input {
        background-color: orange !important;
        color: #ffffff !important;
    }*/


.pagination > li > a, .pagination > li > span {
    padding: 3px 9px;
    border: 1px solid #348fe2;
}

.filterBtnClicked {
    color: #348fe2;
}

.top-menu .nav > li > a i {
    margin-right: 5px;
}

#gridAnalytics .jqx-widget-header div {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#gridDetails .jqx-widget-header div {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#gridTotal .jqx-widget-header div {
    margin-top: 0px !important;
    padding-top: 2px !important;
}


#standartInspectionsWrapper .jqx-widget-header div {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#standartInspectionsWrapper .gridActionButtons {
    padding-top: 2px;
}

#MotorInspectionsWrapper .jqx-widget-header div {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#MotorInspectionsWrapper .gridActionButtons {
    padding-top: 2px;
}
/*#adhocGrid .jqx-widget-header div {
    margin-top: 2px !important;
}*/

#adhocGrid .jqx-widget-header div:not(.jqx-grid-group-column):not(.jqx-icon-close) {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

#customerReportGrid .jqx-grid-column-header div:not(.jqx-grid-group-column):not(.jqx-icon-close):not(.jqx-checkbox-default) {
    margin-top: 0px !important;
    padding-top: 2px !important;
}

.customerReportGridSelection .jqx-fill-state-pressed {
    background-color: #00ff95 !important;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 4px;
    }
}

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

@media (min-width: 993px) {
    .jqx-text-area {
        margin-bottom: 15px;
    }
}

.jqx-switchbutton-label-on {
    color: white;
    background-color: #f59c1a;
}

.jqx-switchbutton-label-off {
    color: white;
    background-color: #348fe2;
}

.uppercase {
    text-transform: uppercase;
}

.inspectorPhoto {
    max-height: 110px;
    border: solid 1px #ddd;
    padding: 1px;
}

.file-preview-frame {
    height: 100% !important;
}

.file-preview-frame {
    float: none !important;
    display: block !important;
    margin: auto !important;
}

.file-drop-disabled img {
    display: block !important;
    margin: auto !important;
}

#JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(7) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(8) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(9) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(10) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(11) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(12) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(13) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(14) div div, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(15) div div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 100% !important;
    padding-top: 102px;
}

#JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(5) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(7) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(8) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(9) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(10) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(11) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(12) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(13) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(14) span, #JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(15) span {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(5) div div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 100% !important;
    padding-top: 62px;
}

#JobTypeTaskStepsGrid .jqx-grid-column-header:nth-child(24) div {
    margin-top: 38px !important;
}

#JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(7) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(8) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(9) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(10) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(11) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(12) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(13) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(14) div div, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(15) div div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 100% !important;
    padding-top: 102px;
}

#JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(5) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(7) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(8) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(9) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(10) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(11) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(12) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(13) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(14) span, #JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(15) span {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(5) div div {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 100% !important;
    padding-top: 62px;
}

#JobTypeTaskRiskAssessmentGrid .jqx-grid-column-header:nth-child(24) div {
    margin-top: 38px !important;
}

.custom-bordered {
    border-color: #00b2eb !important;
    border-style: solid !important;
    border-width: 1px !important;
}

#jqStartDate div.jqx-action-button {
    display: inline !important;
}

.inspCount {
    color: red;
}

.RedCell {
    color: white;
    background-color: #C00000;
}

.YellowCell {
    background-color: #FFFFCC;
}

.GreenCell {
    background-color: #C6E0B4;
}

#QAQCRepModalForm .appFieldSet {
    border-color: black;
    height: 200px;
    overflow-y: auto;
}

.appFieldSet {
    border: 1px solid #ffffff;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}

.appLegend {
    width: auto;
    margin-bottom: 0px;
    margin-left: 16px;
    border-bottom: 0px;
    font-size: inherit;
    font-weight: bold;
}

.SubTitleBorder {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #5d6b79;
    border-bottom-width: 1px;
}

.hiddenCellLast {
    background-color: #ffffff !important;
    pointer-events: none !important;
}

.hiddenCell {
    border-right-width: 0px;
    background-color: #ffffff !important;
    pointer-events: none !important;
}

    .hiddenCell div, .hiddenCellLast div, .hiddenCell input, .hiddenCellLast input {
        display: none !important;
        pointer-events: none !important;
    }

.ddlBlack {
    background-color: rgb(0, 0, 0) !important;
    color: white !important;
}

.ddlBrown {
    background-color: rgb(165, 42, 42) !important;
    color: white !important;
}

.ddlDarkOliveGreen {
    background-color: rgb(85, 107, 47) !important;
    color: white !important;
}

.ddlDarkGreen {
    background-color: rgb(0, 100, 0) !important;
    color: white !important;
}

.ddlIndigo {
    background-color: rgb(75, 0, 130) !important;
    color: black !important;
}

.ddlMidnightBlue {
    background-color: rgb(25, 25, 112) !important;
    color: white !important;
}

.ddlDarkBlue {
    background-color: rgb(0, 0, 139) !important;
    color: white !important;
}

.ddlDimGray {
    background-color: rgb(105, 105, 105) !important;
    color: black !important;
}

.ddlMaroon {
    background-color: rgb(128, 0, 0) !important;
    color: black !important;
}

.ddlTomato {
    background-color: rgb(255, 99, 71) !important;
    color: black !important;
}

.ddlOlive {
    background-color: rgb(128, 128, 0) !important;
    color: black !important;
}

.ddlGreen {
    background-color: rgb(0, 128, 0) !important;
    color: white !important;
}

.ddlTeal {
    background-color: rgb(0, 128, 128) !important;
    color: black !important;
}

.ddlBlue {
    background-color: rgb(0, 0, 255) !important;
    color: black !important;
}

.ddlSlateBlue {
    background-color: rgb(106, 90, 205) !important;
    color: black !important;
}

.ddlGray {
    background-color: rgb(128, 128, 128) !important;
    color: black !important;
}

.ddlRed {
    background-color: rgb(255, 0, 0) !important;
    color: white !important;
}

.ddlOrange {
    background-color: rgb(255, 165, 0) !important;
    color: black !important;
}

.ddlLimeGreen {
    background-color: rgb(50, 205, 50) !important;
    color: black !important;
}

.ddlSeaGreen {
    background-color: rgb(46, 139, 87) !important;
    color: black !important;
}

.ddlAqua {
    background-color: rgb(208, 255, 255) !important;
    color: black !important;
}

.ddlCornflowerBlue {
    background-color: rgb(100, 149, 237) !important;
    color: black !important;
}

.ddlDarkViolet {
    background-color: rgb(148, 0, 211) !important;
    color: black !important;
}

.ddlSilver {
    background-color: rgb(192, 192, 192) !important;
    color: black !important;
}

.ddlPink {
    background-color: rgb(255, 192, 203) !important;
    color: black !important;
}

.ddlGold {
    background-color: rgb(255, 215, 0) !important;
    color: black !important;
}

.ddlYellow {
    background-color: rgb(255, 255, 0) !important;
    color: black !important;
}

.ddlLime {
    background-color: rgb(0, 255, 0) !important;
    color: black !important;
}

.ddlTurquoise {
    background-color: rgb(64, 224, 208) !important;
    color: black !important;
}

.ddlLightBlue {
    background-color: rgb(173, 216, 230) !important;
    color: black !important;
}

.ddlPurple {
    background-color: rgb(128, 0, 128) !important;
    color: white !important;
}

.ddlLightGray {
    background-color: rgb(211, 211, 211) !important;
    color: black !important;
}

.ddlHotPink {
    background-color: rgb(255, 105, 180) !important;
    color: black !important;
}

.ddlTan {
    background-color: rgb(210, 180, 140) !important;
    color: black !important;
}

.ddlKhaki {
    background-color: rgb(240, 230, 140) !important;
    color: black !important;
}

.ddlLightGreen {
    background-color: rgb(144, 238, 144) !important;
    color: black !important;
}

.ddlPaleTurquoise {
    background-color: rgb(175, 238, 238) !important;
    color: black !important;
}

.ddlLightSteelBlue {
    background-color: rgb(176, 196, 222) !important;
    color: black !important;
}

.ddlPlum {
    background-color: rgb(221, 160, 221) !important;
    color: black !important;
}

.ddlWhite {
    background-color: rgb(255, 255, 255) !important;
    color: black !important;
}


.Pin_Box_Types_Header {
    text-align: center;
    padding: 5px 2px;
    background-color: lightgray;
    color: black;
    font-weight: 600;
    border-right: 6px solid white;
    border-left: 6px solid white;
}

.h-27 {
    height: 27px;
}

.lblGreen13B
{
    
    color: green;
    font-size: 13px;
    font-weight: bold;

}

.lblBlue12B
{
    
    color: #348fe2;
    font-weight: bold;

}