/** SMC additions (ie classes and ids that were not present in this css file, but appeared in registration pages**/
.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: #a9d1ba !important;
    border: 1px solid #007833 !important;
    color:#000000 !important
}
.registeredEvent.event1 div {
  background-color: #b889dc !important;
}
.registeredEvent.event3 div {
  background-color: #E57699 !important;
}
.notification-center-flyout ul li.notification-center-message-warning {
  color: #000000 !important;
}
.time-conflict {
  color: #750000 !important;
}
.grid tr.add-row-hover td.readonly{
    background-color: #a9d1ba !important;
    border: 1px solid #a9d1ba !important;
    color: #000000 !important;
}
.grid td.readonly {
  color: #000000 !important;
}
li.ui-state-default {
  color: #000000 !important;
}
li.ui-state-disabled {
  color: #000000 !important;
}
.ui-pillbox {
  color: #000000 !important;
}
li.ui-state-highlight {
  background-color: #a9d1ba !important;
  color: #000000 !important;
}
#breadcrumbHeader {
  -webkit-min-logical-height: 45px;
  min-height: 45px;
}
.persona-selection-header {
  color: #000000;
}
h3.curriculum-header {
  color: #000000 !important;
}
div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  background-color: #007733 !important;
  -webkit-gradient(linear, left top, left bottom, from(#95c996), to(#3d8438)) !important;
  background: linear-gradient(to left bottom, #95c996, #3d8438) !important;

  background: -moz-linear-gradient(top, #95c996 0%, #3d8438) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#95c996), to(#3d8438)) !important;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c996', endColorstr='#3d8438') !important;
  background-image: -ms-linear-gradient(90deg, #95c996, #3d8438) !important;
  border-top: 1px solid #007733 !important;
  border-bottom: 1px solid #007733 !important;
}
.ui-dialog {
  background: #007833 none repeat scroll 0 0 !important;
  border: 5px solid #007733 !important;
}
.xe-modal-container {
  border-color: #007733 !important;
}
/** end SMC additions **/
.placeholder-theme-name {
  content:  registration;
}

/*** 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 {
     background-image: url("https://proxy.swmich.edu/theme/smc_logo.svg");
     width: 20em;
 }

.favicon {
    background-image: url("$themefavicon");
    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*/

#breadcrumb-panel, #title-panel {
    /* background-color: #ccffe2; */ /*#F9FAFB*/
    background-color: #ffffff; /*#F9FAFB*/
    border-bottom-color: #007833; /*#DEE5E7*/
}

:focus {
    outline-color: #99ffbf;
}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-color: #ccffe2;
    color: #000000;
}
.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: #ccffe2;
    background-color: #00662b;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #ccffe2;
    background-color: #00662b;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #00662b;
    color: #ccffe2;
}
.ui-tabs .ui-tabs-nav {
    border-color: #007833; /*#719CAC;*/
}
.ui-tabs .ui-tabs-nav li.ui-state-default {
    border-color: transparent #007833; /*#719CAC;*/
}

.ui-datepicker .ui-state-highlight {
    /* color: #00ff6c; */ /*#2E6EBE;*/
    color: #000000; /*#2E6EBE;*/
}
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #00662b;
    background-color: #ccffe2;
}

#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: #00662b;
    background-color: #ccffe2;
}

#multiCalendarContainer .ui-state-active, #multiCalendarContainer .ui-widget-content .ui-state-active, #multiCalendarContainer .ui-widget-header .ui-state-active {
    background: none;
    color: #00662b;
    background-color: #ccffe2;
}

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

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

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background-image: none;
    background-color: #ccffe2;
    border-color: #00662b;
    /** color: #007833; */
    color: #007833;
}

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

#multiCalendarContainer .ui-state-focus, #multiCalendarContainer .ui-widget-content .ui-state-focus, #multiCalendarContainer .ui-widget-header .ui-state-focus {
    background-color: #00662b;
    color: #ccffe2;
}

#multiCalendarContainer .ui-state-hover a, #multiCalendarContainer .ui-state-hover a:hover {
    background-color: #00662b;
    color: #ccffe2;
}

#multiCalendarContainer .ui-state-active, #multiCalendarContainer .ui-widget-content .ui-state-active, #multiCalendarContainer .ui-widget-header .ui-state-active {
    background-image: none;
    background-color: #00662b;
    color: #ccffe2;
    border-color: #003316;
}

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

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

input.hasMultiCalendarPicker {
    border-color: #00ff6c; /*#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: #007833;
    background-image:none;
}

.primaryButton span {
    color: #00ff6c; /*#0989d7;*/
}


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

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

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


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

}

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


#outerFooter {
    background-image: none;
    background-color: #ccffe2;
    color: #007833;
}

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

.navList span:hover {
    color: #007833; /*#11679D;*/
    background-color: #ccffe2; /*E1EFFD;*/
}

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

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

.navList .scrollableListItem span:hover {
    color: #00ff6c; /*#0C60A6;*/
    background-color: #ccffe2; /*#D9F4FB;*/
}

.navList .scrollableListItem:focus span {
    color: #00ff6c; /*#0C60A6;*/
    background-color: #ccffe2; /*#D9F4FB;*/
}

.navList .parent span:hover {
    color: #007833; /*#11679D;*/
    background-color: #ccffe2; /*E1EFFD;*/
}

.navList .parent:focus span {
    color: #007833; /*#11679D;*/
    background-color: #ccffe2; /*E1EFFD;*/
}

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


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


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

#openItemsHeader div h3 {
    color:#00ff6c; /*#0C60A6;*/
}

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

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

#buttonBar span:hover {
    color:#00ff6c; /*#0C60A6;*/
}

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

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

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

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

.notification-center {
    background-color: #006626;
}

.notification-center-count {
    background-color: #006626;
}

.notification-center-anchor{
    background-color: #00ff5e; /*#FFD079*/
}

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

    #signInCanvas {
        background-color: #FFFFFF;
    }

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

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

    #signList .canvas-section {
        color: #007833; /*41566F;*/
        background-color: #ccffe2; /*F9FAFB;*/;
    }

    #signList .canvas-item {
        color: #007833; /*#41566F*/
        border-bottom-color: #00ff6c; /*#D0DBDE*/
    }

    #signList .canvas-item:hover, #signList .canvas-item:focus {
        background-color: #ccffe2; /*#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: #007833; /*!!#1B6496; */
    }

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

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

}

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

#title-panel{
    color: #fdd402; /*!!#557287;*/
top: 10px;
}

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

    #breadcrumb-panel{
        color: #007833; /*41566F;*/
	-webkit-min-logical-height: 55px;
	min-height: 55px;
    }
}

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

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

#toolsList .canvas-section {
    color: #000000; /*41566f;*/
    background-color: #ccffe2; /*f9fafb;*/
    border-bottom-color: #00ff6c; /*d0dbde;*/
}
#toolsList .canvas-item {
    color: #000000; /*#41566f;*/
    border-bottom-color: #00ff6c; /*d0dbde;*/
    background-color: #ccffe2; /*#f9fafb;*/
}
#userList .canvas-section {
    color: #007833; /*41566f;*/
    background-color: #ccffe2; /*f9fafb;*/
    border-bottom-color: #00ff6c; /*d0dbde;*/
}

#userList .canvas-item {
    color: #007833; /*41566f;*/
    border-bottom-color: #00ff6c; /*d0dbde;*/
}

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

table.display tr.even.row_selected td {
    background-color: #003316;
    color: #ccffe2;
}

table.display tr.odd.row_selected td {
    background-color: #003316;
    color: #ccffe2;
}

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


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

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

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

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

input.combobox {
    border-color: #00ff6c; /*#778FA0;*/
}

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

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


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

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

.notification-center-flyout {
    background-color: #006626;
    color: #ccffdf;
    box-shadow: 0 1px 1px #000000;
}

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

.grid .hasMultiCalendarPicker {
    border-color: #00ff6c; /*#778FA0;*/
}


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

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

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

.add-row-selected {
    border-color: #007833 !important; /*#005C96*/
    background-color: #a9d1ba !important; /*#005C96*/
    color: #000000;
}

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

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

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

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

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

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

.studentProfileCard ul li a{
    color:#00ff6c; /*#336699;*/
}
a {
  color: #000000; /*#428bca;*/
}

a:hover,
a:focus {
  color: #000000;
  font-weight: bolder;
}

.text-primary {
  color: #00ff6c; /*#428bca;*/
}

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

.text-info {
  color: #00ff6c; /*#3a87ad;*/
}

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


.form-control:focus {
  border-color: #007833; /*#66afe9;*/
}
.btn-primary {
  color: #ffffff;
  background-color: #00ff6c; /*#428bca;*/
  border-color: #007833; /*#357ebd*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #00ff6c; /*#3276b1;*/
  border-color: #007833; /*#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: #007833; /*#428bca;*/
  border-color: #000000; /*#357ebd;*/
}

.btn-info {
  color: #ffffff;
    background-color: #007833; /*#5bc0de;*/
  border-color: #000000; /*#46b8da;*/
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #00ff6c; /*#39b3d7;*/
  border-color: #007833; /*#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: #ccffe2; /*#5bc0de;*/
  border-color: #007833; /*#46b8da;*/
}

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

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

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

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

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

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

.nav a:hover .caret {
  border-top-color: #000000; /*#2a6496;*/
  border-bottom-color: #000000; /*#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: #007833; /*#428bca;*/
  border-color: #007833; /*#428bca;*/
}

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

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

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

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

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

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

.alert-info {
  color: #000000; /*#3a87ad;*/
  background-color: #ccffe2; /*#d9edf7*/
  border-color: #007833; /*#bce8f1;*/
}

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

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

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

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

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

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

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

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

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

.panel-info > .panel-heading {
  color: #000000; /*#3a87ad;*/
  background-color: #ccffe2; /*#d9edf7;*/
  border-color: #007833; /*#bce8f1;*/
}

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

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

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


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

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

.modal-dialog .progress-bar .inner-div *, .progress-bar .inner-div * {
    color: #000000; /*#225A85;*/
    background-color: #99ffbf; /*#F1CF79;*/
}

label {
  color: #000000;
}

.xe-badge {
  color: #000000;
}

.primary,
.primary:hover:not([disabled]),
.primary:active:not([disabled]) {
  color: #000000;
  background-color: #ffffff;
  border-color: #00662b;
/*!!leave grey  box-shadow: inset 0px -4px 0px #FDDA24;*/
}

.primary:disabled {
  color: #007833;
  background-color: #007833;
  border-color: #007833;
/*!!leave grey  box-shadow: inset 0px -4px 0px #FDDA24;*/
}

.secondary,
.secondary:hover:not([disabled]),
.secondary:active:not([disabled]) {
  color: #00b342;
  background-color: #ccffdf;
  border: 1px solid #006626;
/*  box-shadow: inset 0px -4px 0px #003614;*/
}

.secondary:disabled {
  color: #00b342;
  background-color: #99ffbf;
  border: #00b342;
/*  box-shadow: inset 0px -4px 0px #99ffbf;*/
}

.dropdown {
  color: #fdd402;
  background-color: #fff6cc;
  border-color: #655501; /*#869FB1;*/
/*  box-shadow: inset 0px -4px #DEE5E7;*/
}

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

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

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

.dropdown:focus {
  background-color: #ccffe2;
  border-color: #007833; }

.default {
  border-color: #655501;
  background-color: #fff6cc; }

.schedule-true {
  color: #fdd402;
  background-color: #fff6cc; }

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

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


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

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

textarea:focus {
  color: #fdd402;
  border-color: #655501;
  background-color: #fff6cc;
/*  box-shadow: inset 0px 2px 2px #CBE2E8;*/
}

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

.text-field:focus {
  background-color: #fff6cc;
  color: #fdd402;
  border-color: #655501;
/*  box-shadow: inset 0px 2px 2px #CBE2E8;*/
}

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

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

.simple-input-field:focus {
  border-color: #655501;
  color: #fdd402;
  background-color: #fff6cc;
}

.readOnly {
  background-color: #ccffe2; /*#F1F4F6;*/
  border-color: #00662b; /* #869FB1; */
  color: #007833; /* #869FB1; */
}


.headings, .lists, .inline, .paragraph, .hr {
  color: #655501;
  background-color: #fff6cc;
}
.anchor {
  color: #00662b;
  background-color: #fff6cc;
}

.typography {
  color: #655501;
  background-color: #fff6cc;
}

.logo-white {
  background-color: #ccffe2;
  color: #00662b;
}

.horizontal-row {
  border-color: #655501;
}

.pri-color1 {
  background-color: #007833;
  border-color: #00662b;
}


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

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

.schedule-true {
  color: #000000;
  background-color: #fff6cc;
}

.table-container {
  border-color: #655501;
/**Too much color:  background-color: #fff6cc;*/
  /** color: #b19502; */
  color: #007833;
}

table caption {
  border-bottom-color: #655501;
  color: #000000;
  background-color: #fff6cc;
}


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

.data-table thead tr th {
  border-right-color: #fdd402; /*#98AEBE;*/
  color: #000000;
/**Too much color:    background-color: #fff6cc; */
}


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

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

/**************************** Header and breadcrumb **************************************/
#title-panel h1 {
    color: #007833;
    background-color: #ffffff;
}

#title-panel {
    /* background: #ccffe2; */
    background-color: #ffffff;
    border-bottom: none;
}

/*
This gives a bit too much color
.container-fluid {
    background: #ccffe2;
    color: #007833;
}
*/

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

.tabs li a {
    color: #fdd402;
}

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

a:focus{
    outline-color: #007833; /*#B2DEEB*/
}
select:focus, input:focus, img:focus{
    outline-color: #007833; /*#B2DEEB;*/
}
.gradeBook-buttons-disabled {
    border-color: #007833; /*#BECCD7;*/
    background-color: #ccffe2; /*F9FAFB;*/
    color:#00ff6c; /* #869FB1; */
}
.gradeBook-buttons-enabled {
  border-color: #00662b;
    background-color: #ccffe2;
    color: #007833;
}

.gradeBook-buttons.active, .gradeBook-buttons:hover {
    background-color: #00662b;
    color: #ccffe2;
}

.btn-mobile {
    border-color: #007833; /*#BECCD7;*/
    background-color: #FFFFFF;
    color:#00ff6c; /* #869FB1; */
}

/*************************** Side-panel ******************************************/
.side-panel ul li a.active {
    color: #FDDA24;
    background-color:#fff6cc
    border-bottom-color: #000000;
}

.noCourseData {
    background: #fff6cc;
    color: #000000;
    border-bottom-color: #655501; /*#BECCD7;*/
}

.side-panel .infoTextTitle {
    background: #fff6cc;
    color: #000000;
    border-bottom-color: #655501;
}


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

/* too much color
.side-panel-course-details .course-details-gradable {
    background: #fff6cc;
    color: #000000;
    border-color: #655501;
}
*/
.side-panel-course-details hr, .side-panel-student-details hr {
    border-bottom-color: #655501;
}


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

.studentDetails {
    border-top-color: #655501;
}

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

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

.confidential-shield{
    color: #D16C1F;
}


.person-deceased {
    color: #D16C1F;
}

.confidential_deceased {
    background: #fff6cc;
    color: #000000;
  border-color: #655501;
}


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

    .select2-default {
      border-color: #00ff6c; /* #869FB1; */
    }

    .course-drop-down-container {
        background: #ccffe2;
        color: #007833;
    }


    .commentOptions {
      border-color: #00ff6c; /* #869FB1; */
        color: #00ff6c; /* #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: #00ff6c; /* #869FB1; */
    }
}

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


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

.select2-default {
    color: #000000 !important;
    background-color: #fff6cc;
}

.commentOptions {
    color: #FDDA24; /*!!#557287;*/
    background-color: #fff6cc;
    border-color: #000000;
}

#dragtable th, #dragtable td {
    background: #000000 !important;
    color: #fff6cc;
}

.drag-ghost, #targetT{
    background: #ccffe2;
    color: #007833;
}

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

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

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

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

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

    input[type="text"] {
        color: #FDDA24; /*!!#557287;*/
        background-color: #fff6cc;
      border-color: #000000;
    }
}

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

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


@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:#FDDA24;
    background-color: #fff6cc;
}

@media only screen and (max-width: 769px) {
    .comp-assessment {
      border-color: #00ff6c; /* #869FB1; */
        color: #00ff6c; /* #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: #ccffe2;
    color: #007833;
}
.gradesRemaining {
    color:#333333;
    border-top-color: #E0D397;
    background:#fff99c;
}

.up {
    color: #FDDA24;
    background-color: #fff6cc;
}

.down {
    transform: rotate(-90deg);
    background-color: #fff6cc;
    color: #FDDA24;
}



@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: #007833; /*#176A94*/
}

.header {
    background-image: none;
    background-color: #007833;
}

/*
.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;
}

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

/** Page Builder */
.admin-menu-section-main {
    border-color: #007833; /*#9AC0D2*/
}
.admin-menu {
    color: #00ff6c; /*#206E9F;*/
}

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

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


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

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

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

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

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

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

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

#title-panel {
    /** background: #ccffe2; */
    background: #ffffff;
    border-color: #ccffe2;
}
#title-panel h1 {
    color: #007833;
}

a.breadcrumbButton:link, a.breadcrumbButton:active,
a.breadcrumbButton:visited, .breadcrumbButton {
    /** color: #00ff6c; */ /*#206E9F*/
    color: #000000; /*#206E9F*/
}
#content {
    background: #ffffff; /*eff4f8*/ /*#ccffe2 is too much color in pb*/
    color: #000000 !importane;
}
.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:#ccffe2 /*eff4f8*/ url('../../images/up-arrow.png') no-repeat;
}

.middle {
    color: #557287;
    background:#ccffe2 /*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: #003316; /*#BECCD7*/
    background-color: #00ff6c; /*#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;
    }
}
/* BannerUiSs-patch.scss */
.placeholder-theme-name {
  content:  registration;
}

:focus {
  outline-color: #99ffbf;
}

/*** Branding Logo ***/
.institutionalBranding {
  background-image: url("https://proxy.swmich.edu/theme/smc_logo.svg");
  width: 20em;
}

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

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

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

#toolsList .canvas-item:hover,
#toolsList .canvas-item:focus {
  background-color: #ccffdf ;
}

/** Page Builder */
.admin-menu-section-main {
    border-color: #007833; /*#9AC0D2*/
}
.admin-menu {
    color: #00ff6c; /*#206E9F;*/
}

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

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


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

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

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

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

#toolsList .canvas-item:hover,
#toolsList .canvas-item:focus {
  background-color: #ccffdf ;
}

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

/* Login page style overrides */
.splashBg, .pageBg {
    background-image: none;
}

.pageBg {
     background-color: #007833; /*#4c8db5;*/
     background-image: linear-gradient( #00662b /*#015d96*/, #007833 /*#4c8db5*/ );
     background-repeat: repeat-x;
     background-size: auto 674px;
}

.splashBg {
    height: 408px;
    width: 705px;
    position: relative;
    background-color: #00ff6c /*#4e8bbb;*/ /* center section background */
    border: 2px solid #00662b /*#00579a*/;
    box-shadow: 0 0 30px 0px #000;
    top: 155px;
    margin: auto;
    margin: auto;
    left: 0px;
}

.splashBg:before {
  /* top section */
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  height: 156px;
  width: 100%;
  background-color: #00ff6c /*#70a4c4*/;
  background-image: linear-gradient( to right, #007833 /*#70a4c4*/, #007833 /*#337dab*/ );
  border-bottom: 1px solid;
  border-image: linear-gradient( to right, #007833 /*#4287b1*/, #00662b /*#005c96*/ ) 1;
}

.splashBg .copyright {
  /* bottom section */
  top: 244px;
  bottom: 0;
  left:0;
  right:0;
  margin: 0;
  padding: 24px 35px 0 85px;
  background-image: linear-gradient( to right, #00ff6c /*#3f85b0*/, #00662b /*#0d649b*/ );
  border-top: 1px solid;
  border-image: linear-gradient( to right, #007833 /*#367fac*/, #00662b /*#005c96*/ ) 1;
}

.splashBg .appName {
  /* Banner(R) name */
  top:55px;
  right:35px;
}

.splashBg .loginMsg {
  /* instructions under banner name */
  top: 110px;
  right: 37px;
}


.splashBg .ellucianName {
  /* Ellucian (TM) from auth.gsp patch */
  display: block !important;
  color: #ffffff;
  font-size: 37px;
  position: absolute;
  left: 62px;
  top: 181px;
  height: 86px;
}

.splashBg .ellucianName .trademark {
  font-size:4px;
}


.splashBg .logIn {
  margin: 36px 0 0 248px;
}

.splashBg .logIn DIV  {
  margin-top: 0;
}

.splashBg .ie-warning {
  position: relative;
}

.ie-warning DIV {
  color: #ffffff;
}

.splashBg .signin-button-wrapper {
  bottom: 0;
  top: -.15em;
}

.signin-button {
  background: #fdd402;
  background-image:linear-gradient(#fdd402, #b19502);
  border: 1px solid #655501;
}

.signin-button:hover {
  background: #feee9a;
  background-image:linear-gradient(#feee9a, #fdd402);
}

.signin-button:active {
  background: #000000;
  background-image:linear-gradient(#b19502, #fdd402);
}