@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");
header {
  background: #fff;
  padding: 0 16px 0 16px;
  width: 100%;
  border-bottom: 1px solid #B9C0C7;
}

header .header-right #header-search {
  opacity: 0;
  margin-right: -36px;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  position: relative;
}

header .header-right #header-search.open-search {
  opacity: 1;
  width: 100%;
  visibility: visible;
}

header .header-right #header-search.open-search.form-control {
  padding-right: 28.8px;
}

header .header-right a {
  color: #494949;
  padding: 10px 0;
}

header .header-right a:hover {
  text-decoration: none;
}

header .header-right a:hover span {
  color: #fff;
}

header .header-right a:hover span img {
  -webkit-filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
          filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
  opacity: 100%;
}

header .header-right span {
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #494949;
  cursor: pointer;
  position: relative;
}

header .header-right span img {
  width: 16px;
  opacity: 0.7;
  margin-right: 8.5px;
  max-width: 16px;
}

header .header-right span:visited, header .header-right span:focus, header .header-right span:active {
  color: #000;
}

.header-switch-account {
  position: relative;
}

.header-switch-account img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.header-switch-account .swich-content {
  font-size: 14px;
  width: 59%;
}

.header-switch-account .arrow-down {
  width: 16px;
}

.header-switch-account .switch-list {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  visibility: hidden;
}

.header-switch-account .switch-list.open-switch {
  opacity: 1;
  visibility: visible;
  padding: 0;
  z-index: 9;
  background: #fff;
  width: 249px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.header-switch-account .switch-list .cr-pointer {
  padding: 10px;
}

.header-switch-account .switch-list .active-student {
  background: #d4d3ff;
}

.cr-pointer {
  cursor: pointer;
}

.right-panel {
  width: 0;
  position: absolute;
  right: 0;
  background: #fff;
  top: 0;
  height: 100%;
  opacity: 0;
  -webkit-transition: width 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: width 300ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.drawer-title {
  padding: 0 0 0 72px;
  -webkit-box-shadow: 0px -1px 0px 0px #F0F0F0 inset;
          box-shadow: 0px -1px 0px 0px #F0F0F0 inset;
}

.drawer-title.color-purpule {
  background: #341f97;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.drawer-title h6 {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 0;
  margin: 0;
  width: 83.33333%;
}

.drawer-title span {
  width: 16.66667%;
}

.drawer-title span img {
  width: 16px;
  opacity: 50%;
  cursor: pointer;
}

.drwaer-content {
  width: 100%;
}

.fixed-button {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 360px;
  border-top: 1px solid #ebebeb;
  height: 52.8px;
  padding: 0 24px;
}

.font-12 {
  font-size: 12px !important;
  line-height: 18px;
  color: #7F8C8D;
}

.user-wrap {
  width: 76.92308%;
  margin: 0 auto 2.5px auto;
  padding: 5px;
}

.user-wrap .user-pic {
  width: 40px;
  height: 40px;
  border-radius: 50% 50% 50% 50%;
  background: #C4C4C4;
  display: inline-block;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.38);
}

.user-wrap .user-name {
  margin: 0 12px;
}

.user-wrap .user-name p {
  margin: 0;
  line-height: normal;
  color: #7F8C8D;
}

.user-wrap .user-name p:first-child {
  font-size: 16px;
}

.user-wrap .user-name p:last-child {
  font-size: 12px;
}

.user-wrap .check-icon img {
  opacity: 0.5;
  max-width: 20px;
}

.user-wrap.selected-wrap {
  background: #EBEBEB;
}

.user-wrap.selected-wrap .user-name p:first-child {
  color: #198c57;
}

.user-wrap.selected-wrap .user-name p:last-child {
  color: #212232;
}

.user-wrap.selected-wrap .check-icon img {
  -webkit-filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(137deg) brightness(104%) contrast(97%);
          filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(137deg) brightness(104%) contrast(97%);
  opacity: 1;
}

.skip {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
  color: #7F8C8D;
}

.skip:hover {
  text-decoration: none;
}

.bord-rds {
  border-radius: 100px 100px 100px 100px;
  border: 1px solid #c4c4c4;
  padding: 2px 1px !important;
}

.notes {
  display: block;
  padding: 10px 0;
  font-size: 14px;
}

.important-head {
  color: #5D3F05;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.important-head img {
  width: 18px;
  margin-right: 7.5px;
}

.important-link {
  width: 100%;
  float: left;
  border: 1px solid #FCAF0C;
  padding: 15px;
  background: #FEF5E2;
  color: #5D3F05;
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
}

.important-link ul {
  padding: 0 15px;
  margin: 0;
}

.important-link ul li {
  list-style-type: decimal;
  line-height: 17.5px;
}

#join-best-school .user-wrap {
  width: 50%;
}

@media (max-width: 1024px) {
  .user-wrapper.fixed-bottom {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .open-navigation .user-wrapper.fixed-bottom {
    left: -15px;
    position: relative !important;
  }
  .left-navigation {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .left-navigation.open-navigation {
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .content-wrap {
    padding: 0;
  }
  header {
    padding: 0;
  }
  .header-left {
    float: left;
    height: 20px;
    padding-left: 16px;
  }
  .header-left .menu-icon {
    background: url(../images/icons/menu.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    opacity: 0.73;
  }
  .header-left .menu-icon.wrap-menu {
    background: url(../images/icons/menu-active.svg);
  }
  .overlay-mobile {
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }
  .open-navigation .close-left-navigation {
    display: block;
    background: #fff;
    padding: 15px;
    top: 0;
  }
  .close-left-navigation {
    display: none;
    position: fixed;
    left: 300px;
    top: 15px;
    width: 50px;
  }
  .close-left-navigation img {
    max-width: 20px;
    width: 20px;
    cursor: pointer;
    opacity: 1;
    right: -60px;
  }
}

.left-navigation {
  width: 300px !important;
  height: 100%;
  left: 0;
  background: #341f97;
  color: #fff;
  top: 0;
  bottom: 0;
  padding: 0 16px 64px 16px;
  border-right: 1px solid #ffe7ba;
  z-index: 99;
}

.left-navigation .left-top {
  width: 100%;
}

.left-navigation .left-wrap {
  float: left;
}

.left-navigation .left-wrap img {
  height: 48px;
}

.left-navigation .left-wrap .close-left-navigation {
  display: none;
}

.left-navigation .school-selected-wrap {
  width: 100%;
  height: 70px;
  background: #6a52db;
  color: rgba(0, 0, 0, 0.85);
  margin: -6px 0 16px 0;
  border-radius: 8px 8px 8px 8px;
  padding: 10px;
  font-weight: 500;
  position: relative;
}

.left-navigation .school-selected-wrap .select-school {
  position: absolute;
  top: 65px;
  background: #fff;
  width: 100%;
  z-index: 99;
  left: 0;
  -webkit-box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
          box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
  display: none;
  border-radius: 0px 0px 6px 6px;
}

.left-navigation .school-selected-wrap .select-school.open-school {
  display: block;
}

.left-navigation .school-selected-wrap .select-school ul {
  padding: 0;
  margin: 0;
}

.left-navigation .school-selected-wrap .select-school ul li {
  list-style-type: none;
  line-height: 26px;
  cursor: pointer;
  padding: 5px 12px;
  font-size: 13px;
  color: #341f97;
}

.left-navigation .school-selected-wrap .select-school ul li:hover {
  background: #eef2f8;
}

.left-navigation .school-selected-wrap .select-school ul li:last-child {
  background: #fff;
}

.left-navigation .school-selected-wrap .select-school ul li img {
  width: 16px;
  margin-right: 5px;
  opacity: 0.8;
}

.left-navigation .school-selected-wrap .select-school ul li a {
  color: #fff;
}

.left-navigation .school-selected-wrap .select-school ul li a:hover {
  text-decoration: none;
}

.left-navigation .school-selected-wrap .school-logo {
  background: #ded9f7;
  margin-right: 10px;
  border-radius: 6px;
  color: #341f97;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  width: 45px;
  height: 40px;
}

.left-navigation .school-selected-wrap .school-logo img {
  max-width: 100%;
}

.left-navigation .school-selected-wrap .school-name {
  width: 100%;
}

.left-navigation .school-selected-wrap .school-name a:hover p {
  font-weight: 600;
}

.left-navigation .school-selected-wrap .school-name p {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.left-navigation .school-selected-wrap .school-name p.sch-id {
  font-size: 12px;
  color: #fff;
}

.left-navigation .school-selected-wrap .school-name .arrow-wrap {
  right: 0;
  top: 5px;
}

.left-navigation .school-selected-wrap .school-name .arrow-wrap img {
  width: 10px;
}

.left-navigation .left-nav-menu {
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 180px;
}

@media (max-width: 1024px) {
  .left-navigation .left-nav-menu {
    padding-bottom: 0;
    height: auto;
  }
}

.left-navigation .left-nav-menu nav {
  width: 100%;
}

.left-navigation .left-nav-menu nav.top {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.left-navigation .left-nav-menu nav.top .first-ul {
  height: 62vh;
  overflow: auto;
}

@media only screen and (max-width: 1366px) {
  .left-navigation .left-nav-menu nav.top .first-ul {
    height: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .left-navigation .left-nav-menu nav.top .first-ul {
    height: 100%;
  }
}

.left-navigation .left-nav-menu nav.top .mCSB_outside + .mCSB_scrollTools {
  right: -14px;
}

.left-navigation .left-nav-menu nav.top .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.left-navigation .left-nav-menu nav.top .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.3);
}

.left-navigation .left-nav-menu nav.top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.left-navigation .left-nav-menu nav.bottom {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.left-navigation .left-nav-menu nav.bottom .fix-b {
  width: 100%;
}

.left-navigation .left-nav-menu ul {
  padding: 0;
  margin: 0;
}

.left-navigation .left-nav-menu ul li {
  list-style: none;
  font-size: 16px;
}

.left-navigation .left-nav-menu ul li.submenu {
  position: relative;
}

.left-navigation .left-nav-menu ul li.submenu.open-submenu::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.left-navigation .left-nav-menu ul li.submenu::after {
  position: absolute;
  right: 8px;
  top: 16px;
  background: url(../images/triangle-right-arrow.svg);
  width: 11px;
  height: 11px;
  content: '';
  background-repeat: no-repeat;
  opacity: 0.8;
}

.left-navigation .left-nav-menu ul li a {
  padding: 8px 12px;
  color: #fff;
}

.left-navigation .left-nav-menu ul li a:hover {
  text-decoration: none;
  font-weight: 600;
}

.left-navigation .left-nav-menu ul li a .nav-icon {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.left-navigation .left-nav-menu ul li a .nav-icon img {
  max-width: 16px;
  height: 16px;
  margin-right: 12px;
  line-height: normal;
}

.left-navigation .left-nav-menu ul li a .nav-text {
  font-size: 14px;
}

.left-navigation .left-nav-menu ul li a.selected-nav {
  background: #5139c6;
  border-radius: 4px;
}

.left-navigation .submenu.open-submenu .submenu-wrap {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: unset;
}

.left-navigation .submenu .submenu-wrap {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.left-navigation .submenu .submenu-wrap ul {
  padding: 2px 10px 2px 28px;
}

.left-navigation .submenu .submenu-wrap ul li a {
  display: block;
  line-break: 20px;
  font-size: 14px;
  position: relative;
}

.left-navigation .submenu .submenu-wrap ul li a.selected-nav {
  color: #fff;
  opacity: 1;
  background: transparent;
  font-weight: bold;
}

.left-navigation .submenu .submenu-wrap ul li a:hover {
  color: #fff;
}

.user-wrapper {
  width: 300px;
  color: #fff;
}

.user-wrapper ul {
  padding: 0;
  margin: 0;
}

.user-wrapper ul.border-top {
  padding: 10px 16px 0 16px;
  border-top: 1px solid #5139c6 !important;
  width: 100%;
}

.user-wrapper ul li {
  list-style: none;
}

.user-wrapper ul li a:hover {
  text-decoration: none;
}

.user-wrapper ul li a .user-img img {
  width: 40px;
}

.user-wrapper ul li a .user-txt {
  padding-left: 10px;
  color: #fff;
}

.user-wrapper ul li a .user-txt p {
  padding: 0;
  margin: 0;
  line-height: normal;
}

.user-wrapper ul li a .user-txt p:first-child {
  font-size: 16px;
  line-height: normal;
}

.user-wrapper ul li a .user-txt p:first-child:hover {
  color: #fff;
}

.user-wrapper ul li a .user-txt p:last-child {
  color: #fff;
  font-size: 12px;
}

.bottomNav {
  position: relative;
}

.bottomNav.fix-b {
  width: 100%;
  padding: 0 16px 4px 16px;
}

@media only screen and (max-width: 768px) {
  .bottomNav.fix-b {
    padding: 10px 16px 4px 16px;
  }
}

.bottomNav ul li a {
  padding: 8px 16px;
  color: #fff;
}

.bottomNav ul li a:hover {
  text-decoration: none;
}

.bottomNav ul li a .nav-icon {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.bottomNav ul li a .nav-icon img {
  max-width: 16px;
  height: 16px;
  margin-right: 12px;
  line-height: normal;
}

.bottomNav ul li a .nav-text {
  font-size: 14px;
}

.bottomNav ul li a.selected-nav .nav-icon {
  -webkit-filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
          filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
}

.bottomNav ul li a.selected-nav .nav-text {
  color: #fff;
}

.slide-invite .left-navigation .left-nav-menu {
  height: 65%;
}

.close-left-navigation {
  display: none;
}

.max-width-175 {
  max-width: 175px !important;
}

.districtAdminName {
  background: #5742be;
  border-radius: 8px 8px 0 0;
  padding: 5px 10px;
}

.districtAdminName p {
  margin: 0 0 4px 0;
}

.identyUser {
  background: #5742be;
  color: #fff;
}

.textTrunc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 105px;
}

@media (max-width: 1024px) {
  .user-wrapper.fixed-bottom {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .open-navigation .user-wrapper.fixed-bottom {
    left: -15px;
    position: relative !important;
  }
  .left-navigation {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .left-navigation.open-navigation {
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .content-wrap {
    padding: 0;
  }
  header {
    padding: 0;
  }
  .header-left {
    float: left;
    height: 20px;
    padding-left: 16px;
  }
  .header-left .menu-icon {
    background: url(../images/icons/menu.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    opacity: 0.73;
  }
  .header-left .menu-icon.wrap-menu {
    background: url(../images/icons/menu-active.svg);
  }
  .overlay-mobile {
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }
  .open-navigation .close-left-navigation {
    display: block;
    background: #fff;
    padding: 15px;
    top: 0;
  }
  .close-left-navigation {
    display: none;
    position: fixed;
    left: 300px;
    top: 15px;
    width: 50px;
  }
  .close-left-navigation img {
    max-width: 20px;
    width: 20px;
    cursor: pointer;
    opacity: 1;
    right: -60px;
  }
}

.form-wrapper-main {
  width: 100%;
  padding: 16px 0;
}

@media only screen and (max-width: 640px) {
  .form-wrapper-main {
    padding: 16px 12px;
  }
}

@media only screen and (max-width: 768px) {
  .form-wrapper-main.enroll-r form .form-wrap {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .form-wrapper-main.enroll-r form .form-wrap .mb-custom .col-md-6,
  .form-wrapper-main.enroll-r form .form-wrap .mb-custom .col-md-12 {
    margin-bottom: 20px;
  }
}

.form-wrapper-main .bx-shadow {
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.14);
  width: 100%;
  padding: 30px;
}

@media only screen and (max-width: 768px) {
  .form-wrapper-main .bx-shadow {
    padding: 16px;
  }
}

.form-wrapper-main form {
  color: rgba(0, 0, 0, 0.85);
}

.form-wrapper-main form .form-wrap {
  width: 100%;
  position: relative;
  float: left;
}

.form-wrapper-main form .form-wrap .mb-custom {
  float: left;
  width: 100%;
}

.form-wrapper-main form .form-wrap.login-pg {
  font-weight: normal;
}

.form-wrapper-main form .form-wrap.login-pg .form-control {
  border-radius: 0;
  padding: 14px 14px 14px 38px;
  position: relative;
  border: 2px solid #341f97;
}

.form-wrapper-main form .form-wrap.login-pg .form-control ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form .form-wrap.login-pg .form-control :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form .form-wrap.login-pg .form-control ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form .form-wrap.login-pg .form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form .require {
  color: rgba(0, 0, 0, 0.55);
}

.form-wrapper-main form label {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 12px;
}

.form-wrapper-main form label.error {
  margin-bottom: 0;
  display: block;
  width: 100%;
}

.form-wrapper-main form label#stud-enroll-grade-error {
  position: absolute;
  bottom: -26px;
}

.form-wrapper-main form .form-control,
.form-wrapper-main form .custom-control-label,
.form-wrapper-main form .custom-select {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.55);
  border-radius: 0.25rem !important;
  height: auto;
}

.form-wrapper-main form .custom-radio .custom-control-label {
  padding: 0;
  margin-bottom: 0;
  margin-right: 16px;
}

.form-wrapper-main form .invalid-tooltip {
  background: transparent;
  color: rgba(0, 0, 0, 0.55);
  padding: 0;
  line-height: normal;
  margin-top: 0.3rem;
}

.form-wrapper-main form ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 0.55);
  opacity: 1;
  /* Firefox */
}

.form-wrapper-main form .custom-file-input {
  display: none;
}

.form-wrapper-main form .custom-file-label {
  border: 0;
  width: 120px;
  padding: 0;
  height: 42px;
}

.form-wrapper-main form .custom-file-label::after {
  border: 0;
  border-radius: 2px;
  position: relative;
  padding: 0 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  cursor: pointer;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
}

.form-wrapper-main form .custom-file-label::before {
  position: absolute;
  left: 0;
  background: url(../images/icons/download.svg);
  background-size: 19px;
  width: 19px;
  height: 19px;
  content: "";
  top: 14px;
  left: 14px;
  z-index: 5;
}

.form-wrapper-main form .custom-checkbox label {
  margin-bottom: 0;
}

.form-wrapper-main form a {
  color: #341f97;
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  .form-wrapper-main form a {
    font-size: 13px;
  }
}

.form-wrapper-main form a:hover {
  text-decoration: none;
  color: #0069d9;
}

.form-wrapper-main form input[type=checkbox],
.form-wrapper-main form input[type=radio] {
  width: 1em;
  height: 1em;
}

.form-wrapper-main form .custom-checkbox label,
.form-wrapper-main form .form-check.form-check-inline label {
  margin-bottom: 0;
}

.form-wrapper-main form .custom-checkbox label.remember-me,
.form-wrapper-main form .form-check.form-check-inline label.remember-me {
  margin-left: 4.8px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 14px;
  padding-left: 6px !important;
}

.form-wrapper-main form .cutom-input-box {
  width: 100%;
  border-radius: 4px;
  line-height: 1.5;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 14px;
  border: 1px solid #ced4da;
  height: 35px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.55);
}

.form-wrapper-main form .cutom-input-box:focus {
  border: 1px solid #1890FF;
}

.form-wrapper-main form .cutom-input-box input,
.form-wrapper-main form .cutom-input-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: normal;
  border: 0;
}

.form-wrapper-main form .cutom-input-box .select2-container .select2-selection--single {
  border: 0;
}

.form-wrapper-main form .cutom-input-box .select2-container {
  width: 95px !important;
}

.form-wrapper-main form .cutom-input-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 8px;
}

.form-wrapper-main form .cutom-input-box .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.form-wrapper-main form .cutom-input-box .cntry-code {
  padding: 0 5px 0 0;
}

.form-wrapper-main form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.55);
  height: auto;
  line-height: 1.5;
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 14px;
}

.form-wrapper-main form .select2-container .select2-selection--single {
  height: auto;
  border: 1px solid #ced4da;
}

.form-wrapper-main form .locked .select2-container .select2-selection--single {
  height: auto;
  background: #C4C4C4;
}

.form-wrapper-main form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -8px;
  margin-top: 1px;
  border-color: #343a40 transparent transparent transparent;
}

.form-wrapper-main form .btn-primary, .form-wrapper-main form .schData .SchList, .schData .form-wrapper-main form .SchList {
  background: #341f97;
}

.form-wrapper-main form .btn-primary:hover, .form-wrapper-main form .schData .SchList:hover, .schData .form-wrapper-main form .SchList:hover {
  background: #5c59e6;
}

.form-wrapper-main form .select2-container {
  width: 100% !important;
}

.form-wrapper-main form .require {
  color: rgba(0, 0, 0, 0.55) !important;
}

.form-wrapper-main#Guardian-Info-Student .form-wrapper-main form label {
  font-size: 14px;
}

.select2-results__option {
  font-size: 13px !important;
  padding: 4px !important;
}

.enroll-img {
  max-width: 100%;
}

.sign-up-line {
  position: relative;
  font-size: 16px;
  z-index: 1;
  overflow: hidden;
  text-align: center;
}

.sign-up-line::before {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #efefef;
}

.sign-up-line::after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: '\a0';
  background-color: #efefef;
}

.sign-up-line::before {
  margin-left: -50%;
  text-align: right;
}

.login-footer {
  font-size: 14px;
}

.form-control:disabled,
.form-control[readonly] {
  background: #eee !important;
  opacity: 0.7;
}

.form-wrap .selectize-input {
  padding: .375rem .75rem;
  border-radius: 4px;
  min-height: auto;
}

.form-wrap #st-section-error {
  position: absolute;
  bottom: 0;
  left: 15px;
}

.plus-ico.text-left.remove-button img,
.plus-ico.text-left img {
  width: 24px;
}

.tab-pane .custom-control-inline {
  margin-right: 8px;
}

.error-msg {
  color: #FF4D4F;
  font-size: 12px;
}

#children-info fieldset {
  display: block;
  -webkit-margin-start: 2px;
          margin-inline-start: 2px;
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
  -webkit-padding-before: 0.35em;
          padding-block-start: 0.35em;
  -webkit-padding-start: 0.75em;
          padding-inline-start: 0.75em;
  -webkit-padding-end: 0.75em;
          padding-inline-end: 0.75em;
  -webkit-padding-after: 0.625em;
          padding-block-end: 0.625em;
  min-inline-size: -webkit-min-content;
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  -o-border-image: initial;
     border-image: initial;
  position: relative;
}

#children-info fieldset .deleteUser {
  position: absolute;
  right: 5px;
  top: -24px;
}

#children-info fieldset .deleteUser img {
  max-width: 24px;
  cursor: pointer;
}

#children-info fieldset legend {
  display: block;
  -webkit-padding-start: 2px;
          padding-inline-start: 2px;
  -webkit-padding-end: 2px;
          padding-inline-end: 2px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  -o-border-image: initial;
     border-image: initial;
  font-size: 16px;
  font-weight: 600;
}

.form-wrapper-main form #children-info label {
  margin-bottom: 0;
}

.form-wrapper-main form #children-info .form-wrap .mb-custom {
  margin-bottom: 12px;
}

.input-bx.email {
  position: relative;
  width: 100%;
  float: left;
}

.input-bx.email.userName::after {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  left: 10px;
  top: 16px;
  background: url("../images/icons/user.svg");
  background-size: 19px;
  z-index: 5;
}

.input-bx.email.userPass::after {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  left: 10px;
  top: 16px;
  background: url("../images/icons/password.svg");
  background-size: 19px;
  z-index: 5;
}

.form-control:focus {
  border-color: #341f97 !important;
  box-shadow: 0 0 0 0.2rem #e3ddff !important;
  -webkit-box-shadow: 0 0 0 0.2rem #e3ddff !important;
}

.btn-primary:focus, .schData .SchList:focus {
  background: #341f97 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.custom-file-label {
  border: 0;
  width: 120px;
  padding: 0;
  height: 42px;
}

.custom-file-label::after {
  border: 0;
  border-radius: 2px;
  position: relative;
  padding: 0 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  cursor: pointer;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
}

.custom-file-label::before {
  position: absolute;
  left: 0;
  background: url(../images/icons/download.svg);
  background-size: 19px;
  width: 19px;
  height: 19px;
  content: "";
  top: 14px;
  left: 14px;
  z-index: 5;
}

.form-wrapper-main form .group .custom-file-label::after {
  background: #341f97;
  color: #fff;
}

.form-wrapper-main form .group .custom-file-label::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.custom-radio .custom-control-label::before {
  left: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #341f97 !important;
  background-color: #341f97 !important;
}

.selectize-dropdown-content {
  max-height: 140px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

@media (max-width: 1024px) {
  .user-wrapper.fixed-bottom {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .open-navigation .user-wrapper.fixed-bottom {
    left: -15px;
    position: relative !important;
  }
  .left-navigation {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .left-navigation.open-navigation {
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .content-wrap {
    padding: 0;
  }
  header {
    padding: 0;
  }
  .header-left {
    float: left;
    height: 20px;
    padding-left: 16px;
  }
  .header-left .menu-icon {
    background: url(../images/icons/menu.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    opacity: 0.73;
  }
  .header-left .menu-icon.wrap-menu {
    background: url(../images/icons/menu-active.svg);
  }
  .overlay-mobile {
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }
  .open-navigation .close-left-navigation {
    display: block;
    background: #fff;
    padding: 15px;
    top: 0;
  }
  .close-left-navigation {
    display: none;
    position: fixed;
    left: 300px;
    top: 15px;
    width: 50px;
  }
  .close-left-navigation img {
    max-width: 20px;
    width: 20px;
    cursor: pointer;
    opacity: 1;
    right: -60px;
  }
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}

* {
  padding: 0;
  margin: 0;
}

html,
body,
#fullheight {
  min-height: 100% !important;
  height: 100%;
  overflow-x: hidden;
}

body {
  background: #fff !important;
  font-family: 'Roboto', sans-serif;
  padding: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

body.overflow-hidden {
  overflow: hidden !important;
}

body.slide-invite {
  padding-top: 50px;
}

body.slide-invite .left-navigation {
  top: 50px;
}

ul {
  padding: 0;
  margin: 0 !important;
}

li {
  list-style-type: none;
}

a {
  color: #341f97;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #0069d9;
}

.opacity-half {
  opacity: 0.5 !important;
}

.opacity-full {
  opacity: 1 !important;
}

.bg-opacity {
  position: absolute;
  width: 96%;
  background: rgba(255, 255, 255, 0.7);
}

.logo-wraper img {
  max-height: 72px;
}

@media only screen and (max-width: 640px) {
  .logo-wraper img {
    max-height: 40px;
  }
}

.content-wrap {
  width: 100%;
  float: left;
  padding-left: 300px;
  -webkit-transition: padding 0.2s ease-out, opacity 0.2s ease 0.2s;
  transition: padding 0.2s ease-out, opacity 0.2s ease 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  .content-wrap {
    padding: 0;
  }
}

.content-wrap.expanded {
  padding: 0;
}

.content-wrap.drawer-open {
  width: 100%;
  padding-right: 360px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-inner {
  padding: 24px;
  float: left;
  width: 100%;
  position: relative;
}

.padd-remove {
  padding: 0;
}

body.slide-panel .content-wrap {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-right,
.content-child-element,
#markattend-wrap {
  width: 0;
  -webkit-transition: width ease-out 0.2s;
  transition: width ease-out 0.2s;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

.content-right.drawer-open,
.content-child-element.drawer-open,
#markattend-wrap.drawer-open {
  background: #fff;
  width: 360px;
}

body.slide-panel .content-right,
body.right-child-open .content-child-element {
  background: #fff;
  height: 100%;
  visibility: visible;
  opacity: 1;
  width: 100%;
  border-left: 1px solid #ebebeb;
}

@media only screen and (max-width: 768px) {
  body.slide-panel .content-right,
  body.right-child-open .content-child-element {
    width: 100%;
  }
}

.row-wrap {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  padding: 15px 0;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

.row-bord {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  padding: 15px 0;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

.close-panel {
  position: absolute;
  left: 20px;
  top: 18px;
}

.close-panel img {
  width: 30px;
  cursor: pointer;
}

.overlay-bg {
  position: absolute;
  right: 0;
  width: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  opacity: 0;
  z-index: -9;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  direction: rtl;
  overflow: hidden;
}

body.open-panel .overlay-bg {
  opacity: 1;
  z-index: 9;
  width: 100%;
  direction: ltr;
}

body.open-panel .right-panel {
  width: 300px;
  opacity: 1;
}

body.open-panel .right-panel.large-popup {
  width: 600px;
}

.font-poppins {
  font-family: "Poppins", sans-serif;
}

.OpenChild {
  background: #341f97;
  width: 100%;
  float: left;
  padding: 5px 15px;
  color: #fff;
  cursor: pointer;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

.product-heading-1 {
  font-size: 42px;
  font-weight: 400;
  line-height: 50px;
}

.product-heading-2 {
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

@media only screen and (max-width: 1024px) {
  .product-heading-2 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .product-heading-2 {
    line-height: 30px;
    font-size: 20px;
  }
}

.product-heading-3 {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

@media only screen and (max-width: 768px) {
  .product-heading-3 {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-heading-3 {
    font-size: 16px;
  }
}

.product-heading-4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.product-heading-5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.product-heading-6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.long-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .16px;
}

.short-body,
.overline,
label {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: .16px;
}

.caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .4px;
}

.button {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1.25px;
}

.letter-spacing, .product-heading-1, .product-heading-2, .product-heading-3, .product-heading-4, .product-heading-5, .product-heading-6 {
  letter-spacing: 0;
  text-transform: none;
}

.h64 {
  height: 64px;
}

.p16 {
  padding: 16px;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.bottom-10 {
  bottom: 10px !important;
}

.widthfull {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .widthfull p {
    font-size: 12px;
  }
}

.btn-wrap {
  float: left;
  width: 100%;
  padding-top: 32px;
}

.btn.btn-blue {
  background: #02B3E4;
  color: #fff;
  border: 1px solid #02B3E4;
  border-radius: 1px 1px 1px 1px;
  font-weight: 400;
  font-size: 16px;
  width: 125px;
  height: 52px;
  line-height: 50px;
  padding: 0;
}

.btn.btn-blue:hover {
  color: #fff;
  background: #039eca;
}

.daybreak-blue {
  background: #341f97 !important;
  padding: 12px 16px !important;
  color: #fff;
  border-radius: 2px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
          box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border: 0 !important;
}

@media only screen and (max-width: 768px) {
  .daybreak-blue {
    padding: 5px 10px !important;
  }
}

.daybreak-blue.transparent {
  background: #fff !important;
  color: #341f97;
  border: 1px solid #341f97 !important;
}

.daybreak-blue.transparent:hover {
  color: #341f97;
}

.daybreak-blue:hover {
  color: #fff;
  -webkit-box-shadow: 4px 5px 10px #d9d3f7;
          box-shadow: 4px 5px 10px #d9d3f7;
}

.daybreak-blue.reseBtn {
  background: #52C41A !important;
}

.btn-default {
  -webkit-box-shadow: 0px 2px 0px 0px #00000004;
          box-shadow: 0px 2px 0px 0px #00000004;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #d9d9d9;
  padding: 8px 16px;
  line-height: normal;
  font-weight: 400;
  font-size: 14px;
  margin-right: 5px;
  color: #000;
  background: #fff;
}

.btn-default.gray-button {
  background: #fff;
}

.btn-default.blue-button {
  background: #341f97;
  color: #fff;
  border: 1px solid #341f97;
  cursor: pointer;
}

.btn-default.blue-button:hover {
  background: #341f97;
  color: #fff;
}

.btn-default:last-child {
  margin-right: 0;
}

.btn-reset {
  background: transparent;
}

.btn-apply {
  background: #389E0D;
  color: #fff;
}

#invite-wrapper {
  display: none;
}

body.slide-invite #invite-wrapper {
  display: block;
}

.invitaion-wrap {
  background: #341f97;
  height: 50px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  color: #fff;
}

.invitaion-wrap span:first-child {
  font-size: 16px;
  font-weight: 400;
}

.invitaion-wrap .btn.review-invite {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 25px;
  line-height: normal;
  margin-left: 20px;
  padding: 4px 15px;
  background: transparent;
}

.btn.btn-decline {
  color: #7F8C8D;
  border-radius: 1px 1px 1px 1px;
  font-weight: 400;
  font-size: 16px;
  width: 125px;
  height: 52px;
  line-height: 50px;
  padding: 0;
  background: transparent;
}

.breadcrumb-wrapper .breadcrumb {
  padding: 0;
  background: #fff;
  border-radius: 0;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}

.title-wrapper,
.tabed-wrapper {
  width: 100%;
  padding: 10px 0;
}

.title-wrapper h2,
.tabed-wrapper h2 {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .title-wrapper h2,
  .tabed-wrapper h2 {
    font-size: 16px;
  }
}

.title-wrapper h2 span,
.tabed-wrapper h2 span {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}

.tabed-wrapper .nav-tabs .nav-link {
  border: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  height: 33px;
}

.tabed-wrapper .nav-tabs .nav-link.disabled {
  opacity: 0.4;
}

@media only screen and (max-width: 768px) {
  .tabed-wrapper .nav-tabs .nav-link {
    font-size: 14px;
  }
}

.tabed-wrapper .nav-tabs .nav-link.active {
  color: #1890FF;
  border-bottom: 1px solid #1890FF;
}

.tabed-wrapper .nav-tabs .nav-item {
  margin: 0 32px 0 0;
}

@media only screen and (max-width: 768px) {
  .tabed-wrapper .nav-tabs .nav-item {
    margin: 0 20px 0 0;
  }
}

.dropdown-toggle::after {
  display: none !important;
}

.main-content-wrapper {
  width: 100%;
}

.breadcrumb-wrapper .breadcrumb {
  background: transparent !important;
}

.breadcrumb-wrapper .breadcrumb li {
  color: rgba(0, 0, 0, 0.85);
}

.breadcrumb-wrapper .breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
}

.login-footer {
  font-size: 14px;
  padding: 12px;
}

@media only screen and (max-width: 768px) {
  .login-footer {
    float: left;
    width: 100%;
  }
}

.login-footer a {
  padding: 0 5px 0 5px;
  color: rgba(0, 0, 0, 0.55);
}

.login-footer a:hover {
  text-decoration: none;
  color: #0069d9 !important;
}

.require {
  color: rgba(0, 0, 0, 0.55) !important;
}

.width-360 {
  width: 360px !important;
}

.disable-color {
  color: #B9C0C7;
}

.profile-img {
  width: 40px;
  height: 40px;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  line-height: 40px;
  background: #D6E4FE;
}

.profile-img img {
  max-width: 100%;
  border-radius: 50%;
}

.profile-img img {
  max-width: 100%;
  border-radius: 50% 50% 50% 50%;
}

.profile-img .edit-pic {
  border-radius: 50% 50% 50% 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  position: absolute;
  right: -12px;
  bottom: -2px;
  background: #341f97;
  cursor: pointer;
}

.profile-img .edit-pic img {
  width: 12px;
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.profile-content p {
  margin: 0;
  color: #494949;
  font-size: 12px;
  line-height: 18px;
}

.profile-content p.profile-name {
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}

.profile-content p span.teacher-wrap {
  position: absolute;
  top: -4px;
  right: -70px;
  background: #F0F5FF;
  border: 1px solid #ADC6FF;
  padding: 3px 6px;
  font-size: 12px;
  color: #1D39C4;
  font-weight: 400;
}

.profile-content p .max-wdth-110 {
  max-width: 110px;
  display: inline-block;
}

.btn-primary.disabled, .schData .disabled.SchList,
.btn-primary:disabled,
.schData .SchList:disabled {
  background: #B9C0C7;
  color: #fff;
  font-size: 16px;
  border-color: #B9C0C7;
}

.white-font {
  color: #fff !important;
}

.invert-img {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.notes-text {
  background: #f9f0ff;
  color: #531DAB;
  font-size: 12px;
}

.z-index-9 {
  z-index: 9;
}

.margin-minus {
  margin-top: -16px;
}

.sucess-bg {
  background: #D9F7BE;
  color: #389E0D;
  font-size: 12px;
}

.overlay-background,
.feed-overlay-background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  z-index: 99;
  height: 0;
  display: none;
}

.overlay-background.visible-ovrl,
.feed-overlay-background.visible-ovrl {
  visibility: visible;
  opacity: 1;
  position: fixed;
  height: auto;
  display: block;
}

.slide-panel .overlay-background {
  opacity: 1;
  visibility: visible;
}

.slide-panel #load-class_atennd.overlay-background {
  opacity: 1;
  visibility: visible;
  display: block;
  height: auto;
}

.browse-file-name {
  color: #389E0D;
  font-size: 14px;
}

.browse-file-name img {
  width: 14px;
  margin-right: 5px;
  display: none;
}

.browse-doc-name {
  color: #389E0D;
  font-size: 14px;
}

.browse-doc-name img {
  width: 14px;
  margin-right: 5px;
  display: none;
}

#helpFrame {
  height: 87vh;
}

.progress {
  height: 4px !important;
}

.progress-green {
  background: #52C41A !important;
}

.progress-warning {
  background: #FAAD14 !important;
}

.progress-error {
  background: #FF4D4F !important;
}

.perc-text {
  padding-left: 12px;
}

.bg-gray {
  background: #f4f4f4;
  border-radius: 100px 100px 100px 100px;
  padding: 4px;
  font-size: 12px;
}

.status.ongoing {
  color: #1D39C4;
  font-size: 12px;
}

.w-70 {
  width: 70%;
}

.text-oran {
  color: #FAAD14;
}

.text-absent {
  color: #FF4D4F;
}

.text-success {
  color: #52C41A;
}

.text-truncate {
  max-width: 96%;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .text-truncate {
    width: 100%;
  }
}

.text-truncate.max-width-175 {
  max-width: 175px;
}

@media only screen and (max-width: 768px) {
  .text-truncate.max-width-175 {
    width: 100%;
  }
}

.font-11 {
  font-size: 11px;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px;
}

.font-weight-4 {
  font-weight: 400;
}

.font-weight-5 {
  font-weight: 500;
}

.font-weight-6 {
  font-weight: 600;
}

.font-weight-7 {
  font-weight: 700;
}

.box-shadow-0 {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.3) !important;
  width: 6px !important;
}

.loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #52c3ee;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  right: 0;
  top: 3px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #52c3ee;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  position: absolute;
  right: 0;
  top: 3px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.typeClass {
  background: #E6F7FF;
  padding: 2px 4px;
  border: 1px solid #91D5FF;
  color: #1890FF;
  font-size: 12px;
}

.typeClass {
  line-height: normal;
}

.typeClass.iep, .typeClass.expired {
  background: #FFF2E8;
  color: #FA541C;
  border: 1px solid #FFBB96;
}

.typeClass.remedial {
  background: #fff0f6;
  color: #c41d7f;
  border: 1px solid #ffadd2;
}

.typeClass.extra-prep {
  background: #f6ffed;
  color: #389e0d;
  border: 1px solid #b7eb8f;
}

.typeClass.teacher {
  background: #f4f2fe;
  color: #341f97;
  border: 1px solid #341f97;
  line-height: normal;
  font-size: 12px;
}

.typeClass.inactive-color {
  background: #fafafa;
  border: 1px solid #d9d9d9;
  color: #000;
}

.school-name-wrap a {
  color: #333333;
}

.browse-file-name {
  color: #389E0D;
  font-size: 14px;
  position: absolute;
  left: 140px;
  top: 0;
}

.browse-file-name img {
  width: 14px;
  margin-right: 5px;
  display: none;
}

.browse-file-attach {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  border-radius: 4px;
  background: #efefef;
  padding: 3px 6px;
  border: 1px solid #ccc;
}

.browse-file-attach img {
  width: 16px;
  margin-right: 5px;
  cursor: pointer;
}

.browse-file-attach.hideDv {
  display: none !important;
}

.pagination-wrap .page-link {
  color: #333333;
}

.pagination-wrap .page-link:hover {
  color: #007bff;
}

.tooltip {
  position: fixed !important;
}

.bootstrap-datetimepicker-widget .datepicker > div {
  display: block;
  margin-left: 24px;
}

.end-date .bootstrap-datetimepicker-widget .datepicker > div {
  margin-left: 0;
}

.page-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 1024px) {
  .user-wrapper.fixed-bottom {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .open-navigation .user-wrapper.fixed-bottom {
    left: -15px;
    position: relative !important;
  }
  .left-navigation {
    left: -300px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
  }
  .left-navigation.open-navigation {
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 0;
  }
  .content-wrap {
    padding: 0;
  }
  header {
    padding: 0;
  }
  .header-left {
    float: left;
    height: 20px;
    padding-left: 16px;
  }
  .header-left .menu-icon {
    background: url(../images/icons/menu.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    opacity: 0.73;
  }
  .header-left .menu-icon.wrap-menu {
    background: url(../images/icons/menu-active.svg);
  }
  .overlay-mobile {
    z-index: 9;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, 0.3);
  }
  .open-navigation .close-left-navigation {
    display: block;
    background: #fff;
    padding: 15px;
    top: 0;
  }
  .close-left-navigation {
    display: none;
    position: fixed;
    left: 300px;
    top: 15px;
    width: 50px;
  }
  .close-left-navigation img {
    max-width: 20px;
    width: 20px;
    cursor: pointer;
    opacity: 1;
    right: -60px;
  }
}

.help-pop,
.enroll-drop {
  position: absolute;
  z-index: 9;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  width: 160px;
  right: 0;
  top: 50px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
}

.help-pop.open-drop,
.enroll-drop.open-drop {
  visibility: visible;
  opacity: 1;
  height: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.help-pop ul,
.enroll-drop ul {
  margin: 0;
}

.help-pop ul li,
.enroll-drop ul li {
  padding: 8px 12px;
  font-size: 13px;
  color: #212529;
  border: 0;
}

.help-pop ul li a,
.enroll-drop ul li a {
  color: #212529;
}

.help-pop ul li:hover,
.enroll-drop ul li:hover {
  background: #f8f9fa;
}

.help-pop ul li .help-img,
.enroll-drop ul li .help-img {
  max-width: 18px;
  margin-right: 18px;
}

.help-pop ul li a,
.enroll-drop ul li a {
  font-size: 13px;
  color: #212529;
}

.chip {
  display: inline-block;
  height: 28px;
  padding: 0 8px;
  margin-right: 4px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  background-color: #eceff1;
  border-radius: 16px;
  border: 1px solid #ccc;
}

.rightPanel {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 360px;
}

.form-wrapper-main form .form-wrap .mb-custom {
  margin-bottom: 16px;
}

.form-wrapper-main form .form-wrap .mb-custom p {
  color: rgba(0, 0, 0, 0.45);
}

.btn {
  border-radius: 2px 2px 2px 2px !important;
}

.btn.rounded {
  border-radius: 0.25rem !important;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-600 {
  font-weight: 600;
}

.overlay {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.back-to-parent {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 20px;
  top: 18px;
  z-index: 9;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.back-to-parent.show-back {
  visibility: visible;
  opacity: 1;
}

.back-to-parent.show-back img {
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.overlay {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}

.overlay .rightPanel {
  width: 0;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  display: none;
  z-index: 999;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  background: #fff;
  height: 100%;
}

.overlay.slide {
  visibility: visible;
  opacity: 1;
  height: auto;
  width: 100%;
  direction: ltr;
  display: inherit;
}

.overlay.slide .rightPanel {
  width: 768px;
}

@media only screen and (max-width: 768px) {
  .overlay.slide .rightPanel {
    width: 100%;
  }
}

.overlay.slide .rightPanel.small-width {
  width: 420px;
}

.overlay.slide .rightPanel.small-width.assignment-width {
  width: 520px;
}

@media only screen and (max-width: 640px) {
  .overlay.slide .rightPanel.small-width.assignment-width {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .overlay.slide .rightPanel.small-width {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .overlay.slide .rightPanel.small-width .form-wrapper-main {
    padding: 16px 0;
  }
}

.overlay.slide .rightPanel.large-window {
  width: 768px;
}

@media only screen and (max-width: 768px) {
  .overlay.slide .rightPanel.large-window {
    width: 100%;
  }
}

.overlay.slide .rightPanel.large-width {
  width: 600px;
}

@media only screen and (max-width: 768px) {
  .overlay.slide .rightPanel.large-width {
    width: 100%;
  }
}

.overlay.slide .rightPanel.chat-width {
  width: 480px;
}

@media only screen and (max-width: 768px) {
  .overlay.slide .rightPanel.chat-width {
    width: 100%;
  }
}

.overlay.slide .rightPanel.ChatBig {
  width: 800px;
}

.overlay.slide .rightPanel.enroll-width {
  width: 90%;
}

.overlay.slide .nav-tabs {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-shadow: 0 8px 6px -6px #ddd;
          box-shadow: 0 8px 6px -6px #ddd;
}

.overlay.slide .nav-tabs li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.overlay.slide .nav-tabs .nav-link.active {
  border-bottom: 2px solid #1890FF !important;
}

.selected {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

.option.selected {
  animation: none;
  -webkit-animation: none;
}

.dismiss {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}

.custom-select {
  height: auto !important;
}

.no-class {
  width: 360px;
  border-top: 1px solid #B9C0C7;
}

.no-class img {
  max-width: 60px;
}

.empty-container {
  margin: 72px auto auto auto;
}

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

.empty-container a.learn-more {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

a.learn-more {
  font-size: 14px;
  text-decoration: none;
  color: #341f97;
}

a.learn-more img {
  margin-left: 10px;
  max-width: 15px;
}

.help-block {
  color: #FF4D4F;
}

@media only screen and (max-width: 768px) {
  .wdth-90 {
    width: 92%;
    margin-left: 8%;
  }
}

@media only screen and (max-width: 768px) {
  .wdth-90 .padd-12 {
    padding: 15px;
  }
}

.content-connect {
  width: 80%;
}

.skip-button {
  background: #1D39C4;
  color: #fff;
  border-radius: 2px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
          box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border: 0 !important;
}

.max-width-175 {
  max-width: 175px !important;
}

.content-1-app-connect {
  height: 84vh;
  max-height: 84vh;
}

#classScheduledConf2-pop iframe {
  height: 99vh;
}

#messageContent-1 {
  height: 80vh;
  max-height: 80vh;
}

#ChildContent-1 {
  height: 80vh;
  max-height: 80vh;
}

#ChildContent-1 .selectize-dropdown,
#ChildContent-1 .selectize-dropdown.form-control {
  position: initial !important;
}

#UserSearch-pop .content {
  height: 85vh;
}

.content {
  height: 69vh;
  max-height: 69vh;
}

.profile-user-list {
  max-height: 60vh;
}

.content-large {
  height: 70vh;
  max-height: 70vh;
}

.content-large #enroll-teacher-form {
  padding-bottom: 100px;
}

.content-classDetail {
  height: 88vh;
  max-height: 88vh;
}

#enroll-drp img {
  width: 16px;
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.grade-list li {
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  padding: 6px;
  border: 1px solid #ECF0F1;
  margin-bottom: 4px;
}

.grade-list li p {
  margin: 0 0 6px 0;
  font-weight: 500 !important;
}

.grade-list li p span {
  background: #888aa8;
  color: #fff;
  padding: 4px;
  border-radius: 2px;
}

.bg-white {
  background: #fff;
}

.shadow-top {
  -webkit-box-shadow: 0px -3px 5px #ddd;
          box-shadow: 0px -3px 5px #ddd;
}

.shadow-bottom {
  -webkit-box-shadow: 0 8px 6px -6px #ddd;
          box-shadow: 0 8px 6px -6px #ddd;
}

.onclick-div,
button {
  cursor: pointer;
}

.feedback-panel .product-heading-4 {
  color: #341f97;
}

.feedback-panel .product-heading-5 {
  color: #7F8C8D;
}

.feedback-panel p {
  font-size: 12px;
  color: #494949 !important;
  margin-bottom: 8px;
}

.feedback-panel ul li img {
  width: 20px;
  margin-right: 20px;
  opacity: 0.6;
  cursor: pointer;
}

.feedback-panel ul li.active-img img {
  -webkit-filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
          filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(235deg) brightness(104%) contrast(97%);
  opacity: 1;
}

.feedback-panel .border-feedback {
  border: 1px solid #979797;
}

.feedback-panel .border-feedback a {
  color: #7F8C8D;
  font-size: 16px;
  padding: 8px 20px;
  border-right: 1px solid #979797;
  display: inline-block;
}

.feedback-panel .border-feedback a:hover {
  color: #341f97;
}

.feedback-panel .border-feedback a:last-child {
  border-right: 0;
}

.feedback-panel .border-feedback a.active-feed {
  background: #341f97;
  color: #fff;
}

.feedback-panel .feedback-textarea {
  background: #f4f4f4;
  height: 150px;
  width: 100%;
  padding: 8px;
  font-size: 14px;
  color: #7F8C8D;
}

.feedback-panel ul.feedback-like li {
  width: 20px;
  height: 20px;
  line-height: 18px;
  font-size: 14px;
  border: 1px solid #B9C0C7;
  margin-right: 8px;
  display: inline-block;
  color: #7F8C8D;
  cursor: pointer;
}

.feedback-panel ul.feedback-like li.active-like {
  border: 1px solid #341f97;
  color: #fff;
  background: #341f97;
}

.feedback-panel .like-font {
  color: #7F8C8D;
}

#fb_success .modal {
  display: block;
}

#fb_success .modal.dNone {
  display: none;
}

#fb_success img {
  width: 54px;
  display: block;
}

#fb_success .success-txt {
  color: #52C41A;
}

#fb_success .close {
  position: absolute;
  padding: 11px;
  right: 0;
}

.error {
  color: #CF1322;
}

.error-success {
  color: #389E0D;
}

.content-enrollment {
  height: 94vh;
  max-height: 94vh;
}

.table-respons {
  width: 100%;
  overflow-x: auto;
  max-height: 240px;
}

.table-respons .table td,
.table-respons .table th {
  border: 1px solid #dee2e6;
}

.table-respons th,
.table-respons td {
  width: 18%;
  padding: 0.35rem;
  font-size: 14px;
}

.table-respons th.bord-all,
.table-respons td.bord-all {
  border: 1px solid #dee2e6;
}

.table-respons th select,
.table-respons td select {
  border: 1px solid #767676;
  width: 164px;
  height: 26px !important;
  padding: 2px;
}

.table-respons th input,
.table-respons td input {
  border: 1px solid #767676;
}

.table-respons th input.error,
.table-respons td input.error {
  border-bottom: 2px solid red;
  width: 164px;
}

.table-respons th input:-moz-read-only,
.table-respons td input:-moz-read-only {
  background: #C4C4C4;
}

.table-respons th input:read-only,
.table-respons td input:read-only {
  background: #C4C4C4;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

#chars {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.85);
}

.mstud_fname_error.text-danger {
  display: block;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

#tech-input-error-tbody .text-danger {
  display: block;
}

.bg-purple {
  background: #341f97;
  border-radius: 0 0 16px 16px;
}

#Announce-popup {
  position: absolute;
  z-index: 9;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 1px rgba(136, 152, 170, 0.1), 0 15px 35px 0 rgba(49, 49, 93, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  width: 300px;
  right: 16px;
  top: 65px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
  -webkit-transition: all ease-out 0.2s;
  transition: all ease-out 0.2s;
  padding: 16px 16px 54px 16px;
}

#Announce-popup.open-drop {
  visibility: visible;
  opacity: 1;
  height: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  font-size: 13px;
}

#Announce-popup h5.product-heading-5 {
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.85);
  padding: 5px 10px;
  border-left: 4px solid #341f97;
}

#Announce-popup p {
  margin-bottom: 6px;
  margin-left: 32px;
}

#Announce-popup .published-type {
  font-size: 12px;
  color: #341f97;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
}

#Announce-popup .published-type img {
  max-width: 23px;
  margin-right: 5px;
}

#Announce-popup a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.85);
}

#Announce-popup a:hover {
  text-decoration: none;
}

#Announce-popup li {
  position: relative;
  padding-top: 5px;
}

#Announce-popup span.counter {
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 11px;
}

#Announce-popup .annonuce-scroll {
  max-height: 180px;
  height: 180px;
}

#Announce-popup .view-all {
  background: #341f97;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 85px;
  padding: 5px 12px;
  font-size: 13px;
}

#Announce-popup .view-all:hover {
  background: #403dce;
}

#NewAcknowledge-pop .font-12,
#ateendeeSearch-pop .font-12,
#ViewAllTrainee-pop .font-12,
.aknowledge .font-12 {
  color: rgba(0, 0, 0, 0.85);
}

#NewAcknowledge-pop .ms-viewd,
#ateendeeSearch-pop .ms-viewd,
#ViewAllTrainee-pop .ms-viewd,
.aknowledge .ms-viewd {
  color: #341f97;
}

#NewAcknowledge-pop .ms-ntviewd,
#ateendeeSearch-pop .ms-ntviewd,
#ViewAllTrainee-pop .ms-ntviewd,
.aknowledge .ms-ntviewd {
  color: #FF4D4F;
}

#NewAcknowledge-pop .reset-btn,
#ateendeeSearch-pop .reset-btn,
#ViewAllTrainee-pop .reset-btn,
.aknowledge .reset-btn {
  background: none;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  padding: 2px 12px;
  border: 0;
  border-radius: 4px;
  margin-right: 10px;
}

#NewAcknowledge-pop .apply-btn,
#ateendeeSearch-pop .apply-btn,
#ViewAllTrainee-pop .apply-btn,
.aknowledge .apply-btn {
  background: #198c57;
  color: #fff;
  font-size: 14px;
  padding: 2px 12px;
  border: 0;
  border-radius: 4px;
  text-transform: capitalize;
  margin: 0;
}

#NewAcknowledge-pop input,
#ateendeeSearch-pop input,
#ViewAllTrainee-pop input,
.aknowledge input {
  width: 60%;
  margin-right: 20px;
  border: 0;
}

.dropdown.help-drp .dropdown-menu {
  border: 0 !important;
  top: -11px !important;
  left: -90px !important;
  will-change: transform !important;
  border: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
  background: transparent !important;
  padding: 0 !important;
  min-width: 160px;
}

.btn-primary, .schData .SchList {
  color: #fff;
  background-color: #341f97 !important;
  border-color: #341f97 !important;
}

.profile-img {
  width: 40px;
  height: 40px;
  border-radius: 50% 50% 50% 50%;
  background: #D6E4FE;
}

@media only screen and (max-width: 640px) {
  .profile-img {
    display: inline-block;
  }
}

.profile-img img {
  max-width: 100%;
  border-radius: 50% 50% 50% 50%;
}

.profile-img .edit-pic {
  border-radius: 50% 50% 50% 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  position: absolute;
  right: -12px;
  bottom: -2px;
  background: #341f97;
  cursor: pointer;
}

.profile-img .edit-pic img {
  width: 12px;
  -webkit-filter: invert(100%);
  /* Safari/Chrome */
  filter: invert(100%);
}

.password-text {
  font-size: 14px;
}

.profile-img .profile-click .edit-pic {
  left: 24px;
  bottom: -30px;
}

.max-60 {
  max-width: 60%;
}

.login-btn .btn {
  border-radius: 25px !important;
  padding: 12px !important;
}

@media only screen and (max-width: 640px) {
  .login-btn .btn {
    padding: 8px !important;
  }
}

.background-login {
  max-width: 89%;
}

@media only screen and (max-width: 768px) {
  .background-login {
    display: none;
  }
}

.sch-login-logo img {
  max-height: 72px;
}

@media only screen and (max-width: 640px) {
  .sch-login-logo img {
    max-height: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .padd-mob-l-r {
    padding: 0 16px;
  }
}

.meet-gm {
  max-width: 180px;
  cursor: pointer;
}

[type=reset],
[type=submit],
button,
html [type=button] {
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple {
  float: left;
  width: 100%;
}

.w110 {
  width: 110px;
}

#default_loader {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  position: fixed;
  z-index: 99;
  left: 300px !important;
  right: 0;
  top: 0;
  height: 100vh;
}

@media only screen and (max-width: 1024px) {
  #default_loader {
    left: 0 !important;
  }
}

#default_loader.hide-load {
  display: none !important;
}

#default_loader img {
  max-width: 150px;
}

.inr-srch {
  margin-bottom: 8px;
}

.inr-srch .form-control {
  padding: 6px;
  font-size: 14px;
  line-height: normal;
}

.inr-srch button {
  position: absolute;
  right: 12px;
  top: 13px;
  width: 22px;
  border: 0;
  background: transparent;
  opacity: 0.6;
}

.message-content {
  height: 90vh;
  padding-bottom: 90px;
}

@media only screen and (max-width: 420px) {
  .message-content {
    min-height: 80vh;
    height: 80vh;
    padding-bottom: 48px;
  }
}

.message-content .mCSB_inside > .mCSB_container {
  margin-right: 8px;
}

.large-colm {
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .ClassCard-colm .text-truncate {
    white-space: normal;
    display: inline;
  }
}

#ReplyPop .ck.ck-editor {
  margin: 0 16px !important;
  width: 80% !important;
}

.pb-60 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 768px) {
  .pb-60 {
    padding-bottom: 0;
  }
}

.zindex-90 {
  z-index: 90;
}

.left-0 {
  left: 0;
}

.box-shadow-bottom {
  -webkit-box-shadow: 0 8px 6px -6px #ddd;
  box-shadow: 0 8px 6px -6px #ddd;
}

.wdth-auto {
  width: auto !important;
}

#show-me,
#StudentDetails {
  display: none;
}

#show-me.showChildInfo,
#StudentDetails.showChildInfo {
  display: block;
}

#show-me.showChildInfo .content-session,
#StudentDetails.showChildInfo .content-session {
  height: 90vh;
  max-height: 90vh;
}

#show-me.showChildInfo .w-25.w33,
#StudentDetails.showChildInfo .w-25.w33 {
  width: 33% !important;
}

@media only screen and (max-width: 768px) {
  #show-me.showChildInfo .w-25.w33,
  #StudentDetails.showChildInfo .w-25.w33 {
    width: 100% !important;
  }
}

.w-15 {
  width: 15%;
}

.padd12 {
  padding: 12px;
}

.content-session,
.trainee-content {
  min-height: 79vh;
  height: 79vh;
}

.schData .SchList {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
}

.schData .SchList .ListofSchool {
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 32px;
  width: 150px;
  visibility: hidden;
  opacity: 0;
}

.schData .SchList .ListofSchool ul {
  padding: 0;
  margin: 0;
}

.schData .SchList .ListofSchool ul li {
  font-size: 12px;
  line-height: 22px;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schData .SchList .ListofSchool::after {
  background: url(../images/icons/down_b_arrow_icon.svg);
  width: 24px;
  height: 24px;
  right: 2px;
  top: -16px;
  position: absolute;
  content: "";
  background-size: 24px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.schData .SchList:hover .ListofSchool {
  visibility: visible;
  opacity: 1;
}

.w-60 {
  width: 60%;
}

.plusico {
  right: 0;
  top: 40px;
}

.plusico img {
  max-width: 18px;
  height: 18px;
}

.minusico {
  right: 0;
  top: 0;
}

.minusico img {
  max-width: 18px;
  height: 18px;
}

.form-wrapper-main form .inpttxt .form-control {
  font-size: 12px !important;
}

#Academic-Info-Student.selectonl {
  padding-bottom: 100px;
  float: left;
  width: 100%;
}

.zIndex9 {
  z-index: 99;
}

.list-learner {
  max-height: 68vh;
  height: 68vh;
}
/*# sourceMappingURL=main.css.map */