body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background-color:#FEFEFE;
	color:#333333;
}
#content {width:960px; margin:0 auto;}
.error {color:#FF0000;}

table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F8F8F8;
    border-collapse: separate;
    border-color: #DBDBDB;
    border-image: none;
    border-style: solid none none solid;
    border-width: 1px;
}
table.small {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent; 
    border-collapse: separate;
    border-color: black;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}

.btn-green {
    color: #fff;
	background-color:rgb(28,184,65);
    border-color: MediumBlue;
}

.btn-blue {
    color: #fff;
    background-color: CornflowerBlue;
    border-color: MediumBlue;
}

.btn-Aqua {
    color: #000;
    background-color: Aqua;
    border-color: MediumBlue;
}

.btn-Cyan {
    color: #FFF;
    background-color: Cyan;
    border-color: MediumBlue;
}

.btn-LightBlue {
    color: #000;
    background-color: LightBlue;
    border-color: MediumBlue;
}

.btn-gray {
    color: #000;
    background-color: gray;
    border-color: gray;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /*
	-ms-touch-action: manipulation;
    touch-action: manipulation;
	*/
	
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*
	user-select: none;
	*/
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
}

.ahrefButton {
  display: block;
  height: 20px;
  background: #4E9CAF;
  padding: 6px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

tr td a {text-decoration:none;}
tr td a:hover {text-decoration:underline;}
.SEBA, tr.SEBA td a, tr.SEBA td a:hover {color:#4f5caa;}
.SEBALS, tr.SEBALS td a, tr.SEBALS td a:hover {color:#4f5caa;}
.SOH, tr.SOH td a, tr.SOH td a:hover {color:#ed751f;}
.SST, tr.SST td a, tr.SST td a:hover{color:#59a342;}
.CO, tr.CO td a, tr.CO td a:hover{color:#333333;}
.EVNT, tr.EVNT td a, tr.EVNT td a:hover,
.SC, tr.SC td a, tr.SC td a:hover{color:#A83A47;}
.SC, tr.SC td a, tr.SC td a:hover{color:#0000DD;}

/*
.SEBA {color:#4f5caa;}
.SOH {color:#ed751f;}
.SST {color:#59a342;}
.CO {color:#595957;}
.LLP {color:#0000DD;}
.EVNT, .SC {color:#A83A47;}
  */
  

option.SEBALS_OptionList_BGColor ,option:checked.SEBALS_OptionList_BGColor{ background-color:#4f66af; color:#FFFFFF;}
option.SOH_OptionList_BGColor,option:checked.SOH_OptionList_BGColor { background-color:#f17a2d; color:#FFFFFF;}
option.SST_OptionList_BGColor ,option:checked.SST_OptionList_BGColor { background-color:#5ea455; color:#FFFFFF;}
option.SC_OptionList_BGColor,option:checked.SC_OptionList_BGColor { background-color:#a12d87; color:#FFFFFF;}
option.CAREER_OptionList_BGColor,option:checked.SC_OptionList_BGColor { background-color:#a33d87; color:#FFFFFF;}
option.EVNT_OptionList_BGColor,option:checked.EVNT_OptionList_BGColor{ background-color:#fff8d6; color:#000;}
option.LLP_OptionList_BGColor,option:checked.LLP_OptionList_BGColor { background-color:#0000DD;color:#FFFFFF;}
option.CO_OptionList_BGColor,option:checked.CO_OptionList_BGColor { background-color:#E3F7F5;color:#000;}
option.ALL_OptionList_BGColor,option:checked.ALL_OptionList_BGColor { background-color:#FFFFFF;color:#000;}

/* ---------------------------------------------------------------------
   Merged from former `css/styles.css` (schedule UI).
   Duplicate rules (e.g. option.*_OptionList_BGColor) were removed.
   --------------------------------------------------------------------- */

hr { margin: 10px 0 !important; }

a { text-decoration: none; color: #00416C; }

h2 {
  text-align: center;
  font-size: 1.1em;
  min-height: 45px;
}

h2.month-day-title {
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 10px;
  text-align: left;
}

.school h4 {
  border-top: 2px solid #FAFAFA;
  font-size: 1em !important;
  margin: 5px 0 !important;
  padding: 2px 0;
}

h4.nb { border-top: none; }

p, div {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
}

span.course-title { font-weight: bold; }

p.course-instructor {
  text-align: left;
  font-size: 0.9em;
  text-shadow: 0.5px 0.3px #FF0000;
}

#footer {
  padding: 1em 0;
  clear: both;
  text-align: center;
}

#logo.right {
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  background-color: white;
  border: 2px dashed #00f;
  width: 240px;
}

#nav.left {
  margin: 1em;
  min-height: 4em;
  border: 2px dashed #f0f;
}

#schedule {
  clear: both;
  width: 99.5%;
  margin-left: 0.5%;
}

div.dcolumn7 {
  float: left;
  padding-right: 0.5%;
  width: 13.7%;
}

div.dcolumn1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 300px;
}

.school {
  margin-top: 0.5em;
  margin-bottom: 0;
  padding: 5px;
  border: 1px solid #ddd;
}

.SEBALS, .SEBA { background-color: #4f66af; color: #eaeaea; }
.SOH { background-color: #f17a2d; color: #eee; }
.SST { background-color: #5ea455; color: #eaeaea; }
.CO { background-color: #E3F7F5; min-height: 84px; }
.LLP { background-color: #0000DD; color: #ddd; }
.SC { background-color: #a12d87; color: #eaeaea; }
.EVNT { background-color: #fff8d6; color: #1e586b; }

.NOEVNT {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  min-height: 100px;
}

select, input { margin-left: 1em; }
select { padding: 2px; }

img.edit {
  float: right;
  height: 15px;
  margin: 0px 0px 15px 15px;
}
img.edit:hover { background-color: blue; }

#bootstrapSelectForm .selectContainer .form-control-feedback { right: -15px; }

@keyframes blinker { 30% { opacity: 0; } }

div.blinking {
  animation: blinker 2s steps(5, start) infinite;
  color: red;
}

.chosen-choices { min-height: 110px; }
.label { white-space: normal !important; }
span.label-default { background-color: #B8CCC3; color: #000; }