/**
 * Index Page CSS
 * @copyright Jordan Davila 2018
 */
/* line 33, ../sass/portal.scss */
.black_full_logo {
  background-image: url("../img/logos/logo1.png");
}

/* line 37, ../sass/portal.scss */
.white_full_logo {
  background-image: url("../img/logos/logo4.png");
}

/* line 41, ../sass/portal.scss */
.grey_full_logo {
  background-image: url("../img/logos/logo3.png");
}

/* line 45, ../sass/portal.scss */
.red_full_logo {
  background-image: url("../img/logos/logo2.png");
}

/* line 49, ../sass/portal.scss */
.black_icon_logo {
  background-image: url("../img/logos/icon1.png");
}

/* line 53, ../sass/portal.scss */
.white_icon_logo {
  background-image: url("../img/logos/icon4.png");
}

/* line 57, ../sass/portal.scss */
.grey_icon_logo {
  background-image: url("../img/logos/icon3.png");
}

/* line 61, ../sass/portal.scss */
.red_icon_logo {
  background-image: url("../img/logos/icon2.png");
}

/* line 64, ../sass/portal.scss */
.slide_nav_right {
  left: 0 !important;
}

/**
 * Main Html Body Wrappers
 * @updated 01/25/18
 */
/* line 77, ../sass/portal.scss */
body,
html {
  width: 100%;
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  color: #525252;
  letter-spacing: 1px;
}

/**
 * Properties
 */
/* line 88, ../sass/portal.scss */
.no_site {
  width: 0vw !important;
  height: 0vh !important;
}

/* line 93, ../sass/portal.scss */
.show_flex {
  display: flex !important;
}

/* line 97, ../sass/portal.scss */
.show_block {
  display: block !important;
}

/* line 101, ../sass/portal.scss */
.show_none {
  display: none !important;
}

/* line 105, ../sass/portal.scss */
.no_opacity {
  opacity: 0;
}

/* line 109, ../sass/portal.scss */
.with_opacity {
  opacity: 1 !important;
}

/* line 113, ../sass/portal.scss */
.padding20 {
  padding: 20px !important;
}

/* line 117, ../sass/portal.scss */
.padding30 {
  padding: 30px !important;
}

/* line 121, ../sass/portal.scss */
.padding_top_none {
  padding-top: 0px !important;
}

/* line 125, ../sass/portal.scss */
.margin_right_10 {
  margin-right: 10px;
}

/* line 129, ../sass/portal.scss */
.margin_bottom_20 {
  margin-bottom: 20px;
}

/* line 133, ../sass/portal.scss */
.margin_none {
  margin: 0 !important;
}

/* line 137, ../sass/portal.scss */
.text_align_right {
  text-align: right;
}

/* line 141, ../sass/portal.scss */
.disabled {
  display: none;
}

/* line 145, ../sass/portal.scss */
.overflow_hidden {
  overflow: hidden;
}

/* line 149, ../sass/portal.scss */
.flex_column_center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* line 156, ../sass/portal.scss */
.flex_column_top_center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 162, ../sass/portal.scss */
.flex_row {
  flex-direction: row !important;
}

/* line 166, ../sass/portal.scss */
.logo_full_wrap {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9999;
  transition: 1s ease all;
  display: flex;
}
/* line 174, ../sass/portal.scss */
.logo_full_wrap .logo_wrap {
  width: 80px;
  height: 80px;
  background-color: #e43f48;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 182, ../sass/portal.scss */
.logo_full_wrap .logo_wrap .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40%;
  height: 40%;
}
/* line 189, ../sass/portal.scss */
.logo_full_wrap .logo_text {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  background-image: url("../img/logos/logo-text.png");
  width: 120px;
  height: 80px;
  margin-left: 15px;
}

/* line 199, ../sass/portal.scss */
.login_wrap {
  position: absolute;
  right: 0;
  top: 20px;
  align-items: center;
  z-index: 9999;
  transition: 1s ease all;
  display: flex;
}
/* line 208, ../sass/portal.scss */
.login_wrap a {
  color: #ffffff;
  font-size: 1em;
  font-weight: 200;
  display: inline-block;
}
/* line 215, ../sass/portal.scss */
.login_wrap .login_line {
  height: 1px;
  background-color: #ffffff;
  width: 50px;
  display: inline-block;
  margin-left: 10px;
  transition: 0.5s ease all;
}

/* line 225, ../sass/portal.scss */
.login_wrap:hover > .login_line {
  width: 60px;
}

/* line 229, ../sass/portal.scss */
.login-error-wrap {
  padding: 1em 0em;
  color: #e43f48;
  align-self: flex-start;
  font-size: 0.9rem;
}

/**
 * Main
 */
/* line 239, ../sass/portal.scss */
main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

/* line 247, ../sass/portal.scss */
#website {
  transition: 1s ease all;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100vw - 40px);
  height: calc(100vh - 40px);
  border-radius: 10px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* line 261, ../sass/portal.scss */
#portal_container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 269, ../sass/portal.scss */
#portal_content {
  flex: 1 0;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

/* line 278, ../sass/portal.scss */
.red_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #eee;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 289, ../sass/portal.scss */
#main_nav {
  flex: 280px 0;
  width: 280px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  transition: 0.4s linear all;
  position: relative;
}
/* line 299, ../sass/portal.scss */
#main_nav .link_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* line 305, ../sass/portal.scss */
#main_nav .link_container .profile_container {
  height: 250px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
/* line 314, ../sass/portal.scss */
#main_nav .link_container .profile_container .profile_picture {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  margin-bottom: 15px;
}
/* line 325, ../sass/portal.scss */
#main_nav .link_container .profile_container .name {
  font-size: 0.8em;
  color: #c9c9c9;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 15px;
}
/* line 333, ../sass/portal.scss */
#main_nav .link_container .profile_container .id,
#main_nav .link_container .profile_container .role {
  font-size: 0.8em;
  color: #979797;
  font-weight: 300;
  margin-bottom: 5px;
}
/* line 342, ../sass/portal.scss */
#main_nav .link_container ul.main_links {
  flex: 1 0;
  width: 100%;
}
/* line 346, ../sass/portal.scss */
#main_nav .link_container ul.main_links li {
  position: relative;
}
/* line 350, ../sass/portal.scss */
#main_nav .link_container ul.main_links .left_line_hover.active,
#main_nav .link_container ul.main_links li:hover > .left_line_hover {
  background: #e43f48;
  width: 5px;
  height: 100%;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
}
/* line 361, ../sass/portal.scss */
#main_nav .link_container ul.main_links a {
  width: 100%;
  padding: 10px 70px;
  display: block;
  color: #979797;
  font-size: 0.8em;
}
/* line 369, ../sass/portal.scss */
#main_nav .link_container ul.main_links i {
  margin-right: 10px;
}

/* line 376, ../sass/portal.scss */
#menu_btn {
  width: 40px;
  height: 40px;
  background-color: #e43f48;
  color: #ffffff;
  font-size: 1.5em;
  cursor: pointer;
  display: none;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 20px;
}

/* line 390, ../sass/portal.scss */
#top_nav {
  flex: 60px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 397, ../sass/portal.scss */
#top_nav .logo_container {
  flex: 280px 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
}
/* line 404, ../sass/portal.scss */
#top_nav .logo_container .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex: 1 0;
  height: 25px;
}
/* line 411, ../sass/portal.scss */
#top_nav .title_link_wrap {
  flex: 1 0;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
/* line 421, ../sass/portal.scss */
#top_nav .title {
  flex: 1 0;
  font-size: 0.9em;
  color: #979797;
  font-weight: 500;
}
/* line 428, ../sass/portal.scss */
#top_nav .top_nav_menu {
  flex: 1 0;
  justify-content: flex-end;
}
/* line 432, ../sass/portal.scss */
#top_nav .top_nav_menu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
/* line 438, ../sass/portal.scss */
#top_nav .top_nav_menu ul li {
  font-size: 0.8em;
  margin-left: 25px;
}
/* line 442, ../sass/portal.scss */
#top_nav .top_nav_menu ul li a {
  color: #979797;
}
/* line 446, ../sass/portal.scss */
#top_nav .top_nav_menu ul li i {
  margin-right: 7px;
}

/* line 454, ../sass/portal.scss */
#nav_content_wrap {
  flex: 1 0;
  display: flex;
  width: 100%;
  flex-direction: row;
}

/* line 461, ../sass/portal.scss */
#content {
  flex: 1 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #eee;
}

/* line 473, ../sass/portal.scss */
.top_section_module {
  display: flex;
  justify-content: center;
  flex: 1 0;
  margin-bottom: 15px;
  width: 100%;
}

/* line 481, ../sass/portal.scss */
.bottom_section_module {
  display: flex;
  flex: 1 0;
  flex-direction: row;
  width: 100%;
}

/* line 488, ../sass/portal.scss */
.left_section_module {
  display: flex;
  flex: 2 0;
  flex-direction: column;
  width: 100%;
  margin-right: 15px;
  height: 100%;
}

/* line 497, ../sass/portal.scss */
.right_section_module {
  display: flex;
  flex: 1 0;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* line 505, ../sass/portal.scss */
.module_list_container {
  width: 100%;
  flex: 1 0;
  overflow-y: auto;
}

/* line 511, ../sass/portal.scss */
.module_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 20px;
}
/* line 520, ../sass/portal.scss */
.module_list .left_line_hover {
  background-color: #e43f48;
  width: 5px;
  height: 0;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  transition: 0.3s ease all;
}
/* line 531, ../sass/portal.scss */
.module_list .list_image {
  flex: 40px 0;
  height: 40px;
  border-radius: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
}
/* line 541, ../sass/portal.scss */
.module_list .list_info {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  flex: 1 0;
}
/* line 546, ../sass/portal.scss */
.module_list .list_info h1 {
  color: #979797;
  font-size: 0.7em;
  font-weight: 700;
  margin-bottom: 3px;
  line-height: normal;
}
/* line 554, ../sass/portal.scss */
.module_list .list_info h2 {
  color: #979797;
  font-size: 0.6em;
  font-weight: 400;
  margin-bottom: 3px;
  line-height: normal;
}

/* line 564, ../sass/portal.scss */
.module_list:hover > .left_line_hover {
  height: 100%;
}

/* line 571, ../sass/portal.scss */
.courses_buttons {
  flex: 1 0;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* line 579, ../sass/portal.scss */
.weather_icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  flex: 120px 0;
  margin-bottom: 40px;
}

/* line 588, ../sass/portal.scss */
.day {
  flex: 30px 0;
  color: #979797;
  font-size: 1em;
}

/* line 594, ../sass/portal.scss */
.date {
  flex: 30px 0;
  color: #979797;
  font-size: 1em;
}

/* line 600, ../sass/portal.scss */
.messages_container {
  width: 100%;
  flex: 1 0;
  overflow-y: auto;
}
/* line 605, ../sass/portal.scss */
.messages_container .recent_messages {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 20px;
}
/* line 614, ../sass/portal.scss */
.messages_container .recent_messages .left_line_hover {
  background-color: #e43f48;
  width: 5px;
  height: 0;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  transition: 0.3s ease all;
}
/* line 625, ../sass/portal.scss */
.messages_container .recent_messages .message_image {
  flex: 40px 0;
  height: 40px;
  border-radius: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
}
/* line 635, ../sass/portal.scss */
.messages_container .recent_messages .message_info {
  flex: 1 0;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
/* line 640, ../sass/portal.scss */
.messages_container .recent_messages .message_info h1 {
  color: #979797;
  font-size: 0.7em;
  font-weight: 700;
  margin-bottom: 3px;
  line-height: normal;
}
/* line 648, ../sass/portal.scss */
.messages_container .recent_messages .message_info p {
  color: #979797;
  font-size: 0.6em;
  font-weight: 400;
  margin-bottom: 3px;
  line-height: normal;
}
/* line 658, ../sass/portal.scss */
.messages_container .left_line_hover.active,
.messages_container .recent_messages:hover > .left_line_hover {
  height: 100%;
}

/* line 664, ../sass/portal.scss */
.button_container {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
}
/* line 670, ../sass/portal.scss */
.button_container .button {
  background: linear-gradient(90deg, #a747b4, #e43f48);
  padding: 3px 20px;
  color: #ffffff;
  font-size: 0.7em;
  border-radius: 100px;
}

/* line 679, ../sass/portal.scss */
.event_container {
  position: absolute;
  width: calc(100% * 4);
  height: 100%;
  z-index: 1;
}
/* line 685, ../sass/portal.scss */
.event_container .event {
  position: relative;
  display: inline-block;
  width: calc(100% / 4);
  height: 100%;
}
/* line 691, ../sass/portal.scss */
.event_container .event .bg_blk_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 700, ../sass/portal.scss */
.event_container .event .event_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}
/* line 708, ../sass/portal.scss */
.event_container .event h1 {
  position: absolute;
  color: #fff;
  font-size: 2em;
  font-weight: 400;
  bottom: 20px;
  left: 20px;
  text-transform: uppercase;
  width: 60%;
}
/* line 718, ../sass/portal.scss */
.event_container .event h1 i {
  color: #e43f48;
  font-size: 0.5em;
  font-weight: 900;
}

/* line 727, ../sass/portal.scss */
.modules {
  background-color: #ffffff;
  border-radius: 5px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  margin-left: 15px;
  flex: 1 0;
  position: relative;
  height: 100%;
}
/* line 738, ../sass/portal.scss */
.modules .btn {
  margin-bottom: 10px;
}
/* line 742, ../sass/portal.scss */
.modules .btn:last-child {
  margin-bottom: 0;
}

/* line 747, ../sass/portal.scss */
.modules:first-of-type {
  margin-left: 0;
}

/* line 751, ../sass/portal.scss */
.module_heading {
  width: 100%;
  padding: 20px;
  color: #c9c9c9;
  font-size: 0.8em;
  font-weight: 400;
}

/* line 759, ../sass/portal.scss */
.module_heading_options {
  width: 100%;
  padding: 20px;
  color: #c9c9c9;
  display: flex;
  flex-direction: row;
}
/* line 766, ../sass/portal.scss */
.module_heading_options h1 {
  flex: 1 0;
  color: #c9c9c9;
  font-size: 0.8em;
  font-weight: 400;
}
/* line 773, ../sass/portal.scss */
.module_heading_options select {
  background-color: transparent;
  border: 0;
  color: #c9c9c9;
}

/* line 780, ../sass/portal.scss */
.class_heading {
  width: 100%;
  height: 77px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 30px;
}

/* line 792, ../sass/portal.scss */
.class_info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  background: #fbfbfb;
}
/* line 800, ../sass/portal.scss */
.class_info section {
  flex: 1 0;
  padding: 30px;
}
/* line 803, ../sass/portal.scss */
.class_info section h1 {
  font-size: 0.9em;
  margin-bottom: 10px;
}
/* line 807, ../sass/portal.scss */
.class_info section p {
  font-size: 0.8em;
  color: #979797;
  line-height: 22px;
}
/* line 813, ../sass/portal.scss */
.class_info section ul {
  width: 100%;
}
/* line 815, ../sass/portal.scss */
.class_info section ul li {
  font-size: 0.8em;
  color: #979797;
  margin-bottom: 5px;
}
/* line 819, ../sass/portal.scss */
.class_info section ul li i {
  color: #b7b7b7;
}

/* line 827, ../sass/portal.scss */
.myclasses_container {
  width: 100%;
  padding: 0px 30px 30px 30px;
  flex: 1 0;
}
/* line 834, ../sass/portal.scss */
.myclasses_container .myclass_wrap {
  width: calc((100% - 40px) / 3);
  display: inline-block;
  float: left;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  height: 13vw;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
}
/* line 849, ../sass/portal.scss */
.myclasses_container .myclass_wrap:nth-child(3n + 0) {
  margin-right: 0 !important;
}
/* line 853, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_image {
  flex: 2 0;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 861, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_info {
  flex: 1 0;
  width: 100%;
  position: absolute;
  padding: 20px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
/* line 869, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_info .myclass_teacher {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
  width: 3vw;
  height: 3vw;
  border-radius: 100px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
/* line 882, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_info h1 {
  font-size: 0.8em;
  color: #ffffff;
}
/* line 887, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_info h2 {
  font-size: 0.8em;
  color: #e43f48;
  font-weight: 700;
  margin-bottom: 5px;
}
/* line 894, ../sass/portal.scss */
.myclasses_container .myclass_wrap .myclass_info .btn {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

/* line 903, ../sass/portal.scss */
.course_content {
  flex: 1 0;
  margin: 20px 0px;
}
/* line 907, ../sass/portal.scss */
.course_content .content_container {
  width: 100%;
  padding: 20px 40px 20px 30px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  border-bottom: 1px solid #eeeeee77;
}
/* line 916, ../sass/portal.scss */
.course_content .content_container .icon {
  width: 50px;
  height: 50px;
  flex: 50px 0;
  margin-right: 20px;
  border-radius: 50px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
/* line 929, ../sass/portal.scss */
.course_content .content_container .icon .edit {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  color: white;
  text-align: center;
  line-height: 27px;
  bottom: -10px;
  right: 0px;
  font-size: 0.9em;
}
/* line 944, ../sass/portal.scss */
.course_content .content_container .icon_picture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 950, ../sass/portal.scss */
.course_content .content_container i {
  flex: 1 0;
  display: inline;
  text-align: center;
  font-size: 1.1em;
}
/* line 957, ../sass/portal.scss */
.course_content .content_container .icon_red {
  background: linear-gradient(90deg, #dc2693, #ff0808);
}
/* line 960, ../sass/portal.scss */
.course_content .content_container .icon_pink {
  background: linear-gradient(90deg, #a747b4, #e43f48);
}
/* line 963, ../sass/portal.scss */
.course_content .content_container .icon_blue {
  background: linear-gradient(90deg, #16beff, #14e079);
}
/* line 966, ../sass/portal.scss */
.course_content .content_container .icon_yellow {
  background: linear-gradient(90deg, #ffed17, #ffa010);
}
/* line 970, ../sass/portal.scss */
.course_content .content_container .content {
  flex: 1 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* line 977, ../sass/portal.scss */
.course_content .content_container .content h1 {
  font-size: 0.9em;
  margin-bottom: 5px;
}
/* line 982, ../sass/portal.scss */
.course_content .content_container .content a {
  font-size: 0.9em;
  margin-bottom: 5px;
  color: inherit;
  transition: 0.5s ease all;
  line-height: inherit;
}
/* line 990, ../sass/portal.scss */
.course_content .content_container .content a:hover {
  color: #e43f48;
}
/* line 994, ../sass/portal.scss */
.course_content .content_container .content p {
  font-size: 0.8em;
  color: #979797;
  line-height: 22px;
}

/* line 1003, ../sass/portal.scss */
.assignment_info_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
}

/* line 1012, ../sass/portal.scss */
.assignment_info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  width: 100%;
}
/* line 1019, ../sass/portal.scss */
.assignment_info a {
  line-height: inherit;
}
/* line 1023, ../sass/portal.scss */
.assignment_info .date {
  flex: 300px 0;
  text-align: right;
  font-size: 0.8em;
  color: inherit;
}

/* line 1032, ../sass/portal.scss */
.submission_module p {
  font-size: 0.8em;
  color: #979797;
  line-height: 20px;
}
/* line 1038, ../sass/portal.scss */
.submission_module h1 {
  margin-bottom: 20px;
}

/* line 1043, ../sass/portal.scss */
.submission_field_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex: 1 0;
  width: 100%;
}
/* line 1051, ../sass/portal.scss */
.submission_field_wrap .submission_field {
  flex: 1 0;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
/* line 1059, ../sass/portal.scss */
.submission_field_wrap .submission_field_row {
  flex: 1 0;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* line 1068, ../sass/portal.scss */
.submission_field_wrap #editor {
  width: 100%;
}
/* line 1072, ../sass/portal.scss */
.submission_field_wrap h1 {
  color: #ddd;
  font-size: 0.8em;
  width: 100%;
  display: block;
}
/* line 1079, ../sass/portal.scss */
.submission_field_wrap a {
  color: #e43f48;
  line-height: 20px;
  font-size: 0.8em;
}

/* line 1086, ../sass/portal.scss */
.flex_w_1 {
  flex: 1 0 !important;
}

/* line 1090, ../sass/portal.scss */
.flex_w_2 {
  flex: 2 0 !important;
}

/* line 1094, ../sass/portal.scss */
.flex_w_3 {
  flex: 3 0 !important;
}

/* line 1098, ../sass/portal.scss */
.flex_w_4 {
  flex: 4 0 !important;
}

/* line 1102, ../sass/portal.scss */
.flex_30_vh {
  flex: 30vh 0 !important;
}

/* line 1106, ../sass/portal.scss */
.flex_300 {
  flex: 270px 0 !important;
}

/* line 1110, ../sass/portal.scss */
.flex_50_per {
  flex: 50% 0 !important;
}

/* line 1115, ../sass/portal.scss */
.list_user_module {
  flex: 2 0;
  margin-right: 15px;
}

/* line 1120, ../sass/portal.scss */
.add_user_module {
  flex: 1 0;
  flex-direction: column;
  align-items: center;
}

/* line 1126, ../sass/portal.scss */
.simplebar-scrollbar {
  background-color: #e43f48 !important;
  opacity: 1 !important;
  right: 0px !important;
  width: 100% !important;
  border-radius: 10px;
}

/* line 1134, ../sass/portal.scss */
.simplebar-track.vertical {
  background-color: #eee !important;
  border-radius: 10px;
  width: 7px;
  margin-right: 7px;
}

/* line 1141, ../sass/portal.scss */
.simplebar-scrollbar:before {
  background: transparent !important;
}

/* line 1145, ../sass/portal.scss */
#progress_circle {
  width: 10vw;
  height: 10vw;
  min-height: 100px;
  margin-top: 20px;
}

/* line 1152, ../sass/portal.scss */
.progressbar_container {
  width: 70%;
  justify-content: space-between;
  align-items: center;
  display: flex;
  margin-top: 25px;
}

/* line 1160, ../sass/portal.scss */
#semester_progress {
  width: 100%;
  height: 10px;
  position: relative;
}

/* line 1166, ../sass/portal.scss */
#total_credits {
  width: 40%;
  height: 10px;
  position: relative;
}

/* line 1172, ../sass/portal.scss */
#total_credits_school {
  width: 40%;
  height: 10px;
  position: relative;
}

/* line 1178, ../sass/portal.scss */
.progressbar-text {
  font-size: 0.6em;
}

/* line 1182, ../sass/portal.scss */
#line_chart {
  width: 102.5% !important;
  height: calc(100% - 49px) !important;
}

/* line 1187, ../sass/portal.scss */
.user_stats_module {
  flex: 1 0;
  width: 100%;
  flex-direction: column;
  margin-bottom: 15px;
}
/* line 1193, ../sass/portal.scss */
.user_stats_module .profile_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
/* line 1202, ../sass/portal.scss */
.user_stats_module .profile_container .profile_picture {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
  width: 10vh;
  height: 10vh;
  border-radius: 100px;
  margin-bottom: 15px;
}
/* line 1213, ../sass/portal.scss */
.user_stats_module .profile_container .name {
  font-size: 0.8em;
  color: #c9c9c9;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 15px;
}
/* line 1221, ../sass/portal.scss */
.user_stats_module .profile_container .id,
.user_stats_module .profile_container .role {
  font-size: 0.8em;
  color: #979797;
  font-weight: 300;
  margin-bottom: 5px;
}

/* line 1231, ../sass/portal.scss */
.new_user_module {
  flex: 4 0 !important;
  height: 100%;
  width: 100%;
  flex-direction: column;
  margin-left: 0 !important;
}
/* line 1238, ../sass/portal.scss */
.new_user_module #flash_msg {
  flex: 56px 0;
  margin: 0;
}

/* line 1244, ../sass/portal.scss */
.edit_user_stats {
  flex: 1 0;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding: 20px;
  display: flex;
}
/* line 1252, ../sass/portal.scss */
.edit_user_stats .profile_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
/* line 1261, ../sass/portal.scss */
.edit_user_stats .profile_container .profile_picture {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eee;
  width: 10vh;
  height: 10vh;
  border-radius: 100px;
  margin-bottom: 15px;
}
/* line 1272, ../sass/portal.scss */
.edit_user_stats .profile_container .name {
  font-size: 0.8em;
  color: #c9c9c9;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 15px;
}
/* line 1280, ../sass/portal.scss */
.edit_user_stats .profile_container .id,
.edit_user_stats .profile_container .role {
  font-size: 0.8em;
  color: #979797;
  font-weight: 300;
  margin-bottom: 5px;
}
/* line 1289, ../sass/portal.scss */
.edit_user_stats .credit_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
  position: relative;
}
/* line 1299, ../sass/portal.scss */
.edit_user_stats .credit_container #progress_circle {
  margin-top: 0px !important;
  width: 7vw;
  height: 7vw;
}
/* line 1305, ../sass/portal.scss */
.edit_user_stats .credit_container .progressbar_container {
  margin-top: 20px;
}
/* line 1310, ../sass/portal.scss */
.edit_user_stats .btn_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
/* line 1319, ../sass/portal.scss */
.edit_user_stats .btn_container .btn {
  width: 100%;
}

/* line 1326, ../sass/portal.scss */
.department_list_module {
  flex: 2 0 !important;
  height: 100%;
  width: 100%;
  flex-direction: column;
  margin-left: 0 !important;
  margin-bottom: 0;
}
/* line 1334, ../sass/portal.scss */
.department_list_module ul {
  width: 100%;
  flex: 1 0;
}
/* line 1338, ../sass/portal.scss */
.department_list_module ul li {
  font-size: 0.8em;
  padding: 0 20px;
}
/* line 1342, ../sass/portal.scss */
.department_list_module ul li a {
  color: #979797;
  width: 100%;
  display: block;
  transition: 0.5s ease all;
}
/* line 1349, ../sass/portal.scss */
.department_list_module ul li a:hover {
  color: #e43f48;
}
/* line 1353, ../sass/portal.scss */
.department_list_module ul li .selected {
  color: #e43f48;
  font-weight: 700;
}

/* line 1361, ../sass/portal.scss */
.courses_add_new_module {
  margin: 0;
}

/* line 1365, ../sass/portal.scss */
.form_login_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1370, ../sass/portal.scss */
.form_login_container .credentials {
  font-size: 0.8rem;
  padding: 0em 4em;
  margin-left: 6em;
  border-left: 1px solid #e43f48;
}
/* line 1376, ../sass/portal.scss */
.form_login_container .credentials h1 {
  color: #e43f48;
}
/* line 1381, ../sass/portal.scss */
.form_login_container input {
  width: 30vw;
  padding: 15px;
  display: block;
  border: 0;
  margin-bottom: 10px;
  max-width: 300px;
  min-width: 200px;
}
/* line 1391, ../sass/portal.scss */
.form_login_container form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
}
/* line 1398, ../sass/portal.scss */
.form_login_container input[type="submit"] {
  background-color: #e43f48;
  color: #ffffff;
}
/* line 1403, ../sass/portal.scss */
.form_login_container .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  width: 100%;
  height: 80px;
  background-size: 50%;
}
/* line 1411, ../sass/portal.scss */
.form_login_container a {
  color: #e43f48;
  font-size: 0.8em;
  display: none;
}

/* line 1418, ../sass/portal.scss */
.forms {
  width: 100%;
  min-width: 220px;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 0;
}
/* line 1429, ../sass/portal.scss */
.forms label {
  color: #ddd;
  font-size: 0.8em;
  width: 100%;
  display: block;
}
/* line 1436, ../sass/portal.scss */
.forms input,
.forms select {
  width: 100%;
  padding: 5px;
  background-color: transparent;
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0px !important;
  border-bottom: 1px solid #eee;
  -webkit-appearance: none;
}
/* line 1449, ../sass/portal.scss */
.forms input:focus,
.forms select:focus {
  border-bottom: 1px solid #e43f48;
  box-shadow: none;
  outline: none;
}
/* line 1456, ../sass/portal.scss */
.forms textarea {
  width: 100%;
  padding: 5px;
  background-color: transparent;
  border: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0px !important;
  border-bottom: 1px solid #eee;
  -webkit-appearance: none;
}
/* line 1468, ../sass/portal.scss */
.forms .half_field {
  flex: 50% 0;
}
/* line 1472, ../sass/portal.scss */
.forms .full_field {
  flex: 100% 0;
}
/* line 1476, ../sass/portal.scss */
.forms .third_field {
  flex: 33.333% 0;
}

/* line 1481, ../sass/portal.scss */
input[type="submit"],
.btn {
  color: #ffffff !important;
  padding: 10px 15px;
  border-radius: 100px !important;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 0.7em;
  text-align: center;
  line-height: 15px;
  border: 0;
  max-width: 130px;
  min-width: 100px;
}

/* line 1496, ../sass/portal.scss */
.grade_sub_module {
  align-items: flex-start !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}
/* line 1501, ../sass/portal.scss */
.grade_sub_module textarea {
  height: 30px;
}

/* line 1506, ../sass/portal.scss */
.btn_pink {
  background: linear-gradient(90deg, #a747b4, #e43f48) !important;
}

/* line 1510, ../sass/portal.scss */
.btn_green {
  background: linear-gradient(45deg, #00ffb8, #0072ff) !important;
}

/* line 1514, ../sass/portal.scss */
.btn_red {
  background: linear-gradient(90deg, #a747b4, #e43f48) !important;
}

/* line 1518, ../sass/portal.scss */
.btn_grey {
  background: rgba(238, 238, 238, 0.7);
}

/* line 1523, ../sass/portal.scss */
.color_grey a {
  color: #979797;
}
/* line 1527, ../sass/portal.scss */
.color_grey .login_line {
  background-color: #979797;
}

/* line 1532, ../sass/portal.scss */
.align_baseline {
  align-items: baseline !important;
}

/* line 1536, ../sass/portal.scss */
.stats_container {
  flex: 1 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px 20px;
}
/* line 1542, ../sass/portal.scss */
.stats_container .half_field {
  flex: 50% 0;
  color: #979797;
  font-size: 0.9em;
  text-align: left;
}
/* line 1549, ../sass/portal.scss */
.stats_container i {
  color: #c9c9c9;
}
/* line 1553, ../sass/portal.scss */
.stats_container ul {
  width: 100%;
}
/* line 1556, ../sass/portal.scss */
.stats_container ul li {
  color: #979797;
  font-size: 0.8em;
  text-align: left;
  margin-bottom: 10px;
}
/* line 1564, ../sass/portal.scss */
.stats_container .btn_container {
  flex: 1 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
/* line 1573, ../sass/portal.scss */
.stats_container .btn_container .btn {
  margin-top: 10px;
  width: 100%;
}

/* line 1580, ../sass/portal.scss */
.user_table {
  width: 100%;
  height: 100%;
}

/* line 1585, ../sass/portal.scss */
.course_table td {
  padding: 17px;
}

/* line 1589, ../sass/portal.scss */
table {
  width: 100%;
  padding: 0 20px 20px;
}
/* line 1593, ../sass/portal.scss */
table th {
  text-align: left;
  font-size: 0.8em;
  padding: 10px;
}
/* line 1599, ../sass/portal.scss */
table td {
  font-size: 0.8em;
  vertical-align: middle;
  padding: 10px;
  color: #979797;
}
/* line 1605, ../sass/portal.scss */
table td .btn {
  padding: 5px 20px;
  color: #fff;
  border-radius: 30px;
  font-size: 0.8em;
}
/* line 1612, ../sass/portal.scss */
table td .user_link {
  color: #979797;
}
/* line 1617, ../sass/portal.scss */
table tr:nth-child(even) {
  background-color: #fbfbfb;
}
/* line 1621, ../sass/portal.scss */
table .avatar_name_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 1626, ../sass/portal.scss */
table .avatar_name_container .avatar {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: #eee;
  border-radius: 20px;
}

/* line 1640, ../sass/portal.scss */
.pagination_container {
  flex: 50px 0;
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* line 1648, ../sass/portal.scss */
.pagination_container a {
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 0.7em;
  line-height: 20px;
  color: #979797;
  background-color: #fbfbfb;
  border-radius: 3px;
  margin-left: 5px;
}
/* line 1659, ../sass/portal.scss */
.pagination_container .active {
  color: #333;
}

/* line 1664, ../sass/portal.scss */
#flash_msg {
  flex: 57px 0;
  padding: 20px;
  margin-bottom: 15px;
  font-size: 0.8em;
}

/* line 1671, ../sass/portal.scss */
.alert_success {
  color: #fff;
  background: linear-gradient(45deg, #00ffb8, #0072ff);
}

/* line 1676, ../sass/portal.scss */
.alert_error {
  color: #fff;
  background: linear-gradient(45deg, #ff0037, #ff6f00);
}

@media all and (min-width: 400px) and (max-width: 1200px) {
  /* line 1682, ../sass/portal.scss */
  #main_nav {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    left: -280px;
  }

  /* line 1689, ../sass/portal.scss */
  #menu_btn {
    display: block;
  }
}