/* General */

.highlights-text {
    color: #323895 !important;
}

.highlights-text-hover:hover {
    color: #323895 !important;
}

.highlights-background {
    background: #323895 !important;
    color: #FFFFFF !important;
}

.highlights-background-hover:hover {
    background: #323895 !important;
    color: #FFFFFF !important;
}

.changeImg span.changeImgIcon {
    color: white; 
    background: #333333;
    text-align: center; 
    border-radius: 3px; 
    vertical-align:middle; 
    display: inline-block; 
    width:24px; 
    font-size: 24px;
    line-height:24px;
    text-decoration: none !important;
}

.changeImg:hover span.changeImgIcon {
    background: #323895;
    color: white;
}

/*
#side .highlights-text {
    color: #323895 !important;
}

#side .highlights-text-hover:hover {
    color: #323895 !important;
}
*/

#side .highlights-background {
    background: #323895 !important;
    color: #FFFFFF !important;
}

#side .highlights-background-hover:hover {
    background: #323895 !important;
    color: #FFFFFF !important;
}

h1, h2, h3, h4, h5, h6, h7 {
    color: #f03d30 !important;
}

/* Layout */

#topheader {
    background: #bdcbe8;
    border-bottom: 1px solid #bdcbe8;
}

.fontSize:not(.fontSizeSmall) {
    border-left: 1px solid #bdcbe8;
}

#outerHeader {
    background: #eaeff8;
}

#header {
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

#header, #mobileMenu {
    background: #eaeff8;
}

#submenu, #submenu li:not(.action) {
    background: #eaeff8 !important;
}

#submenu ul a, #header ul a {
    color: #FFFFFF;
}

#submenu li.action a {
    color: #eaeff8 !important;
}

#submenu li.action a:hover {
    color: #FFFFFF !important;
    background: #eaeff8;
}

#sideToggle {
    border-left: 1px solid rgba(0,0,0,0.10);
    border-right: 1px solid rgba(0,0,0,0.10);
}

#side hr {
    background-color: rgba(0,0,0,0.10);
}

#sideToggle, #allTabs {
    background: #eaeff8;
    color: #FFFFFF;
    border-top: 3px solid #eaeff8;
}

#sideToggle:hover, #allTabs:hover {
    color: #323895;
    background: #eaeff8;
    border-top: 3px solid #323895;
}

#side, #nav, #sideFooter {
    background: #eaeff8;
    color: #ccc;
}

#sideFooter a {
    color: #323895;
}

#bodyContent {
    border-color: #d2d6de; border-width: 1px;;
}

#globalSearchResults {
    border-color: #bdcbe8;
}

#showMoreResults:hover {
    color: #323895 !important;
}

.selected .highlights-tab, .highlights-tab:hover, .highlights-tab:focus {
    border-width: 3px 0 0 0;
    border-style: solid;
    border-color: #323895;
    color: #323895 !important;
}

#allTabsDropdown a:hover {
    color: #bdcbe8 !important;
}

/* Input */

input:focus, textarea:focus {
    outline: none;
    border: 1px solid #323895 !important;
}

.tagit-new input:focus, input.dark:focus, input#globalSearchInput:focus {
    border: none !important;
}

input[type=button], input[type=submit], .button, .button:visited, .dt-button, .ui-button, .button:link , :not(.mce-btn):not(.mce-window-head) > button:not(#cboxPrevious):not(#cboxNext):not(#cboxSlideshow):not(#cboxClose):not(.program-button):not([disabled]) {
    color:#606060 !important;
    fill:#606060 !important;
}

input[type=button]:hover, input[type=submit]:hover, .button:hover,  .dt-button:hover, .ui-button:not([disabled]):hover, :not(.mce-btn):not(.mce-window-head) > button:not(#cboxPrevious):not(#cboxNext):not(#cboxSlideshow):not(#cboxClose):not(.program-button):not([disabled]):hover {
    color: #323895 !important;
    fill: #323895 !important;
}

input[type=button]:active, input[type=submit]:active, .button:active, .dt-button, .ui-button:not([disabled]):active, .ui-state button:not(#cboxPrevious):not(#cboxNext):not(#cboxSlideshow):not(#cboxClose):not(.program-button):not([disabled]):active {
    color: #323895 !important;
    fill: #323895 !important;
}

input[disabled] , input[disabled]:hover , input[disabled]:active, select[disabled], button[disabled], a.disabledButton, a.disabledButton:hover, a.disabledButton:active {
    color:#606060 !important;
    fill:#606060 !important;
}

input:checked + .toggle {
    background-color: #323895;
}

input:focus + .toggle {
    box-shadow: 0 0 1px #323895;
}

.ui-widget-header a .ui-icon {
    background-image: url(../smoothness/images/ui-icons_ffffff_256x240.png);
}

.ui-widget-header a:hover .ui-icon {
    background-image: url(../smoothness/images/ui-icons_222222_256x240.png);
}

.toggleHeader, .ui-accordion-header {
    background: #cfcfcf !important;
    padding-left: 35px !important;
    border: none !important;
}

.toggleHeader, .ui-accordion-header:hover {
    background: #bfbfbf !important;
}

/* Icons */
.edit-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 17px;
    margin-left: 1px;
    margin-right:1px;
    background: url("../../skins/icons/gray_dark/glyphicons_150_edit_small.png");
}

.edit-icon:hover {
    background: url("../../skins/icons/i-connects/glyphicons_150_edit_small.png");
}

.copy-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 17px;
    height: 17px;
    margin-left: 1px;
    margin-right:1px;
    background: url("../../skins/icons/gray_dark/glyphicons_154_more_windows.png");
}

.copy-icon:hover {
    background: url("../../skins/icons/i-connects/glyphicons_154_more_windows.png");
}

.delete-icon {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    margin-right:1px;
    background: url("../../skins/icons/gray_dark/glyphicons_207_remove_2.png");
}

.delete-icon:hover {
    background: url("../../skins/icons/i-connects/glyphicons_207_remove_2.png");
}

/* JQuery UI */

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
	color: #323895;
}

.ui-datepicker {
    border: 1px solid #bdcbe8 !important;
}

.ui-progressbar .ui-progressbar-value {
    background: #bdcbe8;
}

.ui-tabs .ui-tabs-nav li:hover:not(.ui-state-disabled) a{
    color: #323895;
}

.ui-widget-content a {
    color: #323895;
}

.ui-dialog .ui-dialog-titlebar {
	background: #bdcbe8;
}

li.ui-menu-item:hover > a, li.ui-menu-item > a#ui-active-menuitem, li.ui-menu-item > a.ui-state-focus {
    background: #323895 !important;
}

/* Other */

.purpleInfo a, .purpleInfo a:visited, .inlinePurpleInfo a, .inlinePurpleInfo a:visited {
    color: #323895;
}

.small_card:hover, .small_card_hover {
    background: #323895 !important;
    color: #FFFFFF !important;
}

.qtip-light .qtip-content a:hover {
    color: #323895;
    text-decoration: none;
}

ul.tagit li.tagit-choice {
    background: white !important;
    color: #323895 !important;
    border-color: #323895 !important;
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #323895;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    color: #323895;
}

ul.tagit li.tagit-choice.remove {
    background: #DDDDDD !important;
}

#bodyContent a.extiw,#bodyContent a.extiw:active {
    color: #323895;
    background: none;
    padding: 0;
}

#bodyContent a.external {
    color: #323895;
}

a {
    color: #323895;
}

a:hover, a:focus {
    color: #323895;
}

a.reportTab:focus {
    border-color: #323895;
}

a:visited {
    color: #323895;
}

a:active {
    color: #323895;
}

.fontSize:hover, .fontSize.selected {
    color: #bdcbe8 !important;
}

.clicktooltip:hover {
    color: #323895;
}

/* Carousel */

.carouselPrev, .carouselNext {
    background: #eaeff8;
}

.carouselPrev:hover, .carouselNext:hover {
    background: #bdcbe8;
}

/* AVOID */

.program-header {
    background: #bdcbe8;
}

.program-box {
    background: #bdcbe8;
}

.module, .module:hover, .module:visited {
    border: 2px solid #323895;
}
    #submenu ul a, #header ul a {
        color: #323895;
    }
    
    #side, #nav, #sideFooter {
        color: #888888;
    }
    
    #sideToggle, #allTabs {
        color: #323895;
    }
    
    #nav li a {
        color: #323895;
    }
    
    #nav li > span {
        color: #f03d30 !important;
    }
    
    #submenu li.action a {
        color: #323895 !important;
    }
    
    #submenu li.action a:hover {
        color: #FFFFFF;
        background: #323895;
    }
    
    input.dark {
        border: 1px solid #CCC;
    }
    
    input.dark:focus {
        border: 1px solid #323895 !important;
    }

    #topheader {
        background: linear-gradient(90deg, #FFFFFF 0%, #bdcbe8 300px);
        height: 50px;
    }
    
    @media only screen and (min-width: 1024px) {
        #topheader .smallLogo {
            margin-left: -15px;
        }
    }
    
    #topheader, #topheader a {
        color: #323895;
    }
    
    .fontSize:hover, .fontSize.selected {
        color: #323895 !important;
    }
    
    #allTabsDropdown a:hover {
        color: #323895 !important;
    }
    
    #side > ul {
        margin-top: 61px;
    }
    
    #header {
        margin-top: 61px;
    }
    
    #sideToggle {
        top: 61px;
    }
    
    #bodyContent {
        top: 131px;
    }
    
    #topheader .search {
        top: 10px;
    }
    
    #topheader .login {
        top: 11px;
    }
    
    div#submenu {
        top: 106px;
    }
    
    .ui-dialog .ui-dialog-titlebar {
        color: #323895;
    }
    
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #eaeff8;
    }
    
    table.wikitable > tr > th, table.wikitable > * > tr > th {
        background-color: #eaeff8;
    }
    
    .dataTables_length, .dataTables_info {
        background: #d7deeb;
    }
    
    .toggleHeader, .ui-accordion-header {
        background: #eaeff8 !important;
        border: 1px solid #d2d6de !important;
    }
    
    .toggleHeader:hover, .ui-accordion-header:hover {
        background: #d7deeb !important;
    }
    
    .ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        border-color: #d2d6de;
    }