/* -------------------------------------------------------------------------- */
/*                                OVERRIDES                               */
/* -------------------------------------------------------------------------- */


/* keep landing clean */
#market #searchitems,#market #paginate,#market .viewcontrols {
    display: none;
}

@media (min-width: 992px) {
    #market .container,
    #customer-details .container,
    #item-details .container,
    #aform-signup .container{
        max-width: 960px !important;
    }
    #market div#colsearch {
        margin-left: 27%;
    }
}

#market div#filtr {
    display: none;
}

#market .filterbutton {
    display: none;
}

@media (max-width: 576px) {

    #market #sortview {
        margin-top: 50px;
    }

}


@media (max-width: 768px) {
    #market div#res .card-body {
        padding-top: 10px !important;
    }
    #market div#res {
        margin-top: 30px;
    }
}

@media (min-width: 576px) {
    input#mssearchbox {
        min-height: 35px;
    }
}

/* filter column */
div#filtr {
    max-width: 230px;
}
@media (min-width: 576px) {
    label.form-check-label:hover {
        cursor: pointer;
        background-color: aliceblue;
    }

    .form-check-label {
        margin-bottom: 0;
    }
}




/* FALCON OVERRIDES */
html[data-bs-theme="dark"] nav.navbar.navbar-light.navbar-glass,
html[data-bs-theme="dark"] body{
    background-color: #121e2d;
}

.logoholdr{
    display:flex !important;
}
.invertedlogoholdr{
    display:none !important;
}

html[data-bs-theme="dark"] .logoholdr{
    display:none !important;
}
html[data-bs-theme="dark"] .invertedlogoholdr{
    display:flex !important;
}




html[data-bs-theme="light"] nav.navbar.navbar-light.navbar-glass,
html[data-bs-theme="light"] body{
    background-color: #ffffff;
}

:root,
[data-bs-theme=light],body * {

    --falcon-font-sans-serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --falcon-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --falcon-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --falcon-body-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";


    --falcon-font-sans-serif: "Nunito","Segoe UI",arial;

    /* orig
    --falcon-primary: #2c7be5; */
    --falcon-secondary: #748194;
    --falcon-success: #00d27a;
    --falcon-info: #27bcfd;
    --falcon-warning: #f5803e;
    --falcon-danger: #e63757;
    --falcon-light: #f9fafd;
    --falcon-dark: #0b1727;


    /*    --falcon-primary-rgb: 44, 123, 229; */
    --falcon-secondary-rgb: 116, 129, 148;
    --falcon-success-rgb: 0, 210, 122;
    --falcon-info-rgb: 39, 188, 253;
    --falcon-warning-rgb: 245, 128, 62;
    --falcon-danger-rgb: 230, 55, 87;
    --falcon-light-rgb: 249, 250, 253;
    --falcon-dark-rgb: 11, 23, 39;
    --falcon-primary-rgb: 3, 128, 2;




    --falcon-body-bg: #ffffff;
    --falcon-body-bg-rgb: 255, 255, 255;

    --falcon-bg-navbar-glass: #ffffff;
    --falcon-bg-navbar-glass_rgb: 255, 255, 255;


    --falcon-link-color:#038002;

    --falcon-primary: #038002;
    --falcon-btn-bg: #038002 !important;
    --falcon-btn-hover-bg: #00d27a !important;
    --falcon-btn-hover-border-color: #00d27a !important;

    --falcon-highlight: #bef2b78f;

    /* grays */

}
[data-bs-theme=dark]{


    --falcon-bg-navbar-glass: #121e2d;
    --falcon-bg-navbar-glass_rgb: 18, 30, 45;


    /*
        --falcon-primary:  #e63757;
        --falcon-primary-rgb: 230, 55, 87;

        .card{
            --falcon-card-bg: #00d27a;
        }

     */
}



[id] {
    scroll-margin-top: calc(var(--falcon-top-nav-height) + 1.5rem);
    scroll-margin-top: 0 !important;
}


.btn-primary{

    --falcon-primary: #038002;
    --falcon-btn-bg: #038002;
    --falcon-btn-hover-bg: #00d27a;
    --falcon-btn-hover-border-color: #00d27a;

}

a.dashnavlink,.content a,.loc-dashboard .content a{
    color:var(--falcon-link-color)
}



/*    BUTTONS  */
.btn-primary {
    background-color: var(--falcon-btn-bg);
    color: #FFFFFF !important;
    min-width: 120px !important;
    font-size: 12px;
    min-height: 38px;
    border-radius: 6px;
}
.btn.w-100 {
    font-size: 14px !important;
}
.btn-short {
    min-height: 25px;
}






div#navbarStandard .nav-link {
    font-size: 1rem;
}

/* NAV RESTYLE ON MOBILE */
@media (max-width: 576px) {
    /* nav */
    div#navbarStandard .nav-link {
        font-size: 1.3rem;
    }
    /* search subnav */
    div#sortview {
        margin-top: 40px;
    }
    #res > .card > .card-body {
        padding-bottom: 50px;
    }
}

/* remove upper header */
.content > .row > .col-xl-9 > .card.mb-3 .card-header {
    display: none;
}

/* global dynamic hide */
.hidr{
    display:none !important;
}

.indexr {
    visibility: hidden !important;
    position: absolute !important;
    z-index: -1;
}

.fcw,.wcf{
    width:fit-content !important;
}

.invis{
    visibility:hidden !important;
}

.nopointer{
    pointer-events:none !important;
}

.full-height{
    height:100%;
}

.hascontent #searchguide{
    display:none !important;
    /*   visibility:hidden !important;
    z-index: -1;
    opacity: 0;

     */
}


/* hide demo navs */
.ddhide div#navbarStandard li.nav-item.dropdown{
    display:none !important;
}


/* hide play icon in hoverbox */
.hoverbox .hoverbox-content img {
    display: none;
}



/* reproduce backshadow on rightnav items */
.nvm:hover, .nvm:focus {
    background-color: var(--falcon-gray-300) !important;
}
.nvm.rightnav {

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0.3125rem;
}
.nvm.dropdown-toggle:after {
    position: relative;
    left: -2px;
}
/* MAIN NAV STYLES */
.nvm.on {
    color: black;
    font-weight:bold;
}
ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm {
    opacity: .7;
}
ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm.on:hover, ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm.on:focus {
    background-color: transparent !important;
}
ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm:hover, ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm:focus {
    background-color: transparent !important;
    color: black !important;
    opacity: 1 !important;
}
#navbarStandard > ul .nvm:hover {
    background-color: transparent !important;
    color: black !important;
    opacity: 1 !important;
}


.navcontainer.backblue,.navcontainer.backblue > nav {
    background-color: var(--falcon-primary) !important;
}

.navcontainer.backblue a.nav-link {
    color: #d3d0d0;
}

.navcontainer.backblue #navbarStandard > ul .nvm:hover {
    color: white !important;
}

.navcontainer.backblue a.nav-link.on {
    color: white;
}




/* notification positioning */
a#navbarDropdownNotification {
    padding-left: 0.3rem !important;
}
a#navbarDropdownNotification:before {
    right: 0.4rem;
}



/* Manage Header */
.navbar-top {
    border-bottom: 1px solid rgb(222, 226, 230);
}
.navbar-expand-lg .navbar-nav .nav-link:first-of-type {
    padding-right: var(--falcon-navbar-nav-link-padding-x);
    padding-left: var(--falcon-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav .nav-link:nth-of-type(2) {
    padding-left: var(--falcon-navbar-nav-link-padding-x);
    padding-right: var(--falcon-navbar-nav-link-padding-x);
}
ul.navbar-nav.align-self-center.me-auto.ms-auto {
    flex-direction: row;
}



/* logo circle */
.img-circle{
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)!important;
    border-radius: 50%;
    opacity:.8;
    position: relative;
    top: 1px;
}
.logotag {
    /* font-size: x-large; */
    font-weight: 600;
}
.logoholdr .logotag {
    font-size: 1.7rem;
    position: relative;
    left: 4px;
    top: -3px;
    display: inline !important;
}

@media (max-width: 576px) {
    .logotag {
        display: none;
    }

    ul.navbar-nav.navbar-nav-icons.ms-auto.flex-row.align-items-center {
        position: relative;
        top: -1px;
    }
    .img-circle{
        top:0;
    }
}











/* NAV */


.horiz a.dashnavlink {
    font-size: .9rem !important;
}
.maindashnavholdr {
    margin-left: 0;
}


ul.dashnav.horiz{
    float:none;
}

.horiz a.dashnavlink {
    font-size: .9rem !important;
}

.maindashnavholdr {
    top: 100px;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
    position:static;
    /* padding-left: 10px; */
}

.dashboard .row.hero .titler {
    margin-top: 20px !important;
    margin-bottom: 35px;
    font-size:1.8rem !important;
}

.horiz li.dashnavitem {

    min-width:30%;
    margin: unset !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    white-space: nowrap;
    border: 1px solid darkgray;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul.dashnav.horiz {
    margin-bottom: 0;
}

.contentmain > .col-sm-12 {
    margin-top: 0;
}


.horiz a.dashnavlink {
    font-size: 1rem !important;
    /* width: 100%; */
}

.dashboard .contentmain {
    padding-left: 0;
    padding-right: 0;
}

.horiz li.dashnavitem:has(.on) {
    border: 1px solid black;
}


.dashmain {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

ul.dashnav.horiz {
    margin-left: 10px;
    margin-right: 0;
    width: 100%;
}

.dashmain .col-sm-6:first-of-type {
    margin-top: 0;
}

.row.rowset.row-1.thebest {
    padding-left: 0;
    padding-right: 0;
}

.thebest > .col-sm-12 {
    margin-top: 0;
}
.horiz li.dashnavitem:has(.on) {
    border: 2px solid black;
    width: 33.3%;
}

a.dashnavlink.on {
    border-color: transparent;
}

ul.dashnav.horiz {
    width: calc(100% - 10px);
    margin-left: 10px;
}

.horiz li.dashnavitem {
    margin-left: -1px !important;
    margin-right: -1px !important;
}
ul.dashnav.horiz {
    /*  min-width: 100%; */

}

div#navbarStandard .nav-link {
    font-size: 1.1rem;
}





ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm {
    opacity: .9;
}
ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm.on:hover, ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm.on:focus {
    /*    background-color: transparent !important; */
}
ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm:hover, ul.navbar-nav.align-self-center.me-auto.ms-auto .nvm:focus {
    background-color: transparent !important;
    /*     color: black !important;

       */
    opacity: 1 !important;
}

/* Manage Header */
.navbar-top {
    border-bottom: 1px solid rgb(222, 226, 230);
}
.navbar-expand-lg .navbar-nav .nav-link:first-of-type {
    padding-right: var(--falcon-navbar-nav-link-padding-x);
    padding-left: var(--falcon-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav .nav-link:nth-of-type(2) {
    padding-left: var(--falcon-navbar-nav-link-padding-x);
    padding-right: var(--falcon-navbar-nav-link-padding-x);
}
ul.navbar-nav.align-self-center.me-auto.ms-auto {
    flex-direction: row;
}




li.dashnavitem {
    list-style-type: none;
}

li.dashnavitem {
    list-style-type: none;
}

.progresslink i {
    font-size: 1.2em;
    font-weight: 400;
}

a.dashnavlink:hover {
    text-decoration: none;
    color: black;
}

li.dashnavitem {
    margin-bottom: .25rem;
}

a.dashnavlink {
    color: var(--falcon-primary);
    font-weight: 500;
    opacity: .8;
    font-size: .9rem;
}

a.dashnavlink:not(.on):hover {
    opacity: 1;
}

ul.dashnav.horiz  {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

.horiz li.dashnavitem {
    display: inline-block;
    margin-left: 1rem;
}

p.dashdesc {
    float: right;
}

.horiz li.dashnavitem {
    margin-left: .5rem;
    margin-right: .5rem;
}

ul.dashnav.horiz {
    padding-left: 0;
}

.vert a.dashnavlink {
    font-size: 1.1rem;
}

.vert li {
    margin-bottom: 20px;
}

.maindashnavholdr {
    position: absolute;
    left: 0;
    top: 5px;
    z-index:99;
}

.dashboard .row.hero .titler {
    margin-top: 60px !important;
}

p.dashdesc {
    float: none;
}


ul.dashnav.horiz {
    float: right;
}

.maindashnavholdr {
    max-width: 960px;
    margin-left: calc(calc(100% - 960px) / 2);
}

a.dashnavlink.on {
    color: black;
    font-weight: 900;
    border-bottom: 1px black solid;
    opacity: 1;
    border-top: 1px black solid;
}

a.dashnavlink:not(.on):hover {
    border-bottom-color: #a7a7a7;
    border-top-color: #a7a7a7;
}

a.dashnavlink {
    border-bottom: 1px transparent solid;
    border-top: 1px transparent solid;
}


/* END NAV */






















/* TITLE */


h2.titler {
    margin-bottom: 50px;
    margin-top:50px;
}


/* END TITLE  */



/* FOOTER */

footer div#row > div {
    padding: 20px;
}

footer div#row > div:first-of-type {
    padding-right: 50px;
}

footer.footer {
    background-color: #333;
    left:0;
}

footer p.text-600{
    color: #D2E5D7 !important;
}

/*\ END FOOTER */














/* DYN LAYOUT */

#top > .noinner > div {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#top > div:not(.noinner) > div:not(.backblue),
#top > div:not(.noinner) > div.backblue nav,
footer #row{
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
}

div#navbarStandard {
    overflow: hidden;
}

div#navbarSubnav {
    position: relative;
    top: 1rem;
}

footer.footer, footer *, .content,.main,.main > div {
    overflow-x: hidden;
}

.main > div {
    overflow-y: auto;
}

main#top,.main > div {
    min-height: 100vh;
}

.content {
    min-height: 90vh;
    margin-top: 15px;
}
.container-fluid:not(.noinner) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contentrestrict .content {
    max-width: 85% !important;
    margin-left: auto;
    margin-right: auto;
}

/* END DYN LAYOUT */
















/* BREADCRUMBS */
.breadcrumbholdr {
    top: unset !important;
    position: relative!important;
    right: 0;
    margin-right: 0 !important;
    padding-right: 1.5rem !important;
    width: 100%;
    background-color: aliceblue;
    /*  background-color:#f9fafd; */
    height:40px;
    padding-top: 12px !important;
}


/* FORMS */
.jsonform-required > label:after,
.form-select option:first-of-type:after,
.stateselet:after{
    content: ' *';
    color: red;
}


.form-floating:has(input:not(:focus):not(focus-inside)) > label,
.form-floating:has(input:empty) > label {
    opacity: .6;
}



/* AFORM-SIGNUP */
#aform-signup .form-floating > .form-select {
    padding: 1rem 1rem;
    font-size: .8em;
}
#aform-signup .form-floating > label {
    padding-left: 1.5rem;
}
.was-validated .form-check-input:valid~label,
.form-check-input.is-valid~.label {
    color: #00d27a;
}
.was-validated .form-check-input:invalid~.label,
.form-check-input.is-invalid~.label {
    color: #e63757;
}






/*  LOGIN STYLES   */

.isform .content .logotag {
    font-size: 1.7rem;
    position: relative;
    top: 4px;
    display: inline !important;
}
input#rememberme {
    position: relative;
    top: 2px;
}
body#login,
body#login .main,
body#login .main .container,
body#login .content,
body#recover,
body#recover .main,
body#recover .main .container,
body#recover .content{
    max-height: 50vh !important;
    min-height: 50vh !important;
}
.isform .card-body p.text-center.py-2.text-bold {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important;
    font-size: 14px;
    font-weight: 600;
}
.isform .card-body p.pt-3.text-right,
.isform form .text-center{
    font-size: 14px;
}
a.text-muted {
    color: rgb(152, 166, 173) !important;
}
.isform .card-body .float-end a {
    font-size: 14px;
}
.isform form > .clearfix > .custom-control.custom-checkbox .custom-control-label,
.custom-control-label {
    color: rgb(108, 117, 125) !important;
    font-family: "Nunito","Segoe UI",arial;
}

.text-muted{
    color: #98a6ad !important;
}


.logotag{

    font-size:xx-large;
}

.logotag .sub {
    font-size: medium;
    display: block;
}

#pglogin .card-body p.text-bold,
#pgrecover .card-body p.text-bold {
    color: var(--falcon-primary) !important;
}

.input-group-append > span {
    height: 100%;
    width:50px;
}


/*  END LOGIN STYLES   */




/* GLOBAL COMPONENTS */

/* INFO HINTS */
.forminfo {
    position: absolute;
    left: 0;
    top:-10px;
    color:var(--falcon-orange);
}
.tooltip .tooltip-inner{
    font-size:12px;
}

#previewframe{
    overflow:hidden;
}


/* --- DROPZONE --- */
.dropzone {
    border: 0 ;
}
.dropzone .dz-preview-single .dz-preview-img {
    object-fit: contain;
}
.dropzone .dz-preview {
    display: none;
}
.dropzone.dz-file-processing .dz-preview {
    max-width: 140px;
    max-height: 140px;
    padding: 12.5px;
}
.dropzone.dz-file-processing.dz-max-files-reached .dz-preview.dz-preview-single {
    display: inline-block;
    background-color:#f9fafd;
}
.dropzone.dz-file-processing .dz-preview-single .dz-preview-cover {
    width: 70px;
    height: 70px;
    margin: 20px;
}
.dz-message-text {
    color: rgb(94, 110, 130) !important;
}
.dropzone.dropzone-single.dz-max-files-reached .dz-message {
    background-color: white;
}
.dropzone.dz-file-processing .dz-preview.dz-preview-single {
    z-index: 999;
}
.dropzone.dropzone-single.dz-max-files-reached .dz-message,
.dropzone.dropzone-single.dz-max-files-reached .dz-message {
    /*  opacity: 1; */
}
.dropzone.dropzone-single.dz-max-files-reached:hover .dz-message,
.dropzone.dropzone-single.dz-max-files-reached:focus .dz-message{
    opacity:0;
}
.dropzone:hover .dz-message {

    background-color:#f9fafd;
}
.dropzone.dropzone-single {
    max-height: 140px;
}
.dz-message {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}
#aform-signup .dropzone:after {
    content: "Avatar";
    font-size: 0.8333333333rem;
    font-weight: 500;
    color: rgb(94, 110, 130);
    position: absolute;
    top: 0;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
    padding: 1rem 1rem;
}

@media (max-width: 576px) {
    .px-5 {
        padding-left: 20px !important;
        padding-right: 10px !important;
    }

    .dropzone.dz-file-processing .dz-preview.dz-preview-single {
        background-color: transparent;
    }

    .dropzone.dropzone-single.dz-max-files-reached .dz-message-text {
        color: transparent !important;
    }
}

/* --- END DROPZONE --- */





/* MODAL STYLES */


#modal-uploadfile .modal-dialog {
    max-width: 450px;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 10px;
}


.modal .modal-title {
    font-size: 1.2rem !important;
    padding-left: .5rem;
}

legend#label-uploadfile, .modal-title {
    color: black !important;
    font-size: 1.7rem;
    display: block !important;
    font-weight: bold;
    font-family: Nunito, "Segoe UI", arial;
}

.closelink, .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn {
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    outline: none;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    z-index: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    color: inherit !important;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    user-select: none;
    vertical-align: -webkit-baseline-middle;
    font-kerning: none;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
    font-size: .875rem !important;
    position: relative;
    left: 0;
    top: 0;
    max-width: unset;
    max-height: unset;
    padding: 5px 16px;
}

.closelink .okitamodalclose, .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn .okitamodalclose {
    display: none !important;
}


.modal-body {
    padding: .5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
}

#modal-uploadfile .modal-body > * {
    margin-left: 1rem;
}

[id] {
    scroll-margin-top: calc(var(--falcon-top-nav-height) + 1.5rem);
    scroll-margin-top: 0 !important;
}

.fs--1 {
    font-size: 0.8333333333rem !important;
}

#modal-uploadfile .modal-body > * {
    margin-left: 1rem;
}


/* END MODAL STYLES */








/* GROWL Alerts */
.bootstrap-growl.alert {
    /*
    position: fixed !important;
    bottom: 0;
    right: 0;
    top: unset !important;
    left: unset !important;

     */
    opacity: .8;
    font-weight:normal;
    padding: 10px 40px;
    top:40vh !important;
}

.err-details.custom {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 75%;
    color: var(--falcon-form-invalid-color);
}

.bootstrap-growl.alert-success {
    /* background-color: #6777ef; */
}

.bootstrap-growl.alert-danger {
    opacity:.85;
}

.bootstrap-growl.alert strong {
    font-weight: normal !important;
}

.bootstrap-growl.alert a.close {
    position: absolute;
    right: 8px;
    top: 0px;
    font-size: 1.1em;
    font-weight: bold;
}

/* END GROWL Alerts */


/* STUB display */
.content > .card {
    height: 100% !important;
    min-height: 20vh;
}


/* CERMETEK CUSTOM */




footer{
    z-index:1000;
}

.d-flex.align-items-center.logoholdr img {
    max-height: 60px;
}

#top > div> .content {
    /*    max-width: 65% !important; */
}


div#page-content-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    padding-right: 0;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    left: 300px;
    padding-right: 300px;
}






div#sidebar-wrapper {
    /* z-index: 1000;
    background: #f8f8f8;
     */
    position: fixed;
    left: 300px;
    width: 0;
    height: 100%;
    margin-left: -300px;
    overflow-y: auto;

    border-right: 1px solid #e7e7e7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 300px;
}



#sidebar-wrapper span.list-info {
    float: right;
    display: inline-block;
}



.loc-dashboard .label {
    display: inline;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    vertical-align: baseline;
    padding: 0.2em 0.6em 0.3em;
    white-space: nowrap;
    background-color: #bbb;
}


.sites i {
    float: left;
    margin-right: 15px;
    margin-left: 2px;
    margin-top: 10px;
}

a.list-group-item:hover{
    text-decoration: none;
}

a.list-group-item:not(.active):hover {

    background-color: #eaf9eb61;
}

.sites .text-secondary {
    font-size: .8em;
}
a.list-group-item.active{
    background-color: #fbfbfb;
    border-color: #bfbdbd;
}



.td2 {
    display: none;
}

td.td1 {
    min-width: 100px;
    padding-left: 2rem !important;
}


ul#devicesTab {
    padding-left: 1rem;
}

.devicetable .tags {
    float: right;
}

span.label.label-tag {
    background-color: var(--falcon-highlight);
    color: black;
    font-weight: normal;
}

.devicetable td{
    line-height: 1.846;
    font-size: 14px;
    vertical-align: middle;
    border-top: 1px dotted #dddddd;
    color:#212121;

}

.devicetable .td1 img {
    display: none;
    opacity: .6;
}

.devicetable .td5 .desc{
    display:none;
}


.devicetable tr.aggr .td5 .aggrdesc,
.devicetable tr.watersens .td5 .watersensdesc,
.devicetable tr.leaf .td5 .leafdesc{
    display:block;
}



.devicetable tr.aggr .td1 img.aggrimg,
.devicetable tr.watersens .td1 img.watersensimg,
.devicetable tr.leaf .td1 img.leafimg{
    display: block;
}


.item .td7 i {
    visibility:hidden;
}

.view-tree .item.open .td7 i.fa-minus {
    visibility:visible;
}

.item.node.open .td7 i.fa-minus{
    visibility:visible;
}

.view-tree .item.closed .td7 i.fa-plus {
    visibility: visible;
}

.devicetable .tags {
    display: none;
}

.devicetable .item.aggr .tags.aggrtag {
    display: inline-block;
}

.devicetable .item.watersens .tags.watersenstag {
    display: inline-block;
}

.devicetable .item.leaf .tags.leaftag {
    display: inline-block;
}



.devicetable.view-tree .item.node{
    display:none;
}


.devicetable.view-tree .item.node.aggropen{
    display:table-row;
}


.devicetable.view-tree .item:hover{
    cursor:pointer;
}

.devicetable.view-tree .item.aggr:hover{
    background-color: #eaf9eb61;
}

.item.node:not(.disconn):hover{
    cursor:pointer;
    background-color: #f4f4ea !important;
}

.devicetable.view-tree .item.aggr:hover .td7 i{
    color: var(--falcon-btn-hover-bg);
}

.devicetable.view-node .item.aggr {
    display: none;
}

.devicetable.view-aggr .item.node {
    display: none;
}


.item.node.open {
    background-color: beige;
}

.nodecontent{
    display:none;
}



.devicetable.view-tree .nodecontent.aggropen.open,
.devicetable.view-all .nodecontent.open,
.devicetable.view-node .nodecontent.open{
    display: table-row;

}

.nodecontent.open td{
    background-color: #e1eae1;
    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
}


.devicetable.view-tree .item.node .td1 img {
    position: relative;
    left: 2rem;
}

.devicetable.view-tree .item.node .td7 i {
    position: relative;
    right: 2rem;
}


.nodecontent table{
    width: 55%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.detailslink {
    position: absolute;
    right: 11rem;
    font-weight: bold;
    font-size: 1.7rem;
    color: #55d574;
    color: #10575a;
    right: 9.3rem;
}

._mid {
    text-align: center;
    font-size: 1.1em;
    position: relative;
    top: -5px;
    font-weight:bold;
    /*  background-color:white; */
}

h2.titler {
    visibility: hidden;
    margin: 20px 0;
}

.sct-system h2.titler{
    display:none;
}


div#page-content-wrapper {
    height: calc(100vh - 160px) !important;
    /* overflow-y: scroll !important; */
    width: calc(100vw - 300px) !important;
    padding-right: 0 !important;
    overflow-x: hidden;
}

#page-content-wrapper > .row > .col-12, #page-content-wrapper > .row > .col-12 > div {
    max-height: 100% !important;
}

#tabContent > .tab-pane.show {
    max-height: calc(100vh - 210px) !important;
}

.detailslink {
    font-size: .9rem;
}

.tags .label-tag {
    border-radius: 10px;
    background-color: #dcf5d98f;
    color: black;
    font-weight: 100;
    font-size: .7rem;
    padding: 0.2em 0.9em 0.3em;
}

.maindashnavholdr {
    width: fit-content;
    right: 1rem;
    left: unset;
}


.disconn {
    opacity: .3;
    /* background-color:#f9e6e996 !important; */
}

.disconn:hover{
    cursor:not-allowed !important;
}


.view-tree .item.node.aggropen:not(.open):not(.disconn) {
    background-color: #eff5ef61;
}

.view-tree .item.aggr.open:not(.disconn){
    background-color:#eaf9eb81
}

.devicetable.view-tree .item.aggr {
    border-top: 2px #f4f1f1 solid;
}


.sct-dashboard .dashmain {
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.sct-dashboard .abluebox {
    padding: 20px;
}

.abluebox.agreybox {
    background-color: #ddece34d;
    border: 1px solid var(--falcon-highlight);
    height:100%;
}



.btn-outline-secondary {
    background-color: white;
    font-size: 14px;
    min-height: 34px;
    padding: 3px 8px;
    min-height: 30px;
    font-size:13px;
}

.sct-sysprofile .btn-primary {
    font-size: 13px;
    min-height: 34px;
    min-width: 100px !important;
    padding: 3px 8px;
    min-height: 30px;

}

.btn-outline-secondary:hover {
    color: white !important;
    background-color: var(--falcon-link-color);

}


.sct-sysprofile div#res {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.sct-sysprofile div#res {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.sct-sysprofile h4 {
    font-size: 1.2rem !important;
}

a.btn.modify {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none;
}

ul.list-group.list-group-flush.my-3 > .list-group-item {
    padding-bottom: 30px;
}

.sct-sysprofile button.btn.btn-falcon-default.btn-sm {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

button.btn.btn-falcon-default.btn-sm:hover {
    background-color: #f6f6f6;
}
#sidebar-wrapper a.sites.site {
    background-color: #cecece3d;
    border: 1px solid #dadada !important;
}


#sidebar-wrapper a.sites.site.active {
    background-color: #eaf9eb61;
    border: 1px solid #252526 !important;
}


.sct-sysprofile .modal-backdrop.fade.show {
    opacity: 1;
}

.sct-data .dashmain {
    max-width: 1050px !important;
    margin-left: auto;
    margin-right: auto;
}


.sct-data .actionctrl {
    font-size: 1.2rem !important;
}

body#pglogin *,
body#pgrecover *{
    overflow: hidden !important;

}

#pglogin .container-fluid,
#pgrecover .container-fluid {
    padding: 0 !important;
}



#pglogin main#top,
#pglogin .main > div,
#pgrecover main#top,
#pgrecover .main > div{
    height: 95vh !important;
}





#pglogin #top > .noinner > div.navcontainer,
#pgrecover #top > .noinner > div.navcontainer{
    padding-right: 1rem;
}

.odd:has(.abluebox) {
    height: 100%;
}


.sct-dashboard .abluebox {
    width: 98%;
    display: inline-block;
    /* display: flex; */
    /* align-items: stretch; */
    /* flex: 1; */
    max-width: 540px;
    height: 100%;
}

.stretchr {
    display: inline-block;
    height: 100%;
    /* display: inline-flex; */
    flex-grow: 1;
    width: calc(100% - 550px);
    /* width: 1%; */
}

.sct-dashboard .odd {
    display: flex;
    height: 100%;
    /* flex: 1; */
}

.sct-dashboard .dashmain {
    padding-top: 50px;
}

.abluebox.agreybox {
    /* flex: 1; */
}
@media(max-width:1200px){
    .sct-dashboard .dashmain {
        max-width: 100%;
    }
}


.actions.itemactions:not(:first-of-type) {
    font-weight: normal;
    text-align: left;
    margin-left: calc(calc(100% - 283px) / 2);
}


.detailslink{display:none;}




ul.dashnav li.datali {
    display: none !important;
}


input.noderange {
    background-color: transparent;
    border-color: transparent !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.375);
    display: inline-block;
    width: fit-content;
    width: 110px;
    position: relative;
    font-size: small;
}

input.startrange {
    padding-right: .5rem;
}

input.endrange:before {
    content: " - ";
    /* display: inline-block; */
    position: absolute;
    top: -5px;
    left: -1px;
    font-size: x-large;
    z-index: 99;
    margin-bottom: 20px;
}

input.endrange {
    width: 119px;
}


li.tcmitem.rangeset input.endrange:before,
.nodelink.custom input.endrange:before{
    margin-bottom: 0 !important;
    content: " - ";
    /* display: inline-block; */
    position: absolute;
    top: -10px;
    left: -5px;
    font-size: x-large;
    z-index: 99;
}

li.tcmitem.rangeset .custrangecontrol ,
.nodelink.custom .custrangecontrol {
    position: relative;
    top: 4px;
}

li.tcmitem.rangeset,
.nodelink.custom{
    position: relative;
    margin-right: 0 !important;
    height: 24px;
}



li.tcmitem.rangeset input.startrange,
input.startrange{
    padding-bottom: 0 !important;
    padding-top: 0;
    padding-left: 0;
    width: 100px;
}

li.tcmitem.rangeset .actions > *,
.nodelink.custom .actions > *{
    display: inline-block;
}

li.tcmitem.rangeset input.noderange,
.nodelink.custom input.noderange{
    padding-bottom: 0 !important;
    padding-top: 0;
}

li.tcmitem.rangeset .actions.itemactions,
.nodelink.custom .actions.itemactions{display: inline-block;}

li.tcmitem.rangeset:before {
    content: "set:";
    font-size: 11px;

    bottom: 20px;
    left: 2rem;
    /* font-style: italic; */
    color: burlywood;
    color: #344050;
    font-weight: 600;
    padding-right: 5px;
    /* display: inline-block; */
}

li.tcmitem.rangeset input.endrange,
.nodelink.custom input.endrange{
    padding-left: 10px;
    position: relative;
    left: -6px;
}

button.changelink.customdatesend {
    position: relative;
    left: -19px;
    z-index: 991;
}


li.tcmitem.rangeset input.endrange,
.nodelink.custom input.endrange {
    padding-left: 10px;
    position: relative;
    left: -6px;
    padding-right: 5px;
    width: 100px;
    padding-left: 5px;
}



li.tcmitem.rangeset input.endrange:before,
.nodelink.custom input.endrange:before {
    content: "";
}

span.dash {
    position: relative;
    left: -5px;
    font-size: large;
}

li.tcmitem.rangeset input.endrange,
.nodelink.custom input.endrange {
    padding-left: 10px;
    position: relative;
    left: -6px;
    padding-right: 5px;
    width: 100px;
    padding-left: 5px;
}

li.tcmitem.rangeset input.endrange:before,
.nodelink.custom input.endrange:before {
    content: "";
}

span.dash {
    position: relative;
    left: -5px;
    font-size: large;
}



li.tcmitem.rangeset input.noderange,
.nodelink.custom input.noderange {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.175);
}

button.changelink.customdatesend {
    left: -6px;
}


.nodelink.custom input.noderange {
    margin-left: 5px;
}

.nodeleft {

    padding-top:5px;

}

.noderight label.actionctrl {
    margin-bottom: .1rem;
}
.nodeleft {

    padding-top:20px;

}

.noderight label.actionctrl {
    margin-bottom: .3rem;
}



.datainfo {
    color: burlywood;
    opacity: .6;
    float:right;
    position: relative;
    left: 5px;
}

div#dateanchor:after,#dateanchor:before {
    /* float: left; */
}

div#dateanchor {
    width: fit-content;
    max-width: 70% !important;
    margin-left: calc(calc(85% - 985px) / 2);
}

.datainfo:hover {
    opacity: 1;
    cursor: pointer;
}


span.weekstitle, span.startrangedt, span.endrangedt,.sct-datademo input.noderange {
    color: #04c976 !important;
    -webkit-text-fill-color: #04c976 !important;
}

li.tcmitem {
    position: relative;
}



/* inactive metrics box */
div#selection_info {
    margin-top: 0  !important;
    padding-top: 25px !important;
    min-height:71px !important;
    background-color:#636363;
}
span.unhidr {
    color: #e1dfdf;
}
span.unhidr:hover {
    color: white;
}

/* inactive daily metrics */
#selection_info .dailyoffs {
    padding-top: 2px !important;
    height: 24px !important;
}
#selection_info > .dailyoffs:hover {
    /*   background-color: #01a501 !important; */
}
.dailyoffs:hover:before {
    /* color: #002917 !important;
     color:white !important; */
}
#res[data-metsize='2'] .dailyoffs {
    height: 26px !important;
    padding-top: 4px !important;
}




.maxview .datadisplaytitle {
    top: -50px;
}

.maxview form#editprofileform {
    height: 30px;
}

.maxview div#dateanchor {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.maxview .navcontainer {
    display: none;
}

.maxview li.tcmitem:before {
    position: absolute;
    bottom: 15px !important;
    left: 0 !important;
}

.maxview footer.footer {
    height: 30px;
    overflow: visible;
}

.maxview footer.footer div.row.g-0.justify-content-center {
    margin-top: 5px !important;
}

.maxview div#selection_info:has(span):before {
    top: 0px !important;
}

.maxview div#selection_info:has(span):before {
    content: "Click to add metrics:";
}

.maxview div#selection_info {
    margin-top: 0 !important;
    padding-left: 160px !important;
}


.maxview div#chart_div_AnnotationChart_annotationsFilterContainer {
    padding: 0;
    height: 10px;
}
.maxview .modal-header {
    padding-bottom: 0;
}

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




.hidecontrols .timecontrolholdr ul.tcmenu li:not(.rangeset):not(.rangepresets) {
    visibility: hidden;
}

.hidecontrols .timecontrolholdr ul.tcmenu li.rangeset:before,
.hidecontrols .timecontrolholdr ul.tcmenu li.rangepresets:before{
    display: none;
}

.hidecontrols .timecontrolholdr ul.tcmenu li.rangechange,
.hidecontrols .timecontrolholdr ul.tcmenu li.rangeshift {
    display: none;
}

.hidecontrols span.startrangedt,
.hidecontrols span.endrangedt,
.hidecontrols span.daterangedash {
    display: none;
}

.hidecontrols form#editprofileform {
    height: 5px !important;
}


.hidecontrols span.daterangedash {
    display: none;
}
.hidecontrols .timecontrolholdr {
    position: absolute;
    top: 22px;
    left: 10px;
}


/*

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer:before {
    content: "";
}

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer:after {
    Content: "";
}

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer .zoomButton:not(#chart_div_AnnotationChart_zoomControlContainer_max) {
    display: none;
}

.hidecontrols button#chart_div_AnnotationChart_zoomControlContainer_max {
    visibility: hidden;
    top:-20px;
}

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer {
    min-height: 30px;

}

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer > .ontarget:not(.inhigh3ax) {
    top: 0;
    bottom: unset;
}

.hidecontrols div#chart_div_AnnotationChart_zoomControlContainer {
    padding: 10px;
}

*/



.maxview div#chart_div {
    height: 65vh;
}





.subchooserrow {
    margin-left: auto;
    margin-right: auto;
}


a.btn.getdata.actionctrl {
    background-color: #f0f0f0;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px 6px 3px !important;
    font-size: 9px;
    /* margin-right: 2px; */
    line-height: 10px;
    position: relative;
    left: -3px;
}

.nodelink.custom input.endrange, a.btn.getdata.actionctrl {
    margin-left: 0;
}

a.btn.getdata.actionctrl:hover,a.btn.getdata.actionctrl:hover {
    background-color: white;
}
.btn.btn-primary.bg-danger {
    border-color: red !important;
}

.sct-sysprofile button.btn.btn-falcon-default.btn-sm.addaggr {
    top: 0;
    right: -50%;
}

.sct-sysprofile button.btn.btn-falcon-default.btn-sm.addnode,
.sct-sysprofile button.btn.btn-falcon-default.btn-sm.addaggr {
    top: 0;
    right: 0;
}
.row.align-items-baseline.aggrs {
    position: relative;
}


.sct-dashboard button.btn.btn-falcon-default.btn-sm {
    display: inline-block;
    /* position: absolute; */
}

select#newsubid {
    width: 75%;
    display: inline-block;
}

.subscriberholder {
    position: relative;
    display: block !important;
}



.sct-dashboard button.btn.btn-falcon-default.btn-sm,.newsubbutt {
    display: inline-block;
    /* position: absolute; */
}

body.isadminuser select#newsubid {
    width: 75%;
    display: inline-block;
}

.subscriberholder {
    position: relative;
    display: block !important;
}


.isuseritem{
    display:none;
}

body.isadminuser .isuseritem.isadminuser,
body.istechuser .isuseritem.istechuser,
body.issubscriberuser .isuseritem.issubscriberuser{
    display:inline-block;
}



body:not(.sct-datademo) .navcontainer.backblue:before {
    content: "";
    color: white;
    position: absolute;
    z-index: 1021;
    /* left: 200px; */
    font-size: larger;
    top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;

}
body#pgdashboard.sct-dashboard .navcontainer.backblue:before {
    content: attr(data-coname) ": Dashboard";
}
body#pgdashboard.sct-system .navcontainer.backblue:before {
    content: attr(data-coname) ": Your Ecosystem";
}
body#pgdashboard.sct-sysprofile .navcontainer.backblue:before {
    content: attr(data-coname) ": Profile";
}



body#pgdashboard.sct-dashboard.isadminuser .navcontainer.backblue:before{
    content: "Admin (" attr(data-coname) "): Dashboard";
}
body#pgdashboard.sct-system.isadminuser .navcontainer.backblue:before {
    content: "Admin (" attr(data-coname) "): Your Ecosystem";
}
body#pgdashboard.sct-sysprofile.isadminuser .navcontainer.backblue:before {
    content: "Admin (" attr(data-coname) "): Profile";
}







.timeheadr li.datashow.daily.iszero:not(.is10p) {
    display: none;
}



#pgdashboard .row.align-items-baseline.aggrs, .row.align-items-baseline.nodes {
    position: relative;
}

#pgdashboard .row.align-items-baseline.aggrs > .col-lg-9,
.row.align-items-baseline.nodes > .col-lg-9{
    position:relative;
}

strong.itemct {
    position: absolute;
    top: 5px;
    left: 13px;
}


.hlabel{
    white-space: nowrap;
}


#pgdashboard .row.align-items-baseline.aggrs > .col-lg-9, .row.align-items-baseline.nodes > .col-lg-9 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 90px;
}

#pgdashboard .row.align-items-baseline.aggrs > .col-lg-9 a,
.row.align-items-baseline.nodes > .col-lg-9 a {
    white-space: nowrap;
    max-width: 400px;
}


#pgdashboard p.para27:before {
    content: "Questions / Info:";
    display: block;
    font-weight: 600;
}

#pgdashboard p.para27 > span {
    font-family: monospace;
    line-height: 16px !important;
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    font-size: smaller;
}

#pgdashboard p.para27 > span.infotitle {
    font-weight: bold;
}

#pgdashboard p.para27 > span:first-of-type,#pgdashboard p.para27 > span:nth-of-type(2) {
    position: relative;
    top: 6px;
}


.messblock .directmess em strong{
    float: none;

}
.messblock .dashmess em, #pgdashboard p.para27 > span {
    font-family: monospace;
    font-size: 15px;
    font-weight: 400 !important;
}
.messblock .dashmess strong {
    float: right;
    font-size: large;
    font-family: monospace;
    position: relative;
    font-weight: bold;
    top: 4px;
}



/* label / abbr toggling | size toggling */
#res[data-metdisplay="abbr"] .unhidr:after {
    content: attr(data-metric-abbr);
    color: #e1dfdf !important;
    font-size: 11px !important;
    text-transform: uppercase;
    line-height: 12px;
}

#res[data-metdisplay="abbr"] .unhidr {
    font-size: 0;
    /* color: transparent; */
    float: right;
}

#res[data-metdisplay="abbr"] .unhidr i {
    left: -2px !important;
}


/*
#res[data-metdisplay="abbr"] .dailyoffs:hover .unhidr {
    top: 9px !important;
}
#res[data-metsize='2'] .dailyoffs:hover:before {font-size: 12px;top: -3px;}

#res[data-metdisplay="abbr"][data-metsize='2'] .dailyoffs:hover .unhidr {
    top: 7px !important;
}
*/
#res[data-metdisplay="abbr"] .dailyoffs .unhidr {
    top: 4px;
}

#res[data-metdisplay="abbr"] div#selection_info {
    min-height: fit-content !important;
    padding-top: 5px !important;
}



#res[data-metdisplay="abbr"] div#selection_info .dailyoffs {
    top: -2.75px !important;
    height: 26px !important;
    border-color: #e1dfdf !important;
}



.maxview .chartcont div#selection_info:has(span):before {
    top: 3px !important;
}



#res[data-metdisplay="label"] .unhidr:after,
.unhidr:after {
    content: attr(data-metric-label);
    color: #e1dfdf !important;
    font-size: 11px !important;

}




div#selection_info {
    min-height: fit-content !important;
    padding-top: 5px !important;
}

.dailyoffs {
    border: 1px dashed #b2dcca;
    border-color: #e1dfdf !important;
}

div#chart_div_AnnotationChart_zoomControlContainer {
    min-height: fit-content !important;
    padding: 30px 10px 3px;
}

.zoomButton {
    top: 0;
}

div#chart_div_AnnotationChart_zoomControlContainer:after {
    top: 0;
}

div#chart_div_AnnotationChart_zoomControlContainer > .ontarget {
    bottom: 0;
}

.ontarget
{
    font-size: 0 !important;
}

.ontarget:after {
    content: attr(data-metric-label);
    font-size: 11px !important;
    /* text-transform: uppercase; */
    line-height: 12px;
    opacity: 1 !important;
}



#res[data-metdisplay="abbr"] .ontarget:after {
    content: attr(data-metric-abbr) !important;
    font-size: 11px !important;
    text-transform: uppercase;
    line-height: 12px;
    opacity: 1 !important;
}

#res[data-metdisplay="abbr"] #chart_div_AnnotationChart_zoomControlContainer .ontarget:hover:before {
    bottom: 1px;
}

div#chart_div_AnnotationChart_zoomControlContainer:before {
    top: 3px;
}

span.unhidr {
    font-size: 0;
}

#res[data-metsize='2'] span.ontarget,
div#chart_div_AnnotationChart_zoomControlContainer .ontarget {
    bottom: 0 !important;
}

#res[data-metsize='2'] span.unhidr, #res[data-metsize='2'] span.ontarget {
    font-size: 0 !important;
}

#res[data-metsize='2'] span.unhidr:after, #res[data-metsize='2'] span.ontarget:after {
    font-size: 13px !important;
}




#selection_info > div {
    bottom: 5px;
}

#selection_info > .dailyoffs {
    bottom: 2.5px;
}

#res[data-metdisplay="abbr"] #selection_info > div {
    bottom: 0;
}

span.unhidr {
    font-size: 0 !important;
}

span.unhidr:hover:after,span.unhidr:hover i {
    color: white !important;
}


#res[data-metdisplay="abbr"][data-metsize='2'] .dailyoffs .unhidr{
    top: 2px;
}



.maxview div#selection_info {
    margin-bottom: 2.5px;
    margin-top: 2.5px !important;
}




span.unhidr,span.unhidr:after {

    min-height: 15px;
    display: inline-block;
}

.maxview .small.daterangetitle {
    width: 100%;
}

.maxview .datadisplaytitle h5 {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    margin-bottom: 0;
    padding-bottom: 0.25rem;
}

.maxview .timecontrolholdr {
    margin-top: 10px;
}

.maxview .col-md-12.chartcont {
    margin-top: 40px !important;
}


.maxview .datadisplaytitle > .col-auto {
    display: block !important;
    width: 100%;
}

.hidecontrols #res:not(.externalrender) .timecontrolholdr {
    width: calc(85vw - 22px);
}

.hidecontrols #res.externalrender .timecontrolholdr {
    width: calc(85vw - 52px);
}

.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeset {
    left: 205px;
    top: -3px;
}

.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets {

    visibility: visible;
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 0;
    margin-right: 0;
}

.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets .prelink.changelink.week2{
    display:none;
}


.maxview .hiddentext,
maxview.hidecontrols .nonhiddentext{
    display:none !important;
}

.btn .hiddentext{
    display:inline-block;
}





.btn.getdata.actionctrl {
    background-color: #f0f0f0;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px 6px 3px !important;
    font-size: 11px;
    line-height: 10px;
    position: relative;
    left: -3px;
    top:unset;
    bottom:-2px;
}


.btn.getdata.actionctrl{
    color: darkslategray;
}

.btn.getdata.actionctrl:hover{
    background-color:white;
}




span.buttonarrows {
    font-size-adjust: .6;
    position: relative;
    top: .07em;
    letter-spacing: -9px;
    left: -2px;
    margin-right: 4px;
    opacity:.3;
}


a:hover:not(.disabled) span.buttonarrows,
button:hover(.disabled) span.buttonarrows{
    opacity:1;
}









.maxview.hidecontrols .col-md-12.chartcont {
    margin-top: 0px !important;
}

a.controltogglelink {
    font-size: 15px;
    top: -4px;
    color: #344050 !important;
    width: 100px;
    display: inline-block;
    opacity: .7;
}


a.presettogglelink {

    color: #344050 !important;
    display: inline-block;
    opacity: .7;
    left:-6px !important;
}




a.controltogglelink .fa {
    font-size: 13px;
    top: 6px !important;
}
.hidecontrols span.nothidden {

    display: inline-block !important;
}

.controltoggle {
    left: 709px;
    top: 0px;
}


.custrangecontrol span.dash {
    left: -3px;
    font-weight:bold;
}

a.controltogglelink:hover,a.presettogglelink:hover {
    opacity: 1;
}


.btn.getdata.actionctrl {
    background-color: #f0f0f0;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px 6px 3px !important;
    font-size: 11px !important;
    line-height: 10px;
    position: relative;
    left: -3px;
    top:unset;
    bottom:-2px;
}



.btn.getdata.actionctrl{
    color: darkslategray;
}

.btn.getdata.actionctrl:hover{
    background-color:white;
}




span.buttonarrows {
    font-size-adjust: .6;
    position: relative;
    top: .07em;
    letter-spacing: -9px;
    left: -2px;
    margin-right: 4px;
    opacity:.3;
}


a:hover span.buttonarrows,
button:hover span.buttonarrows{
    opacity:1;
}


a.controltogglelink .fa {
    left: 2px !important;
    top: 2px !important;
    font-size: 11px;
    position: absolute;
}

.controltoggle .btn.getdata.actionctrl.controltogglelink {
    padding-left: 20px !important;
}

.timecontrolholdr ul.tcmenu .btn.getdata.actionctrl{
    background-color: #f0f0f0;
    border-width: 1px;
    border-color: #b6b6b6;
    padding: 1px 6px 3px !important;
    font-size: 11px;
    line-height: 10px;
    position: relative;
    left: -6px;
    top: unset;
    bottom: -2px;

}

.hidecontrols .timecontrolholdr ul.tcmenu .rangepresets .btn.getdata.actionctrl{
    float:right;
}

.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets .week4 {
    margin-right: 5px;
}

.timecontrolholdr ul.tcmenu .btn.getdata.actionctrl:hover{
    background-color:white;
}



.btn.getdata.actionctrl{
    color: darkslategray;
}

.btn.getdata.actionctrl:hover{
    background-color:white;
}




a:hover span.buttonarrows,
button:hover span.buttonarrows{
    opacity:1;
}

.nodelink.custom .custrangecontrol {
    top: 1px !important;
}

.nodelink a.btn.getdata.actionctrl {
    bottom: 1px;
}


div#selection_info {
    border-color: #636363 !important;
    border-top-color: white !important;
    border-right-color: white !important;
    width: calc(100% - 32px) !important;
    margin-bottom: 1px !important;
}



/*reproduce google borders pre-render*/


#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_annotationsTd > div {
    max-width: calc(100% - 32px);
    /* width: calc(15vw - 30px) !important; */
}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_borderDiv {
    border: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
    border-top: 1px solid transparent !important;
}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_annotationsContainer {/* border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important; */}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_annotationsFilterContainer.invis {
    visibility: visible !important;
    border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
    border-top: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_annotationsFilterContainer.invis div {
    visibility: hidden;
}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_annotationsTd {
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

#res:not(.externalrender) #chart_div table.google-visualization-table-table {
    border-right: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;}

#res:not(.externalrender) #chart_div div#chart_div_AnnotationChart_chartTd {
    border-top: var(--falcon-border-width) var(--falcon-border-style) var(--falcon-border-color) !important;
}




.topwizardsholdr {
    padding-right: 50px;
}

a.controltogglelink {
    top: -4px;
}

.controltoggle {
    left: 650px;
    /*  right: calc(calc(100% - 235px) / 2); */
    min-width: 235px;
}


.maxview .timecontrolholdr ul.tcmenu.top {
    margin-bottom: 15px;
    margin-top: 0;
}

.maxview .timecontrolholdr ul.tcmenu.top li:before {
    position: static;
    display: inline-block;
}

.maxview .timecontrolholdr {
    margin-top: 0;
}

.maxview .col-md-12.chartcont {
    margin-top: 20px !important;
}
.maxview .timecontrolholdr > ul {
    display: inline-block;
}



.noderight label.actionctrl {
    width: 55px;
}


.sct-datademo ul.dashnav.horiz.subnav-dashboard li:not(.systemli):not(.showdatatypeli) {
    display: none;
}

li.dashnavitem.showdatatypeli {
    display: none;
}

.sct-datademo li.dashnavitem.showdatatypeli {
    display: inline-block;
}



.sct-datademo li.dashnavitem.showdatatypeli i.showchartdata {
    display: none;
}

.sct-datademo.tabdata li.dashnavitem.showdatatypeli i.showtabledata {
    display: none;
}

.sct-datademo.tabdata li.dashnavitem.showdatatypeli i.showchartdata {
    display: inline-block !important;
}

li.dashnavitem.showdatatypeli {
    position: absolute;
    right: 10px;
    top: 27px;
}
.sct-datademo li.dashnavitem.showdatatypeli a i {
    font-weight: 300;
    color:darkslategray
}
.sct-datademo.tabdata li.dashnavitem.showdatatypeli a.downloadxls {
    font-size: small;
    margin-right: 10px;
    display: inline-block;
}

.sct-datademo li.dashnavitem.showdatatypeli a.downloadxls {
    display: none;
}







.sct-datademo ul.dashnav.horiz.subnav-dashboard li.systemli a.dashnavlink.systemlink i:before {
    content: "\f060" !important;
}



.sct-datademo.staging ul.dashnav.horiz.subnav-dashboard li.systemli a.dashnavlink.systemlink :after {
    content: " STAGING " !important;
    font-size: x-small;
    font-weight: normal;
    font-family: var(--falcon-body-font-family);
    position: absolute;
    bottom: -5px;
    display: block;
    left: 35px;
    color: grey;
    display:none;
}
.sct-datademo.staging ul.dashnav.horiz.subnav-dashboard li.systemli a.dashnavlink.systemlink i:before {
    position:relative;
    left:-2px;
}

.maxview .small.daterangetitle .smallheadr {
    margin-right: 5px;
}

.small.daterangetitle span.weekstitle,
.small.daterangetitle span.startrangedt,
.small.daterangetitle span.endrangedt,
li.tcmitem.rangeset .custrangecontrol input.noderange {
    color: #16a268;
    -webkit-text-fill-color: #16a268;
    font-weight: 700;
}


.tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div.rawdata.hidr {
    display: none !important;
}

.midholdr:empty {
    display: none;
}




#devicesTab .nav-item:not(:first-of-type) a.nav-link.ps-0 {
    padding-left: 12px !important;
}
#devicesTab .nav-item:first-of-type a.nav-link.ps-0 {
    padding-left: 12px !important;
}







.sct-sysprofile .site .row.align-items-baseline.nodes:before {
    content: "view / configure any live device by clicking its name to the left ...";
    position: absolute !important;
    display: block;
    font-size: 14px;
    top: 40px;
    right: -5px;
    color: lightslategrey;
    /* color: orange; */
    color: burlywood;
    z-index: 55;
    max-width: 140px;
    text-transform: unset;
    font-style: italic;
    /* text-align: justify; */
    /* text-indent: 52px; */
}





.sct-sysprofile .site .row.align-items-baseline.nodes:after {
    content: "*";
    position: absolute !important;
    display: block;
    font-size: smaller;
    top: 40px;
    right: 120px;
    color: lightslategrey;
    /* color: orange; */
    color: burlywood;
    /* opacity: .9; */
    z-index: 55;
    max-width: 25%;
    text-transform: unset;
    font-style: italic;
    text-align: justify;
    font-weight: 600;
    display:none;
}



.sct-sysprofile button.btn.btn-falcon-default.btn-sm.addnode {
    padding: 1px 12px 0 12px !important;
    top: -1px;
}

.sct-sysprofile .site .row.align-items-baseline.nodes:before {
    content: "View / configure any live device by clicking its name to the left ...";
    position: absolute !important;
    display: block;
    font-size: 14px;
    top: 32px;
    right: -2px;
    color: burlywood;
    z-index: 55;
    max-width: 140px;
    text-transform: unset;
    font-style: italic;
}
.sct-sysprofile footer.footer {
    position: fixed;
}

.site.sitenoaggrs .itemct.aggrct,
.site.sitenonodes .itemct.nodect{
    position: static;
}

.site.sitenoaggrs .row.align-items-baseline.nodes {
    display: none;
}
.sct-sysprofile .btn-primary {
    min-height: fit-content;
}

.sct-sysprofile .sitebutts .col-sm-12 {
    width: calc(100% - 160px);
    position: relative;
    top: 30px;
}

.sct-sysprofile a.btn.bg-danger {
    width: fit-content;
    float: right;
    position: static;
    opacity:.3;
}
.sct-sysprofile a.btn.bg-danger:hover{
    opacity:1;
}




.sct-sysprofile .companyprofile a.btn.bg-danger {
    margin-right: 70px;
}


.sct-sysprofile:not(.isadminuser):not(.istechuser) .site .row.align-items-baseline.nodes:before {
    top: -30px;
}

.sct-sysprofile a.btn.btn-xs.issubsriberuser.isuseritem.isadminuser.btn-outline-secondary:hover {
    background-color: #00d27a !important;
}



.sitelist .site:not(:first-of-type) {
    padding: 30px;
}

ul.sitelist.list-group > li.site.list-group-item {
    padding-bottom: 50px;
}

ul.sitelist.list-group > li.site.list-group-item {
    border-bottom: 1px solid;
}

.sct-sysprofile .modalupdatepassword .modal-body {
    margin-top: 30px;
}


#sidebar-wrapper a.sites.site {
    padding: 12px 16px !important;
}

.sites i {
    margin-top: 5px;
}

#sidebar-wrapper a.sites.site.active {
    background-color: #a9e8ad61;
    color: #212121;
    font-weight: 600;
}

#sidebar-wrapper a.sites.site.active i {
    color: var(--falcon-link-color);
}

#sidebar-wrapper a.sites.site:not(.active) {
    opacity: .8;
    color: #038002;
    color: #222222;
}

#sidebar-wrapper a.sites.site:not(.active):hover {
    background-color: #f4f4ea !important;
    /* color: #212121; */
    color: #47d746;
}

#sidebar-wrapper a.sites.site:not(.active) i {
    color: #038002;
    color: #757575;
}

#sidebar-wrapper a.sites.site:not(.active):hover i {
    color: #47d746;
}
#devicesTab li.nav-item .nav-link:not(.active):hover {
    color: black;
}

.devicetable td.td6 * {
    visibility: hidden;
}

.devicetable td.td3 * {
    visibility: hidden;
}

.devicetable td.td5 > div {
    position: relative;
    left: 3rem;
}

.devicetable tr.aggr td.td4 > div > span {
    position: absolute;
    top: calc(calc(100% - 25px) / 2);
    left: 80px;
    font-weight: 500;
    float: none !important;
    white-space: nowrap !important;
}

.devicetable tr.aggr.open td.td4 > div > span {
    font-weight: 700;
}

.devicetable tr.node td.td4 > div > span {
    position: absolute;
    top: 11px;
    top: calc(calc(100% - 25px) / 2);
    left: 110px;
    font-weight: 500;
    float: none !important;
    white-space: nowrap !important;
}

.devicetable tr.item {
    position: relative;
}

.devicetable tr.node td.td4 > div > span {
    font-weight: 400;
}

.devicetable .tags {
    float: left;
}

.devicetable tr.aggr td.td1 > div {
    position: relative;
    top: 3px;
}

.devicetable tr.node.open td.td4 > div > span {
    font-weight: 600;
}


.anchorbottom .infopan.datainfo {
    position: relative;
    right: calc(15vw);
    top: -15px;
    left: unset;
    font-weight: 400;
    opacity: 1;
}

div#timecontrolanchorbottom,div#timecontrolanchorbottom .tcmenu {
    width: 100%;
    height: fit-content;
    min-height: 25px;
}

div#timecontrolanchorbottom {
    position: relative;
    top: 1.7rem;
}

#res[data-metsize='2'] div#timecontrolanchorbottom {
    top: 2.5rem;
}


div#timecontrolanchorbottom .tcmenu {
    position: absolute;
    width: fit-content;
    right: calc(15vw);
}







body.sct-datademo.maxview .anchorbottom .btn.getdata.actionctrl,
body.sct-datademo.maxview.hidecontrols .anchorbottom .btn.getdata.actionctrl{
    padding: 2px 10px 3px !important;
    font-size: 12px !important;
    line-height: 12px;
    position: relative !important;
    /* left: -10px !important; */
    margin-left: 5px;
}

.anchorbottom li.tcmitem.rangeshift:before {
    bottom: 20px !important;
    content: "Shift / move timeframe earlier or later";
}



body.sct-datademo.maxview .anchorbottom .btn.getdata.actionctrl:hover,
body.sct-datademo.maxview.hidecontrols .anchorbottom .btn.getdata.actionctrl:hover {
    background-color: white;
}


.maxview div#timecontrolanchorbottom .hiddentext {
    display: inline-block !important;
}

.maxview div#timecontrolanchorbottom .nonhiddentext {
    display: none !important;
}

.maxview div#timecontrolanchorbottom .nonhiddentext {
    display: none !important;
}

.maxview .anchorbottom .tcmenu > li.tcmitem.rangechange,
.maxview.hidecontrols .anchorbottom .tcmenu > li.tcmitem.rangechange {
    float: none !important;
    display: inline-block !important;
    margin-right: 20px !important;
    width: fit-content;
    margin-left: 5px;
    left:-10px;
}



.maxview .anchorbutt li.tcmitem.rangechange:before,.maxview.hidecontrols .anchorbutt li.tcmitem.rangechange:before {
    content: "Increase / Decrease the Amount of Time Displayed" !important;
}




.maxview .anchorbottom li.tcmitem.rangechange:before,
.maxview.hidecontrols .anchorbottom li.tcmitem.rangechange:before {
    bottom: 20px !important;
    content: "Change how much time is displayed at once" !important;
}



.anchorbottom .infopan.datainfo {

    right: calc(15vw + 220px);

}





li.tcmitem.rangeshift {}

body.hidecontrols.sct-datademo .timecontrolholdr ul.tcmenu li.tcmitem.rangeshift {
    visibility: hidden !important;
}




.maxview .anchorbottom li.tcmitem.rangechange:before,
.maxview.hidecontrols .anchorbottom li.tcmitem.rangechange:before {
    bottom: 20px !important;
    content: "Change how much time is displayed at once" !important;
}



.anchorbottom .infopan.datainfo {

    right: calc(15vw + 220px);

}




div#timecontrolanchorbottom .tcmenu {
    position: absolute;
    width: fit-content;
    width: calc(85vw - 128px);
    right: calc(15vw + 30px);
}

li.tcmitem.rangeshift {}

body.hidecontrols.sct-datademo .timecontrolholdr ul.tcmenu li.tcmitem.rangeshift {
    visibility: hidden !important;
}

.controltoggle .btn.getdata.actionctrl.controltogglelink {
    display: none;
}

.controltoggle > a {
    top: 25px;
    left: 100px !important;
}









.anchorbottom .info.datainfo {
    position: relative;
    top: -20px;
    font-weight: 400;
    opacity: 1;
    float: none !important;
}


.anchorbottom .info.infochange.datainfo {
    right: unset !important;
    left: 300px;
    float: none !important;
}

.anchorbottom .info.infopan.datainfo {
    left: unset !important;
    position: absolute !important;
    right: 352px !important;
    /* left: 315px; */
    width: fit-content;
    bottom: 10px;
    margin-top: 3px;
}




.anchorbottom .info.infopan.datainfo {
    right: 292px !important;
}











/* END CERMETEK CUSTOM */















/* ANNOTATION BOTTOM LABELS */
#chart_div.shortrange text[text-anchor="middle"][fill="#444444"] {
    font-size: 10px;

}
#chart_div.shortrange g.datelabel text[text-anchor="middle"][fill="#444444"] {
    font-weight: 600;
}
#res[data-metsize="2"] #chart_div.shortrange text[text-anchor="middle"][fill="#444444"] {
    font-size: 11px;
}
#chart_div.shortrange g.datelabel {
    transform: translateX(.7%);
}


/* ANNOTATION FLAGS */

#chart_div.hasdaily g:has(> rect[stroke-width="0.5"]):has(> text) > rect:first-child {
    ry: 50px;
    rx: 50px;
    transform: translate(2px,21px) !important;
    transform: translate(0px,0px) !important;
    width: 10px !important;
    height: 10px !important;
}

#chart_div.hasdaily g:has(> rect[stroke-width="0.5"]):has(> text) > rect:last-child {
    rx: 50px !important;
    ry: 50px !important;
    transform: translate(-2px,18px) !important;
    transform: translate(0px,0px) !important;
}


#chart_div.hasdaily g:has(> rect[stroke-width="0.5"]):has(> text) > text {
    /* font-size: 0; */
    transform: translate(2px, 21px) !important;
    transform: translate(0px,0px) !important;
    stroke-width: 8 !important;
    rx: 50px !important;
    ry: 50px !important;
}

#chart_div.hasdaily g:has(> rect[stroke-width="0.5"]):has(> text) {
    /*  visibility: hidden; */
}










/* active metric & zoom control box */
div#chart_div_AnnotationChart_zoomControlContainer {
    background-color: #f6f8f9 !important;
    color: aliceblue !important;
}
div#chart_div_AnnotationChart_zoomControlContainer:after {
    content: "Zoom in: ";
    color: black;
    position: absolute;
    right: 195px;
    font-size: small;
    font-style: italic;
}
div#chart_div_AnnotationChart_zoomControlContainer:after,
div#chart_div_AnnotationChart_zoomControlContainer:before {
    color: black !important;
}



/* annotation scaling to NOT cover left & right indexes
div#chart_div_AnnotationChart_chartContainer > div > div > div > svg rect[x="7"] {
    transform: scaleX(.94) translateX(2.5%);
}
*/
/* attempt to match timeline slider positioning to above scaling
div#chart_div_AnnotationChart_rangeControlContainer {
    transform: translateX(2.5%);
    width: 94%;
}
div#chart_div_AnnotationChart_rangeControlContainer > div > div > div > svg > g {

    width: 94%;
}
div#chart_div_AnnotationChart_rangeControlContainer > div > div > div > svg > g > g:nth-of-type(2) {
    transform: translateX(92.9%);
}

*/


.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeset{
    top:-3px !important;
}
.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets {
    top: 5px !important;
}


.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeshift{
    top:-1px !important;
}



@media (min-width: 1305px) {



    .hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeset{
        top:-3px !important;
    }
    .hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets {
        top: 5px !important;
    }


    .hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeshift{
        top:-1px !important;
    }





    div#chart_div_AnnotationChart_zoomControlContainer:after {
        content: "Zoom in within this data set: " !important;
    }


}

@media (min-width: 1094px) {
    .maxview:not(.hidecontrols) .timecontrolholdr {
        margin-top: 15px;
    }


}

@media (max-width: 1094px) {
    .maxview:not(.hidecontrols) .timecontrolholdr {
        margin-top: 0px;
        position: relative;
        top: -15px;
    }


    .maxview:not(.hidecontrols) ul.tcmenu:not(.top) {
        white-space: normal;
    }

    .maxview:not(.hidecontrols) ul.tcmenu:not(.top) li{
        margin-bottom:15px;
        float: none;
    }

    .maxview:not(.hidecontrols) .col-md-12.chartcont {
        margin-top: 50px !important;
    }


}





.editpresets:hover{
    cursor:pointer;
    color:orange;
}


.sct-system i.fa.editpresets {
    position: relative;
    left: 4px;
    display: inline-block;
}


.sct-datademo a.presettogglelink.actionctrl.getdata.btn {
    position: relative;
    padding-left:20px !important;
}

.sct-datademo .fa.editpresets {
    position: absolute;
    left: 2px;
    top:2px;
    display: inline-block;
}

.sct-system tr.disconn i.fa.editpresets {
    pointer-events: none;
}

gmp-advanced-marker.aggr_disconnected,.aggr_disconnected {
    opacity: .4;
}

._right.nodelink.custompresets {
    display: none;
}

._right.nodelink.custompresets:has(.itemactions) {
    display: block;
}

.sct-datademo a.savepresetlink.actionctrl.getdata.btn {
    position: relative;
    padding-left: 20px !important;
    left:-10px;
}

.sct-datademo .fa.savepresets {
    position: absolute;
    left: 4px;
    top: 2px;
    display: inline-block;
}


.controltoggle {
    z-index: 999;
    left: 500px !important;
}

a.savepresetlink {
    color: #344050 !important;
    display: inline-block;
    opacity: .7;
}

a.savepresetlink:hover {
    opacity: 1;
}

ul#devicesTab {
    width: calc(100% - 390px);
    min-width:561px;
}



ul#devicesTab .sitemap {
    margin-left: 20px;
}



.loc-dashboard:not(.sct-datademo) .col-md-12.maindashnavholdr {
    top: 0;
    margin-top: 7.5px;
    margin-bottom: 7.5px !important;
}

.loc-dashboard:not(.sct-datademo) div#res {
    margin-top: 0;
}

.loc-dashboard:not(.sct-datademo) .content {
    padding-top: 15px;
    margin-top: 0 !important;
}


div#tab-three .row.mt-3 {
    margin-top: 0 !important;
}

#navbarStandard > ul.navbar-nav > li.nav-item.home {
    visibility: hidden;
    pointer-events: none;
}

#devicesTab > li.nav-item .nav-link:not(.active):hover {
    border-bottom: 2px solid #abc9ab;
}


.view-tree .item.node.aggropen:not(.open):not(.disconn) {
    background-color: #fbfbe8;
}

.item.node.open {
    background-color: #ffffc0b5;
}

.sct-datademo a.savepresetlink.ispreset.actionctrl.getdata.btn{
    padding-left:6px !important;

}

.savepresetlink.ispreset > span.nopreset{
    display:none;
}

.savepresetlink:not(.ispreset) > span.ispreset{
    display:none;
}



body#pglogin .card.card-flat,
body#pgrecover .card.card-flat{
    /* box-shadow: none; */
    min-width: 450px !important;
    padding: 0 50px 15px 50px;
    border-left: 1px solid slategray;
}

body#pglogin .col-md-12,
body#pgrecover .col-md-12
{
    background: url(/assets/img/farm.jpg);
    background-size: cover;
    /* margin-top: 0 !important; */
    position: relative;
    /* top: -20px; */
}



body#pglogin .container-fluid.noinner.nocontentrestrict > .content ,
body#pgrecover .container-fluid.noinner.nocontentrestrict > .content {
    margin-top: 0;
}





body#pglogin:not(.staging) .navcontainer.backblue:before,
body#pgrecover:not(.staging) .navcontainer.backblue:before {
    display:none;
}

body#pglogin .custom-control.custom-checkbox.float-left.mt-0 .custom-control-label,
body#pgrecover .custom-control.custom-checkbox.float-left.mt-0 .custom-control-label{
    position: relative !important;
    display: inline-block;
    top: 13px;
}

.sct-datademo #chart_div_AnnotationChart_zoomControlContainer:after {
    display: none;
}

.sct-datademo #chart_div_AnnotationChart_annotationsContainer tbody:has(tr):before, div#chart_div_AnnotationChart_annotationsContainer tbody:empty {
    content: "Click any point in the chart to view values . . .";
}



.sct-datademo #chart_div_AnnotationChart_zoomControlContainer .zoomButton {
    display: none;
}

.sct-datademo .globallabels {
    left: calc(calc(100% - 395px) / 2);
}

.sct-datademo .topwizardsholdr span.help {
    float: right;
}



.sct-datademo .topwizardsholdr span:not(.help) {
    visibility: hidden;
}

body.staging div#navbarStandard:before {
    content: "S T A G I N G  (last data refresh: 09-04-2025 03:20 PM)";
    color: lightgrey;
    opacity: .5;
    position: absolute;
    top: 0;
    width: fit-content;
    font-size: large;
    left: calc(calc(100% - 75px) / 2);
}





























/* MODAL */
.closelink, .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn {
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: inherit;
    outline: none;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    z-index: 0;
    box-sizing: border-box;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    line-height: 1;
    contain: layout style;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    color: inherit !important;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    user-select: none;
    vertical-align: -webkit-baseline-middle;
    font-kerning: none;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none;
    font-size: .875rem !important;
    position: relative;
    left: 0;
    top: 0;
    max-width: unset;
    max-height: unset;
    padding: 5px 16px;
}

.closelink:after, .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn:after {
    content: "cancel";
    color: var(--falcon-primary);
}

.sct-sysprofile .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn:hover {
    background-color: #ebf6eb !important;
    border-radius: 10px;
}

.sct-sysprofile .modal .abluebox .form-floating {
    width: 100%;
}

.sct-sysprofile .modal .btn-primary {
    height: 50px;
}

.sct-sysprofile .modal-body {
    padding-bottom: 10px !important;
}



.modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn:after,
.sct-datademo .closelink:after,
.sct-datademo .modal.fade > .modal-dialog > .modal-content > .modal-header > .close.btn:after{
    content: "close" !important;

}

.modal-backdrop.show{
    opacity:.9 !important;
}


.modal > .modal-dialog.m-full {
    margin-top: 1vh !important;
    margin-right: auto !important;
    margin-left: auto !important;
    /* width: 100%; */
    max-width: 95vw !important;
    margin-bottom: auto !important;
    height: fit-content;
}

.modal-dialog.m-full > .modal-content {
    width: 100%;

    height: 620px;
    min-height: 500px !important;

    max-width: 900px !important;
    /* margin-top: 1vh; */
    margin-right: auto;
    margin-left: auto;
}

.modal-dialog.m-full > .modal-content > .modal-body {
    width: 100%;
    max-width:900px;
}

.modal-dialog.m-full .modal-body .row.demooutrow {
    height: 100%;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.modal-dialog.m-full .modal-body .row.demooutrow .col-sm-12 {
    height: 100%;
    padding: 0;
}

.sct-sysprofile .modal-body {
    padding-top: 0;
}

.sct-sysprofile .modal-body form {
    margin-left: auto;
    margin-right: auto;
}


.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    max-width: 600px;
    padding-bottom: 0;
}

.modalpresetnode > .modal-dialog.m-full > .modal-content {
    max-width: 620px !important;
    min-height: unset !important;
    max-height:unset;
    height: fit-content;
}

.modalpresetnode a:hover{
    text-decoration:none;
}


.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    /* max-width: 620px; */
    /* background-color: transparent !important; */
    background-color: white;
    padding-bottom: 0 !important;
}

.modalpresetnode > .modal-dialog.m-full > .modal-content {
    height: 640px;
    max-width: fit-content !important;
    max-height:unset;
}



.modalpresetnode .precontent > div {
    min-height: 522px !important;
}

.modalpresetnode > .modal-dialog.m-full > .modal-content {
    background-color: transparent;
}

.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header {
    background-color: white;
}


.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    background-color: white;
    padding-bottom: 0 !important;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content {
    height: 640px;
    max-width: fit-content !important;
    background-color: transparent;
}


.modalpresetnode .precontent > div {
    min-height: 572px !important;
}



.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    background-color: white;
    padding-bottom: 0 !important;
    padding-top: 2rem;
}

/* presets */
.preset-link {
    display: block;
    text-decoration: none;
    color: #495057;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-bottom: 8px;
    transition: all 0.2s;
}
.preset-link:hover {
    background-color: #f8f9fa;
    color: #495057;
    border-color: #adb5bd;
}
.preset-description {
    font-size: 0.85em;
    color: #6c757d;
    margin-top: 4px;
}
.metric-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    padding: 12px;
    border-radius: 4px;
}
.tooltip-inner {
    white-space: pre-line;
    max-width: 400px;
    text-align: left;
    word-break: keep-all;
}
.metrics-container {
    position: relative !important;
    min-height: 240px !important;
}
.incremental-metrics {
    position: absolute !important;
    left: -56% !important;
    top: 0 !important;
    width: 75% !important;
}
.daily-metrics {
    margin-left: 25% !important;
}

button#deleteBtn,button#confirmAction {
    background-color: #b82c46;
    border-color: #b82c46;
}

button#deleteBtn:hover,button#confirmAction:hover {
    background-color: #ff4242;
    border-color: #ff4242;
}








/* PRESET MODAL */
.presetmodal .modal-backdrop.show {
    background-color: #5a6a5a;
    opacity: 1 !important;
    background-color:#c9f0c9;
    background-color: #cdd6cf;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    background-color: #1b2a49 !important;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header {
    background-color: #1b2a49 !important;
    color: white !important;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content legend#label-modalprofile {
    color: white !important;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header > .close.btn:after {
    color: #e3dede;
    opacity: .8 !important;
}

.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header > .close.btn:hover:after {
    opacity: 1 !important;
}

.modalpresetnode .precontent > div {

    background-color: #1b2a49 !important;
}

.presetmodal .modalpresetnode .precontent > div {
    background-color: #1b2a49 !important;';

}

.presetmodal .modalpresetnode a.preset-link {
    background-color: #66664b;
    background-color: #ddece34d;
    background-color: #e1eae1;
    /* background-color: #ddece34d; */
    color: white !important;
    color: #495057 !important;
    border-color: #c2dfc2 !important;
}

.presetmodal .modalpresetnode .tab-pane h6 {
    color: white;
    position: relative;
    width: fit-content;
}

.presetmodal .modalpresetnode #presetForm .form-label {
    color: #b6c1d2;
}

.presetmodal .modalpresetnode #presetForm input{
    background-color: #1b2a49 !important;
    color: #b6c1d2;

}

.presetmodal .modalpresetnode #presetForm input[type="text"] {
    color: white;
}



.presetmodal .modalpresetnode #presetForm .form-check:has(.form-check-input:checked) label {
    color: white !important;
}

.presetmodal .modalpresetnode #presetForm select {
    background-color: #1b2a49 !important;
    color: #c3cbcd;

}

.presetmodal .modalpresetnode #presetForm select {
    --falcon-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --falcon-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23c3cbcd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.presetmodal .modalpresetnode a.preset-link * {
    color: white;
}

.presetmodal .modalpresetnode .precontent .nav.nav-pills button.nav-link.active {
    background-color: #f0f1f0 !important;
    color: #000000 !important;
}

.presetmodal .modalpresetnode .precontent #v-pills-info-tab.nav.nav-pills button.nav-link.active {
    background-color: #f0f1f0 !important;
    color: #000000 !important;
}

.presetmodal .modalpresetnode a.preset-link:hover {
    color: #495057 !important;
    background-color: white !important;
}

.presetmodal .modalpresetnode a.preset-link:hover * {
    color: #495057 !important;
}

.presetmodal .modalpresetnode .precontent .nav.nav-pills button.nav-link.active:hover *{
    color: black !important;
}

.presetmodal .modalpresetnode button#v-pills-info-tab {
    position: relative;
    top: -25px;
}

.presetmodal .modalpresetnode button.nav-link:not(.active) {
    color: beige !important;
}

.presetmodal .modalpresetnode button.nav-link:hover {
    background-color: #ddece34d !important;
    color: white;
}

.presetmodal .modalpresetnode button.nav-link:hover * {
    color: white !important;
}

.presetmodal .modalpresetnode a.preset-link * {
    color: #495057 !important;
    /* color: white !important; */
}

.presetmodal .modalpresetnode .tab-pane.active.show:not(#v-pills-manage):not(#v-pills-info) h6:before {
    content: ": click preset below to activate";
    position: absolute;
    white-space: nowrap;
    right: -183px;
    float: right;
}

.presetmodal .modalpresetnode .metrics-container label.form-check-label,#presetForm > div:last-of-type label.form-check-label {
    color: #fdfeff;
    width: 100%;
}

.presetmodal .modalpresetnode .metrics-container label.form-check-label:hover,
#presetForm > div:last-of-type label.form-check-label:hover {
    background-color: #ddece34d !important;
}

.presetmodal .modalpresetnode .form-check-input:checked {
    border-color: #c2dfc2 !important;
}

.presetmodal .modalpresetnode div#v-pills-custom.tab-pane.active.show:not(#v-pills-manage) h6:after {
    content: "Click 'Manage' to create, modify or delete Custom Presets";
    display: block;
    position: relative;
    top: 5px;
    color: #c1c1c1 !important;
}

.presetmodal .modalpresetnode div#v-pills-custom.tab-pane.active.show h6:before {
    /* position: relative; */
    right: unset;
    left: 95px;
}

.presetmodal .modalpresetnode #presetForm input,.presetmodal #presetForm label {
    color: #b6c1d2;

}

.presetmodal .modalpresetnode #presetForm input[type="text"] {
    color: white;
}

.modalpresetnode #presetForm .form-check:has(.form-check-input:checked) label {
    color: white !important;
}

.modalpresetnode #presetForm select{
    background-color: #1b2a49 !important;
    color: #ffffff;
}

.presetmodal .modalpresetnode button#v-pills-info-tab {
    font-size: 12.5px;
}

.presetmodal .modalpresetnode div#v-pills-info {
    color: #b6c1d2;
}

.presetmodal .modalpresetnode div#v-pills-info .infohead {
    font-weight: bold;
}
.presetmodal .modalpresetnode ul.infolist {
    margin-top: 20px;
    font-size: smaller;
}

.presetmodal .modalpresetnode .infotext blockquote {
    color: #cabcbc;
}











/* LIGHT OVERRRIDE - PRESET MODAL */



.modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header {
    background-color: #1b2a49 !important;
    background-color: #cdd6cf !important;
}

.presetmodal .modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header {
    background-color: #1b2a49 !important;
    background-color: #cdd6cf !important;
    color: white !important;
    color: #1b2a49 !important;
}

.presetmodal .modal.modalpresetnode > .modal-dialog.m-full > .modal-content legend#label-modalprofile {
    color: #1b2a49 !important;
}

.presetmodal .modalpresetnode .precontent > div {
    background-color: #1b2a49 !important;
    background-color: #cdd6cf !important;
}

.presetmodal .modalpresetnode div#v-pills-info {
    color: #1b2a49;
}

.presetmodal .modalpresetnode .infotext blockquote {
    color: #cabcbc;
    color: #006314;
    font-size: 1.05em;
}

.presetmodal .modalpresetnode button.nav-link:not(.active) {
    color: #000000;
    color: #1b2a49 !important;
}

.presetmodal .modalpresetnode .tab-pane h6 {
    color: #1b2a49;
    font-size: medium;
}

.presetmodal .modalpresetnode button#v-pills-info-tab i.fa {
    font-weight: 500;
}

.presetmodal .modalpresetnode #presetForm select {
    background-color: #1b2a49 !important;
    color: #c3cbcd;
    background-color: #f1f4f1 !important;
    color: #1b2a49;
    --falcon-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234d5969' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-color: #cdd6cf !important;
    border-color: #081d3e;
    font-weight: 500;
}

.presetmodal .modalpresetnode #presetForm label {
    color: #b6c1d2;
    color: #4b5565;
}

.presetmodal .modalpresetnode #presetForm input {
    color: #b6c1d2;
    color: #081d3e;
}

.presetmodal .modalpresetnode #presetForm .form-label {
    color: #b6c1d2;
    color: #081d3e;
}

.presetmodal .modalpresetnode #presetForm .form-check:has(.form-check-input:checked) label {
    color: #081d3e !important;
    font-weight: bold;
}

.presetmodal .modalpresetnode #presetForm input.form-check-input {
    background-color: #f1f4f1 !important;
    border-color: #7f7f7f;
}

.presetmodal .modalpresetnode .form-check-input:checked {
    --falcon-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    border-color: #081d3e !important;
}

label.form-check-label {}

.presetmodal .modalpresetnode div#v-pills-custom.tab-pane.active.show h6:before {
    left: 113px;
}

.presetmodal .modalpresetnode div#v-pills-custom.tab-pane.active.show:not(#v-pills-manage) h6:after {
    color: #b88888 !important;
    /* color: #1b2a49; */
    color: #006314 !important;
}

.presetmodal .modalpresetnode #presetForm input[type="text"],
.presetmodal .modalpresetnode input#presetName {
    color: #081d3e;
    background-color: #cdd6cf !important;
    border-color: #081d3e;
    font-weight: 500;
}

.presetmodal .modalpresetnode .metric-grid {
    border: 1px solid #081d3e;
}

.presetmodal #presetName::placeholder {
    color: #979797;
}

.presetmodal .modalpresetnode .precontent .nav.nav-pills button.nav-link.active {
    font-weight: 600;
}

.presetmodal .modalpresetnode button.nav-link:hover {
    background-color: #ddece34d !important;
    background-color: #f6fdf94d !important;
}

.presetmodal .modalpresetnode button#v-pills-info-tab i.fa,
.presetmodal .modalpresetnode button#v-pills-info-tab:not(.active):hover i.fa {
    color: #1b2a49 !important;
}




.presetmodal .modalpresetnode .metrics-container label.form-check-label:hover,
#presetForm > div:last-of-type label.form-check-label:hover {
    background-color: #f6fdf94d !important;
}

.presetmodal .modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-header > .close.btn:after {
    color: #1b2a49;
    opacity: .8 !important;
}

.presetmodal .modal-backdrop.show {
    background-color: #1b2a49;
    background-color: #5a6a5a;
    background-color: #ffffff;

}

.presetmodal .modalpresetnode .tab-pane.active.show:not(#v-pills-manage):not(#v-pills-info) h6:before {
    content: ": click a preset below to activate";
    position: absolute;
    white-space: nowrap;
    right: -232px;
    float: right;
}
.presetmodal .modalpresetnode div#v-pills-info h6.mb-3 {
    font-size: 17px;
}
.presetmodal .modal.modalpresetnode > .modal-dialog.m-full > .modal-content > .modal-body {
    background-color: #cdd6cf !important;
}

@media (min-width: 576px) {
    .presetmodal .modalpresetnode .precontent > div {
        margin-right: 0 !important;
        margin-left: -9px !important;
    }

}

div#confirmMessage {

    padding: 1rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.75rem !important;
}

.modal-backdrop.presetbackdrop.fade.show {
    background-color: #ffffff;
}



/* END MODAL */



/* BOTTOM GRAPH CONTROLS */

div#timecontrolanchorbottom .tcmenu span.info.infopan.datainfo.fa.fa-info-circle {
    position: absolute !important;
    right: 3rem !important;
}
div#timecontrolanchorbottom .tcmenu .tcmitem.rangeshift {
    display: inline-block;
}
div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .longtext {
    display: none;
}
div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .shorttext {
    display:inline-block;
}
@media(min-width:1305px){
    div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .longtext {
        display: inline-block;
    }

    div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .shorttext {
        display:none;
    }

    div#timecontrolanchorbottom .tcmenu span.info.infopan.datainfo.fa.fa-info-circle {
        position: absolute !important;
        right: 18rem !important;
    }
}
@media(min-width:1020px){

    div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift{
        display:inline-block!important;
        float:right !important;
        left: 40px;
    }
}
@media(max-width:1020px){

    div#timecontrolanchorbottom .tcmenu span.info.infopan.datainfo.fa.fa-info-circle {
        position: absolute !important;
        right: 5rem !important;
    }

    div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .longtext {
        display: none
    }

    div#timecontrolanchorbottom .tcmenu li.tcmitem.rangeshift .shorttext {
        display:inline-block;
    }

}
@media(max-width:1020px){
    div#timecontrolanchorbottom .tcmenu {
        width: fit-content;
        position: relative;
        left: 40px;
    }
    div#timecontrolanchorbottom {
        text-align: left;
    }
    div#timecontrolanchorbottom .tcmenu .rangeshift {
        float: none !important;
        display: block !important;
        margin-right: 20px !important;
        width: fit-content;
        margin-left: 5px;
        left: 10px;
        top: 30px;
    }
    div#timecontrolanchorbottom .tcmenu span.info {
        /* float: right; */
    }
    .anchorbottom .info {
        left: 300px;
    }
    div#timecontrolanchorbottom .tcmenu span.info.infopan.datainfo.fa.fa-info-circle {
        right: unset !important;
        left: 270px !important;
        top: 30px;
    }
}

/* END BOTTOM CONTROLS */






/* DESKTOP STYLES */

@media (min-width: 576px) {

    .mobileonly{
        display:none;
    }










    /* NAV STUFF */


    nav.navbar.subnav {
        background-color: unset !important;
        left: 50px;
        top: 30%;

    }

    nav.navbar.subnav a {
        font-size: 1rem !important;
    }


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

    ul.dashnav.horiz{
        float:none;
    }


    .horiz a.dashnavlink {
        font-size: .9rem !important;
    }

    .maindashnavholdr {
        top: 100px;
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        position:static;
        /* padding-left: 10px; */
    }


    .horiz li.dashnavitem {

        min-width:30%;
        margin: unset !important;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        white-space: nowrap;
        border: 1px solid darkgray;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    ul.dashnav.horiz {
        margin-bottom: 0;
    }

    .horiz a.dashnavlink {
        font-size: 1rem !important;
        /* width: 100%; */
    }




    ul.dashnav.horiz {
        margin-left: 10px;
        margin-right: 0;
        width: 100%;
    }


    .horiz li.dashnavitem:has(.on) {
        border: 2px solid black;
        width: 33.3%;
    }

    a.dashnavlink.on {
        border-color: transparent;
    }

    ul.dashnav.horiz {
        width: calc(100% - 10px);
        margin-left: 10px;
    }

    .horiz li.dashnavitem {
        margin-left: -1px !important;
        margin-right: -1px !important;
    }


    footer nav.navbar.subnav{
        margin:0;
        margin-left: calc(calc(100% - 300px) / 2);
        margin-right: auto !important;
        width: fit-content;
        left: unset;
        top: -45px;
        position: absolute;

        background-color: var(--falcon-primary) !important;
        border-radius: 50px !important;
        padding-bottom: 0 !important;
        min-height: 35px;
    }


    #footerNavbarSubnav li.nav-item {
        display: inline-block !important;
        max-width: 33%;
        white-space: nowrap;}

    div#footerNavbarSubnav .navbar-nav {
        margin: 0 !important;
        display: block;
    }

    footer nav.navbar.subnav a {
        font-size: 1em !important;
    }


    ul.dashnav.vert {
        padding-left: 1rem;
    }


    nav.navbar.subnav.mobilebuttonnav {
        max-height: 20px !important;
        max-width: 100% !important;
        background-color: #002244 !important;
        display: block;
        bottom: 0 !important;
        padding-top: 0;
        border-radius: 20px;
        min-height: 25px !important;
        top: 68px !important;
        min-width: 100%;
        left: 0;
        padding-left: 0;
        padding-right: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    nav.navbar.subnav.mobilebuttonnav li {
        display: inline-block !important;
        width: 32%;
        text-align: center;
    }

    nav.navbar.subnav.mobilebuttonnav ul {
        width: 100%;
        display: block;
    }

    div#navbarMSubnav {
        display: block;
    }

    nav.navbar.subnav.mobilebuttonnav li a {
        padding-top: 2px;
        position: relative;
        top: -6px;
    }

    div#navbarStandard.show .mobilebuttonnav {
        display: none;
    }

    nav.navbar.navbar-light.navbar-glass.navbar-top.navbar-expand-lg:has(#navbarStandard.show) .mobilebuttonnav {
        display: none !important;
    }

    ul.dashnav.horiz {

        width:fit-content;

        margin-right: auto;
        margin-left: auto;
        float:right;
    }

    .horiz li.dashnavitem {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .maindashnavholdr{
        position:absolute;
        top:-5px;
        z-index:99;
    }
    .horiz li.dashnavitem {
        border: 0;
        padding: 0;
        min-width: fit-content !important;
        width: fit-content !important;
        margin-left: .5rem !important;
        margin-right: .5rem !important;
    }

    .horiz li.dashnavitem:has(.on) {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .dashnavlink i {
        font-size: 1rem;
    }

    /* END NAV STUFF */















}


@media (max-width: 894px) {
    .topwizardsholdr {
        display: none !important;
    }
}

@media (max-width: 1072px) {
    .sct-datademo.maxview .controltoggle .savepresetlink span:not(.fa),
    .sct-datademo.maxview .controltoggle .presettogglelink span:not(.fa) {
        display: none;
    }


    .sct-datademo.maxview .controltoggle .savepresetlink span.fa,
    .sct-datademo.maxview .controltoggle .presettogglelink span.fa {
        position: relative;
        left: 0;
    }

    .sct-datademo a.savepresetlink.actionctrl.getdata.btn,
    .sct-datademo a.presettogglelink.actionctrl.getdata.btn{
        padding-left: 5px !important;

    }

    li.tcmitem.rangeshift {
        display: none !important;
    }

    .sct-datademo.maxview .controltoggle .savepresetlink.ispreset,.presetmenuholdr{
        display:none;
    }


}



/* END DESKTOP STYLES */



/* MOBILE STYLES */

@media (max-width: 576px) {

    .nomobile{
        display:none;
    }


    /* NAV STUFF */
    body:not(#pglogin) .navcontainer.backblue:before{
        content:"";
    }


    nav.navbar.subnav{
        margin-left:0;
    }

    .loggedin .navcontainer{
        height:69px !important;
    }

    nav.navbar.subnav {
        background-color: unset !important;
        left: 50px;
        top: 30%;

    }

    nav.navbar.subnav a {
        font-size: 1rem !important;
    }

    .maindashnavholdr {
        top: 0 !important;
        margin-bottom:15px !important;
    }

    .maindashnavholdr {
        margin-left: 0;
    }

    .nomobile {
        display: none;

    }
    ul.dashnav.horiz{
        float:none;
    }



    .horiz a.dashnavlink {
        font-size: .9rem !important;
    }

    .maindashnavholdr {
        top: 100px;
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        position:static;
        /* padding-left: 10px; */
    }


    .horiz li.dashnavitem {

        min-width:30%;
        margin: unset !important;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        white-space: nowrap;
        border: 1px solid darkgray;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    ul.dashnav.horiz {
        margin-bottom: 0;
    }



    .horiz a.dashnavlink {
        font-size: 1rem !important;
        /* width: 100%; */
    }


    .horiz li.dashnavitem:has(.on) {
        border: 1px solid black;
    }


    .dashmain {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    ul.dashnav.horiz {
        margin-left: 10px;
        margin-right: 0;
        width: 100%;
    }

    .horiz li.dashnavitem:has(.on) {
        border: 2px solid black;
        width: 33.3%;
    }

    a.dashnavlink.on {
        border-color: transparent;
    }

    ul.dashnav.horiz {
        width: calc(100% - 10px);
        margin-left: 10px;
    }

    .horiz li.dashnavitem {
        margin-left: -1px !important;
        margin-right: -1px !important;
    }


    footer nav.navbar.subnav{
        margin:0;
        margin-left: calc(calc(100% - 300px) / 2);
        margin-right: auto !important;
        width: fit-content;
        left: unset;
        top: -45px;
        position: absolute;

        background-color: var(--falcon-primary) !important;
        border-radius: 50px !important;
        padding-bottom: 0 !important;
        min-height: 35px;
    }


    #footerNavbarSubnav li.nav-item {
        display: inline-block !important;
        max-width: 33%;
        white-space: nowrap;}

    div#footerNavbarSubnav .navbar-nav {
        margin: 0 !important;
        display: block;
    }

    footer nav.navbar.subnav a {
        font-size: 1em !important;
    }
    ul.dashnav.horiz {
        min-width: 100%;

    }

    ul.dashnav.vert {
        padding-left: 1rem;
    }


    nav.navbar.subnav.mobilebuttonnav {
        max-height: 20px !important;
        max-width: 100% !important;
        background-color: #002244 !important;
        display: block;
        bottom: 0 !important;
        padding-top: 0;
        border-radius: 20px;
        min-height: 25px !important;
        top: 68px !important;
        min-width: 100%;
        left: 0;
        padding-left: 0;
        padding-right: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    nav.navbar.subnav.mobilebuttonnav li {
        display: inline-block !important;
        width: 32%;
        text-align: center;
    }

    nav.navbar.subnav.mobilebuttonnav ul {
        width: 100%;
        display: block;
    }

    div#navbarMSubnav {
        display: block;
    }

    nav.navbar.subnav.mobilebuttonnav li a {
        padding-top: 2px;
        position: relative;
        top: -6px;
    }

    div#navbarStandard.show .mobilebuttonnav {
        display: none;
    }

    nav.navbar.navbar-light.navbar-glass.navbar-top.navbar-expand-lg:has(#navbarStandard.show) .mobilebuttonnav {
        display: none !important;
    }




    /* END NAV STUFF */



    #navbarStandard li.nav-item.home .nav-link {
        display: none;
    }

    .navbar-top .navbar-toggler {
        display: none;
    }

    li.nav-item.login.logout {
        position: fixed !important;
        top: 0 !important;
        right: 1rem;
        opacity: .9 !important;
    }

    .nodeopentable .nodelink .actions.itemactions {
        display: block;
    }

    .actions.itemactions {}

    ._right.nodelink.custom.ctrlsdisabled .actions.itemactions {
        width: fit-content;
        display: inline-block;
    }

    ._right.nodelink.custom .actions.itemactions:last-child {
        /* position: absolute; */
        position: relative;
        /* float: right; */
        /* top: -25px; */
        /* right: 10px; */
    }

    .noderight label.actionctrl {
        display: block;
    }



    div#sidebar-wrapper {
        width: 100px;
        display: block;
        width: 100vw;
        height: 50px;
        position: relative;
        left: 310px;
    }




    #sidebar-wrapper a.sites.site .list-row > span {
        display: block;
        text-align: center;
        /* width: fit-content; */
        /* margin-left: auto; */
        /* margin-right: auto; */
        /* min-width: 55px; */
    }

    div#page-content-wrapper {
        width: 100% !important;
        margin-left: 2.5vw;
        left: 100px;
        position: static;
    }

    #sidebar-wrapper span.list-info.text-secondary.tags,
    #sidebar-wrapper span.list-title.text-secondary {
        display: none !important;
    }

    #sidebar-wrapper span.list-info {
        float: none;
        position: absolute;
        top: 5px;
        left: 35px;
    }

    .sites i {margin-right: 5px;margin-top: 3px;margin-left: 0;margin-bottom: auto;/* height: 100%; */position: absolute;top: 5px;left: 15px;}

    #sidebar-wrapper a.sites.site {
        padding: 5px;
        padding-left:10px;
        padding-top: 20px;
        text-align: left;
        font-size: small;
        max-width: 100px;
    }



    #sidebar-wrapper a.sites.site .list-row > span.list-title {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        min-width: 55px;
        text-align: left;
    }

    .hordddiz li {
        max-width: 32%;
        min-width: 32% !important;
        margin-left: 0 !important;
        margin-right: 0px !important;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .maindashnavholdr,ul.dashnav.horiz.subnav-dashboard {
        min-width: 100vw !important;
        max-width: 100vw !important;
        width: 100vw;
        margin-left: 0;
        margin-right: 0;
    }

    ul.dashnav.horiz.subnav-dashboard {
        margin-left: 2.5vw;
        margin-right: auto;
        max-width: 95vw !important;
    }

    .maindashnavholdr {
        min-width: 100vw !important;
        max-width: 100vw !important;
        padding: 0;
        position: relative !important;
        top: 15px;
        overflow: visible;
        left: 0;
        right: unset;
    }

    a.dashlink {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: small !important;
    }

    .container-fluid.noinner.nocontentrestrict {
        padding-left: 0;
        padding-right: 0;
    }

    #res > .row.mb-3 {
        /* margin-bottom: 0 !important; */
        overflow: visible;
        height: fit-content;
        width: 100vw !important;
    }

    .row.rowset.row-0.hero.mb-3.g-3.w-100 {}

    div#res {
        /* margin-top: 0; */
        height:calc(100vh - 70px);
        padding-bottom: 45px;
    }


    ul.dashnav.horiz li{
        max-width: 32%;
        min-width: 32% !important;
        margin-left: 0 !important;
        margin-right: 0px !important;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }


    ul.dashnav.horiz li .dashnavlink {


        font-size:small !important;
    }




    table.devicetable > tbody > tr.item > td.td1 > div {
        position: absolute;
        /* left: 5px; */
        display: block;
    }

    table.devicetable > tbody > tr.item > td.td1 > div {
        left: 10px;
        top: 12px;
    }

    table.devicetable > tbody > tr.item > td.td1 > div > img {
        position: absolute !important;
        left: 5px !important;
        /* top: 5px; */
    }

    table.devicetable > tbody > tr.item > td.td4 .tags {
        float: left;
        max-height: 20px;
        height: fit-content !important;
        position: relative;
    }

    table.devicetable > tbody > tr.item > td.td4 .tags.leaftag > span {
        font-size: 0 !important;
        line-height: 0;
        min-width: 80px !important;
        margin-right: auto;
        display: inline-block;
        /* height: 22px; */
    }

    table.devicetable > tbody > tr.item > td.td4 .tags.leaftag > span:after {
        content: "Env Sensor";
        font-size: .7rem !important;
        display: block;
        background-color: var(--falcon-highlight);
        padding: 0.2em 0.6em 0.3em;
        padding: 0.2em 0.9em 0.3em;
        border-radius: 10px;
        line-height: 1rem;
    }

    table.devicetable > tbody > tr.item > td.td4 > div > span {
        width: 100%;
    }

    table.devicetable > tbody > tr.item > td.td5 > div {
        position: absolute;
        top: 5px;
        white-space: nowrap;
    }

    table.devicetable > tbody > tr.item > td {
        position: relative;
        padding: 0;
    }

    table.devicetable > tbody > tr.item.node > td.td6 > div {
        position: relative;
        top: 10px;
        white-space: nowrap;
    }

    table.devicetable > tbody > tr.item > td.td1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    table.devicetable > tbody > tr.item.aggr> td.td1 {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-top:40px;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    table.devicetable > tbody > tr.item.aggr.open > td.td6 > div {
        position: absolute;
        bottom: 10px;
        line-height: normal;
    }

    .devicetable.view-tree .item.aggr {
        border-top: 2px #959595 solid;
        margin-top: 0 !important;
    }
    table.devicetable > tbody > tr.item > td {}

    table.devicetable > tbody > tr.item > td.td3 {/* visibility: hidden; */padding-left: 0;padding-right: 0;/* width: 1px !important; */}

    table.devicetable > tbody > tr.item > td.td3 * {
        display: none;
    }

    table.devicetable > tbody > tr.item > td.td1 {
        padding-left: 50px !important;
        padding-right: 0 !important;
        position: relative;
    }

    table.devicetable > tbody > tr.item > td.td4 {
        padding: .25rem;
        width: 120px;
        /* min-width: fit-content !important; */
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    tr.item.node.closed .td1 {
        padding-left: 50px !important;
        position: relative !important;
        /* padding-top: 50px !important; */
    }

    td.td1 {
        min-width: 30px !important;
        padding-left: 50px !important;
        padding-top: 0;
    }

    .nav-tabs .nav-link {
        /* padding-top: 15px; */
    }

    #sidebar-wrapper > .row > .col-12 > .list-group {
        padding-left: 1rem;
        padding-top: 1px;
    }

    a#one-tab {}

    div#page-content-wrapper .nav-tabs .nav-link {
        padding-left: 18px !important;
    }

    .nodecontent.open td.nodeleft,.nodecontent.open td.noderight {
        display: block;
        width: 90vw !important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 10px;
    }

    .nodecontent.open td.noderight {
        margin-top: 20px;
    }

    .nodecontent table.nodeopentable {
        max-width: 100% !important;
        min-width: unset !important;
        margin-left: 0 !important;
    }

    .nodecontent.open td {
        max-width: 95vw !important;
        padding-left: 20px !important;
        display: table-cell;
        /* min-height: 200px; */
    }

    .devicetable.view-tree .nodecontent.aggropen.open, .devicetable.view-all .nodecontent.open, .devicetable.view-node .nodecontent.open {
        max-width: 100vw !important;
    }

    #tabContent > .tab-pane.show {
        max-width: 100vw !important;
    }

    body.loc-dashboard.ddhide.bgwhite .navcontainer.backblue:before {
        content: "" !important;
    }

    #top > .noinner > div:first-of-type {
        /* max-height: 60px !important; */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: block !important;
        width: 100%;
        height:70px;
    }

    #top > .noinner > div:first-of-type nav.navbar {
        min-height: 60px !important;
        max-height: 70px !important;
        padding-top: 5px !important;
        padding-bottom: 0 !important;
        height: 100px !important;
        padding-left: 20px;
        display: block;
    }

    #top > .noinner > div:first-of-type nav.navbar a.nvm.nav-link {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .content {
        margin-top: 5px;
    }

    .nodecontent.open > td .nodeopentable {
        min-height: 430px !important;
        margin-right: auto;
        /* width: 100%; */
        margin: auto;
    }









    td.td6 > div {
        color: #1d61a5 !important;
    }



    td.noderight {}

    ._right.nodelink.ctrlsdisabled {}

    td.noderight {}

    td.noderight:has(._right.nodelink.ctrlsdisabled) {
        /* display: none; */
        visibility: hidden;
    }

    table.nodeopentable {}

    td {}

    li.tcmitem.rangeset .actions.itemactions, .nodelink.custom .actions.itemactions
    {
        display: inline-block !important;
        float:none;
    }

    .devicetable.view-tree .item.node .td1 img {
        position: relative;
        left: 15px !important;
    }
    .mapholdr,.mapholdr * {
        padding: 0 !important;
    }









    .sct-system td.nodeleft label {
        margin-bottom: 0;
        font-size: small;
    }

    .sct-system .nodecontent.open td.noderight .nodelink a.btn.getdata.actionctrl {
        font-size: medium !important;
        padding: 2px 8px 6px !important;
        margin-bottom: 10px;
    }

    .sct-system .nodecontent.open td.nodeleft h6, .nodecontent.open td.noderight h6 {
        font-size: large;
    }

    .sct-system tr.nodecontent.conn.open > td {
        min-height: fit-content;
    }

    .sct-system tr.nodecontent.conn.open > td .nodeopentable {
        min-height: 550px !important;
    }

    .sct-system .nodelink.custom input.noderange {
        font-size: medium;
        width: 130px;
        font-weight: 600;
    }




    .sct-datademo .maxview .datadisplaytitle {
        height: fit-content !important;
        /* vertical-align: top !important; */
    }


    .sct-datademo .maxview div#dateanchor {
        display: none;
    }

    .sct-datademo div#chart_div_AnnotationChart_rangeControlContainer {
        display: none;
    }

    .sct-datademo .small.daterangetitle > div {
        /* display: none; */
        display: block;
    }

    .sct-datademo .maxview .hidecontrols .datadisplaytitle > .col-auto {
        min-height: fit-content;
    }

    .sct-datademo ul.tcmenu:not(.top) {
        display: block !important;
        float: none;
        margin-right: auto;
        text-align: center;
        position: relative;
        top: -10px;
    }

    .sct-datademo .maxview .timecontrolholdr ul.tcmenu.top {
        /* display: block  !important; */
        /* margin-left: auto; */
        margin-roght: auto;
    }

    .sct-datademo ul.tcmenu:not(.top) li.tcmitem {
        display: block;
        /* margin-left: auto !important; */
        /* margin-right: auto !important; */
        width: 100%;
        width: fit-content;
        /* float: left; */
        margin-right: 0 !important;
        float: left;
        margin-bottom: 15px;
    }

    .sct-datademo .abluebox {
        height: 20vh;
        min-height: fit-content !important;
    }

    .sct-datademo ul.tcmenu li.tcmitem:not(.rangepresets):before {
        display: block !important;
        position: absolute !important;
        left: unset !important;
    }

    .sct-datademo .topwizardsholdr {
        display: none;
    }

    .sct-datademo ul.dashnav.horiz li {
        min-width: unset !important;
        top: 72px;
        right: -5px;
    }

    .sct-datademo ul.dashnav.horiz li.dashnavitem.systemli {
        /* position: absolute; */
        top: 0;
        border: 0;
        padding-left: 2rem;
        padding-top: 5px;
    }

    .sct-datademo .maindashnavholdr {
        top: -60px;
    }

    .sct-datademo .datadisplaytitle .col-auto h5 {
        margin-top: 10px;
    }

    .sct-datademo .controltoggle {
        /* top: 130px !important; */
        left: unset;
        right: 0;
        z-index: 999;
    }

    .sct-datademo .controltoggle .controltogglelink {
        top: 75px;
        right: 2rem;
    }


    .sct-datademo.maxview div#selection_info {
        padding-left: 1rem !important;
        padding-top: 2rem !important;
    }

    .sct-datademo li.tcmitem.rangepresets {}

    .sct-datademo ul.tcmenu:not(.top) li.tcmitem {
        min-width: 100%;
    }

    .sct-datademo ul.tcmenu:not(.top) li.tcmitem:not(.rangeset):not(.rangepresets) button {
        min-width: 24%;
    }

    .sct-datademo ul.tcmenu:not(.top) li.tcmitem:not(.rangechange):not(.rangeshift) button {
        min-width: 32%;
    }

    .sct-datademo ul.tcmenu:not(.top) li.tcmitem:not(.rangechange):not(.rangeshift) .custrangecontrol input {
        min-width: 50%;
    }

    .sct-datademo .custrangecontrol {
        left: -17px;
    }



    .sct-dashboard h2.titler {
        display: none;
    }

    .sct-dashboard .subchooserrow {
        width: 100% !important;
    }

    .sct-dashboard.isadminuser select#newsubid {
        width: 45%;
        margin-right: .5rem;
        height: 40px;
        margin-top: .35rem;
    }

    .sct-dashboard .subscriberholder {
        padding-top: .5rem;
    }



    .sct-dashboard .subscriberholder {
        padding-top: 0;
        margin-top: 0;
    }

    #res > .row.hero.row-0.mb-3 {
        z-index:998;
        height:fit-content;
    }

    .sct-dashboard .dashmain {
        padding-top: 1.5rem;
    }




    .sct-datademo .maindashnavholdr {
        pointer-events: all;
        height: fit-content;
        min-height: 70px;
    }

    .sct-datademo .abluebox {
        pointer-events: all;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer {
        padding-top: 55px;
        position: relative;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer:before {
        top: 32px;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer:after {
        display: none;
    }

    .sct-datademo .google-visualization-atl .zoomControls button.zoomButton {
        display: none;
    }

    .sct-datademo .globallabels {
        width: 100%;
        top: 0;
        left: 0;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer .leftholdr {
        max-width: 100%;
        width: fit-content;
    }

    .sct-datademo div#rolloverhint {
        position: static;
        float: left;
        display:none;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer .midholdr {
        width: 100%;
    }

    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer .rightholdr {
        width: 100%;
        max-width: 100%;
    }

    .sct-datademo h2.titler {
        display: none;
    }

    #res > .row.hero {
        pointer-events: none;
    }

    .hidecontrols form#editprofileform {
        height: fit-content !important;
    }

    .sct-datademo .datadisplaytitle .col-auto h5 {
        pointer-events: none;
        position: relative;
        z-index: 1;
    }

    .sct-datademo.hidecontrols span.startrangedt, .hidecontrols span.endrangedt, .hidecontrols span.daterangedash {
        display: inline-block;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeshift {
        display: none;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangeset {
        position: static !important;
    }

    .sct-datademo #res.externalrender .timecontrolholdr,.hidecontrols #res:not(.externalrender) .timecontrolholdr {
        position: static;
    }

    .sct-datademo.hidecontrols span.nonhiddentext {
        display: inline-block;
    }

    .sct-datademo.hidecontrols span.hiddentext {
        display: none !important;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem.rangepresets {
        position: static !important;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu li:not(.rangeset):not(.rangepresets) {
        display: none;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu {
        position: static !important;
    }

    .sct-datademo .controltoggle {
        position: static !important;
        height: fit-content;
    }

    .sct-datademo .controltoggle .controltogglelink {
        position: relative;
        top: .25rem !important;
        left: 1rem;
    }

    .sct-datademo .controltoggle {
        pointer-events: all;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu li.tcmitem:not(.rangechange):not(.rangeshift) {
        float: none;
        margin-bottom: 5px;
    }

    .sct-datademo.maxview .timecontrolholdr ul.tcmenu li.tcmitem:not(.rangechange):not(.rangeshift) button {
        width: 32% !important;
        min-width: 32% !important;
        float: none !important;
        display: inline-block !important;
        margin: auto !important;
        position: static  !important;
    }

    .sct-datademo.hidecontrols ul.tcmenu li.tcmitem:not(.rangepresets):before {
        display: none !important;
    }

    .sct-datademo.hidecontrols ul.tcmenu:not(.top) {
        width: 100%;
    }

    .sct-datademo.hidecontrols ul.tcmenu:not(.top) ul.tcmenu {
        width: 100% !important;
    }

    .sct-datademo.hidecontrols ul.tcmenu:not(.top) ul.tcmenu button {
        width: 32%;
        min-width: 32%;
        max-width: 32%;
    }


    .sct-datademo #res.externalrender .timecontrolholdr, .hidecontrols #res:not(.externalrender) .timecontrolholdr {
        width: 100%;
    }

    .sct-datademo .custrangecontrol {
        position: static !important;
    }

    .maxview li.tcmitem.rangeset .actions.itemactions {
        width: 100%;
    }

    .maxview li.tcmitem.rangeset .actions.itemactions .custrangecontrol {
        width: 64%;
    }

    .maxview li.tcmitem.rangeset .actions.itemactions .custrangecontrol input {
        min-width: 42% !important;
    }

    .hidecontrols .timecontrolholdr ul.tcmenu li.rangeset .btn.getdata.actionctrl {
        min-width: fit-content !important;
        width: fit-content !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .hidecontrols.abluebox {
        min-height: 120px !important;
        height: 170px !important;
    }


    .hidecontrols.maxview form#editprofileform {
        height: 110px !important;
    }


    .sct-datademo.hidecontrols .abluebox {
        height: 110px;
    }

    .maxview div#dateanchor {
        display: none;
    }

    .maxview div#chart_div {
        padding-left: 0;
        padding-right: 0;
    }

    .sct-datademo.maxview div#selection_info {
        left: 0px;
        width: 100% !important;
    }

    .sct-datademo:not(.hidecontrols) .abluebox {
        height: 200px;
    }


    .sct-datademo:not(.hidecontrols) .abluebox {
        height: 200px;
    }

    .maxview .datadisplaytitle > .col-auto {
        padding-left: 0;
        padding-right: 0;
    }

    .maxview .col-md-12.chartcont {
        margin-left: -5px;
        margin-right: -10px !important;
    }


    .maxview:not(.hidecontrols) .abluebox {
        height: 200px;
    }


    .timeheadr li {
        padding-left: 5px;
        font-size:smaller;
    }

    .timeheadr:before {
        left: 5px !important;
        font-size:small;
    }

    .timeheadr li {
        padding-left: 5px;
        font-size:smaller;
    }


    div#chart_div_AnnotationChart_chartControlsContainer,.sct-datademo div#chart_div_AnnotationChart_zoomControlContainer {
        max-width: 85vw !important;
        width: 85vw !important;
    }



    .maxview form#editprofileform {
        height: fit-content;
    }

    .maxview .datadisplaytitle {
        top: 0;
    }

    .maxview .datadisplaytitle {
        top: 0 !important;
        height: 140px !important;
        position: relative !important;
    }



    div#chart_div_AnnotationChart_chartControlsContainer,
    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer {
        /* max-width: 85vw !important; */
        /* width: 85vw !important; */
    }

    div#chart_div_AnnotationChart_chartTd {
        width: 100vw;
    }

    .maxview form#editprofileform {
        height: fit-content;
    }

    .maxview .datadisplaytitle {
        top: 0;
    }

    .maxview .datadisplaytitle {
        height: 140px;
        position: relative;
        /* top: -50px; */
    }

    .sct-datademo .controltoggle .controltogglelink {
        position: fixed !important;
        top: unset !important;
        left: calc(calc(100% - 150px) / 2);
        right: unset !important;
        /* z-index:999 !important; */
        position: relative !important;
        /* position: static !important; */
        z-index: 1000;
    }

    .controltoggle {}

    .sct-datademo .controltoggle {
        position: fixed !important;
        top: 150px !important;
        z-index: 999 !important;
        left: 160px;
        z-index: 1000 !important;
    }

    .content > .row.g-3 {
        --falcon-gutter-y: 0;
    }

    .sct-datademo .maindashnavholdr {
        position: static !important;
        /* width: 50% !important; */
        /* min-width: 50% !important; */
        /* float: right; */
    }

    .sct-datademo ul.dashnav.horiz li.showdatatypeli {
        top: 0;
    }

    .sct-datademo ul.dashnav.horiz li.dashnavitem.systemli {
        float: left;
        position: relative !important;
        left: -1rem;
        top: -5px;
    }

    .maxview:not(.hidecontrols) .abluebox {
        top: 0;
    }

    #res > .row.hero {
        z-index: 998;
        display: flex;
        position: relative;
    }

    .maxview div#chart_div_AnnotationChart_annotationsContainer {
        position: absolute !important;
        display: block !important;
        height: fit-content !important;
        top: 55vh;
        left: 0;
        width: 100% !important;
    }

    div#chart_div_AnnotationChart_annotationsTd {}

    div#chart_div_AnnotationChart_annotationsContainer {}

    div#chart_div_AnnotationChart_annotationsTd {
        /* max-width: 0 !important; */
        /* display: block !important; */
        /* position: absolute; */
        width: 1% !important;
        /* position: relative; */
        left: 15%;
    }

    div#chart_div_AnnotationChart_chartContainer > div > div[dir="ltr"] {
        width: 100% !important;
    }

    div#chart_div_AnnotationChart_chartContainer > div > div[dir="ltr"] {
        width: 100% !important;
    }

    div#chart_div_AnnotationChart_chartContainer > div > div[dir="ltr"] div {
        width: 100% !important;
    }

    div#chart_div_AnnotationChart_chartContainer > div > div[dir="ltr"] svg {
        width: 100% !important;
        /* width: 390px !important; */
    }

    div#chart_div_AnnotationChart_chartContainer > div > div[dir="ltr"] svg > rect {
        width: 100%;
    }

    ul.timeheader li.datashow {
        display: inline-block !important;
        width: 32% !important;
    }

    .timeheadr li {
        display: inline-block;
    }

    rect {}



    div#chart_div_AnnotationChart_zoomControlContainer {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    .sct-datademo .globallabels {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .maxview div#chart_div {
        margin-left: -2px;
    }

    .sct-datademo .small.daterangetitle > span {
        font-size: small;
    }

    .sct-datademo.hidecontrols .datadisplaytitle .col-auto h5 {
        margin-top: 0;
    }

    .sct-datademo:not(.hidecontrols) .datadisplaytitle .col-auto h5 {
        margin-top: 38px !important;
    }

    .maxview:not(.hidecontrols) .datadisplaytitle {
        height: 250px !important;
    }

    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu {
        display: none !important;
    }

    .hidecontrols.maxview form#editprofileform {
        height: 110px !important;
    }

    .globallabels > div {
        width: 30%;
        min-width: 30%;
    }

    .globallabels > div:not(:last-of-type):not(:first-of-type) {
        margin-right: 10px;
    }

    div#chart_div_AnnotationChart_zoomControlContainer {
        width: 100vw !important;
        max-width: 100vw !important;
    }

    div#res {}

    .maxview .datadisplaytitle {
        top: 0;
        top: 0 !important;
        height: 140px !important;
        position: relative !important;
    }

    .maxview .datadisplaytitle {
        height: 200px;
        height: 140px;
        position: relative;
        /* top: -50px; */
    }

    .sct-datademo .controltoggle {
        position: fixed !important;
        top: 75px !important;
        top: 135px !important;
        z-index: 999 !important;
        left: calc(calc(100% - 150px) /2);
        left: 160px;
        z-index: 1000 !important;
    }
    .sct-datademo .globallabels {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .maxview div#chart_div {
        margin-left: -2px;
    }
    .sct-datademo .small.daterangetitle > span {
        font-size: small;
    }
    .sct-datademo.hidecontrols .datadisplaytitle .col-auto h5 {
        margin-top: 0;
    }
    .sct-datademo:not(.hidecontrols) .datadisplaytitle .col-auto h5 {
        margin-top: 38px !important;
    }
    .maxview:not(.hidecontrols) .datadisplaytitle {
        height: 250px !important;
    }
    .sct-datademo.hidecontrols .timecontrolholdr ul.tcmenu {
        display: none !important;
    }
    .hidecontrols.maxview form#editprofileform {
        height: 110px !important;
    }
    .globallabels > div {
        width: 30%;
        min-width: 30%;
    }
    .globallabels > div:not(:last-of-type):not(:first-of-type) {
        margin-right: 10px;
    }
    .globallabels .form-check {
        padding-right: 7px;
        padding-left: 25px;
    }

    #res > .row.hero {
        pointer-events: all;
        --falcon-gutter-y: 0;
        --falcon-gutter-x: 0;
        margin-bottom: 0 !important;
    }



    div#chart_div_AnnotationChart_chartControlsContainer, .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer {
        max-width: 100vw !important;
        width: 100vw !important;
    }

    .sct-datademo .maindashnavholdr {
        min-height: unset;
    }


    .timeheadr li {
        padding-left: 5px;
    }

    .sct-datademo .controltoggle .controltogglelink {
        color: black;
        opacity: 1;
        padding-left: 25px;
    }

    a.controltogglelink.btn.getdata.actionctrl {
        padding-left: 20px !important;
        left: 010px!important;
    }

    .maxview a.controltogglelink .fa {
        left: 5px;
        top: 2px !important;
        font-size: smaller;
        left: 5px !important;
    }

    .maxview #res > .row.rowset.row-0.hero.mb-3.g-3.w-100 {
        z-index: 1002;
    }

    .sct-datademo .maindashnavholdr {
        position: relative;
        z-index: 1001;
    }

    ul.dashnav.horiz.subnav-dashboard {
        height: 30px;
    }

    li.dashnavitem.showdatatypeli {
        width: 40px;
        z-index: 1000;
    }


    .timeheadr li.datashow {
        padding-left: 5px !important;
    }



    div#sidebar-wrapper {
        margin-top: 3px;
        overflow: clip;
    }

    div#sidebar-wrapper > .row > div > .list-group a {
        display: inline-block !important;
        margin-right:10px
    }

    div#sidebar-wrapper > .row > div > .list-group {
        height: 50px;
        flex-direction: row;
        margin-top:0px;
        position:relative;
        /* margin-right: 5px !important; */
    }

    .navbar-brand {
        height: 70px;
        display: inline-block;
    }
    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div.rawdata.hidr {
        display: none !important;
    }

    .midholdr:empty {
        display: none;
    }

    .maxview .small.daterangetitle > span {
        font-size: smaller;
        margin-top: 5px;
    }




    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div.rawdata.hidr {
        display: none !important;
    }

    .midholdr:empty {
        display: none;
    }

    .maxview .small.daterangetitle > span {
        font-size: smaller;
        margin-top: 5px;
    }

    .maxview div#chart_div {
        height: 55vh;
    }

    g.leftaxis > g.endums, g.leftaxis > g.endums, g.leftaxis > g.endums text {
        transform: translateX(-45.8%) !important;
    }

    .sct-datademo .maindashnavholdr {
        margin-bottom: 0 !important;
    }

    #res:not(.externalrender) #chart_div table.google-visualization-table-table {
        border-right: 0 !important;
    }
    /*
        div#chart_div_AnnotationChart_annotationsContainer tbody:has(tr):before,
        div#chart_div_AnnotationChart_annotationsContainer tbody:empty {
            padding: 10px 0px 10px 30px;
        }


        div#chart_div_AnnotationChart_annotationsContainer tbody:has(tr):before,
        div#chart_div_AnnotationChart_annotationsContainer tbody:empty {
            padding: 10px 0px 10px 30px !important;
        }
    */
    .timeheadr li {
        border-right: 1px solid lightgrey;
    }

    #chart_div div#chart_div_AnnotationChart_annotationsTd > div {
        max-width: 100vw !important;
        width: 100vw !important;
    }


    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div table thead th {
        font-size: smaller !important;
    }

    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div {
        width: 90vw !important;
        overflow: auto !important;
    }
    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div table {
        font-size: smaller;
    }

    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div table thead th {
        font-size: smaller;
    }

    .tabdata div#chart_div_AnnotationChart_chartContainer > div > div > div > div {
        width: 100vw !important;
        overflow: auto !important;
        top: 105px !important;
        overflow: auto !important;
        margin-left: -5px;
    }

    .sct-datademo.tabdata li.dashnavitem.showdatatypeli a.downloadxls {
        position: absolute;
        right: 3rem;
        top: 3px;
    }

    #chart_div g.leftaxis > g.startums, #chart_div g.leftaxis > g.startums,
    #chart_div g.smallaxis > g.startums text {
        transform: translateX(-1.5%);
    }

    #chart_div g.leftaxis > g.startums, #chart_div g.leftaxis > g.startums text,
    #chart_div g.smallaxis > g.startums text {
        font-size: medium;
    }

    .sct-sysprofile h2.titler {
        display: none;
    }

    .sct-sysprofile footer.footer {
        position: fixed;
    }

    .sct-sysprofile #res > .row.my-4 {
        padding: 0 10px;
    }

    .content > .row.g-3 {
        height: calc(100vh - 70px);
    }

    footer.footer {
        height: fit-content;
        position: fixed !important;
    }

    .row.g-0.justify-content-center.fs--1.mt-4.mb-3 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .sct-dashboard .abluebox.agreybox {
        margin-bottom: 20px;
    }

    .navbar-top {
        position: absolute !important;
        top: 0 !important;
    }

    li.nav-item.login.logout {
        position: absolute !important;
    }

    #navbarStandard ul.navbar-nav {
        width: 98vw;
    }

    body:not(.sct-datademo) .navcontainer.backblue:before {
        width: fit-content;
        /* margin-left: auto; */
        right: 1rem;
    }

    .presetmodal .modalpresetnode .precontent > div {
        max-width: 100%;
    }

    .presetmodal .modalpresetnode .tab-pane.active.show:not(#v-pills-manage):not(#v-pills-info) h6:before {
        content: ": click to activate";
        right: -101px;
    }

    button#v-pills-info-tab {
        padding: 8px;
    }
    .sct-system .nodecontent.open td.nodeleft h6, .sct-system .nodecontent.open td.noderight h6 {
        font-size: medium !important;
    }




    .sct-datademo .datadisplaytitle .col-auto h5 {
        font-size: .9rem;
    }

    .sct-datademo.maxview .controltoggle {
        top: 130px !important;
    }

    .sct-datademo:not(.hidecontrols) .datadisplaytitle .col-auto h5 {
        margin-top: 42px !important;
    }

    .maxview:not(.hidecontrols) .col-md-12.chartcont {
        margin-top: 5px !important;
    }

    .maxview li.tcmitem:before {
        bottom: 17px !important;
    }



    .sct-datademo div#chart_div_AnnotationChart_zoomControlContainer {
        padding-left: 1px !important;
        padding-top: 40px;
    }

    div#chart_div_AnnotationChart_zoomControlContainer:before {
        left: 5px;
        top: 30px !important;
        font-size: .85rem;
    }

    .ontarget:after, #res[data-metdisplay="label"] .unhidr:after, .unhidr:after {
        font-size: .65rem !important;
    }

    #selection_info > div.dailyoffs {
        min-height: fit-content;
    }










    .presetmodal .modalpresetnode .precontent > div {
        max-width: 100%;
    }

    .presetmodal .modalpresetnode .tab-pane.active.show:not(#v-pills-manage):not(#v-pills-info) h6:before {
        content: ": click to activate";
        right: -101px;
    }

    button#v-pills-info-tab {
        padding: 8px;
    }

    .modalpresetnode > .modal-dialog.m-full {
        margin-top: auto !important;
    }

    .modal.modalpresetnode > .modal-dialog.m-full > .modal-content {
        max-height: 640px !important;
        overflow: auto;
    }

    .presetmodal .modalpresetnode a.preset-link {
        font-size: .85rem;
        padding: 4px 6px;
    }

    .modalpresetnode .infooverview {
        font-size: .85rem;
    }

    .sct-datademo.maxview .controltoggle {
        top: 75px !important;
        left: 140px !important;
    }

    .sct-datademo a.presettogglelink.actionctrl.getdata.btn {
        display:none;
    }

    .sct-datademo a.savepresetlink.actionctrl.getdata.btn,
    .sct-datademo a.presettogglelink.actionctrl.getdata.btn{
        padding-left: 5px !important;
        left: 3px !important;
    }


    .modalupdatepassword .modal-body {
        margin-top: 30px;
    }

    .sct-sysprofile a.btn.bg-danger {
        float: right;
        opacity: 1;
    }

    .sct-sysprofile .sitebutts .col-sm-12 {
        width: 100%;
    }

    .sct-sysprofile label.input-label {
        font-size: large;
        margin-bottom: 1px;
        margin-top: 3px;
    }

    .sitelist .site .sitedevicecnt,.sitelist .site .sitedevicecnt strong.text-dark {
        font-size: 14px;
        font-weight: normal;
    }



    .sitelist .site {
        padding-left: 0 !important;
        padding-right: 1rem !important;
    }



    #res > .row.my-4 > div > h4 {
        text-align: center;
    }

    .companyprofile .card-body > div.row {
        margin-top: .5rem;
    }

    .site .media-body > div.row {
        margin-top: .8rem;
    }

    .sct-sysview .card-body {
        padding-right: 0 !important;
    }

    ul.sitelist.list-group > li.site.list-group-item {
        padding-bottom: 10px;
    }

    .sct-sysprofile .col-lg-7 {
        font-size: .9em;
    }

    .companyprofile .card-body {
        padding-right: 0 !important;
        padding-left: 1rem !important;
    }

    .sct-sysprofile .companyprofile a.btn.bg-danger {
        margin-right: 0;
        float: none;
    }

    body.staging div#navbarStandard:before {
        content: "S T A G I N G";
        top: 40px;
        left: unset;
        right: 1.5rem;
    }

}

/* END MOBILE STYLES */