/* overrides to smartadmin css */
body {
    font-size: 13px;
}

a {
    color: #006699;
}

span.todo-text {
    color: #ff4b48;
}

.smart-style-1 .btn-header > :first-child > a {
    background: #000;
    border: 1px solid #000;
    color: #ffffff !important;
    cursor: pointer !important;
}

.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    background: #000000;
}

.smart-style-1 #header {
    background-image: none;
    background-color: #000000;
}

.smart-style-1 #logo-group {
    background: #000000 !important;
}

#logo img {
    width: 220px;
    height: auto;
    padding-left: 0;
    margin-top: 1px;
}

#logo {

}

.login-page-contractor {
    padding-top: 20px;
    padding-bottom: 25px;
    text-align: center;
}

.hidden-menu #hide-menu > :first-child > a {
    background-color: #000;
    background-image: none;
    border-color: #000;
}

fieldset div.login-page-contractor img.img-responsive.center-block {
    margin-left: auto;
    margin-right: auto;
}

#extr-page {
    background-image: url('/assets/img/login-bkg.jpg') !important;
    background-size: cover !important;
    background-position: center right !important;
}

.login-main {
    background-color: transparent !important;
}

div#content.container.login-container div.row div div.well.no-padding {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    position: absolute;
    bottom: 0;
}

#ribbon {
    background-color: #f6f8f8;
    border-bottom: 1px #ddd solid;
}

#ribbon .breadcrumb {
    padding: 4px 34px 11px 0 !important;
    margin-top: -4px;
}

div.ribbon-company-name {
    font-size: 28px;
    color: #006699;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 300;
    padding-top: 8px;
}

/* Dashboard */
.row.component-row {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.dashboard-badge {
    border-radius: 5px;
    background-color: #ff0000;
    color: #ffffff;
    min-height: 90px;
    padding: 15px;
    padding-top: 20px;
}

.dashboard-badge.blue {
    background-color: #3276b1;
}

.dashboard-badge.settings-icon {
    background-image: url('/assets/img/badges/cog.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
}

.dashboard-badge.orange {
    background-color: #cf7539;
}

.dashboard-badge.building-icon {
    background-image: url('/assets/img/badges/building.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
}

.dashboard-badge.green {
    background-color: #4c8d4c;
}

.dashboard-badge.calendar-icon {
    background-image: url('/assets/img/badges/calendar.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
}

.dashboard-badge.light-green {
    background-color: #85a985;
}

.dashboard-badge.checkbox-icon {
    background-image: url('/assets/img/badges/checkbox.png');
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
}

.dashboard-badge-headline {
    font-size: 18px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 300;
}

div.row.component-row div.col-sm-12 div.footer-col {
    background-color: #fff;
    padding: 15px;
}

div.footer-col.clearfix div.col-sm-4.footer-left,
div.footer-col.clearfix div.col-sm-4.footer-middle {
    border-right: 1px #ddd solid;
}

div.footer-label.pull-left {
    text-align: right;
    padding-right: 8px;
}

div.white-box {
    background-color: #fff;
    /* border: 1px #ddd solid; */
}

div.white-box .box-header,
div.white-box .box-header a {
    font-weight: 700;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px;
    border-bottom: 1px #ddd solid;
}

.chart-holder {
    padding: 11px;
    min-height: 293px;
    display: block;
}

.nav-tabs > li > a {
    padding: 10px 10px 13px;
    font-size: 14px;
    font-weight: 300 !important;
    border-top: none;
}

.nav-tabs > li:active a {
    /*
    border-top: 4px #ff0000 solid !important; */
}

.dashboard-table tr:first-child th {
    border-top: none;
}

.dashboard-left-column {

}

.nav-tabs > li:first-child.active > a,
.nav-tabs > li:first-child.active > a:focus,
.nav-tabs > li:first-child.active > a:hover {
    border-left: none;
}

.btn-dashboard-view-assets {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #5ab0db;
    padding: 0px;
    border: 1px #5ab0db solid;
    font-size: 14px;
    margin-top: 15px;
    min-height: 50px;
    line-height: 50px;
}

.dashboard-mid-right-table {
    padding-bottom: 15px;
}

#marketing-footer-holder {
    margin-left: 15px;
    margin-right: 15px;
}

.donut-inner {
    position: absolute;
    top: 43%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);
    /* This is a shorthand of
                                            translateX(-50%) and translateY(-50%) */
    text-align: center;
}

.donut-inner h5 {
    margin-bottom: 1px;
    margin-top: 0;
    font-size: 28px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 700;
}

.donut-inner p {
    font-size: 12px;
    font-size: 20px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 600;
    margin-top: -8px;
}

div.dashboard-mid-right-table div.dashboard-table-padder {
    padding: 10px;
    height: 344px;
    overflow-y: auto;
}

.nav-tabs > li.active > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.dashboard-table-padder app-dashboard-table table.table.dashboard-table tbody tr td {
    font-size: 14px;
}

div.dashboard-table-padder app-dashboard-table table.table.dashboard-table tbody tr th,
div.dashboard-table-padder app-dashboard-table table.table.dashboard-table tbody tr td i {
    font-size: 14px;
    color: #666666;
}

ul.nav.nav-tabs li a {
    color: #006699;
}

ul.nav.nav-tabs li.active a {
    font-weight: 400 !important;
    color: #000;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ffffff;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #f9f9f9;
}

.center-all {
    padding: 50%;
    margin: -8px;
    width: 16px;
    height: 16px;
}

.center-all-small {
    padding: 40px;
    text-align: center;
    padding-bottom: 45px;
}

.table-padder {
    margin: 15px;
}

ul.nav.nav-pills.filter-pills {
    margin-top: -3px;
}

ul.nav.nav-pills.filter-pills li a {
    color: #006699;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    margin: 0;
    text-transform: none;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 15px;
    border-bottom: 0;
}

ul.nav.nav-pills.filter-pills li.active a {
    color: #ffffff;
}

ul.nav.nav-pills.filter-pills li.active.other-pill a,
ul.nav.nav-pills.filter-pills li.active.other-pill a:focus,
ul.nav.nav-pills.filter-pills li.active.other-pill a:hover {
    color: #fff;
    background-color: #c8c8c8;
}

ul.nav.nav-pills.filter-pills li.active.critical-pill a,
ul.nav.nav-pills.filter-pills li.active.critical-pill a:focus,
ul.nav.nav-pills.filter-pills li.active.critical-pill a:hover {
    color: #fff;
    background-color: #ff0800;
}

ul.nav.nav-pills.filter-pills li.active.severe-pill a,
ul.nav.nav-pills.filter-pills li.active.severe-pill a:focus,
ul.nav.nav-pills.filter-pills li.active.severe-pill a:hover {
    color: #777;
    background-color: #feff00;
}

ul.nav.nav-pills.filter-pills li.active.alert-pill a,
ul.nav.nav-pills.filter-pills li.active.alert-pill a:focus,
ul.nav.nav-pills.filter-pills li.active.alert-pill a:hover {
    color: #fff;
    background-color: #00bdff;
}

div.table-padder div.clearfix ul.pagination.pull-right {
    margin: 0;
    margin-bottom: 15px;
    margin-right: 15px;
}

.smart-style-1 .pagination > .active > a,
.smart-style-1 .pagination > .active > a:focus,
.smart-style-1 .pagination > .active > a:hover,
.smart-style-1 .pagination > .active > span,
.smart-style-1 .pagination > .active > span:focus,
.smart-style-1 .pagination > .active > span:hover {
    background-color: #006699;
    border-color: #006699;
}

div.white-box.equal-height div.table-padder table.table.table-striped tbody tr:last-child td {
    border-bottom: 1px #ddd solid;
}

div#marketing-footer-holder div.row.component-row {
    margin-top: 0 !important;
}

.full-height-box {
    height: 100%;
    padding-bottom: 5px;
}

.box-content {
    padding: 15px;
}

a.btn.btn-sm.btn-box-header.default {
    margin: 0;
    border: 1px #ddd solid;
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    text-transform: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -6px;
    box-shadow: none;
}

.nss-vertical-scroll {
    overflow-y: auto;
}

.nss-vertical-scroll.all-assets {

}

.asset-button-rect {
    height: 36px;
    background-color: #e8e8e8;
    border: 1px #d2d2d2 solid;
    margin-bottom: 5px;
    padding: 15px;
    padding-top: 7px;
    font-size: 14px;
    cursor: pointer;
}

.asset-button-rect a,
.asset-button-rect i {
    color: #006699;
}

.asset-button-rect i {
    margin-top: 2px;
}

div.white-box.full-height-box div.box-content div.row div.col-sm-12 div.input-icon-right i.fa.fa-search {
    margin-top: -2px;
}

.box-content.gray-bkg {
    background-color: #f9f9f9;
    margin: 15px;
}

.min-height-450 {
    min-height: 450px;
}

.boxed-data-column {
    font-size: 14px;
}

.boxed-data-column.right-aligned-label {
    text-align: right;
    color: #666666;
}

.boxed-data-column.info {

}

.all-assets-image-holder {
    margin-top: 15px;
}

.max-height-450 {
    max-height: 452px;
}

#agreement-dates {
    color: #666666;
    font-size: 14px;
    padding-top: 15px;
}

div.donut-inner.AgreementDashboard h5.AgreementDashboard {
    margin-bottom: 1px;
    margin-top: -10px;
    font-size: 58px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    font-weight: 700;
}

.donut-inner.AgreementDashboard {
    position: absolute;
    top: 210px;
    left: 180px;
    transform: translate(-50%, -50%);
    text-align: center;
}

.asset-detail-panel {
    min-height: 500px;
}

.tabpanel-padder {
    padding: 15px;
}

.report-button-holder {
    padding: 15px;
}

.report-button.gray-bkg {
    background-color: #E8E8E8;
    min-height: 35px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px #d2d2d2 solid;
}

div.dashboard-table-padder div.chart-holder.agreement-dashboard {
    max-height: 330px;
    max-width: 330px;
    float: left;
    padding: 20px;
}

div#content.list-assets-content div.row div.col-sm-6 div.white-box.full-height-box div.box-content
div.row div.col-sm-12.nss-vertical-scroll.all-assets.min-height-450.max-height-450 {
    /* min-height: 471px; */
}

.list-assets-holder {
    min-height: 600px;
}

div.report-button-holder div.row div.col-sm-6:nth-child(even) {
    padding-left: 5px;
}

div.report-button-holder div.row div.col-sm-6:nth-child(odd) {
    padding-right: 5px;
}

.asset-detail-tab-content {
    padding-top: 15px;
    padding-bottom: 25px;
}

div.tab-content.latest-images {
    padding-top: 14px;
}

ul.nav.nav-tabs.latest-images li.active a {
    font-weight: 400 !important;
    color: #000;
    border-top: 1px #ddd solid !important;
    border-left: 1px #ddd solid;
}

.no-left-border {
    border-left: none !important;
}

span.label.label-danger {
    background-color: #993333;
}

span.label.label-warning {
    background-color: #cf7539;
}

span.label.label-info {
    background-color: #FF9900;
}

div.asset-detail-tab-content.asset-problems-list table.table.table-striped tbody tr td span.label {
    min-width: 100px;
    font-weight: 300 !important;
}

table.table.table-striped tbody tr th,
table.table.table-striped tbody tr td {
    font-size: 14px;
}

.red-bkg {
    background-color: #993333;
}

.orange-bkg {
    background-color: #cf7539;
}

.yellow-bkg {
    background-color: #FF9900;
}

.alert-bkg {
    background-color: #00bdff;
}

.severe-bkg {
    background-color: #feff00;
}

.critical-bkg {
    background-color: #ff0800;
}

.other-bkg {
    background-color: #c8c8c8;
}

.legend-square {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.asset-problems-chart-legend {
    padding-top: 130px;
    float: left;
    padding-left: 25px;
}

div.white-box a.pull-right {
    /*
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    margin-right: 20px;
    */
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.fedby-feeds > i {

}

.fedby-feed-asset {
    background-color: #fafafa;
    padding: 10px;
    border: 1px #ddd solid;
    margin-bottom: 5px;
}

.fedby-feeds .fedby-feed-asset.the-asset-in-window {
    background-color: #e6e6e6;
}

.fedby-feed-asset.upstream-asset {

}

.fedby-feed-asset.the-asset-in-window {
    margin-left: 25px;
}

.fedby-feed-asset.downstream-asset {
    margin-left: 50px
}

.asset-list-prob-box {
    background-color: #999999;
    color: #ffffff;
    width: 25px;
    text-align: center;
}

.white-box {
    border: 1px #ddd solid;
}

.nss-modal-body {
    font-size: 14px;
}

.nss-modal-body h3 {
    margin: 0;
    padding: 0;
}

.nss-modal-body p {
    margin: 0;
    padding: 0;
}

.right-aligned-label {
    text-align: right;
}

.no-top-border tr td {
    border-top: none !important;
}

.btn.btn-gray-nss {
    background-color: #CCCCCC;
    border: 1px #cccccc solid;
    color: #000;
    font-weight: 400;
}

.problem-list-button {
    margin-top: 0 !important;
}

.asset-prev-next {
    margin-top: 10px;
}

.asset-prev-next .btn-default {
    background-color: #0099ff;
    color: #fff;
    border: 1px #0099ff solid;
}

.btn-group.asset-prev-next > .btn:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 2px;
}

.btn-group.asset-prev-next > .btn {
    min-height: 40px;
}

.btn-group.asset-prev-next > .btn:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-group.asset-prev-next > .btn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.attachment-row {
    border-bottom: 1px #ddd solid;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    min-height: 75px;
}

.attachment-row i {
    margin-top: 5px;
    margin-right: 15px;
}

.center-all-jit i {
    position: absolute;
    top: 45%;
}

.jit-image-holder {
    width: 100%;
    height: 100%;
    text-align: center;
    min-height: 200px;
    border: 1px #ddd solid;
    padding: 20px;
    padding-top: 80px;
}

.nss-image-gallery-modal {
    padding: 0;
}

.nss-modal-body-image-gallery {
    padding: 10px;
}

.nss-dialog-min-width-300 {
    width: auto;
    min-width: 300px;
}

.fed-by, .fed-item {
    background: #e8e8e8;
    border: 1px #ddd solid;
    padding: 10px;
    min-height: 60px;
    margin-bottom: 5px;
}

.fed-by i, .fed-item i {
    vertical-align: middle;
}

.center-in-fedby {
    background: #CCCCCC;
    border: 1px #cccccc solid;
    padding: 10px;
}

div.asset-detail-tab-content.fed-by-feeds-content h2,
div.asset-detail-tab-content.panel-legend-info h2,
div.asset-detail-tab-content.oil-testing-content h2,
div.asset-detail-tab-content.customer-notes h2 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
}

.margin-right-15 {
    margin-right: 15px !important;
}

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

.all-asset-loader {
    height: 478px;
    padding: 15px;
}

i.gray-icon {
    color: #666666;
}
i.light-gray-icon {
  color: #bbbbbb;
}

tr.tr-gray-text td {
    color: #666666;
}

/* begin left tabbed nav (variables page) */

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-left .nav-tabs > li.active > a {
    box-shadow: none;
    border-left: 1px #ddd solid !important;
    background: #f7f7f7;
}

div.tabbable.tabs-left.asset-variables-tabs div.tab-content div.tab-pane.animated.fadeIn {
    background: #f7f7f7;
    min-height: 400px;
    margin-left: 18px;
    padding: 15px;
}

.tabs-left .nav-tabs {
    min-height: 400px;
}

.tabs-left > .nav-tabs {
    margin-right: 0;
}

/* end left tabbed nav (variables page) */

.table-enclosed {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
}

.customer-note {
    padding: 20px;
    padding-bottom: 0;
}

div.customer-note div.customer-note-header.clearfix div.pull-right.note-actions a.pull-right {
    margin: 0;
    margin-left: 10px;
}

div.customer-note div.customer-note-header.clearfix div.pull-right.note-actions a.pull-right i {
    margin-top: -3px;
}

div.customer-note div.customer-note-header {
    margin-bottom: 10px;
    color: #666666;
    font-weight: 700;
}

div.customer-note div.customer-note-header.clearfix div.pull-left.header-left span.notes-light {
    color: #666666 !important;
    font-weight: 300 !important;
}

.customer-note-body {
    font-size: 14px;
    padding-right: 70px;
}

.customer-notes-holder {
    max-height: 500px;
    overflow-y: auto;
}

.left-nav-asset-holder {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 5px;
}

a.left-nav-asset {
    background-color: #333333;
    padding: 5px;
    margin-bottom: 2px;
    color: #ffffff !important;
    width: 100%;
}

.left-nav-asset-item {
}

.left-nav-header {
    margin: 0;
    color: #fff;
    margin-left: 15px;
}

.pagination > li > a, .pagination > li > span {
    box-shadow: none;
}

/* printing note */
div.modal-fullscreen div.modal-dialog.modal-lg div.modal-content div.modal-body div.customer-note-header.clearfix {
    font-weight: 700;
    margin-bottom: 15px;
}

div.modal-fullscreen div.modal-dialog.modal-lg.modal-fullscreen div.modal-content div.modal-body div.customer-note-header.clearfix div.pull-left.header-left span.notes-light {
    font-weight: 300;
}

/* .modal-fullscreen */
.modal-fullscreen .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100% !important;
    height: 100% !important;
}

.modal-fullscreen {
    background: #ffffff;
}

.modal-fullscreen .modal-content {
    background: #ffffff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-backdrop.modal-backdrop-fullscreen {
    background: #ffffff;
}

.modal-backdrop.modal-backdrop-fullscreen.in {
    opacity: .97;
    filter: alpha(opacity=97);
}

@media print {
    /* Intended for paged material and for documents
       viewed on screen in print preview mode .*/
    body * {
        visibility: hidden;
    }

    #printNoteModal {
        visibility: visible;
    }
}

html body.mobile-detected.smart-style-1.minified app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav h3.left-nav-header,
html body.mobile-detected.smart-style-1 app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav div.left-nav-asset-holder,
html body.desktop-detected.smart-style-1.minified app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav h3.left-nav-header,
html body.desktop-detected.smart-style-1.minified app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav div.left-nav-asset-holder div#loadingAssetsNote,
html body.desktop-detected.smart-style-1.minified app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav div.left-nav-asset-holder {
    display: none;
}

.left-asset-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a.left-nav-asset {
    background-color: transparent;
}

li.left-nav-asset-li {
    margin-bottom: 5px;
    background-color: #333;
    padding: 3px 3px 3px 0;
}

#loadingAssetsNote {
    color: #fff;
    font-size: 10px;
}

html body.desktop-detected.smart-style-1 app-root app-main-layout sa-navigation aside#left-panel app-left-asset-nav div.left-nav-asset-holder div#loadingAssetsNote i.fa.fa-refresh.fa-spin.fa-3x.fa-fw {
    font-size: 10px;
}

/* possible new left size
#header > :first-child, aside {
    width: 190px;
} */
html body.smart-style-1.mobile-detected.minified app-root app-main-layout sa-navigation aside#left-panel nav ul sa-logout li a span.menu-item-parent.hide-minified,
html body.smart-style-1.desktop-detected.minified app-root app-main-layout sa-navigation aside#left-panel nav ul sa-logout li a span.menu-item-parent.hide-minified {
    display: none;
}

div.back-to-agreement {
    margin-top: 5px !important;
    margin-right: 5px;
}

span.lighter {
    color: #aaa;
    font-weight: normal;
    font-size: 90%;
}

img.image-max-height-580 {
    max-height: 580px;
}

img.image-max-height-480 {
    max-height: 480px;
}

html body.smart-style-1.desktop-detected.minified app-root app-main-layout div#main app-asset-detail div#content div.white-box div.tab-content div#fedby.tab-pane.animated.fadeIn.asset-detail-panel.active div.tabpanel-padder app-fedby-feeds div.asset-detail-tab-content.fed-by-feeds-content div div#printFedByFeeds div.row div.col-sm-4 div.center-in-fedby div.row button.btn.btn-default.btn-contains.pull-right.btn-sm {
    margin-right: 15px;
}

#all_asset_location_search,
#agreement_asset_location_search {
    margin-bottom: 10px;
}

.attachment-description {
    clear: both;
    margin-left: 22px;
    color: #888;
}

.footer-version-tag {
    color: #aaaaaa;
    font-size: 12px;
    margin-top: -15px;
}

/* bookmark modal */
span.bookmark-span {
    cursor: pointer;
}

#bookmark-textarea {
    margin-bottom: 10px;
}

h2.problem-detail-tag-id {
    margin: 0;
    padding: 0;
    margin-top: -5px;
    margin-bottom: 10px;
}

.label.problem-label {
    min-width: 100px;
}

.label.problem-label.alert-info {
    background-color: #00bdff;
    color: #ffffff;
}

.label.problem-label.alert-danger {
    background-color: #ff0800;
}

.label.problem-label.alert-warning {
    background-color: #feff00;
}

span.after-search-button {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #aaa;
}

button.btn-clear-search {
    border: 1px #ddd solid;
}

/* TEGGPRO REMOTE 2.0 */
div.header-settings-pulldown {
    margin-top: 9px;
    color: #ffffff;
}

div.dropdown.pull-right.header-settings-pulldown a.btn.btn-secondary.dropdown-toggle {
    color: #fff;
}

div.dropdown.pull-right.header-settings-pulldown.open div.dropdown-menu a.dropdown-item {
    /* padding-top: 10px; */
    color: #000;
}

div.dropdown.pull-right.header-settings-pulldown.open div.dropdown-menu a.dropdown-item:first-child {
    padding: 0;
    padding-left: 5px;
}

div.dropdown.pull-right.header-settings-pulldown div.dropdown-menu a.dropdown-item {
    line-height: 220% !important;
    padding-left: 5px;
}

/* new marketing footer */
div.footer-col.clearfix.white-box {
    padding: 15px;
}

div.footer-info-gray {
    background-color: #636874;
    color: #ffffff;
}

div.footer-info-black {
    background-color: #052c62;
    color: #ffffff;
}

div.footer-info-orange {
    background-color: #c66600;
    color: #ffffff;
}

div.footer-info-blue {
    background-color: #0a8ac0;
    color: #ffffff;
}

div.footer-info-green {
    background-color: #2e8543;
    color: #ffffff;

}

div.footer-data-col {
    padding: 0;
    padding-right: 12px;
}

div.footer-data {
    width: 100%;
    min-height: 71px;
    padding: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px #ddd solid;
}

/* div.footer-data override 2 */
div.footer-data {
    width: 100%;
    min-height: 71px;
    padding: 15px;
    padding-left: 22px;
    padding-right: 10px;
    border: 1px #ddd solid;
    padding-top: 13px;
}

div.footer-data i {
    font-size: 35px;
    margin-right: 7px;
    opacity: 0.9;
    color: #fc0000;
}

div.footer-data div.pull-left h4,
div.footer-data div.pull-left p {
    margin: 0;
    padding: 0;
}

div.footer-data div.pull-left h4 {
    font-weight: 700;
}

div.col-sm-5.footer-middle.hidden-xs {
    border-left: 1px #ddd solid;
}

div.footer-label.pull-left {
    text-align: right;
    padding-right: 5px;
}

/* dashboard */

a span.badge.blue {
    background-color: #0c7cd5;
}

div.data-label {
    min-width: 107px;
    text-align: right;
    padding: 5px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    padding-right: 8px;
}

div.data-value {
    padding: 5px;
    color: #000;
    font-size: 14px;
    width: 100%;
    font-weight: 300;
}

a.btn.btn-default.gray {
    background-color: #bbb;
    color: #fff;
}

a.btn i.fa {
    font-size: 17px;
}

div.data-value .btn {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.chart-holder {
    padding: 11px;
    min-height: 200px;
    display: block;
}

div.dashboard-mid-right-table div.dashboard-table-padder {
    height: inherit;
    min-height: 184px;
}

a.download-url {
    float: none;
    clear: both;
    font-size: 14px;
    width: 100%;
    line-height: 200%;
}

a.download-url i {
    font-size: 16px;
}

/* manage agreement */
div.white-box div.tab-content div.tab-pane.active {
    padding: 15px;
}

.top-margin-15 {
    margin-top: 15px;
}

div.testing-status-block {
    background-color: #c66600;
    color: #ffffff;
    min-height: 60px;
    padding: 10px;
    margin-bottom: 15px;
    max-width: 250px;
}

a.box-header-button {
    margin-top: -4px !important;
    height: 30px;
    padding: 3px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

a.box-header-button.blue {
    background-color: #468cc8;
    color: #fff !important;
    font-weight: 300 !important;
    text-transform: none !important;
}

div.padder-row {
    padding: 15px;
}

table.manage-asset-table {
    width: 100%;
    padding-left: 10px;
    padding-right: 0;
    border-collapse: separate;
    border-spacing: 5px;
}

table.manage-asset-table tr td {
    border: 1px #ccc solid;
    padding: 5px;
}

td.left-items {
    background-color: #e8e8e8;
    height: 38px;
}

td.right-items {
    width: 44px;
    height: 38px;
    text-align: center;
    background-color: #e8e8e8;
}

table.manage-asset-table tbody tr td.left-items div.pull-left.l-error {
    width: 25px;
    text-align: center;
}

table.manage-asset-table tbody tr td.left-items div.pull-left.l-icon {
    width: 25px;
    text-align: center;
}

table.manage-asset-table tbody tr td.left-items div.pull-left.l-info {
    padding-left: 5px;
    padding-top: 0;
    font-size: 13px;
    color: #005399;
}

table.manage-asset-table tbody tr td.right-items i.fa.fa-cog {
    font-size: 23px;
    color: #ababab;
}

div.asset-list-footer {
    padding: 15px;
    padding-bottom: 0;
}

div.asset-list-footer div.row div button i.fa.fa-question-circle {
    font-size: 20px;
    vertical-align: middle;
    color: #336699;
}

div.asset-list-footer div.row div button.btn.btn-transparent {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: #336699;
}

div.legend-line img {
    margin-right: 5px;
}

div.legend-line {
    margin-bottom: 10px;
    padding-right: 15px;
}

div.legend-line:first-child {
    padding-top: 11px;
}

div.no-left-padding {
    padding-left: 0;
}

div.no-right-padding {
    padding-right: 0;
}

.pagination {
    margin: 0;
}

div.legend-line.wide {
    min-width: 207px;
}

.editable-unsaved {
    font-weight: 400;
}

input.form-control.datepicker {
    border: 0;
    width: 200px;
    padding: 0;
    cursor: pointer;
}

.dropdown-menu > li > a {
    line-height: 1.5;
    font-size: 14px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #4d4b4b;
    background-color: #dddddd;
}

.l-info-work {
    overflow: hidden;
    width: 210px;
}

.wide-115 {
    min-width: 115px;
}

.wide-120 {
    min-width: 120px;
}

div.box-header a.btn.btn-sm.pull-right.box-header-button.blue.big-plus {
    margin-right: 0;
    font-size: 29px;
    font-weight: 400 !important;
    padding-top: 0 !important;
    margin-top: -5px !important;
    line-height: 95%;
}

.white-text {
    color: #fff !important;
}

h2.all-cap-header {
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    margin: 0;
    margin-bottom: 15px;
    padding-left: 5px;
}

div.header-wrapper {
    width: 100%;
    clear: both;
}

.margin-top-neg-1 {
    margin-top: -1px !important;
}

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

.data-value.left-align,
.data-label.left-align {
    text-align: left !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content {
    min-height: 300px;
    border: 1px #ddd solid;
    margin-top: 20px;
    padding: 15px;
}

div#arc-flash-left-col.alert.alert-danger {
    color: #6d2a2e;
    background-color: #f3d8db;
    border: none;
    padding: 15px;
}

div#arc-flash-left-col.alert.alert-danger h3 {
    margin: 0;
}

div.gray-border {
    border: 1px #ddd solid;
}

tab#assessment-visual-inspection.tab-pane.active div.row {
    padding-bottom: 10px;
}

tab#assessment-visual-inspection.tab-pane.active div.row div.col-sm-2.text-lable {
    padding-top: 5px;
}

div#safety-info-tabs div.tab-content {
    border: none !important;
}

div#safety-ack.tab-pane.active h6 {
    padding: 0;
}

div#safety-info-tabs div.tab-content {
    margin-top: 0 !important;
}

div.tab-content.latest-images div.tab-pane {
    padding: 0 !important;
}

table.no-top-line tr:first-child th,
table.no-top-line.no-bottom-margin tr:first-child th {
    border-top: none;
}

table.table.table-striped.no-top-line tbody tr td:first-child {
    border-top: none;
    background-color: #ffffff;
}

table.no-bottom-margin {
    margin-bottom: 0;
}

div#images.tab-pane.active accordion.location-accordion.panel-group accordion-group.panel {
    margin-top: -2px;
}

.tree li.parent_li > span {
    padding: 15px;
    width: 100%;
}

.tree li span {
    padding: 15px;
    width: 100%;
}

div.attachment-holder {
    margin-bottom: 15px;
    border-bottom: 1px #ddd solid;
}

div.attachment-holder p.desc {
    padding-bottom: 10px;
    padding-left: 16px;
}

div.attachment-holder div.title {
    color: #005399;
}

.nav-tabs > li {
    background: #ddd;
}

.nav-tabs {
    background: #ddd;
}

/* tasking tab */

tabset#tasking-pills.tab-container ul.nav.nav-pills {
    margin-bottom: 15px;
}

div.panel-body.card-block.card-body div.row div.col-sm-6 ul {
    padding: 0;
    padding-left: 11px;
}

div.panel-body.card-block.card-body div.row div.col-sm-6 ul li {
    padding-bottom: 8px;
}

.text-green {
    color: #009900;
}

.padding-15 {
    padding: 15px !important;
}

table.tasking-table tr {
    border-bottom: 1px #ddd solid;
}

table.tasking-table tr:first-child {
    border-top: 1px #ddd solid;
}

table.tasking-table tr td {
    padding-top: 8px;
    padding-bottom: 9px;
}

div.popover-content.popover-body ul.faux-dropdown-menu {
    list-style: none;
    padding: 0;
}

div.popover-content.popover-body ul.faux-dropdown-menu li {
    text-align: left;
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}

div.popover-content.popover-body ul.faux-dropdown-menu li:last-child {
    padding-bottom: 0;
}

div.popover-content.popover-body ul.faux-dropdown-menu li:hover {
    background-color: #ddd;
}

table.width-100-percent {
    width: 100%;
}

.text-white {
    color: #fff !important;
}

/* problems tab */

div.row.problem-tab-body div.col-sm-12 a.btn.btn-primary.pull-right.text-white {
    margin: 0;
    margin-bottom: 8px;
}

table.table-striped.width-100-percent.table-bordered.all-problems tbody tr th,
table.table-striped.width-100-percent.table-bordered.all-problems tbody tr td {
    padding: 8px;
}

table.table-striped.width-100-percent.table-bordered.all-problems tbody tr td a.btn.btn-sm.btn-gray {
    background-color: #ccc;
    color: #fff;
    border: 1px #ccc solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 1;
    margin: 0;
}

div.asset-controls.row.padder-row div.col-sm-12 div.dropdown.pull-left:first-child {
    margin-right: 15px;
}

div.asset-controls.row.padder-row div.col-sm-12 div.dropdown.pull-right:last-child {
    margin-right: 15px;
}

div.row.padder-row div.asset-controls.row.padder-row {
    padding-bottom: 5px;
}

.dropdown-container {
    position: relative;
}

/* override the button radius and kill the shadows */
.btn {
    border-radius: 5px !important;
    font-weight: 300;
    font-size: 12px;
    -webkit-box-shadow: none;
}

.smart-form footer .btn {
    height: 30px;
    font: 300 13px/29px 'Open Sans', Helvetica, Arial, sans-serif;
}

.nav-tabs > li > a {
    font-size: 13px;
}

/* Customize the label (the container) */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 23px;
    cursor: pointer;
    font-size: 37px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark::after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

td.right-items {
    padding-left: 8px !important;
}

div.footer-info a {
    color: #333;
}

div.overview-left-padder {
    padding-left: 10px;
}

div.overview-top-padder {
    padding-top: 15px;
}

div.overview-top-padder h2.all-cap-header {
    margin-bottom: 5px;
}

div.half-status {
    background-color: #ddd;
    width: 49%;
    float: left;
    padding: 7px;
}

div.half-status.left {
    border-right: 3px #fff solid;
}

div.half-status div.pull-left img.icon {
    margin-top: 2px;
    margin-right: 2px;
}

div.doc-button-wrapper {
    min-height: 53px;
}

div#documentation-tabs ul.nav.nav-tabs li.active {
    border-bottom: 1px #fff solid;
}

.white-background,
ul.nav.nav-tabs.white-background li {
    background-color: #fff !important;
    background: #fff !important;
}

.docs-right-col {
    border-left: 1px #ddd solid;
    min-height: 400px;
}

/* variables tab */
div.asset-detail-tab-content.asset-variables div.tabbable.tabs-left.asset-variables-tabs.ng-star-inserted div.tab-content {
    margin-left: 63px;
    border-top: 2px #ddd solid;
}

/* fedbyfeeds */
.right-margin-15 {
    margin-right: 15px;
}

.all-cap-header.no-left-padding {
    padding-left: 0;
    margin-left: 0;
}

div.col-sm-6.no-left-padding div.image-gallery-item {
    margin-bottom: 35px;
}

span.data-label {
    color: #666;
}

div#equipment-tree.tab-pane.active sa-tree-view div.sa-tree-view.tree ul li.parent_li .sa-icon {
    float: left;
    margin-right: 7px;
    margin-top: 3px;
    margin-left: -1px;
}

.tree li {
    padding-right: 0;
}

button.transparent-button {
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.custom-popover li {
    border: none !important;
    text-align: left;
}

.custom-popover li:nth-child(2) {
    border-top: 1px solid #ccc !important;
}

.custom-popover li:last-child {
    border-top: 1px solid #ccc !important;
}

.custom-popover li:only-child {
    border: none !important;
    border-top: none !important;
}

ul.custom-popover {
    margin-bottom: 0;
}

popover-container.popover.in.popover-bottom.bs-popover-bottom.bottom.popover-with-options div.popover-content {
    padding: 2px 0;
}

.popover-content {
}

input.form-control.datepicker {
    border: 0;
    width: 100%;
    cursor: pointer;
    background: transparent;
    margin: 0;
    padding: 0;
    height: auto;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif, sans-serif;
    padding-top: 2px;
    font-size: 14px;
}

.l-info-work {
    cursor: pointer;
}

div.asset-list-scroller-wrapper {
    /*
    max-height: 800px;
    overflow-y: scroll;
    */
    min-height: 600px;
}

div.asset-list-scroller-wrapper-2 {
    max-height: 800px;
    overflow-y: scroll;
    max-height: 300px;
}

div.white-box div.box-header div.dropdown ul.dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    line-height: 1.5;
    font-size: 14px;
    text-transform: none;
    border-bottom: none;
}

div.search-types label.radio-inline {
    margin-top: 8px;
}

div.search-types label.radio-inline input {
    margin-top: 2px;
}

div.search-types.text-right.agreement-manage-page label.radio-inline {
    margin-top: -5px;
}

div.search-criteria {
    float: left;
    padding-top: 0;
    text-align: right;
    margin-top: -2px;
}

/* Site Visit Status values
TASKED,ASSIGNED,INCOMPLETE,RETURNED,COMPLETED
*/
div.data-value.dashboard-status x-editable.editable.editable-click a#x-editable0.editable.editable-click,
div.data-value.dashboard-status x-editable.editable-unsaved.editable.editable-click {
    color: #333;
    font-weight: 700;
    font-size: 21px;
    text-transform: uppercase;
    margin-top: -6px;
}

div.data-value.dashboard-status.id_1 x-editable.editable.editable-click a#x-editable0.editable.editable-click,
div.data-value.dashboard-status.id_1 x-editable.editable-unsaved.editable.editable-click {
    color: #daa023;
}

div.data-value.dashboard-status.id_6 x-editable.editable.editable-click a#x-editable0.editable.editable-click,
div.data-value.dashboard-status.id_6 x-editable.editable-unsaved.editable.editable-click {
    color: #ff0000;
}

div.data-value.dashboard-status.id_3 x-editable.editable.editable-click a#x-editable0.editable.editable-click,
div.data-value.dashboard-status.id_3 x-editable.editable-unsaved.editable.editable-click {
    color: #009933;
}

.data-value.cancelled {
    color: #555555;
}

/*
.dropdown-menu.with-arrow:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.with-arrow:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
*/
.dropdown-menu.with-arrow {

}

.dropdown-menu.with-arrow:after, .dropdown-menu.with-arrow:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-menu.with-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.dropdown-menu.with-arrow:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 16px;
    margin-left: -16px;
}

.dropdown-menu.with-arrow {
    margin-left: -91%;
    margin-top: 10px;
}
.dropdown-menu.with-arrow.regular {
    margin-left: 0;
    margin-top: 28px;
}

.btn.btn-transparent {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
}

table.tasking-table tbody tr td {
    font-size: 14px;
}

.btn-group.open .btn-transparent.dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

img.width-100-percent {
    width: 100% !important;
}

.ngx-datatable.bootstrap {
    box-shadow: none;
    font-size: 13px;
}

.ngx-datatable.bootstrap .datatable-header {
    height: unset !important;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
    vertical-align: bottom;
    padding: 0.75rem;
    border-bottom: 1px solid #d1d4d7;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
    line-height: 24px;
}

.ngx-datatable.bootstrap .datatable-body {

}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #d1d4d7;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
    background-color: rgba(0, 0, 0, 0.05);
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
    text-align: left;
    vertical-align: top;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
    background-color: #1483ff;
    color: #FFF;
}

.ngx-datatable.bootstrap .datatable-footer {
    background: #efefef;
    color: #444;
    margin-top: -1px;
}

.ngx-datatable.bootstrap .datatable-footer .page-count {
    line-height: 50px;
    height: 50px;
    padding: 0 1.2rem;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
    margin: 0 10px;
    vertical-align: top;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
    margin: 10px 0px;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
    background-color: #545454;
    font-weight: bold;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
    height: 22px;
    min-width: 24px;
    line-height: 22px;
    padding: 0;
    border-radius: 3px;
    margin: 0 3px;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    vertical-align: bottom;
    color: #ededed;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
    font-size: 18px;
    line-height: 27px;
    padding: 0 3px;
}

@font-face {
    font-family: "data-table";
    src: url("fonts/data-table.eot");
    src: url("fonts/data-table.eot?#iefix") format("embedded-opentype"),
    url("fonts/data-table.woff") format("woff"),
    url("fonts/data-table.ttf") format("truetype"),
    url("fonts/data-table.svg#data-table") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "data-table" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="datatable-icon-"]:before,
[class*=" datatable-icon-"]:before {
    font-family: "data-table" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter:before {
    content: "\62";
}

.datatable-icon-collapse:before {
    content: "\61";
}

.datatable-icon-expand:before {
    content: "\63";
}

.datatable-icon-close:before {
    content: "\64";
}

.datatable-icon-up:before {
    content: "\65";
}

.datatable-icon-down:before {
    content: "\66";
}

.datatable-icon-sort:before {
    content: "\67";
}

.datatable-icon-done:before {
    content: "\68";
}

.datatable-icon-done-all:before {
    content: "\69";
}

.datatable-icon-search:before {
    content: "\6a";
}

.datatable-icon-pin:before {
    content: "\6b";
}

.datatable-icon-add:before {
    content: "\6d";
}

.datatable-icon-left:before {
    content: "\6f";
}

.datatable-icon-right:before {
    content: "\70";
}

.datatable-icon-skip:before {
    content: "\71";
}

.datatable-icon-prev:before {
    content: "\72";
}

.datatable-body-cell {
    overflow-x: visible !important;
}

.dropdown-menu.with-arrow.in-datatable {
    margin-left: -29%;
    margin-top: 10px;
    min-width: 100px;
}

.ngx-datatable.bootstrap .datatable-footer {
    background: #fff;
    color: #444;
    margin-top: -1px;
    min-height: 110px;
}

.ngx-datatable .datatable-footer .page-count {
    border-top: 1px #ddd solid;
}

button.transparent-button {
    padding-top: 7px;
    padding-bottom: 7px;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
}

div.gray-border.disabled {
    color: #b7b5b5;
}

div.gray-border.padding-15.disabled table.tasking-table tbody tr.ng-star-inserted td.disabled img {
    opacity: .5;
}

tr.under-test td {
    background-color: #ccc;
}

div.data-value-spacer {
    height: 1px;
    clear: both;
    width: 100%;
}

/* start modal views
 *
 */

div.draggable-location-holder {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e7e7e7;
    padding: 5px;
    width: 100%;
    margin-bottom: 8px;
    padding-left: 8px;
}

div.draggable-location-holder i {
    color: #838383;
    margin-top: 3px;
    margin-right: 3px;
}

.ngx-dnd-container {
    border: none !important;
    background-color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ngx-dnd-item {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    border: none !important;
    display: block !important;
}

.btn-danger {
    color: #fff;
    background-color: #cb444a;
    border-color: #cb444a;
}

.alert-info {
    border-color: #e7e8ea;
    color: #333;
    background-color: #e7e8ea;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

.table-fixed tbody td, .table-fixed thead > tr > th {
    float: left;
    border-bottom-width: 0;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-8 h3,
div.modal-body.duplicate-nameplate div.row div.col-sm-4 h3 {
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-4 p.data-label,
div.modal-body.duplicate-nameplate div.row div.col-sm-4 p.data-value {
    padding: 0;
    margin: 0;
    font-size: 15px;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-4 p.data-value {
    margin-bottom: 8px;
    color: #000;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-4 p.data-label {
    color: #666666;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-8 div.list-holder table.table.table-fixed tbody {
    max-height: 330px;
}

label.checkbox-container.duplicate-nameplate {
    margin-bottom: 22px;
    width: 24px;
    float: right;
    margin-top: -2px;
}

div.modal-body.duplicate-nameplate div.row div.col-sm-8 div.list-holder table.table.table-fixed tbody div.row-wrapper table tbody tr td {
    padding: 9px;
}

.form-group {
    margin-bottom: 8px;
}

div.modal-body div.row div.col-sm-6 h3.all-caps,
div.modal-body h3.all-caps {
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.theme-green .bs-datepicker-head {
    background-color: #3276b1 !important;
}

.theme-green .bs-datepicker-body table td.week span {
    color: #3276b1 !important;
}

.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*="select-"]::after, .theme-green .bs-datepicker-body table td[class*="select-"] span::after {
    background-color: #3276b1 !important;
}

span.red {
    color: #ff0000;
}

div.asset-list-scroller-wrapper.in-modal {
    max-height: 300px;
    min-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.asset-list-scroller-wrapper.in-modal table.manage-asset-table {
    padding-left: 0;
    margin-left: -4px;
}

.progress-bar {
    background-color: #3276b1;
}

@media screen and ( min-width: 1600px ) {
    .l-info-work {
        overflow: hidden;
        width: 84%;
    }
}

@media screen and ( min-width: 1300px ) and (max-width: 1599px) {
    .l-info-work {
        overflow: hidden;
        width: 78%;
    }
}

@media screen and ( min-width: 1000px ) and (max-width: 1299px) {
    .l-info-work {
        overflow: hidden;
        width: 69%;
    }
}

[hidden] {
    display: none !important;
}

div.no-top-padding {
    padding-top: 0 !important;
}

a#dropdownMenuButton.btn.btn-secondary.dropdown-toggle {
    font-weight: 400;
}

.nss-editable-click {
    text-decoration: underline;
    text-decoration-style: dashed;
    color: #006699;
    cursor: pointer;
}

.hidden-table-row {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.shown-table-row {
    display: block !important;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
}

.select-xs {
    max-width: 150px;
    height: 25px;
    font-size: 14px;
    padding: 0;
}

tr.not-new-row td {
    border-top: none !important;
    border-bottom: none !important;
}

.vertical-middle {
    vertical-align: middle !important;
}

table.table.table-enclosed.breaker-table tbody tr td {
    height: 40px !important;
}

div.editable-input > textarea {
    /*  width: 70% !important; */
}

.list-holder.scrollable-vertical.duplicate-nameplate {
    padding: 5px;
    max-height: 300px;
    overflow-y: auto;
}

div.search-criteria.manage-assets {
    float: none !important;
}

div.white-box.top-left-info div h2.all-cap-header {
    margin-bottom: 0;
}

div.white-box.top-left-info div a {
    color: #333;
}

btn.btn-round.inline-add-button {
    height: 25px !important;
    width: 25px !important;
    border-radius: 50% !important;
    padding: 1px 7px 0 0 !important;
    float: right !important;
}

a.pull-right.overview-add-item {
    font-weight: 700;
    border: 1px #ccc solid;
    border-radius: 50%;
    padding: 0;
    padding: 0 6px 0 6px;
}

div.locationsListHolder div table.table.dashboard-table.table-striped tbody tr td img {
    margin: 0 !important;
    padding: 0 !important;
}

.open > .dropdown-menu {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

a.complex-location.dropdown {
    padding-left: 26px;
}

a.complex-location.dropdown::before {
    content: url('/assets/img/icons/doc-status-unknown.png');
    position: relative;
    z-index: 100000;
    left: -10px;
    top: 3px;
    margin-right: 5px;
}

a.complex-location.dropdown span::before {
    content: url('/assets/img/icons/problem-status-unknown.png');
    position: relative;
    z-index: 100000;
    left: -16px;
    top: 3px;
    margin-right: -6px;
}
a.complex-location.dropdown span::before {
    content: none;
    margin-right: 0;
}
/* code 32 */
a.complex-location.dropdown.icon-code-32::before {
    content: url('/assets/img/icons/completed.png');
}

a.complex-location.dropdown.icon-code-32 span::before {
    content: url('/assets/img/icons/blank-18x16.png');
}

/* code 12 */
a.complex-location.dropdown.icon-code-12::before {
    content: url('/assets/img/icons/not-started.png');
}

a.complex-location.dropdown.icon-code-12 span::before {
    content: url('/assets/img/icons/blank-18x16.png');
}

/* code 11 */
a.complex-location.dropdown.icon-code-11::before {
    content: url('/assets/img/icons/not-started.png');
}

a.complex-location.dropdown.icon-code-11 span::before {
    content: url('/assets/img/icons/error-exclaim-point-gray.png');
}

/* code 30 */
a.complex-location.dropdown.icon-code-30::before {
    content: url('/assets/img/icons/completed.png');
}

a.complex-location.dropdown.icon-code-30 span::before {
    content: url('/assets/img/icons/error-exclaim-point.png');
}

/* code 31 */
a.complex-location.dropdown.icon-code-31::before {
    content: url('/assets/img/icons/completed.png');
}

a.complex-location.dropdown.icon-code-31 span::before {
    content: url('/assets/img/icons/error-exclaim-point.png');
}

/* code 10 */
a.complex-location.dropdown.icon-code-10::before {
    content: url('/assets/img/icons/not-started.png');
}

a.complex-location.dropdown.icon-code-10 span::before {
    content: url('/assets/img/icons/error-exclaim-point.png');
}

/* code 22 */
a.complex-location.dropdown.icon-code-22::before {
    content: url('/assets/img/icons/commenced.png');
}

a.complex-location.dropdown.icon-code-22 span::before {
    content: url('/assets/img/icons/blank-18x16.png');
}

/* code 20 */
a.complex-location.dropdown.icon-code-20::before {
    content: url('/assets/img/icons/commenced.png');
}

a.complex-location.dropdown.icon-code-20 span::before {
    content: url('/assets/img/icons/error-exclaim-point.png');
}

/* end complex cases */


/* new complex cases due to removing problem detail icon */
a.complex-location.dropdown.icon-code-1::before {
    content: url('/assets/img/icons/not-started.png');
}
a.complex-location.dropdown.icon-code-2::before {
    content: url('/assets/img/icons/commenced.png');
}
a.complex-location.dropdown.icon-code-3::before {
    content: url('/assets/img/icons/completed.png');
}


div.form-group div.dropdown.bootstrap-select.form-control button.btn.dropdown-toggle.btn-default {
    border-radius: 0 !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content tab#tab-applications.tab-pane.active span.editable-container.editable-inline {
    width: 100% !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content tab#tab-applications.tab-pane.active span.editable-container.editable-inline .control-group.form-group .editable-input textarea {
    width: 80% !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content tab#tab-applications.tab-pane.active span.editable-container.editable-inline div form.form-inline.editableform div.control-group.form-group div div.editable-input textarea.form-control.input-large {
    width: 100% !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content tab#tab-applications.tab-pane.active span.editable-container.editable-inline div form.form-inline.editableform div.control-group.form-group div div.editable-input {
    width: 90% !important;
}

tabset#overview-assessment-pills.tab-container div.tab-content tab#tab-applications.tab-pane.active span.editable-container.editable-inline div form.form-inline.editableform div.control-group.form-group {
    width: 100% !important;
}

/* Color overrides for new branding */
.smart-style-1 #header {
    background-image: none;
    background-color: #052c62;
}
.smart-style-1 .page-footer, .smart-style-1 .superbox-show, .smart-style-1 aside {
    background: #052c62 !important;
}
.smart-style-1 #logo-group {
    background: #052c62 !important;
}
#logo {
    display: inline-block;
    width: 269px;
    margin-top: 13px;
    margin-left: 48px;
}
.page-footer {
    display: none;
}
div.footer-data i {
    font-size: 35px;
    margin-right: 7px;
    opacity: 1;
    color: #11d641;
}
a.small-url {
    font-size: 10px;
    margin-top: 3px;
}
.btn-primary {
    color: #fff;
    background-color: #052C62;
    border-color: #052C62;
}
a.box-header-button.blue {
    background-color: #052C62;
}
button.btn.btn-default.gray {
    background-color: #e4e4e4;
}
div.dropdown.pull-right.header-settings-pulldown.open div.dropdown-menu a.dropdown-item {
    display: inline-block;
    width: 100%;
}

app-problem-detail div.modal-body div.row div.col-sm-6 div.ng-star-inserted carousel div.carousel.slide div.carousel-inner slide.item.carousel-item.ng-star-inserted.active div.item.active div.carousel-caption.d-none.d-md-block h3 {
    margin: 0;
}

div.modal-content app-problem-detail div.modal-body div.row div.col-sm-6 div.ng-star-inserted carousel div.carousel.slide div.carousel-inner slide.item.carousel-item.ng-star-inserted.active div.item.active div.carousel-caption.d-none.d-md-block p {
    margin: 0;
}

div.modal-content app-problem-detail div.modal-body div.row div.col-sm-6 div.ng-star-inserted carousel div.carousel.slide ol.carousel-indicators.ng-star-inserted {
    bottom: 0;
}
div.white-box.equal-height.dashboard-left-column div.row div.col-md-4 div.data-value p {
    margin:0;
}
div.manage-image-item {
    padding: 10px;
    border: 1px #ddd solid;
    margin-right: 5px;
    min-height: 410px;
    background-color: #f7f7f7;
}

.notched-top-right {
    clip-path:
            polygon(100% 0px, 94.00% 212.12%, -6% 0%)
}
div.num-contained {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 25px;
    height: 17px;
    background-color: #bbb;
    text-align: center;
    color: #ffffff;
    padding: 0;
    font-size: 11px;
    padding-right: 0;
    cursor: pointer;
    padding-left: 7px;
}
.tooltop-margin-bottom-10 {
    margin-bottom: 10px;
}
.image-more-ellipse {
    border: none;
    margin-top: -16px;
    background: transparent;
    height: 14px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #999;
}
.image-more-ellipse:hover, .image-more-ellipse:active, .image-more-ellipse:focus {
    background: transparent !important;
}
.text-small a.light-color {
    font-size: 11px;
    text-align: right;
    color: #999;
}
.location-dnd-item {
    padding: 10px;
    border: 1px #ccc solid;
    margin-bottom: 5px;
    list-style: none;
    cursor: pointer;
}

.dndList {
    transition: all 600ms ease;
}
.dndDragover {
     padding-top: 12px;
     padding-bottom: 12px;
}

.dndDragging {
    border: 1px solid green;
}

.dndDraggingSource {
    display: none;
}

.dndPlaceholder {
    min-height: 40px;
    border: 1px dashed green;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}
table.problems-table td {
  border-bottom: 1px #ccc solid;
  padding: 5px;
}
table.problems-table th {
  padding: 3px 6px;
  border-bottom: 2px #ccc solid;
}
table tr.problem-child-row td:first-child {
  background-color: #ffffff !important;
  border-bottom: none !important;
}
h2.table-title {
  font-weight: 700;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
th.text-right.text-muted {
  text-align: right;
  font-weight: 300;
  color: #555;
}
.minified nav > ul > li.active > a::before {
  content: "";
}

tr.problem-child-row td {
  background-color: #eee !important;;
}
td.child-problem-label {
  text-align: right;
}
.dropdown-email {
  float: left;
  margin: 0;
  color: #2d96dd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
ul.user-info-dropdown {
  min-width: 200px;
}
/* Remote 2.1 Items */
.tabbable-button {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #006699;
}
.tabbable-button:focus {
  text-decoration: underline;
  background-color: #ddd;
}
/* make asset list scrollable */
.assets-window {
  overflow:auto;
  height: calc(100vh - 475px);
  padding-right: 0;
}
.smart-style-1.minified nav > ul > li {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
div#hide-menu.btn-header.pull-right span a {
    background-color: transparent;
    border: none;
}
#search-mobile {
    display: none;
    margin-left: 0;
}
/* print fed by feeds - 6/2021 */


/* New items as of 2/2022 */
.color_incomplete {
    color: #daa023;
}
ul.dropdown-menu.with-arrow.regular.problem-row.ng-star-inserted {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-left: 15px;
}
/* Auto Upload 2022 */
.margin-left-0 {
    margin-left: 0;
}
.margin-right-0 {
    margin-right: 0;
}
.auto-attach-edit-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.margin-left-5 {
    margin-left: 5px;
}
.auto-attach-image-list-table tr td {
    font-size: 13px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
ul.dropdown-menu.ellipsis-dropdown li a.enabled {
    color: #316ca9;
}
ul.dropdown-menu.ellipsis-dropdown li a.disabled {
    color: #aaa;
}
.danger-color {
    color: #ff0000 !important;
}
.margin-left-5 {
    margin-left: 5px;
}
.auto-attach-image-list-table tr td {
    font-size: 12px !important;
}
.modal-ir {
    width: 1200px !important;
}
.ir-data-table tr {
    border: none !important;
}
.ir-data-table tr td {
    border-top: none !important;
    vertical-align: middle !important;
    padding: 5px 10px !important;
}
table.table.ir-data-table tbody tr td input[type="file"].form-control {
    border: none !important;
}
.loadingTable {
    background-color: rgba(137,137,137,0.8);
    opacity: 0.5;
}
/* FLIR 2023 */
div.show-the-tabs tabset.tab-container ul.nav.nav-tabs {
    display: block;
}
div.show-the-tabs.smaller-text,
div.show-the-tabs.smaller-text tabset.tab-container ul.nav.nav-tabs li.nav-item .nav-link span {
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 260px;
}
.flir-image {
    width: 320px;
    height: 240px;
}
div.show-the-tabs.smaller-text tabset.tab-container ul.nav.nav-tabs li.nav-item.ng-star-inserted .nav-link {
    padding: 7px;
}
table.smaller-text tr th, table.smaller-text tr td {
    font-size: 11px;
}
div.show-the-tabs.smaller-text tabset.tab-container div.tab-content .tab-pane table.table.table-striped tbody tr th,
div.show-the-tabs.smaller-text tabset.tab-container div.tab-content .tab-pane table.table.table-striped tbody tr td {
    font-size: 11px !important;
}
table.table.severity-table tbody tr th,
table.table.table-striped.smaller-text tbody tr th,
table.table.table-striped.smaller-text.flir-parameters tbody tr:first-child td {
    border-top: 1px #fff solid !important;
}
.problem-input-row {

}
div.row.problem-input-row div.col-sm-6 table.table.ir-data-table {
    margin-bottom: 5px;
}
a.flir-toolbar-button {
    background: transparent;
    border-radius: 0 !important;
    border: none;
    color: #ccc;
    border-bottom: 1px #333 solid;
    padding-top: 9px;
}
a.flir-toolbar-button:hover {
    background: #333 !important;
    color: #ccc !important;
}
a.flir-toolbar-button:active {
    background: #888 !important;
    color: #ccc !important;
}

.flir-interface {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #323232;
    width: 1050px;
    margin: auto;
}
.flir-column.flir-toolbar {
    display: flex;flex-direction: column; width: 50px;height: 480px;
}
.flir-column.flir-image {
    width: 640px !important;
    height: 480px !important;
}
.flir-column.flir-color-scale-holder {
    display: flex;flex-direction: column; width: 50px;height: 481px;
}
.scale-color-gradient {
    height: 430px;
    background-image: url('/assets/img/tegg/fpo/heat-scale.png');
    background-position: center center;
    background-size: contain;
}
.scale-top-num {
    height: 25px;color: #fff;text-align: center;font-size: 11px;padding-top: 5px;background-color: #000;
}
.scale-bottom-num {
    height: 25px;color: #fff;text-align: center;font-size: 11px;padding-top: 5px;background-color: #000;
}

.ng5-slider {
    margin: 0 !important;
    margin-top: 16px !important;
    background-color: #323232 !important;
    height: 20px !important;
}

.ng5-slider .ng5-slider-pointer {
    cursor: pointer;
    width: 7px !important;
    height: 32px;
    top: -14px;
    z-index: 3;
    border-radius: 0 !important;
    background-color: #555 !important;
}
.ng5-slider.animate .ng5-slider-pointer {
    -webkit-transition: none;
    transition: none;
}
.ng5-slider .ng5-slider-pointer::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 12px;
    left: 12px;
    border-radius: 4px;
    background: #fff;
    display: none;
}
.ng5-slider.animate .ng5-slider-bubble {
    display: none;
    height: 1px;
}
.ng5-slider.animate .ng5-slider-bar-wrapper {
    background-color: #323232;
}
div.flir-holder div div ng5-slider.ng5-slider span.ng5-slider-span.ng5-slider-bubble.ng5-slider-combined {
    display: none !important;
}
.flir-auto-button {
    width: 41px;
    margin-left: 3px;
    padding: 0;
    border-radius: 0 !important;
    background: transparent;
    color: #fff;
    padding-top: 7px;
    /* new for 2024 */
    border: 1px #ddd solid;
    margin: 3px;
    padding: 5px;
    width: 47px;
    background-color: #454444;
}
.flir-auto-button:hover {
    background: #333 !important;
    color: #ccc !important;
}
.flir-auto-button:focus {
    color: #fff;
}

.flir-metrics {
    padding: 10px;
    color: #fff;
    font-size: 16px;
    width: 300px;
    padding-left: 15px;
    padding-top: 0px;
    margin-top: -5px;
}
.flir-metrics h2 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    border-bottom: 1px #555 solid;
    padding-bottom: 2px;
    margin-bottom: 0;
}
table.table.smaller-text.flir-parameters.flir-inspector tbody tr td {
    border-color: #333;
    padding-left: 0;
}
table.table.smaller-text.flir-parameters.flir-inspector tbody tr:first-child td {
    border: none;
}
div.flir-column.flir-metrics table.table.smaller-text.flir-parameters.flir-inspector tbody tr td:first-child {
    min-width: 180px;
    padding-right: 8px !important;
}
div.flir-column.flir-metrics table.table.smaller-text.flir-parameters.flir-inspector tbody tr td:last-child {
    text-align: right;
    padding-right: 0;
}
.flir-holder {
    /* opacity: .5; */
}
div.flir-column.flir-metrics table.table.smaller-text.flir-parameters.flir-inspector tbody tr td {
    padding: 5px 3px 5px 0;
}
div.flir-target-icon {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    background-image: url('/assets/img/tegg/flir/tegg-flir-target-blank.png');
    background-size: contain;
    cursor: crosshair;
    /* border: 1px #ddd solid; */
}

div.flir-target-icon.blue {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    background-image: url('/assets/img/tegg/flir/tegg-flir-target-on-thumbnail-blue.png');
    background-size: contain;
    cursor: crosshair;
    /* border: 1px #ddd solid; */
}

img.flir-target-icon:hover {
    cursor: move;
}

div.flir-target-icon-on-thumbnail {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    background-image: url('/assets/img/tegg/flir/tegg-flir-target-on-thumbnail.png');
    background-size: contain;
    cursor: crosshair;
}
div.flir-interface div.flir-column.flir-toolbar a.btn.flir-toolbar-button.active {
    background-color: #555;
}
.hide {
    transition: 0.01s;
    transform: translateX(-9999px);
}
.rectangle {
    border: 1px solid #ccc;
    position: absolute;
}
.flir-line-point {
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #ccc;
    color: #fff;
    font-size: 9px;
}
.flir-line {
    position: absolute;
    height:1px;
    background-color: #ccc;
    transform-origin: left;
}
.spot-sp {
    position: absolute;
    top: -10px;
    left: 17px;
    font-size: 11px;
}
.spot-sp.debug {
    font-size: 9px;
}
.spot-sp-thumbnail {
    position: relative;
    top: 3px;
    left: 19px;
    font-size: 11px;
    color: #83e1ec;
}
.temp-toggle-button {
    font-size: 24px;
    font-weight: 600;
}

#theImageCanvas {
    position: relative;
    overflow: hidden;
}
:root {
    --featured-image: url('/assets/img/no-image-yet-black.png');
    --offsetX: 0px;
    --offsetY: 0px;
    --thumbOffsetX: 0px;
    --thumbOffsetY: 0px;
    --correctedThumbOffsetX: 0px;
    --correctedThumbOffsetY: 0px;
}
#theImageCanvas::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*
    background-image: url('/assets/img/tegg/fpo/FLIR2002a.png'); */
    background-image: var(--featured-image);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: var(--offsetX) var(--offsetY);
}
#theImageCanvas.rotate90::before {
    transform: rotate(90deg);
}
#theImageCanvas.rotate180::before {
    transform: rotate(180deg);
}
#theImageCanvas.rotate270::before {
    transform: rotate(270deg);
}
#theImageCanvas.scale1::before {
    transform-origin: center;
    transform: scale(1);
}
#theImageCanvas.scale2::before {
    transform-origin: center;
    transform: scale(2);
}

/* Combo rotate and scale */
#theImageCanvas.scale1.rotate90::before {
    transform-origin: center;
    transform: scale(1) rotate(90deg);
}
#theImageCanvas.scale1.rotate180::before {
    transform-origin: center;
    transform: scale(1) rotate(180deg);
}
#theImageCanvas.scale1.rotate270::before {
    transform-origin: center;
    transform: scale(1) rotate(270deg);
}
#theImageCanvas.scale2.rotate90::before {
    transform-origin: center;
    transform: scale(2) rotate(90deg);
}
#theImageCanvas.scale2.rotate180::before {
    transform-origin: center;
    transform: scale(2) rotate(180deg);
}
#theImageCanvas.scale2.rotate270::before {
    transform-origin: center;
    transform: scale(2) rotate(270deg);
}









h3.problem-header {
    margin-bottom: 5px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-10 {
    padding-left: 10px !important;
}
table.problem-info tr td {
    white-space: nowrap;
    padding:0;
    font-size: 14px;
}
td.problem-input-checkbox {
    padding: 0 !important;
    padding-top: 7px !important;
}
.probSeverityBlue {
    background-color: deepskyblue;
    color: #fff;
}
.probSeverityYellow {
    background-color: yellow;
    color: #333 !important;
}
.probSeverityRed {
    background-color: red;
    color: #fff;
}
.probSeverityWhiteText {
    color: #fff !important;
}
.probSeverityBlueText {
    color: deepskyblue !important;
}
.probSeverityYellowText {
    color: yellow !important;
}
.probSeverityRedText {
    color: red !important;
}
ul#dropdown-basic.dropdown-menu.palette-dropdown {
    padding: 0 !important;
}
ul#dropdown-basic.dropdown-menu.palette-dropdown h6 {
    padding: 0 !important;
    margin: 0 !important;
}
ul#dropdown-basic.dropdown-menu.palette-dropdown li {
    padding: 0 !important;
}
ul#dropdown-basic.dropdown-menu.palette-dropdown div.palette-dropdown-header h6.dropdown-header {
    padding: 4px !important;
    background-color: #444;
    color: #fff;
    padding-left: 20px !important;
}
ul#dropdown-basic.dropdown-menu.palette-dropdown li a.dropdown-item {
    padding: 4px 20px;
    line-height: 1;
}
table.flir-parameters {
    margin-bottom: 10px !important;
}
a.alarm-color.red, a.alarm-color.red:hover, button.alarm-color-button.red {
    background-color: #ff0000 !important;
}
a.alarm-color.green, a.alarm-color.green:hover, button.alarm-color-button.green {
    background-color: #00FF00 !important;
}
a.alarm-color.blue, a.alarm-color.blue:hover, button.alarm-color-button.blue {
    background-color: #0000ff !important;
}
a.alarm-color.yellow, a.alarm-color.yellow:hover, button.alarm-color-button.yellow {
    background-color: yellow !important;
}
a.alarm-color.light-blue, a.alarm-color.light-blue:hover, button.alarm-color-button.light-blue {
    background-color: lightskyblue !important;
}
a.alarm-color.cyan, a.alarm-color.cyan:hover, button.alarm-color-button.cyan {
    background-color: cyan !important;
}
a.alarm-color.magenta, a.alarm-color.magenta:hover, button.alarm-color-button.magenta {
    background-color: magenta !important;
}
a.alarm-color.gray, a.alarm-color.gray:hover, button.alarm-color-button.gray {
    background-color: gray !important;
}
input.inline-measurement-input {
    width: 70px;
    height: 18px;
    font-size: 11px;
    padding: 2px;
    text-align: center;
}
.temp-sev-button {
    border: 1px #ccc solid;
    background-color: #323232;
    color: #fff !important;
    min-width: 75px;
}
.temp-sev-button:hover {
    color: #fff;
}
.ng5-slider-limit, .ng5-slider-model-value, .ng5-slider-model-high {
    display: none !important;
}
.btn-green, .btn-green:active, .btn-green:hover, .btn-green:focus {
    background-color: #00a300 !important;
    color: #fff;
    border-color: #00a300 !important;
}

@media screen and (min-width: 1500px) {
    div.col-sm-6.no-left-padding div.image-gallery-item {
        min-height: 160px;
    }
}
@media screen and (min-width: 1800px) {
    div.col-sm-6.no-left-padding div.image-gallery-item {
        min-height: 200px;
    }
}

.customFlirToolTipClass .tooltip-inner  {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    color: #555;
    border: 1px #ddd solid;
    font-weight: 400;
}
.customFlirToolTipClass .arrow::before {
    background-color: #ffffff !important;
    border-top-color: #ffffff !important;
}
.flir-tt-button {
    font-size: 10px;
    padding: 3px;
}
.TemperatureSeverityTable {
    color: #333;
    min-width: 350px !important;
}
.flir-image.image-tabs {
    border: 1px #ddd solid;
}
.flir-target-icon .spot-sp {
    color: #ffffff !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
}
input.editor-param-field {
    padding:0;
    margin:0;
    border: none;
    background-color: #000000;
    color: #fff;
    width: 60px;
    text-align: right;
    border: 1px #000 solid;
    transition: border 1s ease;
    transition: color 1s ease;
}
/* Chrome, Safari, Edge, Opera */
input.editor-param-field::-webkit-outer-spin-button,
input.editor-param-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number].editor-param-field {
    -moz-appearance: textfield;
    transition: border 1s ease;
    transition: color 1s ease;
}
table.debug-table {
    width: 600px;
}
table.debug-table tr {

}

table.debug-table tr td {
    padding: 4px 6px !important;
    background: rgb(197, 210, 240, 1);
}
table.debug-table tr td:nth-child(2) {
    /* text-align: right !important; */
}
.debug-info {
    color: #ffffff !important;
    font-size: 9px;
    padding: 3px;
}
input.editor-param-field:focus {
    border: 1px #ccc solid;
}


.body-selection-item-image {
    overflow: hidden;
    height: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 320px;
}

.body-selection-item-image.problem img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: var(--thumbOffsetY);
    left: var(--thumbOffsetX);
}

.body-selection-item-image.corrected img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: var(--correctedThumbOffsetY);
    left: var(--correctedThumbOffsetX);
}

/* for problem image */
.body-selection-item-image.problem img.x2 {
    transform-origin: center;
    transform: scale(2);
}
.body-selection-item-image.problem img.deg90 {
    transform-origin: center;
    transform: rotate(90deg);
}

.body-selection-item-image.problem img.deg180 {
    transform-origin: center;
    transform: rotate(180deg);
}
.body-selection-item-image.problem img.deg270 {
    transform-origin: center;
    transform: rotate(270deg);
}

.body-selection-item-image.problem img.deg90.x2 {
    transform-origin: center;
    transform: rotate(90deg) scale(2);
}

.body-selection-item-image.problem img.deg180.x2 {
    transform-origin: center;
    transform: rotate(180deg) scale(2);
}
.body-selection-item-image.problem img.deg270.x2 {
    transform-origin: center;
    transform: rotate(270deg) scale(2);
}

/* for corrected image */
.body-selection-item-image.corrected img.x2 {
    transform-origin: center;
    transform: scale(2);
}
.body-selection-item-image.corrected img.deg90 {
    transform-origin: center;
    transform: rotate(90deg);
}

.body-selection-item-image.corrected img.deg180 {
    transform-origin: center;
    transform: rotate(180deg);
}
.body-selection-item-image.corrected img.deg270 {
    transform-origin: center;
    transform: rotate(270deg);
}

.body-selection-item-image.corrected img.deg90.x2 {
    transform-origin: center;
    transform: rotate(90deg) scale(2);
}

.body-selection-item-image.corrected img.deg180.x2 {
    transform-origin: center;
    transform: rotate(180deg) scale(2);
}
.body-selection-item-image.corrected img.deg270.x2 {
    transform-origin: center;
    transform: rotate(270deg) scale(2);
}

/* end problem image */

.editor-param-field.error {
    border: 1px #ff0000 solid;
    color: #ff0000;
    transition: border 1s ease;
    transition: color 1s ease;
}

a#tab10-link.nav-link span:first-child {
    display: none !important;
}

a#tab10-link.nav-link {
    font-size: 11px;
    padding: 10px;
    padding-right: 15px;
    padding-left: 15px;
}
a#tab10-link.nav-link.active span.ng-star-inserted {
    padding: 0;
    margin: 0;
    color: #ff0000;
}
.non-temp.editor-param-field {
    margin-right: 10px;
}
td.spot-error {
    color: #ff0000;
}