﻿:root {
    --header-color: rgba(0, 120, 120,1);
    --background-color: rgba(0, 128, 128,0.1);
    --toolbar-color: #C6DAD9;
    --border-color: rgba(0, 128, 128,0.5);
    --legend-text-color: teal;
    --menubar-color: #a2c3c1;
    --separator-color: #B4CFCD;
    --title-text-color: teal;
    --dark-background-color: #666;
    --icon-color: rgba(6, 129, 123,0.8);
    --icon-selected-color: rgba(6, 129, 123,0.9);
}

html, body {
    font-family: 'Roboto Regular', Arial, Helvetica, sans-serif;
}

body {
    background-color: white;
}

.reportExtractLine {
    padding-bottom: 5px;
}

.dxrpControl_MaterialCompact {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.reportNav {
    background-color: #FAFAFA;
}

#footer {
    background-color: var(--toolbar-color);
}

.toolbarMask {
    position: absolute;
    top: 100px;
    width: 100vw;
    height: 47px;
    background-color: var(--toolbar-color);
    z-index: -50;
}


input[type="text"], input[type="password"] {
    min-height: 25px;
}

.panelLeftWrapper {
    float: left;
    width: 480px;
    overflow: hidden;
}

.panelRightWrapper {
    float: right;
    width: 470px;
    overflow: hidden;
}

.panelFullWrapper {
    width: 100%;
    margin-top: 10px;
    float: left;
}


.panelFull {
    width: 940px;
}

.panelFull2 {
    width: 940px;
    height: 215px !important;
}

.panelLeft, .panelRight {
    width: 440px;
    overflow: hidden;
}


.menutoolbar {
    float: left;
    overflow: hidden;
}

/*.toolbar, .menubar {*/
.toolbar {
    background-color: var(--toolbar-color);
}

.menubar {
    background-color: var(--menubar-color);
}


#divAttributeContainer {
    background: var(--separator-color);
    /*border-top: 1px solid var(--border-color);*/
    padding: 0px 0px 0px 10px;
    overflow: hidden;
}

#detailBanner, #dashboardBanner, #reportBanner {
    height: 35px;
    font-size: 1.3em;
    font-weight: bold;
    color: var(--title-text-color);
    background: var(--toolbar-color);
    overflow: hidden;
    border-bottom: unset;
    /*border-bottom: 1px solid var(--border-color);*/
}

#detailBannerSmall {
    background: var(--toolbar-color);
    height: 32px;
}

#tabs {
    background-color: white;
}

.homepanel {
    float: left;
    width: 250px;
    padding: 5px;
    vertical-align: top;
}

.homeitempanel, .homedescriptionpanel {
    width: 190px;
}


.homeimagepanel {
    width: 60px;
}

.reportExtractCell {
    min-height: 110px;
    max-width: 480px;
}

.shireLoginForm {
    background-color: var(--dark-background-color);
}

.shireTableRow {
    height: 35px;
}

/*.dxgvSelectedRow_MaterialCompact,
.dxgvFocusedRow_MaterialCompact,
.dxtlFocusedNode_MaterialCompact {
    background-color: var(--title-text-color) !important;
}*/


.dxgvFocusedRow_MaterialCompact,
.dxtlFocusedNode_MaterialCompact {
    color: white !important;
}

    .dxgvFocusedRow_MaterialCompact a,
    .dxtlFocusedNode_MaterialCompact a {
        color: white !important;
    }




.homeicon {
    color: var(--icon-color);
}

.homeicon:hover {
    color: var(--icon-selected-color);
}

.dxrpControl_MaterialCompact td.dxrpHeader_MaterialCompact {
    background-color: var(--header-color);
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.dxmLite_MaterialCompact .dxm-main {
    background-color: unset !important;
}

.dxeErrorCell_MaterialCompact.dxeNoBorderLeft {
}

.dxeErrorCell_MaterialCompact img {
    margin-right: 0px;
}

.dxeErrorCellSys img {
    margin-right: 0px;
}


.dxnbLite_MaterialCompact .dxnb-item.dxnb-link, .dxnbLite_MaterialCompact .dxnb-item .dxnb-link, .dxnbLite_MaterialCompact .dxnb-bullet.dxnb-link {
    padding: 7px;
}
/*.detailheadertext {
    color: teal;
}*/
.shirePageControl {
    background-color: unset;
}

.dxbButton_MaterialCompact.dxbTSys {
    width: unset;
    text-transform: unset;
}

.menuRootItem {
    float: left;
}

.noLine {
    border-bottom: 0px !important;
}


.dxmLite_MaterialCompact .dxm-main.dxmtb .dxm-checked, .dxmLite_MaterialCompact .dxm-main.dxmtb .dxm-selected {
    background-color: var(--toolbar-color);
}

.dxeBase_MaterialCompact .dxichCellSys, .dxeBase_MaterialCompact.dxichCellSys {
    padding: unset;
}


.dxeTAR.dxeBase_MaterialCompact .dxichTextCellSys, .dxeTAL.dxeBase_MaterialCompact[dir='rtl'] .dxichTextCellSys {
    padding: unset;
    padding-left: 4px;
}

.dxeTextBox_MaterialCompact td.dxic, .dxeButtonEdit_MaterialCompact td.dxic, .dxeButtonEdit_MaterialCompact[cellspacing="0"] td.dxic, .shireText {
    padding: unset;
    padding-left: 3px;
}


#workorderheader {
    width: 930px;
    overflow: hidden;
}


.shireTitle {
    background-color: var(--toolbar-color);
}

.attributeEditControl {
    width: 600px;
    padding-bottom: 5px;
}

.dxtlControl_MaterialCompact .dxtlDataTable {
    border: unset;
}

.shireHeading {
    float: left;
    padding-bottom: 5px;
    color: teal;
}

.detailheadertext {
    display: inline-block;
    padding-left: 5px;
    padding-top: 0;
    margin-top: -5px;
    font-size: 1em;
    font-weight: normal;
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*    height: 24px;
*/ 
    color: var(--title-text-color);
}

.shireLabel {
    padding-top: 10px;
}

.shireTextColor {
    color: var(--title-text-color)!important;
}

.shireButtonColor {
    color: var(--title-text-color);
}

#shireFormHistory {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
}

    #shireFormHistory a,
    #shireFormHistory a:visited {
        /*font-size: 1.3em;*/
        /*margin-bottom: 10px;*/
        text-decoration: none;
        color: var(--title-text-color);
    }

    #shireFormHistory li {
        margin-left: -30px;
        /*padding-bottom: 5px;*/
    }

.shireNavTree {
    z-index: 30;
}

    .shireNavTree a,
    .shireNavTree a:visited {
        color: var(--title-text-color);
    }

.toolbarHeaderText {
    color: var(--title-text-color);
}

.dxtcLite_MaterialCompact > .dxtc-content {
    padding-top: unset;
    padding-bottom: unset;
}

fieldset {
    border: 1px solid var(--border-color);
    padding: 5px;
}

legend {
    color: var(--legend-text-color);
    font-weight: bold;
}

/*.dxEditors_edtRadioButtonChecked_MaterialCompact {
    width: 21px;
    height: 20px;
    background-position: -422px -126px;
}

.dxEditors_edtRadioButtonUnchecked_MaterialCompact {
    width: 21px;
    height: 20px;
    background-position: -422px -105px;
}*/

@media only screen and (max-height: 770px) {
    #shireHeader,
    #homeLogo {
        display: none;
    }
}

#shireHeader {
    background-color: white;
    width: 100%;
}

#detailContent {
    padding-top: 5px;
}


.dxeErrorCell_MaterialCompact,
.dxeErrorCell_MaterialCompact.dxeNoBorderLeft {
    padding-left: 0px !important;
}




/*.dxpcLite_MaterialCompact .dxpc-header, .dxdpLite_MaterialCompact .dxpc-header {
    background-color:var(--dark-background-color);
    color:white;
    margin:-1px;
}

.dxpc-header img {
    background-color: var(--dark-background-color);
}*/


.dxICBFocused_MaterialCompact:not(.dxToggle)::after,
.dxICBFocused_MaterialCompact .dxSwitcher::after {
    background: none !important;
}

.dxeIRadioButton_MaterialCompact::after {
    background: none !important;
}

.shireMediumLabel {
    width: 140px;
}

.shireMediumLabelShort {
    width: 110px;
}

.shireMediumField {
    float: left;
    width: 380px;
    padding: 2px 2px 2px 0;
}

a,
a:visited,
a:hover {
    color: var(--title-text-color);
}



.schedulerHeader {
    background-color: var(--toolbar-color);
}

.dxmLite_MaterialCompact .dxm-horizontal.dxmtb .dxm-image-b.dxm-noImages .dxm-item .dxm-content,
.dxmLite_MaterialCompact .dxm-horizontal.dxmtb .dxm-image-t .dxm-noImage .dxm-content,
.dxmLite_MaterialCompact .dxm-horizontal.dxmtb .dxm-image-b .dxm-noImage .dxm-content {
    padding: 4px 4px 5px;
}

.dxmLite_MaterialCompact .dxm-horizontal.dxmtb .dxm-image-l .dxm-noImage .dxm-content {
    padding: 8px 4px 5px;
}

textarea {
    resize: none;
    border: 1px solid rgb(174, 202, 240);
}

input[type="text"],
textarea,
.buttonText,
input[type="text"].dxeEditArea_MaterialCompact, input[type="password"].dxeEditArea_MaterialCompact {
    font-family: 'Roboto Regular', Verdana,Arial,helvetica;
    font-size: 14px;
}


    textarea:focus {
        outline: none;
    }


#wrapper h3 {
    color: var(--title-text-color);
    font-size: 1.6em;
}


#wizardBanner {
    font-size: 1.4em;
}

.headerText {
    color: var(--title-text-color);
}

#wrapper h3 {
    color: var(--title-text-color);
    font-size: 1.6em;
}

#wrapper b {
    color: var(--title-text-color);
}


.shireiconcolour {
    color: var(--title-text-color);
}

.dxFirefox .dxeTextBox_MaterialCompact td.dxic, .dxFirefox .dxeButtonEdit_MaterialCompact td.dxic, .dxFirefox .dxeButtonEdit_MaterialCompact[cellspacing="0"] td.dxic {
    padding: unset;
}



.grid-item .dxm-content > img {
    display: inline-block !important;
    min-width: 27px !important;
    width: 30px;
    height: 30px;
}


/*.shireGridButton {
    float:left;padding-top:5px;
}

.shireGridButton > img {
    padding-top:-5px!important;
}*/

.gridProgress {
    color: #A0A0A0 !important;
}

.dxeEditArea_MaterialCompact, body input.dxeEditArea_MaterialCompact {
    color: black;
}


.dxpLite_MaterialCompact .dxp-button.dxp-bi {
    padding: 4px 0 4px 0;
}

.dxTreeList_CollapsedButton_MaterialCompact {
    width: 15px;
}

.dxmLite_MaterialCompact .dxm-horizontal .dxm-image-l .dxm-popOut, .dxmLite_MaterialCompact .dxm-horizontal .dxm-image-r .dxm-popOut, .dxmLite_MaterialCompact .dxm-horizontal .dxm-image-t.dxm-noImages .dxm-popOut, .dxmLite_MaterialCompact .dxm-horizontal .dxm-image-t .dxm-noImage .dxm-popOut, .dxmLite_MaterialCompact .dxm-horizontal .dxm-image-b.dxm-noImages .dxm-popOut, .dxmLite_MaterialCompact .dxm-horizontal .dxm-image-b .dxm-noImage .dxm-popOut {
    padding-left:5px!important;
    padding-right:5px!important;
}

.lookupNavBar .dxeBase_MaterialCompact {
    color: unset;
}

.dxnbLite_MaterialCompact .dxnb-largeHover,
.dxnbLite_MaterialCompact .dxnb-itemHover,
.dxnbLite_MaterialCompact .dxnb-bulletHover {
    color: white !important;
}

.dxEditors_edtClear_MaterialCompact {
    display:none;
}

.chkReadOnlyAll {
    padding-left:3px;
}

.issueSubjectPanel {
    margin-left: -5px; padding: 0px;
}

.dxgvDetailButton_MaterialCompact {
    background-color:white!important;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.dxgvSearchPanel_MaterialCompact .dxeButtonEdit_MaterialCompact td.dxic {
    padding: 5px;
}

.dxgvSearchPanel_MaterialCompact {
    padding:5px;
}

.dxtcLite_MaterialCompact > .dxtc-stripContainer .dxtc-link, .dxtcLite_MaterialCompact > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_MaterialCompact > .dxtc-stripContainer .dxtc-rightIndent {
    text-decoration: none;
    white-space: nowrap;
}

.dxgvEditFormDisplayRow_MaterialCompact td.dxgv, .dxgvDetailCell_MaterialCompact td.dxgv, .dxgvDataRow_MaterialCompact td.dxgv, .dxgvDetailRow_MaterialCompact.dxgvADR td.dxgvAIC {
    padding: 7px 10px 7px;
}
