body {
  overflow-x: hidden;
}

.mt-n10p {
  margin-top: -10px;
}


/*SideBar*/
.note_title {
  font-size: 1.8rem;
  font-weight: 500;
}

.not_text {
  height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ba-tooltip-bottom {
  background-color: #181c32;
}

.not_text p {
  margin: 0;
}

#page-header .symbol-label {
  max-width: 100%;
  height: 100%;
}

.hidden {
  display: none;
}

.hidden1 {
  display: none !important;
}

.dropdown .list-group {
  display: none;
}

th.header {
  display: table-cell;
  height: auto;
}

#page-wrapper #page {
  padding-left: 0;
  padding-right: 0;
}

.sidebar_left {
  max-width: 110px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 50px;
  height: 100%;
  overflow-y: auto;
  text-align: center;
  z-index: 1000;
}

.sidebar_left ul {
  padding-left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sidebar_left ul li {
  margin-bottom: .5rem;
  height: 36px;
  width: 36px;
}

.sidebar_left ul li a svg {
  height: 2.25rem;
  width: 2.25rem;
}

.sidebar_left li a svg g [fill] {
  fill: #B5B5C3;
  transition: all .5s ease;
}

.sidebar_left li a:focus {
  outline: 0;
  background-color: transparent;
  box-shadow: none;
}

.sidebar_left li a:hover svg g [fill] {
  fill: #8950FC;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  border-radius: 5px;
  overflow: hidden;
}

.logo img {
  width: 100%;
}

.main_menu__box {
  height: 100%;
  overflow-y: auto;
}

.main_menu__list li:first-child a img {
  filter: invert(48%) sepia(79%) saturate(105%) hue-rotate(3857deg) brightness(89%) contrast(116%);
}
.main_menu__list {
  /*margin-top: 50px;*/
}

.user_box_both {
  max-width: 50px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.bottom_menu__box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 110px;
  padding-bottom: 40px;
  background-color: #fff;
  z-index: 200;
}

#modalNotification .offcanvas-content {
  margin-top: -10px;
}

.menu_modal .modal-dialog {
  position: fixed;
  left: -100%;
  height: 100%;
  max-width: 375px;
  width: 100%;
  background-color: #fff;
  padding: 2.5rem;
  transition: all .4s ease;
}

.modal-backdrop {
  transition: all .4s ease;
}

.modal-backdrop.show {
  opacity: .1;
}

.menu_modal .modal-body {
  height: 100%;
}

.modal-backdrop {
  z-index: 990;
}

.count-container {
  transform: translate(-50%);
  background-color: #f64e60;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  padding: 0;
  top: -33px;
  right: -28px;
  border-radius: 50%;
  font-size: 10px;
  position: relative;
}

.menu_modal .modal-content {
  border: 0;
  overflow: unset;
  /*padding-top: 30px;*/
  box-shadow: none;
  overflow: hidden;
}

.menu_modal.show .modal-dialog {
  left: 0;
  max-height: 100%;
  margin-top: 0;
}

.menu_modal .close_modal {
  opacity: 1;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 5px;
}

/*
.menu_modal .close:hover {
  background-color: rgba(137, 80, 252, .5);
}

.menu_modal .close svg g [fill] {
  fill: #8950FC;
}
*/


/*Main Page*/
#box_1 {
  background-color: #1c2840;
  background-image: url('system/start/img/main_page_1.png');
  background-size: 320px 389px;
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 462px;
}

#box_2 {
  background-color: #eaa727;
  background-image: url('system/start/img/main_page_2.png');
  background-size: 313px 310px;
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 462px;
}

.main_box {
  margin-top: 45px;
  min-height: 407px;
  padding: 68px;
  color: #fff;
  text-align: left;
  border-radius: 10px;
}

.main_box h2 {
  font-size: 23px;
  font-weight: bold;
  font-family: 'Tahoma';
  margin-bottom: 34px;
}

.main_box p {
  color: #fff;
  font-size: 17px;
  max-width: 307px;
  opacity: .8;
  margin-bottom: 47px;
}

.main_box a:hover {
  text-decoration: none;
  color: inherit;
}

.main_page_btn {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  height: 37px;
  color: #fff;
  background-color: #d64f5f;
  font-size: 13px;
  max-width: fit-content;
  padding: 0 19px;
  border-radius: 3px;
  transition: all .5s ease;
}

.main_page_btn:hover {
  background-color: #EE2D41;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 992px) {
  #box_1, #box_2 {
    background-image: unset;
  }
  .main_box {
    padding: 40px;
  }
  .main_box h2 {
    font-size: 1.2em;
  }
  .main_box p {
    font-size: 1.2em;
  }

  .no-overflow-y {
    overflow-y: hidden;
  }
}

/*Library of courses*/
.library_pills {
}

.library_pills li {
  margin: 0 5px;
}

.library_pills li:first-child {
  margin-left: 0;
}

.library_pills li:last-child {
  margin-right: 0;
}

.library_pills li a:focus {
  box-shadow: none;
}

.library_pills li a {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5b5a5a;
  transition: all .5s ease-in-out;
  padding: 0 18px;
  border-radius: 18px;
  height: 39px;
  outline: 0;
}

.library_pills li a:hover {
  background-color: #8950fc;
  color: #fff !important;
}

.library_pills li .nav-link.active {
  background-color: #8950fc;
  color: #fff;
}

.search_panel {
  padding: 33px 25px;
  background-color: #fff;
  border-radius: 10px;
}

.search_box {

}

.search_box .input-group {
  max-width: 321px;
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background-color: transparent;

}

.search_box input {
  height: 100%;
  max-width: calc(100% - 44px);
  width: 100%;
  border: 1px solid #e8e9e9;
  border-left: 0;
}

.search_box input:focus {
  outline: 0;
  box-shadow: none;
  border-color: #e8e9e9;
}

.search_box input::placeholder {
  color: #e8e9e9;
  transition: all .5s ease-in-out;
}

.search_box input:focus::placeholder {
  color: #3b3939;
}

.search_box .input-group-prepend {

  width: 100%;
  max-width: 44px;
  z-index: 1;
}

.search_box .input-group-prepend svg g path {
  fill: #e8e9e9;
}

.search_box .input-group-prepend span {
  border: 1px solid #e8e9e9;
  background-color: transparent;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.search_box .input-group-prepend span.svg-icon {
  border: none;
  background-color: transparent;
}

.search_label {
  color: #414141;
  font-size: 14px;
  margin-bottom: 10px;
}

.class_room, .subject {
  max-width: 205px;
  width: 100%;
}

.class_room .dropdown, .subject .dropdown {
  border: 0;
  position: relative;
}

.class_room .dropdown .dropdown-toggle, .subject .dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  background-color: #f3f6f9;
  border-radius: 5px;
  border: 0;
  height: 45px;
}

.class_room .dropdown .dropdown-toggle:before, .subject .dropdown .dropdown-toggle:before {
  content: '';
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
  position: absolute;
  top: 20px;
}

.class_room .dropdown .dropdown-toggle:after, .subject .dropdown .dropdown-toggle:after {
  position: absolute;
  top: 7px;
}

.class_room .dropdown .dropdown-toggle:before {
  right: 10px;
}

.subject .dropdown .dropdown-toggle:before {
  right: 10px;
}

.class_room .dropdown .dropdown-toggle:after {
  right: 10px;
  top: 15px;
}

.subject .dropdown .dropdown-toggle:after {
  right: 10px;
  top: 15px;
}

.class_room {
  margin-right: 13px;
}

.subject {
  margin-left: 13px;
}

.sort_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 208px;
  margin-left: auto;
}

.sort_box p {
  width: 100%;
}

.sort_box .dropdown {
  width: 100%;
}

.sort_box .dropdown .dropdown-toggle {
  width: 100%;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #e8e9e9;
  background-color: transparent;
  height: 45px;
  color: #aba8a8;

}

.sort_box .dropdown .dropdown-toggle:after {
  right: 10px;
  position: absolute;
  top: 15px;
}

.sort_box .dropdown .dropdown-toggle:before {
  content: '';
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid #000;
  border-left: .3em solid transparent;
  position: absolute;
  top: 20px;
  right: 10px;
}

.course_box {
  height: 102px;
  background-color: #fff;
  border-radius: 10px;
  min-height: 70px;
  max-width: 49%;
  width: 100%;
  margin-top: 30px;
  overflow: hidden;
  color: #919091;
}

.img_box {
  height: 70px;
  max-width: 70px;
  width: 100%;
}

.img_box_courses {
	/*height: 102px; */
	max-width: 102px;
	width: 100%;
	min-height: 102px;
	
	border-radius: 0.675rem 0 0 0.675rem;
	background-color: #1bc5bd; 
	background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
	
	/*filter: invert(48%) sepia(79%) saturate(105%) hue-rotate(3857deg) brightness(89%) contrast(116%);*/
}

.img_icon_courses {
	max-width: 100%;
	max-height: 100%;
}

.course_name {
  width: 100%;
  margin-bottom: 0;
  font-size: 15px;
  color: #565656;
}

.course_price {
  width: 100%;
  margin-bottom: 0;
  color: #ffa800;
  font-size: 15px;
}

.btn_purple {
  color: #FFFFFF;
  background-color: #8950FC;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 5px;
}

.btn_purple:hover {
  text-decoration: none;
  color: #fff;
  background-color: #7337EE;
}

.course_box a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #7337EE;
}

.course_name a {
  color: #565656;
}

.course_name a:hover {
  text-decoration: underline;
  color: #282525;
  background-color: unset;
}

.progress_box {
  max-width: 200px;
  width: 100%;
  position: relative;
  margin-top: auto;
  margin-bottom: 20px;
}

.course_description {
  font-size: 12px;
  color: #919091;
  margin-bottom: 0;
}

.course_header {
  font-size: 15px;
}

.course_header a {
  color: #565656;
  font-weight: bold;
}

.course_header a:hover {
  text-decoration: none;
  color: #282525;
  background-color: unset;
}

.progress_box .progress-bar {
  background-color: #7337EE;
}

.progress_box span {
  position: absolute;
  right: -33px;
  top: -4px;
  font-size: 11px;
}

/*Ele journal*/
.page_title__box {
  border-radius: 10px;
  background-color: #fff;
  padding: 17px 20px;
  margin-bottom: -10px;
}

.page_title__box .svg-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 38px;
  width: 100%;
  height: 38px;
  border-radius: 8px;
  background-color: #f3f6f9;
}
.page_title__box .svg-icon svg{
  width:19.4px!important;
  opacity: 1!important;
}

.page_title__box .svg-icon svg g [fill] {
  fill: #8950fc;
}

.page_title__box h1 {
  font-size: 13px;
  margin-bottom: 0;
  margin-left: 15px;
}

.search_panel.el_journal .btn_purple {
  margin-left: 15px;
  height: 45px;
}

.class_card {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 30px;
  padding: 30px;
}

.class_card .nav {
  justify-content: flex-end;
}

.class_card .nav li {
  margin: 0 2.5px;
}

.class_card .nav li:first-child {
  margin-left: 0;
}

.class_card .nav li:last-child {
  margin-right: 0;
}

.class_card .nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  background-color: #d4c5fa;
  border-radius: 5px;
  transition: all .5s ease;

}

.class_card .nav li a:hover {
  background-color: #ae99e7;
}

.class_card .nav li a svg g [fill] {
  fill: #8950fc;
}

.class_card .nav li a:hover svg g [fill] {
  fill: #fff;
}

.class_title {
  font-size: 17px;
  color: #2a2a2a;
  margin-bottom: 0;
}

.class_des {
  font-size: 12px;
  color: #aba8a8;
  margin-bottom: 0;
}

.subject_icon {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: pink;
  border-radius: 5px;
}

.subject_icon svg {
  width: 30px;
  height: 30px;
}

.subject_text p {
  margin: 0;
  margin-left: 20px;
}

.subject_firstname {
  font-size: 17px;
  color: #2a2a2a;
}

.subject_name {
  font-size: 15px;
  color: #a09e9e;
}

.grade {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}

.grade p {
  width: 37px;
  height: 37px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.grade .green {
  background-color: #99c45a;
  margin-right: 2px;
}

.grade .red {
  background-color: #dc726d;
  margin-left: 2px;
}

.time {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #9c9b9b;
  margin-left: 20px;
}

.time .indicator {
  width: 24px;
  height: 24px;
  background-color: #ebedf3;
  margin-right: 14px;
  border-radius: 5px;
}

.time .indicator.ok {
  background-image: url('system/el_journal/img/ok.png');
}

.go_forward {
  width: 36px;
  height: 36px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f6f9;
  transition: all .5s ease;
  border-radius: 5px;
}

.go_forward svg {
  width: 20px;
  height: 20px;
}

.go_forward svg g [fill] {
  fill: #24c7bf;
}

.go_forward:hover {
  background-color: #e3edf6;
}

/*Right sidebar*/
.block_grade_me {
  background-color: #e9e9ed;
  border: 0;
  /*border-radius: 5px;*/
}

.block_calendar_month {
  background-color: #c9f7f5;
  border: 0;
}

.block_timetable {
  background-color: #fff4de;
  border: 0;
}

.block_timeline {
  background-color: #f3f6f9;
  border: 0;
}

.block_fake {
  color: #FFA800;
  background-color: #FFF4DE;
}

.path-course .block_completion_progress {
  background-color: #eee5ff;
  border: 0;
  border-radius: 0.675rem;
  margin-bottom: 30px !important;
}

.alert.alert-danger {
  color: #3F4254!important;
  background-color: #ecb3b3;
  border: 0;
}

.alert.alert-success {
  background-color: #a1dd9c;
  color: #43913e;
  border: 0;
}

/*Diary*/
.diary_container {
  background-color: #fff;
  padding: 23px 4px;
  border-radius: 10px;
}

.diary-table {
  margin: 0 -15px;
}

.diary_container p {
  margin: 0;
}

.table_head .user {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  overflow: hidden;
  width: 51px;
  height: 51px;
}

.table_head .user img {
  width: 100%;
}

.table_head .title {
  font-size: 15px;
  color: #2a2a2a;
  margin-bottom: 5px;
}

.table_head .pupil_name, .table_head .teacher {
  font-size: 13px;
  color: #999998;
}


.diary-link :visited, .diary-link :hover, .diary-link :active {
  color:inherit !important;
}

.diary-link {
  color: white;
}

.table_head .library_pills {

}

.table_h th {
  text-align: center;
}

.table_h th span {
  color: #c1c1c1;
  font-size: 14px;
}

.table_h th .date {
  color: #515152;
}

.table .subject {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background-color: #c5c2c2;
  border-radius: 5px;
}

.table .subj_name {
  display: flex;
  margin-left: 15px;
}


.info_info {
  font-size: 13px;
  color: #b1b1b1;
  margin-top: 23px;
  margin-bottom: 5px;
}

.data_user {
  font-size: 14px;
  color: #6c6c69;
}

.progress_box__user span {
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
}

.progress_box__user {
  display: flex;
  align-items: center;
}

.progress_box__user .progress {
  max-width: 80%;
  width: 100%;
}

.cards_container .card {
  margin-top: 30px;
}

.cards_container .card-header {
  border: 0;
}

.cards_container .card .card-body {
  padding-top: 0;
}

.cards_container .info_info {
  margin-top: 0;
}

.cards_container .data_user {
  margin-bottom: 20px;

}

.user_head .title img {
  margin-left: 15px;
}

.study_case__box .study_case_nav {
  margin-top: 39px;
}

.study_case__box .study_case_nav li a {
  height: 39px !important;
  font-size: 15px;
  border-radius: 60px;
  max-height: 39px;
}

.study_case__box .study_case_nav li a img {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 6px;
}

.take_offer {
  margin: 30px 0;
}

.course_offer {
  margin-top: 30px;
}

.study_case_header {
  padding-right: 15px !important;
}

.study_case_header .btn-danger{
  width: 181px;
}

.card .nav .label {
  width: auto;
}

#page-mod-quiz-view {
  /*font-family: "Tahoma";*/
}

#page-mod-quiz-view .bs-tooltip-bottom {
  background-color: #2e3145;
}

#page-mod-quiz-view .bs-tooltip-bottom .tooltip-inner {
  background-color: #2e3145;
  color: #fff;
  font-weight: bold;
  max-width: max-content;
}
#page-mod-quiz-view .has-blocks.mb-3.main_content {
  min-height: calc(100vh - 50px);
}

.card .user_name {
  font-size: 15px;
  color: #b8b5b5;
}

.card .user_name img {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  margin-right: 6px;
}

.card .case_name {
  font-size: 19px;
  color: #616161;
  margin-top: 11px;
}

.card .nav li {
  margin-right: 11px;
}

.card .nav li .label {
  font-size: 15px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.card .nav li .label.label-custom {
  background-color: transparent;
  border: 1px solid;
  width: 121px;
}

.label[data-toggle="tooltip"] {
  cursor: pointer;
}

.card input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.card input[type="number"]:focus {
  outline: 0;
}

.card input[type=number]::-webkit-inner-spin-button,
.card input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: flex;
  justify-content: center;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline: none;
  -webkit-appearance: none;
  border: none;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  cursor: pointer;
  margin: 0;
  position: relative;
  border-radius: 5px;
  background-color: #e7e7e6;
  margin-top: 7px;
  transition: all .5s ease;
}

.number-inputdisabled button {
  outline: none;
  -webkit-appearance: none;
  border: none;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  cursor: pointer;
  margin: 0;
  position: relative;
  border-radius: 5px;
  background-color: #e7e7e6;
  margin-top: 7px;
  transition: all .5s ease;
}

.number-input button:hover {
  background-color: #c9f7f5;
}

.number-input button:hover::before, .number-input button:hover::after {
  background-color: #1bc5bd;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 10px;
  height: 2px;
  background-color: #acafaf;
  transform: translate(-50%, -50%);
  transition: all .5s ease;
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  padding: .5rem;
  border: none;
  color: #616161;
  font-size: 17px;
  max-width: 85px;
  text-align: center;
  background-color: transparent;
}

.card .btn {
  height: max-content;
	/*margin-left: -10px;*/
}

.card .all {
  font-size: 17px;
  color: #616161;
  margin-bottom: 0;
}

.card .summ {
  font-size: 19px;
  color: #616161;
  margin-bottom: 0;
}

.card_box .card-header {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  display: flex;
  align-items: center;
}

.card_box .table-responsive thead tr th {
  font-size: 14px;
  color: #a1a1a1;
  font-weight: normal;
}

.card_box .table-responsive tbody tr td {
  color: #616161;
  border-top: 0;
  padding-top: 23px;
  padding-bottom: 21px;
  vertical-align: middle;
}

.tax {
  color: #167186 !important;
}

.liqpay {
  color: #96bb5e !important;
}

.button_docs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  border-radius: 5px;
  background-color: #f3f6f9;
  transition: all .3s ease;
}

.button_docs svg {
  width: 17px;
  height: 17px;
  transition: all .3s ease;
}

.button_docs:hover {
  background-color: #eaedf5;
}

.card_box .nav {
  justify-content: flex-end;
}

.card_box .nav li {
  margin-right: 0;
}

.card_box .nav li:first-child {
  margin-right: 10px;
}

.nav_td {
  padding-right: 0 !important;
}

.th_name {
  width: 40%;
}

.card_box .table-responsive.docs tbody tr td {
  padding-top: 23px;
  padding-bottom: 0;
}

.card_box .table-responsive.docs thead tr th:nth-child(2) {
  width: 15%;
}

.course_container .course_box .nav li a:hover {
  background-color: #eaedf5;
}

#page-footer .name {
  color: #e74c25;
}

#page-footer .footer_list {
  justify-content: flex-end;
}

#page-footer .footer_list li {
  margin-right: 25px;
}

#page-footer .footer_list li:last-child {
  margin-right: 0;
}

#page-footer .footer_list li a, .footer-link,  {
  font-size: 13px;
  color: #6e6d6d !important;
  transition: all .5s ease;
  text-decoration: none !important;
}

#page-footer .footer_list li a:hover {
  color: #e74c25;
}

/*Wizzard*/
.wizard_box {
  margin-left: auto;
  margin-right: auto;
  max-width: 571px;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  font-family: Tahoma;
}

.wizard_box .timeline-item {
  padding: 12.5px 0;
}

.wizard_box .timeline-content {
  position: relative;
}

.wizard_box .timeline-content::before {
  content: '';
  position: absolute;
  left: -5px;
  border-right: 5px solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.wizard_box .timeline-content.bg-light-warning::before {
  border-right-color: #FFF4DE;
}

.wizard_box .timeline-content.bg-light-primary::before {
  border-right-color: #EEE5FF;
}

.wizard_box .timeline-content.bg-light-success::before {
  border-right-color: #C9F7F5;
}
.wizard_box .timeline-content.checked.d-flex.align-items-center.justify-content-between::before {
  border-right-color: #C9F7F5;
}

.wizard_box .timeline-content.bg-light-danger::before {
  border-right-color: #FFE2E5 !important;
}

.wizard_box .timeline-content.not-before::before {
  display: none;
}


.wizard_box .timeline-media {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 0;
  margin-right: 20px;
  font-size: 1.2rem;
  transition: all .5s ease;
}

.wizard_box .timeline-media.checked {
  background-color: #c9f7f5;
}

.wizard_box .timeline-media.active {
  background-color: #eee5ff;
}

.wizard_box .timeline-media.checked svg g [fill] {
  fill: #21c0b7;
}

.wizard_box .timeline-media.active svg g [fill] {
  fill: #8950fc;
}

.wizard_box .timeline-media.disable svg g [fill] {
  fill: #b5b5c3;
}

.wizard_box .timeline.timeline-2 .timeline-bar {
  left: 26px;
  width: 2px;
  background-color: #e9e9ed;
}

.wizard_box .timeline-content {
  height: 54px;
  max-width: 400px;
  width: auto;
  padding: 20px 16px;
  border-radius: 10px;
  font-size: 13px;
  transition: all .5s ease;
  line-height: 1.2;
}

.wizard_box .timeline-item.active:hover .timeline-media {
  background-color: #dacafa;
}

.wizard_box .timeline-content.hovered, .wizard_box .timeline-content.active {
  margin-top: 88px;
  margin-bottom: 88px;
  background-color: #eee5ff;
  width: auto;
  flex-grow: unset !important;
  cursor: pointer;
}

.wizard_box .timeline-content.active:hover {
  background-color: #dacafa;
}

.wizard_box .timeline-content.active svg g [fill] {
  fill: #8950fc;
}

.wizard_box .timeline-content.checked {
  background-color: #c9f7f5;
  color: #21c0b7;
}

.wizard_box .timeline-content.disable {
  color: #a1a1a1;
}

.wizard_box .change_btn {
  margin-left: calc(55px + 20px);
  height: 54px;
  display: flex;
  align-items: center;
  max-width: max-content;

}

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

.wizard_box .change_btn:hover i {
  color: #fff !important;
}

.wizard_box .change_btn:hover span svg g [fill] {
  fill: #fff !important;
}

.file_upload::before {
  top: 20px;
}

.file-upload-wrapper {
  background-color: #fff;
  width: 100%;
  height: 111px;
  text-align: center;
  margin-top: 10px;
  position: relative;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-upload-wrapper label {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  cursor: pointer;
  margin-bottom: 0;
  border: 1px dashed #eaebed;
}

.file-upload-wrapper label i {
  color: #3399ff;
  margin-top: 24px;
}

.file-upload-wrapper label p {
  color: #000;
  width: 100%;
}

.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.see_offer {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}

.see_offer i {
  color: inherit;
  margin-right: 13px;
}

.wizard_container hr {
  height: auto;
  width: 1px;
  border-top: 0;
  border-right: 1px solid rgba(0, 0, 0, .1);
  margin-top: -2rem;
  margin-left: 25px;
  margin-right: 0;
}

.sidebar ul {
  border: none;
  height: max-content;
}

.sidebar ul li {
  margin: 0;
  width: 100%;
  margin-left: 0 !important;
  border: 0 !important;
}

.sidebar ul li a {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border: 0 !important;
}

.sidebar ul li:first-child a {
  margin-top: 0;
}

.sidebar ul li a:after {
  content: '';
  position: absolute;
  right: -5px;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 5px solid #f3f6f9;
  opacity: 0;
  transition: all .5s ease;
}


.sidebar ul li a:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.sidebar ul li a.active:after, .sidebar ul li a:hover:after {
  opacity: 1;
}

.sidebar ul li a.active svg g [fill], .sidebar ul li a:hover svg g [fill] {
  fill: #8950FC;
}

.sidebar .icon_box {
  margin-right: 17px;
}

.sidebar {
  display: flex;
}

.text_box {
  display: flex;
  flex-wrap: wrap;
}

.step_name {
  color: #565656;
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}

.text_box .text-dark-50 {
  color: #a0a0a0;
  font-size: 14px;
  width: 100%;
}

.form_box {
  margin-left: 2.25rem;
  margin-top: calc(64px - 2rem);
}

.form_box form {
  margin-bottom: 0;
}

.wizard_container .form_box .form_title {
  color: #242424;
  margin-bottom: 28px;
}

.wizard_container .form_box .checkbox-list .checkbox {
  margin-bottom: 10px;
  font-size: 13px;
  color: #5e5e5e;
}

.wizard_container .form_box .checkbox-list .checkbox > span {
  width: 24px;
  height: 24px;
}

.wizard_container .form_box .text-danger {
  color: #f97986;
  margin-bottom: 35px;
  margin-top: 35px;
}

.form_box .btn.btn-primary {
  margin-top: 33px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 178px;
  height: 47px;
  font-size: 17px;
}

.form_box .btn.btn-light-primary {
  margin-top: 33px;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 178px;
  height: 47px;
  font-size: 17px;
}

.sidebar .nav-tabs .nav-link.active, .sidebar .nav-tabs .nav-item.show .nav-link:focus {
  outline: 0;
  box-shadow: none;
}

.sidebar ul li a.active, .sidebar ul li a:hover {
  background-color: #f3f6f9 !important;
  border: none !important;
}

#step002 h4 {
  font-size: 18px;
  color: #242424;
  margin-bottom: 34px;
  margin-top: 22px;
}

#step002 label {
  font-size: 13px;
  color: #5e5e5e;
}

#step002 .form-group {
  margin-bottom: 15px;
}

.first_addres_box {
  padding-left: 15px;
}

form.connect ol {
  padding: 0;
}

form.connect ol li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

form.connect .checkbox {
  margin-bottom: 30px;
}

.connect .btn-outline-danger {
  margin-left: 20px;
  width: 141px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.connect .btn-success, .connect .btn-danger {
  margin-left: 10px;
  width: 141px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.3s !important;
}



.check_code {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  border: 0;
  border-radius: 0.675rem;
  background-color: #f3f6f9;
  letter-spacing: 10px;
}

.btn-step3 {
  width: 100%;
}

.check_code:focus {
  outline: 0;
}

.code_send .modal-dialog {
  max-width: 227px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100px;
  text-align: center;
}

.code_send .modal-content {
  padding-top: 6px;
  padding-bottom: 20px;
}

.code_send .modal-content .text-success {
  margin-top: 40px;
  margin-bottom: -15px;
}

.code_send .modal-content p[data-dismiss="modal"] {
  margin-top: 20px;
  cursor: pointer;
}

.code_send .modal-content p[data-dismiss="modal"]:hover {
  text-decoration: underline;
}

#step_04 .form-text.text-muted {
  font-size: 13px;
  color: #a0a0a0;
}

#step_04 .form-text.text-muted a {
  color: #e74c25;
}

#step_04 .form-text.text-muted a:hover {
  text-decoration: underline;
}
#step_04 .connect {
  max-width: 557px;
  width: 100%;
}

#step_04 .form-control {
  width: 100%;
  height: 45px;
}

#step_04 .file-upload-wrapper {
  margin-top: -10px;
}

#step_04 .form-group label {
  color: #5e5e5e;
}

.wizard_container .form-group label {
  color: #5e5e5e;
  font-size: 13px;
}

#step_04 .fa-cloud-upload-alt {
  font-size: 30px;
}

#step_04 .checkbox {
  line-height: 1.2;
  margin-top: 20px;
}

#step_04 .checkbox a {
  color: #e74c25;
}

#step_04 .checkbox a:hover {
  text-decoration: underline;
}

#step_04 .checkbox span {
  width: 24px;
  height: 24px;
  margin-top: -30px;
  margin-right: 10px;
}

.stateman_box {
  background-image: url('./system/wizard/img/Blank-1.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  border: 3px solid #f1f1f1;
  width: 620px;
  height: 877px;
  padding: 27px 30px 147px;
  font-family: Arial;
  margin: auto;
  line-height: 1.4;
}

.stateman_box p{
  text-indent: 2rem;
  text-align: justify;
}

.stateman_box .checkbox p, .stateman_box_full_time .checkbox p {
  text-indent: 0;
  margin-left: 5px;
  margin-top: 15px;
}

.checkbox span {
  border-radius: 50%;
}

.stateman_box_full_time{
  background-size: 100%;
  border: 3px solid #f1f1f1;
  padding: 27px 30px 147px;
  font-family: Arial;
  width: 620px;
  height: 877px;
  margin: auto;
}

.stateman_box_full_time p{
  text-indent: 2rem;
}

.stateman_box .file-upload-wrapper {
  margin-bottom: 20px;
}


.stateman_box .checkbox span {
  background-color: transparent;
  border: 1px solid;
}

.stateman_box label {
  font-size: 9pt;
}

.state_blank {
  margin-top: 13px;
  font-size: 9pt;
  color: #5e5e5e;
  text-align: right;
}

.title_state {
  font-size: 9pt;
  text-align: center;
}

.state_text {
  font-size: 9pt;
  text-align: left;
}
.file_name {
  display: flex;
  align-items: center;
  color: #5e5e5e;
  text-decoration: underline;
}

.file_name .delete {
  text-decoration: none;
  color: #f65d5d;
}

.form_title .price {
  font-size: 18px;
  color: #e74c25;
  margin-left: auto;

}

.at_all, .at_all .price {
  color: #e74c25 !important;
}

.price_list li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
  color: #5e5e5e;
}

.price_list li .price {
  margin-left: auto;
  color: #5e5e5e;
}

.price_list li .price del {
  font-size: 13px;
  color: #a1a0a0;
}

.editor_atto_content {
  width: 100%;
}

.table_diary tr td {
  width: 134px;
}

.table_diary tr td:first-child {
  /* width: 100%;*/
}
.table_diary tbody tr {
  height: 45px;
}

.table_diary .lesson.diary-green {

}

#step_06 .stateman_box {
  max-width: 571px;
}

.thumbnails_list {
  margin-top: 10px;
  margin-bottom: 24px;
}

.stateman_box .checkbox-list .checkbox {
  font-size: 11.86px;
  color: #5e5e5e;
  line-height: 1.2;
}

#step_06 .stateman_box .checkbox {
  margin-top: 0;
}

.stateman_box .checkbox-list .checkbox span {
  margin-top: -15px;
}

.stateman_box .checkbox-list .checkbox a {
  color: #e74c25;
  display: inline-flex;
}

.form_box .checkbox span {
  border-radius: 50%;
}

.card #docs_menu .btn {
  display: flex;
  width: 195px;
  height: 39px;
  align-items: center;
  justify-content: center;
  font-size: 14.63px;
  color: #aba8a8;
  margin-bottom: 19px;
  border: 0;
}

.card #docs_menu .btn:hover {
  color: #fff;
  background-color: #ffa800;
}

#docs_menu {
  padding: 26px;
  max-width: 463px;
}

#docs_menu .form-group label {
  font-size: 13.63px;
  color: #aba8a8;
}

#page-wrapper #page #page-content {
  flex: unset;
  width: 100%;
}


.user_info_row button[type="reset"]{
  width: 137px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user_info_row .custom-select.disabled:hover {
  cursor: not-allowed;
}
.user_info_row .datepicker_custom[disabled]{
  opacity: .3;
}
#myTab {
  flex-direction: column;
  align-items: flex-start;
}
#myTab li {
  width: 100%;
}
#myTab li a {
  justify-content: flex-start !important;
}
#myTab li a.active,#myTab li a:focus {
  outline: 0;
  box-shadow: none !important;
}
.marking .label {
  margin-top: 9px;
  margin-right: 13px;
}
/*
#notes .dropdown {
  margin-left: 10px;
}
*/
#notes .timeline {
  margin-top: 22px;
}
.form-group.row.disabled .col-form-label {
  opacity: .5;
}
.dropdown-toggle.nav-link::after, .dropdown-toggle.btn::after {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  line-height: 1;
  font: normal normal normal 14px/1 FontAwesome;
}
.form .dropdown-menu ul li{
  margin-bottom: 7px;
}
.card_text_small p {
  color: #B5B5C3;
  font-size: 1rem;
  margin-bottom: 0;
}
.panel_container .card-body .row {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.panel_container .btn {
  display: flex;
  width: 32px;
  height: 32px;
  margin-left: 10px;
  border-radius: 10px;
}
.panel_container .nav {
  justify-content: flex-end;
}
.panel_container .nav li {
  margin: 0;
}
.panel_container .nav li a.btn-light-primary:hover span svg g [fill],.panel_container .nav li a.btn-light-danger:hover span svg g [fill] {
  fill: #fff !important;
}
body.modal-open .bottom_menu__box {
  background-color: transparent;
}

#myTabContent {
  margin: 0 auto;
  padding-top: 46px !important;
  padding-left: 1rem;
  max-width: 960px;
}



#goto-top-link .btn i {
  padding: 0;
  margin: 0;
}

.case_dropdown.activation .btn-secondary {
  margin-bottom: 0 !important;
}

.report_data a {
  color: #e84c24;
}
.report_list {
  padding: 0;
}
.report_list li:first-child {
  margin-top: 0;
}
.report_list li {
  margin-top: 10px;
}
.report_list li a{
  color: #e84c24;
}

.board_card {
  margin-top: 20px;
}
.board_card .card-body {
  color: #4c4c4c;
  font-size: 14px;
  line-height:1.2;
}
.board_card h3 {
  color: #454254;
  font-size: 15px;
}
.board_card img {
  width: 44px;
  height: 44px;
  border-radius: 5px;
}
.comments_count {
  font-size: 13px;
  color: #7e8299;
  margin-top: 34px;
}
.board_card .card-label small time{
  position: relative;
  top: 2px;
}
.comments_count a {
  color: #7e8299;
}
.comments_count a:hover {
  color:#5605fb;
}
.title_box {
  height: 70px;
  justify-content: center;
}
.title_box a {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:10px;
  margin-right: 29px;
  margin-left: 30px;
}
.title_box a svg {
  margin-bottom: 4px;
}
.title_box .title {
  display: flex;
  margin-bottom: 0;
}
.title_box .title span {
  line-height:1.5;
}
.comment {
  background-color: transparent;
  box-shadow: none !important;
}
.comment .card-header {
  border: 0;
}
.comment .card-body {
  padding-top: 0 !important;
}
#comment_text {
  width: 100%;
  height: 91px;
}
.comment-form {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.comment-form textarea {
  color: #c0b8c5;
  border-radius: 5px;
  border: 1px solid #ced4da;
}
.comment-form .btn {
  margin-top: 20px;
}
.el_journal.card.card-custom > .card-header {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.el_journal .svg-icon {
  border-radius: 10px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.journal_list {
  font-size: 12px;
  color: #999998;
  margin-top: 16px;
}

.el_journal .search_box .form-group {
  height: 40px;
  width: 100%;
  max-width: 241px;
  margin-bottom: 0;
  background-color: #f3f6f9;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.el_journal .search_box .form-group input {
  background-color: transparent;
  border: 0;
}
.el_journal .search_box .form-group input::placeholder {
  color:#b7b9c5;
}

.el_journal .search_box .form-group i {
  margin-left: 17px;
  margin-right: 10px;
}
.el_journal .search_box .btn {
  margin-left: 0;
  background-color: #f3f6f9;
  margin-left: 20px;
  width: 39px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.el_journal .search_box .svg-icon {
  width: 24px;
  height: 24px;
  margin: 0;
}
.search_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.filter_form {
  margin-top: 20px;
}
.middle_bal input{
  width: 44px;
  height: 44px;
  border: 1px solid #f3f6f9;
  background-color: transparent !important;
  padding: 0;
  text-align: center;
}
#collapseExample .btn {
  margin-top: 39px;
  width: 118px;
  height: 44px;
  margin-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#collapseExample select {
  height: 44px;
  display: flex;
  align-items: center;
  padding-top: 5px;
}
#collapseExample label {
  font-size: 14px;
  color: #414141;
}
.journal_title {
  font-size: 17px;
  color: #616161;
  margin-top: 32px;
  margin-bottom: 19px;
}
.necessarily .label {
  height: 7px;
  width: 30px;
}
.necessarily_table tr th {
  vertical-align: middle;
  font-size: 13px;
  color: #9f9e9e;
  padding-top: 20px;
  padding-bottom: 20px;
}
.necessarily_table thead tr {
  background-color: #f3f6f9;
}
.necessarily_table tr td {
  vertical-align: middle;
  color:#484848;
}
.necessarily_table .form-group {
  margin-bottom: 0;
}
.necessarily_table .form-group .checkbox-inline {
  display: flex;
  align-items: center;
  justify-content: center;
}
.necessarily_table .form-group span{
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 10px;
  background-color: #ebedf3;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
}
.success_data .label {
  padding-left: 30px;
  padding-right: 30px;
}
.success_data .label-success {
  background-color: #99c45a;
}
.success_data .label-warning {
  background-color: #ffa246;
}
.success_data .label-danger {
  background-color: #dc726d;
}
.necessarily .label-success {
  background-color: #99c45a;
  
}
.necessarily .label-warning {
  background-color: #ffa246;
  
}
.necessarily .label-danger {
  background-color: #dc726d;
  
}
.necessarily .text-success {
  color: #99c45a !important;
}
.necessarily .text-warning {
  color: #ffa246 !important;
}
.necessarily .text-danger {
  color: #dc726d !important;
}

.journal_table .date {
  color: #515152;
}


.journal_table.table-responsive tr .days {
  text-align: center;
  width: 48px;
}
.journal_table.table-responsive tr .lessons {
  padding: 0;
  text-align: center;
}
.tooltip_custom {
  text-align: center;
  color: #fff;
  max-width: 200px;
}
.tooltip_custom ul {
  margin-top: 15px;
  padding-left: 0;
}
.tooltip_custom ul li {
  margin-top: 7px;
}
.tooltip_custom ul li a {
  color: #fff;
}
.tooltip_custom ul li a:hover {
  text-decoration: underline !important;
}
.tooltip_custom .btn {
  width: 169px;
}
.tooltip_custom .tooltip_custom__date {
  margin-bottom: 10px;
  margin-top: 22px;

}
.journal_table .lessonTable {
  width: 100%;
  height: 56px;
}
.necessarily_table .pib {
  width: 294px;
  display: block;
}
.diary-orange {
  background-color: #ffa246;
}
#page-wrapper #page-footer {
	/*
	margin-top: auto;
	position: absolute;
	bottom: 14px;
	*/
	width: 100%;
	max-width: 1310px;
	background-color: transparent !important;
}
#region-main {
  padding-bottom: 170px !important;
}
.main_menu__list {
  overflow-x: hidden;
}
.main_menu__list.move {
  height: 200px;
}
.main_menu__list .simplebar-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.simplebar-scrollbar::before { 
  background-color: #E4E6EF;
  width: 4px;
}
.simplebar-track.simplebar-vertical {
  right: -2px;
}
.form-inline .form-control {
  width: 100%;
}
.forumtype-blog .discuss {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.content_my.discuss {
  background-color: transparent;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.board_card.comments {
  box-shadow: none;
}
.reply_area .btn{
  margin: 10px 10px;
}
.reply_area .form-control {
  width: 100%;
  resize: none;
}
.discuss .discussionname {
  display: none;
}
article.col-lg-6:focus-visible {
  outline: 0 !important;
}
#inst168 {
  width: 100%;
}
#page {
  margin-top: 0;
}
.sidebar_left {
  top:20px;
}

.sidebar-header {
  padding-top: 0 !important;
}
.sidebar ul li a::after {
  content: none;
}
.library_pills li .nav-link {
  border-radius: 20px !important;
}

/*
#page-user-profile .tooltip.fade.bs-tooltip-bottom {
  background-color: #181C32;
  background: #181C32;
}
*/

#page-user-profile .tooltip.fade.bs-tooltip-bottom .tooltip-inner, #page-user-profile .tooltip.fade.bs-tooltip-top .tooltip-inner  {
  background-color: #181C32;
  background: #181C32;
  color: white;
}

#page-user-profile .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #181C32;
}

#page-user-profile .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #181C32;
}


#page-user-profile .tooltip.fade.bs-tooltip-bottom .d-flex.justify-content-center {
  background-color: #181C32;
}

#page-header .d-flex.flex-wrap .d-flex.ml-auto .simplesearchform .input-group{
  display: flex;
  flex-wrap: nowrap
  ;
}
#page-header .d-flex.flex-wrap .d-flex.ml-auto .simplesearchform .input-group .btn.btn-submit.search-icon,#page-header .d-flex.flex-wrap .d-flex.ml-auto .simplesearchform .input-group .btn.btn-submit.search-icon i {
  display: flex;
  align-items: center;
}
.forumtype-blog .col-lg-6.col-md-12.mb-3.align-items-stretch{
  display: none;
}
.format-designer.path-mod.path-mod-forum .col-lg-6.col-md-12.mb-3.align-items-stretch{
  display: none;
}
.heading_container {
  padding: 0 15px;
}

.format-designer.path-mod.path-mod-forum .heading_container {
  padding: 0;
}

.content_my.discuss h2{
  display: none;
}

#page-mod-forum-discuss .discussion-nav.clearfix , #page-mod-forum-discuss .d-flex.flex-wrap.mb-1 {
  display: none !important;
}
#page-mod-forum-discuss #region-main {
 /*height: 100vh;*/
}


/*wizard-2 stylesheet*/

.wizard.wizard-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wizard.wizard-2 .wizard-nav {
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 400px;
  flex: 0 0 400px;
  width: 400px;
  max-width: 100%;
}
.wizard.wizard-2 .wizard-nav .wizard-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step {
  padding: 0.75rem 1.5rem;
  position: relative;
  border-radius: 0.5rem;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon {
  font-size: 2.5rem;
  margin-right: 1.1rem;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon i {
  color: #B5B5C3;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #B5B5C3;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
  color: #181C32;
  font-weight: 500;
  font-size: 1.1rem;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
  color: #7E8299;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
  color: #7E8299;
  font-size: 1.25rem;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step .wizard-arrow.last {
  display: none;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] {
  background-color: #F3F6F9;
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon {
  -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon i {
  color: #8950FC !important;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #8950FC !important;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:after {
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: " ";
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  border-left-color: #F3F6F9;
  border-width: 1rem;
}
.wizard.wizard-2 .wizard-body {
  width: 100%;
}

.dropdown-item{
  white-space: normal !important;
}

.sub-form{
  margin-left: 33.75px;
  max-width: 355px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wizard.wizard-2 .wizard-nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 325px;
    flex: 0 0 275px;
    width: 275px;
  }
}
@media (max-width: 1199.98px) {
  .wizard.wizard-2 {
    display: block;
  }
  .wizard.wizard-2 .wizard-nav {
    width: 100%;
    border-bottom: 1px solid #EBEDF3;
  }
  .wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current]:after {
    content: none;
  }
  .wizard.wizard-2 .wizard-body {
    width: 100%;
  }
}

.stats-header {
  margin-top: 8px;
}

/*Buttons fix*/

.btn-width-181 {
  width: 181px;
}

.offer-container{
  padding-right: 15px;
}

/*Study_case*/

.study-case-card {
  padding: 30px 45px 30px 45px !important;
}

.study-case-status {
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.study-case-expected {
  color: white !important;
  background: #c9c8c7 !important;
}

.study_case_dropdown {
  min-width: 240px !important;
  padding: 10px 10px 0 10px !important;
}

.study-case-expected .study-case-date {
  color: #9a9999;
}

.study_case_name {
  color: #616161;
  font-size: 18px;
  margin-top: 4px;
}

.study-case-date{
  text-align: right;
}

.calc_elem {
  margin: auto 0 !important;
}

.study-case-button-column {
  display: flex;
  flex-direction: column;
}

.sc-btn {
  width: 300px !important;
}

.sc-admin-btn {
  margin: 5px;
}

#docs_view {
  width: 293px;
}

.study-case-label {
  width: 100%;
  cursor: auto !important;
  text-align: left;
}

.study-case-middle-row {
  padding: 10px 0;
}

.study-dropdown-btn {
  width: 100% !important;
  margin-bottom: 10px !important;

}

.btn-outline-gray {
  color: #616161;
  background-color: transparent;
  border-color: #c2c1c1;
}

.study-case-alerts .btn-outline-gray {
  background: inherit !important;
  border-color: #c2c1c1 !important;
  color: #616161 !important;
}

.study-case-alerts .btn-outline-dark:hover{
  background: inherit !important;
  color: inherit !important;
}

.study-case-alerts .btn-light-success:hover{
  background: #C9F7F5 !important;
  color: #1BC5BD !important;
}

.study-case-alerts .btn-light-danger:hover{
  background: #FFE2E5 !important;
  color: #F64E60 !important;
}

.study-case-alerts .btn-transparent-warning:hover{
  background: rgba(255, 168, 0, 0.1) !important;
  color: #FFA804 !important;
}


.dt-img{
  width: 75px;
}

.dt-header th:nth-child(1){
  width: 75px !important;
}

.dt-header th:nth-child(2){
  width: 32% !important;
}

.dt-header th:nth-child(3){
  width: 18% !important;
}

.dt-header th:nth-child(4){
  width: 21%;
}

.create-docs-dropdown {
  min-width: 181px !important;
  padding: 10px !important;
}

.create-docs-dropdown .btn{
  width: 100% !important;
  margin-top: 10px !important;
}



.dropzone .dz-message-payment {
  text-align: center;
  margin: 10px 0;
}

.dropzone-payment {
  min-height: 141px !important;
}

/*test*/

.format-designer .course-content ul.designer li.section .content {
  padding-top: 0 !important;
}

.file-upload-wrapper{
	border: 5px transparent dashed; 
}

.highlightDropArea {
  border: 5px green dashed;
}

.section_action_menu .dropdown-toggle,
.action-menu .dropdown-toggle {
	visibility: hidden;
	width:30px;
	margin-left: 15px;
}

.section_action_menu .dropdown-toggle:before,
.action-menu .dropdown-toggle:before{
	content: "...";
	letter-spacing: 0px;
	font-size:28px;
	font-weight:bold;
	font-family: auto;
	visibility:visible;
	margin-top: -12px;
    display: block;
}

#page-mod-quiz-edit .action-menu .dropdown-toggle:before{
  content: "Додати питання";
  letter-spacing: 0px;
  font-size: 13px;
  font-weight: normal;
  font-family: auto;
  visibility: visible;
  display: block;
  margin-left: -70px;
  margin-top: 0px;

  height: 100%;
  /* font-size: 13px !important; */
  font-weight: 400;
  font-family: Poppins, Helvetica, "sans-serif";
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3F4254;

}

#page-mod-quiz-edit .last-add-menu{
  height: 40px;
}

#page-mod-quiz-edit .dropdown-menu.dropdown-menu-right.menu.align-tr-tr.show{
  top: -10px!important;
}

.pagenumber.activity.yui3-dd-drop.page{
  margin-top: 10px!important;
}


.section_action_menu .dropdown-toggle,
.context-header-settings-menu .action-menu .dropdown-toggle {
	visibility: hidden;
	width:30px;
	margin-left: 15px;
    margin-top: -2px;
}


.section_action_menu .dropdown-toggle:before,
.context-header-settings-menu .action-menu .dropdown-toggle:before{
	content: "";
	background-image: url("/system/media/svg/icons/General/Settings-my.svg");
	background-repeat: no-repeat;
	background-position: center;
	fill:#fff;
    background-color: #ebedf3;
    border-radius: 50%;
	width:30px;
	height:30px;
	visibility:visible;
	margin-top: 0px;
    display: block;
	padding:5px;
}

.btn_secondary_progress{
	background-color:transparent!important;
	border:2px solid #a478fc!important;
	border-radius:10px;
}


.block_completion_progress h5 {
	color:#8e58fc;
	font-weight:bold;
	font-size:15px;
    padding-left: 20px;
    padding-right: 20px;
}


.course-info-block{
	display:none;
}

.card .user_name .not-deco-link {
  color: #b8b5b5;
}

.not-deco-link:hover {
    color: #616161 !important;
}

.not-deco-link:visited {
    color:inherit;
}

.main_menu__box::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #f5f5f5;
}

/* Фон и колір полоси прокрутки при наведенні */
.main_menu__box::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}

/* Колір прокрутки */
::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 5px;
}

/* Предмет */

#completionprogressid {
  display: none;
}

.section-type-cards, .section-type-list {
  box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
}

.format-designer .designer .section .content .section.card-layout li.activity .editing_move{
  left: -28px;
}

.format-designer .course-content ul.designer li.section .left.side {
  top: 1px;
  left: -12px;
}

.format-designer.editing ul.designer .section .list-layout li.activity .editing_move{
  left: -26px;
  top: calc(50% - 10px);

}

.format-designer .course-content ul.designer {
  /*margin-top: -20px;*/
}
.format-designer.editing .designer .section .content .section.img-text.list-layout li.activity .activityinstance .aalink {
  display: inline;
}

.format-designer .designer .section .content .section li.activity .activityinstance .instancename {
  display: inline;
}

.format-designer .designer .section .content .section.link-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink.quickeditlink,
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .aalink.quickeditlink
{
  float: none;
}

.format-designer .designer .section .content .section.list-layout li.activity .activityinstance .aalink,
.format-designer .designer .section .content .section.card-layout li.activity .activityinstance .aalink {
  display: inline;
}

.format-designer.editing .course-content ul.designer li.section.main{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.format-designer .course-content ul.designer li.section h3.sectionname {
  margin-left: 0;
}

.menubar {
  height: 16px;
}

.menubar .action-menu-item {
  display: none;
}

.format-designer .designer .section .content .section.list-layout li.activity .action-html-card {
  margin-top: 15px;
}

body.format-designer.editing .designer .section .content .section.card-layout li.activity .card-list .card-body {
  padding-top: 14px;
}

.editing .section .activity .mod-indent-outer {
  padding-left: 0;
}

.section .side {
  margin-top: 21px !important;
}

.section_action_menu .dropdown-toggle {
  margin-top: 1px;
  margin-right: 28px;
}

.format-designer .course-content ul.designer li.section .section-progress-info {
  margin-top: 0;
}

.format-designer .designer .section.list-layout .activity .actions {
  top:0;
  right: 20px;
}

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

.right .designer-menu {
  margin-left: 15px;
}

.dropdown-item {
  padding: 0.5rem 1rem !important;
}

.format-designer .course-content ul.designer li.section.main,
.header {
  z-index: auto;
}

.header {
  height: auto !important;
}

.sidebar-on {
  overflow: auto;
}

/*right block*/

.block_grade_me .card-title {
	font-weight: bold;
	font-size: 15px;
}

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

.block_calendar_month .card-title {
	font-weight: bold;
	color: #1BC5BD;
	font-size: 15px;
}

.block_calendar_month .arrow{
  color:#1BC5BD;
}

.block_calendar_month .current a{
  color:#3F4254;
}

.block_timetable .card-title {
  color: #FFA800;
  font-weight: bold;
      font-size: 15px;
}

.block_timeline .card-title {
  color: #F64E60 ;
  font-weight: bold;
      font-size: 15px;
}

.block_timeline {
  background: #FFE2E5;
}

.block_timeline .btn-outline-secondary{
  border-color: #FFE2E5;
}


.block_timeline .btn-outline-secondary:hover{
  border-color: #FFE2E5 !important;
  background-color: #FFE2E5 !important;
}

.block_timeline .border-bottom {
  border-bottom: 1px solid #FFE2E5 !important;
}

.block_timeline .list-group-flush {
  border-radius: 0.675rem;
}

.block_timeline .list-group-item > .d-flex {
  padding: 10px 15px 5px 10px;
}

.inline-icon {
  display: inline !important;
}



.side-panel-card {
  /*padding: 0 !important;*/
}

.discuss {
  box-shadow: none;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px) !important;
}

.activity-navigation {
  padding: 0 15px !important;
}

.path-mod-quiz .activity-navigation.container-fluid{
	display:none;
}

.format-designer .designer .section.img-text .activity .activityinstance .instancename{
	font-size:15px;
}

.format-designer .designer .section .content .section.list-layout li.activity,
.format-designer .designer .section .content .section.card-layout li.activity{
	margin-top:0;
}


/*bottom margin fix1*/

/*
.sidebar-right {
  margin-bottom: 9px !important;
}
*/
@media (min-width: 992px) {
  .wrapper{
    margin-bottom: 25px;
  }
}


/*my page*/

.block_completion_progress {
  box-shadow: none !important;
}

.block_completion_progress .side-panel-card {
 /* padding-left: 0 !important;
  padding-right: 0 !important;*/
}

/*forum*/

.unread a {
  color: #ffffff !important;
}

.attachedimages img, .board_card .card-body .content-alignment-container img{
  max-width: 144px !important;
  width: auto !important;
  height: auto !important;

}


/*discuss page*/

.duscuss_box{
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -23px;
}

/*
.forum_comm_attach_img{
    max-width: 96px!important;
    max-height: 94px!important;
    width: auto!important;
    height: auto!important;
}
*/

.comments {
  padding-left: 1px;
}

/*wizard edits*/

.wizard-container {
  padding: 0 !important;
  margin-top: 30px;
}

.dropzone .dz-preview {
  margin: 0 !important;
}

.wizard-st4-price {
  background-color: #f3f6f9;
}

/* users page */

.user-page-progress {
  width: calc(100% - 28px) !important;
}

.br-1 {
  border-radius: 0.675rem !important;
}

/* Adaptive layout */

.nav-tabs, .nav-pills {
  background-color: inherit !important;
}

p>iframe {
  max-width: 100%;
}

.format-designer .course-content ul.designer li.section.main {
  padding-bottom: 0 !important;
}

#inputmaxgrade{
  width: 45px;
  text-align: center;
}

.maxgrade .totalpoints{
  margin-left: 15px;
}

#page-mod-quiz-edit .mod_quiz-edit-action-buttons.btn-group.edit-toolbar,
#page-mod-quiz-edit .instanceshufflequestions,
#page-mod-quiz-edit .section-heading{
  display: none;
}

.format-designer .course-content ul.designer li.section .section-header-content{
  padding: 14px 20px 0 20px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}


@media (max-width: 575.9px) {
  .format-designer .course-content ul.designer li.section .content {
    padding-left: 16px;
    padding-right: 18px;
  }

  .format-designer .designer .section .content .section li.activity {
    padding: 0 !important;
  }

  .format-designer .designer .section .content .section li.activity .activityinstance .instancename {
    font-size: 13px !important;
    line-height: 1;
  }

  .format-designer .designer .section .content .section li.activity .activityinstance .cmname-block.content-show .aalink {
    line-height: 1;
  }

  .section_action_menu .dropdown-toggle, .context-header-settings-menu .action-menu .dropdown-toggle {
    margin-top: 2px;
  }

  .search_panel {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
    padding-top: 1.75rem !important;
  }

  .sort_box {
    max-width: 100% !important;
  }

  .section_action_menu .dropdown-toggle, .action-menu .dropdown-toggle {
    margin-left: 0;
  }

  .new-lesson {
    min-height: 100% !important;
  }

  .btn-new-lesson {
    width: 100% !important;
    max-width: 300px !important;
    font-size: 15px;
  }
}
/*
.lesson-padding-plug {
  margin-left: 60px;
}
*/
@media (min-width: 576px) {
  .format-designer .course-content ul.designer li.section .content {
    padding-left: 20px ;
    padding-right: 20px ;
  }
}

@media (max-width: 767.98px){
  .userprofile {
    margin-top: 14px;
  }

  .section_action_menu .dropdown-toggle {
    margin-right: 10px !important;
    margin-left: 6px !important;
  }

  .section .side {
    margin-top: 10px !important;
  }

  .format-designer .course-content ul.designer li.section .left.side {
    top: 7px !important;
  }

  .format-designer .course-content ul.designer li.section .section-header-content{
    padding: 14px 20px 8px 20px !important;
  }

  .breadcrumb:not(:empty) .breadcrumb-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-block;
  }

  .breadcrumb:not(:empty) {
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
  }

  .format-designer .designer .section .content .section li.activity .mod-visits-block {
    margin-right: 0 !important;
  }


  .lesson-text-icon {
    width: calc(100% - 55px) !important;
  }

  .format-designer .course-content ul.designer li.section .section-progress-info {
    width: 100%;
  }

  [data-region=right-hand-drawer].drawer {
    width: calc(100% - 80px);
  }

  .chat-box {
    height: 640px;
  }

  .conversationcontainer .border-right {
    border-right: none !important;
  }

  .que .formulation {
    padding: 0;
  }

  .container-fluid .que {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important;
  }

  .que .outcome {
    margin-bottom: 0 !important;
  }

  .que .qtext {
    margin-bottom: 0 !important;
  }

  .que .formulation .answer {
    margin-bottom: 1rem;
  }

  .path-mod-quiz .yui3-widget.moodle-dialogue-focused {
    text-align: center!important;
  }

  .class_card .nav {
    justify-content: space-between;
  }

  .card.card-custom > .card-body {
    padding: 1.5rem;
  }

  .content_text {
    padding-top: 0.5rem;
  }

  .format-designer .course-content ul.designer li.section .availability-section-block {
    margin-top: -8px !important;
  }

  .page_title__box h1 {
    width: 47%;
  }

  .class_card {
    margin-top: 19px;
    padding: 19px;
  }

  .kurator-label-mobile {
    width: 100% !important;
  }

  .kurator-cb {
    padding: 0 !important;
  }

  .format-designer .designer .section.img-text .activity .activityinstance .img-block {
    padding: 10px 10px 7px 10px !important;
  }

}

@media (min-width: 767.98px) {
  .chat-row{
    height: 100%;
  }

  [data-region=right-hand-drawer].drawer{
    top:0;
    height: 100%;
  }

  #quiz-timer-wrapper {
    top: 15px !important;
  }

  .path-mod-quiz .yui3-widget.moodle-dialogue {
    width: 400px!important;
    text-align: center!important;
    position: fixed;
    top: calc(50% - 165px) !important;
  }

  .path-mod-quiz .yui3-widget.moodle-dialogue .moodle-dialogue-wrap {
    border-radius: 0.675rem;
    padding: 0 24px 0 24px;
  }

}

@media (max-width: 1199px){
  .lesson-text-icon {
    width: calc(100% - 65px) !important;
  }

  .lesson-text-no-icon {
    width: 100% !important;
  }

  .lesson-general {
    width: 100% !important;
  }

  .lesson-grade {
    position: absolute;
    top: 16px;
    right: 15px;
    padding: 2px !important;
    width: 23px !important;
    height: 22px !important;
    font-size: 10px;
  }

  .lesson-title {
    width: 100%;
  }

  .lesson-body .dropdown {
    margin-right: -9px;
    margin-top: -6px;
  }

  .lesson-additional .badge-completion {
    min-width: 100% !important;
  }

  .lesson-additional .completion-html-card, .lesson-additional .completion-info {
    width: 100%;
  }

  .new-lesson {
    min-height: 46vh !important;
  }

  .side-panel-card .block-controls {
    position: absolute;
    top: 1px;
    right: 5px;
  }




}

@media (min-width: 1200px){
  .grade-div {
    width: 30px;
    height: 30px;
  }

  .lesson-additional .badge-completion {
    min-width: 185px !important;
    text-align: center !important;
  }

  .format-designer .designer .section .content .section.list-layout li.activity .card .card-body {
    padding-bottom: 0;
  }

  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }

  .side-panel-card .block-controls {
    position: absolute;
    top: 2px;
    right: 20px;
  }
}

@media (min-width: 1400px){
  .que {
    padding-left: 7.5rem !important;
  }

  .lesson-padding-plug {
    margin-left: 0 !important;
  }
}



@media (min-width: 1600px){

}



.format-designer .designer .section .content .section li.activity .mod-visits-block {
  margin-right: 0 !important;
}

.course-edit-button {
  background-color: #f3f6f9;
  border-radius: 0.675rem;
  height: 38px;
  width: 38px;
  padding:7px;
}

.course-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 0.675rem;
  background-color: #f3f6f9
}

.svg-icon.svg-icon-okford-color svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #E74C25 !important;
}

.svg-icon.svg-icon-25x svg {
  height: 2.5rem !important;
  width: 2.5rem !important;
}

.svg-icon.svg-icon-25px svg {
  height: 25px !important;
  width: 25px !important;
}

.avatar-img {
  border-radius: 0.675rem;
}

.teacher-avatar-header {
  display: flex;
  flex: 0 0 16.6666666667%;
  border-radius: 8px 0 0 8px;
  background-position: center;
  background-size: cover;
  max-width: 102px;
}

.teacher-name-text {
  font-weight: bold !important;
  color: #565656 !important;
}


/*Chat page*/

.chat-serach-icon{
  padding-top: 15px !important;
  padding-bottom: 0 !important;
  padding-left: 13px !important;
}

/*Quiz*/

.que {
  background-color: #ffffff;
  border-radius: 0.675rem;
  -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  border: 0;
  padding: 2.25rem;
  /*padding-bottom: 0 !important;*/
}

.que .info {
  background-color: inherit;
  border: none;
  color: #919091;
  width: auto;
}

.que .formulation {
  background-color: inherit;
}

.que .info .editquestion .iconsmall {
  margin-left: 0;
}

.que .info .editquestion a {
  color: #919091;
}

#quiz-timer-wrapper {
  top: 65px
}

#quiz-timer-wrapper #quiz-timer{
  border:none;
  border-radius: 0.675rem;
  -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
  box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
}

.que .outcome {
  border-radius: 0.675rem;
}

.othernav .singlebutton, .othernav .singlebutton .btn  {
  width: 100%;
}

#quiz-timer-wrapper {
  z-index: 1000;
}

.que .feedback {
  margin-bottom: 0;
}

.que .formulation, .que .outcome {
  margin-bottom: 0;
}

.que .qtext {
  overflow: auto;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
  border-radius: 0.675rem;
}

/*
.path-mod-quiz #mod_quiz_navblock .qnbutton.noneColor{
  display: grid;
  align-items: center;
}
*/
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight{
  display: none;
}
/*
.path-mod-quiz #mod_quiz_navblock .qnbutton.noneColor .trafficlight.trafficlightNone{
  display: none;
}
*/

.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
  border-radius: 0.675rem;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved{
  color: #181C32;
  background-color: #D1D3E0;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton.correct{
  color: #1BC5BD;
  background-color: #C9F7F5;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect{
  color: #F64E60;
  background-color: #FFE2E5;
}

.path-mod-quiz #mod_quiz_navblock .qnbutton {
  display: flex;
  justify-content: center;
  vertical-align: middle;
  flex-direction: column;
  height: 39px;
  width: 39px;
}






.path-mod-quiz .yui3-widget.moodle-dialogue .moodle-dialogue-hd {
  border-bottom: none;
  padding-bottom: 0;
  display: none;
}



.path-mod-quiz .yui3-widget .moodle-dialogue .moodle-dialogue-bd .btn-primary  {
  width: 100%;
  margin-bottom: 10px;
  color: #ffffff !important;
  background-color: #1BC5BD !important;
  border-color: #1BC5BD !important;
}

.moodle-dialogue .moodle-dialogue-bd .confirmation-buttons .btn {
  margin-bottom: 10px !important;
}

#block-region-content .block_completion_progress .side-panel-card  {
  padding: 0 !important;
}

.format-designer .course-content ul.designer li.section .availability-section-block {
  margin-top: -5px;
  margin-bottom: 0;
}

.dropdown-menu-right .dropdown-item {
  padding: 0.5rem 2rem !important;
}

.dropdown-menu-right .dropdown-item[aria-current="true"]:before {
  left: 1rem;
}

.offset-xxl-1 .multiselect-dropdown {
  min-height: calc(1.5em + 1.3rem + 2px);
  height: auto;
  padding: 8px !important;
}

.offset-xxl-1  .multiselect-dropdown .optext  {
  margin-top: 2px;
  margin-bottom: 2px;
}

.qtype_multichoice_clearchoice input{
  appearance: auto !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  position: absolute !important;
}

.formulation .ablock input {
  appearance: none;
  margin-top: 0 !important;
  width: 20px !important;
  height: 20px;
  background-color: #EBEDF3;
  outline: none;
  border-radius: 7px;
  position: relative;
  cursor: pointer;
}

.formulation .ablock input:checked {
  background-color: #8950FC;
  box-shadow: none;
}

.formulation .ablock input:checked::after {
  content: '\2714';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #ffffff;
  box-shadow: none;
}

.formulation .ablock input:active {
  outline: none;
  box-shadow: none;
}

.formulation .ablock .answer label {
  position: relative;
  top: -5px;
}

.message-count-container {
  top: -50px !important;
  right: -42px !important;
}

.lesson-grade {
  margin-top: -5px;
  border: 2px solid #EBEDF3;
  padding: 4px 5px 1px 5px;
  border-radius: 0.675rem;
  color: #8950FC;
  height: 30px;
  text-align: center;
  width: 30px;
}

.danger .lesson-grade {
  border: 2px solid #d1d1d1;
}

.lesson-body .dropdown {
  margin-right: -9px;
}


.lesson-card-body {
  padding: 0 15px;
}

.lesson-general {
  width: 100%;
  vertical-align: middle;
}


.lesson-title {
  padding-right: 0 !important;
}

.lesson-name {
  width: 100% !important;
  max-width: 100% !important;
}

.lesson-title .lesson-name .content-hide {
  display: none !important;
}


/*@media (min-width: 992px) and  (max-width: 1200px) {*/
@media (min-width: 992px) and  (max-width: 1200px) {
  .aside{
    width: 75px;
  }
  .wrapper {
    margin-left: 80px;
  }
  
  
}

@media (max-width: 1200px) {
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding: 0 15px;
}
  .sidebar {
    width: 300px;
  }
  .card.card-custom > .card-body{
    padding: 1rem 1.25rem!important;
  }

  .right-side-card-title {
    margin-bottom: 7px !important;
  }

  .format-designer .designer .section .content.collapse .section.card-layout li.activity,
  .format-designer .designer .section .content.collapsing .section.card-layout li.activity,
  .format-designer .designer .section .content.show .section.card-layout li.activity,
  .format-designer .designer .section .content .section.card-layout li.activity{
    width: 49%;
  }

  .side-panel-card .card-title{
    font-size: 14px;
  }
}

.course-type-default .section-type-cards .section-content-wrapper .content .designer-section-content {
  margin-right: -15px !important;
}

.course-type-default .section-type-cards .section-content-wrapper .content .designer-section-content .activity  {
  margin-right: 15px !important;
}

#page-header .context-header-settings-menu .action-menu-trigger .dropdown-toggle {
  margin-left: 5px;
}

#page-navbar .breadcrumb {
  padding: 8px 1rem 10px!important;
}

.mb-header {
  /*margin-bottom: 20px !important;*/
}

#page-header {
  margin-top: 20px !important;
}

@media (max-width: 768px) {
  .mb-header {
      margin-bottom: 7px!important;
  }

  #page-header {
    margin-top: 10px !important;
  }
}

.simplesearchform.d-flex.justify-content-center .input-group{
  display: -webkit-inline-box;
}

.format-designer .course-content ul.designer li.section.hidden{
  z-index: 999999!important;
}

.editing li.section.hidden {
  visibility: visible !important;
  display: block !important;
  background: #c7c7c7 !important;
  background: rgba(199,199,199, 0.3) !important;
  opacity: 1!important;
}

.editing li.section.hidden .btn.btn-primary{
  background: rgb(108 108 108 / 30%);
  border-color: #c1c1c1;
  z-index: -1;
}

/*
.format-designer.editing .course-content ul.designer li.section.main{
  z-index: 9999!important;
}
*/

.format-designer .designer .section .content .section li.activity{
  padding: 0;
}

.format-designer .designer .section .content .section.card-layout li.activity{
  padding: 0;
}

.format-designer .designer .section .content .section li.activity .activityinstance .instancename {
  line-height: normal;
}

.format-designer ul.designer .card.card-list{
  min-height: auto;
}

.format-designer .designer .section .content .section.list-layout li.activity .card .card-body {
  padding: 7px 0 2px!important;
}

.hide-block .activityinstance{
  height: 1px!important;
}

.yes_hide_block .card.card-list{
  min-height: 15px!important;
  padding-top: 6px!important;
}

.path-mod-folder .container-fluid{
  
}

.mod-visits-block.content-hide,
.action-html-card.content-hide{
  display: none!important;
}

@media (max-width: 991px) {
  #page-header {
    margin-top: 0px !important;
    margin-bottom: 0!important;
  }
  .mb-header {
    margin-bottom: 0px !important;
  }
  #page-header .col-12.col-xxl-6.mb-5{
    margin-bottom: 10px !important;
  }
  .format-designer .course-content ul.designer li.section.main{
    margin-top: 0!important;
    margin-bottom: 10px!important;
  }
  #block-region-side-pre .mb-30-imp {
    margin-bottom: 9px !important;
  }
}

@media (max-width: 767px) {
  .format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer,
  .format-designer .designer .section .content .section.card-layout li.activity .card-list,
  .format-designer .designer .section .content .section.card-layout li.activity{
    min-height: 80px!important;
  }

  .format-designer .designer .section.img-text .activity .activityinstance .img-block {
    width: 40px !important;
    padding: 10px 0 !important;
  }

}

@media (min-width: 768px) {
  .format-designer .designer .section.img-text .activity .activityinstance .img-block {
    width: 50px !important;
    padding: 15px 0 !important;
  }
}

@media (max-width: 455px) {
  .plashki_quiz_row .plashka{
    padding: 5px 0;
  }
}

@media (max-width: 391px) {
  .plashki_quiz_row .plashka{
    font-size: 10px;
  }
}

.format-designer .designer .section .content .section.card-layout li.activity .action-html-card {
  bottom: 1px;
}

.new-lesson {
  min-height: 430px;
}

.btn-new-lesson {
  min-width: 300px;
  font-size: 15px;
}

.nav-pills .nav-link.active:not(:disabled):not(.disabled).active {
  color: #ffffff !important;
  background-color: #8950FC !important;
  border-color: #8950FC !important;
}

.fh-teacher-description {
  margin-top: 11px !important;
}

.full-header-teacher-card {
  padding: 15px 15px 16px;
}

.modtype_forum .activity-block .card-list .card-body .mod-indent-outer .action-html-card {
  display: none;
}

.lesson-additional .badge-completion{
  text-align: center !important;
}

.format-designer .designer .section .content .section li.activity .activityinstance .activity-type {

}

.format-designer .course-content ul.designer li.section .availability-section-block+div {
  display: none;
}

.lesson-header-block{
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
}

.my-nav-link {
  background: #fff;
}

.block_grade_me .excess {
  margin: 0 !important;
}

.right-side-card-title {
  margin-bottom: 17px;
}

.block_calendar_month .calendar-controls {
  padding-top: 0 !important;
}

.block_timeline .card-text .block-timeline {
  margin-top: -7px;
}

.course-box-body{
  padding-top: 15px;
  padding-bottom: 16px;
}

.format-designer .designer .section .content .section.card-layout li.activity .card.card-list,
.format-designer .designer .section .content .section.card-layout li.activity .activity-block.designer,
.format-designer .designer .section .content .section.card-layout li.activity .card.card-list .mod-indent-outer,
.format-designer .designer .section .content .section.card-layout li.activity {
  min-height: auto !important;
}

.format-designer .designer .section .content .section.card-layout li.activity .mod-visits-block {
  position: static !important;
}

.format-designer .designer .section.img-text.card-layout .activity .activity-block .activityinstance {
  margin-bottom: 0 !important;
}

.format-designer .designer .section .content .section.img-text.card-layout li.activity .content-remove {
  display: none;
}

.format-designer .designer .section .content .section.card-layout li.activity {
  margin-bottom: 10px !important;
}

.format-designer .course-content ul.designer li.section.main {
  margin-top: 0;
}

.format-designer .designer .section.img-text .activity .activityinstance .img-block {
  text-align: center;
  font-weight: 900;
  color: #8950FC;
}

.hide_completionview .checkbox-inline .checkbox {
  margin-right: 0 !important;
}