/* overrides to smartadmin css */
a {
    color: #006699;
}

.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;
}

.dashboard-badge.blue {
    background-color: #288fc2;
}

.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.poi-icon {
    background-image: url('/assets/img/badges/poi-2.png');
    background-repeat: no-repeat;
    background-position: right 15px top 11px;
}

.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: 12px 15px 13px;
    font-size: 15px;
    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: 15px;
    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: 15px;
}

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: 15px;
    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: 15px;
    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 {
    min-height: 36px;
    background-color: #e8e8e8;
    border: 1px #d2d2d2 solid;
    margin-bottom: 5px;
    padding: 15px;
    padding-top: 7px;
    font-size: 14px;
    cursor: pointer;
    overflow: auto;
    padding-right: 35px;
    padding-bottom: 7px;
}

.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: 15px;
}

.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: 15px;
    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: 15px;
}

.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: 15px;
    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,
div.asset-detail-tab-content.contains-tab 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;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-left-5 {
    margin-left: 5px !important;
}

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

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

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: 15px;
    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;
}

@media screen and (max-width: 768px) {
    div.donut-inner.AgreementDashboard h5.AgreementDashboard {
        margin-top: -37px;
    }

    span.after-search-button {
        font-size: 12px;
    }
}

@media screen and (max-width: 414px) {
    div.must-agree {
        padding-right: 15px;
        padding-top: 0;
        margin-top: -4px;
        text-align: left;
    }

    ul.nav.nav-pills.filter-pills li a {
        font-size: 14px;
    }

    button#problem-search-dropdown {
        margin-top: 15px !important;
        margin-left: -11px !important;
    }
}

/* Heather updates 2/6/2018 */
div.chart-holder.agreement-dashboard div.donut-inner.AgreementDashboard {
    cursor: pointer;
    margin-top: -10px;
}

@media screen and (max-width: 375px) {
    .donut-inner {
        top: 42% !important;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
        width: 90%;
        top: 0;
    }
}

/* Color overrides for new branding and new fixes for 2.2.x June 2019 */
.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;
}

.smart-style-1 .minifyme {
    background: #052c62;
}

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;
}

/* TCV 2.2 - July 2019 */
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 {
    color: #000;
}

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

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

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;
}

.donut-inner {
    position: absolute;
    top: 40%;
    left: 0;
    transform: none;
    text-align: center;
    width: 100%;
}

select.dashboard-select {
    max-width: 250px;
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    font-size: 13px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('/assets/img/select-down-arrow.png');
    background-repeat: no-repeat;
    background-position: left 0px top 50%, 0 0;
    background-size: .75em auto, 100%;
    padding-left: 15px;
    margin-top: -5px
}

button.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;
    border-radius: 5px;
    padding: 5px;
    text-transform: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -6px;
    box-shadow: none;
    background-color: #ffffff;
}

button.btn.btn-sm.btn-box-header.default:disabled {
    background-color: #eee;
    color: #aaa;
}

#logo {
    display: inline-block;
    width: 269px;
    margin-top: 13px;
    margin-left: 48px;
}

.donut-inner {
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -2%);
    text-align: center;
    width: 100px;
}

.donut-inner.AgreementDashboard {
    position: absolute;
    top: 190px;
    left: 0;
    transform: translate(130%, -23%);
    text-align: center;
    max-width: 100px;
}

.smart-style-1 .btn-header > :first-child > a {
    background: #052c62;
    border: 1px solid #052c62;
}

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

@media screen and (max-width: 768px) {
    .donut-inner h5 {
        font-size: 36px !important;
    }

    .donut-inner {
        top: 40% !important;
        width: 80px !important;
    }

    #logo {
        width: 245px;
        margin-top: 7px;
        margin-left: 0;
    }

    div.dropdown.pull-right.header-settings-pulldown {
        margin-top: 15px !important;
    }

    .donut-inner.AgreementDashboard {
        position: absolute;
        top: 190px;
        left: 0;
        transform: translate(176%, -595%);
        text-align: center;
        max-width: 100px;
    }
}

@media screen and (min-width: 1666px) {
    .donut-inner h5 {
        font-size: 50px !important;
    }
}

.alert-info {
    /* used for info */
    border-color: #00bdff;
    color: #ffffff;
    background-color: #00bdff;
}

.alert-danger {
    /* used for critical */
    border-color: #ff0800;
    color: #fff;
    background-color: #ff0800;
    text-shadow: none;
}

.alert-warning {
    /* used for severe */
    border-color: #feff00;
    color: #000000;
    background-color: #feff00;
}

select.dashboard-select option {
    /* background-color: #efe6db; */
    color: #333;
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #bbb;
    border-color: #bbb;
}
.text-normal-case {
    text-transform: none;
}
.font-size-13 {
    font-size: 13px;
}
a.asset-title.disabled {
    color: #777 !important;
}
/*
.asset-title-wrapper {
    max-width: 750px;
}
@media screen and (max-width: 1700px) {
    .asset-title-wrapper {
        max-width: 650px;
    }
}
@media screen and (max-width: 1550px) {
    .asset-title-wrapper {
        max-width: 620px;
    }
}
@media screen and (max-width: 1500px) {
    .asset-title-wrapper {
        max-width: 600px;
    }
}
@media screen and (max-width: 1300px) {
    .asset-title-wrapper {
        max-width: 600px;
    }
}
@media screen and (max-width: 1200px) {
    .asset-title-wrapper {
        max-width: 460px;
    }
}
@media screen and (max-width: 992px) {
    .asset-title-wrapper {
        max-width: 355px;
    }
}
@media screen and (max-width: 768px) {
    .asset-title-wrapper {
        max-width: 260px;
    }
}
@media screen and (max-width: 375px) {
    .asset-title-wrapper {
        max-width: 200px;
    }
}
*/
div.white-box.top-left-info div h2.all-cap-header {
    margin: 0 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    /* letter-spacing: normal; */
}

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

/* 3/13/2020 */
.alert.pwd.alert-warning {
    border-color: #f7f779 !important;
    background-color: #f6f6b8 !important;
}
.alert.pwd.alert-danger {
    border-color: #ff0800;
    color: #fff;
    background-color: #f3827e;
}
/* 2.3 CSS 9/2021 */
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;
}
.light-gray {
    color: #cccccc;
}
.smart-style-1.minified nav > ul > li {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
button.btn.btn-transparent {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    color: #336699;
}
div.legend-line {
    margin-bottom: 10px;
    padding-right: 15px;
}
div.legend-line:first-child {
    padding-top: 11px;
}
div.legend-line {
    margin-bottom: 10px;
    padding-right: 15px;
}
.wide-120 {
    min-width: 120px;
}
div.legend-line img {
    margin-right: 5px;
}

button i.fa.fa-question-circle.for-legend {
    font-size: 20px;
    vertical-align: middle;
    color: #336699;
}