/*Based off Alyssa's suggestion*/

body {
/*        background: #bfbfbf !important;*/
    background: #FFFFFF !important;
    color: black;
}

div.admingrid span.checkbox-grid-disabled input[checked][disabled]{
    background-color:black;
    opacity:1;
    color:black;
    accent-color:black;
/*    filter:grayscale(100%) brightness(120%);*/
    filter:none;
}

.tabTitles {
    color: white;
}

div.admingrid span.checkbox-grid-disabled {
/*    background-color: black;*/
    opacity: 1;
    color: black;
    accent-color: black;
}

    div.admingrid span.checkbox-grid-disabled input[checked][disabled]{

    }



div > fieldset > legend,
.genPanels > fieldset > legend {
    color: white;
}

.navbar-header {
    background: #414141 !important;
    color: white;
    font-weight: bold !important;
}

.navbar-collapse {
    /* background: #A8E2FF!important; Before changes */
    background: #414141 !important;
    color: white;
    font-weight:500;
}

.masterNav-menu {
    background: #414141 !important;
    color: white;
}

.genPanels,
div.transcription-view {
    /*  background: #A8E2FF!important;  Before changes */
    background: #414141 !important;
    border-color: black;
    color: white;
}

div.clear-panel {
    background: rgba(0,0,0,0) !important;
    border: none !important;
    padding: 0 !important;
}

/*Background of navbar dropdowns on hover*/

.navbar-nav > li a:focus, .navbar-nav > li a:hover {
    background: #262626 !important;
}

/*Background of Nav bar on hover*/
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: #DE2727 !important;
}

.navbar-nav > li > a {
    color: white !important;
}



.dropdown > .dropdown-menu > li > a {
    color: white;
}

.navbar-collapse > .nav > .dropdown > .dropdown-menu > li > a {
    color: white;
}

    .navbar-collapse > .nav > .dropdown > .dropdown-menu > li > a:hover {
        color: white;
    }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus {
    background: #DE2727;
}

.navbar-header > .navbar-text {
    font-size: 16px;
    color: white;
    font-weight: bolder;
    margin-bottom: 5px;
    margin-left: 60px;
}

.btn-primary {
    /* background-color:#3F5765!important; */
    background-color: #cccccc !important;
    /* background-image: linear-gradient(#1a1a1a, #404040)!important; */
    color: black;
    border-color: #0d0d0d;
}


    /*focus stays active (red, like hover/active) after button press, want to clear out*/

    .btn-primary:focus,
    .btn-primary.focus {
        color: black;
        border-color: #0d0d0d;
        background-color: #cccccc !important;
    }

    .btn-primary:hover,
    /*.btn-primary:focus,
    .btn-primary.focus,*/
    .btn-primary:active,
    .btn-primary.active {
        /* background-color: #333333!important;*/
        /*    background-image: linear-gradient(#1a1a1a, #000000)!important; */
        background-color: #ff0000 !important;
        border-color: black;
        /*background-color: #cccccc !important;*/
    }



.btn-selected:hover,
.btn-selected:focus,
.btn-selected.focus,
.btn-selected:active,
.btn-selected.active {
    color: white;
}


.btn-selected {
    background-color: #414141 !important;
    color: white !important;
}



/*Change header colour*/
.igg_HeaderCaption {
    /*background-color: url('');
    background-image: linear-gradient(#ff6666, #ff0000)!important;*/
    background-color: #ff0000 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-left: 6px !important;
}


/*Change colour of alternate row
tbody > tr.igg_Alt > td {
    background-color: #cccccc;
}

tbody.igg_Item > tr > td{
    background-color: #f2f2f2;
}*/


/*A couple of the grids are in no panel, this makes the regular rows just slightly darker than white
    important is needed due to grids losing some styling on postbacks, from the other solutions
    this seemed simplest to implement
*/

.admingrid tbody.igg_Item > tr > td,
.sGrids tbody.igg_Item > tr > td,
.dashGrid tbody.igg_Item > tr > td {
    background-color: rgb(253, 253, 253);
}


/*Change colour of alternate row*/

.admingrid table > tbody > tr.igg_Alt > td,
.dashGrid table > tbody > tr.igg_Alt > td,
.sGrids table > tbody > tr.igg_Alt > td {
    background-color: #cccccc;
}


/*Change colour of selected row*/

.admingrid table > tbody > tr > td.igg_SelectedCell,
.admingrid table > tbody > tr > td.igg_SelectedCell input.grid-button {
    background-color: #4d4d4d;
    color: white;
}

input.grid-button {
    border-radius: 6px;
    border-width: 1px;
    border-color: #787878
}

.sGrids table > tbody > tr > td.igg_SelectedCell {
    /*color:black;*/
    background-color: #4d4d4d;
    color: white;
}

.adminTextBox, .dropdownButtons > .open > .inner > li > a {
    color: black;
    /*    font-weight: bold;*/
}

div.dropdownButtons.open li.selected a,
div.dropdownButtons.open li.selected:hover a
div.dropdownButtons.open li.selected:focus a {
    background: #cccccc;
}


div.panTopMenu ul.nav li.dropdown {
    font-weight: lighter;
}

.dropdown-menu > li > a {
    font-weight: 400;
    padding-top: 0.25em;
    padding-bottom: 0.5em;
}

.adminTextBox {
}

.adminTextBoxDisabled {
    /*changed background from 666666*/
    background: #808080;
    /*changed color from 333333*/
    color: #000000;
}

.dropdownDisabled {
    background: black;
    color: #333333;
}

/*Listbox Selection */

.listSelection {
    color: #333;
    font-weight: bolder !important;
    border-radius: 3px;
}

    .listSelection > option {
        color: #333;
        font-weight: 600;
        /*        font-weight: bold !important;*/
    }

.menuTools > li > a, .menuTools {
    color: white !important;
    background: #414141 !important;
}

/*Text color of headings in embedded panels*/

.genPanels > fieldset > div > fieldset > legend {
    color: white !important;
    text-align: left;
}

/*For ASP.Net disabled controls, a darker shade for the background
    to show it is disabled but people should be able to read the text underneath
    still
*/

input:disabled {
    background-color: #808080;
    cursor: not-allowed;
}

    input:disabled:hover {
        cursor: not-allowed;
    }

button:disabled {
    background-color: #808080;
    cursor: not-allowed;
    opacity: 1 !important;
}

    button:disabled:hover {
        background-color: #808080 !important;
    }

button.disabled {
    background-color: #808080;
    opacity: 1 !important;
}

    button.disabled:hover {
        background-color: #808080 !important;
        opacity: 1 !important;
    }

.dashboardGoalAbove {
    background-color: #b3ff99 !important;
}

.dashboardGoalBelow {
    background-color: #ff9999 !important;
}
/*Webviewer*/

.webViewer div.gcv-header-container,
.webViewer div.gc-menu__btn-container,
.webViewer .gc-btn--accent,
.webViewer .gc-toolbar--with-toggle > .gc-toolbar__content:before {
    background: rgb(65,65,65);
}

.webViewer .gc-accent-color,
.webViewer .gc-btn__text,
.webViewer .gc-input,
.webViewer .input[type=text].gc-input {
    color: rgba(255,255,255,0.8);
}

.webViewer .gc-btn--accent:not([disabled]):not(.disabled):hover,
.webViewer .gc-btn--transparent:not([disabled]):not(.disabled):hover {
    background-color: rgb(89,89,89);
}

.webViewer span.gcv-page-input__text {
    color: rgba(255,255,255,1);
}

.webViewer div.gcv-page-input > input[type=text].gc-input[disabled] + .gcv-page-input__text {
    opacity: 1;
}
/*New*/


.webViewer .gc-menu__panel button.gc-btn--transparent:not([disabled]):not(.disabled):hover /*Color for table of contents hovering over bookmark*/ {
    background-color: rgb(168,168,168);
}

.webViewer h2.gc-menu__panel-container__header i.gc-icon path /*Fill of pin icon in table of contents header*/ {
    fill: rgba(65,65,65,0.9);
}

.webViewer h2.gc-menu__panel-container__header button.gc-btn-pin :hover /*Background of pin icon that turns when clicked in table of contents header*/ {
    background-color: rgb(168,168,168);
}

.webViewer h2.gc-menu__panel-container__header .gc-btn--transparent:not([disabled]):not(.disabled):hover /*Background of pin icon that stays stationary clicked in table of contents header (looks like a diamond when pinned and hovered)*/ {
    background-color: rgb(168,168,168);
}

.gcv-menu h2.gc-menu__panel-container__header, /*text colour of Table Of Contents text*/
.webViewer .gc-treeitem span.gc-btn__text /*text colour of bookmark*/ {
    color: black;
    opacity: 0.9;
}


button.gc-btn span.gc-btn__text /*color of button text in side menu, need to slide out menu to see text*/ {
    color: rgb(255,255,255, 0.8);
}

.webViewer .gcv-menu path.gc-icon-color--text /*colour of button icons on side menu*/ {
    color: rgba(255,255,255, 0.8);
}



/* Changed background color of side bar (not sure if it effects anything else)*/

.list-group-item {
    background: #194759 !important;
}

/* Changed hover color of side bar*/

a.list-group-item:focus, a.list-group-item:hover {
    background: #164050 !important;
}

/* Changed color of text in nav bar*/
.navbar-nav > li > a {
}

/*Color of navbar dropdowns*/

.masterNav-menu {
    /*    background: #A8E2FF !important;*/
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #262626;
    border-color: #337ab7;
}


nav li.dropdown.open .dropdown-menu a{
    font-weight: 300;
}

/*START Report Tree */


/*Report Nodes*/

.reportTree > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeGroup > .igdt_NodeHolder {
    /*    padding:0.1em;*/
}

    .reportTree > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_Node {
        color: #777;
        font-weight: 500;
    }

.roleFunctionTreePanel > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_Node {
    color: #ccc;
}


/*Root Nodes*/

.reportTree > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeRoot {
    color: black;
    font-weight: bold;
}

.roleFunctionTreePanel > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeRoot {
    color: white;
}

.roleFunctionTreePanel {
    font-size: medium !important;
    /*    font-family: 'Century Gothic', CenturyGothic, Arial, Verdana !important;*/
    font-family: 'Noto-Sans',sans-serif !important;
}

.reportTree {
    font-size: medium !important;
    /*    font-family: 'Century Gothic', CenturyGothic, Arial, Verdana !important;*/
    font-family: 'Noto-Sans',sans-serif !important;
}

    .reportTree > .igdt_NodeGroup > .igdt_NodeHolder > .igdt_NodeRoot {
        color: black;
        font-weight: bold;
    }

.reportTree {
    font-size: medium !important;
    /*    font-family: 'Century Gothic', CenturyGothic, Arial, Verdana !important;*/
    font-family: 'Noto-Sans',sans-serif !important;
}

/*END Report Tree */

.genPanels label {
    font-weight: 300;
}


.siteLabel {
    color: #414141;
    font-weight: bolder;
}

/*.dateText, .igmc_Day, .igmc_DOW {
    font-weight: 700;
}*/

td.igmc_Day {
    font-weight:700;
}

td.igmc_Day.igmc_OtherMonthDay{
    font-weight:normal;
}

/*.scheduledEnable {
    font-weight: bolder;
    background: #414141 !important;
}*/

#runDashboard {
    color: red;
    font-weight: bolder;
    font-size: larger;
}