:root {
    --theme-light: #b3c022;
    --theme-medium-light: #b3c022;
    --theme-medium-dark: #8b960e;
    --theme-dark: #8b960e;
    --adhoc-field: #8cc63f;
    --adhoc-field-text: #57912f;
    --adhoc-measure-light: #c9e696;
    --adhoc-measure-dark: #4A4A4A;
    --adhoc-measure-text: #11110F;
    --background-white: #ffffff;
    --background-grey-02: #fafafa;
    --background-grey-03: #ccc;
    --background-grey-04: #f4f4f4;
    --background-grey-08: #E5E5E5;
    --background-grey-10: #b2b2b2;
    --background-grey-16: #d6d6d6;
    --background-grey-20: #cccccc;
    --background-grey-29: #4a4a4a;
    --background-grey-40: #11110F;
    --border-white: #11110F;
    --border-grey-06: #f0f0f0;
    --border-grey-10: #e4e4e4;
    --border-grey-13: #dedede;
    --border-grey-16: #d6d6d6;
    --border-grey-20: #cccccc;
    --border-grey-29: #b5b5b5;
    --border-grey-40: #999999;
    --border-grey-60: #11110F;
    --oms-app-blue: #195b8a;
}

/* 
    --background-white: #ffffff;
    --background-grey-02: #fafafa;
    --background-grey-03: #f7f7f7;
    --background-grey-04: #f4f4f4;
    --background-grey-08: #ebebeb;
    --background-grey-10: #e4e4e4;
    --background-grey-16: #d6d6d6;
    --background-grey-20: #cccccc;
    --background-grey-29: #b5b5b5;
    --background-grey-40: #999999;
    --border-white: #11110F;
    --border-grey-06: #f0f0f0;
    --border-grey-10: #e4e4e4;
    --border-grey-13: #dedede;
    --border-grey-16: #d6d6d6;
    --border-grey-20: #cccccc;
    --border-grey-29: #b5b5b5;
    --border-grey-40: #999999;
    --border-grey-60: #11110F; */

#loginForm .devices {
    background-image: url(images/logo_welcome.png);
    background-position: center -18px;
}
/* 
#loginPage {
    background: rgba(0, 0, 0, 0) url(images/ontrack_bkg.png) no-repeat fixed center center / cover;
    background-image: url(images/ontrack_bkg.png);
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-color: rgba(0, 0, 0, 0);
    overflow-y: hidden;
}
#loginPage .login {
    border-radius: 3px;
    background-color: #E5E5E5 !important;
    position: relative;
    width: 350px;
    z-index: 0;
    margin: 150px auto 28px auto;
    padding: 6px;
    border: 1px solid #999;
} */


#loginPage #loginForm {
    /* padding-top: 150px; */
    margin-left: 33%;
}

/* #loginPage {
    background: rgba(0, 0, 0, 0) url(images/ontrack_reporting.png) no-repeat fixed 80% 100px / 300px; */
    /* background: rgba(0, 0, 0, 0) url(images/bg_signin.jpg) no-repeat fixed center center / cover; */
/* } */
body#loginPage {
    background: var(--background-white);
}

#loginPage #help {
    display: none;
}

#loginPage a#needHelp  {
    display: none;
}


#loginPage #copy,
#loginPage .info > .content {
    background-color: var(--theme-light);
}


element.style {
}


/* #loginForm .content {
    margin-top: 120px;
    padding-bottom: 12px;
} */

/* #loginPage #rotating {
    background-image: url("images/ontrack_reporting.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    background-size: 300px;
} */
#loginPage .info > .content {
    background-color: transparent; 
    /* background-color: var(--theme-dark);  */
    /* background: rgba(0, 0, 0, 0) url(images/ontrack_reporting.png) no-repeat fixed center 100px / 80%; */
    top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
} 
#loginPage #copy {
    background-color: var(--theme-dark); 
    /* background: var(--theme-dark) url(images/ontrack_reporting.png) no-repeat  center 100px / 80%; */
    border: none;
    margin: 0;
    position:absolute;
        top: 0;
        left: 0;
        bottom: 0;
    width: 33% !important;
}


#loginPage #rotating h2 {
    margin-top: 30%;
}


#loginPage #rotating, #loginPage #rotating > .primary  {
    display: contents;
    background-color: transparent;
    /* margin-top: 70%; */
    position: relative;
} 

#loginPage #rotating .list.decorated {
    font-size: 20px;
}

#loginPage #welcome .text {
    font-size: 250%;
    padding-top: 20px;
}

ul.decorated li:before {
    background-image: none;
}

#loginPage #rotating > .secondary {
    display: none;
} 

.action.primary, .action.primary.pressed, .action.primary.pressed.over {
    background-color: var(--oms-app-blue);
    background-image: none;
}

#metaLinks {
    color: var(--adhoc-field-text);
}

.pageHeader-title, .pageHeader-subtitle {
    background: var(--theme-medium-light);
}


#logo {
    background-image: url(images/logo_welcome.png);
    height: 45px;
    width: 200px;
    margin: 0px 0px 0px 8px;
}

.list.collapsible.selected > .wrap {

    color: var(--background-grey-40);
}

list.collapsible .selected > .wrap, .tabular {

    color: var(--background-grey-40);
}
.list.tabular.resources .resourceName {
    color: var(--adhoc-measure-text);

}

.list.tabular.resources .resourceName a, .list.tabular.resources .selected.open .sublist .resourceName > a {
    color: var(--oms-app-blue);
}

.list > li > .wrap.pressed, .list > li.selected > .wrap, .list > li.selected > .wrap.over {
    /* background-color: var(--background-grey-10); */
    background-color: var(--theme-dark);
    color: var(--background-grey-40)
}

.column.decorated.secondary > .content > .body, .column.decorated.tertiary > .content > .body {
    background-color:  var(--background-grey-08);
    /* background-color:  #DEE0CC; */
}

/* .pageHeader {
    background-color: #666;
} */

.menu.primaryNav .wrap {

    color: var(--theme-dark);
}

.banner {
    background-color: var(--background-white);
    border-bottom: 1px solid var(--theme-dark);
    padding-bottom: 5px;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.resourceName {
    color: var(--adhoc-measure-dark);
}

/* .palette11, .column.decorated.minimized .vtitle, .content .header > .title, .flow #stepDisplay .column.primary .header .title, .flow #stepDisplay .column.secondary .header .title, .fsection, .homeSidebar-title, .launcher, .list.filters > li.selected>.wrap, .list.filters > li.selected>.wrap.pressed, .list.filters > li.selected>.wrap .launcher, .list.settings .panel.pane.settings .header > .title, .list.stepIndicator .selected>.wrap, .list.type_basic .wrap a, #loginPage #metaLinks li, #loginPage #metaLinks a, #loginPage #metaLinks a:hover, #loginPage #metaLinks a:active, .panel.info.system .message, .plusminus .node > .wrap > .jrbookmark, #reportContainer a, .resourceBlock a:link, .resourceBlock a:visited, .resourceBlock a:hover, .resourceBlock a:active, .resourceBlock-title, .resourceName, #scheduler_editor #stepDisplay > fieldset > legend, .tabSet.horizontal.buttons .selected > .button > .wrap, .tabSet.horizontal.buttons .button.over, .tabSet.horizontal.buttons .button.pressed, .textAccent02, .tabSet.text .selected.tab > .wrap, .tabSet.text .selected.tab > .wrap.over, .tabSet.text .selected.tab > .wrap.pressed, .workflow-title, .workflow-description a:hover {
    color: white;
} */
.resourceName, .content .header > .title{
    color : var(--background-grey-40)
}
#resultsContainer .resources.selected p {
    color: var(--background-white);
}

[disabled], .button[disabled], .button.primary[disabled] {
    color: var(--adhoc-measure-dark);
}

.menu.primaryNav #main_home .wrap > .icon {
    filter: invert(45%) sepia(46%) saturate(198%) hue-rotate(35deg) brightness(93%) contrast(89%);
}


#globalSearch.control.searchLockup > .wrap > input[type=text] {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-top-color: var(--theme-light);
    border-right-color: var(--theme-dark);
    border-bottom-color: var(--theme-dark);
    border-left-color: var(--theme-light);
    box-sizing: border-box;
    height: 26px;
}


#reportViewer .body.oneColumn > .header, #reportViewer .body.twoColumn > .header {
    background-color: var(--theme-light);
}

.column.decorated > .content > .header, .column.decorated > .content > .header > .subheader {
    background-color: var(--theme-light);
    border-bottom: 1px solid var(--theme-dark);
}

.pageHeader-subtitle-path-text {
    color: var(--background-grey-40);
}

/* repos edit screen - make checkbox square bbigger*/
.list.inputControls .control.checkbox .inputSet.sizable, .list.inputControls .control.radio .inputSet.sizable {

    height: 200px;
}

/* report :-moz-full-screen */
#embed {display: none;}
#schedule {display: none;}