/* Styling */

/* GMG image colour codes */
/*                         */
/* Red		- E71B27   */
/* White	- FFFFFF   */
/* Grey		- B0B6B2 (176,182,178)   */
/* Charcoal     - 4A4A4A   */
/* Pink         - E43D48   */  
/*                         */
/* *********************** */


/* ********* */
/* Title Bar */
/* ********* */

.titleBar {
        font-size: 1.5em;
        /*background-color: #4A4A4A !important;*/
        background: rgb(74,74,74);
        background: linear-gradient(90deg, rgba(74,74,74,1) 0%, rgba(231,27,39,1) 50%, rgba(74,74,74,1) 100%);
        border: 0;
}



/* ******************* */
/* Pop Ups - Title Bar */
/* ******************* */

.ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-dialog-titlebar-close {
        background-color: #4A4A4A !important;
}



/* **************************************************************************************** */
/* Sub Tab Bar - Quick Links hover over - Table results hover over - Date picker hover over */
/* **************************************************************************************** */

.ui-datepicker td:hover:not(.ui-datepicker-unselectable),.ui-datepicker td.ui-datepicker-current-day,.subtabBar,#tabs .tab.current.children,.ui-sortable-placeholder,#progress > div,.progress > div,#tooltip .selected,table.results tr.selected > td,table.results tr.selectable:not(.children):hover > td,tr.context:not(.children):hover > td,table.results tr.selectable.children.hover > td,#mapLegend li:hover,#mapLegend li.selected,.legend .button:hover{
        background-color: #4a4a4a;
}



/* ************************************************************************************************************************************************** */
/* Default Non-Selected Text Colour: Programs/Menus  &&  Footer options  &&  Search Criteria headers and pre-selected fields  &&  Right click options */
/* ************************************************************************************************************************************************** */

a,.ui-datepicker .ui-datepicker-buttonpane button,.table .action,#tooltip .label,table.results .header,.table .buttons,.field.header,.field.displayed .label,.button,#tooltip ul li.header, #tooltip ul li.footer.window {
	color: #E71B27;
}



/* ******************************* */
/* Table titles  &&  Selected tabs */
/* ******************************* */

#root .selected span,.table > .title,.ui-datepicker-title,#tabs .tab,.navBar .selected,.navBar .current,.ui_tpicker_time{
        color: #B0B6B2;
}



/* ************************ */
/* Hover Over - Text Colour */
/* ************************ */

.selectable.hover:not(.disabled),.selectable:hover:not(.disabled),.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker td a:hover,.ui-datepicker .ui-datepicker-buttonpane button:hover,.table .action:hover,.menu .program:hover,.menu .folder:hover,.menu .back:hover, #tooltip ul li.header:hover {
	color: #B0B6B2;
}



/* ************************************ */
/* Title Bar Tabs - Default Text Colour */
/* ************************************ */

#tabs .tab .selectable {
	color: #ffffff;
}



/* ***************************************** */
/* Title Bar Tabs - Hover Over - Text Colour */
/* ***************************************** */

#tabs .tab .selectable:hover{
	color: #ffffff;
}



/* *********************************** */
/* Sub Tabs - Hover Over - Text Colour */
/* *********************************** */

#subtabs .tab .selectable:hover{
	color: #ffffff;
}



/* ************************************************** */
/* Lookup list & Search result hover over text colour */
/* ************************************************** */

.fileTree li.header,.ui-datepicker td.ui-datepicker-current-day,#progress > span,#tooltip .selected,#tooltip .title,table.results tr.selected,table.results tr.selectable:hover,tr.context:hover {
        color: #ffffff;
}
table.results tr.selected {
background-color: #B0B6B2 !important;
}



/* ************************************************* */
/* Search results hover over - bottom divider colour */
/* ************************************************* */

.ui-slider .ui-slider-handle:hover, table.results .selected > td, table.results .selectable:hover > td {
        border-color: #E43D48;
}

/* ************************************* */
/* Date picker - Today background colour */
/* ************************************* */

td.ui-datepicker-today {
		color: #ffffff;
        background-color: #E43D48;
}

/*********************************/
/* Location Background colour    */
/*********************************/

.location {
        float: left;
        padding: .5em;
        overflow: hidden;
        border: 1px dotted #E0E0E0;
        position: absolute;
        background-color: #E71B27 !important;
}

.location.active {
        background-color: #B0B6B2 !important;
}
.location:hover {
  border: 1px solid #e0e0e0;
  background-color: #4A4A4A !important;
}


/* **************** */
/* Table Formatting */
/* **************** */

table.results {
table-layout: auto;
}

table.results td div, .field .label div {
overflow: visible;
}

.field .label div {
white-space: nowrap;
}



/* ************************ */
/* Misc OR Unknown settings */
/* ************************ */

table.results tr.selectable.children:not(:hover) > td{
    background-color: #B0B6B2;
}

input, textarea, select {
        outline-color: #E71B27;
}

#contextMenu {
    overflow-y: auto;
      overflow-x: hidden;
}