/***************************************************************************/
/* Generic HTML Classes                                                    */
/***************************************************************************/

html {
    height: 100%;
    margin: 0;
    padding: 0;
}


body {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    font-family: 'open_sansregular';
    font-size: 0;
    color: #424242;
    height: 100%;
    width: 100%;
    position: relative;
}

h1, h2, h3, h4, h5, h6, p, span, input, select {
    margin: 0;
    padding: 0;
}

.regularfont {
    font: 'open_sansemiregular';
    font-size: 14px;
}

.page-title {
    font: 20px 'open_sanscondensed-bold';
    color: #424242;
    padding: 5px 0 5px 5px;
    display: block;
    line-height: 21px;
    box-sizing: border-box;
    margin: 0;
    font-weight: bold;
}

    .page-title p {
        font: 23px 'open_sansregular';
        color: #0971CE;
        border-bottom: 1px solid #ececec;
        padding: 10px 0 10px 0;
        background: #fff;
        text-align: left;
        padding: 10px;
    }

h2 /* used as a Page Header */ {
    font: 23px 'open_sansregular';
    border-bottom: 1px solid #ececec;
    padding: 10px 0px 10px 10px;
    margin: 0 0 10px 0;
}

h3 {
    font: 20px 'open_sanscondensed-bold';
    color: #424242;
    border-bottom: 1px solid #ececec;
    padding-left: 10px;
    margin: 0 0 10px 0;
}

h4 {
    font: 16px 'open_sansregular';
    color: #424242;
    border-bottom: 1px solid #ececec;
    padding-left: 10px;
    margin: 0 0 10px 0;
}

p {
    color: #424242;
    font: 14px 'open_sansregular';
    padding: 5px 0;
    float: left;
}

hr {
    height: 1px;
    padding: 1px 0px 1px 0px;
}

textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

input[type="button"], input[type="submit"], .linkButton {
    background-color: white;
    color: #0971CE;
    text-transform: uppercase;
    font: 14px 'open_sanscondensed-light';
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #0971CE;    
    cursor: pointer;
    padding: 9px 15px;
    border-radius: 5px;
    height: 38px;
 }

    input[type="button"]:hover, input[type="submit"]:hover, .linkButton:hover {
        background-color: rgba(9,113,206,0.1);
    }

        input[type="button"]:hover.disabled, input[type="submit"]:hover.disabled, .linkButton:hover.disabled {
            background: #ddd;
            opacity: 1.0;
        }

        input[type="button"]:hover.aspNetDisabled, input[type="submit"]:hover.aspNetDisabled, .linkButton:hover.aspNetDisabled {
            background: #ddd;
            opacity: 1.0;
        }

input[value="Save"], input[value="Finish Editing"], input[value="Apply Filter"], .quickAddButton {
    background: linear-gradient(180deg, #089AD8, #0971CE);
    color: white;
    border: none;
    color: #FFFFFF;
    font: 14px 'open_sanscondensed-light';
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0px 20px;
    opacity: 0.8;
}

.ApplyFilterButtonOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    cursor: pointer;
}

    input[value="Save"]:hover, input[value="Finish Editing"]:hover, input[value="Apply Filter"]:hover {
        opacity: 1.0;
    }

        input[value="Save"]:hover.disabled, input[value="Finish Editing"]:hover.disabled, input[value="Apply Filter"]:hover.disabled {
            background-color: #ddd;
        }

        input[value="Save"]:hover.aspNetDisabled, input[value="Finish Editing"]:hover.aspNetDisabled, input[value="Apply Filter"]:hover.aspNetDisabled {
            background-color: #ddd;
        }

input.buttonSmall[type="button"], input.buttonSmall[type="submit"], .linkButtonSmall {
    text-transform: uppercase;
    font: 12px 'open_sanssemibold';
    text-align: center;
    background-color: white;
    border: solid 1px #0971CE;
    outline: none;
    cursor: pointer;
    padding: 3px 7px;
    margin: 3px 0px 3px 6px;
    width: 85%;
    color: #0971CE;
}

    input.buttonSmall[type="button"]:hover, input.buttonSmall[type="submit"]:hover, .linkButtonSmall:hover {
        background-color: rgba(9,113,206,0.1);
    }

        input.buttonSmall[type="button"]:hover.disabled, input.buttonSmall[type="submit"]:hover.disabled, .linkButtonSmall:hover.disabled {
            background-color: #ddd;
        }

        input.buttonSmall[type="button"]:hover.aspNetDisabled, input.buttonSmall[type="submit"]:hover.aspNetDisabled, .linkButtonSmall:hover.aspNetDisabled {
            background-color: #ddd;
        }

input.buttonSmall:disabled {
    background: #ddd;
}

input:disabled {
    background: #ddd;
    border: none;
    color: #FFFFFF;
    opacity: 0.8;
}

    input:disabled:hover:enabled {
        background: #ddd;
    }

.disabled {
    float: right;
}

    .disabled:hover:enabled {
        float: right;
    }

input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}

.checkBoxLabel {
    font: 14px 'open_sansregular';
    margin-left: 5px;
    margin-right: 5px;
    bottom: 7px;
    position: relative;
    cursor: pointer;
}

input[type=text], input[type=password] {
    font: 14px 'open_sansregular';
    color: #424242;
    width: calc(100% - 60px);
    border: 1px solid #979797;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 10px;
    position: relative;
    height: 38px;
    line-height: 24px; /* needed to get the text appear in the center the input field*/
}

/* CSS To change placeholder text color of textbox and textarea */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: lightgray;
}

/* CSS  To change placeholder text color of textbox and textarea Firefox browser version < 19 */
input:-moz-placeholder, textarea:-moz-placeholder {
    color: lightgray;
    opacity: 1;
}
/*  CSS To change placeholder text color of textbox and textarea Firefox browser > 19 */
input::-moz-placeholder, textarea::-moz-placeholder {
    color: lightgray;
    opacity: 1;
}
/*  CSS To change placeholder text color of textbox and textarea Internet Explorer 10 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: lightgray;
}

select {
    padding: 2px 5px;
    font: 14px 'open_sansregular';
    color: #424242;
    height: 38px;
    border-radius: 5px;
    border: 1px solid #69C3E8;
    background: url(../../../Images/jstree/IEDropDown.png) 100% 50% no-repeat;
    background-color: rgba(105,195,232,0.15);
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
}

select option{
    background-color:#FFFFFF;
}

    select option:checked {
        /* Hacky way to get this working */
        background: #F0F0F5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AQOFRIArdZxmQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADElEQVQI12O4evowAATcAmQpRMOdAAAAAElFTkSuQmCC");
    }

    select option:hover:enabled {
        background-color: #0971ce;
        color: white;
    }

    select:focus::-ms-value {
        background-color: #0971ce;
    }

    select:disabled {
        background-color: rgb(235, 235, 228);
        color: rgb(84,84,84);
        border: none;
    }

    select:focus-visible{
        outline: none;
    }

textarea {
    font: 14px 'open_sansregular';
    color: #424242;
    width: 95%;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

a {
    padding: 2px 1px 2px 1px;
    color: #424242;
    font: 14px 'open_sansregular';
    text-decoration: none;
}

    a[disabled="disabled"] {
        color: #424242;
        background: transparent;
    }

table {
    border-collapse: collapse;
    border: 0px none;
}

tr {
    border: 0px none;
}

td {
    vertical-align: middle;
    border: 0px none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    margin: 0px 0px 5px 0px;
    padding: 0;
    list-style-position: inside;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.center {
    text-align: center;
}

/*****************************************************************************/
/* Scroll Bar Styles for Chrome                                              */
/*****************************************************************************/
::-webkit-scrollbar {
    width: 6px; /*for vertical scroll bars */
    height: 6px; /*for horizontal scroll bars */
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #555557;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}



/*****************************************************************************/
/* Specific Styles used on various pages with no directly related sub styles */
/*****************************************************************************/
.hidden {
    display: none;
}

    .hidden#pFavoriteLabel {
        display: block;
        display: none;
    }

.validation {
    color: red;
    font-size: 12pt;
}

.transparent {
    background-color: Transparent;
}

input.transparent {
    background-color: Transparent;
    border-style: none;
    border-width: 0px;
}

.number {
    text-align: right !important;
    padding-right: 1px;
}

.activityNumber {
    text-align: right;
}

input.number {
    width: 70px;
}

input.date {
    width: 90px;
}

input.readOnly {
    border-style: none;
    background-color: Transparent;
    overflow: auto;
}

.editCell {
    background-color: #FFFFFF;
    padding: 0px 1px 0px 1px;
}

.editCellAlternateRow {
    background-color: #FFFFFF;
    padding: 0px 1px 0px 1px;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-width: 0;
    outline: none;
}

.scrollableY {
    overflow-y: auto;
    overflow-x: hidden;
}

.pageSectionInstructions {
    margin: 2px 0px 5px 2px;
}

.warning {
    color: #740000;
}

.fullHeight {
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.fullWidth {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.planningGrid input[type="text"].fullWidth {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.grid input[type="text"].fullWidth {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.fullHeightAndWidth {
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.planningGrid input[type="text"].fullHeightAndWidth {
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

td.planningGridTotalRow.number input[type=text]{
    color: #FFFFFF;
}

.pageTitleSection {
    position: relative;
    box-sizing: border-box;
    min-height: 90px;
    width: 100%;
    border: none;
    background: white;
    overflow: hidden;
    margin-top: 25px;
}

.pageBodySection {
    position: relative;
    box-sizing: border-box;
    height: calc(100% - 125px); /* TODO find a better of sizing the body so that it fits in a small height */
    width: 100%;
}

.masterPageGridViewHeader {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.contentContainer {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}

/***************************************************************************/
/* Grid - Standard Styles for Main, Alternating Rows, Footer, Header, Edit */
/***************************************************************************/
.grid {
    font: 11pt 'open_sansregular';
    line-height: normal;
    padding-top: 30px;
    color: #424242;
    line-height: 24px;
    height: 24px;
    background-color: white;
    margin: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

    .grid a {
        text-decoration: none;
        line-height: normal;
        font: 15px 'open_sanscondensed-bold';
    }

        .grid a:hover:enabled {
            color: #c8c8c8;
        }

        .grid a:active {
            color: #c8c8c8;
        }

        .grid a.selected {
            color: #c8c8c8;
        }

    .grid th {
        font: 15px 'open_sanscondensed-bold';
        font-weight: normal;
        line-height: normal;
        font-weight: bold;
        background: linear-gradient(180deg, #089AD8 0%, #0971CE 100%);
        opacity: 1;
        color: white;
        line-height: 34px;
        text-decoration: none;
        border: none;
        white-space: nowrap;
        padding: 1px 10px 1px 10px;
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: none !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .grid th:first-child {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .grid th:last-child {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

    .grid td {
        color: #424242;
        padding: 5px;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .grid td span {
            color: #424242;
        }

            .grid td span.validation {
                color: red;
            }

    .grid tr {
        border-bottom: 1px solid rgba(151,151,151,0.5);
    }

        .grid tr:first-child {
            border-bottom: none;
        }

.gridAlternateRow {
}

.tblHeader th {
    background-color: #F0F0F5;
}

.tblHeader tr {
    background-color: #fff;
}

    .tblHeader tr:nth-child(2n):hover:enabled, .tblHeader tr:hover:enabled {
        background-color: #F0F0F5;
    }

.gridHeader {
    color: #fff;
    text-decoration: none;
    text-align: left;
    padding: 1px 10px 1px 10px;
    /*locks column headers from scrolling*/
    position: relative;
    border-bottom: 1px solid rgba(151,151,151,0.5);
    z-index: 10;
}

    .gridHeader th.centered td.centered {
        text-align: center;
    }

    .gridHeader a {
        text-decoration: none;
    }

.gridFooter {
    font-family: 'open_sansregular';
    border: none;
    color: #424242;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
}

    .gridFooter td {
        overflow: visible !important;
    }

.gridFooterSmall, .gridFooterSmall td {
    line-height: 0px;
    border: none;
    padding: 0px;
}

    .gridFooterSmall, .gridFooterSmall tr {
        border-bottom: none !important;
    }

.gridFooterBorder {
    text-align: center;
    border-top: 1px solid #c8c8c8;
}

.gridSelectedRowStyle {
    background-color: #F0F0F5;
}

    .gridSelectedRowStyle td:last-child {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.gridPagerStyle {
    background-color: white;
    color: #c8c8c8;
    text-align: center;
}

    .gridPagerStyle a {
        color: #c8c8c8 !important;
        padding: 0 5px 0 7px;
        border-left: 1px solid #c8c8c8;
    }

    .gridPagerStyle table {
        text-align: left; /* to center the paging links*/
    }

.gridAction {
    border: none;
    text-align: center;
}

.gridSortImage {
    padding-left: 7px;
    top: 50%;
    margin-bottom: -3px;
}

.gridRowFooter {
    background-color: #F0F0F5;
}

.gridRowEdit {
    background-color: #F0F0F5;
}

.gridActionImage {
    padding-right: 5px;
    padding-top: 2px;
}

    .gridActionImage:disabled {
        background: transparent;
    }

.gridPageControl {
    list-style: none;
    margin: 0px;
    padding: 0 0 2px 0;
}

    .gridPageControl li {
        display: inline;
        padding: 0 5px;
        border-left: solid 1px #c8c8c8;
    }

        .gridPageControl li:first-child {
            border-left: none;
        }

.gridValidation {
    color: red;
    font-size: .8em;
}

.gridHover {
    border-radius: 5px;
    background-color: rgba(105,195,232,0.15);
}

.padded table tr th td {
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}

.reportViewer input[type=text] {
    font: 10px 'open_sansregular';
    height: 18px;
    color: #424242;
    border: 1px solid #d5d5d5;
    margin: 1px;
    padding: 2px 0 0 0;
}

/***************************************************************************/
/* Default Content Panels and Input Layouts                                */
/***************************************************************************/
.panelInput {
    /*background-color: #FAFAFA;*/
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
}

.border-top {
    border-top: 1px solid #DCDDDE;
    float: left;
}

.main-row {
    width: 100%;
    float: left;
    border-top: 1px solid #DCDDDE;
    margin-top: 36px;
}

    .main-row .rowActionButton {
        float: left;
        margin-top: 6px;
    }

.panelHierarchy {
    padding-bottom: 110px;
    border-top: 1px solid #DCDDDE;
    float: left;
    width: 100%;
    color: #424242;
    display: block;
    clear: both;
}

.main-row .input:disabled {
    margin-top: 6px;
}

.button-container {
    position: absolute;
    bottom: -138px;
    right: 0;
    margin-bottom: 110px;
}

    .button-container input[type="submit"] {
        margin-left: 10px;
    }

.position-relative {
    position: relative;
}

.edit-row {
    border-left: 1px solid #DCDDDE !important;
    margin-left: 15px;
    padding-left: 15px !important;
}

.input-row {
    width: 100%;
    color: #424242;
    display: block;
    clear: both;
    padding: 5px 0px;
}

    .input-row .label {
        font: 14px 'open_sanscondensed-bold'; 
        color: #424242;
        padding: 2px 2px 5px 0px;
    }

    .input-row .validation {
        color: red;
    }

    .input-row.req label {
        font: 14px 'open_sansregular';
        color: #c32e2d;
        padding: 0 0 10px 0;
        width: 90%;
    }

    .input-row.req input {
        font: 14px 'open_sansregular';
        color: #424242;
        width: 95.8%;
        border: 1px solid #c32e2d;
        height: 42px;
        background: #fbfbfb;
        margin-bottom: 20px;
        padding: 0 2%;
        position: relative;
    }

.input-row-validation {
    color: red;
    font: 14px 'open_sansregular';
    white-space: normal;
}

.rowActionButton {
    width: auto;
    float: right;
    display: inline;
    text-align: right;
    margin: 10px 2px 10px 5px;
}

.pnlQueryPanel .rowActionButton {
    margin: 0px 2px 10px 5px;
}

.rowActionButtonSection {
    display: flex;
    align-items: center;
    justify-content: end;
    border-top: 1px solid #c5c5c5;
}

.rowInput {
    width: calc(100% - 4px);
    box-sizing: border-box;
    margin: 2px 2px 2px 2px;
    clear: both;
    display: block;
    background-color: transparent;
}

.columnHeader {
    text-decoration: underline;
    display: inline;
    text-align: center;
    padding: 3px 3px 3px 3px;
}

.columnInput {
    float: left;
    display: inline;
    text-align: left;
    border-style: none;
    vertical-align: top;
    padding: 0 1px 0 1px;
}

/***************************************************************************/
/* DIVS - Custom div settings for specific div display types               */
/***************************************************************************/
div.MainContent {
}

div.filter {
    width: 100%;
    padding: 5px;
    background-color: #FDFDFD;
    border-style: Solid;
    border-color: Silver;
    border-width: 1px;
}

div.unsavedChangesShow {
    display: inline;
    text-align: right;
    border: none 0px transparent;
    color: rgb(0, 152, 68);
    line-height: 30px;
    float: right;
    margin-top: 12px;
    margin-right: 3px
}

div.filtersOutOfSyncWithData {
    color: rgb(0, 152, 68);
    display: inline;
    text-align: center;
    float: right;
    border: none 0px transparent;
    font: 12px 'open_sansregular';
    font-weight: normal;
}

/****************************************************************************/
/* MODAL Popup Default Settings                                             */
/****************************************************************************/
div.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 200;
}

.modalPopup {
    position: fixed;
    background-color: #fff;
    border: 1px solid;
    border-radius: 5px;
    filter: alpha(opacity=100);
    top: 50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    width: 700px;
    z-index: 450;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
}

.modalPlanningCalculationPopup {
    position: absolute;
    background-color: #fff;
    border-width: 6pt;
    border-style: solid;
    border-color: #2B4A76;
    opacity: 1.0;
    filter: alpha(opacity=100);
    top: 1%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    width: 80%;
    z-index: 450;
}

.popupButtons {
    text-transform: uppercase;
    font: 12px 'open_sanssemibold' !important;
    text-align: center;
    background: #c8c8c8;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 3px 7px;
    margin: 3px 5px 3px 6px;
}

/*=================================================================================
	Planning Operational Date
===================================================================================*/

.buttonInActiveWithData {
    text-transform: uppercase !important;
    font: 12px 'open_sanssemibold' !important;
    text-align: center !important;
    background: #fff !important;
    border: solid 3px #c8c8c8 !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0px 7px !important;
    border-radius: 5px !important;
    color: #c8c8c8 !important;
}

.buttonInActiveNoData {
    text-transform: uppercase !important;
    font: 12px 'open_sanssemibold' !important;
    text-align: center !important;
    background: #fff !important;
    border: solid 1px #c8c8c8 !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    color: #c8c8c8 !important;
}

/*******************************************************************************************/
/* Ajax controls styles                                                                    */
/*******************************************************************************************/

.watermark {
    background-color: #FDFDFD;
    border: solid 1px #808080;
    padding: 2px;
    color: Gray;
    font-style: italic;
}

/*****************************************************************************/
/* Tab Bar Styles - appears above the action grid and workflow               */
/*****************************************************************************/
.tab {
    width: 75px;
    background-color: #F3F2F2;
    text-align: center;
    height: 18px;
}

    .tab a {
        background-color: Transparent;
        color: black;
        border-style: none;
        text-decoration: none;
    }

.selectedTab a {
    background-color: Transparent;
    color: black;
    border-style: none;
    text-decoration: underline;
}


/*===========================================================================
 Auto Complete Extender Styles
=============================================================================*/

.autoExtenderItem {
    background-color: white;
    padding: 1px;
    font-family: 'open_sansregular';
    font-size: 10pt;
}

.autoExtenderItemHighlight {
    background-color: #c8c8c8;
    color: #fff;
    padding: 1px;
    font-family: 'open_sansregular';
    font-size: 10pt;
}

.btnAdd {
    background: url(../../../Images/Actions/ArrowLeft.png) left top no-repeat;
    width: 28px;
    height: 30px;
}

/*===========================================================================================================
Content 
=============================================================================================================*/
.content-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    font-size: 0;
    background-image: url("../../../Images/CatalystMountainbkg.png");
    background-size: cover;
    height: calc(100% - 130px);
}

@media screen and (max-width: 1366px) {
    .content-wrapper {
        background-size: contain;
    }
}

.content-wrapper-right {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
}

.content-title {
    padding: 16px;
    padding-left: 30px;
    background-color: #fff;
    left: 200px;
    display: inline-block;
}

    .content-title p {
        background-color: #fff;
        left: 200px;
        margin-top: 15px;
        padding: 0px;
        font: 16px 'open_sansregular';
    }

    .content-title h2 {
        width: 81%;
        float: left;
        font: 25px 'open_sansregular';
        color: #0971CE;
        border-bottom: 1px solid #fff;
    }

    .content-title span {
        color: #424242;
        float: none;
    }

.content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #424242;
    position: relative;
}

    .content h2 {
        width: 100%;
        float: left;
        font: 25px 'open_sansregular';
        border-bottom: 1px solid #ececec;
    }

    .content span {
        float: none;
    }

.content-Box {
    width: 100%;
    float: left;
    font-size: 16px;
    background-color: white;
    border-radius: 5px;
    box-sizing: border-box;
}

content-BoxColored {
    background-color: #f0f0f0;
}

.content-header-section {
    margin-bottom: 10px;
    margin-top: 20px;
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
}

.content-category-row {
    border-spacing: 0px;
    width: 100%;
    margin-bottom: 25px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.35);
}

/*******************************************************************/
/* PLANNING PAGE - Styles                                          */
/*******************************************************************/
.planning-header-row {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    height: 58px;
}

    .planning-header-row h1 {
        color: #4E5859;
        font-family: 'open_sansregular';
        font-size: 20px;
        font-weight: 300;
        line-height: 24px;
        height: 100%;
    }

        .planning-header-row h1 img {
            vertical-align: middle;
            padding: 9px 21px 9px 21px;
            height: 100%;
            box-sizing: border-box;
        }

        .planning-header-row h1 span {
            vertical-align: middle;
            padding-left: 5px;
            display: none;
        }

div.planning {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 5px;
}

.planningTransactionAttributeRequirementsMessage {
    font-size: initial;
    padding: 0px 25px 5px 25px;
}

.planningExportImage, .planningExportImage:disabled {
    margin-bottom: -5px;
    background-color: transparent;
}

.planningExportButton {
    font: 14px 'open_sansregular';
    padding-left: 10px;
    padding-right: 10px;
}

.planningGrid {
    font: 12px 'open_sansregular';
    padding-top: 30px;
    margin: 2px;
    margin-right: 0px;
    margin-left: 0px;
    color: #424242;
    height: 18px;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
}

    .planningGrid a {
        font: 13px 'open_sansregular';
        color: #0971CE;
        text-decoration: none;
        vertical-align: middle;
        padding-left: 5px;
    }

    .planningGrid select {
        margin: 3px;
        padding: 3px;
        border-radius: 5px;
        font: 14px 'open_sansregular';
        color: #424242;
        width: 80%;
        height: 38px;
        border: 1px solid #69C3E8;
        background-color: rgba(105,195,232,0.15);
        padding-right: 25px;
    }

        .planningGrid select:disabled {
            background-color: rgb(235, 235, 228);
            color: rgb(84,84,84);
            border: none;
        }

    .planningGrid th {
        font: 15px 'open_sanscondensed-bold';
        font-weight: bold;
        opacity: 1;
        background: linear-gradient(180deg, #089AD8 0%, #0971CE 100%);
        color: white;
        line-height: 32px;
        text-decoration: none;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        white-space: nowrap;
        padding: 1px 5px 1px 5px;
        z-index: 10;
    }

        .planningGrid th:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .planningGrid th:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .planningGrid th a {
            font: 15px 'open_sanscondensed-bold';
            font-weight: bold;
            text-decoration: none;
            color: white;
            line-height: 20px;
            vertical-align: initial;
        }

        .planningGrid tr > td > a{
            padding-left: 10px;
        }

        td.planningGridTotalRow:first-child {
            padding-left: 10px !important;
        }

    a.planningGridFullWidth {
        overflow: hidden;
        display: block;
        width: 100%;
        text-overflow: ellipsis;
    }

input.planningGridFullWidth {
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
}

span.planningGridFullWidth {
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    height: 18px;
    display: flex;
    align-items: center;
    font-size: 12px;
    white-space: nowrap;
}

.planningGridAction {
    text-align: center;
}

.planningGridLabel {
    line-height: 25px;
    display: table-cell;
    vertical-align: middle;
}

.planningGridAlternateRow {
}

.planningGridHeader {
    font-size: 12pt;
    font-family: 'open_sansregular';
    background-color: #F0F0F5;
    color: #424242;
    line-height: 24px;
    text-decoration: none;
    padding: 1px 10px 1px 10px;
    z-index: 10;
    border-bottom: 1px solid rgba(84,84,84,0.5);
    border-right: 1px solid rgba(84,84,84,0.5);
}

.planningGridHeaderCentered {
    text-align: center;
}

.planningGridHeader a {
    color: #424242;
    font-size: 12pt;
    font-family: 'open_sansregular';
    text-decoration: none;
}

.planningGridTotalRow {
    background:rgba(153,153,153,1);
    color:#FFFFFF;
    border-bottom: none;
}

td.planningGridTotalRow {
    padding-left: 5px;
}

.planningGridPageControl {
    list-style: none;
    line-height: 20px;
    margin: 0;
    padding: 0 0 20px 0;
}

    .planningGridPageControl li {
        display: inline;
        height: 10px;
        line-height: 10px;
        padding: 2px 5px;
        border-left: solid 1px #c8c8c8;
    }

        .planningGridPageControl li:first-child {
            border-left: none;
        }

.planningGridPageControlCurrentPage, .planningGridPageControlCurrentPage a, planningGridPageControlCurrentPage:disabled {
    display: inline-block;
    height: 10px;
    line-height: 10px;
    border-left: solid 1px #c8c8c8;
    color: white;
    background-color: #c8c8c8;
    padding: 0px;
}

.planningGrid td {
    padding: 2px;
}

.planningGrid tr {
    border-radius:5px;
    border-bottom: 1px solid rgba(151,151,151,0.5);
}

    .planningGrid tr:hover td {
        border-bottom: 1px solid #69C3E8;
        border-top: 1px solid #69C3E8;
        background: rgba(105,195,232,0.15) !important;
    }

        .planningGrid tr:hover td:first-child {
            border: 1px solid #69C3E8;
            border-right: none;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            background: rgba(105,195,232,0.15) !important;
        }

        .planningGrid tr:hover td:last-child {
            border: 1px solid #69C3E8;
            border-left: none;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            background: rgba(105,195,232,0.15) !important;
        }


.planningGrid input[type=text] {
    color: #424242;
    background: #fff;
    font: 13px 'open_sansregular';
    width: 80%;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 0px;
    position: relative;
    height: 18px;
    line-height: 18px;
    padding-right: 6px;
}

.planningGrid input.transparent {
    color: #424242;
    background-color: Transparent;
    border-style: none;
    border-width: 0px;
}

.planningGrid input.transparent tr:last-child {
    color: #FFFFFF;
    background-color: Transparent;
    border-style: none;
    border-width: 0px;
}

.planningGridAddRow {
    border: none;
    font-size: 12px;
    font-family: 'open_sansregular';
    background-color: #F0F0F5;
    color: #424242;
    line-height: 24px;
    text-decoration: none;
    padding: 1px 10px 1px 10px;
    min-height: 62px;
    border-bottom: none;
}

    .planningGridAddRow td {
        border: none;
        padding-bottom: 4px;
        overflow: visible !important;
        vertical-align: top;
    }

.planningGridUnableGross {
    float: left;
    color: #c8c8c8;
    font-size: 14px;
}

/*===========================================================================================================
Consolidated Instance
=============================================================================================================*/

a.consolidationInstanceStatusActionNeeded {
    color: #740000;
}

a.consolidationInstanceStatusNoActionRequired {
    color: #35617e;
}

.consolidationInstanceGridText {
    color: #424242;
}

.consolidationInstanceHeaderBorder {
    border-bottom: 1px solid rgba(151,151,151,0.5);
    padding-bottom: 8px;
}

.consolidationInstanceReportConfigurations {
    height: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

/*===========================================================================================================
Content Category
=============================================================================================================*/

.contentCategory span {
    color: #0971CE;
}

.contentCategory-icon span {
    color: #FFFFFF;
}

.contentCategory-groupTitle {
    height: 24px;
    color: #424242;
    font-family: "open_sanscondensed-bold";
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.21px;
    line-height: 24px;
    display: block;
    box-sizing: border-box;
}

.contentCategory-contentItem {
    white-space: nowrap;
}

/*===========================================================================================================
	Standard Content Area Styles
=============================================================================================================*/

.favorite {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
}

    .favorite h2 {
        width: 100%;
        font: 25px 'open_sansregular';
        color: #0971CE;
        border-bottom: 1px solid #fff;
    }

    .favorite span {
        color: #424242;
    }

.favorite-row {
    background: #FFF;
    margin-bottom: 15px;
    font: 23px 'open_sansregular';
    color: #424242;
    line-height: 30px;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

.favorite-row-imgLeft {
    float: left;
    padding: 0px 20px 0px 0px;
    margin-top: 3px;
}

.favorite-row a {
    margin-bottom: 15px;
    font: 23px 'open_sansregular';
    color: #424242;
    line-height: 30px;
    font-size: 20px;
}

.favorite-text {
    color: #500000;
    font-weight: bold;
}

.headerImageButton {
    padding: 9px 21px 9px 21px;
    vertical-align: middle;
}

/*=================================================================================
	Training Drop Down Menu Styles
===================================================================================*/

.training span {
    font: 11pt 'open_sansregular';
    color: #c8c8c8;
    line-height: 16px;
    z-index: 110;
    display: block;
    padding: 30px 0 0 0;
    height: 28px;
    width: 220px;
    margin: -11px 0 0 10px;
    text-decoration: none;
    cursor: pointer;
}

    .training span:hover:enabled {
        color: #c8c8c8;
    }

/*======================================================================================
	Migrated from the old Wizard.css mostly related to buttons
========================================================================================*/

.regular-radio, .regular-radio-disabled {
    display: none;
}

    .regular-radio + label {
        -webkit-appearance: none;
        display: inline-block;
        position: relative;
        width: 26px;
        height: 26px;
        background: url(../../../Images/Actions/RadioDown.png) left top no-repeat;
    }

    .regular-radio:checked + label:after {
        content: ' ';
        width: 26px;
        height: 26px;
        background: url(../../../Images/Actions/RadioUp.png) left top no-repeat;
        position: absolute;
    }

    .regular-radio-disabled + label {
        -webkit-appearance: none;
        display: inline-block;
        position: relative;
        width: 26px;
        height: 26px;
        background: url(../../../Images/Actions/RadioDown.png) left top no-repeat;
    }

    .regular-radio-disabled:checked + label:after {
        content: ' ';
        width: 26px;
        height: 26px;
        background: url(../../../Images/Actions/RadioUpDisabled.png) left top no-repeat;
        position: absolute;
    }

    .regular-radio:checked + label {
        color: #99a1a7;
    }

.big-radio:checked + label:after {
    width: 26px;
    height: 26px;
    left: 0px;
    top: 0px;
}

.button-holder label {
    width: 26px !important;
    float: left;
    cursor: pointer;
    margin: 0 5px 0 0;
}

.button-holder span {
    float: left;
    padding: 5px 25px 0 5px;
}

/*======================================================================================
	Loading
========================================================================================*/
.loadingMain {
    background-color: LightGray;
    filter: alpha(opacity=25);
    opacity: 0.25;
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    height: 100%;
    z-index: 102;
}

.loadingInner {
    right: 0;
    float: right;
    position: fixed;
    top: 0;
    visibility: visible;
    vertical-align: middle;
    text-align: center;
}

.loadingSpinner {
    float: right;
    padding: 10px 10px 10px 10px;
}


/*======================================================================================
    EasyQuery
========================================================================================*/

.eqdax-entitiesBorder {
    background: #0971CE !important;
}

.eqdax-entitiesPanel {
    border-color: #0971CE !important;
}

.eqdax-entitiesTitle {
    border-color: #0971CE !important;
}

.eqdax-topBorder-block {
    background: #0971CE !important;
}

.eqdax-resultColumn-addRow {
    border-color: #0971CE !important;
}

.eqdax-updatePanel-bottomBorder {
    border-color: #0971CE !important;
}

.eqdax-queryCondition-addRow {
    border-color: #0971CE !important;
}

.eqdax-topBorderUpdatePanel {
    background: #0971CE !important;
}

.eqdax-resultColumn-addRow span a {
    color: #2c5168 !important;
}

.eqdax-columnSorting-addRow span a {
    color: #2c5168 !important;
}

.eqdax-queryCondition-addRow span a {
    color: #2c5168 !important;
}

.eq-querypanel-rootrow-element a {
    color: #2c5168 !important;
}

.eq-columnspanel-element-expr a {
    color: #2c5168 !important;
}

.eq-columnspanel-element-title a {
    color: #2c5168 !important;
}

.eq-columnspanel-element-sorting a {
    color: #2c5168 !important;
}

.eq-sortingpanel-element-expr a {
    color: #2c5168 !important;
}

.eq-sortingpanel-element-sorting a {
    color: #2c5168 !important;
}

.eq-querypanel-element-attr a {
    color: #2c5168 !important;
}

.eq-querypanel-element-operator a {
    color: #2c5168 !important;
}

.eq-querypanel-element-expr a {
    color: #2c5168 !important;
}

.eq-columnspanel-aggrrow a {
    color: #2c5168 !important;
}

/*======================================================================================
    Specific Color Overrides for Catalyst/Diligent 
========================================================================================*/

.defaultDarkColorText {
    color: #35617e;
}

.planningGrid input[type="text"].defaultDarkColorText {
    color: #35617e;
}

#favoriteLinkBar li {
    border-left-color: #c8c8c8;
}

.defaultTreeViewSelected {
    background-color: #F0F0F5;
}

.defaultTreeView a {
    padding-left: 5px;
}

.defaultTreeView table {
    margin: 3px;
}

/*======================================================================================
    Fonts
========================================================================================*/
@font-face {
    font-family: 'open_sansbold';
    src: url('../../fonts/opensans-bold-webfont.eot');
    src: url('../../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/opensans-bold-webfont.woff') format('woff'), url('../../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../../fonts/opensans-regular-webfont.eot');
    src: url('../../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/opensans-regular-webfont.woff') format('woff'), url('../../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../../fonts/opensans-semibold-webfont.eot');
    src: url('../../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/opensans-semibold-webfont.woff') format('woff'), url('../../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanscondensed-light';
    src: url('../../fonts/OpenSansCondensed-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanscondensed-bold';
    src: url('../../fonts/OpenSansCondensed-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

/*======================================================================================
    Hierarchy Export/Upload Tab 
========================================================================================*/
.WarningOutOfDate {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    color: #26455a;
}

/*======================================================================================
    Document Management
========================================================================================*/
.e-filemanager .e-fe-access-error {
    background-image: url("../../../Images/DocumentManagement/accesserror.svg");
}

.e-filemanager .e-fe-docx,
.e-filemanager .e-fe-doc {
    background-image: url("../../../Images/DocumentManagement/doc.svg");
}

.e-filemanager .e-fe-pptx,
.e-filemanager .e-fe-ppt {
    background-image: url("../../../Images/DocumentManagement/ppt.svg");
}

.e-filemanager .e-fe-xlsx,
.e-filemanager .e-fe-xls {
    background-image: url("../../../Images/DocumentManagement/excel.svg");
}

.e-filemanager .e-fe-pdf {
    background-image: url("../../../Images/DocumentManagement/pdf.svg");
}

.e-filemanager .e-fe-image {
    background-image: url("../../../Images/DocumentManagement/image.svg");
}

.e-filemanager .e-fe-rar {
    background-image: url("../../../Images/DocumentManagement/rar.svg");
}

.e-filemanager .e-fe-zip {
    background-image: url("../../../Images/DocumentManagement/zip.svg");
}

.e-filemanager .e-fe-txt {
    background-image: url("../../../Images/DocumentManagement/text.svg");
}

.e-filemanager .e-fe-music {
    background-image: url("../../../Images/DocumentManagement/music.svg");
}

.e-filemanager .e-fe-video {
    background-image: url("../../../Images/DocumentManagement/video.svg");
}

.e-filemanager .e-fe-js {
    background-image: url("../../../Images/DocumentManagement/js.svg");
}

.e-filemanager .e-fe-css {
    background-image: url("../../../Images/DocumentManagement/css.svg");
}

.e-filemanager .e-fe-html {
    background-image: url("../../../Images/DocumentManagement/html.svg");
}

.e-filemanager .e-fe-php {
    background-image: url("../../../Images/DocumentManagement/php.svg");
}

.e-filemanager .e-fe-exe {
    background-image: url("../../../Images/DocumentManagement/exe.svg");
}

.e-filemanager .e-fe-msi {
    background-image: url("../../../Images/DocumentManagement/msi.svg");
}

.e-filemanager .e-fe-unknown {
    background-image: url("../../../Images/DocumentManagement/unknown.svg");
}

.e-filemanager .e-fe-rtf {
    background-image: url("../../../Images/DocumentManagement/rtf.svg");
}

.e-filemanager .e-fe-xml {
    background-image: url("../../../Images/DocumentManagement/xml.svg");
}

.e-filemanager .e-fe-folder {
    background-image: url("../../../Images/DocumentManagement/folder.svg");
}

.e-filemanager .e-fe-locked > .e-text-content .e-fe-folder,
.e-filemanager .e-fe-locked > .e-fe-grid-icon .e-fe-folder {
    background-image: url("../../../Images/DocumentManagement/folderlocked.svg");
}

.e-toolbar .e-icons {
    color: #0971CEff;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    color: #0971CEff;
}

.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-contextmenu-container ul .e-menu-item .e-menu-icon {
    color: #0971CEff;
}

.e-dlg-header, .e-dlg-header * {
    color: #0971CEff;
    font-size: 18px;
    font-weight: normal;
}

.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    background-color: transparent;
    border-color: #0971CEff;
    color: #0971CEff;
}

.e-dlg-content {
    color: #0971CEff;
}

.e-checkbox-wrapper:hover .e-label, .e-css.e-checkbox-wrapper:hover .e-label {
    color: #0971CEff;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
    color: #0971CEff;
}


.e-treeview .e-list-text {
    color: #0971CEff;
    font-size: 13px;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: #0971CEff;
}

.e-splitter.e-splitter-horizontal .e-pane,
.e-splitter.e-splitter-vertical .e-pane {
    color: #0971CEff;
}

.e-filemanager .e-address .e-list-text {
    color: #0971CEff;
}

.e-filemanager .e-address .e-icons {
    color: #0971CEff;
}

.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
    color: #0971CEff;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected,
.e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: #eee;
    color: #0971CEff;
    outline: 0 solid #eee;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item .e-caret,
.e-contextmenu-container ul .e-menu-item .e-caret {
    color: #0971CEff;
}

.e-contextmenu-wrapper ul .e-menu-item,
.e-contextmenu-container ul .e-menu-item {
    cursor: pointer;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    color: #0971CEff;
}

.e-treeview .e-list-text {
    color: #0971CEff;
    font-size: 13px;
}

.e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: #0971CEff;
}

.e-splitter.e-splitter-horizontal .e-pane,
.e-splitter.e-splitter-vertical .e-pane {
    color: #0971CEff;
}

.e-filemanager .e-address .e-list-text {
    color: #0971CEff;
}

.e-filemanager .e-address .e-icons {
    color: #0971CEff;
}

.e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
    color: #0971CEff;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected,
.e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: #eee;
    color: #0971CEff;
    outline: 0 solid #eee;
    outline-offset: 0;
}

.e-contextmenu-wrapper ul .e-menu-item .e-caret,
.e-contextmenu-container ul .e-menu-item .e-caret {
    color: #0971CEff;
}

.e-contextmenu-wrapper ul .e-menu-item,
.e-contextmenu-container ul .e-menu-item {
    cursor: pointer;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    color: #0971CEff;
}

.e-dropdown-popup ul .e-item {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    color: #0971CEff;
}

    .e-dropdown-popup ul .e-item:hover {
        background-color: #e0e0e0;
        color: #0971CEff;
    }

.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
.e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick,
.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
.e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick {
    color: #0971CEff;
}

.e-dropdown-popup ul .e-item .e-menu-icon {
    color: #0971CEff;
}

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    font-size: 12px;
    width: auto;
    color: #0971CEff;
}

.e-btn.e-flat.e-primary:hover,
.e-css.e-btn.e-flat.e-primary:hover {
    background-color: rgba(227, 22, 91, 0.04);
    border-color: transparent;
    color: #0971CEff;
}

.e-fe-popup.e-dialog td {
    color: #0971CEff;
}

.e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
    background-color: #0971CEff;
    color: #fff;
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: #0971CEff;
    border-color: transparent;
    color: #fff;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: #0971CEff;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
}


.e-checkbox-wrapper:hover .e-frame.e-check,
.e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: #0971CEff;
    border-color: transparent;
    color: #fff;
}

.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    background-color: #fff;
    border-color: #0971CEff;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
    background-color: #fff;
    border-color: #0971CEff;
    box-shadow: none;
}

.e-btn.e-primary,
.e-css.e-btn.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: #fff;
}

.e-btn.e-flat.e-primary,
.e-css.e-btn.e-flat.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: white;
}

    .e-btn.e-flat.e-primary:hover,
    .e-css.e-btn.e-flat.e-primary:hover {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }


    .e-btn.e-flat.e-primary:focus,
    .e-css.e-btn.e-flat.e-primary:focus {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }

    .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active,
    .e-css.e-btn.e-flat.e-primary:active,
    .e-css.e-btn.e-flat.e-primary.e-active {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }

.e-btn.e-outline.e-primary,
.e-css.e-btn.e-outline.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: white;
}

.e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
    background: rgba(250, 250, 250, 0.5);
    border-color: #0971CEff;
}

.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
    border-color: #0971CEff;
}


.e-filemanager .e-large-icons .e-large-icon.e-focus {
    border-color: #0971CEff;
}


.e-btn.e-primary,
.e-css.e-btn.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: #fff;
}

.e-btn.e-flat.e-primary,
.e-css.e-btn.e-flat.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: white;
}

    .e-btn.e-flat.e-primary:hover,
    .e-css.e-btn.e-flat.e-primary:hover {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }


    .e-btn.e-flat.e-primary:focus,
    .e-css.e-btn.e-flat.e-primary:focus {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }

    .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active,
    .e-css.e-btn.e-flat.e-primary:active,
    .e-css.e-btn.e-flat.e-primary.e-active {
        background-color: #0971CEff;
        border-color: transparent;
        color: white;
    }

.e-btn.e-outline.e-primary,
.e-css.e-btn.e-outline.e-primary {
    background-color: #0971CEff;
    border-color: transparent;
    color: white;
}

.e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
    background: rgba(250, 250, 250, 0.5);
    border-color: #0971CEff;
}

.e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
    border-color: #0971CEff;
}


.e-filemanager .e-large-icons .e-large-icon.e-focus {
    border-color: #0971CEff;
}

input.e-input::selection,
textarea.e-input::selection,
.e-input-group input.e-input::selection,
.e-input-group.e-control-wrapper input.e-input::selection,
.e-float-input input::selection,
.e-float-input.e-control-wrapper input::selection,
.e-input-group textarea.e-input::selection,
.e-input-group.e-control-wrapper textarea.e-input::selection,
.e-float-input textarea::selection,
.e-float-input.e-control-wrapper textarea::selection {
    background: #0971CEff;
    color: #fff;
}

.e-float-input.e-small textarea::selection,
.e-float-input textarea::selection {
    background: #0971CEff;
    color: #fff;
}

.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
    background: #0971CEff;
}

.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
    color: #0971CEff !important;
}

.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
    color: #0971CEff !important;
}

.e-upload {
    border: #0971CEff;
}

    .e-upload .e-file-drop {
        color: #0971CEff;
    }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
        color: #0971CEff;
    }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
        color: #0971CEff;
    }


    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
        color: #0971CEff;
    }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
        color: #0971CEff;
    }

        .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
            color: #0971CEff;
        }

        .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
            color: #0971CEff;
        }

        .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
            color: #0971CEff;
        }

    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
        background-color: #0971CEff;
    }

        .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
            background: #0971CEff;
        }

.e-spinner-pane .e-spinner-inner .e-spin-material {
    stroke: #0971CEff;
}

.actionButtonContainer {
    right: 2%;
    color: #424242;
    background: #FFFFFF;
    text-transform: none;
    position: absolute;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 35%);
    border: 1px solid rgba(151,151,151,0.2);
    cursor: pointer;
}

.gridActionButton {
    display: block;
    color: #424242;
    background: #FFFFFF;
    font: 14px 'open_sansregular';
    text-transform: none;
    height: auto;
    width: 100%;
    min-width: 185px;
    text-align: left;
    cursor: pointer;
    padding: 9px 15px;
    box-sizing: border-box;
}

input.gridActionButton {
    display: block;
    color: #424242;
    background: #FFFFFF;
    font: 14px 'open_sansregular';
    text-transform: none;
    height: auto;
    width: 100%;
    min-width: 185px;
    text-align: left;
    cursor: pointer;
    padding: 9px 15px;
    box-sizing: border-box;
    border: none;
    letter-spacing: normal;
}

    input.gridActionButton:disabled {
        margin: 0;
    }

a.gridActionButton {
    display: block;
    color: #424242;
    background: #FFFFFF;
    font: 14px 'open_sansregular';
    text-transform: none;
    height: auto;
    width: 100%;
    min-width: 185px;
    text-align: left;
    cursor: pointer;
    padding: 9px 15px;
    box-sizing: border-box;
    border: none;
}

.gridActionButton:hover {
    background-color: rgb(206, 227, 245) !important;
}

.btn-disabled, .actionButtonContainer input:disabled {
    opacity: 0.5;
}

.gridActionEditButton {
    height: auto !important;
    text-align: right !important;
    font: 14px 'open_sansregular' !important;
    margin-top: 5px !important;
    color: #0971CE !important;
    padding-right: 5px;
}

    .gridActionEditButton:hover {
        background-color: rgb(206, 227, 245);
        border-radius: 5px;
    }

.manageSystemStatusRefreshButton {
    color: #0971CE;
    font-weight: bold;
}

.gridBorder tr {
    border-bottom: none;
}

.configurationTable tr td {
    white-space: normal
}

.saveButton {
    margin-top: 10px;
    margin-right: 3px;
}

    .saveButton:disabled {
        margin-top: 0px;
        margin-right: 3px;
        margin-bottom: 0px;
    }

.gridHeader th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.addNewElementOrGroupColor {
    color: #0971CE;
}

.addPermissions {
    margin-top: 0px;
}

.buttonRow input[type="submit"] {
    margin: 0px;
    margin-left: 3px;
}

.buttonRow.manageUserDefinedContentItemActions, .buttonRow {
    padding: 10px;
}

    .buttonRow input:disabled {
        margin-top: 0px;
    }

.tableTextColor a {
    color: #424242;
}

.gridTextColor th {
    color: #FFFFFF;
}

.catalystlogo {
    margin-top: 22px;
    margin-left: 16px;
    background-position: center;
    background-size: cover;
    width: auto;
    height: 40px;
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v95/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-feature-settings: 'liga' !important;
    -webkit-font-smoothing: antialiased !important;
}

.fileUpload .content-title span {
    color: #FFFFFF;
    font-family: 'open_sanscondensed-bold';
    font-size: 18px;
    font-weight: bold;
}

.fileUpload p {
    font-family: 'open_sansregular';
    font-size: 14px;
    letter-spacing: 0.16px;
    line-height: 20px;
    text-align: left;
    color: #FFFFFF !important;
    background-color: inherit;
}

.fileUpload .content-title {
    background: linear-gradient(180deg, #089AD8 0%, #0971CE 100%);
    opacity: 1;
}
.fileUpload .pageTitleSection {
    background: none;
    height: 110px;
}

.panalMessage {
    text-align: center;
    color: #424242;
    font: 16px 'open_sanscondensed-bold';
    padding: 10px;
    font-weight: bold;
}

.panelMessageHeader {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: linear-gradient(180deg, #089AD8 0%, #0971CE 100%);
    opacity: 1;
}
.elementDisplay {
    margin: 0px 0px 0px 30px;
    color: #424242;
}
.content-header-contentcategory {
    margin-top: 100px !important;
}

.homeFavoriteContentItemHeader {
    font: 20px 'open_sanscondensed-light';
    padding: 20px 0 10px 20px;
    box-sizing: border-box;
    display: inline;
}

.contentCategory-icon span {
    float: left;
}

.contentparagraph{
    color:white;
}

.contentheadercolor {
    background: linear-gradient(180deg, #089AD8 0%, #0971CE 100%);
    opacity: 1;
}

.contentheadercolor p{
    color:white;
}

    .contentheadercolor span {
        color: white;
    }

    .contentheadercolor p {
        background: none;
        left: 200px;
        margin-top: 15px;
        padding: 0px;
        font: 16px 'open_sansregular';
    }

.ui-datepicker {
    width: auto;
    height: auto;
    font-size: 12px;
}

.ui-datepicker table {
    margin-top: 30px;
}
.rate-box {
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 0px;
}
.rateType-td {
    width: 25%;
    border: 1px solid #d5d5d5;
    background-color: #fbfbfb;
    vertical-align: top;
}
.manageUserTreeView {
    margin-top: -20px;
    font-size: 11pt;
    height: 100%;
    overflow-y: auto;
    background-color: #fbfbfb;
}
.footerConversionFactor {
    background-color: white;
    color: #424242;
    border: 1px solid #979797;
}
.footerConversionFactorErrorMessage {
    background-color: white !important;
    text-align: right;
    border: none !important;
}
.pnlReportConfigs {
    background-color: #fbfbfb;
}
.calculatedAccountsCalcMembersRow .gridAlternateRow{
    background-color: whitesmoke;
}
.eq-columnspanel-element-title input, .eq-querypanel-element-expr input {
    color: #333333;
    font-family: Tahoma, Verdana, Geneva, open_sansregular, Helvetica, sans-serif;
    font-size: 11px;
    margin: -4px 0 0 0;
    padding: 2px 0;
}
#ddlIndustry, #ddlHarnessDataSource {
    border: 1px solid #979797;
    background-color: white;
    margin-top: 5px;
    height: 40px;
}
.pnlHarnessDataSource {
    margin-left: 40px;
}

.quickAddLabel {
    font: 14px 'open_sanscondensed-bold';
    padding: 2px 2px 0px 0px;
}

.quickAddCurrencyContainer {
    border: 1px solid #1A1A1A61;
    border-radius: 5px;
    padding: .5em 1em;
    margin: .75em 0 .5em 0;
    max-width: 350px;
    background-color: #f2f2f2;
}