@font-face {
    font-family: "Norwester";
    src: url("/fonts/norwester.otf") format("opentype");
}

body {
    padding: 0 !important;
    background-color: #CCC !important;
    font-size: 10pt !important;
    font-family: Arial !important;
}

.navbar.navbar-inverse.navbar-fixed-top {
    background-color: #ffffff !important;
    border-bottom: 2px solid #DE1224 !important;
    max-height: 59px !important;
}

.container.body-content .row-contain {
    margin: 0 !important;
}

.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

.upMainPanel {
    width: 100%;
}

.container.body-content {
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.fs-hide {
    display: none !important;
}

.divIsDirty {
    float: right;
    clear: both;
    position: relative;
}

.divIsDirty div {
    float: right;
    position: absolute;
    right: 14px;
    top: 24px;
    font-size: 8pt;
    color: red;
    background-color: #ffecec;
    white-space: nowrap !important;
    padding: 2px 9px;
}

.divIsDirty div span {
    padding: 2px 4px;
    border: 1px solid red;
    background-color: #ff5f5f;
    color: white;
    border-radius: 3px;
    margin-left: 8px;
    cursor: pointer;
}

.fs-header {
    border: 1px solid #428bca;
    background-color: #428bca;
    margin: -7px -20px 3px -20px !important;
    border-radius: 6px 6px 0 0;
    padding: 9px 0 0 0;
    border-bottom: 2px solid #03A9F4 !important;
    color: #fff;
    height: 63px;
}

span#rdbOpNonOp, span#rdbOpNonOp label {
    cursor: pointer !important;
}

span#rdbOpNonOp span {
    border: 1px solid #95b8e7;
    padding: 7px 3px 5px 13px;
    margin-right: 7px;
    background-color: #e0ecff;
    line-height: 2.7em;
    cursor: pointer !important;
}

.divPropertyNumberParent {
    display: inherit;
    width: 47.6% !important;
}

.divPropertyNumberParent.step2 {
    display: inherit;
    width: 49.9% !important;
}

.divPropertyNumberParent.fs-has-col3 {
    margin-left: 43px;
}

.fs-row {
    display: flex;
    font-size: 10pt;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    min-height: 31px !important;
    height: auto !important;
}

.fs-row .btn {
    height: 26px;
    font-size: 10pt !important;
}

.fs-row .fs-label, .fs-row .fs-label-middle {
    min-width: 121px !important;
    padding-left: 0;
    padding-right: 4px;
    font-weight: bold;
    vertical-align: top;
}

.fs-row .fs-label-middle, .fs-row .fs-label-middle-right {
    vertical-align: middle !important;
    margin-top: 30px;
}

.fs-row .fs-label-middle-right, .fs-row .fs-label-right {
    text-align: right !important;
}

.fs-margin {
    width: 225px !important;
}

.fs-row .fs-title {
    padding: 0 0 8px 13px;
    margin: 13px 13px -9px 0;
    color: #ccc;
}

.fs-row .fs-field.fs-has-margin {
    margin-left: 0;
    width: 227px !Important;
    min-width: 227px !important;
    display: inline-block;
}

.fs-row .fs-has-margin .fs-label {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
}

.divStep i.far.fa-check-circle, .fs-green {
    color: #08bd10;
}

.fs-field i.far.fa-circle {
    color: gainsboro !important;
}

.fs-field i.far.fa-check-circle, .fs-field i.far, .fs-field i.fas {
    font-size: 17pt;
    color: #a7a7a7;
    position: relative;
    top: 4px;
    left: -3px;
    margin: 0 3px 0 1px;
}

.fa-check-circle.fs-check-existing {
    color: #1eaf20 !important;
}

.filediv > div {
    padding: 0 4px;
}

    .filediv > div i {
        font-size: 19px !important;
        top: 2px !important;
        left: -3px !important;
    }

.fs-row .fs-field label {
    padding-right: 22px;
}

.fs-row .fs-col2 {
    margin-left: 3px !important;
    min-width: 164px !important;
    width: 154px !important;
    margin: 0 0 0 0 !important;
    padding-left: 14px !important;
}

.fs-label.fs-col3 {
    margin-left: 3px !important;
    min-width: 18px !important;
    width: 80px !important;
    margin: 0 0 0 0 !important;
    padding-left: 0 !important;
}

.fs-label.fs-col2.fs-col3 {
    width: 125px !important;
    min-width: 125px !Important;
}

.fs-field.fs-has-col3 {
    min-width: 9px !important;
    width: 157px !important;
}

.fs-row .fs-label.fs-col4, .fs-row .fs-label.fs-col5, .fs-row .fs-label.fs-col6 {
    width: 17% !important;
    min-width: 95px !important;
}

.fs-row .fs-field.fs-col4, .fs-row .fs-field.fs-col5, .fs-row .fs-field.fs-col6 {
    min-width: 50px !important;
    width: 20% !important;
}

.fs-row .fs-field.fs-col4 > span, .fs-row .fs-field.fs-col5 > span, .fs-row .fs-field.fs-col6 > span {
    min-width: 55px !important;
    width: 90% !important;
}

.fs-row .fs-field.fs-col4 .fs-label.fs-col4, .fs-row .fs-field.fs-col5 .fs-label.fs-col5, .fs-row .fs-field.fs-col6 .fs-label.fs-col6 {
    width: 107% !important;
    min-width: 95px !important;
}

.fs-row .fs-field.fs-col6 .fs-label.fs-col6 {
    width: 77% !important;
    min-width: 35px !important;
}

.fs-row .fs-field.fs-col7 > span {
    min-width: 75px !important;
    width: 98% !important;
}

.fs-row .fs-field.fs-col7 .fs-label.fs-col7 {
    width: 77% !important;
    min-width: 35px !important;
}

.fs-label.fs-label-middle.fs-col7 {
    width: 131px !important;
    min-width: 30px !important;
    text-align: center;
}

.fs-center {
    text-align: center;
}

.fs-bold {
    font-weight: bold;
}

.divSection .divSubSection .fs-row .fs-label, .divSection .divSubSection .fs-row .fs-label-middle {
    min-width: 30px !important;
    padding-left: 2px !important;
}

.divSection .divSubSection .fs-row .fs-label.fs-col7.fs-col-emiss {
    min-width: 75px !important;
}

.divSubSection .fs-row .fs-field.fs-col7 {
    min-width: 88px;
    width: 100%;
}

.fs-row.SepWithNextHeader {
    margin-bottom: 19px;
}

div#filediv {
    margin-right: 55px !important;
    height: 30px;
    width: 110px;
    margin: 0 0 5px 0;
}

.divSubGrid {
    overflow: auto;
}

.fs-row hr {
    border: 1px solid gainsboro !important;
    width: 100% !important;
    clear: left !important;
    float: left !important;
}

.fs-row .fs-field {
    min-width: 167px;
    width: 100%;
}

.fs-row .fs-field .textbox {
    margin: 0;
}

i.fas.fa-search {
    color: #503535;
}

.fs-float-right {
    float: right !important;
}

.fs-float-left {
    float: left !important;
}

.fs-field.divInjurySection {
    width: 151px !important;
}

.fs-label.fs-col2.divLocationLeftRight {
    width: 135px !important;
    min-width: 135px !important;
}

.cboSwitchRole, .cboSwitchRole option {
    font-size: 9pt;
}

.divSwitchRole {
    float: right;
    margin: 0 23px 0 0;
}

textarea[readonly] {
    background-color: #F5F5F5;
    color: black;
}

.combo-arrow:hover {
    background-color: #004f94 !important;
    cursor: pointer !important;
}

.fs-row .fs-field .fa-plus-square {
    font-size: 17pt;
    position: relative;
    top: 5px;
    margin: 0 19px;
    color: #428bca;
}

.textbox-disabled, .textbox-label-disabled {
    opacity: 1 !important;
    color: black !important;
}

.fs-error {
    padding: 10px;
    color: red;
    width: 450px;
    text-align: center;
    margin: 2% auto 12%;
}

.divFullError {
    color: red;
    width: 100% !important;
    margin: 0 auto 0 !important;
    text-align: left !important;
}

.lnkFullError {
    color: #ef4646;
    cursor: pointer;
    font-size: 9pt;
}

.fs-error-span {
    color: red;
}

.divItemIndexID {
    float: left;
    position: absolute;
    background-color: #70889e;
    color: #ffffff;
    margin: -9px 0 0 -18px;
    border-radius: 0 0 0 0;
    padding: 1px 7px 0 5px;
    height: 23px;
    font-weight: bold;
    font-size: 12px;
    border-width: 0 1px 1px 0 !important;
}

.divUPPERCaseInput input, .fs-upper {
    text-transform: uppercase;
}

.switchbutton-on {
    background: #1eaf20 !important;
    color: #FFFFFF !important;
}

.switchbutton-off {
    background-color: #efefef !important;
    color: #000000 !important;
}

span.switchbutton {
    float: left;
    margin: 2px 9px 0 0;
}

.error-row {
    border: 1px solid #fab9b8;
}

.fs-field.divWellsOnPadList .datagrid-header-row {
    display: none !important;
}

.fs-field.divHasWellsOnPad.divWellsOnPadList {
    top: -51px;
    height: auto !important;
    border: 0 solid #eeeeee !important;
    max-height: 98px;
    overflow: visible !important;
    border-radius: 1px;
    border-top-width: 0 !important;
    min-height: 50px !Important;
    vertical-align: middle !important;
}


.divHasWellsOnPad .divDashboard {
    float: none;
    position: initial;
    left: 0;
    top: 0;
    width: auto !important;
    color: #428bca;
    min-height: 35px;
    height: auto;
}

.divHasWellsOnPad .divDashboard .divDashItem .body {
    border: 1px solid #efefef !important;
    top: 0 !important;
    height: auto !important;
    overflow: visible !important;
    max-height: initial !important;
    min-height: 29px;
}

.divHasWellsOnPad .divDashboard .divDashItem.body div:hover, .divHasWellsOnPad .divDashboard .divDashItem .rowActive {
    border-bottom: 0 !Important;
}

.divHasWellsOnPad .divDashboard .divDashItem .body div {
    cursor: default !important;
    border-bottom: 1px dashed #eeeeee !important;
    background-color: #fff;
}

.divHasWellsOnPad {
    position: relative;
    top: -36px;
}

.fs-field.divWellsOnPadList {
    width: 357px !Important;
    min-height: 25px;
    border: 0 solid #90afca;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70px;
    padding: 0;
}

.fs-field.divWellsOnPadList .datagrid-wrap.panel-body.panel-body-noheader {
    border: 0 solid red;
}

.btn-lg.OKBtn.btn-Save {
    color: #ffffff;
    background-color: #388E3C !important;
    border-color: #2E7D32 !important;
}

.btn-lg.OKBtn.btn-Save:hover {
    color: #ffffff;
    background-color: #38a93d !important;
    border-color: #2E7D32 !important;
}

.btn-lg.OKBtn {
    color: #ffffff;
    background-color: #3171a8 !important;
    border-color: #3171a8 !important;
}

.btn-lg.OKBtn:hover {
    color: #ffffff;
    background-color: #228bca !important;
    border-color: #0b527c !important;
}

a.btn.btn-primary.btn-lg.searchbtn.lbtReset, a.btn.btn-primary.btn-lg.CancelBtn {
    background-color: #b54c4c !important;
    border: 1px solid #9a3838 !important;
}

a.btn.btn-primary.btn-lg.searchbtn.lbtReset:hover, a.btn.btn-primary.btn-lg.CancelBtn:hover {
    background-color: #bd3c3c !important;
}

.divPopupWindow.fsPopup a.btn.btn-primary.btn-lg.CancelBtn {
    position: absolute;
}

.fs-field.divPadNameLookUp {
    width: 256px !important;
}

.fs-label.divWellsOnPad {
    width: 102px !important;
    min-width: 7px !important;
}

.fs-repeated-row .fs-label.fs-col2 {
    margin-left: 0 !important;
    min-width: 85px !important;
    width: 136px !important;
}

.fs-repeated-row .fs-field.divVolumeSpilledBbls {
    width: 273px !important;
}

.fs-repeater-items {
    width: 104.4%;
    display: block;
    margin: 15px 0 0 -20px;
}

.fs-repeated-row {
    width: 100%;
    display: inline-flex;
    margin: 6px 0;
    padding: 5px 0 0 17px;
}

.fs-repeated-row input[type="image"] {
    margin: 5px 0;
}

.fs-repeated-row .fs-field {
    width: 278px !important;
}

.fs-repeater-item {
    margin: 10px 0 10px 0 !important;
    padding: 9px 0 9px 18px;
    border-top: 1px dotted #dddddd;
}

.fs-repeater-item.item-alt {
    background-color: #fafafa;
    margin: 10px 0 -10px 0 !important;
}

.fs-repeater-item.item-alt input.textinput, .fs-repeater-item.item-alt textarea.textinput, .fs-repeater-item.item-alt input.textbox-text {
    background-color: #fff !important;
}

.divTitleRepeater {
    border: 1px solid #428bca;
    width: 200px;
    white-space: nowrap !important;
    border-width: 2px 0 0 0 !important;
    margin: 18px 12px -16px 12px;
    text-align: left !important;
    padding: 2px 0 0 15px;
    border-radius: 8px 8px 0 0 !important;
    height: 32px;
    font-size: 10pt;
    background-color: #ecf4ff;
    font-weight: bold;
}

a#MainContent_lnkAddTransfer {
    margin-left: 12px !important;
}

.msgContent .fs-message-icon, .msgContent .fs-message-icon-success {
    font-size: 28pt;
    float: left;
    color: red;
    margin: -9px 8px 0 -3px;
}

.msgContent .fs-message-icon-success {
    color: green !important;
}

.tdAdminOnly {
    position: absolute;
    left: 144px;
    margin-top: 8px;
}

td.fs-empty-row {
    line-height: 0.6em;
}

.fs-repeated-row i.fa.fa-times.fs-disbaled {
    color: #efefef !important;
    cursor: default !important;
}

.fs-repeated-row i.fas.fa-times {
    color: red;
    font-size: 15pt;
    float: right;
    padding-top: 6px;
    cursor: pointer;
}

.btnDelete {
    background-position: center;
    background-position: center center;
    border: 1px solid red;
}

.divItemDeleted {
    border: 1px dashed red !important;
}

.divItemDeleted .fs-row {
    opacity: 0.3 !important;
}

.divItemDeleted .fs-row.rowDelete {
    opacity: 1 !important;
}

.btn.btnDelete.btn-primary.btn-danger.btn-lg {
    margin-left: 161px !important;
}

.btn.btn-danger {
    color: #ffffff;
    background-color: #b94a48;
    border-color: #bb1916;
}

h1, h2, h3 {
    margin-top: -13px !important;
    margin-bottom: 10px !important;
}

h4, h5, h6 {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    font-weight: bold !important;
}

.btn {
    padding: 4px 19px 4px 9px !important;
    font-size: 15px !important;
    line-height: 1.33 !important;
    border-radius: 4px !important;
}

a.btn.btnSaveAsDraft.btn-primary.btn-lg {
    float: right;
    margin: 0 6px 0 0 !important;
}

.btnSubmit, .btnSaveDraft {
    float: right !important;
}

a.btn.btnSubmit.btn-primary.btn-lg, button.btn.btnSubmit.btn-primary.btn-lg {
    float: right !important;
    height: 29px !important;
    background-color: green !important;
}

.fs-align-right a.btnSaveDraft.btn.btn-primary.btn-lg {
    margin-right: 9px !important;
    background-color: #009688 !important;
    border-color: #00796B !important;
}

.divBar {
    top: -25px;
    position: relative;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.05);
    z-index: 0;
    left: 6px;
    width: 65%;
}

.divStep {
    display: -webkit-box;
    width: 69%;
    padding: 0 !important;
    margin: 0 !important;
    height: 30px !important;
}

.divBarStep {
    float: left;
    position: relative;
    left: -18px;
    top: 0;
    width: 49%;
    clear: both;
    color: #555;
}

.fs-italic {
    font-style: italic !important;
    color: #9c9c9c !important;
}

.divMenuAction {
    position: absolute;
    right: 46px;
    z-index: 100111;
}

.divMenuAction .divMenuItem {
    margin: 0 0 0 0;
    font-size: 9pt;
    border-right: 1px solid #E3F2FD;
    padding: 12px 16px;
}

    .divMenuAction .divMenuItem i {
        margin-right: 4px;
    }

.divMenuAction.HorizMenu .divMenuItem i {
    font-size: 11pt;
    margin-right: 9px;
}

.divMenuAction.HorizMenu {
    text-align: left;
    border: 1px solid #68aece;
    background-color: #e3f2fd !important;
    left: 0;
    top: -4px;
    position: relative;
    border-radius: 5px;
    border-color: #d2e8f7 #d1dfea #68aece #dbe6ef;
    height: 51px;
    display: inline-block;
    z-index: 500;
    padding: 0 1px;
    border-width: 1px 7px;
    margin: 0 -1px;
}

.divMenuAction.HorizMenu .divMenuItem {
    margin: 0 0 0 0;
    font-size: 9pt;
    border-left: 0 solid #ffffff;
    border-right: 1px solid #dbdfe2;
    padding: 5px 5.5px;
    text-decoration: none !important;
    border-radius: 4px;
}

.divMenuAction.HorizMenu .divMenuItem:last-child {
    margin-right: 17px;
    border-right: 0 solid #dbdfe2;
}

.divMenuAction.HorizMenu .divMenuItem:not(.fs-disabled):hover {
    background-color: #0081c2;
    color: #ffffff;
    text-decoration: none !important;
}

.divMenuAction.HorizMenu .divMenuItem.fs-disabled {
    cursor: default !important;
}

.divMenuAction.HorizMenu a.btnAddNewWellH, .divMenuAction.HorizMenu a.btnClearValidation {
    background-color: #616161;
    color: white;
    border-radius: 5px;
    padding: 8px 14px !important;
    text-decoration: none !important;
    margin-right: 12px;
}

.divMenuAction.HorizMenu a.btnClearValidation {
    background-color: #bb1919 !important;
    color: white;
}

.divSection .divDashboard {
    position: unset;
    left: 4px;
    width: 100%;
    color: #428bca;
    min-height: 135px;
    height: auto;
}

.divDashItem.divPending.active .head {
    border: 1px solid #9E9E9E;
    border-width: 1px 1px 0 1px;
    background-color: #616161 !important;
    color: #ffffff;
}

.divDashItem.divPending.active .body {
    border-top: 2px solid #616161 !important;
}

.divDashItem.divAvailable .head {
    background-color: #efefef !important;
    border: 1px solid #d2d2d2;
    border-width: 1px 1px 0 1px;
}

.divDashItem.divAvailable.active .head {
    border: 1px solid #7cb5e6;
    border-width: 1px 1px 0 1px;
    background-color: #428bca !important;
    color: white;
}

.divDashItem.divAvailable.active .body {
    border-top: 2px solid #428bca !important;
}

.divDashItem.divCompleted.head {
    background-color: #E8F5E9 !important;
    color: #4CAF50;
    border: 1px solid #A5D6A7;
    border-width: 1px 1px 0 1px;
    position: relative;
}

.divDashItem.divCompleted.active .head {
    background-color: #699869 !important;
    border: 1px solid #7dd27d;
    color: white;
    border-width: 1px 1px 0 1px;
}

.divDashItem.divCompleted.active .body {
    border-top: 2px solid #699869 !important;
}

.divDashItem.divRejected .head {
    background-color: #FFEBEE !important;
    color: #E57373;
    position: relative;
    border: 1px solid #EF9A9A;
    border-width: 1px 1px 0 1px;
}

.divDashItem.divRejected.active .head {
    background-color: #b93030 !important;
    border: 1px solid #c58383;
    border-width: 1px 1px 0 1px;
    color: white;
}

.divDashItem.divRejected.active .body {
    border-top: 2px solid #b93030 !important;
}

.divDashItem.divRejected .body .datagrid-row-alt {
    background-color: #FFEBEE !important;
}

.divDashItem .head {
    width: 19% !important;
    float: left;
    font-size: 10pt;
    border-radius: 8px 7px 0 0;
    border: 1px solid #d2d2d2;
    border-width: 1px 1px 0 1px;
    margin-right: -16px;
    padding: 4px 0 0 0;
    z-index: 61 !important;
    height: 36px;
    position: relative;
    margin-top: -8px !important;
    background-color: #efefef !important;
    text-align: center !important;
    left: 0;
    font-weight: bold;
}

.divDashboard .divDashItem.active {
    z-index: 15000 !important;
}

.divDashBoardHeader .divDashboard .divDashItem.active .head {
    z-index: 62 !important;
    font-size: 10pt;
    border-width: 1px 1px 0 1px;
    height: 47px !Important;
    margin-top: -18px !Important;
    padding: 7px 0 0 6px;
    border-top: 3px solid #ff1814;
    font-weight: bold;
}

.divDashboard .divDashItem {
    z-index: 14995 !important;
}

.divDashboard .divDashItem.divPending .head {
    z-index: 61 !important;
}

.divDashboard .divDashItem.divAvailable .head {
    z-index: 60 !important;
}

.divDashboard .divDashItem.divCompleted .head {
    z-index: 59 !important;
}

.divDashItem.active .head.fs-fullwidth {
    width: 100% !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #dddddd !important;
    height: 31px !important;
}

.divDashItem .head span.spFilter {
    padding: 0 10px;
    float: right;
}

.divDashItem .head span.isZero {
    color: #555555 !important;
    background-color: #CCC !important;
}

.divDashItem.active .body {
    z-index: 60 !important;
    padding-top: 0;
}

.rowActive {
    background-color: #428bca;
    color: white !important;
}

.divDashItem .body div:hover, .rowActive {
    border-bottom: 1px !Important;
}

.divDashItem > .body > div {
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 1px dashed #eeeeee;
    color: #555555;
    border-width: 1px !important;
}

.divDashItem .body {
    width: 100% !important;
    float: none;
    font-size: 10pt;
    border: 1px solid #dddddd;
    margin-right: 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 28px;
    min-height: 655px;
    height: auto;
    z-index: 0 !important;
    background-color: white !Important;
    border-top: 1px solid #428bca;
    overflow-y: auto;
    border-width: 1px !important;
}

.divSearchSection .divFloatingTab {
    width: 694px;
    position: relative;
    right: 5px;
    z-index: 1000;
    top: -26px;
    float: right;
}

.divSearchSection .divFloatingTab.Expanded {
    width: 860px;
}

.divSearchSection .divFloatingTab.Expanded .divDashItem .head {
    text-align: left !important;
    font-weight: bold;
}

.divSearchSection .divFloatingTab.Expanded .divDashItem .body {
    min-height: 424px;
}

.divFloatingTab .divDashboard {
    position: absolute;
    right: 0;
}

.divFloatingTab span.spBtnMaxMin {
    float: right;
    padding: 0 8px 0 9px;
    border: 1px solid #90CAF9;
    margin: -1px 3px 0 0;
    border-radius: 3px;
}

.divSearchSection .divDashItem .body {
    width: 100% !important;
    float: none;
    font-size: 10pt;
    border: 1px solid #dddddd;
    margin-right: 0;
    padding: 0 0 0 0;
    position: initial;
    top: 0;
    min-height: 114px;
    height: auto;
    max-height: 130px !important;
    z-index: 0 !important;
    background-color: white !Important;
    border-top: 1px solid #78bff1;
    overflow-y: auto;
    border-width: 1px !important;
}

.divSearchSection .divDashItem .head {
    width: 100% !important;
    float: left;
    font-size: 10pt;
    border-radius: 3px 3px 0 0;
    border: 1px solid #4cabc5;
    border-width: 1px 1px 0 1px;
    margin-right: 1px;
    padding: 4px 0 0 6px;
    z-index: 61 !important;
    height: 39px;
    background-color: #efefef !important;
    position: relative;
    background-color: #e3f2fd !important;
    color: #1377a5;
    text-align: left !important;
}

.divBarStep .divStep i.far.fa-dot-circle.fa-circle {
    color: #0ba20b;
}

.divViewPDF a i.fa.fa-file-pdf {
    font-size: 15pt;
    position: relative;
    top: 2px;
    left: -7px;
}

.divViewPDF {
    position: relative;
    left: -14px;
    top: -11px;
}

.divBarStep .divStep div.divPDF, .divViewPDF a {
    cursor: pointer;
    font-size: 10pt;
    color: #e2e5e9 !important;
}

.divBarStep .divStep div.divPDF:hover, .divViewPDF a:hover {
    color: white !important;
    text-decoration: none;
}

.divBarStep .divStep div.divUser {
    min-width: 124px;
}

.fs-cursor {
    cursor: pointer !important;
}

.fs-margin-1-word {
    width: 125px;
    padding-left: 48px;
}

.divBarStep .divStep div {
    float: inherit !important;
    position: relative;
    top: 8px;
    font-size: 10pt;
    left: 9px;
    min-width: 85px;
    text-transform: capitalize;
    border-left: 1px dotted #dddddd;
    padding: 0 15px 0 9px !important;
    margin-bottom: 5px;
}

.divBarStep .divStep i.fs.fs-dashed {
    border: 0 solid #cccccc;
    height: 1px !important;
    min-height: 1px !important;
    width: 15px;
    padding: 0;
    margin: 0;
    color: #ccc;
    display: none !important;
}

.divBarStep .divStep div:nth-child(2) {
    border: 0 solid gray !Important;
    font-weight: bold !important;
}

.divDashBoardHeader {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: -32px;
    padding-top: 0;
    position: relative;
    top: 30px;
}

.lead {
    margin-bottom: 8px !important;
}

input.txtAddBulk.textinput.easyui-numberbox.fs-float-left {
    margin: -1px 0 0 7px;
    font-size: 9pt !important;
}

span.textbox.numberbox.spanAddBulk {
    height: 29px !important;
    margin: -23px 0 0 0;
}

input.textinput, textarea.textinput, input.textbox-text {
    width: 280px;
    border-radius: 3px;
    border: 1px solid #90afca;
    height: 29px;
    background-color: #f9fdff;
    padding: 0px 10px !important;
}

.divPopupWindow .msgContent span.textbox input[readonly], .divPopupWindow .msgContent span.textbox .textbox.textbox-readonly input {
    background-color: #e8ecf1;
    border: 1px solid white !important;
    color: #3e3e3e !important;
}

.textbox .textbox-text, .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
    font-size: 10pt !important;
}

.textMultiLine {
    min-height: 129px !important;
}

.noselectd {
    cursor: default;
    -webkit-touch-callout: none;
    user-select: none;
}

.msgBtn .btn.NewBtn.fs-right {
    float: left !important;
}

.msgBtn {
    margin-right: 8px !important;
}

.fs-align-right {
    text-align: right !important;
    width: 97.5% !important;
    margin-top: 77px;
    margin-bottom: 16px;
    height: 30px;
}

.fs-right {
    position: absolute;
    right: 32px;
}

.divSection hr.sep {
    border-top: 1px solid #78bff1;
}

.divSection .divSubSection {
    width: 49% !important;
    max-width: 49% !important;
    float: left;
    border: 1px solid #f5f5f5;
    border-radius: 5px 5px 0 0;
    margin-right: 5px;
}

.divSection .divSubSection .fs-row {
    width: 100%;
}

.divSection .divSubSectionHeader {
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    background-color: #E3F2FD;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #b94a48;
}

.CatalystBorder {
    position: absolute;
    border: 1px solid gainsboro;
    height: 77px;
    width: 282px;
    border-top: 0 solid gainsboro;
}

.fs-Clear {
    clear: both !important;
}

hr {
    margin: 10px 7px 20px 0 !important;
}

hr.hrHoleLoc {
    width: 80%;
    float: right;
}

.txtTransferNotes {
    max-width: 100% !important;
    min-width: 96% !important;
    width: 98.7% !important;
}

.fs-spacer {
    width: 327px;
}

.sidebar {
    float: left;
    width: 225px;
    color: white;
    background-color: #303641;
    min-height: 1000px;
    margin-bottom: -90px;
    display: none !important;
}

.logogroup .logo {
    font-size: 27pt;
    display: block;
    width: 100%;
    padding: 3px 6px;
}

.logogroup .logo .logoimg {
    display: inline-block;
}

.logogroup .logo .logoimg img {
    padding: 0 8px 6px 0;
    width: 110px;
}

.logogroup .logo .logoimg span, .logogroup .logo .logoimg a {
    font-size: 12pt;
    margin: 0 0 10px 16px;
    font-weight: bold !important;
    color: #555555;
    text-transform: uppercase;
    font-family: arial;
    top: -9px;
    position: relative;
    border-left: 5px solid #eeeeee;
    padding: 10px 17px;
}

.logogroup .logo .logobtn {
    float: right;
    font-size: 13pt;
    font-weight: lighter;
    color: #9ca2ad;
    margin: 10px 6px;
    border: 1px solid #9ca2ad;
    padding: 2px 7px;
    border-radius: 3px;
}

.sidebar .menumain .menuitem {
    height: 40px;
    border-bottom: 1px solid #414958;
    background-color: #262b35;
    color: #bec2ca;
    font-size: 10pt;
    padding: 11px 0 0 11px;
}

.sidebar .menumain .menuitem:hover {
    background-color: #3c6d98;
}

.sidebar .menumain .menuitem a, .sidebar .menumain .menuitem a:hover {
    color: white;
    text-decoration: none;
}

.sidebar .menumain .menuitem .fas,
.sidebar .menumain .menuitem .fab {
    padding-right: 5px;
}

.jumbotron {
    background-color: white;
}

.jumbotron.widget {
    /*padding: 7px 20px !important;*/
    /*margin: 76px 1% 0 0 !important;*/
    min-width: 575px !important;
    min-height: 920px;
}

.jumbotron.widget h4 {
    text-align: left;
    margin: 11px 0 20px 31px !important;
    width: 388px !important;
    display: -webkit-inline-box;
    font-size: 12pt !important;
}

.jumbotron.widget h4 span {
    font-size: 10pt !important;
}

@media screen and (max-width: 1681px) {
    body {
        zoom: 0.9 !important;
    }
}

@media screen and (max-width: 1150px) {
/*    .container .jumbotron.widget {
        margin: 76px 0 0 2px !important;
    }*/

    .fs-repeater-items {
        width: 104%;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1295px) {
    .container .jumbotron.widget {
        margin: 76px 0.5% 0 !important;
        min-width: 1194px !important;
    }

    .fs-repeater-items {
        width: 102.6%;
    }
}

@media screen and (min-width: 1295px) and (max-width: 1565px) {
    .container .jumbotron.widget {
        margin: 76px 1% 0 !important;
        min-width: 1494px !important;
    }

    .fs-repeater-items {
        width: 104.2%;
    }
}

@media screen and (min-width: 1565px) and (max-width: 1920px) {
    .container .jumbotron.widget {
        margin: 76px 1% 0 !important;
        min-width: 1869px !important;
    }

    .fs-repeater-items {
        width: 103.5%;
    }
}

.fs-field .fs-search {
    float: left;
    position: absolute;
    margin-left: 15px;
}

.divLoadTransfers {
    float: right;
    height: 29px !important;
    display: flex;
    margin: 7px 15px 15px 15px;
}

.divLoadTransfers span.textbox.combo {
    margin-right: 15px;
}

i.fas.fa-file-alt.addmt {
    margin: -3px 4px 4px 4px;
    font-size: 16pt;
    border: 1px solid #76b3e7;
    padding: 6px 8px 28px 8px;
    border-radius: 3px;
    background-color: #3171a8;
    cursor: pointer;
}

td.fs-field.file-items {
    width: 500px !important;
}

td.fs-field.file-items .file-item {
    border: 1px solid #90CAF9;
    background-color: #E1F5FE;
    margin: 2px 2px;
    padding: 1px 7px;
    width: 246px;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: #184267;
    font-weight: bold;
    font-size: 8pt;
    display: inline-flex;
    border-radius: 3px;
}

.contectMenu.menu-top.menu {
    min-width: 255px !important;
    background-color: #ffffff !important;
    width: auto !important;
}

.contectMenu.menu-top.menu .menu-item.menu-hr, .contectMenu.menu-top.menu .menu-item.menu-active.menu-hr {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #444 !important;
    cursor: default !important;
    height: 5px !important;
}

.contectMenu.menu-top.menu .menu-line {
    position: absolute;
    left: 31px;
}

.menu-item {
    border-color: transparent;
    _border-color: #fafafa;
    height: 27px !important;
    padding: 4px !important;
}

.menu-item.menu-active {
    border-color: #0081c2 !important;
    color: #000000;
    background: #0081c2 !important;
}

.menu-item .menu-text {
    width: 100% !important;
}

.menu-item .menu-text hr {
    width: 100% !important;
    border: 1px solid #ffffff !important;
    margin: 0 3px 0 1px !important;
    height: 0.1px !important;
    border-style: inset !important;
}

.menu-item .menu-icon {
    left: 8px;
    top: 26%;
    margin-top: 0;
}

.datagrid-header td.datagrid-cell, .datagrid-header td.datagrid-header-over {
    color: #555555 !important;
    background-color: #de1224 !important;
    font-weight: bold;
}

td[field='mweStatus'] i.fas.fa-check-circle,
td[field='isReady'] i.Approved, td[field='isInitiated'] i.Approved {
    color: #4CAF50;
    font-size: 12pt;
}

td[field='isReady'] i.Pending, td[field='isInitiated'] i.Pending {
    color: #eac502;
    font-size: 12pt;
}

td[field='isReady'] i.Rejected,
td[field='mweStatus'] i.fas.fa-times-circle,
td[field='mweStatus'] i.fas.fa-ban {
    color: #e40f0f;
    font-size: 12pt;
}

td[field="LMUser"] {
    white-space: nowrap !important;
}

td[field="amwAttachmentFileURL"] div a, .txtSHLoc, .txtBHLoc {
    text-transform: capitalize !important;
}

.fs-Capitalize input {
    text-transform: uppercase !important;
}

.divSectionAddModify {
    width: 692px !important;
    padding-right: 22px;
}

.fs-emptysquare {
    padding: 8px 24px;
}

td[field="AttachmentCount"] div, td[field="AttachmentCount"] div i.fas.fa-paperclip {
    font-size: 9pt !important;
    color: #000;
    position: initial;
    margin: 0 3px 0 1px;
}

.datagrid-body td[field="WellName"] {
    font-weight: bold !important;
    width: 29px !important;
}

.datagrid-body td[field="mweWellName"] div {
    text-transform: uppercase;
    font-size: 9pt !important;
}

td[field="RowDelete"], td[field="RowEdit"] {
    cursor: pointer;
}

td[field="RowDelete"]:hover, td[field="RowEdit"]:hover {
    color: white;
    background-color: #03A9F4;
}

.datagrid-header-row, .datagrid-row {
    height: 25px;
}

.datagrid-header .datagrid-cell span {
    font-size: 12px !important;
    color: white !important;
    font-weight: bold !important;
}

footer {
    text-align: center;
    color: #a7a7a7;
}

fieldset.lead label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 9pt;
}

.divNewTransfer.addmt {
    float: right;
    border: 1px solid #90c1eb;
    margin: 0 15px 0 0;
    cursor: pointer;
    clear: both;
}

.divNewTransfer.addmt i.fas.fa-file-alt {
    font-size: 13pt;
    cursor: pointer;
    color: #ffffff;
}

.fs-row label {
    top: 2px !important;
    position: relative;
}

.fs-row input[type="checkbox"] {
    top: 4px !important;
    position: relative;
}

a.divNewTransfer.addmt.btn.btn-primary.btn-lg {
    border-radius: 0 !important;
    font-size: 10pt !important;
    border: 1px solid #90c1eb !important;
}

.CriteriaList {
    padding: 1px 1px 1px 3px;
    min-width: 411px;
    text-transform: capitalize;
    margin: 2px 0 5px 59px;
    width: auto !important;
    display: flex;
    min-height: 1px !important;
}

.CritListItem {
    border: 1px solid #8ac68a;
    padding: 2px 5px 2px 16px;
    display: inline-flex;
    width: auto;
    height: 34px;
    background-color: #dbf8db;
    margin: 0 2px 0 2px;
    border-radius: 10px;
}

.CritListItem span.param {
    margin: 0 9px 0 0;
    font-weight: bold;
}

.CritListItem span.val {
    margin: 0 9px 0 9px;
}

.CritListItem span.val i.fas.fa-times-circle {
    color: red;
    position: relative;
    top: -10px;
    left: 17px;
    font-size: 15px;
}

a.btn.btnClearFilter.btn-primary.btn-lg {
    float: left;
    margin-left: 55px;
}

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

.divSection.divSearchSection .fs-row .fs-label {
    min-width: 52px !important;
}

fieldset.lead input[type="radio"], fieldset.lead input[type="checkbox"] {
    padding: 3px 11px !important;
    margin: 3px 7px !important;
}

.fs-field.file-items {
    max-width: 546px;
    max-height: 76px;
    overflow-y: auto;
    border: 1px solid gainsboro;
    background-color: #FAFAFA;
    padding: 2px 3px;
    width: 100%;
}

.fs-field.file-items .fs-error {
    margin: auto !important;
    width: 100% !important;
    border: 0 solid red;
    background-color: #FFEBEE;
}

td.divElectionID {
    font-weight: bold;
    color: #2e5f86;
    position: relative;
    top: -11px;
}

.divSectionAddModify .tdAttachments td {
    white-space: normal !important;
}

.divSectionAddModify td.tdWellName {
    width: 254px !important;
}

i.fs-WellCheck {
    font-size: 12pt;
}

i.fs-WellCheck.fas.fa-ban {
    color: red;
    cursor: pointer;
}

i.fs-WellCheck.far.fa-check-circle {
    color: #06b706;
    cursor: pointer;
}

i.fs-WellCheck-spin {
    color: #1fa524;
}

.divSectionAddModify:not(.tdAddAttachments,.tblNonNewDrillFields) td {
    min-width: 120px;
    white-space: nowrap;
}

.tblNonNewDrillFields td.fs-lbl {
    width: 33px;
}

.tblNonNewDrillFields td.fs-txt {
    width: 49px;
}

.tblNonNewDrillFields td.fs-unit {
    width: 75px;
    color: #16578a;
    padding-right: 26px;
    padding-left: 0;
}

table.tblNonNewDrillFields {
    border: 1px solid #8cbcd2;
    border-radius: 5px !important;
    width: 100%;
}

table.tblNonNewDrillFields td.tblHeader {
    padding-left: 7px !important;
    border-bottom: 1px solid #81D4FA;
    background-color: aliceblue;
    text-align: left;
}

table.tblNonNewDrillFields td.tblHeader > div {
    width: 100%;
}

table.tblNonNewDrillFields td.tblHeader div {
    display: inline-block;
}

table.tblNonNewDrillFields td.tblHeader .divDate {
    float: right;
    padding-right: 10px;
}

table.tblNonNewDrillFields td.tblHeader div span {
    font-weight: normal;
}

table .tblNonNewDrillFields td {
    padding: 4px 0 4px 5px;
}

table.tblNonNewDrillFields span.textbox input[readonly] {
    background-color: #FAFAFA !important;
}

.divWellStatus, .divWellStatus.NewWell {
    background-color: #efefef !important;
    color: #42A5F5;
    border: 1px solid #d2d2d2;
    width: 130%;
    height: 29px;
    padding: 1px 2px;
    margin: -9px 4px 14px 0;
    border-radius: 0;
    float: left;
    position: relative;
    z-index: 150;
}

.divElectionID {
    float: right;
    position: absolute;
    right: 53px;
    z-index: 15000;
    top: 43px;
    font-weight: bold;
}

.divWellStatus.Pending {
    background-color: #E3F2FD !important;
    color: #42A5F5;
    border: 1px solid #90CAF9;
}

.divWellStatus.Approved {
    background-color: #E8F5E9 !important;
    color: #4CAF50;
    border: 1px solid #A5D6A7;
}

.divWellStatus.Rejected {
    background-color: #FFEBEE !important;
    color: #E57373;
    border: 1px solid #EF9A9A;
}

.divWellStatus i {
    margin: 0 7px 0 8px;
}

.divFileName {
    display: inline-block;
    width: 47.6%;
}

p.nav.navbar-text.navbar-right i.fas.fa-user {
    color: #428bca;
}

.divFileName a {
    width: 100%;
    float: left;
    border: 1px solid #ced2d6;
    padding: 0 6px;
    height: 30px;
    overflow: hidden;
    background-color: #feffff;
    font-weight: bold;
    font-size: 8pt;
    color: #144872;
    padding: 0 0 0 6px;
    cursor: pointer;
    margin: 2px 2px 0 0;
    border-left: 3px solid #f47a03;
    text-decoration: none;
    text-transform: capitalize;
}

.divFileName a:hover {
    text-decoration: none;
    border: 1px solid #9fc8eb;
    border-left: 3px solid #f47a03;
    background-color: #E3F2FD !important;
}

.divFileName span.divFileNameClose {
    width: 0;
    float: right;
    padding: 5px 3px;
    background-color: #ad0404 !important;
    position: relative;
    right: -10px;
    top: -5px;
    text-align: center;
}

.fs-field .divFileName span.divFileNameClose i.fas.fa-times {
    color: white !important;
    font-size: 10pt;
}

.fs-button-list {
    text-align: left;
    float: left;
    margin-left: 163px;
    width: 100%;
    min-height: 49px;
}

.divAddRequest.fs-button-list {
    margin: 19px 0 -40px 169px !important;
}

.btn.btn-danger.btn-lg, .btn.btn-left.btn-lg {
    float: left;
    margin: 0 0 0 0 !important;
    padding: 4px 14px 4px 8px !important;
    line-height: 1.2em !important;
}

.fs-field input[type="file"] {
    border: 1px solid #95b8e7;
    border-radius: 4px;
    padding: 2px 7px;
    line-height: 1.3em;
    color: #95b8e7;
    background-color: #eaf2ff;
}

@media only screen and (min-device-width: 375px) and (min-device-height: 667px) {
    .container div.jumbotron.widget {
        height: auto;
        min-height: 900px;
        min-width: 75% !important;
    }

    div.datagrid-body {
        overflow: hidden;
    }

    form.form-horizontal {
        width: 100%;
    }

    label.control-label {
        font-size: 15px;
    }

    div.form-group.col-md-6 {
        height: auto;
    }

    span.label-style, .radio-inline {
        font-size: 15px;
    }

    div > span.yes, div > span.no {
        font-size: 17px;
    }

    span.no {
        margin-left: 25px;
    }

    .dg_datagrid-cell-c2-Facility {
        width: 155px !important;
    }

    button.btnSubmit.btn-primary.btn-lg {
        margin: 10px 0 0 0 !important;
        width: 91.07px;
    }

    button.btn.btn-default.btn-lg {
        margin: 0 !important;
    }

    div.form-buttons {
        margin-right: 0;
        margin-top: 50px;
        width: 100%;
    }

    .divSearchSection .divDashItem .body {
        padding-right: 1px;
    }

    div.v-center {
        line-height: 2;
        width: 285px;
        transform: none;
    }

    div.dropdown-center {
        padding-top: 15px;
    }

    div.repair-buttons {
        margin-left: 0;
        margin-top: 40px;
        width: 110%;
    }

    label.control-label.survey-pending-label {
        width: 245px;
    }

    .divDashItem .head {
        width: 28% !important;
    }

    input,
    select,
    textarea {
        max-width: 100%;
    }

    button.btn.btn-default.btn-lg.view-repairs {
        margin-top: 10px !important;
    }

    .btn.btn-primary.btn-lg.set-current-weather-button {
        margin-top: -15px;
    }

    div.head.pending-repairs-tab {
        padding: 4px 0;
        width: 122px !important;
        font-size: 9pt;
    }

    .navbar-collapse.in, .navbar-collapse.collapsing {
        background-color: black;
    }

    .fa-search-animate {
/*        right: 215px !important;
        transition-property: right;
        transition-duration: .75s;*/
    }

    .fs-header {
        /*margin: -7px -3px 3px -3px !important;*/
    }

    .jumbotron.widget {
         /*padding: 7px 3px !important;*/
    }

    .container.body-content {
        padding: 0;
    }

    .jumbotron.widget {
        padding-left: 0;
        padding-right: 0;
    }

    .panel.datagrid.panel-htop {
        width: 100%;
    }

    .col-xs-12.col-md-3 {
        /*padding-right: 0;*/
    }

/*    div.container div.jumbotron.widget {
        margin-left: 1% !important;
    }*/

    .nav-list {
        float: none;
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px 0 10px 10px;
    }
}

.form-buttons {
    margin-left: -15px;
    margin-right: 85px;
    width: 19%;
}

.btn {
    margin-top: 2vh;
}

button.btn.btn-default.btn-lg, button.btn.btnSubmit.btn-primary.btn-lg {
    width: 115px;
    height: 29px !important;
}

.container .jumbotron.widget {
    min-height: 855px;
    width: 98%;
    min-width: 1200px !important;
    padding: 0;
    /*margin-left: auto !important;*/
    /*margin-right: auto !important;*/
}

.form-horizontal {
/*    margin-right: -185px;
    margin-left: 5vw;*/
}

.control-label {
    font-size: 12px;
    line-height: 1.5;
    text-align: left !important;
}

label.control-label.survey-pending-label {
    width: 230px;
}

.label-style {
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

span.yes, span.no {
    font-size: 14px;
}

.divDashboard {
    border-bottom: 4px solid #de1224;
    margin-bottom: 25px;
    padding-bottom: 300px;
}

.dropdown-center {
    font-size: 15px;
    margin-left: -15px;
}

.v-center {
    height: 63px;
    line-height: 63px;
}

.logoarrow-bottom {
    margin-right: 5px;
    padding-bottom: 5px;
}

.repair-buttons {
    margin-left: -15px;
}

.view-repairs {
    float: right;
}

#step-2,
#step-3,
#step-4,
#type-question,
#engine-pm-1,
#engine-pm-2,
#engine-pm-3,
#engine-pm-5,
#engine-non-pm,
#compressor-pm,
#compressor-pm-1,
#compressor-pm-2,
#compressor-pm-4,
#compressor-pm-5,
#compressor-non-pm,
#recession-readings {
    display: none;
    margin: 3% 0;
}

@media only screen and (min-width: 737px) {
    .jumbotron {
        font-size: 15px;
    }

    .modal-dialog {
        width: 750px;
    }

    .weather-row-column {
        height: 124px;
    }

    .weather-row-temperature-box {
        margin-top: 0;
    }

    .weather-row-box {
        margin-top: 44px;
    }

    .set-current-weather-button {
        margin-top: -25px;
    }

    .navbar-nav {
        float: right;
    }

    .form-control {
        /*width: 90%;*/
    }

    input.form-control#CpmModelv2_UnitNumber {
        width: 68% !important;
    }

    #info-verify-question {
        float: left;
        /*font-size: 18px !important;*/
        padding-right: 2%;
    }

    label.control-label, 
    #info-verify-question,
    td.input-cell {
        font-size: 15px;
    }

    #info-verify-buttons {
        /*margin-top: 7px;*/
        width: 25%;
        display: inline-block;
    }

    .loto-link {
        float: right;
        width: 100%;
    }

    #draft-button {
        margin-left: 5%;
    }

    #submit-button {
        margin-right: 6.5% !important;
    }

    #draft-button,
    #submit-button,
    #delete-button {
        margin-top: 2.65%;
    }

    #delete-button {
        margin-left: 5vw;
        min-width: 6%;
    }

    #step-2 {
        margin: 0 !important;
    }

    #step-2-buttons,
    #step-3-buttons,
    #step-4-buttons {
        height: 79px !important;
        margin-top: 1.5vh !important;
    }

    #step-2-prev,
    #step-3-prev,
    #step-4-prev {
        display: none;
    }

    #reason-for-visit {
        padding-top: 3.5rem;
    }

    table.table-responsive.table-body.table-bordered {
        width: 39%;
        margin: 0 5%;
        display: inline-block;
        vertical-align: top;
    }

    table.table-responsive.table-bordered,
    #engine-pm-1-checkboxes,
    #engine-pm-2-checkboxes,
    #engine-pm-3-checkboxes,
    #engine-pm-5-checkboxes,
    #engine-non-pm-checkboxes,
    #engine-pm-1,
    #engine-pm-3,
    #engine-pm-5,
    #engine-non-pm,
    #compressor-pm-5,
    #compressor-non-pm,
    #compressor-pm-1-checkboxes,
    #compressor-pm-2-checkboxes,
    #compressor-pm-4-checkboxes,
    #compressor-pm-5-checkboxes,
    #compressor-pm-1,
    #compressor-pm-2,
    #compressor-pm-4,
    #compressor-pm-5,
    #compressor-non-pm,
    #coupling-readings,
    .engine-pm-comments,
    .compressor-pm-comments {
        width: 88.5%;
        margin: 0 5%;
        vertical-align: top;
    }

    .extra-row {
        display: none;
    }

    /*#step-2-buttons,*/
    #step-3-buttons,
    #step-4-buttons
    /*#engine-pm-buttons,*/
    /*#compressor-pm-buttons {*/ {
        height: 8vh;
        margin-left: 5%;
    }

    #step-3-buttons {
        margin-top: -6vh;
    }

    #PmTypeModel_Id {
        margin-top: -0.5vh;
        margin-left: 11vw;
    }

    #CpmModelv2_PmViewModel_Id {
        /*margin-left: 8.8vw;*/
    }

    div#engine-pm-question,
    div#engine-pm-select-dropdown,
    div#compressor-pm-select-dropdown {
        margin-left: 10%;
    }

    div#engine-pm-select-dropdown,
    div#compressor-pm-select-dropdown {
        padding-bottom: 3vh;
    }
}

.modal-form-group {
    display: inline-block;
    margin: 30px;
}

.btn-modal {
    padding: 4px 20px !important;
}

.modal-footer {
    margin-right: 10px;
}

.datagrid-row-selected, .datagrid-row-over {
    background: #0081c2 !important;
    color: white !important;
}

.divDashItem .head {
    margin-right: 18px;
}

.body {
    display: none;
}

div.body.tabs {
    display: block;
    height: 238px;
    min-height: 238px;
    max-height: 238px;
}

.divDashItem {
    position: relative;
}

div.fs-header {
    margin: 0 !important;
}

.head {
    cursor: pointer;
}

.modal-backdrop {
    z-index: 14995 !important;
}

.modal {
    z-index: 14996 !important;
}

.modal-body-edge {
    padding: 20px 0;
}

.top-table .divDashboard {
    border-bottom: 0 solid #de1224;
}

.modal {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    overflow-x: hidden;
}

.confirm-modal-footer {
    margin: 0;
    padding: 5px 15px 20px 5px;
}

div.modal-header > h4.submit-confirm-title {
    margin: 10px 0 10px 5px !important;
    font-size: 20px !important;
}

.Pending {
    color: #eac502;
}

.save-draft-button {
    width: 130px !important;
}

.big-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
}

.modal-confirm {
    width: auto;
    height: auto;
    left: 0;
}

.fa-search {
    position: absolute;
    right: 25px;
    top: 24px;
}

.fa-search-animate {
    right: 190px;
    transition-property: right;
    transition-duration: .75s;
}

#global-search-input {
    float: right;
    height: 35px;
    margin-top: 5px;
    margin-right: 15px;
    line-height: .02em;
    display: none;
    text-indent: 30px;
}

.available-report {
    font-weight: bold;
    text-decoration: underline;
    color: #428bca;
}

.well-select {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
}

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

.table-label, 
.table-gauge-label, 
.table-recession-label {
    padding-top: 1.5%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.5;
    text-align: left !important;
    font-weight: bold;
}

.table-label,
.table-gauge-label {
    max-width: 60vw;
    vertical-align: middle !important;
}

.table-gauge-label {
    white-space: break-spaces !important;
}

.input-cell, .gauge-input-cell {
    text-align: center;
    max-width: 20vw;
    border-radius: 3px;
}

td.input-cell {
    font-weight: bold;
    font-size: 15px;
}

input.input-cell,
input.gauge-input-cell {
    width: 100%;
    max-width: 100%;
}

.table-input-vcenter {
    vertical-align: middle !important;
}

.empty-row {
    height: 3vh;
    background-color: #cccccc;
    border: none;
}

.empty-row > td {
    border: none !important;
}

#info-verify-question, 
#engine-pm-question, 
#additional-comments-question,
#leaving-sn-hours,
#setting-sn-hours,
.sn-entry,
.dom-entry,
#compressor-pm-question, 
#cylinder-number-question,
.reason-code-question,
.lube-rate-label,
.cooler-washed-label,
.skid-washed-label {
    font-size: 15px;
    line-height: 1.33;
    font-weight: bold;
    text-align: left;
    margin: 15px 0;
    /*height: 50px;*/
}

#engine-pm-question {
    height: 5vh;
}

#info-verify-question {
    display: none;
}

.lube-rate-label,
.cooler-washed-label,
.skid-washed-label {
    height: auto;
}

#type-question {
    margin: 0;
}

#engine-pm-1-checkboxes,
#engine-pm-2-checkboxes,
#engine-pm-3-checkboxes,
#engine-pm-5-checkboxes,
#engine-non-pm-checkboxes,
#compressor-pm-1-checkboxes,
#compressor-pm-2-checkboxes,
#compressor-pm-4-checkboxes,
#compressor-pm-5-checkboxes,
#compressor-non-pm-checkboxes {
    display: none;
}

.table-responsive {
    width: 98%;
}

#info-verify-yes,
#info-verify-no,
#step-2-prev,
#step-2-next,
#step-3-prev,
#step-3-next,
#step-4-prev,
#step-4-next,
#engine-pm-skip,
#compressor-pm-skip {
    /*margin: 2% 4% 0 0;*/
    margin-right: 4%;
    padding: 4px 30px !important;
}

#info-verify-no,
#step-2-prev,
#step-3-prev,
#step-4-prev,
#step-5-prev {
    float: left;

}

#info-verify-yes,
#engine-pm-skip,
#compressor-pm-skip {
    /*float: right;*/
    margin-left: 3vw;
}

#step-2-next,
#step-2-prev,
#step-3-next,
#step-3-prev,
#step-4-next,
#step-4-prev,
#step-5-next,
#step-5-prev {
    height: 34px;
}

#step-2-next {
    width: 100%;
    margin-top: 1.65vh;
}

#step-3-next {
    width: 41%;
    margin-top: -10vh;
}

#step-4-next {
    width: 93.25%;
}

/*#step-2-buttons,
#step-3-buttons,
#step-4-buttons,
#engine-pm-buttons,
#compressor-pm-buttons {
    height: 30px;
}*/
#step-3-scroll {
    height: 1px;
    position: absolute;
    top: 1280px;
}

#engine-pm-skip {
    margin-top: 2%;
}

#search-button,
.btn.btn-default {
    /*margin-left: 2%;*/
    background-color: #eb1c2d;
    color: white;
}

#search-button {
    padding-left: 19px !important;
    width: 8vw;
    margin-top: 3.5vh;
    margin-left: -2vw;
    background-color: #3171a8;
    border-color: #3171a8;
}

#incorrect-feedback {
    margin-left: 2%;
}

#SelectedEnginePm,
#ReasonCodes,
.cpm-dropdown,
.cooler-washed-select,
.skid-washed-select {
    padding: 6px 12px;
    /*margin-top: 2%;*/
    height: 34px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#ReasonCodes {
    width: 100%;
}

.cpm-dropdown, 
#cylinder-number-select,
.lube-rate,
.cooler-washed,
.skid-washed {
    font-size: 15px;
    height: 2em;
    width: 25%;
    /*margin-top: 3%;*/
}

.cpm-dropdown {
    width: 35%;
}

#cylinder-number-select {
    width: 30%;
}

.lube-rate,
.cooler-washed,
.skid-washed {
    width: 100%;
    height: auto;
}

#engine-pm-1, 
#engine-pm-2, 
#engine-pm-3, 
#engine-pm-5, 
#engine-non-pm {
    /*max-width: 100%;*/
}

.checkbox-description {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 2%;
}

.input-group {
    border: 1px solid #ccc;
}

.additional-comments-box,
.sn-box {
    width: 100%;
    border-radius: 3px;
}

#cylinder-number-question,
#additional-comments-question,
.sn-entry,
.dom-entry,
#leaving-sn-hours,
#setting-sn-hours {
    height: 10px;
}

#end-buttons,
#four-cylinders,
#six-cylinders,
#eight-cylinders,
#sixteen-cylinders,
#sixteen-cylindersb,
.reason-large,
.reason-specific {
    display: none;
    padding-bottom: 3vh;
}

.loto-link {
    text-decoration: underline;
    font-weight: bold;
}

#submit-button {
    float: right;
    margin-right: 4%;
    padding: 4px 19px !important;
}

#reason-error {
    display: none;
    color: #eb1c2d;
    font-size: 15px;
    font-weight: bold;
}

.dx-data-row {
    user-select: text;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#CpmModelv2_UnitNumber {
    display: inline-block;
    width: 72%;
    margin-top: 6px;
}

.cylinder-tables {
    margin: 3vh 0;
    max-width: 20%;
    display: inline-block;
    margin: 0 2vw !important;
}

#engine-pm-1-checkboxes {
    margin-top: 3vh;
}

.table-bordered {
    border: none !important;
}

#step-4 {
    margin-top: 2vh;
}

#cylinder-number-question-section {
    margin-bottom: 2vh;
}

#recession-readings {
    margin-top: 2vh;
}

.coupling-readings-label {
    margin-left: 4vw;
    margin-top: 1vh;
    font-size: 19px;
    font-weight: bold;
    text-decoration: underline;
}

.coupling-left-column {
    text-align: center;
    min-width: 2vw;
}

.coupling-secondary-left-column {
    min-width: 12.45vw;
    text-align: center;
}

.coupling-tables {
    margin-bottom: 2vh;
}

div#engine-pm-select-dropdown,
div#compressor-pm-select-dropdown,
div#type-question,
#coupling-readings,
.engine-pm-comments,
.compressor-pm-comments {
    display: none;
}

div#engine-pm-select-dropdown,
div#compressor-pm-select-dropdown,
div#type-question {
    display: none;
}

.engine-pm-comments,
.compressor-pm-comments {
    margin-bottom: 3vh;
}