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

/*** Tweaks to base UI */
#header-main-section-east-part #username {
  padding-right:0.5em; /* space after name */
}
#header-main-section-east-part #mepDiv {
  padding-left:0.5em;
}
.institutionalBranding {
  width: 20em;
}

#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  */
}

/* end corrections*/


:focus {
    outline-color: #e3bcb5;
}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-color: #d7e1f4;
    color: #17294f;
}
.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: #d7e1f4;
    background-color: #17294f;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #d7e1f4;
    background-color: #17294f;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #17294f;
    color: #d7e1f4;
}
.ui-tabs .ui-tabs-nav {
    border-color: #3867c7; /*#719CAC;*/
}
.ui-tabs .ui-tabs-nav li.ui-state-default {
    border-color: transparent #3867c7; /*#719CAC;*/
}

.ui-datepicker .ui-state-highlight {
    color: #3867c7; /*#2E6EBE;*/
}
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #17294f;
    background-color: #d7e1f4;
}

#multiCalendarContainer .ui-state-hover a, #multiCalendarContainer .ui-state-hover a:hover {
/*!! Evaluate these gradients
    background: -moz-linear-gradient(50% 11.8085% -90deg, rgba(27, 86, 145, 1) 0%, rgba(16, 73, 122, 1) 24.633%, rgba(4, 59, 98, 1) 57.0096%, rgba(0, 54, 89, 1) 76.9302%);
    background: -webkit-gradient(linear, 50% 11.8085%, 50% 79.654%, color-stop(0, rgba(27, 86, 145, 1)), color-stop(0.3202, rgba(16, 73, 122, 1)), color-stop(0.741057, rgba(4, 59, 98, 1)), color-stop(1, rgba(0, 54, 89, 1)));
*/
    background: none; /* remove gradients */
    color: #17294f;
    background-color: #d7e1f4;
}

#multiCalendarContainer .ui-state-active, #multiCalendarContainer .ui-widget-content .ui-state-active, #multiCalendarContainer .ui-widget-header .ui-state-active {
    background: none;
    color: #17294f;
    background-color: #d7e1f4;
}

.ui-datepicker-header .ui-state-hover {
    background-image: none;
    color: #3867c7; /*#2E6EBE;*/
}

.ui-datepicker .ui-state-highlight {
    background-image: none;
    border-color: #C5DBEC;
    color: #3867c7; /*#2E6EBE;*/
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background-image: none;
    background-color: #d7e1f4;
    border-color: #17294f;
    color: #27488b;
}

.ui-datepicker .ui-state-default .ui-state-hover {
    background-color: #b0c2e8; /*#B2CEDF;*/
}

#multiCalendarContainer .ui-state-focus, #multiCalendarContainer .ui-widget-content .ui-state-focus, #multiCalendarContainer .ui-widget-header .ui-state-focus {
    background-color: #17294f;
    color: #d7e1f4;
}

#multiCalendarContainer .ui-state-hover a, #multiCalendarContainer .ui-state-hover a:hover {
    background-color: #17294f;
    color: #d7e1f4;
}

#multiCalendarContainer .ui-state-active, #multiCalendarContainer .ui-widget-content .ui-state-active, #multiCalendarContainer .ui-widget-header .ui-state-active {
    background-image: none;
    background-color: #17294f;
    color: #d7e1f4;
    border-color: #0b1528;
}

input.hasMultiCalendarPicker:hover {
    border-color: #3867c7; /*#4282B3;*/
}

input.hasMultiCalendarPicker:focus {
    border-color: #3867c7; /*#4282B3;*/
}

input.hasMultiCalendarPicker {
    border-color: #3867c7; /*#778FA0;*/
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.xe-extensions-editor.ui-draggable.ui-resizable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: #27488b;
    background-image:none;
}

.primaryButton span {
    color: #3867c7; /*#0989d7;*/
}


.modalWindowTop .modalWindowTitle {
    color: #27488b; /*#0c4e8c;*/
}

.modalWindowTopblue .modalWindowTitle {
    color: #b0c2e8; /*#0989d7;*/
}

.headerBottomBorder {
    background: #27488b; /*#00559e;*/
}


.browseMenuShadow {
    border-color: #27488b; /*#13689E;*/
    background: #b0c2e8; /*#477b9c;*/

}

#browseButtonState.active {
    background-color: #b0c2e8; /*#477b9c;*/
    border-color: #27488b; /*#13689E;*/
}


#outerFooter {
    background-image: none;
    background-color: #d7e1f4;
    color: #27488b;
}

.downButton:hover, .upButton:hover {
    border-color: #b0c2e8; /*#2477C1;*/
}

.navList span:hover {
    color: #27488b; /*#11679D;*/
    background-color: #d7e1f4; /*E1EFFD;*/
}

.selectedListItem span {
    color: #ffffff;
    background-color: #17294f; /*#005C96;*/
}

.selectedListPage span {
    color: #ffffff;
    background-color: #27488b; /*#7FADCA;*/
}

.navList .scrollableListItem span:hover {
    color: #3867c7; /*#0C60A6;*/
    background-color: #d7e1f4; /*#D9F4FB;*/
}

.navList .scrollableListItem:focus span {
    color: #3867c7; /*#0C60A6;*/
    background-color: #d7e1f4; /*#D9F4FB;*/
}

.navList .parent span:hover {
    color: #27488b; /*#11679D;*/
    background-color: #d7e1f4; /*E1EFFD;*/
}

.navList .parent:focus span {
    color: #27488b; /*#11679D;*/
    background-color: #d7e1f4; /*E1EFFD;*/
}

div[id=mainMenuContainer] .navList .parent:focus span {
    color: #27488b; /*#11679D;*/
    background-color: #d7e1f4; /*#D9E7EF;*/
}


#helpWindowTab #helpWindowTabText {
    color: #b0c2e8; /*#0084d5;*/
}


#helpWindowControls #helpWindowTitle {
    color: #b0c2e8; /*#0084d5;*/
}

#openItemsHeader div h3 {
    color:#3867c7; /*#0C60A6;*/
}

#openItemsBody {
    border-left-color: #b0c2e8; /* #9AC0D2 */
    border-right-color: #b0c2e8; /* #9AC0D2 */
    background-color: #ffffff;
}

#openItemsFooter {
    border-color: #b0c2e8; /* #9AC0D2 */
}

#buttonBar span:hover {
    color:#3867c7; /*#0C60A6;*/
}

.activeOpenItem {
    background-color: #b0c2e8; /* #9AC0D2 */
    color: #ffffff;
    border-bottom-color: #ffffff;
}

#header-main-section {
    background-color: #0039A6; /* use selected color */
    color: #ffffff;
}

#header-main-section-east-part {
    background-color: #0039A6;
}

#header-main-section-east-part #username{
    background-color: #0039A6;
}

.institutionalBranding {
  background-image: url("https://cdn.gsu.edu/img/gsuLogo.svg");
  width: 20em;
}

.favicon {
  background-image: url("https://cdn.gsu.edu/img/gsufavicon.ico");
  width: 20em;
}

#bannerMenu {
    background: url("https://registration.gosolar.gsu.edu/StudentRegistrationSsb/assets/barsMenuWhite.png") center center no-repeat;
}

#bannerMenuDiv{
     background-color: #0039A6;
}

#brandingDiv{
    background-color: #0039A6;
}

.notification-center  {
    color: #FFD079;
}

.notification-center-count  {
    color: #151618;
}

.notification-center-anchor {
    background-color: #EFC728;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

    #signInCanvas {
        background-color: #FFFFFF;
    }

    #signInCanvas .canvas-section, #signInCanvas .canvas-item {
        border-bottom-color: #3867c7; /*D0DBDE;*/
    }

    #signInCanvas.signIn-active {
        background-color: #FFFFFF;
    }

    #signList .canvas-section {
        color: #27488b; /*41566F;*/
        background-color: #d7e1f4; /*F9FAFB;*/;
    }

    #signList .canvas-item {
        color: #27488b; /*#41566F*/
        border-bottom-color: #3867c7; /*#D0DBDE*/
    }

    #signList .canvas-item:hover, #signList .canvas-item:focus {
        background-color: #d7e1f4; /*#F3FCFF*/
    }

    .signIn-mobile.signIn-expanded:after {
        border-bottom-color: #ffffff;
        border-left-color: transparent;
        border-right-color: transparent;
    }
}


/*Tablet device*/

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {

    #header-main-section-east-part #signInButton {
        border-left: 0px; /*!!1px*/
        background-color: #0039A6; /*!!#1B6496; */
    }

    #header-main-section-east-part #toolsButton {
        border-left: 0px; /*!!1px*/
    }

    #header-main-section-east-part #userDiv {
        border-left: 0px; /*!!1px*/
        background-color: #0039A6; /*!!#1B6496;*/
    }

}

a.breadcrumbButton:link, a.breadcrumbButton:active, a.breadcrumbButton:visited , .breadcrumbButton {
    color: #27488b; /*41566F;*/
}

#title-panel {
    color: #656565;
}

@media only screen
and (min-width: 0px)
and (max-width: 767px) {

    #breadcrumb-panel{
        color: #27488b; /*41566F;*/
    }
}

#menu .menu-text, #menu .menu-subheader-text{
    color: #27488b; /*41566F;*/
}

.menu-wrapper a:link,.menu-wrapper a:visited,.menu-wrapper a:hover,.menu-wrapper a:active {
    color: #27488b; /*41566F;*/
}

#toolsList .canvas-section {
    color: #27488b; /*41566f;*/
    background-color: #f9fafb; /*#d7e1f4;*/
    border-bottom-color: #3867c7; /*d0dbde;*/
}
#toolsList .canvas-item {
    color: #27488b; /*#41566f;*/
    border-bottom-color: #3867c7; /*d0dbde;*/
    background-color: #f9fafb; /*#d7e1f4;*/
}
#userList .canvas-section {
    color: #27488b; /*41566f;*/
    background-color: #f9fafb; /*#d7e1f4;*/
    border-bottom-color: #3867c7; /*d0dbde;*/
}

#userList .canvas-item {
    color: #27488b; /*41566f;*/
    border-bottom-color: #3867c7; /*d0dbde;*/
}

.paging_full_numbers span.paginate_active {
	background-color: #b0c2e8; /*#99B3FF;*/
}

table.display tr.even.row_selected td {
    background-color: #0b1528;
    color: #d7e1f4;
}

table.display tr.odd.row_selected td {
    background-color: #0b1528;
    color: #d7e1f4;
}

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: #b0c2e8; /*#B2CEDF;*/
}


input.combobox:hover , input.hasDatepicker:hover{
    border-color:#b0c2e8; /*#4282B3;*/
}

input.combobox:focus,input.hasDatepicker:focus{
    border-color:#b0c2e8 !important; /*#4282B3 !important;*/
}

ul.ui-tabs-nav {
    background: #b0c2e8 none; /*#CCDFE9 */
    border-bottom-color: #27488b; /*#7F9AAD;*/
}

#simplemodal-overlay {background-color:#000000;}
#simplemodal-container {
    background-color:#d7e1f4; /*#87b4d0;*/
    border-bottom-color: #d7e1f4; /*#87b4d0;*/
}

input.combobox {
    border-color: #3867c7; /*#778FA0;*/
}

input.hasDatepicker {
    border-color: #3867c7; /*#778FA0;*/
}
ul.ui-autocomplete {
    border-color: #3867c7; /*#4282b3;*/
}

ul.ui-autocomplete a.ui-state-hover {
    background-color: #3867c7; /*#778fa0;*/
}


.dataTables_wrapper table tbody tr td form input {
    border-color: #3867c7; /*#778FA0;*/
}

.ui-pillbox li.ui-state-highlight {
    background: #b0c2e8; /*#9fbed4;*/
}

.notification-center-flyout {
    background-color: #f1deda;
    color: #4a231c;
    box-shadow: 0 1px 1px #000000;
}

.grid tbody tr td form input {
    border-color: 1px solid #3867c7; /*#778FA0;*/
}

.grid .hasMultiCalendarPicker {
    border-color: #3867c7; /*#778FA0;*/
}


.focus-by-row .grid tr.focus {
    background-color:#b0c2e8 !important; /*#CCDFE9 */ /* TODO: !important is required because .grid tr td:first-child is flagged !important. */
}

.focus-by-cell .grid td.focus {
    background-color:#b0c2e8 !important; /*#CCDFE9 *//* TODO: !important is required because .add-row-selected is flagged !important. */
}

.add-row-hover {
    background-color: #b0c2e8 !important; /*#B2CEDE */
    border-color: #b0c2e8 !important; /*#B1CEE0*/
}

.add-row-selected {
    border-color: #27488b !important; /*#005C96*/
    background-color: #27488b !important; /*#005C96*/
}

.select2-drop-active {
    border-top-color: #b0c2e8; /*#5897fb;*/
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #b0c2e8; /*#5897fb;*/
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border-top-color: #b0c2e8; /*#5897fb;*/
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border-color: #b0c2e8; /*#5897fb;*/
    border-top-color: transparent;
}
.select2-results .select2-highlighted {
    background-color: #3867c7; /*#3875d7;*/
    color: #ffffff;
}

/*GSU-Add background color/font color Selection highlighted-begin*/
.ui-select-choices ul li:hover{
   background-color: #3867c7;
   color: #ffffff;
}
/*GSU-Add background color/font color Selection highlighted-end*/

.select2-container-multi.select2-container-active .select2-choices {
    border-color: #b0c2e8; /*#5897fb;*/
}

td.fge-student-card-fullName-link {
    color: #3867c7; /*#337ab7;*/
}

.studentProfileCard ul li a{
    color:#3867c7; /*#336699;*/
}
a {
  color: #3867c7; /*#428bca;*/
}

a:hover,
a:focus {
  color: #3867c7; /*#2a6496;*/
}

.text-primary {
  color: #3867c7; /*#428bca;*/
}

.text-primary:hover {
  color: #27488b; /*#3071a9;*/
}

.text-info {
  color: #3867c7; /*#3a87ad;*/
}

.text-info:hover {
  color: #27488b; /*#2d6987;*/
}


.form-control:focus {
  border-color: #b0c2e8; /*#66afe9;*/
}
.btn-primary {
  color: #ffffff;
  background-color: #3867c7; /*#428bca;*/
  border-color: #27488b; /*#357ebd*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3867c7; /*#3276b1;*/
  border-color: #27488b; /*#285e8e;*/
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #b0c2e8; /*#428bca;*/
  border-color: #3867c7; /*#357ebd;*/
}

.btn-info {
  color: #ffffff;
    background-color: #b0c2e8; /*#5bc0de;*/
  border-color: #3867c7; /*#46b8da;*/
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #3867c7; /*#39b3d7;*/
  border-color: #27488b; /*#269abc;*/
}


.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #d7e1f4; /*#5bc0de;*/
  border-color: #b0c2e8; /*#46b8da;*/
}

.btn-link {
  color: #b0c2e8; /*#428bca;*/
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #b0c2e8; /*#428bca;*/
}

.nav .open > a .caret,
.nav .open > a:hover .caret,
.nav .open > a:focus .caret {
  border-top-color: #3867c7; /*#2a6496;*/
  border-bottom-color: #3867c7; /*#2a6496;*/
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
}

.nav .caret {
  border-top-color: #ffffff; /*#428bca;*/
  border-bottom-color: #ffffff; /*#428bca;*/
}

.nav a:hover .caret {
  border-top-color: #3867c7; /*#2a6496;*/
  border-bottom-color: #3867c7; /*#2a6496;*/
}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
  border-color: #b0c2e8; /*#428bca;*/
}

.label-primary {
  background-color: #b0c2e8; /* #428bca; */
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #b0c2e8; /*#3071a9;*/
}

.label-info {
  background-color: #d7e1f4; /*#5bc0de;*/
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #b0c2e8; /*#31b0d5;*/
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #3867c7; /*#428bca;*/
  background-color: #ffffff;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #b0c2e8; /*#428bca;*/
}

.alert-info {
  color: #3867c7; /*#3a87ad;*/
  background-color: #d7e1f4; /*#d9edf7*/
  border-color: #b0c2e8; /*#bce8f1;*/
}

.alert-info hr {
  border-top-color: #b0c2e8; /*#a6e1ec;*/
}

.alert-info .alert-link {
  color: #27488b; /*#2d6987;*/
}
.progress-bar {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
}

.progress-bar-info {
  background-color: #b0c2e8; /*#5bc0de;*/
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
  border-color: #b0c2e8; /*#428bca;*/
}

.panel-primary {
  border-color: #b0c2e8; /*#428bca;*/
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #b0c2e8; /*#428bca;*/
  border-color: #b0c2e8; /*#428bca;*/
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #b0c2e8; /*#428bca;*/
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #b0c2e8; /*#428bca;*/
}

.panel-info {
  border-color: #b0c2e8; /*#bce8f1;*/
}

.panel-info > .panel-heading {
  color: #3867c7; /*#3a87ad;*/
  background-color: #d7e1f4; /*#d9edf7;*/
  border-color: #b0c2e8; /*#bce8f1;*/
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #b0c2e8; /*#bce8f1;*/
}

.panel-info > .panel-heading > .dropdown .caret {
  border-color: #3867c7 transparent; /*#3a87ad transparent;*/
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #b0c2e8; /*#bce8f1;*/
}


.progress-bar {
    background: #555555;
    color: #3867c7; /*#225A85;*/
}

.progress-bar > span {
    background-color: #e3bcb5; /*#F1CF79;*/
}

.modal-dialog .progress-bar .inner-div *, .progress-bar .inner-div * {
    color: #3867c7; /*#225A85;*/
    background-color: #e3bcb5; /*#F1CF79;*/
}

/*label {
  color: #000;
}*/

.xe-badge {
  color: #333333;
}

.primary,
.primary:hover:not([disabled]),
.primary:active:not([disabled]) {
  color: #27488b;
  background-color: #d7e1f4;
  border-color: #17294f;
/*!!leave grey  box-shadow: inset 0px -4px 0px #026bc8;*/
}

.primary:disabled {
  color: #27488b;
  background-color: #b0c2e8;
  border-color: #27488b;
/*!!leave grey  box-shadow: inset 0px -4px 0px #026bc8;*/
}

.secondary,
.secondary:hover:not([disabled]),
.secondary:active:not([disabled]) {
  color: #333333;
  background-color: #d7e1f4;
  border: 1px solid #4a231c;
/*  box-shadow: inset 0px -4px 0px #026bc8;*/
}

.secondary:disabled {
  color: #333333;
  background-color: #e3bcb5;
  border: #333333;
/*  box-shadow: inset 0px -4px 0px #e3bcb5;*/
}

.dropdown {
  color: #ffffff;
  background-color: #026bc8;
  border-color: #4a231c; /*#869FB1;*/
/*  box-shadow: inset 0px -4px #DEE5E7;*/
}

ul.dropdown-menu li:hover {
  outline-color: #b0c2e8; /*#B0DEEC;*/
}

.placeholder {
  color: #3867c7; /*#869FB1;*/
}

.glyphicon-chevron-down {
  color: #3867c7; /*#869FB1;*/
}

.dropdown:focus {
  background-color: #0039A6;
  border-color: #0039A6; }

.default {
  border-color: #4a231c;
  background-color: #f1deda; }

.schedule-true {
  color: #b85847;
  background-color: #f1deda; }

input.cmn-toggle-round + label:after {
  background-color: #FFFFFF;
  border-color: #27488b; /*#869FB1;*/
}

input.cmn-toggle-round + label:before {
  background-color: #F6F8F8;
  border-color: #27488b; /*#869FB1;*/
}


.label, .labels {
  color: #b85847;
}

.comments-field {
  border-color: #27488b; /*#869FB1;*/
}

textarea:focus {
  color: #b85847;
  border-color: #4a231c;
  background-color: #f1deda;
/*  box-shadow: inset 0px 2px 2px #CBE2E8;*/
}

.text-field {
  border-color: #27488b; /*#869FB1;*/
}

.text-field:focus {
  background-color: #f1deda;
  color: #b85847;
  border-color: #4a231c;
/*  box-shadow: inset 0px 2px 2px #CBE2E8;*/
}

.readonly {
  color: #27488b; /* #869FB1; */
  background-color: #d7e1f4; /*#F1F4F6;*/
  border-color: #27488b; /* #869FB1; */
/*  box-shadow: inset 0px -2px 4px #E2EAEF;*/
}

.simple-input-field {
  border-color: #27488b; /* #869FB1; */
  background-color: #FFFFFF;
}

.simple-input-field:focus {
  border-color: #4a231c;
  color: #b85847;
  background-color: #f1deda;
}

.readOnly {
  background-color: #d7e1f4; /*#F1F4F6;*/
  border-color: #17294f; /* #869FB1; */
  color: #27488b; /* #869FB1; */
}


.headings, .lists, .inline, .paragraph, .hr {
  color: #4a231c;
  background-color: #f1deda;
}
.anchor {
  color: #17294f;
  background-color: #f1deda;
}

.typography {
  color: #4a231c;
  background-color: #f1deda;
}

.logo-white {
  background-color: #d7e1f4;
  color: #17294f;
}

.horizontal-row {
  border-color: #4a231c;
}

.pri-color1 {
  background-color: #27488b;
  border-color: #17294f;
}


@media only screen and (max-width: 769px) {
  .search-container .simple-input-field {
  border-color: #27488b; /* #869FB1; */
  }
}

.schedule-false {
  color: #94A1AD;
}

.schedule-true {
  color: #333333;
  background-color: #f1deda;
}

.table-container {
  border-color: #4a231c;
/**Too much color:  background-color: #f1deda;*/
  color: #333333;
}

table caption {
  border-bottom-color: #4a231c;
  color: #333333;
  /**GSU-Begin **/
  /**background-color: #f1deda;**/
  background-color:#d7e1f4;
  /**GSU-End **/ 
}


.data-table tbody tr, .noHeight .data-table tbody tr:first-child {
  border-top: 1px solid #4a231c;
}

.data-table thead tr th {
  border-right-color: #b85847; /*#98AEBE;*/
  color: #333333;
/**Too much color:    background-color: #f1deda; */
}


.pagination-container .pagination-controls button,
.pagination-container .pagination-controls input,
.pagination-container .pagination-controls select {
border-color: #27488b; /* #869FB1; */
}

.column-filter-button {
border-color: #27488b; /* #869FB1; */
}

/**************************** Header and breadcrumb **************************************/

#breadcrumb-panel, #title-panel {
    background-color: #F7F7F7;
    border-bottom-color: #EEEEEF;
}

#title-panel h1 {
    color: #151618;
}

/*
This gives a bit too much color
.container-fluid {
    background: #d7e1f4;
    color: #27488b;
}
*/

.app-header {
    border-bottom-color: #b7c6d1;
}

.tabs li a {
    color: #b85847;
}

.tabs li a.active {
    color: #b85847;
    border-bottom-color: #b85847;
}

a:focus{
    outline-color: #b0c2e8; /*#B2DEEB*/
}
select:focus, input:focus, img:focus{
    outline-color: #b0c2e8; /*#B2DEEB;*/
}
.gradeBook-buttons-disabled {
    border-color: #b0c2e8; /*#BECCD7;*/
    background-color: #d7e1f4; /*F9FAFB;*/
    color:#3867c7; /* #869FB1; */
}
.gradeBook-buttons-enabled {
  border-color: #17294f;
    background-color: #d7e1f4;
    color: #27488b;
}

.gradeBook-buttons.active, .gradeBook-buttons:hover {
    background-color: #17294f;
    color: #d7e1f4;
}

.btn-mobile {
    border-color: #b0c2e8; /*#BECCD7;*/
    background-color: #FFFFFF;
    color:#3867c7; /* #869FB1; */
}

/*************************** Side-panel ******************************************/
.side-panel ul li a.active {
    color: #026bc8;
    background-color:#f1deda
    border-bottom-color: #333333;
}

.noCourseData {
    background: #f1deda;
    color: #333333;
    border-bottom-color: #4a231c; /*#BECCD7;*/
}

.side-panel .infoTextTitle {
    background: #f1deda;
    color: #333333;
    border-bottom-color: #4a231c;
}


/* Too much color
.side-panel .infoTextBody {
    color: #333333;
    background: #f1deda;
}
*/
.side-panel .infoTextFooter {
    color: #333333;
/* Too much color:   background: #f1deda; */
}

/* too much color
.side-panel-course-details .course-details-gradable {
    background: #f1deda;
    color: #333333;
    border-color: #4a231c;
}
*/
.side-panel-course-details hr, .side-panel-student-details hr {
    border-bottom-color: #4a231c;
}


.side-panel-student-details label {
    color: #333333;
/*    background-color: #f1deda;*/
}

.studentDetails {
    border-top-color: #4a231c;
}

.studentDetails h4 {
    border-top-color: #4a231c;
    border-bottom-color: #4a231c;
}

.studentDetails-top {
    border-bottom-color: #4a231c;
}

.confidential-shield{
    color: #D16C1F;
}


.person-deceased {
    color: #D16C1F;
}

.confidential_deceased {
    background: #f1deda;
    color: #333333;
  border-color: #4a231c;
}


.separator {
    border-right-color: #b7c6d1;
}
@media only screen and (max-width: 769px) {
    .side-panel {
      border-color: #b7c6d1;
    }

    .select2-default {
      border-color: #3867c7; /* #869FB1; */
    }

    .course-drop-down-container {
        background: #d7e1f4;
        color: #27488b;
    }


    .commentOptions {
      border-color: #3867c7; /* #869FB1; */
        color: #3867c7; /* #869FB1; */
    }
}

/******************* Tablet devices ****************************/
@media only screen and (min-width: 769px) and (max-width: 1025px) {
    .side-panel {
      border-color: #b7c6d1;
    }

    .column-filter-button {
        background-color: #ffffff;
      border-color: #3867c7; /* #869FB1; */
    }
}

@media only screen and (min-width: 1024px) {
    .column-filter-button {
        background-color: #ffffff;
      border-color: #3867c7; /* #869FB1; */
        color: #ffffff;
    }
}


.select2-container .select2-choice {
    color: #444444;
}

.select2-default {
    color: #333333 !important;
    background-color: #f1deda;
}

.commentOptions {
    color: #026bc8; /*!!#557287;*/
    background-color: #f1deda;
    border-color: #333333;
}

#dragtable th, #dragtable td {
    background: #333333 !important;
    color: #f1deda;
}

.drag-ghost, #targetT{
    background: #d7e1f4;
    color: #27488b;
}

/*****************Validators ********************/
.error {
    border:1px solid #800000 !important;
}

.error:focus {
    border:1px solid #800000 !important ;
}

.duplicate-header:focus {
    outline: 2px solid #b0c2e8; /*#B2DEEB;*/
}
.table-container.fixedHeader .data-table th .duplicate-header {
    color:#026bc8;
/**Too much color:    background-color: #f1deda; */
    border-left-color: #333333;
}
.data-table tbody tr.selected-row{
    color: #31383E;
    background-color: #F3FCFF !important;
}
.data-table tbody tr:focus{
    outline: 2px solid #b0c2e8; /*#B2DEEB;*/
}
.data-table tbody tr:hover, .data-table tbody tr.active-row {
    background-color: #ffffff;
}

.message-container{
    color: #026bc8;
    background-color: #f1deda;
    border-top-color: #d3d3d3;
    border-bottom-color: #d3d3d3;
}
.table-sub  input[type="text"], .table-sub  input[type="number"]  {
    color: #026bc8; /*!!#557287;*/
      border-color: #333333;
      background-color: #f1deda;
}

@media only screen and (max-width: 769px) {
    #dataTable tr td:first-child {
        border-bottom-color: #d3d3d3 !important;
        color: #b0c2e8; /*#0C8CB4;*/
    }
    #dataTable tr td:nth-child(2) {
        border-bottom: 1px solid #d3d3d3 !important;
    }

    input[type="text"] {
        color: #026bc8; /*!!#557287;*/
        background-color: #f1deda;
      border-color: #333333;
    }
}

@media only screen and (min-width : 769px) and (max-width: 1025px) {
    .data-table thead tr {
        border-bottom-color: #333333
    }
    .table-head{
        border-bottom-color: #d3d3d3;
    }
}

@media only screen and (min-width: 1025px) {
    .data-table thead tr {
        border-bottom-color: #333333
    }
    .table-head{
        border-bottom-color: #d3d3d3;
    }
    .pagination-container{
        background: #ffffff;
        border-top-color: #333333;
    }
}


@media only screen and (max-width: 767px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }
}

/******************* Tablet devices ****************************/
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }
}

/******************* Desktop ****************************/
@media only screen and (min-width: 1024px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }

}
.comp-assessment {
    color:#026bc8;
    background-color: #f1deda;
}

@media only screen and (max-width: 769px) {
    .comp-assessment {
      border-color: #3867c7; /* #869FB1; */
        color: #3867c7; /* #869FB1; */
        -webkit-box-shadow: inset 0px -4px 0px #E2EAEF;
        -moz-box-shadow: inset 0px -4px 0px #E2EAEF;
        box-shadow: inset 0px -4px 0px #E2EAEF;
        background-color: #ffffff;
    }

}

.gradebook-component {
    border-bottom-color: #b7c6d1;
}

.gradebook-component-roster {
    border-top-color: #b7c6d1;
}

.vertical-slider {
    background: #d7e1f4;
    color: #27488b;
}
.gradesRemaining {
    color:#333333;
    border-top-color: #E0D397;
    background:#fff99c;
}

.up {
    color: #026bc8;
    background-color: #f1deda;
}

.down {
    transform: rotate(-90deg);
    background-color: #f1deda;
    color: #026bc8;
}



@media only screen and (max-width: 769px) {
    .gradebook-component-roster {
        border-top-color: #b7c6d1;
    }
}

@media only screen and (max-width: 769px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }
}

/******************* Tablet devices ****************************/
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }
}

/******************* Desktop ****************************/
@media only screen and (min-width: 1024px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #ffffff;
    }
}

/** timeout.css */
.dialog a:visited {
    color: #27488b; /*#176A94*/
}

.header {
    background-image: none;
	/*GSU-Begin*/
	/*background-color: #0039A6;*/
	background-color: #d7e1f4;
	/*GSU-End*/
}

.header .institutionalBranding {
    background-image: url("https://cdn.gsu.edu/img/gsuLogo.svg");
}

/*
.header .home {
    background: url("../images/btn-header-sprite.png") no-repeat scroll 0 -29px transparent;
}

.header .menuArrow {
    background: url("../images/header-composite-button-sprites.png") no-repeat scroll right 0 transparent;
}

.header .fauxBar {
    background: url("../images/header-button-sprites.png") repeat-x scroll 0 -24px transparent;
}

.header .fauxBarEndCap {
    background: url("../images/header-button-sprites.png") no-repeat scroll right 0 transparent;
}
*/

.footer {
    background-image: none;
    /*background-color: #0039A6;*/
}

/*
.footer .logo {
    background: url("../images/footer-logo-wht.png") no-repeat scroll center center transparent;
}
*/

/** Page Builder */
.admin-menu-section-main {
    border-color: #27488b; /*#9AC0D2*/
}
.admin-menu {
    color: #3867c7; /*#206E9F;*/
}

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

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


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

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

    border-bottom-color: #27488b; /*#9AC0D2*/
    border-right-color: #27488b; /*#9AC0D2*/
    border-left-color: #27488b; /*#9AC0D2*/
}

@media (min-width: 992px) {
  .admin-menu-section-sub>div:first-of-type {
      border-right-color: #27488b; /*#9AC0D2*/
  }
}

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

/** FGE */
@media only screen and (min-width: 1025px) {
    td:focus, a:focus, th:focus, select:focus, input:focus, button:focus {
        outline-color: #e3bcb5 !important; /*#9ecaed*/
    }

    .select2-container-active .select2-choice,
    .select2-container-active .select2-choices {
        border-color: #e3bcb5 !important; /*#9ecaed */
    }
}

/* #title-panel {
    background: #026bc8;
    border-color: #026bc8;
}
#title-panel h1 {
    color: #ffffff;
} */

#title-panel {
    background-color: #F7F7F7;
    border-bottom-color: #EEEEEF;
}

#title-panel h1 {
    color: #151618;
}

a.breadcrumbButton:link, a.breadcrumbButton:active,
a.breadcrumbButton:visited, .breadcrumbButton {
    color: #3867c7; /*#206E9F*/
}

.component {
    border-color: #b7c6d1;
    background: #fff;
}

.app-header {
    border-bottom-color: #b7c6d1;
}

@media only screen and (max-width: 769px) {
    .component {
        border-top-color: #b7c6d1;
    }
}

/*********************** Side-panel ******************************/

.side-panel {
    border-color: #b7c6d1;
    background: #fff;
    background-image: none;
}

.side-panel-header {
    border-bottom-color: #BECCD7;
}

.side-panel .panelContent {
}


/**************************************component-content ***************************/

@media only screen and (min-width: 769px) and (max-width: 1025px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #fff;
    }
}
/************************************ component footer *****************************/
.component-footer {
    border-top-color: #b7c6d1;
    background: #fff;
}

.component .component-footer {
    border-top-color: #b7c6d1;
    background: #fff;
}

@media only screen and (min-width: 769px) and (max-width: 1025px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #fff;
    }
}
/************************************ component-top **********************************/

.component-top {
    border-color: #b7c6d1;
    background: #fff;
}


@media only screen and (max-width: 769px) {
    .component-top {
        border-top-color: #b7c6d1;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .component-top {
        border-color: #b7c6d1;
        background: #fff;
    }


}

/************************************ component-bottom **********************************/

.component-bottom {
    border-color: #b7c6d1;
    background: #fff;
}

@media only screen and (max-width: 769px) {
    .component-bottom {
        border: none;
        border-top-color: #b7c6d1;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .component-bottom {
        border-color: #b7c6d1;
        background: #fff;
    }
}

/************************************** vertical slider **********************************/
.up {
    color: #4F585F;
    background:#d7e1f4 /*eff4f8*/ url('../../images/up-arrow.png') no-repeat;
}

.middle {
    color: #557287;
    background:#d7e1f4 /*eff4f8*/ url('../../images/dot.png') no-repeat;
}

.down {
    color: #4F585F;
    background: url('../../images/grid-down-arrow.png') no-repeat;
}

.border {
    border-color: #ccc;
}

.button {
    border-color: #0b1528; /*#BECCD7*/
    background-color: #3867c7; /*#206E9F*/
    color: #FFF;
    -webkit-box-shadow: inset -0px -4px #225A85;
    -moz-box-shadow: inset -0px -4px #225A85;
    box-shadow: inset -0px -4px #225A85;
}

.button-disabled {
    border-color: #BECCD7;
    background-color: #F9FAFB;
    color:#869FB1;
    -webkit-box-shadow: inset 0px -4px 0px #E2EAEF;
    -moz-box-shadow: inset 0px -4px 0px #E2EAEF;
    box-shadow: inset 0px -4px 0px #E2EAEF;
}

.comp-assessment {
    color:#4F585F;
    background: #fff url('../../images/down-arrow.png') no-repeat right 50%;
}

@media only screen and (max-width: 769px) {
    .comp-assessment {
        border-color: #869FB1;
        color: #869FB1;
        -webkit-box-shadow: inset 0px -4px 0px #E2EAEF;
        -moz-box-shadow: inset 0px -4px 0px #E2EAEF;
        box-shadow: inset 0px -4px 0px #E2EAEF;
    }
}
@media only screen and (max-width: 760px) {
    .actions {
        border-top-color: lightgray;
        border-bottom-color: lightgray;
    }
}

/********************** Ipad mini ********************************/
@media only screen and (max-width: 770px) and (min-width: 768px) {
    .component-footer {
        border-top-color: #b7c6d1;
        background: #fff;
    }
}

.rolled {
    background: url('../../images/registration_rolled_yes.png') no-repeat;
}

.not-rolled {
    background: url('../../images/not-rolled.svg') no-repeat;
}


.course-select-assessment {
    color: #83898E;
}


.select2-container .select2-choice {
    color: #444;
    background-color: transparent;
    background-image: none !important;
}

.select2-default {
    color: #4F585F !important;
}

.select2-container .select2-choice .select2-arrow {
    background-image: none !important;}
}

.select2-container .select2-choice .select2-arrow b {
    background: #fff url('../../images/down-arrow.png') no-repeat 95% 50% !important; }
}

/************************************ Accessibility *********************************/

@media only screen and (min-width: 1025px) {
    td:focus, a:focus, th:focus, select:focus, input:focus, button:focus {
        outline-color: #9ecaed !important;
    }

    .select2-container-active .select2-choice,
    .select2-container-active .select2-choices {
        border-color: #9ecaed !important;
        outline: none;

        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    }
}

/************************************* Composite grades ******************************/


/*****************************************************************************************
                Load Spinner
******************************************************************************************/
.overlay-show {
    background-color: rgba(1, 1, 1, 0.7);
}

@media only screen and (max-width: 769px) {
    .calendar-img {
        background: none;
    }
}

/* Persona css - 508 compliance*/
/*******************************************************************************
Copyright 2014-2016 Ellucian Company L.P. and its affiliates.
****************************************************************************** */
.transparent-overlay {
    background-color: #000000;
    height: 100%;
    opacity: 0.70;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1000;
    font-family: helvetica, regular;
    font-size: 18px;
    overflow-x: auto;
}

.persona-options-ul {
    list-style: none outside none;
    font-size: 16px;
}


#content.select-hat {
    bottom: auto;
    color: #fff;
    left: 0;
    margin: auto;
    min-height: 300px;
    padding-left: 10px;
    position: relative;
    right: 0;
    top: 0;
    width: 615px;
}

.persona-selection-header {
    font-size: 18px;
}

.persona-selection-header h1 {
    margin-bottom: 12px;
}

.persona-options-li {
    margin: 0 15px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 36%;
}

.persona-options-li input[type=radio]{
    margin-right:8px;
}

.persona-selection-footer {
    font-style: italic;
    font-size: 15px;
}


.currentHatChange {
    padding-left: .5em;
    color: #41566F;
    text-decoration: underline !important;
}

a.currentHat {
    text-decoration: none;
}

a.currentHatChange:visited, a.currentHat {
    color: #41566F;
}

.form-button {
    background: -moz-linear-gradient(center top , #FCFCFC 0%, #D6D8D8) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0.1em solid #778FA0;
    border-radius: 0.6em;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0.5em 2em;
}

.form-button:hover {
    color:#666666;
    background: -moz-linear-gradient(top,#ffffff 0%, #dedede);
    background: -webkit-gradient( linear, left top, left bottom,from(#ffffff), to(#dedede));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede');
    background-image: -ms-linear-gradient(90deg, #dedede, #ffffff);
    text-shadow: 0px -.1em 0px rgba(255,255,255,1);
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.form-button:active {
    background: -moz-linear-gradient(top, #d6d8d8 0%, #fcfcfc);
    background: -webkit-gradient(linear, left top, left bottom, from(#d6d8d8), to(#fcfcfc));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d8d8', endColorstr='#fcfcfc');
    background-image: -ms-linear-gradient(90deg, #fcfcfc, #d6d8d8);
    text-shadow:0px -.1em 0px rgba(255,255,255,1);
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}


.persona-selection-content {
    margin-top: 75px;
    position: absolute;
    right: 0;
    width: 100%;
}

.close-page {
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 30pt;
    margin-right: 25px;
    position: relative;
    text-align: right;
    width: 100%;
}

.continue-btn-section {
    float: right;
    font-size: 12px;
    margin-right: 25px;
    padding-top: 10px;
    position: relative;
    text-align: right;
}

.continue-persona-selection-content {
    margin-top: 75px;
    position: absolute;
    right: 0;
    width: 100%;
    height: 80%;
}

#content.continue-persona-change {
    bottom: auto;
    color: #fff;
    left: 0;
    margin: auto;
    padding-left: 10px;
    position: relative;
    right: 0;
    top: 30%;
    vertical-align: middle;
    width: 40%;
}

.extra-top-padding {
    padding-top: 25px;
}

#userIdentityText {
    padding-left: 10px;
}

@media screen and (max-width:1024px) {
    #userIdentityText {
        padding-left: 0;
    }
}

div.multiTermPopup div.popup-header,
div.popup div.popup-header,
div.ui-dialog div.ui-dialog-titlebar {
    color: #fff;
    background-color: #b0c2e8;
    background: -moz-linear-gradient(top, #b0c2e8 0%, #0039A6) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#b0c2e8), to(#0039A6)) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0c2e8', endColorstr='#0039A6') !important;
    background-image: -ms-linear-gradient(90deg, #0039A6, #b0c2e8);
    border-top: 1px solid #3867c7;
    border-bottom: 1px solid #0039A6;
}
.ui-dialog .ui-dialog-content {
    background-color: #f7f7f7;
}
.ui-dialog, .popup {
     background: #b0c2e8 none repeat scroll 0 0; /* color1-4*/
     border:5px solid #0039A6;
	     color: #ddd;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 3px 5px 3px 0;

    /* primary button, with !important flag */
    background: -moz-linear-gradient(top #b85847, 0%, #026bc8) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#b85847),to(#026bc8)) !important;
    background-image: -ms-linear-gradient(90deg, #b85847, #026bc8) !important;
    background-image: -o-linear-gradient(90deg, #b85847, #026bc8) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#575757') !important;
    background-image: -ms-linear-gradient(90deg, #026bc8, #b85847);
}

.footer.main-button-bar > #saveButton
{
	background: green !important
}