/*abstracts*/
/*--------------------------------------------------------------
# VARIABLES
--------------------------------------------------------------*/
/*(white - brand color)*/
/*(lightest gray background)*/
/*(gray used for form field borders)*/
/*(gray used for type)*/
/*(gray darker used for radio button centers)*/
/*(darkest gray)*/
/*(black - brand color)*/
/*(lightest cream background)*/
/*(cream used for form field borders)*/
/*(cream - brand color)*/
/*(lightest aqua note background)*/
/*(light aqua note border)*/
/*(aqua used for button border)*/
/*(aqua - brand color)*/
/*(lightest red background)*/
/*(red border)*/
/*(primary - brand color)*/
/*(vibrant - brand color)*/
/*-------------------------------------------------------------
# MIXINS
--------------------------------------------------------------*/
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
/*base styles*/
/*--------------------------------------------------------------
# PAGE LAYOUT
--------------------------------------------------------------*/
/*!
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*This defines what 1rem is*/
  font-size: 62.5%; /*1 rem = 10px; 10px/16px = 62.5%*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

body {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: block !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#text {
  font-size:1.6rem !important;
}

main {
  padding: 1rem 0rem; }

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 2px solid #f5f4f1 !important; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

b {
  font-weight: 700; }

img {
  border: 0;
  margin-bottom: 0.5em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px 0px 0px 0px !important; }

pre {
  overflow: auto; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.tabButtonOn {
    color: black;
    background-color: #b8eff3 !important;
    border: 2px solid black !important;
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1rem 0rem;
    border-radius: 10px;
}

.tabButtonOff {
    color: black;
    background-color: white;
    border: 2px solid #00a3ad !important;
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1rem 0rem;
    border-radius: 10px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

a img {
  border: none; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
  margin: 0 auto; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.form-control, select textarea {
    font-size: 1.7rem !important;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

form button,
form input[type="button"],
form input[type="reset"],
form input[type="submit"] {
  font-size: 1.6rem;
  font-size: 1.28571rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-weight: bold;
  margin: 1.5em 1em;
  max-width: 100%;
  padding: 0.75em 2.5em; }

label.form-check-label {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
  display: inline;
  width: auto;
  position: relative;
  transform: translateX(5px); }

input[type="radio"], input[type=checkbox] {
  margin-right: 1rem;
  white-space: nowrap;
  max-width: 150px;
  overflow: auto;
  text-overflow: ellipsis;
  position: relative;
  transform: translate(0px, 2px); }

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="range"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  border: none;
  outline: none; }

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="range"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

button,
input,
select,
textarea {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

textarea {
    max-width: 100%;
    padding: 0.5rem !important;
}

/*--------------------------------------------------------------
# Clearfix
--------------------------------------------------------------*/
.clearfix:before::after,
.clearfix:after::after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  clear: both; }

/*--------------------------------------------------------------
# Wrappers / Containers
--------------------------------------------------------------*/
.content-wrapper {
  max-width: 117rem;
  margin: 0 auto; }

.content-wrapper-small {
  max-width: 900px; }

.content-wrapper-course {
  max-width: 117rem;
  margin: 0 auto;
  border: 2px solid #eae5da;
  padding: 2rem; }


/*--------------------------------------------------------------
# GRID
--------------------------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.row-space-between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between; }

.row-space-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around; }

.row-space-evenly {
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly; }

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.btn.btn-primary {
  color: #ffffff !important;
  background-color: #00a3ad;
  border-color: #00a3ad;
  padding: 1rem 2.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background-color: #00828a;
    border-color: #00828a; }


.btn-red-filled {
  color: #fff !important;
  background-color: #ba0c2f;
  border:2px solid #ba0c2f;
  padding: 1rem 2.5rem;
  font-size: 2.1rem !important;
  font-weight: 500 !important;
  font-family: "Oswald", Arial, sans-serif;
  text-transform:uppercase;
  margin: 1rem;
  border-radius: 10px; }
  .btn-red-filled:hover, .btn-red-filled:active, .btn-red-filled:focus {
  background-color: #fff;
  border:2px solid #ba0c2f;
  color: #ba0c2f !important;
  padding: 1rem 2.5rem;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Oswald", Arial, sans-serif;
  text-transform:uppercase;
  margin: 1rem;
}

.btn-red-outlined {
  color: #ba0c2f !important;
  background-color: #fff;
  border: 2px solid #ba0c2f;
  padding: 1rem 2.5rem;
  font-size: 2.1rem !important;
  font-family: "Oswald", Arial, sans-serif;
  text-transform:uppercase;
  font-weight: 500 !important;
  margin: 1rem;
  border-radius: 10px; }
.btn-red-outlined:hover, .btn-red-outlined:active, .btn-red-outlined:focus {
  background-color: #ba0c2f;
  border:none;
  color: #fff !important;
  padding: 1rem 2.5rem;
  font-size: 2rem !important;
  font-weight: 500 !important;
  font-family: "Oswald", Arial, sans-serif;
  text-transform:uppercase;
  margin: 1rem;
  border: 2px solid #ba0c2f;
 }



.btn.btn-outline {
  color: #00a3ad !important;
  background-color: #ffffff;
  border: 2px solid #00a3ad;
  padding: 1rem 2.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  .btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus {
    background-color: #00828a;
    border-color: #00828a;
    color: #ffffff !important; }

.btn.btn-outline-small {
  color: #00a3ad !important;
  background-color: #ffffff;
  border: 2px solid #00a3ad;
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0rem 0rem;
  border-radius: 10px; }
  .btn.btn-outline-small:hover, .btn.btn-outline-small:active, .btn.btn-outline-small:focus {
    background-color: #00828a;
    border-color: #00828a;
    color: #ffffff !important; }

.btn.btn-danger {
  background-color: #ffffff !important;
  color: #ba0c2f;
  border: 2px solid #ba0c2f;
  padding: 1rem 2.5rem;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
    background-color: #efd3d7 !important;
    border-color: #efd3d7 !important;
    color: #ffffff !important; }

a {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-decoration: none;
 }

 /*p a {
   color:#ba0c2f;
 }*/

a:focus, a:hover {
  text-decoration: inherit !important; }

a #id {
  scroll-behavior: smooth; }

a:hover {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-decoration: none; }

button {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important; }

a:active,
a:hover,
a:focus,
a:visited {
  outline: 0;
  text-decoration: none;
  border: none; }

h1,
.h1,
h1 a,
.h1 a {
  font-family: "Oswald", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.5; }

h2,
.h2,
h2 a,
.h2 a,
div.font-weight-bold,
dt,
h5
 {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #000000;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold !important; }
  h2 span.lowercase,
  .h2 span.lowercase,
  h2 a span.lowercase,
  .h2 a span.lowercase {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    margin: 0.5rem 0rem;
    text-transform: none;
    font-weight: normal; }

h2.lowercase {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  text-transform: none;
  color: #000000;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold !important; }

p, span {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  margin: 0.5rem 0rem; }

p {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;
  font-size: 1.7rem !important;
  margin: 0.5rem 0rem;
  white-space: pre-line;
}

span {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;
  font-size: 1.7rem !important;
  margin: 0.5rem 0rem;
}

label {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;
  font-size: 1.7rem !important;
  margin: 0.5rem 0rem;
}

p.course-id {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  margin: 0.5rem 0rem;
  font-weight: bold; }

b, strong {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  margin: 0.5rem 0rem;
  font-weight: 600; }

div.red-circle {
  background: #ba0c2f;
  color: #ffffff;
  border-radius: 50%;
  padding: 0.1rem 1rem 0.3rem 1rem;
  display: inline; }

small {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

small a {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

p a {
  text-decoration: underline; }

p a:hover {
  text-decoration: underline; }

strong, strong a {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: 600; }

em {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 1.6rem; }

ul,
ol {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  margin-bottom: 1.5em; }

ul {
  list-style: disc;
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

ol {
  list-style: decimal;
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 2%; }

li {
  margin: 0.5em 0em 0.5em 1em; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 2%; }

.blue-alert {
  padding: 1.5rem;
  background: #f6feff;
  border: 3px solid #9fdddd;
  border-radius: 10px;
  margin: 0rem 0rem 1rem 0rem;
  text-align:center;
 }
  .blue-alert p {
    font-size: 1.7rem; }
    .blue-alert p a {
      color: #000000;
      text-decoration: underline; }

form h2, form div.font-weight-bold {
  margin-bottom: 0.5rem; }

.alert {
  padding:1.5rem !important;
  font-size:1.5rem !important;
  margin: 0rem 0rem 1rem 0rem !important;
  border-radius:10px !important;
  font-size:1.7rem !important;
  text-align:center;
}

.alert p {
  margin:0rem !important;
}

.blue-alert {
  padding: 1.5rem;
  background: #f6feff;
  border: 3px solid #9fdddd;
  border-radius: 10px;
  margin: 0rem 0rem 1rem 0rem;
  text-align:center;
 }
  .blue-alert p {
    font-size: 1.7rem;
    margin:0rem !important;
  }

.red-alert {
  padding: .5rem;
  background: #f4e6e6;
  border: 3px solid #efd3d7;
  border-radius: 10px;
  margin: 0rem 0rem 1rem 0rem;
  color: #ba0c2f;
  text-align: center; }
.red-alert p {
    font-size: 1.7rem;
     margin:0.5rem !important;
   }

div.red-circle {
    width: 30px;
    height: 30px; }



form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.7rem;
  color: #000000 !important; }

form ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.7rem;
  color: #000000 !important; }

form :-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.7rem;
  color: #000000 !important; }

form :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.7rem;
  color: #000000 !important; }

form span.paragraph {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: none;
  font-size: 1.6rem;
  color: #000000; }

form label, form span.gray, span.font-weight-bold {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: none;
  font-size: 1.6rem;
  margin: 0.5rem 0rem; }
  form label b, form label strong, form span.gray b, form span.gray strong {
    color: #000000;
    text-transform: uppercase !important; }

form .form-check {
  /* display: inline-flex; */
  width: 100%; }

form input[type="radio"], form input[type=checkbox] {
  margin-left: 0.5rem !important; }

form select {
  text-indent: 2.5px; }

form input[type="text"], form input[type="email"], form select.form-control {
  height: 5.5rem;
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 1.7rem;
  padding: 1.5rem;
  margin-bottom: 0.5rem; }

  form input[type="text"]:focus, form input[type="text"]:active, form input[type="email"]:focus, form input[type="email"]:active, form select.form-control:focus, form select.form-control:active {
    border-color: #666666;
    -webkit-box-shadow: inset 0 1px 1px rgba(153, 153, 153, 0.075);
    box-shadow: inset 0 1px 1px rgba(153, 153, 153, 0.075); }

.card {
  background:#f5f4f1 !important;
  margin:2rem !important;
}

form textarea.form-control {
  margin: 1rem 0rem;
  padding: 1.5rem; }

form textarea.form-control, form input[type="radio"], {
  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
  font-size: 1.7rem;
  padding: 1.5rem; }
  dd {
    background:#fff !important;
  }
  form textarea.form-control:focus, form textarea.form-control:active, form input[type="radio"]:focus, form input[type="radio"]:active {
    border-color: #666666;
    -webkit-box-shadow: inset 0 1px 1px rgba(153, 153, 153, 0.075);
    box-shadow: inset 0 1px 1px rgba(153, 153, 153, 0.075); }

input.smaller-input {
  width: 6rem !important;
  height: 4rem !important;
  display: inline !important; }

  input.smaller-input-inline {
    width: 6rem !important;
    height: 3rem !important;
    display: inline !important;
    margin: 0rem 0.5rem;
  }

form input[type="radio"], form input[type=checkbox] {
 /* width: auto;
  height: 2rem;*/
  margin-right: 0.5rem;
  margin-bottom: 0;
  background-color: #ffffff;
  vertical-align: sub;
  border: 1px solid #cccccc; }

form label.form-check-label {
  color: #000000;
  font-size:1.7rem !important;
 }
  form label.form-check-label b, form label.form-check-label strong {
    color: #000000;
    font-size:1.7rem !important;
  }

form label.invisible {
  color: transparent !important; }

form .btn.btn-primary {
  color: #ffffff !important;
  background-color: #00a3ad;
  border-color: #00a3ad;
  padding: 1rem 2.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  form .btn.btn-primary:hover, form .btn.btn-primary:active, form .btn.btn-primary:focus {
    background-color: #00828a;
    border-color: #00828a; }

form .btn.btn-outline, .btn.btn-outline-info {
  color: #00a3ad !important;
  background-color: #ffffff;
  border: 2px solid #00a3ad;
  padding: 1rem 2.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  form .btn.btn-outline:hover, form .btn.btn-outline:active, form .btn.btn-outline:focus, .btn.btn-outline-info:hover, .btn.btn-outline-info:focus  {
    background-color: #00828a;
    border-color: #00828a;
    color: #ffffff !important; }

form .btn.btn-outline, .btn.btn-outline-secondary {
    color: #6c757d !important;
    background-color: #ffffff;
    border: 2px solid #6c757d;
    padding: 1rem 2.5rem;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 1rem 0rem;
    border-radius: 10px;
}

    form .btn.btn-outline:hover, form .btn.btn-outline:active, form .btn.btn-outline:focus, .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #ffffff !important;
    }

form .btn.btn-danger, .btn-outline-danger {
  background-color: #ffffff !important;
  color: #ba0c2f;
  border: 2px solid #ba0c2f;
  padding: 1rem 2.5rem;
  font-size: 2.5rem;
  font-weight: bold;
  margin: 1rem 0rem;
  border-radius: 10px; }
  form .btn.btn-danger:hover, form .btn.btn-danger:active, form .btn.btn-danger:focus, .btn-outline-danger:hover, .btn-outline-danger:focus {
    background-color: #efd3d7 !important;
    border-color: #efd3d7 !important;
    color: #ffffff !important; }

@media (max-width: 400px) {
  header ul.user-portal li span, header ul.user-portal li, header ul.user-portal li a {
    font-size: 1.2rem !important; }
  header ul.user-portal li span {
    margin: 0rem 0.2rem !important;
    font-size: 1rem; }
  header ul.user-portal li {
    margin: 0rem 0.5rem !important; }
  header span.page-title {
    font-size: 2rem !important; }
  input[type="radio"], input[type="checkbox"] {
    width: 20px !important;
    position: absolute !important;
  }
  label.form-check-label {
    margin-left:8% !important;
  }
}

/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
.capa-10 {
  width: 10%; }

.capa-20, .capa-20-1 {
  width: 20%; }

.capa-25 {
  width: 25%; }

.capa-30, .capa-30-1, .capa-30-2 {
  width: 30%; }

.capa-38 {
  width: 38%; }

.capa-40 {
  width: 40%; }

.capa-45 {
  width: 45%; }

.capa-50 {
  width: 50%; }

.capa-55 {
  width: 55%; }

.capa-60 {
  width: 60%; }

.capa-70 {
  width: 70%; }

.capa-80 {
  width: 80%; }

.capa-90 {
  width: 90%; }

.capa-100 {
  width: 100%; }

/*--------------------------------------------------------------
# Padding Classes
--------------------------------------------------------------*/
.ptb-2 {
  padding: 2rem 0rem; }

.ptb-1 {
  padding: 1rem 0rem; }

.ptb-2-1 {
  padding: 2rem 1rem; }

.prl-5 {
  padding: 0rem 5rem; }

/*--------------------------------------------------------------
# TEXT ALIGNMENT
--------------------------------------------------------------*/
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/*layout styles*/
header {
  background: #000000;
  padding: 1rem;
  color: #ffffff;
  border-bottom: 5px solid #ba0c2f; }
  header span.page-title {
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Oswald", Arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem; }
  header img {
    max-width: 24rem;
    margin-bottom: 0; }
  header p {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }
  header ul.user-portal {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: right;
    margin: 0 !important; }
    header ul.user-portal li {
      margin: 0rem 1rem; }
      header ul.user-portal li span {
        margin: 0rem 0.5rem 0rem 0rem;
        vertical-align: middle;
        font-size: 1.8rem; }
      header ul.user-portal li a {
        font-size: 1.5rem;
        color: #ffffff;
        font-weight: 500; }
      header ul.user-portal li:hover, header ul.user-portal li:active, header ul.user-portal li:focus {
        text-decoration: underline; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-color: #eae5da !important; }

.ugafooter {
  left: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  overflow: auto;
}

.footer-margin-top {
  margin-top:15rem !important;
}

.form-check-input:disabled~.form-check-label {
  margin-right: 1rem;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
h1.red {
  color:#ba0c2f;
  font-size:5.7rem;
  margin-right:1rem;
}

ul.main-menu {
  list-style-type:none;
  display:inline-flex;
  float:right;
  margin-top:1rem;
}

ul.main-menu li {
  margin:1rem;
}

ul.main-menu li:not(:last-child):after {
  content:'/';
  color:#cccccc;
  margin-left:1rem;
}

ul.main-menu li a {
  color:#ba0c2f;
}

/*slideshow styling*/
.home-slick {
  position: relative;
  margin-bottom: verticalSpace;
}

.home-slick .slick-slide {
  position: relative;
  height: 520px;
  overflow: hidden;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: unset;
  background-repeat: no-repeat;
}

.home-slick .slick-slide .wrapper {
  display: block !important;
  flex:none !important;
  max-width:1200px !important;
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left:24px;
  padding-right:24px;
}

.home-slick .slide-content-inner {
  width: 100%;
  height: auto;
  display:table-cell;
  vertical-align: middle;
  padding:5rem 3rem;
  background:#fff !important;
  position:absolute;
  z-index:1000 !important;
  top:20%;
  left: 15%;
  max-width:50rem;
  height:auto;
  border-left:15px solid #ba0c2f;
}


.home-slick .slide-content-inner h2.slide-h2, .home-slick .slide-content-inner h2.slide-h2 a {
  font-size:4.7rem;
  color:#ba0c2f;
  font-weight:400 !important;
  font-family: "Merriweather", serif;
  text-transform:none;
  text-indent:10px;
}


.home-slick .slide-content-inner p.slide-bold {
  font-weight:bold;
  margin:2rem 0rem;
}

.home-slick .slide-content-inner a.slide-link,   .home-slick .slide-content-inner a.slide-link:hover {
  color:#ba0c2f;
  text-transform:uppercase;
  font-weight:500;
  text-decoration:underline;
  font-family: "Oswald", Arial, sans-serif;
  font-size:2.4rem;
}

button.slick-next, button.slick-prev {
  position: absolute;
  z-index:1001;
  color:transparent;
  background:transparent;
  border:none;
}

button.slick-prev {
    top: 50%;
    left:5%;
}
button.slick-next {
    top: 50%;
    right:5%;
}

button.slick-next::before {
  display:block !important;
  content:url('/content/img/home/arrow_forward.png');
  width:30px;
  height:30px;
}

button.slick-prev::before {
    content:url('/content/img/home/arrow_back.png');
  width:30px;
  height:30px;
 display:block !important;
}


/*homepage content styling*/
section.tan, section.tan-border-top {
    background: #f5f4f1;
  padding:5rem 2rem;
}

section.tan-border-top {
  border-top: 3px solid #eae5da !important;
}

section.white-main {
    padding:5rem 2rem;
}

div.p2 {
  padding:2rem;
}

.p-5rem  {
  padding:0rem 8rem 0rem 0rem;
}

h2.oswald {
  text-transform:uppercase;
  font-weight:500 !important;
  text-decoration:none;
  font-family: "Oswald", Arial, sans-serif;
  font-size:3.2rem;
  margin-bottom:1rem;
}

h3.oswald {
  text-transform:uppercase;
  font-weight:500 !important;
  text-decoration:none;
  font-family: "Oswald", Arial, sans-serif;
  font-size:2.6rem;
  margin-bottom:1rem;
}

div.event-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding:1rem 0rem !important;
}

.event-list h3, .event-list h3 a {
font-size:1.6rem;
color:#000;
font-weight:600 !important;
}

.event-list h3, .event-list h3 a, .event-list h3 span.gray  {
  max-width: 260px;
  text-align:left;
  line-height:1.2;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.event-list h3 span.gray {
  font-weight:400 !important;
  color:#666666 !important;
  font-size:1.6rem;
  margin-bottom:1rem;
}

.card-month {
  background-color: #efefef;
  font-family: "Merriweather Sans", sans-serif;
  text-transform: uppercase;
  width: 5rem;
  height: 5.5rem;
  margin:1rem 2rem 1rem 0rem !important;
}
.month {
  font-size: 1.1rem;
  padding:.2rem;
  background-color: #ba0c2f !important;
  color: #fff !important;
  margin:0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

}

.day {
    color: #000;
    font-weight: 600;
    font-size: 2.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

ul.quicklinks {
  list-style-type:none;
}

ul.quicklinks li {
  margin:1rem 0rem;
  border-bottom:2px solid #666666;
  padding:1rem 0rem;
}

ul.quicklinks li a {
color:#ba0c2f;
text-decoration:none;
text-transform:uppercase;
font-family: "Oswald", Arial, sans-serif;
font-size:1.9rem;
}

ul.quicklinks li a::after {
  content:"\002B";
  float:right;
  display:inline-block;
  color:#666666;
  font-size:3rem;
  font-weight:400 !important;
}

p.strong-underline {
  text-decoration:underline;
  text-transform:uppercase;
  font-family: "Oswald", Arial, sans-serif !important;
  font-size:1.7rem !important;
  font-weight:500;
  margin-bottom:1rem;
}

.pall-2 {
  padding:2rem 1rem;
}

@media (max-width: 768px) {
ul.main-menu {
  float:left;
 }

 .home-slick .slide-content-inner {
   padding:2rem;
   max-width:100%;
   top: 50%;
   left: 0%;
   z-index:100000 !important;
   border-left:none;
 }

 button.slick-prev, button.slick-next {
   top:20%;
 }

 .home-slick .slick-slide {
  background-size: contain;
  height:475px;
  margin-bottom:0rem;
 }

 section.tan, section.tan-border-top, section.white-main {
   padding:1.5rem !important;
 }

 .home-slick .slide-content-inner h2.slide-h2 {
   font-size:3.7rem !important;
 }

 h2.oswald {
   margin-top:2rem;
 }

 div.event-list {
   -webkit-justify-content: left;
   -ms-flex-pack: left;
    justify-content: left;
 }

 .event-list h3, .event-list h3 a, .event-list h3 span.gray {
   max-width:80% !important;
 }

 .card-month {
   max-width:20%;
 }

 .pall-2 {
   padding:2rem 0rem;
 }


 .p-5rem  {
   padding:0rem !important;
 }
}

@media (max-width: 500px) {
.home-slick .slide-content-inner {
  top:35%;
}



}

/*--------------------------------------------------------------
# Interior Pages
--------------------------------------------------------------*/

section.breadcrumbs ul {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 1rem 0rem 0rem 0rem; }
  section.breadcrumbs ul li {
    margin: 0rem 1.5rem 0rem 0rem;
    font-size: 1.3rem; }
    section.breadcrumbs ul li a {
      text-decoration: underline;
      color: #ba0c2f;
      font-size: 1.3rem; }
  section.breadcrumbs ul li:not(:last-child):after {
    content: '/';
    margin: 0rem 0rem 0rem 1rem; }

section.autosave {
  padding: 1rem; }
  section.autosave::after {
    content: "";
    display: table;
    clear: both; }
  section.autosave .content-wrapper {
    transform: translateX(-15px); }
    section.autosave .content-wrapper span.autosave {
      font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
      font-size: 1.4rem;
      float: right;
      color: #666666;
      text-transform: uppercase;
      font-weight: bold;
      margin-left: -10px;
      background: #ffffff; }

.course-form-header {
  background: #f5f4f1;
  padding: 3rem;
  text-align: center;
  border-radius: 1rem; }
  .course-form-header h1 {
    font-family: "Oswald", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-size: 3.5rem;
    margin: 1rem 0rem; }

.vertical-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

#course-proposal {
  background: #f5f4f1;
  border-top: 2px solid #eae5da !important;
  border-right: 2px solid #eae5da !important;
  border-left: 2px solid #eae5da !important;
  border-bottom: 2px solid #eae5da !important;
  border-radius: 1rem;
  padding: .1rem;
  margin-bottom: 2rem; }
  #course-proposal .nav-tabs > li.active > a, #course-proposal .nav-tabs > li.active > a:focus, #course-proposal .nav-tabs > li.active > a:hover {
    border-top: 2px solid #eae5da !important;
    border-right: 2px solid #eae5da !important;
    border-left: 2px solid #eae5da !important;
    background: #fff;
    margin-bottom: -.1rem !important;
    padding-bottom: 1.5rem !important;
  }

  #course-proposal .nav-tabs > li > a:hover {
    background: #eae5da !important;
    border-bottom: none !important; }
  #course-proposal ul.nav.nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -1rem;
    border-bottom: 2px solid #eae5da !important; }
    #course-proposal ul.nav.nav-tabs li {
      width: auto !important; }
      #course-proposal ul.nav.nav-tabs li span {
        color: #ba0c2f; }
      #course-proposal ul.nav.nav-tabs li a {
        font-weight: bold !important;
        font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
        color: #000000 !important;
        font-size: 1.6rem;
      }
        #course-proposal ul.nav.nav-tabs li a:active {
          border-color: #fff; }

  #course-proposal ul.nav.nav-tabs .fa, #course-proposal ul.nav.nav-tabs .fas {
    color:#ba0c2f;
  }

.course-form {
  padding: 2rem;
  background: #ffffff;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem; }

form {
  border-radius: 10px; }
  form.course-info {
    padding: 3rem;
    margin-bottom: 0rem; }
  form.dashboard b {
    text-transform: uppercase; }
  form.select-change-fields {
    padding: 3rem;
    margin-bottom: 0rem; }
    form.select-change-fields label {
      color: #000000 !important; }
    form.select-change-fields input {
      margin: 1rem 0rem; }
    form.select-change-fields .control:checked ~ .conditional,
    form.select-change-fields #subfields:checked ~ .conditional {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto; }
    form.select-change-fields .control:not(:checked) ~ .conditional,
    form.select-change-fields #subfields:not(:checked) ~ .conditional {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    form.select-change-fields .select-change-subfields {
      background: #f5f4f1;
      padding: 5rem;
      border-top: 1px solid #cccccc; }
  form.autosave-form, form.course-change-proposal, form.new-course-proposal, form.department-head-review {
    border: 2px solid #eae5da; }
    form.autosave-form .row.row-creamery, form.course-change-proposal .row.row-creamery, form.new-course-proposal .row.row-creamery, form.department-head-review .row.row-creamery {
      background: #f5f4f1;
      padding: 2rem;
      margin: -2rem 0rem 0rem 0rem !important; }
    form.autosave-form span.form-label, form.autosave-form legend, form.course-change-proposal span.form-label, form.course-change-proposal legend, form.new-course-proposal span.form-label, form.new-course-proposal legend, form.department-head-review span.form-label, form.department-head-review legend {
      font-family: "Oswald", Arial, sans-serif;
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      font-size: 2.5rem;
      border-bottom: none; }
    form.autosave-form legend, form.course-change-proposal legend, form.new-course-proposal legend, form.department-head-review legend {
      background: #f5f4f1;
      padding: 2rem;
      margin: 0rem 0rem 0rem 0rem !important; }
    form.autosave-form .form-padding, form.course-change-proposal .form-padding, form.new-course-proposal .form-padding, form.department-head-review .form-padding {
      padding: 3rem 5rem; }
    form.autosave-form .blue-alert, form.course-change-proposal .blue-alert, form.new-course-proposal .blue-alert, form.department-head-review .blue-alert {
      padding: 1.5rem;
      background: #f6feff;
      border: 3px solid #9fdddd;
      border-radius: 10px;
      margin: 0.5rem 0rem; }
      form.autosave-form .blue-alert p, form.course-change-proposal .blue-alert p, form.new-course-proposal .blue-alert p, form.department-head-review .blue-alert p {
        font-size: 1.7rem; }
        form.autosave-form .blue-alert p a, form.course-change-proposal .blue-alert p a, form.new-course-proposal .blue-alert p a, form.department-head-review .blue-alert p a {
          color: #000000;
          text-decoration: underline; }
  form.department-head-review h2.lowercase {
    text-transform: none !important; }

.temp-save {
  background: #999999;
  padding: 0.3rem;
  border-radius: 1rem;
  text-align: center;
  width: auto;
  margin:0;
  color:#fff !important;
  font-size:1.2rem !important;
}
  .temp-save p {
    color: #ffffff;
    font-size: 1.2rem !important;
    margin:0rem !important; }

@media all and (max-width: 120rem) and (min-width: 61rem) {
  form.autosave-form {
    margin: 1rem 0rem; }
  form.autosave-form, form.course-change-proposal, form.new-course-proposal, form.department-head-review {
    margin: 1rem 0rem; }
  .capa-30-1 {
    width: 20%; }
  .capa-20 {
    width: 25%; }
  .capa-20-1 {
    width: 10%; }
  .capa-30-2 {
    width: 45%; }
  section.breadcrumbs {
    padding: 1rem; }
  }


@media all and (max-width: 60rem) and (min-width: 0rem) {
  body {
    overflow-x: hidden; }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .dropdown-menu {
    left: 0 !important;
    min-width: 250px !important; }
  .dropdown.responsivetabs-more a.dropdown-toggle {
    background: #fff !important;
    margin-bottom: -2rem !important;
    padding-bottom: 2rem; }
  .dropdown.responsivetabs-more a.dropdown-toggle:hover {
    background: #fff !important; }
  section.breadcrumbs {
    padding: 1rem !important; }
  form input#credit-hours, form input#credit-hours1, form input#credit-hours2, form input#credit-hours3, form input#credit-hours4, form input#credit-hours5, form input#credit-hours6, form input#credit-hours7, form input#credit-hours8, form input#credit-hours81, form input#credit-hours9, form input#credit-hours10, form input#credit-hours11, form input#repeated-credit {
    width: 4.5rem;
    height: 4rem;
    margin: 0; }
    form input#credit-hours::-webkit-input-placeholder, form input#credit-hours1::-webkit-input-placeholder, form input#credit-hours2::-webkit-input-placeholder, form input#credit-hours3::-webkit-input-placeholder, form input#credit-hours4::-webkit-input-placeholder, form input#credit-hours5::-webkit-input-placeholder, form input#credit-hours6::-webkit-input-placeholder, form input#credit-hours7::-webkit-input-placeholder, form input#credit-hours8::-webkit-input-placeholder, form input#credit-hours81::-webkit-input-placeholder, form input#credit-hours9::-webkit-input-placeholder, form input#credit-hours10::-webkit-input-placeholder, form input#credit-hours11::-webkit-input-placeholder, form input#repeated-credit::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-size: 1.2rem; }
    form input#credit-hours ::-moz-placeholder, form input#credit-hours1 ::-moz-placeholder, form input#credit-hours2 ::-moz-placeholder, form input#credit-hours3 ::-moz-placeholder, form input#credit-hours4 ::-moz-placeholder, form input#credit-hours5 ::-moz-placeholder, form input#credit-hours6 ::-moz-placeholder, form input#credit-hours7 ::-moz-placeholder, form input#credit-hours8 ::-moz-placeholder, form input#credit-hours81 ::-moz-placeholder, form input#credit-hours9 ::-moz-placeholder, form input#credit-hours10 ::-moz-placeholder, form input#credit-hours11 ::-moz-placeholder, form input#repeated-credit ::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 1.2rem; }
    form input#credit-hours :-ms-input-placeholder, form input#credit-hours1 :-ms-input-placeholder, form input#credit-hours2 :-ms-input-placeholder, form input#credit-hours3 :-ms-input-placeholder, form input#credit-hours4 :-ms-input-placeholder, form input#credit-hours5 :-ms-input-placeholder, form input#credit-hours6 :-ms-input-placeholder, form input#credit-hours7 :-ms-input-placeholder, form input#credit-hours8 :-ms-input-placeholder, form input#credit-hours81 :-ms-input-placeholder, form input#credit-hours9 :-ms-input-placeholder, form input#credit-hours10 :-ms-input-placeholder, form input#credit-hours11 :-ms-input-placeholder, form input#repeated-credit :-ms-input-placeholder {
      /* IE 10+ */
      font-size: 1.2rem; }
    form input#credit-hours :-moz-placeholder, form input#credit-hours1 :-moz-placeholder, form input#credit-hours2 :-moz-placeholder, form input#credit-hours3 :-moz-placeholder, form input#credit-hours4 :-moz-placeholder, form input#credit-hours5 :-moz-placeholder, form input#credit-hours6 :-moz-placeholder, form input#credit-hours7 :-moz-placeholder, form input#credit-hours8 :-moz-placeholder, form input#credit-hours81 :-moz-placeholder, form input#credit-hours9 :-moz-placeholder, form input#credit-hours10 :-moz-placeholder, form input#credit-hours11 :-moz-placeholder, form input#repeated-credit :-moz-placeholder {
      /* Firefox 18- */
      font-size: 1.2rem; }
  .capa-30-1 {
    width: 20%; }
  .capa-20 {
    width: 25%; }
  .capa-20-1 {
    width: 5%; }
  .capa-30-2 {
    width: 50%; }
  form.pre-co-requisites label.invisible {
    margin-bottom: -2rem !important; }
  form.autosave-form .form-padding, form.course-change-proposal .form-padding, form.new-course-proposal .form-padding, form.department-head-review .form-padding {
    padding: 3rem !important; }
  form.dashboard {
    padding: 2rem; }
    form.dashboard strong {
      text-transform: uppercase !important; }
  form label, form span.gray {
    margin: 0.5rem 0rem 0.5rem 0rem; }
  section.dashboard2 {
    padding: 2rem;
    min-height: 45vh;
   }
  form .btn.btn-primary, form .btn.btn-outline, form .btn.btn-danger {
    padding: 1rem 2rem;
    font-size: 2rem; }
  .form-check, .custom-control.custom-checkbox, .form-check, .form-check-inline {
    display: inline-flex;
    width: 100%; }
  .custom-control.custom-checkbox, .form-check {
    margin-top: 0.5rem; }
  .prl-5 {
    padding: 0 !important; }
  section.autosave {
    padding: 1rem 1rem 0rem 1rem !important; }
  form.pre-co-requisites input {
    margin-top: -2rem !important;
    margin-bottom: 0.5rem; }
  #course-proposal {
    margin: 1rem; }
  .course-form-header h1 {
    font-size: 2.5rem; }
  #course-proposal .nav-tabs > li.active > a, #course-proposal .nav-tabs > li.active > a:focus, #course-proposal .nav-tabs > li.active > a:hover {
    margin-bottom: -0.1rem; }
  .ptb-1 {
    padding: 0.5rem 0rem; }
  /*
  form.primary-delivery input {
    margin: 0.5rem 0rem;
  }
*/
  form h2, form div.font-weight-bold {
    margin-bottom: 0 !important; }
  form input#credit-hours, form input#credit-hours1, form input#credit-hours2, form input#credit-hours3, form input#credit-hours4, form input#credit-hours5, form input#credit-hours6, form input#credit-hours7, form input#credit-hours8, form input#credit-hours81, form input#credit-hours9, form input#credit-hours10, form input#credit-hours11 {
    margin: 0.2rem 0.5rem 0.2rem -1rem; }
  textarea.form-control {
    min-height: 45rem; }
  form.autosave-form {
    margin: 1rem; }
  form.equivalent-courses, form.course-info, form.pre-co-requisites, form.syllabus {
    padding: 1rem; }
  form.dashboard {
    padding: 1rem; }
  form.autosave-form, form.course-change-proposal, form.new-course-proposal, form.department-head-review {
    margin: 1rem 0rem; }
    form.autosave-form .form-padding, form.course-change-proposal .form-padding, form.new-course-proposal .form-padding, form.department-head-review .form-padding {
      padding: 3rem; }
  section {
    padding: 2rem 0rem !important; }
  form.select-change-fields, form.primary-delivery {
    padding: 1rem !important; } }

section.dashboard {
  padding: 2rem 0rem;
  min-height: 45vh;
}

span.form-label {
  font-family: "Oswald", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.5;
  color: #000000; }

form.dashboard {
  padding: 1rem; }

section.dashboard2 {
  padding: 1rem; }

.semster-checkbox {
  width:auto !important;
}

/*Added by HD::July 2023*/
.required {
    font-weight: bold;
    color: #BA0C2F !important;
    font-size: 1.7em;
    font-weight: 900;
}

.labelNotes {
    background-color: #c8d8e875;
    padding: 1em;
    font-size: 1.4rem !important;
    border-left: 5px solid #C8D8EB;
}

.ELDropdown {
    padding: 8px 16px;
    border: 1px solid #ced4da;
    font-size: 1.7rem !important;
    text-indent: inherit;
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 1.7rem;
    padding: 1.5rem;
    margin-bottom: 0.5rem;
    background-color: white;
}

.ELDivLabel {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    /* text-transform: uppercase; */
    color: #000000;
    line-height: 1.5;
    font-size: 1.7rem;
    font-weight: bold !important;
}

.ELDivHeading {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    /* text-transform: uppercase; */
    color: #000000;
    line-height: 1.5;
    font-size: 2.1rem;
    font-weight: bold !important;
}

.ELDivComments {
/*    color: #dc3545;*/
    font-size: 1.4rem;
    /*font-style: italic;*/
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

.ELDivCheckBox {
    /*color: #6c757d;*/
    font-size: 1.5rem !important;
    font-style: oblique;
}

/* needed for EL of CAPA/Details */
.accordion {
    background-color: #eee;
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-size: 1.8rem !important;
    font-weight: bold !important;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*Hide EL Area accordian before Rubric selection*/
#divElArea {
    display: none;
}

p.ICPara {
    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;
    font-size: 1.4rem !important;
    margin: 0.5rem 0rem;
    white-space: pre-line;
}