/* BEGIN EPIC DELIVERED THEME CSS */
/* Epic recommends that you do not edit this file and instead put any additional customizations in override.css */

/* The password failure page /session time out page has a margin at the top which doesn't play nicely with background images (it would show as a plain color. Also, it moves the whole page down too far normally. This moves it back up where it is on other apges. */
html.notranslate body.mainBody.standaloneBody:not([onload]), 
html.notranslate body.mainBody.standaloneBody[onload='TopReplace();']
{
    margin-top: -40px;
}

/* BEGIN: MAIN COLOR CHANGES */
/* Login Button */
#LoginButton,
.acceptButton,
#resume  {
    background-color: rgba(17,103,180,1);
}
#LoginButton:hover,
.acceptButton:hover,
#resume:hover {
    background-color: rgba(42,148,185,1);
}
#LoginButton:active,
.acceptButton:active,
#resume:active {
    background-color: rgba(12,106,140,1);
}



/* main page background tab */
body.mainBody {
    background-color: rgba(235,238,240,1);
}
#patFrame, #patFrameImage {
    background-color: rgba(235,238,240,1);
}
html.small-screen #patFrame {
    background-color: rgba(235,238,240,1);
}
#MsgPageBody .pageDIV {
    background-color: rgba(235,238,240,1);
}
/* prelogin background color */
body.standaloneBody {
    background-color: rgba(235,238,240,1);
}

/* Selected banner tab */
.BannerTab.lowered {
    background-color: rgba(235,238,240,1);
	color: rgba(17,103,180,1);
}
@media screen and (max-width: 960px) {
    #tab5.lowered {
        background-color: rgba(234,240,247,1);
        background-image: none;
    }
    body .BannerTab.lowered {
        background-image: none;
        background-color: #FFFFFF;
    }
}


/* Banner icons */
#tab1.lowered .bannerImage {
    background-image: url("img/home_selected.png");
}
#tab2.lowered .bannerImage {
    background-image: url("img/inbasket_selected.png");
}
#tab3.lowered .bannerImage {
    background-image: url("img/patientlists_selected.png");
}
#tab4.lowered .bannerImage {
    background-image: url("img/calendar_selected.png");
}
#tab5.lowered .bannerImage {
    background-image: url("img/clinicals_selected.png");
}
#tab6.lowered .bannerImage {
    background-image: url("img/dashboard_selected.png");
}

/* Banner background */
#header {
    background: rgba(17,103,180,1) url("img/BannerBackground.png") no-repeat scroll right bottom;
}
#MsgPageBody .FrameHeaderDiv {
    background: rgba(17,103,180,1) url("img/BannerBackground.png") no-repeat scroll right bottom;
}
.ui-dialog-titlebar {
    background: rgba(17,103,180,1) none repeat scroll 0 0;
}

/* Hyperlinks */
a:link, a:visited, A.HeaderLink:link, A.HeaderLink:active, A.HeaderLink:visited {
    color: rgba(17,103,180,1);
}

a:hover:not(disabled) {
    color: rgba(17,103,180,1);
}

/*  Headers */
.FrameHeaderText {
    color: rgba(46,61,84,1);
    text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.subHeaderClass, .subHeaderHardWarning, .subHeaderCrossModule, .subHeaderCrossModuleHighlight, .subHeaderText {
    color: rgba(46,61,84,1);
}

.fieldsetLegend {
    color: rgba(69,76,102,1);
}

.WTableHeader, .instantHead1, .instantHead2, .instantHead3 {
	background-color: rgba(239,239,239,1);
}
.WTableHeader, .instantHead1, .instantHead2, .instantHead3 {
	color: rgba(2,2,2,1);
}

table#ListTable tr.ibvListHeader td, div.WTableHeader tr.ibvListHeader td {
    color: rgba(130,130,130,1);
}

.ibvListHeader, table#ListTable tr.ibvListOdd td, table#ListTable tr.ibvListEven td {
    border-bottom: 1px solid rgba(214,214,214,1);
}
.dataYellow, .dataYellowEven, .dataYellowOdd {
    background-color: rgba(17,103,180,0.2);
}
.TableRow:hover td {
    background-color: rgba(17,103,180,0.07);
}
.TableRow:hover .dataYellow, .TableRow:hover .dataYellowEven, .TableRow:hover .dataYellowOdd {
    background-color: rgba(17,103,180,0.15);
}

/* No results found message */
.plainMessage, .plainMessageHot {
    background-color: rgba(17,103,180,0.2);
}


/* Column Header Hover Hyperlink Color, such as in Grease Board*/
.colHead a:hover, .colHead a:active, .colHeadSorted a:hover, .colHeadSorted a:active, .colHeadRaw a:hover, .colHeadRaw a:active {
    color: rgba(178,135,27,1) !important;
}

/* Patient Chart Upload Link Image*/
/* Hide the original image */ 
a#UploadLink span img {
    display: none;
}
/* Restore the image using CSS */
a#UploadLink span span::before {
    background-image: url("img/Cloud.png");
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    height: 18px;
    width: 26px;
    margin-right: 3px;
}

#dragFileHereDivH {
    border: 2px dashed rgba(116,132,142,1);
    color: rgba(116,132,142,1);
}
#dragFileHereDivL {
    border: 2px dashed rgba(116,132,142,1);
    color: rgba(116,132,142,1);
}
#dropFileDiv {
    border: 2px dashed rgba(116,116,224,1); 
    color: rgba(116,116,224,1);
}
#fileCtl_addFileLink {
    color: rgba(116,132,142,1); 
}
#fileCtl_backgroundDiv {
    background: rgba(96,166,217,0.1) none repeat scroll 0 0;
}

/* In Basket */
/* section title, not selected */
.ibvNavSpace, .ibvNavTabHighlight {
    background-color: rgba(211,225,238,1);
    color: rgba(2,2,2,1);
}

/* selected table rows, such as in the in basket*/
table#ListTable tr.ibvListHighlight:hover td {
    background-color: rgba(17,103,180,0.15);
}
table#ListTable tr:hover td {
    background-color: rgba(17,103,180,0.07);
}
table#ListTable tr.ibvListHighlight td {
    background-color: rgba(17,103,180,0.2);
}
/* Changed images for Inbasket folders to match colors - selected sections */
.ibvNavMsgTypeOpen {
    background-image: url("img/IB_OPENFOLDER.PNG");
    background-color: rgba(17,103,180,1);
}
.ibvNavMsgTypeOpenHigh {
    background-image: url("img/IB_OPENFOLDERHIGHPRIORITY.PNG");
    background-color: rgba(17,103,180,1);
}

/* Toolbar */
.button:hover, .toolbarBottomBtnRaise, .toolbarBottomBtnDropRaise {
    background: rgba(17,103,180,0.2) none repeat scroll 0 0;
}
a.toolbarText, a.toolbarText, a.toolbarText:hover, a.toolbarText:active, a.toolbarText:link, .toolbarBtn, .toolbarBtnDrop, .toolbarBtnDisabled, .toolbarBtnDropDisabled, .toolbarBtnRaise, .toolbarBtnDropRaise, .toolbarBtnRaiseDisabled, .toolbarBtnLower, .toolbarBtnPressed, .toolbarBtnPressedRaise, .toolbarBtnPressedLower, .toolbarBtnDropRaiseLower, .toolbarDropItem, .toolbarDropItemSelected, .toolbarDropItemPressed, .toolbarDropItemPressedSelected {
    color: rgba(114,117,122,1);
}
.toolbarBtnLower, .toolbarBtnPressed, .toolbarBtnPressedRaise, .toolbarBtnPressedLower, .toolbarBtnDropRaiseLower {
    background-color: rgba(17,103,180,0.2);
}
.toolbarBtnRaise, .toolbarBtnDropRaise {
    background-color:  rgba(17,103,180,0.1);
    border: 1px solid  rgba(17,103,180,0.2);
}



/* Clinical Menu */
.option.selected {
	color: rgba(17,103,180,1);
	border-left-color:  rgba(17,103,180,1);
}

.option:hover, .menu:hover {
    color: rgba(17,103,180,1);
}

.small-screen .MenuBody {
    background-color: rgba(234,240,247,1);
}
.small-screen .menu.selected {
    color: rgba(17,103,180,1);
}
.small-screen .option.selected {
    border-top: 4px solid rgba(17,103,180,1);
}

#scroll-down, #scroll-up, #scroll-left, #scroll-right {
    background-color: rgba(241,239,249,0.8);
}
#scroll-down:hover, #scroll-up:hover, #scroll-left:hover, #scroll-right:hover {
    background-color: rgba(239,239,239,1);
}

/* Table tabs */
.selectedTab {
    border-top-color: rgba(17,103,180,1);
}
.notSelectedTab {
    color: rgba(138,138,139,1);
}
.notSelectedTab:hover {
    color: rgba(17,103,180,1);
}

/* Input field focused */
input[type="textbox"]:hover, 
input[type="text"]:hover, 
input[type="email"]:hover, 
textarea:hover, select:hover, 
.rflSrchChkBoxList:hover,
.CheckBoxListDefault:hover {
    border-color: rgba(17,103,180,1);
}

/* Account Request, Care Request, Other Progress Bars */
.BarCurrent {
    background-color: rgba(15,141,178,1); 
}
.BarDone {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(144,178,190) 0%, rgb(15,141,178) 100%) repeat scroll 0 0;
}

/* Badge style message pages such as Multi-window opened, session time. if using a pre login image, it shows over those images.  */
/* Badge background and border */
body.standaloneBody .description {
    background: rgba(255,255,255,0.5) none repeat scroll 0 0;
    border: 1px solid rgba(255,255,255,0.3);
}

/* Badge text color */
body.standaloneBody .description  {
    color: rgba(14,14,14,1);
}

/* Badge hyperlink color */
body.standaloneBody .description a:link, 
body.standaloneBody .description a:visited, 
body.standaloneBody .description a.HeaderLink:link, 
body.standaloneBody .description a.HeaderLink:active, 
body.standaloneBody .description a.HeaderLink:visited {
    color: rgba(222,123,0,1);
}


/* Badge style Informational Messages. If using a post-login image (texture), it shows over that background.s */
/* Badge background and border */
table.msgPage {
    background: rgba(255,255,255,0.5) none repeat scroll 0 0;
    border: 1px solid rgba(255,255,255,0.3);
}

/* Badge Informational Message text color */
table.msgPage .emphasis  {
    color: rgba(14,14,14,1);
}

/* Badge Informatinal Message hyperlink color */
table.msgPage a:link, 
table.msgPage a:visited, 
table.msgPage a.HeaderLink:link, 
table.msgPage a.HeaderLink:active, 
table.msgPage a.HeaderLink:visited {
    color: rgba(222,123,0,1);
}

/* END: MAIN COLOR CHANGES */