* {
  font-family: "Montserrat", sans-serif;
}

img {
  max-width: 100%;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody td {
  padding: 5px 10px;
  border-bottom: 1px solid #111;
  border: 1px solid rgba(213, 213, 213, 0.9607843137);
  text-align: left;
  font-size: 13px;
}

.table > thead {
  background-color: #c5c2c2;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #c5c2c2;
}

.border-left-primary {
  border-left: 0.25rem solid #4e73df !important;
}

.border-left-success {
  border-left: 0.25rem solid #1cc88a !important;
}

.border-left-info {
  border-left: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
  border-left: 0.25rem solid #f6c23e !important;
}

.text-gray-300 {
  color: #dddfeb !important;
}

small {
  font-size: 13px;
}

.success {
  color: green;
}

.running {
  color: red;
}

.submit_btn {
  background-color: #045CB3;
  color: #fff;
  padding: 4px 20px;
  border-radius: 8px;
  margin: 20px 0;
  border: 2px solid #045CB3;
  font-weight: 600;
  font-size: 16px;
}
.submit_btn:hover {
  background-color: transparent;
  color: #045CB3;
}

.breadcome-area {
  margin: 20px 0 10px;
}
.breadcome-area .breadcome-heading {
  margin-bottom: 10px;
}
.breadcome-area .breadcome-heading .sr-input-func {
  display: flex;
  margin: 0;
  right: 0px;
  transition: 0.5s ease-out;
  width: 100%;
}
.breadcome-area .breadcome-heading .sr-input-func .form-control, .breadcome-area .breadcome-heading .sr-input-func:focus {
  border: 1px solid #ececec;
  border-right: none;
  font-size: 14px;
  height: 50px;
  color: #303030;
  padding-left: 20px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  border-radius: 30px 0 0 30px;
  width: 95%;
}
.breadcome-area .breadcome-heading .sr-input-func a {
  color: #999;
  font-size: 20px;
  width: 5%;
  border: 1px solid #ececec;
  border-left: none;
  height: 50px;
  padding-left: 20px;
  padding-right: 40px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  border-radius: 0 30px 30px 0;
}
.breadcome-area .breadcome-heading .sr-input-func a i {
  line-height: 50px;
}
.breadcome-area .breadcome-menu {
  padding: 0;
  display: flex;
  grid-gap: 5px;
  justify-content: right;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .breadcome-area .breadcome-menu {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.breadcome-area .breadcome-menu li {
  font-size: 13px;
  font-weight: 600;
  list-style: none;
}
.breadcome-area .breadcome-menu li::after {
  content: "/";
}
.breadcome-area .breadcome-menu li:last-child::after {
  content: "";
}
.breadcome-area .breadcome-menu li a {
  color: #045CB3;
}

.pagination_of_list {
  margin: 20px auto;
}
.pagination_of_list ul {
  justify-content: center;
}
.pagination_of_list ul li {
  margin: 0 5px;
}
.pagination_of_list ul li a {
  border-radius: 8px;
  padding: 5px 14px;
}
.pagination_of_list ul li a.page-link {
  border-radius: 8px !important;
}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none;
  color: #333;
}

.active {
  color: green;
}

.view {
  background-color: #045CB3;
  color: #fff;
  padding: 3px 8px;
  border-radius: 4px;
  border: 2px solid #045CB3;
}
.view:hover {
  color: #045CB3;
  background: transparent;
}

.add_btn_top {
  padding: 6px 10px;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .add_btn_top {
    padding: 4px 6px;
    font-size: 12px;
  }
}

.box_for_shadow {
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.uniform_title {
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  margin: 20px 0;
}

.latest_due_assignment .single_assignment {
  padding: 20px 10px;
}
.latest_due_assignment .single_assignment .ass_image {
  margin: auto;
  text-align: center;
}
.latest_due_assignment .single_assignment .ass_image img {
  height: 50px;
  width: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.latest_due_assignment .single_assignment .latest_due_Assignment_devide {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  .latest_due_assignment .single_assignment .latest_due_Assignment_devide {
    display: grid;
  }
}
.latest_due_assignment .single_assignment .resource_list .resources {
  padding: 10px;
}
.latest_due_assignment .single_assignment .resource_list .resources .trainer_name {
  padding: 4px 0 0px;
  font-size: 13px;
}
.latest_due_assignment .single_assignment .resource_list .resources .view_button {
  margin: 10px auto;
}
.latest_due_assignment .single_assignment .resource_list .resources .resource_name {
  font-weight: 700;
  font-size: 13px;
}

header nav {
  background: #fff;
  align-items: center;
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
  padding: 20px 32px;
}
@media screen and (max-width: 450px) {
  header nav {
    padding: 20px 16px;
  }
}
header nav ul {
  padding: 0;
  display: flex;
  align-items: center;
  grid-gap: 30px;
  margin: 0;
}
@media screen and (max-width: 450px) {
  header nav ul {
    grid-gap: 17px;
  }
}
header nav ul li {
  list-style: none;
}
header nav ul li ul li .dropdown-item {
  font-weight: 600;
  font-size: 17px;
}
@media screen and (max-width: 450px) {
  header nav ul li ul li .dropdown-item {
    font-size: 13px;
    padding: 5px;
  }
}
header nav ul li a {
  font-size: 20px;
}
header nav ul li a:hover {
  text-decoration: none;
}
header nav ul li a.btn {
  padding: 0;
  font-weight: 600;
}
@media screen and (max-width: 450px) {
  header nav ul li a.btn {
    font-size: 14px;
  }
}
header nav ul li a.btn:focus {
  box-shadow: none;
}
header img {
  height: 45px;
  width: 45px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #ccc;
  border-radius: 50%;
  padding: 2px;
}
header img.logo_class {
  height: 65px;
  width: 65px;
  -o-object-fit: contain;
     object-fit: contain;
  border: none;
  border-radius: 0;
  padding: 0;
}
@media screen and (max-width: 450px) {
  header img.logo_class {
    height: 45px;
    width: 45px;
  }
}
header .d-flex {
  align-items: center;
}
header nav li a {
  color: #000;
  opacity: 1;
  position: relative;
}
header nav li a.nav-link {
  color: #000;
  font-weight: 500;
  font-size: 17px;
  text-transform: capitalize;
}
header nav button {
  outline: none;
}
header nav button.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
header nav button .menu-btn-1 {
  height: 24px;
  width: 30px;
  cursor: pointer;
}
header nav button .menu-btn-1 span,
header nav button .menu-btn-1 span::before,
header nav button .menu-btn-1 span::after {
  background: #000;
  border-radius: 3px;
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  margin-top: 8px;
  -webkit-writing-mode: vertical-lr;
  transition: 0.3s ease-in-out;
}
header nav button .menu-btn-1 span::before {
  margin-top: -5px;
}
header nav button .menu-btn-1 span::after {
  margin-top: 5px;
}
header nav button .menu-btn-1.active span {
  background: transparent;
}
header nav button .menu-btn-1.active span::before {
  margin-top: 0;
  transform: rotate(45deg);
}
header nav button .menu-btn-1.active span::after {
  margin-top: 0;
  transform: rotate(-45deg);
}
header .sign_in_btn {
  font-size: 16px;
  color: #000;
  margin: 0 20px 0 0;
  font-weight: 600;
}
header .join_btn {
  background-color: #045CB3;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 20px;
  color: #fff;
  margin: 0 20px 0 0;
  border: 2px solid #045CB3;
}
header .join_btn:hover {
  background-color: transparent;
  color: #045CB3;
}

#collapse-icon {
  font-size: 24px;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 450px) {
  #collapse-icon {
    font-size: 17px;
    width: 17px;
    height: 17px;
  }
}

.notification-number {
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  top: -10px;
  background: #045CB3;
  height: 22px;
  border-radius: 50%;
  width: 23px;
  text-align: center;
  padding: 3px 5px;
  right: -15px;
}
@media screen and (max-width: 450px) {
  .notification-number {
    font-size: 9px;
    height: 19px;
    width: 19px;
    padding: 3px;
    right: -12px;
  }
}

.agent_image img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 2px solid #ccc;
  -o-object-fit: cover;
     object-fit: cover;
}

.profile_title {
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0 20px 0;
}
.profile_title hr {
  border-bottom: 2px solid #02488d;
  width: 100%;
  margin: auto;
}
.profile_title .title_right_edit {
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  align-items: center;
  margin: 10px 0;
}
@media screen and (max-width: 450px) {
  .profile_title .title_right_edit {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }
}
.profile_title .title_right_edit p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .profile_title .title_right_edit p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0;
  }
}

.bg_color .sidebar-body {
  padding: 80px 60px;
  margin-left: 250px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .bg_color .sidebar-body {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .bg_color .sidebar-body {
    padding: 80px 20px;
  }
}
@media screen and (max-width: 500px) {
  .bg_color .sidebar-body {
    padding: 80px 10px;
  }
}
.bg_color .sidebar-body h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 10px;
}
.bg_color .sidebar-body .required {
  color: red;
}
.bg_color .sidebar-body input::-moz-placeholder {
  font-size: 16px;
}
.bg_color .sidebar-body input,
.bg_color .sidebar-body input::placeholder {
  font-size: 16px;
}
.bg_color .sidebar-body .avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 0 auto 20px auto;
}
@media screen and (max-width: 400px) {
  .bg_color .sidebar-body .avatar-upload {
    max-width: 120px;
  }
}
.bg_color .sidebar-body .avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.bg_color .sidebar-body .avatar-upload .avatar-edit input {
  display: none;
}
.bg_color .sidebar-body .avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.bg_color .sidebar-body .avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.bg_color .sidebar-body .avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.bg_color .sidebar-body .avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 400px) {
  .bg_color .sidebar-body .avatar-upload .avatar-preview {
    width: 120px;
    height: 120px;
  }
}
.bg_color .sidebar-body .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg_color .sidebar ul li .nav-link {
  text-decoration: none;
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 4px 0px;
  color: rgb(102, 112, 133);
  cursor: pointer;
}
.bg_color .sidebar ul li .nav-link.hover_show {
  display: flex;
}
.bg_color .sidebar ul li .nav-link.active {
  background: rgb(242, 244, 247);
  color: rgb(29, 41, 57);
  border-radius: 8px;
}
.bg_color .sidebar-collapsed .agent_image img {
  height: 50px;
  width: 50px;
}
@media screen and (max-width: 768px) {
  .bg_color span {
    font-size: 13px;
  }
}
.bg_color .sidebar-collapsed .my_hide_dash {
  opacity: 0;
  transition: opacity 0.3s ease-out;
  position: absolute;
}
.bg_color .sidebar_new {
  width: 280px;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  float: none;
  left: 0;
  z-index: 9;
  padding: 60px 20px 20px 20px;
}
.bg_color .sidebar_new.sidebar-collapsed {
  padding: 60px 10px 20px 10px;
}
.bg_color .sidebar_new ul {
  padding: 0;
}
.bg_color .sidebar_new ul li {
  list-style: none;
}
.bg_color .sidebar_new .hover_show {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.bg_color ::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
.bg_color .sidebar-collapsed {
  width: 80px;
}
@media screen and (max-width: 991px) {
  .bg_color .sidebar-collapsed {
    display: none;
  }
}
.bg_color .collapsed_on_small_device {
  display: block !important;
  border: none;
  background: transparent;
}
.bg_color .sidebar-expanded .my_hide_dash {
  display: block;
}
.bg_color .sidebar-collapsed .hover_show {
  display: flex;
}
@media screen and (max-width: 991px) {
  .bg_color .sidebar-expanded {
    position: fixed;
    z-index: 9;
  }
  .bg_color .sidebar-expanded .my_hide_dash {
    display: block;
  }
  .bg_color .hover_show {
    display: flex;
  }
}

label {
  font-weight: 600;
}

.sidebar {
  padding: 30px 0;
  background: rgb(255, 255, 255);
  color: rgb(102, 112, 133);
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}

.sidebar-header {
  text-align: center;
  margin: 10px 0;
}
.sidebar-header figure {
  margin: 0;
}

.profile {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1.5fr;
}
@media (max-width: 1000px) {
  .profile {
    grid-template-columns: 1fr;
  }
}
.profile .main_profile {
  margin: 20px auto;
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
}
.profile .main_profile .main_pro {
  margin: 20px auto;
  text-align: center;
  border-radius: 16px;
}
.profile .main_profile img {
  height: 150px;
  width: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 2px solid #ccc;
}
.profile .main_profile h4 {
  margin: 10px;
}
.profile .main_profile ul {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.profile .main_profile ul li {
  list-style: none;
}
.profile .main_profile ul li .detail {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
}
.profile .profile_detail .about {
  margin: 20px auto;
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
  position: relative;
}
.profile .profile_detail .about .about_title {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  top: -17px;
  left: 0;
  right: 0;
  vertical-align: middle;
  text-align: center;
}
.profile .profile_detail .about .about_title h4 {
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  margin: auto;
  background: #045CB3;
  border-radius: 8px;
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  font-size: 19px;
}
.profile .profile_detail ul {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 33px;
  margin: 50px 0 50px 0;
}
@media (max-width: 1200px) {
  .profile .profile_detail ul {
    grid-template-columns: 1fr;
    margin: 0;
    grid-gap: 10px;
  }
}
@media (max-width: 1000px) {
  .profile .profile_detail ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .profile .profile_detail ul {
    grid-template-columns: 1fr;
  }
}
.profile .profile_detail ul li {
  list-style: none;
}
.profile .profile_detail ul li strong {
  margin: 10px auto;
}
.profile .profile_detail ul li .detail {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0 0 0;
}
@media (max-width: 1200px) {
  .profile .profile_detail ul li .detail {
    margin: 0;
  }
}

.profile_detail_profile {
  margin: 50px auto;
}
@media (max-width: 400px) {
  .profile_detail_profile {
    font-size: 13px;
  }
}
.profile_detail_profile .profile_detail_study {
  margin: 50px auto;
}
.profile_detail_profile .profile_detail_study.profile_detail_study_qualification {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
  .profile_detail_profile .profile_detail_study.profile_detail_study_qualification {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .profile_detail_profile .profile_detail_study.profile_detail_study_qualification {
    grid-template-columns: 1fr;
  }
}
.profile_detail_profile .profile_detail_study.profile_detail_study_qualification .qualification_single_box {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #ccc;
}
.profile_detail_profile .profile_detail_study.profile_detail_study_qualification .qualification_devide {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1300px) {
  .profile_detail_profile .profile_detail_study.profile_detail_study_qualification .qualification_devide {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .profile_detail_profile .profile_detail_study.profile_detail_study_qualification .qualification_devide {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 540px) {
  .profile_detail_profile .profile_detail_study.profile_detail_study_qualification .qualification_devide {
    grid-template-columns: 1fr;
  }
}
.profile_detail_profile .about {
  margin: 20px auto;
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
  position: relative;
}
.profile_detail_profile .about.work_placement_profile ul {
  margin: 0;
  grid-gap: 12px;
}
@media (max-width: 720px) {
  .profile_detail_profile .about.work_placement_profile ul {
    grid-template-columns: 1fr;
  }
}
.profile_detail_profile .about.work_placement_profile ul li .detail {
  border: none;
  margin: 0;
  padding: 0;
}
.profile_detail_profile .about .about_title {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  top: -17px;
  left: 0;
  right: 0;
  vertical-align: middle;
  text-align: center;
}
.profile_detail_profile .about .about_title h4 {
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  margin: auto;
  background: #045CB3;
  border-radius: 8px;
  color: #fff;
  padding: 5px 14px;
  text-transform: uppercase;
  font-size: 19px;
}
@media (max-width: 384px) {
  .profile_detail_profile .about .about_title h4 {
    font-size: 12px;
  }
}
.profile_detail_profile ul {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  grid-gap: 33px;
  margin: 50px 0 50px 0;
}
.profile_detail_profile ul li {
  list-style: none;
}
.profile_detail_profile ul li strong {
  margin: 10px auto;
}
.profile_detail_profile ul li .detail {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0 0 0;
}

.course_list {
  display: grid;
  grid-gap: 20px;
}
.course_list.student_list {
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width: 1630px) {
  .course_list.student_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 670px) {
  .course_list.student_list {
    grid-template-columns: 1fr;
  }
}
.course_list.student_list .courses {
  padding: 10px;
}
.course_list.student_list .courses .course_name {
  font-size: 17px;
  text-align: left;
}
@media (max-width: 400px) {
  .course_list.student_list .courses .course_name {
    font-size: 15px;
  }
}
.course_list.student_list .courses .course_name span {
  font-size: 13px;
}
.course_list.student_list .courses .intake {
  font-size: 14px;
}
.course_list.student_list .courses .intake_list {
  grid-template-columns: 1fr 1fr;
  margin: 10px auto;
}
@media (max-width: 1195px) {
  .course_list.student_list .courses .intake_list {
    grid-template-columns: 1fr;
  }
}
.course_list.student_list .courses .view_button {
  text-align: center;
  margin: 13px auto 0;
}
.course_list.student_list .courses .view_button .view_file {
  padding: 6px 30px;
}
.course_list table th, .course_list table td {
  font-size: 13px;
}
.course_list table .view {
  border-radius: 8px;
  font-size: 13px;
}
.course_list .courses {
  padding: 15px 40px;
  border-radius: 16px;
}
@media (max-width: 700px) {
  .course_list .courses {
    padding: 15px;
  }
}
.course_list .courses .course_name {
  font-weight: 600;
  font-size: 16px;
}
.course_list .courses .course_code {
  text-align: center;
}
.course_list .courses .intake_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  align-items: center;
  margin: 10px auto;
}
@media (max-width: 1460px) {
  .course_list .courses .intake_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 770px) {
  .course_list .courses .intake_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 488px) {
  .course_list .courses .intake_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.course_list .courses .intake_list .intake {
  display: flex;
  align-items: center;
  grid-gap: 4px;
}
.course_list .courses .intake_list .intake h5 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.course_list .courses .intake_list .intake h5::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: ":";
}
.course_list .courses .intake_list .intake p {
  margin: 0;
  font-size: 13px;
}
.course_list .courses .intake_timetable {
  display: grid;
  align-items: center;
  grid-gap: 4px;
  grid-template-columns: 1fr;
}
.course_list .courses .intake_timetable h5 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 1110px) {
  .course_list .courses .intake_timetable h5 {
    font-size: 16px;
  }
}
.course_list .courses .intake_timetable h5::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: ":";
}
.course_list .courses .intake_timetable .time_table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
@media (max-width: 1184px) {
  .course_list .courses .intake_timetable .time_table {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 486px) {
  .course_list .courses .intake_timetable .time_table {
    grid-template-columns: repeat(1, 1fr);
  }
}
.course_list .courses .intake_timetable .time_table p {
  margin: 0;
  font-size: 13px;
}

.change_password {
  margin: 20px auto;
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
  padding: 20px;
}
.change_password #output {
  height: 100px;
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 20px 10px;
}
.change_password .add_attendance .form-check-input {
  width: 19px;
  height: 19px;
}
.change_password .add_attendance caption label {
  vertical-align: text-top;
  margin: 0;
  padding: 0 5px;
}
.change_password .form-group {
  margin: 30px auto;
}
.change_password .form-group label {
  text-transform: capitalize;
}
.change_password .form-group input,
.change_password .form-group select {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0 0 0;
}
.change_password .form-group .btn-upload {
  padding: 10px 20px;
  margin-left: 10px;
}
.change_password .form-group .upload-input-group {
  margin-bottom: 10px;
}

.dashboard_detail .card {
  border-radius: 8px;
}
.dashboard_detail .card .title_dash {
  font-weight: 700;
}
.dashboard_detail .card i {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 600;
}

.resource_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media (max-width: 1200px) {
  .resource_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 530px) {
  .resource_list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1450px) {
  .resource_list.assignment_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .resource_list.assignment_list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1175px) {
  .resource_list.assignment_list .resources .view_button a:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 1175px) {
  .resource_list.assignment_list .resources .view_button {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 950px) {
  .resource_list.assignment_list .resources .view_button {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .resource_list.assignment_list .resources .view_button {
    display: flex;
  }
}
@media (max-width: 420px) {
  .resource_list.assignment_list .resources .view_button {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
}
.resource_list.assignment_list .resources .view_button .view_assignment {
  font-size: 13px;
  padding: 7px 18px;
}
@media (max-width: 1270px) {
  .resource_list.assignment_list .resources .view_button .view_assignment {
    padding: 7px 10px;
  }
}
.resource_list.group_online_class {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1250px) {
  .resource_list.group_online_class {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .resource_list.group_online_class {
    grid-template-columns: 1fr;
  }
}
.resource_list.group_online_class .meeting_id_url {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}
.resource_list.group_online_class .meeting_id_url strong {
  font-size: 13px;
}
.resource_list.group_online_class_zoom {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1250px) {
  .resource_list.group_online_class_zoom {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 900px) {
  .resource_list.group_online_class_zoom {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 650px) {
  .resource_list.group_online_class_zoom {
    grid-template-columns: 1fr;
  }
}
.resource_list.students {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
}
@media (max-width: 1490px) {
  .resource_list.students {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1174px) {
  .resource_list.students {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 700px) {
  .resource_list.students {
    grid-template-columns: 1fr;
  }
}
.resource_list.students .resources {
  padding: 10px;
}
.resource_list.students .resources span {
  font-size: 14px;
}
.resource_list.students .resources .view_button {
  margin: 10px auto 0px;
  display: block;
}
.resource_list.student_unit {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1600px) {
  .resource_list.student_unit {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  .resource_list.student_unit {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 800px) {
  .resource_list.student_unit {
    grid-template-columns: 1fr;
  }
}
.resource_list.student_unit .resources {
  padding: 10px;
}
.resource_list.student_unit .resources .trainer_name {
  padding: 4px 0 0;
  font-size: 13px;
}
.resource_list.student_unit .resources .resource_name {
  font-size: 15px;
  margin: 0;
}
.resource_list.student_unit .resources .view_button {
  margin: 10px auto 0px;
  justify-content: flex-start;
}
.resource_list .resources {
  width: 100%;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 16px;
}
.resource_list .resources .trainer_name {
  padding: 0px 0 3px;
  font-size: 14px;
}
.resource_list .resources .submition_date_grade {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
}
@media (max-width: 1260px) {
  .resource_list .resources .submition_date_grade {
    display: grid;
    grid-gap: 10px;
  }
}
.resource_list .resources .submition_date_grade .submition_date,
.resource_list .resources .submition_date_grade .grade {
  font-size: 14px;
}
.resource_list .resources .submition_date_grade .submition_date b,
.resource_list .resources .submition_date_grade .grade b {
  font-size: 14px;
}
.resource_list .resources .submition_date_grademeeting .submition_date {
  font-size: 13px;
}
.resource_list .resources .resource_image {
  text-align: center;
}
.resource_list .resources .resource_image img {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.resource_list .resources .resource_name {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
}
.resource_list .resources .resource_name.assiagnment {
  text-align: left;
}
.resource_list .resources .view_button {
  margin: 20px auto 10px;
  text-align: center;
}
@media (max-width: 1030px) {
  .resource_list .resources .view_button {
    display: grid;
    grid-gap: 10px;
  }
}
@media (max-width: 991px) {
  .resource_list .resources .view_button {
    display: flex;
    grid-gap: 10px;
    justify-content: center;
  }
}
.resource_list .resources .view_button .view_file {
  padding: 4px 22px;
  font-size: 14px;
}

.notification_list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
.notification_list .card-body .single_notification {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  justify-content: start;
  margin: 10px 0;
  padding: 10px 0;
}
@media screen and (max-width: 450px) {
  .notification_list .card-body .single_notification {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
.notification_list .card-body .single_notification .icon {
  height: 40px;
  width: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.notification_list .card-body .single_notification .bg-warning-lighten {
  background: rgba(255, 199, 0, 0.2);
}
.notification_list .card-body .single_notification .bg-danger-lighten {
  background: rgba(241, 65, 108, 0.2);
}
.notification_list .card-body .single_notification .bg-success-lighten {
  background: rgba(0, 163, 255, 0.2);
}
.notification_list .card-body .single_notification .duration {
  color: #20d489;
}
.notification_list .card-body .single_notification h6 {
  margin: 0;
}
.notification_list .card-body .single_notification .text-muted {
  font-size: 12px;
}

.assignment_submission_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 500px) {
  .assignment_submission_list {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list.student_assignment_submission_list {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1242px) {
  .assignment_submission_list.student_assignment_submission_list {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list.student_assignment_submission_list .assignment_submission {
  grid-template-columns: 1fr;
}
.assignment_submission_list.student_assignment_submission_list .assignment_submission hr {
  margin: 0 0 6px 0;
}
.assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1650px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1242px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 761px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 451px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_submission_image {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 656px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_submission_image {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 652px) {
  .assignment_submission_list.student_assignment_submission_list .assignment_submission .assignment_submission_image h6 {
    font-size: 17px;
    font-weight: 600;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.assignment_submission_list.main_submission {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 800px) {
  .assignment_submission_list.main_submission {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list.main_submission .assignment_submission {
  grid-gap: 5px;
}
.assignment_submission_list.main_submission .assignment_submission .assignment_detail {
  font-size: 14px;
}
.assignment_submission_list.main_submission .assignment_submission .assignment_submission_image img {
  width: 50px;
  height: 50px;
}
.assignment_submission_list.main_submission .assignment_submission .assignment_detail h6 {
  font-weight: 600;
}
.assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade {
  grid-gap: 3px;
}
@media screen and (max-width: 1780px) {
  .assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1300px) {
  .assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr;
    grid-gap: 6px;
  }
}
@media screen and (max-width: 800px) {
  .assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 497px) {
  .assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list.main_submission .assignment_submission .assignment_detail .submition_date_grade .grade_name {
  margin-bottom: 6px;
}
.assignment_submission_list .assignment_submission {
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 16px;
  grid-gap: 5px;
  align-items: flex-start;
}
.assignment_submission_list .assignment_submission .assignment_submission_image {
  text-align: center;
}
.assignment_submission_list .assignment_submission .assignment_submission_image figure {
  margin: 5px;
  text-align: center;
}
.assignment_submission_list .assignment_submission .assignment_submission_image img {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 450px) {
  .assignment_submission_list .assignment_submission .assignment_submission_image {
    text-align: center;
  }
}
.assignment_submission_list .assignment_submission .assignment_submission_image h6 {
  font-size: 17px;
  font-weight: 600;
}
.assignment_submission_list .assignment_submission .assignment_detail .resource_name {
  font-weight: 600;
  font-size: 13px;
  padding: 0 0 6px 0;
}
.assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}
@media (max-width: 1306px) {
  .assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 750px) {
  .assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade {
    grid-template-columns: 1fr;
  }
}
.assignment_submission_list .assignment_submission .assignment_detail .submition_date_grade strong {
  font-weight: 600;
}
.assignment_submission_list .view_button {
  margin: 6px 0 0;
  text-align: right;
}
.assignment_submission_list .view_button .view_file {
  padding: 3px 28px;
  font-size: 13px;
}
@media (max-width: 350px) {
  .assignment_submission_list .view_button {
    display: grid;
    grid-gap: 10px;
    text-align: center;
  }
}

.resource_list_trainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 1780px) {
  .resource_list_trainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1280px) {
  .resource_list_trainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 728px) {
  .resource_list_trainer {
    grid-template-columns: 1fr;
  }
}
.resource_list_trainer p {
  margin: 0;
}
.resource_list_trainer .resources {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 16px;
}
.resource_list_trainer .resources .resource_name {
  font-weight: 600;
  font-size: 17px;
}
.resource_list_trainer .resources .Category {
  display: flex;
  align-items: baseline;
  grid-gap: 2px;
}
.resource_list_trainer .resources .Category h6 {
  font-size: 14px;
  font-weight: 500;
}
.resource_list_trainer .resources .Category strong {
  font-size: 14px;
}
.resource_list_trainer .resources .resource_image img {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
.resource_list_trainer .resources .user_category {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1280px) {
  .resource_list_trainer .resources .user_category {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 728px) {
  .resource_list_trainer .resources .user_category {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 430px) {
  .resource_list_trainer .resources .user_category {
    grid-template-columns: 1fr;
  }
}
.resource_list_trainer .resources .user_category .Category {
  display: flex;
}
.resource_list_trainer .resources .view_button {
  margin: 10px auto;
}
.resource_list_trainer .resources .view_button .view_file {
  padding: 6px 30px;
}

.four_zero .st0 {
  font-family: "FootlightMTLight";
}
.four_zero .st1 {
  font-size: 83.0285px;
}
.four_zero .st2 {
  fill: gray;
}
.four_zero .back_to_home {
  font-weight: 600;
  color: #045CB3;
}
.four_zero .back_to_home:hover {
  text-decoration: underline;
  letter-spacing: 0.2px;
}
.four_zero svg {
  width: 500px;
  height: 400px;
  text-align: center;
  fill: #FF5429;
}
@media screen and (max-width: 500px) {
  .four_zero svg {
    width: 200px;
    height: 200px;
  }
}
.four_zero path#XMLID_5_ {
  fill: #16a085;
  filter: url(#blurFilter4);
}
.four_zero path#XMLID_11_, .four_zero path#XMLID_2_ {
  fill: #16a085;
}
.four_zero .circle {
  animation: out 2s infinite ease-out;
  fill: #16a085;
}
.four_zero #container {
  text-align: center;
}
.four_zero .message {
  color: #16a085;
  font-weight: 600;
  font-size: 18px;
  margin: 20px auto;
}
.four_zero .message:after {
  content: "]";
}
.four_zero .message:before {
  content: "[";
}
.four_zero .message:after, .four_zero .message:before {
  color: #16a085;
  font-size: 20px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  margin: 0 50px;
}
@media screen and (max-width: 500px) {
  .four_zero .message:after, .four_zero .message:before {
    margin: 0 20px;
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes out {
  0% {
    r: 1;
    opacity: 0.9;
  }
  25% {
    r: 5;
    opacity: 0.3;
  }
  50% {
    r: 10;
    opacity: 0.2;
  }
  75% {
    r: 15;
    opacity: 0.1;
  }
  100% {
    r: 20;
    opacity: 0;
  }
}

.five_hundred_error {
  /* ----------------------------------------------
  * Generated by Animista on 2020-4-1 14:58:16
  * Licensed under FreeBSD License.
  * See http://animista.net/license for more info. 
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
  /**
  * ----------------------------------------
  * animation flicker-4
  * ----------------------------------------
  */
  /* ----------------------------------------------
  * Generated by Animista on 2020-4-1 15:17:57
  * Licensed under FreeBSD License.
  * See http://animista.net/license for more info. 
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
  /**
  * ----------------------------------------
  * animation vibrate-1
  * ----------------------------------------
  */
  /* ----------------------------------------------
  * Generated by Animista on 2020-4-1 15:42:45
  * Licensed under FreeBSD License.
  * See http://animista.net/license for more info. 
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
  /**
  * ----------------------------------------
  * animation wobble-ver-right
  * ----------------------------------------
  */
}
.five_hundred_error .back_to_home {
  font-weight: 600;
  color: #045CB3;
}
.five_hundred_error .back_to_home:hover {
  text-decoration: underline;
  letter-spacing: 0.2px;
}
.five_hundred_error .main-error-page {
  min-height: 600px;
  margin: 0px auto;
  width: auto;
  max-width: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.five_hundred_error .error-title {
  max-width: 529px;
  font-family: Roboto;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4b4b62;
  margin-bottom: 16px;
}
.five_hundred_error .error-subtitle {
  max-width: 568px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: center;
  color: #4b4b62;
  margin-bottom: 24px;
}
.five_hundred_error svg {
  margin-bottom: 16px;
}
.five_hundred_error .pao-atras {
  animation: leftright 1s alternate infinite;
  transform-origin: center;
}
.five_hundred_error .pao-frente {
  animation: leftright 1s 0.3s alternate infinite;
  transform-origin: center;
}
.five_hundred_error .olho-esq {
  animation: sad 2s alternate infinite;
  transform-origin: center;
}
.five_hundred_error .olho-dir {
  animation: sad 2s alternate infinite;
  transform-origin: center;
}
.five_hundred_error .boca {
  animation: sad 2s alternate infinite;
  transform-origin: center;
}
.five_hundred_error .raios {
  animation: flicker-4 4s linear infinite both;
}
.five_hundred_error .tomada {
  animation: vibrate-1 3s linear infinite both;
}
.five_hundred_error .fio-500 {
  animation: vibrate-1 3s linear infinite both;
}
.five_hundred_error .fio {
  animation: vibrate-1 3s linear infinite both;
}
@keyframes scales {
  from {
    transform: scale(0.98);
  }
  to {
    transform: scale(1);
  }
}
@keyframes flicker-4 {
  0%, 100% {
    opacity: 1;
  }
  31.98% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  32.8% {
    opacity: 0;
  }
  32.82% {
    opacity: 1;
  }
  34.98% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  35.7% {
    opacity: 0;
  }
  35.72% {
    opacity: 1;
  }
  36.98% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  37.6% {
    opacity: 0;
  }
  37.62% {
    opacity: 1;
  }
  67.98% {
    opacity: 1;
  }
  68% {
    opacity: 0;
  }
  68.4% {
    opacity: 0;
  }
  68.42% {
    opacity: 1;
  }
  95.98% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  96.7% {
    opacity: 0;
  }
  96.72% {
    opacity: 1;
  }
  98.98% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  99.6% {
    opacity: 0;
  }
  99.62% {
    opacity: 1;
  }
}
@keyframes vibrate-1 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes sad {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(10deg) rotateY(5deg);
  }
}
@keyframes leftright {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-15deg);
  }
}

.four-zero-three {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
}
.four-zero-three .back_to_home {
  font-weight: 600;
  color: #045CB3;
}
.four-zero-three .back_to_home:hover {
  text-decoration: underline;
  letter-spacing: 0.2px;
}
.four-zero-three__inner {
  padding: 20px;
}
.four-zero-three__title {
  color: #000;
  font-size: 5rem;
}
@media (max-width: 500px) {
  .four-zero-three__title {
    font-size: 4rem;
  }
}
.four-zero-three__desc {
  color: #e41919;
  font-size: 2.5rem;
}
@media (max-width: 500px) {
  .four-zero-three__desc {
    font-size: 2rem;
  }
}
.four-zero-three__content {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
@media (max-width: 500px) {
  .four-zero-three__content {
    font-size: 1rem;
  }
}

.signUpp {
  background: #F9F9F9;
  padding: 50px 0;
  /****************
        FORM
  *****************/
}
.signUpp button,
.signUpp input {
  border: none;
  outline: none;
}
.signUpp .signup {
  background-color: white;
  width: 100%;
  margin: auto;
  max-width: 500px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  /*  Field */
  /*  Input */
  /*  Label */
  /*  Button */
}
@media screen and (max-width: 373px) {
  .signUpp .signup {
    padding: 30px 20px;
  }
}
.signUpp .signup .rating {
  margin: 20px 0;
}
.signUpp .signup .fa-star.checked {
  color: orange;
}
.signUpp .signup .logo {
  text-align: center;
}
.signUpp .signup h4 {
  font-weight: 600;
  font-size: 20px;
  margin: 10px 0 20px 0;
}
.signUpp .signup h2 {
  text-align: center;
  font-size: 16px;
  margin: 20px 0;
  font-weight: 500;
}
@media screen and (max-width: 373px) {
  .signUpp .signup h2 {
    font-size: 14px;
  }
}
.signUpp .signup h2 a {
  cursor: pointer;
  color: #045CB3;
}
.signUpp .signup h2 a:hover {
  text-decoration: underline;
}
.signUpp .signup .signup__field {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
.signUpp .signup .signup__field.rating {
  margin: 20px 0;
  display: block;
}
.signUpp .signup .signup__field.rating:hover::before {
  display: none;
}
.signUpp .signup .signup__field:hover:before {
  width: 100%;
}
.signUpp .signup .signup__field::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0px;
  height: 2px;
  background: #045CB3;
  bottom: 0;
  left: 50%;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: all 0.4s ease;
}
.signUpp .signup .signup__input {
  width: 100%;
  height: 100%;
  font-size: 15px;
  padding: 10px 13px 10px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
}
.signUpp .signup .field-icon {
  margin: -25px 11px 8px 0;
  align-self: self-end;
}
.signUpp .signup .form-control:focus, .signUpp .signup .form-control:active {
  background: transparent;
}
.signUpp .signup .signup__label {
  transform: translateY(-50%);
  font-size: 14px;
  margin: 0 0 0 5px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.signUpp .signup .signup__input:focus + .signup__label,
.signUpp .signup .signup__input:valid + .signup__label {
  top: 0;
  font-size: 1rem;
  background-color: white;
}
.signUpp .signup button,
.signUpp .signup input[type=submit] {
  background: #045CB3;
  color: white;
  padding: 8px 0;
  font-size: 17px;
  font-weight: 600;
  border-radius: 8px;
  border: 2px solid #045CB3;
  width: 100%;
}
.signUpp .signup button:hover,
.signUpp .signup input[type=submit]:hover {
  background: transparent;
  color: #045CB3;
}
.signUpp .signup .input[type=submit] {
  padding: 10px 0;
}
.signUpp .signup .line-breaker .line {
  width: 50%;
  height: 2px;
  background: #eee;
}
.signUpp .signup .line-breaker {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ccc;
  margin: 10px 0;
}
.signUpp .signup .line-breaker span:nth-child(2) {
  margin: 0 10px;
  color: #000;
  font-weight: 600;
}
.signUpp .signup .login_social {
  color: #222;
  background: #fff;
  border: solid 1px #eee;
  padding: 10px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1254901961);
  margin: 10px 0;
}
.signUpp .signup .login_social.social_google:hover {
  background: #959595;
  color: #fff;
}
.signUpp .signup .login_social.social_google:hover i {
  color: #f1f1f1;
  transform: scale(1.3);
  z-index: 4;
}
.signUpp .signup .login_social.social_google:hover .btn-google {
  background: #F4B400;
}
.signUpp .signup .login_social.social_facebook {
  background: #4267B2;
  color: #fff;
}
.signUpp .signup .login_social.social_facebook .btn {
  background-color: #fff;
}
.signUpp .signup .login_social.social_facebook:hover {
  opacity: 0.9;
  color: #fff;
}
.signUpp .signup .login_social.social_facebook:hover i {
  color: #f1f1f1;
  transform: scale(1.3);
  z-index: 4;
}
.signUpp .signup .login_social.social_facebook:hover .btn.facebook {
  background: #4267B2;
}
.signUpp .signup .login_social.social_instagram:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f09433", endColorstr="#bc1888",GradientType=1 );
  background-position: center;
  background-size: cover;
  color: #fff;
}
.signUpp .signup .login_social.social_instagram:hover i {
  color: #f1f1f1;
  transform: scale(1.3);
  z-index: 4;
}
.signUpp .signup .login_social.social_instagram:hover .btn.facebook {
  background: #4267B2;
}
.signUpp .signup .btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 1em;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.125);
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 373px) {
  .signUpp .signup .btn {
    margin: 0 4px 0 0;
  }
}
.signUpp .signup .btn i {
  line-height: 28px;
  font-size: var(--step--1);
  transition: 0.2s linear;
}
.signUpp .signup .btn::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: #36D1DC; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  transform: rotate(45deg);
  left: -110%;
  top: 90%;
}
.signUpp .signup .btn.facebook::before {
  background: #4267B2;
}
.signUpp .signup .btn.instagram::before {
  background: #f09433;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f09433", endColorstr="#bc1888",GradientType=1 );
  background-position: center;
  background-size: cover;
}
.signUpp .signup .btn:hover::before {
  animation: social 0.7s 1;
  top: -10%;
  left: -10%;
}
@keyframes social {
  0% {
    left: -110%;
    top: 90%;
  }
  50% {
    left: 10%;
    top: -30%;
  }
  100% {
    top: -10%;
    left: -10%;
  }
}
.signUpp .signup .logo img {
  height: 60px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.signUpp .signup .calender-container body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #efefef;
}
.signUpp .signup .calender-container p {
  color: #b3b3b3;
  font-weight: 300;
}
.signUpp .signup .calender-container h1, .signUpp .signup .calender-container h2, .signUpp .signup .calender-container h3, .signUpp .signup .calender-container h4, .signUpp .signup .calender-container h5, .signUpp .signup .calender-container h6,
.signUpp .signup .calender-container .h1, .signUpp .signup .calender-container .h2, .signUpp .signup .calender-container .h3, .signUpp .signup .calender-container .h4, .signUpp .signup .calender-container .h5, .signUpp .signup .calender-container .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.signUpp .signup .calender-container a {
  transition: 0.3s all ease;
}
.signUpp .signup .calender-container a, .signUpp .signup .calender-container a:hover {
  text-decoration: none !important;
}
.signUpp .signup .calender-container .content {
  padding: 7rem 0;
}
.signUpp .signup .calender-container h2 {
  font-size: 20px;
}
.signUpp .signup .calender-container .form-control:active, .signUpp .signup .calender-container .form-control:focus {
  outline: none;
  box-shadow: none;
}
.signUpp .signup .calender-container #calendar {
  margin: 0 auto;
}
.signUpp .signup .calender-container #calendar .fc-view-container {
  background-color: #fff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}
.signUpp .signup .calender-container #calendar .fc-toolbar.fc-header-toolbar .fc-center {
  display: block;
}
.signUpp .signup .calender-container #calendar-container {
  position: fixed;
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.signUpp .signup .calender-container .fc-header-toolbar {
  /*
    the calendar will be butting up against the edges,
    but let's scoot in the header's buttons
    */
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
@media (max-width: 767.98px) {
  .signUpp .signup .calender-container .fc-toolbar {
    display: block !important;
    text-align: center;
  }
  .signUpp .signup .calender-container .fc-toolbar .fc-center {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.recent_notification .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0px solid #e5e5e5;
  background: #fff;
  padding: 20px 20px 0px;
}
.recent_notification .recent-notification .icon {
  height: 40px;
  width: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.recent_notification .bg-warning-lighten {
  background: rgba(255, 199, 0, 0.2);
}
.recent_notification .bg-danger-lighten {
  background: rgba(241, 65, 108, 0.2);
}
.recent_notification .bg-success-lighten {
  background: rgba(0, 163, 255, 0.2);
}
.recent_notification .duration {
  color: #20d489;
}
.recent_notification .card-body {
  overflow: scroll;
  height: 275px;
}
.recent_notification .card-body .single_notification {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  justify-content: start;
  margin: 10px 0;
  padding: 10px 0;
}
.recent_notification .card-body .single_notification h6 {
  margin: 0;
}
.recent_notification .card-body .single_notification .text-muted {
  font-size: 12px;
}/*# sourceMappingURL=dashboard.css.map */