/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/templates/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */ :root {
  --mc: #3064D5;
  --bdc: #CBCBCB;
  --mco: #FD7100;
  --light-blue: #294798;
  --light-gray: #252734;
  --bdr-light: #E5E5E5;
  --trans: all 0.2s ease;
  --orange-color:#FD7100;
  --border-color:#CFCFCF;
  --white-color:#fff;
  --blue-color:#3064D5;
  --dark-color:#252734;
  --icon-font: "Font Awesome 5 Free";
}
.mco-color{
  color: var(--mco) !important;
}
.mc-color{
  color: var(--mc) !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.dark-color {
  color: #252734 !important;
}
.fs-md {
  font-size: 16px !important;
}
.fixed-top
{
	z-index: 1300 !important;
}

#wrapper {
  padding-top: calc(100px - -28px)
}
li {
  list-style: none
}
.container {
  max-width: 1170px;
}
.red {
  color: red;
}

.blue {
  color: #3064D5;
}
.green
{
	color: #00B98A;
}

.table_required {
  color: red;
  vertical-align: middle;
}
.l_height {
  line-height: normal !important;
}
.border-bottom, .border-top {
  border-color: #CFCFCF !important
}
.btn:hover {
  color: #fff;
  background: var(--mco) !important
}
.btn-primary {
  height: 40px;
  line-height: 40px;
  background-color: var(--mc);
  border-radius: 1px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  /*	display:inline-flex;*/
  align-items: center;
}
.btn-primary.waitVerify {
  background-color: #808080;
  border-color: #808080;
}
.btn-primary.issueTemp {
  background-color: #808080;
  border-color: #808080;
}
.btn-primary.back {
  background-color: #4E8A1E;
  border-color: #4E8A1E;
}
.btn-primary:hover {
  border-color: var(--mco)
}
.btn-primary.inRegister {
  background-color: #E76B27;
  border-color: #E76B27;
  color: white !important;
  font-style: italic;
  line-height: 18px;
}
.btn-primary.inRegister:hover {
  background-color: #3aa553 !important;
  border-color: #3aa553 !important;
}
button:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}
.btn:focus {
  box-shadow: none;
}
body {
  font-family: 'Open Sans Hebrew';
  background-color: #fff;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  min-width: 201px;
  background-color: var(--mc) !important;
}
img {
  max-width: 100%;
}
a:hover {
  text-decoration: none;
}
#sidebar-wrapper .sidebar-heading {
  padding: 0.72rem 0;
  font-size: 1.2rem;
  text-align: center;
  border-bottom: 1px solid var(--light-blue)
}
.nav .nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 45px 15px;
  position: relative;
  display: flex;
  align-items: center;
}
#sidebar-wrapper .drop_menu > div ul.nav .nav-item .nav-link {
  padding-right: 14px;
}
#sidebar-wrapper .list-group {
  width: 100%;
}
#page-content-wrapper {
  max-width: 100%;
  background-color: #f9f9f9;
  position: relative;
  margin-left: 0;
  margin-right: auto;
  z-index: 2;
}
i.sprite.warrow_left {
  height: 13px;
  width: 7px;
  background-position: -12px -83px;
}
.form-control {
  border: 0;
  border-radius: 0;
  background: none;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px;
  position: relative;
  z-index: 2;
}
.form-control:focus {
  box-shadow: none;
  border: 0;
  border-bottom: 2px solid #D8D8D8;
  background: none;
}
/*--nice-select--*/
.signup_page {
  padding: 0 !important;
}
select {
  display: none;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 0px;
  border: 0;
  border-bottom: solid 1px #dee2e6;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 30px;
  list-style: none;
  min-height: 30px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: right;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
/*--sprite--*/
.sprite {
  background: url('../designFiles/sprite.png?v=2') no-repeat;
  display: inline-block;
}
.angle-ico {
  background-position: -12px -84px;
  height: 13px;
  width: 7px;
}
.theme_btn {
  background-color: var(--mc);
  font-size: 18px;
  border-radius: 2px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  height: 48px;
  line-height: 48px;
  padding: 0;
}

/*--student-signup--*/
.signup_bg {
  background: url(../designFiles/signup-bg.jpg) no-repeat;
  position: fixed;
  height: 100%;
  width: 100%;
  background-size: cover;
  z-index: 1;
}
.lang_sec {
  position: absolute;
  top: 50%;
  z-index: 9999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-end;

}


.lang_sec .nice-select {
  background: none;
  padding-left: 20px !important;
  border: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
}
.lang_sec .nice-select:after {
  display: none;
}
.lang_sec .nice-select:before {
  content: '';
  background: url('../designFiles/sprite.png?v=2') no-repeat;
  height: 14px;
  width: 14px;
  background-position: -10px -10px;
  position: absolute;
  left: 0;
  top: 43%;
  display: inline-block;
  -webkit-transform: translatey(-43%);
  transform: translatey(-43%);
}
.lang_sec .nice-select .option {
  color: var(--mc);
  text-align: center
}
.signup_box {
  position: absolute;
/*  height: 100%;*/
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
.signup_box .box_content {
  background: #fff;
  /*  height: 684px;*/
  width: 570px;
}
.logo_sec {
  margin: 25px 0 11px;
}
.logo_sec p {
  color: var(--mco);
  font-size: 22px;
  font-weight: 700;
  margin-top: 11px;
  margin: 0
}
.logo_sec strong {
  font-size: 22px;
  font-weight: 400;
  color: #666
}
.signup_box .theme_btn {
  width: 250px;
}
.btn_sec p {
  color: var(--mc);
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0;
}
.content_area strong {
  color: #666;
  font-size: 18px;
  margin: 53px 0 22px;
  display: block;
  text-align: center
}
.content_area p {
  max-width: 460px;
  margin: auto;
  text-align: center;
  color: var(--light-gray)
}
.signup_box .signup_detail {
  width: 501px;
  /*  height: 176px;*/
  background: #fff;
  border: 1px solid var(--bdc);
  margin: 30px auto auto;
  padding: 20px;
  margin-bottom: 10px;
}
.signup_detail strong {
  font-size: 16px;
  color: var(--light-gray);
}
.signup_detail img {
  margin: 0 0 8px;
}
.signup_detail ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  flex-wrap: wrap;
}
.signup_detail li {
  font-size: 16px;
  color: var(--light-gray);
  padding-right: 21px;
  position: relative;
}
.signup_detail ul li a {
  color: var(--light-gray)
}
.signup_box .signup_detail strong p {
  font-size: 16px;
}
.phone-ico {
  height: 12px;
  width: 15px;
  background-position: -10px -65px;
}
.signup_detail li i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mobile-ico {
  background-position: -12px -46px;
  width: 9px;
  height: 16px;
}
.envelope-ico {
  background-position: -12px -34px;
  width: 11px;
  height: 9px;
}
#main_header {
  background-color: var(--mc);
  padding: 10px 0;
}
#main_header > div {
  display: flex;
  justify-content: space-between;
  align-items: center
}
#main_header > div > div {
  width: 33.3%;
}
.signup_page #main_header {
  display: none;
}
button.navbar-toggler {
  padding: 7px 0 0;
}
.signup_page #main_header .header_btn a {
  display: none;
}
/*--humburg-menu--*/
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 26px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}
/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}
.header_btn .btn {
  width: 58px;
  height: 32px;
  padding: 0;
  line-height: 30px;
  background: transparent;
  border: 1px solid #fff;
  margin-right: auto;
}
/*--sidebar--toggle--*/
.profile {
  opacity: 0;
  visibility: hidden;
}
.profile.open_side {
  opacity: 1;
  visibility: visible;
}
.profile.open_side .profile_card {
  right: 0
}
.profile .profile_card {
  right: -200px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  position: fixed;
  background: #fff;
  height: 100%;
  width: 230px;
  z-index: 200;
  top: 56px;
  padding: 0px;
}
.profile .profile_overlay {
  background-color: rgba(37, 39, 52, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 91;
  overflow: auto;
  padding-bottom: 70px;
}
.profile_img img {
  height: 60px;
  width: 60px;
  margin: auto;
  display: block;
  border-radius: 100%;
	object-fit: cover;
    object-position: top;
}
.profile_img span {
  font-size: 16px;
  text-align: center;
  display: block;
  margin: 0 0 5px;
  color: #666666;
}
.profile_content nav a.nav-item {
  padding: 10px;
  border: 0;
  font-size: 14px;
  color: #666666;
  background-color: transparent !important;
}
.profile_content nav a.nav-item.active {
  color: var(--mco);
  font-weight: 700;
}
.profile_content nav a.nav-item.active:after {
  content: '';
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--mco)
}
.profile_content nav .nav {
  /* border: 0; */
  justify-content: center;
}
.profile_content .tab-pane ul {
  margin: 0;
  padding: 0;
}
.profile_content .tab-pane ul li a {
  display: block;
  padding: 10px 15px;
  color: #666666;
  font-size: 16px;
}
.profile_content .tab-pane ul li a.active_page {
  color: var(--mco);
  font-weight: 700;
}
.profile_img {
  padding: 8px 0 0;
}
.profile_card .card_link {
  position: relative;
  right: 14px;
  bottom: -8px;
  z-index: 999;
}
.side_btn {
  display: none;
}
.logo.text-center {
  text-align: right !important;
}
/*--inner-page--*/
.page_title {
  text-align: center;
}
.page_title h1 {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
/*--prifile-form--*/
.form_container, .std_container {
  max-width: 750px;
  margin: auto;
  width: 100%;
  margin-bottom: calc(100px - -50px);
}
.form_container.no-mb {
  margin-bottom: 0px;
}
.std_container {
  max-width: 800px;
}
/*
 * FilePond Custom Styles
 */
.filepond--drop-label {
  color: #4c4e53;
}
.filepond--label-action {
  -webkit-text-decoration-color: #babdc0;
  text-decoration-color: #babdc0;
}
.filepond--panel-root {
  background-color: #edf0f4;
}
/**
 * Page Styles
 */
.filepond--root {
  width: 128px;
  margin: 0 auto;
}
.filepond--label-action .fa {
  color: #aeb2b7;
  font-size: 35px;
}
.filepond--label-action {
  text-decoration: none !important;
}
.filepond--label-action span {
  margin-top: 8px;
  font-size: 16px;
  color: #999999;
  display: block;
}
.filepond--label-action:focus {
  outline: none;
}
.filepond--drop-label {
  background: #fff;
  border: 1px solid #DBE3EA;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 4, 0, 0.1);
  border-radius: 100%;
}
.sec_title {
  font-size: 20px;
  font-weight: 700;
  color: var(--mco)
}
.form-group {
  position: relative;
  margin: 0 0 20px;
}
.filepond--root {
  margin-bottom: 25px;
}
.form-control::placeholder {
  color: #252734;
  font-size: 16px;
  opacity: 0;
}
.form-control ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--mco);
  transition: 0.4s;
}
.form-control:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}
.form-control ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: var(--mco);
  transition: 0.4s;
  z-index: 9
}
.form-control:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
  left: 0;
}
.radio_btn label {
  font-size: 16px;
  color: #252734
}
.form-group.radio_btn {
  display: flex;
  align-items: center;
}
.form-group.radio_btn > label {
  margin-left: 50px;
}
.form-group.radio_gender {
  margin-top: 31px;
}
.radio_group {
  display: flex;
  align-items: center;
}
.radio_group > p {
  margin: 0;
  margin-left: 25px;
}
/*--radio--css--*/
input[type=checkbox], input[type=radio] {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.date_picker {
  display: flex;
  align-items: center;
}
.date_picker > label {
  width: 30%;
}
.date_picker > .datepicker {
  width: 70%;
  box-shadow: none;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
}

div.popup .datepicker
 {
  z-index: 1150 !important;
}
span.input-group-text {
  border: 0;
  background: none;
  color: #999999;
  font-size: 21px;
  padding: 0;
}
.datepicker > .form-control {
  padding-left: 35px !important
}
.input-group-append {
  position: absolute;
  left: 5px;
}
form .col-md-6 > p {
  font-size: 12px;
  /*  margin-top: -20px !important;*/
}
.split_field {
  display: flex;
}
.split_field label {
  margin-left: 0px;
  width: 50%;
  margin-bottom: 0;
}
.split_field > div {
  width: 75px;
}
.profile_form .nice-select.wide, .step3_form .nice-select.wide, .nice-select.wide {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #D8D8D8;
  padding: 0 10px;
  text-align: right !important;
  color: #252734;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  background: #fff;
  z-index: 9;
}
.profile_form .nice-select:before, .step3_form .nice-select.wide:before, .nice-select.wide:before {
  right: auto;
  content: '';
  background: url(../designFiles/sprite.png?v=2) no-repeat;
  height: 14px;
  width: 14px;
  background-position: -10px -95px;
  position: absolute;
  left: 0;
  top: 43%;
  display: inline-block;
  -webkit-transform: translatey(-43%);
  transform: translatey(-43%);
}
.profile_form .nice-select:after, .step3_form .nice-select.wide:after, .nice-select.wide:after {
  display: none;
}
.form_foot {
  background: #F1F4F6;
  padding: 20px 0;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1300; /*9*/
}
.form_foot button {
  max-width: 750px;
  width: 100%;
  text-align: center;
  margin: auto;
}
label.required:before {
  content: '*';
  color: var(--mco);
  margin-left: 5px;
}
.fl_label label {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms;
  z-index: 1
}
/*.form-control:focus + label, .form-control:valid + label {
  font-size: 75%;
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}
*/
.fl_label .form-group {
  position: relative;
}
.fl_label input + label {
  position: absolute;
  transition: all 200ms;
  margin-left: -170px;
  margin-top: 0px;
}
.fl_label input:focus ~ label, .fl_label input:not(:placeholder-shown) ~ label {
  font-size: 75%;
  top: -20px;
}
.fl_label.has-error input:focus ~ label, .fl_label.has-error input:not(:placeholder-shown) ~ label {
  display: none;
}
.toggle_pass {
  position: absolute;
  top: 10px;
  left: 0;
  background-color: transparent;
  color: #999999;
  border: 0;
  z-index: 5
}
input:-internal-autofill-selected{
  background-color:transparent !important
}
/*--success-page--*/
.success_sec {
  text-align: center;
  padding: 25px;
}
.success_sec p {
  font-size: 20px;
}
.general-page li {
  list-style: auto;
  font-size: 20px;
}
.check path {
  fill: none;
  stroke: #00b98a;
  stroke-miterlimit: 10;
  stroke-width: 25px;
  margin: 40px;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: draw 0.5s linear forwards;
}
svg {
  overflow: visible;
  margin: 0 0 16px;
}
@keyframes draw {
  from {
    stroke-linecap: round;
  }
  to {
    stroke-linecap: round;
    stroke-dashoffset: 0;
  }
}
.reg_card {
  width: 421px;
  border: 1px solid #CBCBCB;
  border-radius: 1px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 40px;
  margin: 35px auto;
}
.reg_card h2 {
  font-size: 22px;
  letter-spacing: 0;
  color: var(--mco);
  font-weight: 700;
  text-align: center;
  margin: 30px 0;
}
a.forgot_pagss {
  position: absolute;
  left: 0;
  bottom: -25px;

  font-size: 12px;
  color: #3064D5
}

a.togglePassword
{
  position: absolute;
  right: 0;
  bottom: -31px;
  font-size: 17px;
}

a.togglePassword.password { color: #3064D5 }
a.togglePassword.text     { color: #28a745 }

.reg_card .btn {
  margin-top: 25px;
}
/*--registration-steps--*/
.sm_container {
  max-width: 750px;
  margin: auto;
}
.reg_steps ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  color: var(--mco);
}
.reg_steps ul li {
  margin: 0 12px 0 0;
}
.reg_steps ul li span {
  height: 36px;
  width: 36px;
  border-radius: 100px;
  border: 1px solid var(--mco);
  display: inline-block;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
}
.reg_steps ul li i {
  font-style: normal;
}
.reg_steps ul li.active_step span {
  background-color: var(--mco);
  color: #fff;
}
.reg_steps {
  margin: 0 0 60px;
}
.carousel_title strong {
  color: var(--mco);
  font-size: 20px;
  font-weight: 700;
}
.carousel_title p {
  font-size: 14px;
}
.crs_card {
  display: flex;
  margin-top: 12px;
  border: 1px solid #CBCBCB;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.crs_no {
  max-width: 66px;
  width: 100%;
  border-left: 1px solid #CBCBCB;
  text-align: center;
  padding: 15px 0px;
  font-size: 40px;
  line-height: 55px;
  color: #999999;
}
.crs_content {
  padding: 26px 42px;
}
.crs_content p {
  min-height: 87px;
}

@media(max-height: 800px) {
.crs_content p {
  max-height: 100px;
  overflow-y: auto;
}
}

.crs_content .btn {
  padding: 0 27px;
}
i.sprite.check, .check_green {
  background-position: -10px -109px;
  width: 22px;
  height: 14px;
}
.crs_card .btn:hover, .crs_card .btn:focus, .crs_card .btn:active, .crs_card .btn.clicked, .toConfirm.clicked {
  background-color: #fff !important;
  color: #00B98A;
  border-color: #00B98A
}
.crs_card .btn:hover .sprite, .crs_card .btn:focus .sprite, .crs_card .btn:focus .sprite, .check_green, .crs_card .btn.clicked .sprite, .toConfirm.clicked .sprite {
  background-position: -10px -126px
}
.step_carousel .owl-dots .owl-dot {
  height: 6px;
  width: 6px;
  background-color: #CBCBCB;
  border-radius: 100%;
  margin-left: 5px;
}
.step_carousel .owl-dots .owl-dot.active {
  background: var(--mco)
}
form.profile_form {
  padding-bottom: 90px;
}
/*--setp-2--*/
.reg_step2 .carousel_title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.reg_step2 .carousel_title p {
  margin: 0;
  margin-bottom: 9px;
}
.reg_step2 .carousel_title .form-group {
  margin: 0;
}
.tr_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.th_card {
  width: 84%;
}
.tr_card:nth-child(odd) {
  background-color: #F1F4F6
}
.radio_group {
  width: 55%;
}
.radio_group fieldset {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.radio_group fieldset > div {
  /* width: 50%; */
  margin-left: 15px;
}
.th_card p {
  margin: 0;
}
.th_card p span {
  color: var(--mco);
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
}
.question_table {
  margin-top: 22px;
}
.tr_card.highlight {
  background-color: #FFFACB
}
.radio_group fieldset label {
  margin: 0;
}
.reg_step2 {
  padding-bottom: calc(165px - -28px);
}
.upload_doc {
  margin: 40px 0 0;
	cursor: pointer;
}
.upload_doc p {
  font-size: 18px;
  font-weight: 700;
  color: #666666
}
.fileUpload {
  position: absolute;
  overflow: hidden;
  margin: 10px;
  top: 0px;
  z-index: 5;
  left: -9px;
  color: #999999;
  font-size: 18px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.upload_container {
  max-width: 445px;
  position: relative;
}
.upload_container i{
	cursor: pointer
}
.upload_container input:disabled {
  background: none;
  padding-left: 30px;
}
.upload_container .form-control::placeholder {
  opacity: 1;
}
.upload_doc a {
  font-size: 14px;
  margin-top: 10px;
  display: block;
}
/*--step3-page--*/
.form_title {
  margin: 40px 0 30px;
}
.form_title .h2 {
  font-size: 18px;
  font-weight: 700;
  color: #666;
}
.form_title p {
  font-size: 14px;
}
.parent_detail strong.h3 {
  margin: 0 0 20px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #666666
}
.step_form, .std_container {
  padding-bottom: calc(150px - 10px);
}
.sign_ico {
  background-position: -10px -142px;
  height: 26px;
  width: 26px;
}
.parent_sign .fileUpload {
  top: -5px;
  cursor: pointer;
  z-index: 5
}
a.parent_file {
  display: inline-block;
  margin: 10px 0 0;
}
/*--step-4--*/
.step4_form .form_container {
  max-width: 555px;
  margin-right: 0;
  width: 100%;
}
.step4_form .date_picker > .datepicker {
  width: 60%;
}
.step4_form .date_picker > label {
  width: 40%;
}
.step4_form .date_picker label {
  margin-top: -12px
}
/*--signup-6a--*/
.co_detail .h1 {
  font-size: 16px;
  color: #666666;
  font-weight: 700;
}
.co_detail p {
  font-size: 14px;
}
.co_detail .btn {
  font-size: 14px;
  padding: 0 22px;
  height: 40px;
  line-height: 40px;
}
/*--signup-6b--*/
.ss_6b {
  max-width: 348px;
}
.ss_6b img {
  width: 100%;
}
/*--student-personal-area--*/
.student_area .prifile_image {
  text-align: center;
}
.student_area .prifile_image img {
  height: 127px;
  width: 127px;
  border-radius: 100px;
  box-shadow: 0 2px 4px 0 rgba(0, 4, 0, 0.1);
  object-fit: cover;
}
.student_area .prifile_image strong {
  font-size: 20px;
  color: var(--mco);
  font-weight: 700;
  text-align: center;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.student_area .filepond--root {
  display: none;
}
.student_tab {
  margin: 15px 0 25px;
  border-bottom: 1px solid #CFCFCF;
  text-align: center;
  position: relative;
}
.student_tab a.back_link {
  position: absolute;
  color: var(--mc);
  left: 16px;
  bottom: -62px;
  font-size: 14px;
}
.student_tab a.back_link .sprite,
.help_links a.back_link .sprite {
  background-position: -40px -35px;
  margin-right: 5px;
}
.student_tab a {
  display: inline-block;
  padding: 15px 0px;
  font-size: 18px;
  color: #666666;
  position: relative;
  margin: 0 15px;
}
.student_tab a:hover {
  color: var(--mco)
}
.student_tab a.active_tab {
  font-weight: 700;
  color: var(--mco)
}
.student_tab a.active_tab:after {
  content: '';
  background-color: var(--mco);
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.student_area input:disabled {
  background: none;
  border: 0;
}
.student_area label {
  position: static;
  margin: 0;
  font-size: 12px;
  color: #666666
}
.student_area .form-control::placeholder {
  opacity: 0;
  font-size: 16px;
  color: #252734
}
/*--student-course--*/
.sc_card {
  border: 1px solid #DBE3EA;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  -webkit-transition: var(--trans);
  transition: var(--trans);
  position: relative;
  top: 0px;
  margin-bottom: 18px;
}
.sc_card:hover {
  top: -10px
}
.sc_card span {
  display: block;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #252734;
  min-height: 70px;
}
.sc_card img {
  height: 124px;
  object-fit: cover
}
.st_cousre > .h1, .mobile_title {
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  margin: 0 0 20px;
}
.st_card {
  border: 1px solid #DBE3EA;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
}
.st_card .h1 {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  margin: 20px 0
}
.st_card .h1 a {
  color: #666666;
}
.st_card .btn_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.st_card .btn_group a {
  width: 48%;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
}
/*--student-message--*/
.post_header, .post_list .posts {
  display: flex;
  align-items: center;
}
.post_title {
  width: 60%;
}
.post_date {
  width: 20%;
  text-align: center;
}
.post_action {
  width: 20%;
}
.post_header {
  color: #666666;
  font-size: 14px;
  padding: 10px 0;
}
.post_action a {
  font-size: 14px;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.post_list .posts {
  border-top: 1px solid #CFCFCF;
  padding: 10px 0;
}
.approve_sec .carousel_title strong {
  color: #666666;
  font-size: 18px;
  font-weight: 700;
}
.approve_sec .carousel_title {
  margin-top: 25px;
}
.approve_sec .carousel_title p {
  font-size: 16px;
}
.approve_list .post_title {
  font-weight: 700;
  font-size: 16px;
  color: #666666;
  width: 50%;
}
.approve_list {
  padding: 10px 0;
  border-top: 1px solid #CFCFCF;
  display: flex;
  align-items: center;
}
.approve_list .post_date {
  width: 15%;
}
.approve_list .post_guide {
  width: 15%;
}
.approve_list .post_action {
  width: 20%;
  text-align: left;
}
.approve_list i.check {
  background-position: -10px -126px
}
.approve_list label {
  font-size: 16px;
}
.approve_header {
  margin-top: 25px;
}
.approve_header .post_date, .approve_header .post_guide {
  color: #666666;
  font-size: 14px;
}
.table_container .post_title {
  font-weight: normal
}
a.mobile-toggle {}
i.sprite.d_arrow {
  width: 13px;
  height: 7px;
  background-position: -10px -101px;
}
a.mobile-toggle .sprite {
  transform: rotate(90deg);
}
a.mobile-toggle.open_toggle .sprite {
  transform: rotate(360deg);
}
.mobile_content.open_c {
  display: flex !important
}
/*--club-member--*/
.counter_card > div {
  min-height: 109px;
}
.oarrow_ico {
  background-position: -10px -181px;
  width: 17px;
  height: 7px;
}
.counter_card {
  text-align: center;
  margin: 0 0 48px;
}
.counter_card span {
  display: block;
  font-weight: bold;
  font-size: 85px;
  color: var(--mc);
  line-height: 60px;
  margin: 20px 0;
}
.counter_card strong {
  display: block;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 33px;
  color: #666666;
  font-weight: normal;
  margin: 0 0 20px;
}
.counter_card .btn {
  height: 40px;
  line-height: 40px;
  width: 138px;
  font-size: 14px;
}
.course_counter {
  margin-top: 40px;
  max-width: 767px;
  margin: auto;
  width: 100%;
}
.mobile_title {
  font-size: 18px;
  font-weight: 700;
  color: var(--mc);
  margin: 4px 0 10px;
  text-align: right !important;
}
.course_counter h5 {
  color: #666666;
  margin-bottom: 30px;
}
.course_counter h5 b {
  color: var(--mco)
}
/*--club-manager-course--*/
.course_form form {
  display: flex;
  justify-content: flex-start
}
.course_form form label {
  font-size: 16px;
  color: #252734
}
.course_form form .form-group {
  margin-left: 30px;
}
.course_form form .form-group .form-control {
  border: 0;
  border-bottom: 2px solid #D8D8D8;
  border-radius: 0;
  width: 234px;
  height: 30px;
  padding: 0;
}
.course_form form .form-group span.current {
  display: block;
  text-align: right;
  line-height: normal;
  font-size: 16px;
  color: #252734
}
.course_form form .form-group .nice-select {
  margin-right: 8px;
}
.nice-select .list {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}
.nice-select .option {
  padding-right: 5px;
  padding-left: 5px;
}
table.js-sort-table thead tr > .sort_column::after {
  content: "▲";
  font-size: 0.7em;
  padding-left: 3px;
  line-height: 0.7em;
  color: #CCCCCC;
  margin-right: 1px;
}
table.js-sort-table thead tr > .sort_column:hover::after {
  color: #000
}
.toggle_ico {
  height: 18px;
  width: 18px;
}
.table_header [data-toggle="collapse"] .sprite {
  background-position: -12px -195px;
}
.table_header [data-toggle="collapse"].collapsed .sprite {
  background-position: -12px -215px;
}
.toggle_btn {
  color: #666666;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.toggle_btn i {
  margin-left: 10px;
}
.link_ico {
  background-position: -12px -237px;
  height: 10px;
  width: 20px;
}
.plus_ico {
  height: 14px;
  width: 14px;
  background-position: -13px -250px;
}
.table_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DBE3EA;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 12px;
}
.table_header .btn, .online-btns .btn {
  height: 36px;
  line-height: 36px;
  width: 126px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}

.online-btns .btn span
{
	padding: 0px 8px;
}

.online-btns .btn 
{
	width: fit-content;
}
	
.table_header .btn i {
  margin-left: 7px;
}
.table_header .table_btns, .table_btns.online-btns {
  display: flex;
  align-items: center;
}
.table_body thead th, thead th {
  color: #666666;
  font-size: 14px;
  font-weight: normal;
  border-top: 0;
}
.table_body {
  margin-top: 15px;
}
.table_body tbody td {
  font-size: 16px;
  color: #252734
}
.table_body .badge {
  height: 22px;
  width: 57px;
  border-radius: 11px;
  background-color: #00B98A;
  line-height: 18px;
  font-weight: normal
}
.table_body .closed_tb .badge {
  background-color: #FF0012
}
.closed_tb td {
  color: #999999 !important;
}
.table_card tbody tr td:last-of-type {
  width: 100%;
}
.table_card tbody tr td .btn {
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 36px;
}
/*--add-course--*/
table.js-sort-table thead tr > .sort_column {
  cursor: pointer
}
.add_form .h2 {
  display: block;
  color: #666;
  font-size: 16px;
  font-weight: 700;
}
.ac_table table thead th {
  border-top: 0
}
.ac_table table tbody td {
  vertical-align: middle
}
.ac_table table tbody td .form-group {
  margin: 0;
}
.ac_table table tbody td .form-group img {
  margin-right: 10px;
  border-radius: 100%;
  height: 45px;
  width: 45px;
}
.ac_table table tbody td.active_color {
  color: #FF0000
}
.add_form form .sf_1 {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.add_result.add_form form .sf_1 {
  justify-content: flex-start
}
.add_form form .sf_1 .form-group:first-of-type {
  max-width: 404px;
  width: 100%
}
.add_form form .sf_1 .form-group:nth-child(2n) {
  max-width: 330px;
  width: 100%
}
.add_form form label {
  font-size: 16px;
  color: #070707
}
@media(min-width: 767px) {
  .add_form .sf_1 .form-group:nth-child(1) {
    width: 20% !important;
  }
  .add_form .sf_1 .form-group:nth-child(2) {
    width: 20% !important;
  }
  .add_form .sf_1 .form-group:nth-child(3) {
    width: 20% !important;
  }
  .add_form .sf_1 .form-group:nth-child(4) {
    width: 30% !important;
  }
  .add_form .sf_1 .form-group input::placeholder {
    opacity: 100 !important;
    color: black;
  }
  .add_form .sf_1 .form-group:nth-child(3) label,
  .add_form .sf_1 .form-group:nth-child(1) label {
    margin-top: 18px !important;
  }
}
.course-nickname {
  display: inline;
}
.course-nickname input {
  display: inline;
  width: auto;
}
.course-nickname input::placeholder {
  opacity: 100 !important;
}
.date_picker label {
  border-bottom: 2px solid #D8D8D8;
  height: 50px;
  line-height: 50px;
  margin: 0;
}
.add_form .date_picker {
  margin-top: 12px;
}
.guide_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.guide_list .form-group {
  margin-left: 10px
}
.guide_list label {
  margin: 0 5px 0 0;
}
.ac_table {
  margin-bottom: calc(100px - -50px);
}
/*--edit-manager-course--*/
.add_result .sf_1 {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.add_result .sf_1 span {
  font-size: 16px;
  margin-left: 15px;
  color: #070707
}
.add_result form .form-group {
  max-width: 300px;
  width: 100%;
  margin: 0 0 15px;
}
.add_result .sf_2 {
  margin: 15px 0 0;
}
.mem-container {
  display: flex;
  align-items: center;
}
.mem-container .mem_card {
  height: 52px;
  width: 200px;
  border: 1px solid #DBE3EA;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mem-container .mem_card.link_card a {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #3064D5;
  top: 0;
  left: 0;
}
.mem-container .mem_card.link_card a i {
  background-position: -13px -270px;
  height: 14px;
  width: 14px;
  position: absolute;
  right: 8px;
  top: 4px;
}
.mem-container .mem_card img {
  width: 38px;
  height: 38px;
	    object-fit: cover;
}
.mem-container .mem_card {
  margin-left: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px;
  position: relative;
}
.mem-container .mem_card span {
  font-size: 16px;
}
.mem-container .mem_card img {
  margin-left: 25px;
}
.mem-container .mem_card a {
  position: absolute;
  left: 10px;
  top: 15px;
}
.trash_ico {
  height: 19px;
  width: 14px;
  background-position: -13px -290px
}
.actable_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.actable_head .h2 {
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  margin: 0;
}
.actable_head .btn {
  width: 149px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  position: relative;
}
.actable_head .btn i {
  position: absolute;
  right: 12px;
  top: 12px;
}
.c-badge {
  height: 23px;
  width: 23px;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.c-badge.young {
  background-color: #FFCC01;
}
.c-badge.child {
  background-color: #FD7100;
}
#courseStudentsForm img.rounded-circle{
	width:45px;
	height:45px;
	object-fit:cover;
}
/*--manager-student-course-edit--*/
.sedit_form {
  margin: 30px 0 15px;
}
.sedit_form label {
  position: absolute;
}
.fl_label .search_ico {
  position: absolute;
  left: 0;
  top: 10px;
}
.sedit_form .fl_label input {
  padding-left: 22px;
}
.search_ico {
  background-position: -16px -315px;
  height: 20px;
  width: 20px;
}
.add_form.add_result .nice-select {
  float: none;
}
.table_filter .nice-select {
  float: right;
  border: 0;
  text-align: right !important;
  padding: 0 10px;
}
.table_filter .nice-select:before {
  left: -12px;
}
.ac_table label {
  font-size: 16px;
  color: #252734
}
.ac_table input[type="checkbox"] {
  margin-left: 5px;
  vertical-align: middle
}
.filter_link {
  display: flex;
  align-items: center;
}
.filter_link .form-group {
  margin-left: 15px;
  margin-bottom: 0;
}
.filter_body > .div1 .option_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #CFCFCF;
  border-bottom: 1px solid #CFCFCF;
  padding: 15px 0;
  margin: 0 0 15px;
}
.filter_body > .div1 .form-group {
  flex: 1 0 25%;
  margin: 0 0 15px;
}
#moreCerts label {
  font-size: 15px !important;
}
/*--custom-checkbox--*/
/* PSEUDO ELMENT CONTENT FOR CHECKED STATE */
.custom-check-input:checked + .custom-check-elem:before, .custom-radio-input:checked + .custom-radio-elem:before {
  display: block;
  content: '-'
}
/* IE8: needs js-fallback for :checked, don't mix selectors! */
.custom-check-input.checked + .custom-check-elem:before, .custom-radio-input.checked + .custom-radio-elem:before {
  display: block;
}
/* VISUALLY HIDE THE ORIGINAL CHECKBOX/RADIOBUTTON */
.custom-check input[type=checkbox], .custom-radio input[type=radio] {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
}
/* VISUALLY HIDE THE ORIGINAL CHECKBOX/RADIOBUTTON */
.custom-check input[type=checkbox] {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
}
.custom-check-elem {
  cursor: pointer;
  vertical-align: middle;
}
/* CUSTOM CHECKBOX */
.custom-check-elem {
  display: inline-block;
  margin-right: 4px;
  border: 1px solid var(--mc);
  width: 20px;
  height: 19px;
  border-radius: 3px;
  position: relative !important;
}
/* CUSTOM CHECKBOX/RADIOBUTTON CHECK */
.custom-check-elem:before {
  content: "+";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  line-height: 13px;
  text-align: center;
  background: var(--mc);
  color: #fff;
  border: 1px solid var(--mc);
  font-weight: normal;
}
input:disabled {
  padding: 0
}
.datepicker input:disabled {
  padding-right: 0 !important
}
.validity_c.form-control::placeholder, .validity_c, .validity_c a
{
  color: #FF0012 !important;
}
.status_stop {
  color: #4444EC;
}
.status_success {
  color: #0F7734;
}
.date_picker label.h-auto {
  width: 100% !important
}
.guideadd_card .fl_label label {
  position: absolute
}
.guideadd_card .form-group {
  margin: 0;
}
.guideadd_form .h2, .guideadd_form form > strong {
  font-size: 18px;
  font-weight: 700;
  color: #666666;
  margin: 35px 0 25px;
  display: block
}
.guideadd_card {
  border: 1px solid #DBE3EA;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.guideadd_form form > strong {
  margin: 0 0 20px;
}
.guideadd_card .btn {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.guideadd_form {
  margin: 0 0 25px;
}
/*--table-responsive-view--*/
/*--old-manager-add-guide--*/
.guide_profile img {
  height: 153px;
  width: 153px;
  object-fit: cover;
  border-radius: 100%;
}
/*--old-manager-student--*/
.oms_filter {
  margin: 30px 0 35px;
}
.oms_filter .actable_head {
  flex-wrap: wrap;
}
.oms_filter .actable_head .filter_group {
  max-width: 1100px;
  width: 100%;
}
.oms_filter .actable_head .filter_group .nice-select, .oms_table .nice-select {
  border: 0;
  float: none;
  border-bottom: 1px solid #D2D2D2;
  text-align: right;
  padding-right: 0;
}
.oms_filter .actable_head .filter_group .nice-select span.current, .oms_table .nice-select span.current {
  display: block;
  text-align: right;
  overflow: hidden;
}
.oms_filter .actable_head .filter_group label {
  position: absolute;
  font-size: 14px;
}
.students_filter label {
  margin-top: 2px;
}
/*.oms_filter .actable_head .filter_group .form-control:focus + label, .oms_filter .actable_head .filter_group .form-control:valid + label {
  font-size: 75%;
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
}*/
.filter_group {
  align-items: baseline
}
.oms_filter .actable_head .filter_group .form-group {
  margin: 0;
}
.oms_table .nice-select {
  border: 0 !important;
  padding-right: 0 !important;
}
.oms_table .nice-select span.current {
  font-size: 16px;
  color: #252734
}
/*--old-student-manager--*/
.student_info {
  display: flex;
  align-items: flex-start;
  margin-bottom: calc(100px - -50px);
}
.student_info .student_list {
  width: 25%;
}
.student_info .student_list ul {
  padding: 0;
}
.student_info .student_list ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  color: #252734;
  height: 67px;
  padding: 0 10px;
  line-height: 67px;
  border: 1px solid #CFCFCF;
  background-color: #F7F8FA;
  position: relative;
  -webkit-tranisition: var(--trans);
  transition: var(--trans);
  margin-left: -1px;
}
.student_info .student_list ul li a:hover, .student_info .student_list ul li a.active_item:hover {
  background-color: var(--mc);
  color: #fff;
  border-color: var(--mc);
}
.student_info .student_list ul li a.active_item {
  background: #fff;
}
.student_info .student_list ul li a.active_item:after {
  content: '';
  border-left: 1px solid #fff;
  position: absolute;
  left: -1px;
  top: 0;
  height: 100%;
  width: 1px;
  display: block;
}
.student_info .student_list ul li a img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  object-fit: cover;
  margin-left: 15px;
}
.student_info .student_card {
  background: #fff;
  border: 1px solid #CFCFCF;
  width: 84%;
  padding: 35px;
}
.arrow_down {
  background-position: -10px -101px;
  width: 17px;
  height: 7px;
}
.sc_header .header_detail
{
	position: relative;
}

.sc_header .header_detail .h1 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
  color: #666;
  display: block;
}
.student_filter {

  font-size: 14px;
  color: #252734;
}
.student_filter span {
  margin-left: 10px
}
.student_filter a {
  font-size: 14px;
  color: #252734;
}
.sc_tabs {
  border-bottom: 1px solid #CFCFCF;
  margin-top: 25px;
  margin-bottom: 25px;
}
.sc_tabs a {
  font-size: 16px;
  color: #666666;
  margin-left: 30px;
  display: inline-block;
  padding: 0 0 15px;
  position: relative;
  -webkit-tranisition: var(--trans);
  transition: var(--trans);
}
.sc_tabs a:hover {
  color: var(--mco)
}
.sc_tabs a:last-of-type {
  margin-left: 0;
}
.sc_tabs a.sc_active {
  color: var(--mco);
  font-weight: 700;
}
.sc_tabs a.sc_active:after {
  content: '';
  background-color: var(--mco);
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.student_card .oms_detail .form-group {
  margin-bottom: 10px
}
.arrow_left {
  height: 12px;
  width: 14px;
  background-position: -19px -339px;
}
.student_card .oms_detail .btn, .details_actions .btn {
  font-size: 14px;
  width: 170px;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
}
/*--old-manager-pending--*/
.approval_link {
  font-size: 14px;
}
/*--club-manager-approve--*/
.followup_form table td, .followup_form table th {
  border-top: 0;
  border-bottom: 1px solid #dee2e6;
}
.followup_form table thead th strong {
  font-size: 16px;
}
.edit_pen {
  color: #A7A7A7
}
.followup_form .fa-calendar-alt {
  color: #A7A7A7
}
.feeback_ico {
  height: 20px;
  width: 20px;
  background-position: -13px -357px;
}
.score_app td {
  vertical-align: middle
}
.reg_certificate .nice-select {
  width: 177px;
  padding-right: 0;
}
.reg_certificate .nice-select span.current {
  float: right;
}
.pm_approval label {
  font-size: 14px;
  color: #070707;
  margin-right: 5px;
}
.pm_approval td {
  padding: 10px 0;
}
.pm_approval p {
  margin-bottom: 0px;
}
.pm_approval .form-group {
  display: flex;
}
input#managerPassword {
  width: 200px;
}
.multiple_btn {
  display: flex;
  align-items: center;
  justify-content: center;
    gap: 2%;
}
.multiple_btn a {
  max-width: 354px !important;
  width: 100% !important;
  font-size: 16px !important;
}
.stageDate .datepicker {
  padding: 0px !important;
}
/*--student-check--*/
.student_info.student_check {
  margin-top: 30px;
}
.starcourse_form {
  margin-top: 25px;
}
.starcourse_form .form-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}
.starcourse_form .form-group .nice-select {
  float: none;
  width: 190px;
}
.starcourse_form .form-group label {
  font-weight: 700;
  font-size: 16px;
  margin-top: 5px;
}
.file_ico {
  height: 22px;
  width: 18px;
  background-position: -13px -470px
}
.doc_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--mc)
}
.doc_link i {
  margin-left: 10px;
}
.accept_ico {
  height: 38px;
  width: 38px;
  background-position: -13px -424px
}
.decline_ico {
  /*height: 37px;
  width: 37px;
  background-position: -13px -383px*/
  height: 38px;
  width: 38px;
  background-position: -52px -424px;
}
.wdecline_ico {
  /*height: 37px;
  width: 37px;
  background-position: -13px -383px*/
  height: 38px;
  width: 38px;
  background-position: -52px -424px;
}
.cinfo_btn a:first-of-type {
  margin-left: 12px;
}
.cinfo_list .cinfo_card:first-of-type {
  border-top: 1px solid #CFCFCF;
}
.cinfo_card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #CFCFCF;
}
.cinfo_card a, .cinfo_card span {
  max-width: 90%;
}
.check_profile {
  text-align: center;
}
.check_profile img {
  width: 192px;
  height: 192px;
  object-fit: cover;
  border-radius: 100%;
  margin-bottom: 5px;
}
.close_ico {
  height: 20px;
  width: 20px;
  background-position: -37px -6px
}
.popup .close {
  position: absolute;
  right: -37px;
  opacity: 1;
  top: 0;
}
.modal
{
	z-index: 1350;
}
.popup .modal-content {
  border-radius: 0;
  padding: 30px 40px;
}
.popup .modal-content .modal-body {
  padding: 0;
}
.popup strong {
  display: block;
}
.popup strong.h5 {
  font-size: 14px;
  color: #252734
}
.popup strong.h3 {
  font-size: 18px;
  color: #666666;
  font-weight: 700;
  margin: 0 0 18px;
}
.popup .form-control {
  border: 1px solid #C7C7C7;
}
.popup textarea.form-control {
  height: 156px;
}
.popup textarea.form-control::-webkit-input-placeholder {
  color: #252734;
  font-size: 14px !important;
  opacity: 1 !important;
  display: block !important;
}
.popup textarea.form-control::placeholder {
  color: #252734;
  font-size: 14px !important;
  opacity: 1 !important;
  display: block !important;
}
.popup .btn {
  min-width: 87px;
  margin-top: 8px;
}
.modal-backdrop.show {
  opacity: 0.8
}
.table.data_table {
  width: 100% !important;

}
/*--guides-course--*/
.guide_course table thead th {
  border-top: 0;
}
.recycle_ico {
  height: 24px;
  width: 24px;
  background-position: -39px -56px
}
.undo_ico {
  background: url(../designFiles/ic_undo.svg);
  width: 24px;
  height: 24px;
}
.link_group {
  height: 40px;
}
.link_group .btn {
  width: 82px !important;
}
.link_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.link_group .reset_link {
  margin-left: 8px;
}
.followup_form .form-group label {
  font-size: 16px;
  margin-right: 15px;
}
/*--guide-student-report--*/
.courseno_filter {
  margin: 0 0 15px;
}
.courseno_filter .nice-select {
  float: right;
}
.courseno_filter .nice-select span.current {
  font-weight: 700;
  font-size: 18px;
  color: #666666;
	    white-space: break-spaces;
    text-align: right;
    display: block;
}
.courseno_filter .nice-select {
  padding-right: 0;
  border: 0;
}
tr td:first-of-type, tr th:first-of-type {
  padding-right: 0;
}
tr td:last-of-type, tr th:last-of-type {
  padding-left: 0;
}
.pm_approval .form-group {
  margin: 0
}
.followup_form .pm_approval label {
  font-size: 14px;
  margin-right: 5px;
}
.mobile_date {
  font-size: 12px;
}
.red_cross {
  height: 18px;
  width: 18px;
  background-position: -40px -88px
}
tbody tr td {
  vertical-align: middle;
}
/*--student-guide-notes--*/
.note_form textarea {
  height: 75px;
  width: 100%;
  padding: 10px;
  border: 1px solid #CFCFCF;
}
.note_form .btn {
  width: 75px;
  margin-top: 0
}
.note_table {
  margin-top: 25px;
}
.note_table thead th {
  border-top: 0;
}
/*--extra-addition--*/
span.in_review {
  margin-left: -11em;
  color: #666666;
  font-size: 14px;
}
.review_action .decline_ico {
  background-position: -11px -382px
}
.review_action .accept_ico {
/*  background-position: -52px -383px*/
  background-position: -13px -424px
}
.profile_form.student_area .dropdown-toggle::after {
  display: none;
}
.profile_form.student_area .dropdown-menu {
  position: absolute;
  transform: translateX(-42%) !important;
  top: 38px !important;
  left: 42% !important;
  width: 111px !important;
  border: 1px solid #DBE3EA;
  min-width: inherit;
  border-radius: 1px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.profile_form.student_area .dropdown-menu a.dropdown-item {
  font-size: 14px;
  line-height: 32px;
}
.profile_form.student_area .dropdown-menu a.dropdown-item.active_item {
  color: var(--mco);
  padding-top: 0;
  padding-bottom: 0;
}
.has-error label {
  color: #FF0000 !important;
  z-index: 5
}
.has-error input {
  background: #FFE7E7 !important;
  border-color: #FF0000
}
.help-block.with-errors {
  position: absolute;
  font-size: 12px;
  color: #ff0000;
}
.help-block.with-errors {
  position: absolute;
  font-size: 12px;
  color: #ff0000;
  left: 0;
  right: inherit;
  top: 100%;
}
.table_filter .nice-select.open .list {
  width: 160px;
  right: 0;
}
table.js-sort-table thead tr > .sort_column:hover::after, th.sort_column.js-sort-active:after {
  color: var(--mc);
}
.sort_column.js-sort-active:after {
  color: var(--mc) !important;
}
.clickable-row {
  cursor: pointer
}
tr.clickable-row:hover {
  background: #f9f9f9;
}
.select2-container--default .select2-selection--single {
  border: 0 !important;
}
.select2-search--dropdown {
  display: none !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: static !important
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--mco) !important;
  font-size: 18px;
  font-weight: 700;
  display: inline-block !important;
  padding-right: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  border: 0 !important;
  width: 17px !important;
  height: 7px !important;
  background: url(../designFiles/sprite.png?v=2) no-repeat;
  background-position: -10px -181px;
  position: relative !important;
  display: inline-block;
  left: 0 !important;
  top: -8px !important;
  right: -12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-results__option img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    object-fit: cover;
    object-position: top;
}
.select2-results__option{
	    position: relative;
    padding-right: 35px !important;
}
.select2-container--default .select2-selection--single:focus {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.select2-dropdown {
  border: 0 !important
}
.gfolder_ico {
  background-position: -43px -470px;
}
.nice-select.d-block.d-md-none.d-lg-none.mobile_title {
  display: none !important
}
/*Profile Pic Start*/
.picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
  max-width: 192px;
  margin: auto auto 20px;
}
.picture {
  width: 192px;
  height: 192px;
  background-color: #999999;
  border: 1px solid #e8e8e8;
  color: #FFFFFF;
  border-radius: 50%;
  margin: 0px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.picture:hover {
  border-color: #2ca8ff;
}
.content.ct-wizard-green .picture:hover {
  border-color: #05ae0e;
}
.content.ct-wizard-blue .picture:hover {
  border-color: #3472f7;
}
.content.ct-wizard-orange .picture:hover {
  border-color: #ff9500;
}
.content.ct-wizard-red .picture:hover {
  border-color: #ff3b30;
}
.picture input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
.picture-src {
  width: 100%;
}
.nice-select.mobile_title {
  display: none !important
}
.check_profile .picture img {
  width: 192px;
  height: 192px;
}
h6.upload_btn {
  position: absolute;
  right: 14px;
  bottom: 0;
  background: #fff;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border: 1px solid #48484824;
  font-size: 13px;
  color: #484848;
}
/*--datepicker-in-table--*/
table tbody tr td .datepicker .input-group-append {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer
}
table tbody tr td .datepicker input {
  cursor: inherit !important;
  pointer-events: none;
  width: 92px;
}
table tbody tr td .datepicker input:focus {
  border: 0 !important;
  outline: none;
}
/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */
/*
 * Sort styling
 */
table.dataTable thead th {
  position: relative;
  background-image: none !important; /* Remove the DataTables bootstrap integration styling */
  line-height: 25px;
}
table.dataTable thead th.js-2lines {
  line-height: 16px !important;
}
table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after {
  font-size: 1rem;
  position: relative;
  /* top: 12px; */
  left: 15px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
  /* vertical-align: text-bottom; */
  /* line-height: 25px; */
  height: 25px;
  right: 0;
  bottom: 0;
}
table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {
  display: none !important;
}
table.dataTable thead th.sorting:after {
  font-weight: 900; /* regular style/weight */
  content: "\f0dd";
  color: var(--mc);
}
table.dataTable thead th.sorting_desc:after, table.dataTable thead th.sorting_asc:after {
  color: var(--mc) !important;
}
table.dataTable thead th.sorting_asc:after {
  font-weight: 900; /* regular style/weight */
  content: "\f0dd";
  opacity: 1;
  color: var(--mc) !important;
}
table.dataTable thead th.sorting_desc:after {
  font-weight: 900; /* regular style/weight */
  content: "\f0dd";
}
div.dataTables_scrollBody table.dataTable thead th.sorting:after, div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after, div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
  content: "";
}
/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after, table.table thead th.sorting_asc:after, table.table thead th.sorting_desc:after {
  top: 0px;
  color: var(--mc);
}
table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {
  left: 0.5em !important;
  /* right:auto !important; */
  color: #cccccc !important;
  opacity: 1 !important;
}
table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
  /* padding-left: 30px !important; */
  padding-right: .75rem !important;
}
table.dataTable thead th.sorting:after {
  transform: rotate(0deg)
}
table.dataTable thead th.sorting_asc:after {
  transform: rotate(180deg);
  top: 5px;
}
.fl_label .search_btn {
  position: absolute;
  left: 0;
  top: 10px;
  border: 0;
  background: none;
  z-index: 9;
  cursor: pointer
}
.fl_label .search_btn .search_ico {
  position: static
}
#transterStudentForm .nice-select {
  float: none;
}
#transterStudentForm .nice-select:before {
  left: 8px;
}
#transterStudentForm .nice-select .current {
  position: absolute;
  right: 10px;
  top: 0;
}
#transterStudentForm .btn {
  min-width: inherit;
  width: 100%;
}
.datepicker td, .datepicker th {
  padding: 5px !important
}
.disable_list ul {
  padding: 0;
}
.disable_list ul li {
  padding-right: 15px;
  position: relative;
}
.disable_list ul li:before {
  content: '';
  height: 5px;
  width: 5px;
  border-radius: 100px;
  background: var(--mco);
  position: absolute;
  right: 0;
  top: 9px;
}
/*--flipcard--*/
.back_card {
  background: url(../designFiles/back_card.png) no-repeat 50% 50%;
  height: 184px;
  position: relative;
  margin-bottom: 10px;
}
.flip_card {
  transition: transform 0.8s;
  transform-style: preserve-3d;
  position: relative;
  height: 200px;
  width: 350px;
  perspective: 1000px;
  margin: auto auto 15px;
}
.flip_card > div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.studentCert-details {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  /* background-color: #F5F5F5; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.back_card {
  position: absolute;
  /* background-color: #F5F5F5; */
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  display: flex;
}
.st_card.studentCert.flip .flip_card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.st_card.studentCert.flip .back_card {
  z-index: 9
}
i.sprite.angright_ico {
  background-position: -53px -37px;
  height: 13px;
  width: 7px;
}
/*--toggle-css--*/
.toggle {
  border-radius: 0px;
}
.toggle label {
  position: absolute !important
}
.toggle-handle {
  background: #fff;
  vertical-align: baseline !important;
  border: 1px solid #ccc;
}
.toggle.off label.btn {
  background: #ddd;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad !important;
}
.toggle label.btn {
  color: #fff;
  font-size: 14px !important;
  line-height: 34px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.toggle .btn:active, .toggle .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
  box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
.toggle.btn {
  min-width: 70px !important;
  height: 40px !important;
  border-color: #00B98A !important;
}
.toggle.off {
  border: 1px solid #C9C9C9 !important;
  font-size: 16px !important;
  font-weight: 500;
}
.toggle-on.btn {
  padding-right: 24px;
  background-color: #00B98A;
  border-color: #00B98A;
}
.checkbox label .toggle, .checkbox-inline .toggle {
  margin-left: 0px !important;
}
/*--toggle-css-end--*/
/*
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .note_table {
    border-top: 1px solid #CFCFCF
  }
  .note_table thead {
    display: none;
  }
  .note_table tbody {
    display: block
  }
  .note_table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #CFCFCF
  }
  .note_table tbody tr td {
    display: block;
    border: 0;
    padding-right: 0;
    color: #666666
  }
  .note_table tbody tr td:first-of-type {
    width: 100%;
    border: 0;
    padding-bottom: 0;
    color: #252734
  }
  /* Force table to not be like tables anymore */
  .table_card table, .table_card thead, .table_card tbody, .table_card th, .table_card td, .table_card tr, .ac_table table, .ac_table thead, .ac_table tbody, .ac_table th, .ac_table td, .ac_table tr, .guide_course table, .guide_course thead, .guide_course tbody, .guide_course th, .guide_course td, .guide_course tr, .guide_course table, .guide_course thead, .guide_course tbody, .guide_course th, .guide_course td, .guide_course tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table_card thead tr, .ac_table thead tr, .guide_course thead tr, .guide_course thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table_card tr, .ac_table tr, .guide_course tr, .guide_course tr {
    border: 1px solid #ccc;
  }
  .table_card td, .ac_table td, .guide_course td, .guide_course td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-right: 50%;
    text-align: left !important;
  }
  .table_card td:before, .ac_table td:before, .guide_course td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    right: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: right;
  }
  /*
	Label the data
	*/
  .table_card tbody td:nth-of-type(1):before {
    content: "מספר קורס";
  }
  .table_card tbody td:nth-of-type(2):before {
    content: "תאריך פתיחה";
  }
  .table_card tbody td:nth-of-type(3):before {
    content: "מדריכים";
  }
  .table_card tbody td:nth-of-type(4):before {
    content: "הערות";
  }
  .table_card tbody td:nth-of-type(5):before {
    content: "מקס’ חניכים";
  }
  .table_card tbody td:nth-of-type(6):before {
    content: "רשומים";
  }
  .table_card tbody td:nth-of-type(7):before {
    content: "סטאטוס";
  }
  /*
	Label the data
	*/
  .ac_table tbody tr, .guide_course tbody tr {
    position: relative
  }
  .ac_table tbody td:nth-of-type(1) {
    position: absolute;
    right: 12px;
    top: 21px;
    padding: 0;
    z-index: 5;
  }
  .ac_table tbody td:nth-of-type(2):before {
    content: "שם משפחה";
  }
  .ac_table tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .ac_table tbody td:nth-of-type(4):before {
    content: "מס' מדריך";
  }
  .ac_table tbody td:nth-of-type(5):before {
    content: "מוסמכים";
  }
  .ac_table tbody td:nth-of-type(6):before {
    content: "תוקף ביטוח";
  }
  .ac_table tbody td:nth-of-type(7):before {
    content: "מדריך פעיל";
  }
  .ac_table tbody td:nth-of-type(8):before {
    content: "רענון החייאה";
  }
  .ac_table tbody td:nth-of-type(9):before {
    content: "רשיון הדרכה";
  }
  .ac_table tbody td:nth-of-type(10):before {
    content: "הסרת מדריך";
  }
  .ac_table tbody td {
    border: 0;
    min-height: 39px;
  }
  .ac_table td:before {
    position: absolute;
    top: 8px;
    right: 5em;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: right;
    color: #666666
  }
  .ac_table td {
    padding-right: 60%;
    padding-top: 8px;
    padding-bottom: 8px;
	word-break: break-all;
  }
  .ac_table.acedit_table tbody td:nth-of-type(2):before {
    content: "שם משפחה";
  }
  .ac_table.acedit_table tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .ac_table.acedit_table tbody td:nth-of-type(4):before {
    content: "שלב";
  }
  .ac_table.acedit_table tbody td:nth-of-type(5):before {
    content: "אישור ביטוח";
  }
  .ac_table.acedit_table tbody td:nth-of-type(6):before {
    content: "אישור רפואי";
  }
  .ac_table.acedit_table tbody td:nth-of-type(7):before {
    content: "אישור הורים";
  }
  .ac_table.acedit_table tbody td:nth-of-type(8):before {
    content: "אישור הסמכה";
  }
  .ac_table.acedit_table tbody td:nth-of-type(9):before {
    content: "שולם";
  }
  .ac_table.acedit_table tbody td:nth-of-type(10):before {
    content: "צעיר/קטין";
  }
  .ac_table.acedit_table tbody td:nth-of-type(11):before {
    content: "";
  }
  .ac_table.acedit_table tbody td:last-of-type {
    padding: 8px 5px;
    border-top: 1px solid #DBE3EA
  }
  .ac_table.acedit_table tbody td:before {
    right: 4em
  }
  .ac_table.acedit_table tbody td:last-of-type a {
    display: block;
    text-align: center;
    color: #666666
  }
  .ac_table.acedit_table tbody td:last-of-type a .sr-only {
    position: static;
    opacity: 1;
    visibility: visible;
    vertical-align: text-bottom
  }

  .certs_table tbody td:nth-of-type(2):before { content: "שם משפחה" 	!important; }
  .certs_table tbody td:nth-of-type(3):before { content: "שם פרטי"		!important; }
  .certs_table tbody td:nth-of-type(4):before { content: "ת.ז"			!important; }
  .certs_table tbody td:nth-of-type(5):before { content: "טלפון"		!important; }
  .certs_table tbody td:nth-of-type(6):before { content: "קורס"			!important; }
  .certs_table tbody td:nth-of-type(7):before { content: "מס’ קורס"		!important; }
  .certs_table tbody td:nth-of-type(8):before { content: "שלב"			!important; }
  .certs_table tbody td:nth-of-type(9):before { content: "צעיר/קטין"	!important; }

  /*  .oms_table td:nth-last-of-type(2) {
    display: none;
  }*/
  .oms_table tbody td:nth-of-type(2):before {
    content: "שם משפחה";
  }
  .oms_table tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .oms_table tbody td:nth-of-type(4):before {
    content: "ת.ז";
  }
  .oms_table tbody td:nth-of-type(5):before {
    content: "טלפון";
  }
  .oms_table tbody td:nth-of-type(6):before {
    content: "קורס";
  }
  .oms_table tbody td:nth-of-type(7):before {
    content: "מס’ קורס";
  }
  .oms_table tbody td:nth-of-type(8):before {
    content: "שלב";
  }
  .oms_table tbody td:nth-of-type(9):before {
    content: "צעיר/קטין";
  }
  .oms_table.failed tbody td:nth-of-type(9):before {
    content: "סטטוס";
  }
  .mpending_table tbody td:nth-of-type(2):before {
    content: "שם משפחה";
  }
  .mpending_table tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .mpending_table tbody td:nth-of-type(4):before {
    content: "ת.ז";
  }
  .mpending_table tbody td:nth-of-type(5):before {
    content: " קורס ";
  }
  .mpending_table tbody td:nth-of-type(6):before {
    content: "מס’ קורס";
  }
  .mpending_table tbody td:nth-of-type(7):before {
    content: "אישור חניך";
  }
  .mpending_table tbody td:nth-of-type(8):before {
    content: "";
  }
  .mpending_table tbody td:last-of-type {
    padding: 10px;
  }
  .mpending_table tbody td:before {
    right: 4em
  }

  table.table.score_app {
    display: block;
  }
  table.table.score_app tr {
    display: block;
  }
  table.table.score_app td, table.table.score_app th, table.table.score_app td, table.table.score_app thead, table.table.score_app td, table.table.score_app tbody {
    display: block;
    width: 100%;
  }
  table.table.score_app thead tr th:first-of-type {
    display: block;
  }
  table.table.score_app thead tr th {
    display: none
  }
  table.table.score_app tbody td {
    border: 0;
    padding: 5px 0;
    position: relative
  }
  table.table.score_app tbody tr td:first-of-type {
    padding: 10px 0 !important
  }
  table.table.score_app tbody tr td:nth-of-type(2), table.table.score_app tbody tr td:nth-of-type(3) {
    padding-right: 75%;
    text-align: left;
  }
  table.table.score_app tbody tr td:nth-of-type(2):before, table.table.score_app tbody tr td:nth-of-type(3):before {
    content: 'תאריך ביצוע';
    position: absolute;
    right: 0px;
    top: 5px;
    color: #666666
  }
  table.table.score_app tbody tr td:nth-of-type(3):before {
    content: 'ציון';
  }
  .table_body thead th, thead th {
    padding-right: 0 !important
  }
  .check_list tbody td:nth-of-type(2):before {
    content: "	שם משפחה";
  }
  .check_list tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .check_list tbody td:nth-of-type(4):before {
    content: "קורס";
  }
  .check_list tbody td:nth-of-type(5):before {
    content: "קוד קורס";
  }
  .check_list tbody td:nth-of-type(6):before {
    content: "תאריך הרשמה";
  }
  .check_list tbody td:nth-of-type(8):before {
    content: "אישור ביטוח";
  }
  .check_list tbody td:nth-of-type(9):before {
    content: "אישור רפואי";
  }
  .check_list tbody td:nth-of-type(10):before {
    content: "אישור הורים";
  }
  .check_list tbody td:nth-of-type(11):before {
    content: "אישור הסמכה";
  }
  .check_list tbody td:nth-of-type(12):before {
    content: "שולם";
  }
  .check_list tbody td:last-of-type {
    padding: 10px;
  }
  .check_list tbody td:last-of-type:before {
    display: none
  }
  .check_list tbody td:before {
    right: 4em
  }
 
  .cancel_list tbody td:nth-of-type(2):before {
    content: "שם משפחה";
  }
  .cancel_list tbody td:nth-of-type(3):before {
    content: "שם פרטי";
  }
  .cancel_list tbody td:nth-of-type(4):before {
    content: "ת.ז";
  }
  .cancel_list tbody td:nth-of-type(5):before {
    content: "קורס";
  }
  .cancel_list tbody td:nth-of-type(7):before {
    content: "טלפון";
  }
  .cancel_list tbody td:nth-of-type(8):before {
    content: "הרשמה";
  }
  .cancel_list tbody td:nth-of-type(9):before {
    content: "סטטוס";
  }
  .cancel_list tbody td:nth-of-type(10):before {
    content: "הסרה";
  }
  .cancel_list tbody td:last-of-type {
    padding: 10px;
  }
  .cancel_list tbody td:last-of-type:before {
    display: none
  }
  .guide_course tbody td:nth-of-type(1):before {
    content: "מספר קורס";
  }
  .guide_course tbody td:nth-of-type(2):before {
    content: "סוג קורס";
  }
  .guide_course tbody td:nth-of-type(3):before {
    content: "שם מועדון";
  }
  .guide_course tbody td:nth-of-type(4):before {
    content: "הערות";
  }
  .guide_course tbody td:nth-of-type(5):before {
    content: "חניכים";
  }
  .guide_course tbody td:before {
    color: #666666;
    top: 10px;
  }
  .guide_course tbody td:last-of-type {
    padding: 10px;
  }
  .guide_course tbody td:last-of-type a.btn {
    width: 100%;
    height: 36px;
    line-height: 36px;
  }
  .guide_course tbody td {
    border: 0;
    padding: .35rem .75rem
  }
  .guide_course tbody tr {
    border: 1px solid #DBE3EA;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 12px;
  }

  .teacher_students_tbl tbody td:nth-of-type(5):before { content: "קורס"  !important}
  .teacher_students_tbl tbody td:nth-of-type(6):before { content: "הסמכה" !important}

}
.card-details {
  position: absolute;
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}
.card-details .name {
  position: absolute;
  top: -156px;
  left: 157px;
}
.card-details .tz {
  position: absolute;
  top: -136px;
  left: 157px;
}
.card-details .expire {
  position: absolute;
  top: -116px;
  left: 157px;
}
/*--sprite-css--*/
.decline_ico2, .accept_ico2, .wdecline_ico2, .gaccept_ico2 {
  height: 25px;
  width: 25px;
  background-position: -97px -382px
}
.accept_ico2 {
  background-position: -123px -383px;
}
.wdecline_ico2 {
  background-position: -123px -410px;
}
.gaccept_ico2 {
  background-position: -96px -409px;
}
.confirmed_icon 
{
  height: 25px;
  width: 25px;
  background-position: -96px -409px;
}
.notConfirm_icon 
{
  height: 25px;
  width: 25px;
  background-position: -151px -383px;
}
.noNeed_icon 
{
  height: 25px;
  width: 25px;
  background-position: -96px -439px;
}
.cancel-testing {
  float: left;
  display: flex;
}
.cancel-testing i {
  margin-left: 10px;
}
.cancel-testing span {
  line-height: 24px;
}
.register-reminder, .course-moveTo {
  float: left;
  display: flex;
  margin-left: 25px;
}
.register-reminder i {
  margin-left: 10px;
  margin-top: 3px;
  color: #3AA553;
  font-size: 20px;
}

.course-moveTo img
{
	margin-left: 10px;
}

.register-reminder span,
.course-moveTo span {
  line-height: 24px;
}
span.bold {
  font-weight: bold;
}
/*--student-medical-list--*/
.mlist-header {
  position: relative;
}
.mlist-header .radio_group {
  width: auto;
}
.mlist-header .radio_group label {
  font-size: 16px;
  color: var(--light-gray)
}
.mlist-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 40px;
  gap: 3%;
  margin: 0 0 15px;
}
.print-btn {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}
.print-ico {
  height: 21px;
  width: 22px;
  background-position: -70px -7px;
}
.mlist-card.ans-yes {
  background-color: #FFFACB !important;
}
.mlist-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  font-size: 16px;
  color: var(--light-gray)
}
.mlist-card:nth-of-type(odd) {
  background-color: #F1F4F6;
}
.medical-list.filtered .mlist-items .ans-yes:first-of-type {
  border-top: 0px solid #cfcfcf
}
.medical-list.filtered .mlist-items .ans-yes {
  border-top: 1px solid #cfcfcf
}
.mlist-card p {
  margin: 0;
  font-size: 16px;
  flex: 1;
  margin-right: 15px;
  padding-left: 8px;
}
.med-certficate .h1 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
  color: #666;
  display: block;
}
.med-button a .sprite {
  vertical-align: middle;
}
/*--student-guide-files---*/
.guideadd_form .upload_container .form-control::placeholder {
  color: var(--mc);
  opacity: 1;
  font-size: 12px;
}
.guideadd_form .upload_container input:disabled {
  border-bottom: 2px solid #D8D8D8;
}
.upload_ico {
height: 16px;
    width: 16px;
    background-position: -105px -6px;
}
.guideadd_form .row .nice-select .current, .guide-files .row .nice-select ul li{
	font-size:12px;
}
.file-table.responsive tbody > tr:first-of-type td, .file-table.responsive thead  th{
		border-top:0
	}

.student_card .nice-select
{
	z-index: 999;
}
.guide-files .fileUpload{
	width:100%;
	text-align:left;
	cursor: pointer
}
/*--check-body-update--*/
.update-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2%;
  font-size: 14px;
  color: #666;
	border-bottom:1px solid #cfcfcf
}
.update-header span {
  padding: 10px 0;
}
.update-header > span {
  width: 78%;
}
.update-header .table-action {
  width: 20%;
}
.update-header .table-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.update-header .table-action span {
  width: 50%;
  text-align: center;
}
.attach_ico {
  background-position: -52px -342px;
  height: 37px;
  width: 37px;
}
.check-body-update .review_action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 20%;
}
.check-body-update .update-list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #cfcfcf;
}
.check-body-update .update-list .update-body {
  width: 78%;
}
.check-body-update .update-list .update-body .h1, #fileUpload .h1{
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #666;
	margin: 0 0 15px;
}
.review_action a {
  width: 50%;
  text-align: center;
}
.update-body-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
}
.update-body-text .text-action a{
	color:#CBCBCB;
	flex:0 0 50%;
	text-align: center;
	display: flex;
}
.update-body-text .text-action {
    display: flex;
    align-items: center;
    width: 65px;
    justify-content: space-between;
	margin:0 0 10px;
}
#fileUpload .modal-body {
	padding:50px;
}
#fileUpload .btn-primary{
	width:150px;
}
#fileUpload  button.close{
	position: absolute;
    opacity: 1;
    right: -34px;
}
.upload_container input{
	cursor: pointer !important
}
::-webkit-file-upload-button{
	cursor: pointer;
}
.file-link .doc_link {
    font-size: 14px;
}
/*--instruction-modal--*/
#modalCall{
	height: 127px;
    width: 127px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.uploadedImage #modalCall{
	z-index:inherit
}
#instructionModal .close{
	position: absolute;
    right: -30px;
    opacity: 1;
    top: 0;
}
div#instructionModal .modal-title {
    font-size: 18px;
    color: var(--mc);
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
}

div#instructionModal .modal-body .upload-ins ul {
    padding: 15px;
}
div#instructionModal .modal-body .upload-ins ul li{
	font-size:14px;
	line-height: 24px;
}
div#instructionModal .modal-body .upload-ins ul li span{
	color:var(--mco);
	font-weight:600;
	font-size:14px; margin-left:5px;
}

div.students-list
{
	max-height: 320px;
	overflow-y: auto;
	direction: ltr;
}

@media(max-width: 767px) {

div.students-list
{
/*	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch;*/
}

}

div.students-list table.data_table
{
	direction: rtl;
}

div.students-list table.data_table  td
{
	border: 0px;
	padding: 5px;
	line-height: 40px;
}

.student-status i
{
	font-size: 14px;
	color: #00B98A;
}

.remarksTable .radio-list .form-group label
{
	height:33px;
	width:33px;
	border-radius:100%;
	border:1px solid #979797;
	background:#fff;
	text-align:center;
	line-height:33px;
	cursor: pointer;
	margin:0;
}
.remarksTable .radio-list .form-group input:checked + label {
	background-color:#00B98A;
	color:#fff;
	border-color:#00B98A

}
.remarksTable tr td{
	vertical-align: middle;
	padding-bottom: 60px;
}
.remarksTable tr.remarkRow td{
	padding:0;
	border-bottom:1px solid #dee2e6
}

.radio-list {
    display: flex;
    gap: 2%;
    align-items:center;
    padding-right: 10px;
    justify-content: center;
    width: 288px;
    position: relative;
    right: -59px;
    bottom: -15px;
}
.radio-list .form-group:last-of-type input:checked + label,
.radio-list .form-group:nth-of-type(5) input:checked + label,
.radio-list .form-group:nth-of-type(5):hover label,
.radio-list .form-group:nth-of-type(4) input:checked + label,
.radio-list .form-group:nth-of-type(4):hover label,
.radio-list .form-group:last-of-type:hover label
{
	background-color:#ff0012;
	border-color:#ff0012;
	color:#fff;
}
.radio-list{
	padding:0 10px 10px 0;
	margin: auto;
	position:relative;
	right: -13px;
}
.radio-list .form-group{
	margin:0 !important;
}
.radio-list .form-group:hover label{
	background-color:#00B98A;
	color:#fff;
	border-color:#00B98A
}

.radio-list .form-group:hover label.disabled
{
	background-color:#fff;
	border-color:#979797;
	cursor: default;
}

.radio-list span{
	color:#666666
}
.reply_ico {
  background-position: -40px -116px;
  width: 21px;
  height: 9px;
}
.remarksTable .remarkRow{
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
.remarksTable .datepicker{
	padding:0;
}
.remarksTable .link_group{
/*	justify-content: flex-end*/
}
.remarksTable .reply_link{margin-left:25px;}

.remarksTable td.child ul li:last-of-type
{
	display:block;
}
.remarksTable  .fa-calendar-alt{
	display:inline-block !important
}
.remarksTable .link_group{
	height: auto
}
.remarksTable tbody tr{
	position:relative !important;
	-webkit-transform: scale(1);;
	-moz-transform: scale(1);
	transform: scale(1);
}

.reminder-btns
{
	margin-top: 15px;
}

.reminder-expire
{
	color: var(--mco);
}

.pay-attention
{
	color: red;
	margin-right: 5px;
}

.student_list .pay-attention
{
	position: absolute;
	right: 47px;
}

.parentConfirm_studentDetails
{
	margin-bottom: 15px;
}

.parentConfirm_studentDetails .sf_1
{
	margin-top: 0px;
}

.help
{
	position: relative;
}

.help .title
{
  position: absolute;
  top: 20px;
  background: #F7F8FA;
  border: 1px solid #767676;
  padding: 4px;
  left: 0;
  white-space: nowrap;
  color: black;
  font-weight: normal;
  font-size: 12px;
}

.i-help
{
	font-size: 16px;
	color: #3064D5;
}

.update-password
{
	margin-top: 5px;
}

/*--404error--*/
.error-thumb{
  position:relative;
  max-width:277px;
  margin: auto;
}
.error-thumb:before{
  content:'';
  height:141px;
  width:100%;
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background:url('../designFiles/404-fish.svg') no-repeat
}
.error-thumb img{
  width:100%;
  -webkit-animation: float 6s ease-in-out infinite;
          animation: float 6s ease-in-out infinite;
}
.errorPage > strong{
  color:var(--mco);
  margin-top:33px;
  display:block;
}
.errorPage .btn{
  width:233px;
}
.errorPage{
  font-size:22px;
}
@-webkit-keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}


/*--loader-css--*/
/*---------------------------------------
       PRE LOADER
  -----------------------------------------*/
  .loading-logo {
    background: url('../designFiles/morena.gif') no-repeat center;
    width: 400px;
    margin: auto;
    height: 165px;
    position: relative;
    left: 5px;
	background-size:contain;
  }
  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 rgb(255 255 255 / 70%);
    backdrop-filter: blur(5px);
  }
  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

 /*--msgModal--*/
  .msgModal .close{
    position: absolute;
    right: -40px;
    top: 10px;
    opacity: 1;
    padding: 0;
    text-shadow: none;
  }
  .msgModal .modal-dialog{
    max-width: 330px;
    border-radius: 0;
  }
  .msgModal .modal-dialog .modal-content{
    border-radius:0
  }
  .msgModal .modal-dialog .modal-content .btn-primary{
    min-width: 80px;
    border-radius: 2px;
  }
  .msgModal .modal-dialog .modal-body{
    padding:27px
  }
  #redAlert .modal-dialog .modal-content{
    background-color:#FFFACB
  }
  #redAlert .modal-dialog .modal-content .modal-card{
    color:#FF0012
  }

html[dir="ltr"] div.lang_sec{
width: auto !important;
    left: auto !important;
    right: 138px!important;
}
html[dir="rtl"] div.lang_sec{
  width: auto !important;
  left: 143px !important;
  right: auto !important;
}
div.lang_sec{
  width:auto !important;
  left:auto;
  right:100px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
html[dir="ltr"] .headerOfPage1 div.lang_sec{
  right: 15px !important;
}
html[dir="rtl"] .headerOfPage1 div.lang_sec{
  left: 15px !important;
}
.signup_page .lang_sec {
  top: 30px !important;
  transform: none !important;
  position: fixed;
  right: 50px !important;
}
html[dir="rtl"] .signup_page  div.lang_sec{
  left: 50px !important;
}
a.backBtn {
  position: absolute;
  padding-left: 18px;
  bottom: -32px;
  left: 10px;
}

a.backBtn:before {
    content: '';
    background: url(https://courses.diving.org.il/designFiles/sprite.png?v=2) no-repeat;
    background-position: -37px -33px;
    display: block;
    height: 15px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}
.headerOfPage1 .backBtn{
  display: none;
}

#wrapper.help-page {
  padding-top: calc(50px - -28px)
}

.help-page .backBtn 
{
	display: none !important;
}

.help-page li 
{
  list-style: inherit;
  font-size: 16px;
}

.help-page .success_sec p 
{
	font-size: 16px;
}

.help_links
{
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 30px;
	position: fixed;
	background-color: #F4F4F4;
	padding-top: 15px;
}

.help_links .help_links_in
{
	width: 750px;
	margin: auto;
	padding-right: 20px;
}

.help_links a
{
	float: right;
	padding: 0px 10px;
	color: var(--mco);
}

.help_links a.goto-main,
.help_links a.goto-news,
.help_links a.goto-faq
{
	float: left;
}

.help-icon 
{
	position: absolute;
	top: 23px;
	left: 90px;
}

.help-icon img
{
	width: 36px;
}

.help-content
{
	margin-top: 65px;
}

h2.list_title
{
	font-weight: 700;
    font-size: 18px;
    color: #666666;
    text-align: right;
}

.courses_list{
    max-width:754px;
    margin:45px auto auto;
    padding:0 15px;
}
.course_card{
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    border-radius:2px;
    overflow: hidden;
    -webkit-transition: var(--trans);
    transition: var(--trans);
    position: relative;
    top:0;
    height: 100%;
}
.course_card:hover{
top:-10px
}

.course_card h3
{
	font-size: 14px;
    color: var(--dark-color);
}

.course_card:hover h3{
    color: var(--orange-color);
}
.course_card img.course_thumb{
    width:100%;
    height: 123px;
    object-fit:cover;
}
.course_card .card_body{
    border-top:6px solid var(--border-color)
}
.course_card .btn-primary{
    background-color: var(--blue-color);
    color: var(--white-color);
    border-color: var(--blue-color);
    -webkit-transition: var(--trans);
    transition: var(--trans);
    border-radius:2px;
    padding:6px 26px;
	line-height: unset;
}
.course_card:hover .btn-primary{
    background-color: var(--orange-color);
    border-color: var(--orange-color);
}
.course_card .card_body{
    display:flex;
    flex-direction: column;
    justify-content: center;
    gap:15px;
    align-items:center;
    padding: 10px 0;
	position: relative;
}

.course_card .card_body:after 
{
    content: '';
    background-color: var(--orange-color);
    height: 6px;
    position: absolute;
    right: 0;
    top: -6px;
    width: 24px;
}
/* scuba-course --------------------------------------------------------------------------------------------------------------------------------- */

.scuba-courses-title
{
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 10px;
	width: 100%;
	display: block;
}

.scuba-course .sc_foot .progress-container .progress 
{
	width: 60%;
}

.scuba-course .foot_item .dropdown_item 
{
      padding-right: 26px;
      position: relative;
      display: flex;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #CFCFCF;
}

.scuba-course .foot_item .dropdown_item:before 
{
      content: "\f104";
      font-family: var(--icon-font);
      color: var(--mc);
      font-size: 18px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-weight: bold;
}

.scuba-course .foot_item .dropdown_item[aria-expanded="true"]:before 
{
      content: "\f107";
}

.scuba-course .foot_item .chapter_list li 
{
      position: relative;
      padding-right: 20px;
}

.scuba-course .foot_item .chapter_list li:before 
{
      content: "";
      width: 13px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
}

.scuba-course .foot_item .chapter_list li.completed_chapter:before 
{
      background: url("../designFiles/doc-tick.svg") no-repeat center
      center;
}

.scuba-course .foot_item .chapter_list li.progress_chapter:before 
{
	  background: url("../designFiles/doc-gray.svg") no-repeat center
      center;
}

.scuba-course .foot_item .chapter_list li.score_chapter:before 
{
      background: url("../designFiles/doc-score.svg?v=1") no-repeat center
      center;
}

.scuba-course .foot_item .chapter_list li.score_chapter_done:before 
{
      background: url("../designFiles/doc-score-done.svg?v=1") no-repeat center
      center;
}

.scuba-course .progress-container .progress 
{
      height: 6px;
      width: 94%;
}

.scuba-course .progress-bar 
{
      background-color: var(--mco);
}

.scuba-course .progress-container 
{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
 }

.scuba-course .progress-container span 
{
      font-size: 12px;
      color: var(--gray-color-secondary);
}

.scuba-course    .chapter_list
{
    gap: 0.5rem!important;
	padding-right: 25px;
}

@media (max-width:767px) 
{
  .scuba-course .sc_foot .progress-container .progress 
  {
    width: 55%;
  }
}