/* StudentRegistration.css */

.ui-widget-content  {
   border-color: #CCCCCC;
   color: #333333;
}
.ui-widget-content a  {
   color: #333333;
}
.ui-widget-header a  {
   color: #222222;
}
.ui-datepicker-div .ui-widget-header  {
   background-color: #EDF0F4 !important;
   color: #333333;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default  {
   border-color: #DDDDDD;
   color: #333333;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited  {
   color: #333333;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus  {
   color: #026BC8; /*#026BC8*/
}
.ui-state-default a  {
   color: #5B5E65 !important;
}
.ui-state-active a  {
   color: #FFFFFF !important;
}
.ui-state-focus a  {
   color: #FFFFFF !important;
}
.ui-state-hover a,
.ui-state-hover a:hover  {
   color: #026BC8 !important; /*#026BC8*/
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active  {
   background-color: #026BC8; /*#026BC8*/
   color: #5B5E65 !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited  {
   color: #FFFFFF;
}
.ui-state-active a:hover  {
   color: #FFFFFF !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight   {
   color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a  {
   color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error  {
   color: #000000;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a  {
   color: #000000;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text  {
   color: #000000;
}
.ui-corner-all.ui-button.ui-widget  {
   background-color: #585858;
   color: #FFFFFF;
}
.ui-selectable-helper  {
   border-color: #000000;
}
.ui-tabs .ui-tabs-nav  {
   border-color: #EEEEEF;
}
.ui-datepicker .ui-state-highlight  {
   color: #2E6EBE;
}
.ui-datepicker .ui-state-default .ui-state-hover  {
   background-color: #B2CEDF;
}
.ui-datepicker .ui-widget-content   {
   border-color: #DDDDDD;
   color: #333333;
}
.ui-datepicker.ui-widget-content  {
   border-color: #DDDDDD;
}
.grid td.focus,
.grid td.focus a  {
   color: #000000 !important;
}
.grid td  {
   border-color: #CCCCCC !important;
}
.add-row-hover  {
   border-color: #CCCCCC !important;
}
.a  {
   color: #000000 !important;
   background-color: #FFFFFF !important;
}
.ui-widget-content  {
   border-color: #CCCCCC;
   color: #333333;
}
.ui-widget-content a  {
   color: #151618;
}
.ui-widget-header a  {
   color: #222222;
}
.ui-datepicker-div .ui-widget-header  {
   background-color: #EDF0F4;
   color: #333333;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited  {
   color: #333333;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus  {
   color: #FFFFFF;
   background-color: #026BC8; /*#026BC8*/
}
#multiCalendarContainer .ui-state-hover a,
#multiCalendarContainer .ui-state-hover a:hover  {
   color: #FFFFFF !important;
   background-color: #026BC8; /*#026BC8*/
}
#multiCalendarContainer .ui-state-active,
#multiCalendarContainer .ui-widget-content .ui-state-active,
#multiCalendarContainer .ui-widget-header .ui-state-active  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited  {
   color: #FFFFFF;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight  {
   color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a  {
   color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error  {
   color: #000000;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a  {
   color: #000000;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text  {
   color: #000000;
}
.ui-datepicker-header .ui-state-hover  {
   color: #2E6EBE;
}
.ui-datepicker .ui-state-highlight  {
   color: #2E6EBE;
}
.ui-datepicker .ui-widget-content  {
   border-color: #DDDDDD;
   color: #333333;
}
#multiCalendarContainer  {
   background-color: #FFFFFF;
}
#multiCalendarContainer .ui-widget-content  {
   color: #333333;
}
.ui-widget-header a  {
   color: #222222;
}
.ui-datepicker-div .ui-widget-header  {
   background-color: #EDF0F4;
   color: #333333;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover  {
   color: #000000;
}
.ui-datepicker .ui-state-default .ui-state-hover  {
   background-color: #B2CEDF;
}
#multiCalendarContainer .ui-datepicker-other-month  {
   color: #5B5E65;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited  {
   color: #333333;
}
#multiCalendarContainer .ui-state-focus,
#multiCalendarContainer .ui-widget-content .ui-state-focus,
#multiCalendarContainer .ui-widget-header .ui-state-focus  {
   color: #FFFFFF;
   background-color: #194F85;
}
#multiCalendarContainer .ui-state-hover a,
#multiCalendarContainer .ui-state-hover a:hover  {
   color: #FFFFFF !important;
   background-color: #194F85;
}
#multiCalendarContainer .ui-state-active,
#multiCalendarContainer .ui-widget-content .ui-state-active,
#multiCalendarContainer .ui-widget-header .ui-state-active  {
   color: #FFFFFF !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited  {
   color: #FFFFFF;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a  {
   color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error  {
   color: #000000;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a  {
   color: #000000;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text  {
   color: #000000;
}
.ui-datepicker .ui-widget-content  {
   border-color: #DDDDDD;
   color: #333333;
}
#multiCalendarContainer > div  {
   background-color: #FFFFFF;
}
input.hasMultiCalendarPicker:focus  {
   border-color: #026BC8; /*#026BC8*/
}
#timeBoxContainer  {
   background-color: #FFFFFF;
   border-color: #CCCCCC;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight  {
   color: #363636;
}
.ui-datepicker .ui-state-highlight  {
   color: #2E6EBE;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover  {
   color: #FFFFFF !important;
}
#multiCalendarContainer  {
   background-color: #FFFFFF;
}
#multiCalendarContainer .ui-widget-header > span h5  {
   color: #4F585F;
}
.vertical-line  {
   border-left-color: #EEEEEE;
}
.primaryButtonMiddleblue  {
   color: #0989D7;
}
.primaryButton span  {
   color: #0989D7;
}
.textInput  {
   color: #666666;
}
.label  {
   color: #666666;
}
.primaryButtonMiddle  {
   color: #FFFFFF;
}
.modalWindowTop .modalWindowTitle  {
   color: #0C4E8C;
}
.modalWindowContentblue .errorMessage  {
   color: #5C5C5C;
}
.modalWindowTopblue .modalWindowTitle  {
   color: #0989D7;
}
#browseButtonState.active  {
   background-color: #477B9C;
}
.browseTab div div  {
   color: #FFFFFF;
}
.headerButton div div  {
   color: #FFFFFF;
}
.headerButtonDownArrow:link,
.headerButtonDownArrow:active,
.headerButtonDownArrow:visited  {
   color: #FFFFFF;
}
.headerButtonDownArrow:hover  {
   color: #FFFFFF;
}
.upArrow:link,
.upArrow:active,
.upArrow:visited  {
   color: #FFFFFF;
}
#scrollableListContainer  {
   background-color: #FFFFFF;
}
.upButton  {
   border-color: #AAAAAA;
}
.downButton  {
   border-color: #AAAAAA;
}
.downButtonDisabled  {
   border-color: #CCCCCC;
}
.upButtonDisabled  {
   border-color: #CCCCCC;
}
.columns  {
   border-right-color: #DDDDDD;
   background-color: #FFFFFF;
}
.navListStart span  {
   color: #777777;
}
.navListStart span:hover  {
   color: #FFFFFF;
   background-color: #666666;
}
.navListStart .parent span:hover  {
   background-color: #666666;
   color: #FFFFFF;
}
.navList  {
   background-color: #FFFFFF;
}
.navList span  {
   color: #666666;
}
.navList span:hover  {
   color: #11679D;
   background-color: #E1EFFD;
}
.navList span a  {
   color: #666666;
}
.selectedListItem span  {
   color: #FFFFFF;
}
.selectedListPage span  {
   color: #FFFFFF;
   background-color: #7FADCA;
}
.navList .scrollableListItem span:hover  {
   color: #0C60A6;
   background-color: #D9F4FB;
}
.navList .scrollableListItem:focus span  {
   color: #0C60A6;
   background-color: #D9F4FB;
}
.navList .parent span:hover  {
   color: #11679D;
}
.navList .parent:focus span  {
   color: #11679D;
}
div[id=mainMenuContainer] .navList .scrollableListItem:focus span  {
   background-color: #D9E7EF;
}
div[id=mainMenuContainer] .navList .parent:focus span  {
   color: #11679D;
}
#searchInput  {
   color: #B2B2B2;
}
#searchButton  {
   color: #FFFFFF;
}
.banner-footer  {
   color: #4F585F;
}
.information span  {
   color: #5C5C5C;
}
#globalNav  {
   color: #FFFFFF;
}
#globalNav .globalnav-list-item  {
   border-left-color: #FFFFFF;
}
#globalNav li a  {
   color: #FFFFFF;
}
#helpWindowTab #helpWindowTabText  {
   color: #0084D5;
}
#helpWindowControls #helpWindowTitle  {
   color: #0084D5;
}
#openItemsHeader div h3  {
   color: #0C60A6;
}
#openItemsBody  {
   background-color: #FFFFFF;
}
#categoryList  {
   color: #999999;
}
#categoryList li h4  {
   color: #555555;
}
#categoryList li h4:hover  {
   border-top-color: #CCCCCC;
   border-bottom-color: #CCCCCC;
   color: #000000;
}
.itemList li:hover  {
   background-color: #F5F9FA;
   color: #333344;
}
#buttonBar span  {
   color: #666666;
}
#buttonBar span:hover  {
   color: #0C60A6;
}
.activeOpenItem  {
   background-color: #9AC0D2;
   color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.tabInfoTitle  {
   color: #656564;
}
.tabInfoText  {
   color: #656564;
}
#header-main-section  {
   background-color: #043573; /*#5353D1*/
}
#header-main-section-east-part  {
   background-color: #151618;
}
#header-main-section-east-part #mepDiv   {
   color: #FFFFFF;
}
#header-main-section-east-part #username  {
   color: #FFFFFF;
}
.notification-center  {
   color: #FFD079;
}
.notification-center-count  {
   color: #151618;
}
.notification-center-anchor  {
   background-color: #EFC728;
}
#signList .canvas-item  {
   color: #FFFFFF;
}




#menuContainer  {
   background-color: #FFFFFF;
}
.menu-wrapper  {
   background-color: #FFFFFF;
}
#menu ul>li  {
   border-bottom-color: #EEEEEF;
}
#menu ul>li:first-child  {
   background-color: #F7F7F7;
}
#menu .menu-text,
#menu .menu-subheader-text  {
   color: #151618;
}
#menu ul li:focus .menu-text,
#menu ul li:focus .menu-subheader-text  {
   color: #FFFFFF;
}
#menu ul li:hover  {
   background-color: #F7F7F7;
}
#menu ul li:focus  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.menu-wrapper a:link,
.menu-wrapper a:visited,
.menu-wrapper a:hover,
.menu-wrapper a:active  {
   color: #41566F;
}
#toolsList .canvas-section  {
   color: #151618;
   background-color: #F7F7F7;
   border-bottom-color: #EEEEEF;
}
#toolsList .canvas-item  {
   color: #151618;
   border-bottom-color: #EEEEEF;
   background-color: #FFFFFF;
}
#toolsList .canvas-item:hover  {
   background-color: #F7F7F7;
}
#toolsList .canvas-item:focus  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
#toolsList >.canvas-item:focus  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
#toolsList #mepDescForMobile  {
   background-color: #F7F7F7;
}
body .ui-tooltip  {
   border-color: #AAAAAA;
}
.ColVis_text_hover  {
   background-color: #F0F0F0;
}
div.ColVis_collection  {
   background-color: #F9F9F9;
   border-color: #CCCCCC;
}
div.ColVis_collection button.ColVis_Button:hover  {
   background-color: #F0F0F0;
}
.disabled  {
   color: #999999;
}
.grid-container .bottom  {
   background-color: #F5F5F5;
   border-color: #CCCCCC;
}
table.grid > thead > tr > th  {
   background-color: #FFFFFF !important;
   border-bottom-color: #EEEEEF !important;
   border-left-color: #EEEEEF !important;
}
.grid tr.odd  {
   background-color: #FFFFFF;
   border-bottom-color: #DDDDDD;
   border-color: #DDDDDD;
}
.grid tr.even  {
   background-color: #FFFFFF;
   border-bottom-color: #DDDDDD;
   border-color: #DDDDDD;
}
.grid tr.selected  {
   background-color: #DDDDDD !important;
}
.grid tr.hover  {
   background-color: #B2CEDF;
}
.grid td  {
   border-left-color: #EEEEEF !important;
   border-top-color: #EEEEEF !important;
   border-bottom-color: #EEEEEF !important;
}
.grid td.focus  {
   color: #000000 !important;
}
.grid-main-wrapper .visibility-control-column  {
   border-right-color: #EEEEEF !important;
}
.grid-main-wrapper .grid th.visibility-control-column  {
   border-bottom-color: #EEEEEF !important;
}
.button-menu-container  {
   border-color: #DDDDDD;
   border-top-color: #CCCCCC;
}
.button-menu-overlay  {
   background-color: #000000;
}
.grid.grid-frozen tr  {
   border-right-color: #DDDDDD;
}
.grid tr.notification-success  {
   background-color: #DDF4C9 !important;
}
.grid tr.notification-error  {
   background-color: #EBCFCF !important;
}
.grid tr.notification-error  {
   background-color: #EBCFCF !important;
}
.grid tr.notification-warning  {
   background-color: #FFF6B3 !important;
}
.grid tr.notification-warning  {
   background-color: #FFF6B3 !important;
}
.grid td.readonly  {
   background-color: #FFFFFF;
   color: #151618;
}
.focus-by-row .grid tr.focus  {
   background-color: #CCDFE9 !important;
}
.focus-by-cell .grid td.focus  {
   background-color: #CCDFE9 !important;
}
.add-row-hover  {
   background-color: #f2f8fc !important; /*#F2F8FC*/
   color: #000000 !important;
}
.add-row-selected,
.add-row-selected a:not(.select2-choice)  {
   color: #151618 !important;
   background-color: #F8F8F8 !important;
}
.grid tr.selected  {
   background-color: #FFFFFF !important;
}
.grid tr.hover  {
   background-color: #FFFFFF;
}
.grid thead th  {
   background-color: #EDF0F4 !important;
}
.grid tr.add-row-hover td.readonly,
.grid tr.add-row-hover td.add-row-selected,
.grid tr.add-row-hover td.add-row-selected a  {
   background-color: #f2f8fc !important; /*#F2F8FC*/
   color: #000000 !important;
}
.ui-widget-header  {
   background-color: #F9FAFB !important;
   color: #151618;
}
.selected-cell  {
   background-color: #CCCCCC;
}
.select2-container .select2-choice  {
   color: #151618;
   background-color: #FFFFFF;
}
.select2-container.select2-drop-above .select2-choice  {
   border-bottom-color: #B2B3B7;
}
.select2-drop-mask  {
   background-color: #FFFFFF;
}
.select2-drop  {
   background-color: #FFFFFF;
   color: #151618;
}
.select2-container .select2-choice .select2-arrow  {
   background-color: #FFFFFF;
}
.select2-dropdown-open .select2-choice  {
   background-color: #EEEEEE;
}
.select2-results .select2-highlighted  {
   color: #151618;
}
.select2-results li em  {
   background-color: #FEFFDE;
}
.select2-results .select2-highlighted ul  {
   background-color: #FFFFFF;
   color: #000000;
}
.select2-results .select2-disabled.select2-highlighted  {
   color: #666666;
}
.select2-container.select2-container-disabled .select2-choice  {
   background-color: #F4F4F4;
   border-color: #DDDDDD;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow  {
   background-color: #F4F4F4;
}
.select2-container-multi .select2-choices  {
   background-color: #FFFFFF;
}
.select2-container-multi .select2-choices .select2-search-field input  {
   color: #5B5E65;
}
.select2-default  {
   color: #5B5E65 !important;
}
.select2-container-multi .select2-choices .select2-search-choice  {
   color: #FFFFFF;
   background-color: #026BC8; /*#026BC8*/
}
.select2-container-multi.select2-container-disabled .select2-choices  {
   background-color: #F4F4F4;
   border-color: #DDDDDD;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice  {
   border-color: #DDDDDD;
   background-color: #F4F4F4;
}
.xe-extensions-editor  {
   border-color: #CCCCCC;
}
.xe-placeholder  {
   color: #999999;
}
.xe-extensions-editor.ui-dialog .ui-dialog-title  {
   color: #000000;
}
.xe-extensions-editor .primary,
.xe-extensions-editor .ui-corner-all.ui-button.ui-widget.primary  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.xe-extensions-editor .primary:hover:not([disabled]),
.xe-extensions-editor .ui-corner-all.ui-button.ui-widget.primary:hover:not([disabled])  {
   background-color: #065aa5; /*#065AA5*/
}
.xe-extensions-editor .primary:disabled,
.xe-extensions-editor .ui-corner-all.ui-button.ui-widget.primary:disabled  {
   background-color: #B2B3B7;
   color: #FFFFFF;
}
.xe-extensions-editor .primary:active:not([disabled]),
.xe-extensions-editor .ui-corner-all.ui-button.ui-widget.primary:active:not([disabled])  {
   background-color: #0a4982; /*#0A4982*/
}
.xe-extensions-editor .secondary,
.ui-corner-all.ui-button.ui-widget.secondary  {
   background-color: #FFFFFF;
   color: #026BC8; /*#026BC8*/
}
.xe-extensions-editor .secondary:hover:not([disabled]),
.ui-corner-all.ui-button.ui-widget.secondary:hover:not([disabled])  {
   background-color: #065aa5; /*#065AA5*/
   color: #FFFFFF;
}
.xe-extensions-editor .secondary:focus:not([disabled]),
.ui-corner-all.ui-button.ui-widget.secondary:focus:not([disabled])  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.xe-extensions-editor .secondary:disabled,
.ui-corner-all.ui-button.ui-widget.secondary:disabled  {
   background-color: #B2B3B7;
   color: #FFFFFF;
}
.xe-extensions-editor .secondary:active:not([disabled]),
.ui-corner-all.ui-button.ui-widget.secondary:active:not([disabled])  {
   background-color: #0a4982; /*#0A4982*/
}
.readonly  {
   background-color: #F7F7F7;
   color: #5B5E65;
}
.content-heading-shortcut  {
   color: #4F585F;
}
.chicklet  {
   color: #072f61; /*#557287*/
}
.banner-shortcut  {
   border-bottom-color: #EEEEEF;
}

.xe-popup-container .xe-pop-content  {
   color: #4F585F;
}@media only screen and (max-width:767px) and (orientation:landscape) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
 #signInCanvas  {
   background-color: #FFFFFF;
}
 #signInCanvas.signIn-active  {
   background-color: #FFFFFF;
}
 #signList .canvas-section  {
   color: #41566F;
   background-color: #F9FAFB;
}
 #signList .canvas-item  {
   color: #41566F;
}
 #signList .canvas-item:hover,
 #signList .canvas-item:focus  {
   background-color: #F3FCFF;
}
 .signIn-mobile.signIn-expanded:after  {
   border-bottom-color: #FFFFFF;
}
}
@media (min-width:0px) and (max-width:767px) and (orientation : portrait)	{
}
@media (min-width:0px) and (max-width:767px) and (orientation : landscape)	{
 #header-main-section-east-part #signInButton  {
   background-color: #043573; /*#5353D1*/
}
}
@media (min-width:768px) and (max-width:1024px) and (orientation : portrait)	{
a.breadcrumbButton:link,
a.breadcrumbButton:active,
a.breadcrumbButton:visited ,
.breadcrumbButton  {
   color: #026BC8; /*#026BC8*/
}
#title-panel  {
   color: #072f61; /*#557287*/
}
#breadcrumb-panel,
#title-panel  {
   background-color: #F7F7F7;
   border-bottom-color: #EEEEEF;
}
#title-panel h1  {
   color: #151618;
}
}
@media only screen and (min-width:0px) and (max-width:767px) {
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation : landscape)   {
}
@media only screen and (min-width:0px) and (max-width:767px) and (orientation : portrait)   {
}
@media only screen and (min-width:768px) and (max-width:1024px) {
}
@media (min-width: 0px) and (max-width: 767px) {
}
@media (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {
}
@media (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {
#userCanvas .canvas-item  {
   border-top-color: #EEEEEF;
}
#userList .canvas-section  {
   color: #151618;
   background-color: #F7F7F7;
   border-bottom-color: #EEEEEF;
}
#userList .canvas-item  {
   color: #151618;
   background-color: #FFFFFF;
   border-bottom-color: #EEEEEF;
}
#userList .canvas-item:hover  {
   background-color: #F7F7F7;
}
#userList .canvas-item:focus  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
#userList >.canvas-item:focus  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
#userList .canvas-item:active  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
#userList .canvas-item[readonly]  {
   color: #151618;
   background-color: #EEEEEF;
}
#userList #usernameForMobile  {
   background-color: #CCCCCC;
}
}
@media (min-width:0px) and (max-width:767px) and (orientation : portrait)	{
}
@media (min-width:768px) and (max-width:1023px)	{
.eds-text-field  {
   background-color: #FFFFFF;
}
.eds-text-field:focus:not([valid])  {
   color: #151618;
}
.eds-text-field-readonly  {
   background-color: #F7F7F7;
   color: #5B5E65;
}
.eds-text-field-disabled  {
   color: #5B5E65;
   background-color: #F7F7F7;
}
.primary:hover:not([disabled])  {
   background-color: #065aa5; /*#065AA5*/
}
.primary  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.secondary  {
   background-color: #FFFFFF;
   color: #026BC8; /*#026BC8*/
}
.primary:hover:not([disabled])  {
   background-color: #065aa5; /*#065AA5*/
}
.secondary:hover:not([disabled])  {
   background-color: #065aa5; /*#065AA5*/
   color: #FFFFFF;
}
.secondary:focus:not([disabled])  {
   background-color: #026BC8; /*#026BC8*/
   color: #FFFFFF;
}
.primary:disabled  {
   background-color: #B2B3B7;
   color: #FFFFFF;
}
.secondary:disabled  {
   background-color: #B2B3B7;
   color: #FFFFFF;
}
.primary:active:not([disabled])  {
   background-color: #0a4982; /*#0A4982*/
}
.secondary:active:not([disabled])  {
   background-color: #0a4982; /*#0A4982*/
}
td.invalid-input-value  {
   background-color: #EBCFCF !important;
}
.dataTables_processing  {
   border-color: #DDDDDD;
   color: #999999;
}
table.display thead th  {
   background-color: #EDF0F4 !important;
   border-bottom-color: #AAAAAA;
}
table.display tr.heading2 td  {
   border-bottom-color: #AAAAAA;
}
tr.odd  {
   background-color: #FFFFFF;
   border-bottom-color: #DDDDDD;
   border-color: #DDDDDD;
}
tr.even  {
   background-color: #FFFFFF;
   border-bottom-color: #DDDDDD;
   border-color: #DDDDDD;
}
.top  {
   background-color: #F5F5F5;
   border-color: #CCCCCC;
}
.bottom  {
   background-color: #F5F5F5;
   border-color: #CCCCCC;
}
tfoot input  {
   color: #444444;
}
tfoot input.search_init  {
   color: #999999;
}
td.group  {
   background-color: #D1CFD0;
}
td.details  {
   background-color: #D1CFD0;
}
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active  {
   border-color: #AAAAAA;
}
.paging_full_numbers span.paginate_button  {
   background-color: #DDDDDD;
}
.paging_full_numbers span.paginate_button:hover  {
   background-color: #CCCCCC;
}
.paging_full_numbers span.paginate_active  {
   background-color: #99B3FF;
}
table.display tr.even.row_selected td  {
   background-color: #194F85;
   color: #FFFFFF;
}
table.display tr.odd.row_selected td  {
   background-color: #194F85;
   color: #FFFFFF;
}
table.rowselect tr.focus  {
   border-color: #008000;
   background-color: #CCFFCC !important;
   color: #000000 !important;
}
table.rowselect tr.focus td  {
   background-color: #CCFFCC !important;
}
.ui-corner-all.ui-button.ui-widget  {
   background-color: #585858;
   color: #FFFFFF;
}
table.display tr.row_hover td  {
   color: #000000 !important;
}
table.display tr.even.row_hover td,
table.display tr.odd.row_hover td,
table.display tr.odd.row_hover td.sorting_1,
table.display tr.even.row_hover td.sorting_1  {
   background-color: #B2CEDF;
}
.datatables-save-success  {
   background-color: #E3EDD1 !important;
}
.cell-save-successful  {
   background-color: #FFFFFF !important;
   border-color: #008000;
}
.cell-error  {
   background-color: #FFFFFF !important;
   border-color: #FF0000;
}
.ui-layout-resizer-west,
.ui-layout-resizer-east  {
   border-left-color: #DDDDDD;
   border-right-color: #BBBBBB;
}
.ui-layout-resizer-north,
.ui-layout-resizer-south  {
   border-top-color: #DDDDDD;
   border-bottom-color: #BBBBBB;
}
#splash  {
   background-color: #FFFFFF;
}
input.combobox:hover ,
input.hasDatepicker:hover  {
   border-color: #4282B3;
}
input.combobox:focus,
input.hasDatepicker:focus  {
   border-color: #4282B3 !important;
}
#simplemodal-overlay  {
   background-color: #000000;
}
#simplemodal-container  {
   background-color: #87B4D0;
}
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-active,
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover,
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-hover  {
   background-color: #F7F7F7;
}
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover a,
div#sidebar ul.ui-tabs-nav li.ui-state-default.ui-state-hover a  {
   color: #333333;
}
table  {
   border-color: #DDDDDD;
}
ul.ui-autocomplete a.ui-state-hover  {
   background-color: #778FA1;
}
.ui-datepicker .ui-datepicker-header  {
   background-color: #ECF0F4;
}
.dataTables_wrapper tr.notification-success  {
   background-color: #DDF4C9;
}
.dataTables_wrapper tr.notification-error  {
   background-color: #EBCFCF;
}
.dataTables_wrapper tr.notification-error  {
   background-color: #EBCFCF;
}
.dataTables_wrapper tr.notification-warning  {
   background-color: #FFF6B3;
}
.dataTables_wrapper tr.notification-warning  {
   background-color: #FFF6B3;
}
.ui-pillbox li  {
   outline-color: #b0cde8; /*#81C8FF*/
   color: #BCBEC0;
   background-color: #FFFFFF;
}
.ui-pillbox li.ui-state-default,
.ui-pillbox li.ui-state-disabled  {
   color: #151618;
   background-color: #FFFFFF;
}
.ui-pillbox li.ui-state-disabled  {
   color: #B2B3B7;
}
.ui-pillbox li.ui-state-highlight  {
   color: #FFFFFF;
}
.notification-center-flyout  {
   background-color: #0071A7;
}
.notification-center-flyout ul li.notification-center-message-success  {
   background-color: #EAF7F2;
   color: #00804D;
}
.notification-center-flyout ul li.notification-center-message-error  {
   background-color: #FFEEED;
   color: #D42828;
}
.notification-center-flyout ul li.notification-center-message-warning  {
   background-color: #F5F2E7;
   color: #8A6A00;
}
li:first-child .notification-item-prompts  {
   background-color: #F4F4F4;
}
body > .notification-center-shim  {
   background-color: #666666;
}
#header-main-section li a.notification-message  {
   color: #D42828;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
}
@media screen and (min-width: 768px) {
}
@media (max-width: 768px) and (orientation: landscape) {
}
@media screen and (min-width: 768px) {
 .xe-popup-container .xe-pop-content  {
   color: #4F585F;
}
}

/* theme-common-patch.scss */
/*******************************************************************************
 Copyright 2018 Ellucian Company L.P. and its affiliates.
*******************************************************************************/
/*** This patch file is specific to Banner Self Service apps ***/

.placeholder-theme-name {
  content:  pace_production;
}

/*** Transparent background ***/
body {
  background-color: #ffffff;
}

/*** Branding Logo ***/
.institutionalBranding {
  background-image: url("http://media.pace.edu/Banner/Banner_Wordmark.png");
  width: 20em;
}

/*** Favicon ***/
.favicon {
  background-image: url("https://www.pace.edu/sites/default/files/P-iconfile.ico");
  width: 20em;
}

/*** Global focus ***/
:focus {
  outline-color: #b0cde8 /*#81C8FF*/;
}

/*** Header ***/
#banner-header-main-section,
#header-main-section {
  background-color: #043573; /* use selected color */
  color: #ffffff;
  border-bottom-color: #5191CD;
}

#header-main-section-east-part {
  background-color: #0b294f; /*fallback for IE and edge*/
  background-color: #0b294f4d; /*settting transparency*/
}

/*** Tweaks to base UI */
#header-main-section-east-part #username,
#header-main-section-east-part #mepDiv {
  padding-right:0.5em; /* space before and after name and mepDiv */
  padding-left:0.5em;
}

#header-main-section-east-part #mepDiv,
#header-main-section-east-part #signInButton,
#header-main-section-east-part #userDiv,
#header-main-section-east-part #toolsButton {
  border-left: 0px; /* Removed 1px unneeded line  */
  border-right: 0px;
}

/** Page Builder */
.admin-menu-section-main {
  border-color: #072f61; /*#9AC0D2*/
}
.admin-menu {
  color: #0972f6; /*#206E9F;*/
}

.admin-menu-section-sub>div:first-of-type {
  border-right-color: #072f61; /*#9AC0D2*/
  border-left-color: #072f61; /*#9AC0D2*/
}

.admin-menu-section-sub {
  border-color: #072f61; /*#9AC0D2*/
}
.app-list-container {
  border: 1px solid #072f61;
}


.admin-menu-section-main {
  border-color: #072f61; /*#9AC0D2*/
}

@media (max-width: 991px) {
  .admin-menu-section-sub>div:first-of-type {
    border-bottom-color: #072f61; /*#9AC0D2*/
  }
}

.app-list-container>div {
  border-top-color: #072f61; /*#9AC0D2*/
}

/* Hide button bar in header of old-style pages */
.buttonBar {
  visibility: hidden;
}

/* Login page style overrides */
.ie-warning DIV {
  color: #ffffff;
}

.login-primary {
  background-color: #026BC8;
}

.login-primary:hover:not([disabled]) {
  background-color: #065aa5;
}

.login-primary:focus:not([disabled]) {
  background-color: #065aa5;
  border-color: #b0cde8;
}

.login-primary:active:not([disabled]) {
  background-color: #0a4982;
}

.signin-button {
  background-color: #026BC8;
}

.signin-button:hover:not([disabled]) {
  background-color: #065aa5;
}

.signin-button:focus:not([disabled])  {
  background-color: #065aa5;
  border-color: #b0cde8;
}

.signin-button:active:not([disabled])  {
  background-color: #0a4982;
}

.splashBg .appName {
  color: #026BC8;
}

.splashBg .forgotpassword {
  color: #026BC8;
}

.pageBg {
  background-color: #9cc6fc; /*background-image*/
  background-image: none;
}

.xe-modal-mask {
  background-color: rgba(0, 0, 0, 0.3);
}
.xe-popup-mask {
  background-color: rgba(0, 0, 0, 0.3);
}

/*** Survey ***/
.termstextdiv {
  border-color: #043573 /*#2874BB*/;
  background-color: #f2f5f8;
  color: #043573;
  padding: 0.5em;
  margin-bottom: 2em;
}

/*** Tweaks to buttons ***/
.primary:hover:not([disabled])  {
  background-color: #065aa5; /*#065AA5*/
}

.primary:focus:not([disabled])  {
  background-color: #065aa5; /*#065AA5*/
}

.secondary:hover:not([disabled])  {
  background-color: #065aa5; /*#065AA5*/
}

.secondary:focus:not([disabled])  {
  background-color: #065aa5; /*#065AA5*/
}

.pageBg {
  background-color: #9cc6fc; /*background-image*/
  background-color: #043573;
	background-image: none, url(../images/1024x684.png);
}

/* This is for adding patch to Colleague Application*/
.esg-header-bar__logo-image{
  content:url("http://media.pace.edu/Banner/Banner_Wordmark.png")
}
/* This is for adding patch to Colleague UI Application*/
.ellucian-logo{
  content:url("http://media.pace.edu/Banner/Banner_Wordmark.png")
}
#colleague-ui .navbar-brand{
  content:url("http://media.pace.edu/Banner/Banner_Wordmark.png")
}
.esg-sign-in__page:before{
  background-image: url("$themebgimage"), url("https://cdn.elluciancloud.com/assets/1.5.1/img/image-sign-in-bw.jpg");
}

.esg-form__input--sign-in, input[type=password].esg-form__input--sign-in, input[type=text].esg-form__input--sign-in {
  background-color: hsla(0,0%,100%,.08);
}