/*********************************schedule.html**********************************/

.new_class_btn .main_btn {
  min-width: 84px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  letter-spacing: 0.5px;
  background: #f8577f;
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.26em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.new_class_btn .sec_btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px;
  background: #f8577f;
  border: 1px solid transparent;
  border-left: 1px solid rgb(240, 240, 240);
  letter-spacing: 0.5px;
  color: #fff;
  text-align: center;
  padding: 0.26em .6em;
  font-size: 0.95em;
  line-height: 1.5;
}

.new_class_btn .sec_btn:hover {
  background-color: #e9476f !important;
}

.new_class_btn.open .sec_btn {
  background-color: #e9476f !important;
}

.new_class_btn .main_btn::before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 4px;
}

.new_class_btn .dropdown-menu .dropdown-item::before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 10px;
  color: grey;
}

.new_class_btn .dropdown-menu {
  top: 2rem;
  padding: 0;
  min-width: 110px;
  width: -webkit-fill-available;
  width: -moz-available;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border: 1px solid rgb(225, 225, 225);
}

.new_class_btn .dropdown_break {
  border-bottom: 1px solid rgb(225, 225, 225);
}

.new_class_btn .dropdown-menu .dropdown-item {
  padding: .6em 1em;
  display: inline-block;
  /* color: rgb(109, 109, 109) !important; */
  color: #000!important;
  font-size: 0.9rem;
  width: 100%;
}

.new_class_btn .dropdown-menu .dropdown-item:hover {
  background-color: rgb(246, 246, 246) !important;
}


/* calendar default */

.atten_cleared {}

.atten_cleared .fc-title::before {
  font-family: FontAwesome !important;
  font-size: 0.8rem !important;
  content: "\f00c" !important;
  margin-left: 8px !important;
  border-radius: 1px !important;
  padding: 0px 1px 1px 1px !important;
  height: 12px !important;
  float: right !important;
  color: rgb(255, 255, 255) !important;
}

.fc-button {
  text-transform: capitalize !important;
  background-color: rgb(255, 255, 255) !important;
  border-color: rgb(226, 226, 226) !important;
  padding: 0.25rem 1rem !important;
  color: #000 !important;
}

.fc .fc-row .fc-content-skeleton td {
  border-color: inherit;
}

.fc-button:active,
.fc-button:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fc-button-active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.fc-button:hover {
  background-color: #fafafa !important;
}

.fc-button-active:hover {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

.fc-new_class-button {
  background-color: #f8577f !important;
  color: #fff !important;
  border-color: #f8577f !important;
}

.fc-new_class-button:hover,
.fc-new_class-button:focus {
  background-color: #f8577f !important;
  color: #fff !important;
}

.fc-time-grid td {
  padding-top: 0px !important;
  padding-bottom: 6px !important;
}

.fc-day-header {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.fc-head-container {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.fc-unthemed td.fc-today {
  background: #fff !important;
}

.fc-axis {
  text-transform: capitalize !important;
}

.fc-listWeek-view .fc-widget-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.fc-dayGridMonth-view .fc-bg td.fc-past {
  background-color: rgb(250, 250, 250) !important;
}

.fc-unthemed .fc-list-heading td {
  background-color: rgb(252, 252, 252) !important;
}

#new_widget .fc-header-toolbar .fc-left {
  width: 100%;
  text-align: left;
}

#new_widget .fc-header-toolbar .fc-right {
  text-align: right;
}

#new_widget .fc-header-toolbar .fc-center {
  width: 100%;
  text-align: center;
}

#new_widget .fc-time-grid-event.wrap_text .fc-content {
  display: flex !important;
  align-items: center !important;
}

#new_widget .fc-time-grid-event.wrap_text .fc-content div {
  margin-right: 20px;
  margin-left: 20px;
}

#new_widget .fc-time-grid-event.wrap_text .fc-content div:first-child {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#new_widget .fc-time-grid-event.wrap_text .fc-content .week_view_slot {
  margin-left: 10px !important;
}

#new_widget .fc-time-grid-event {
  width: 100% !important;
  margin-bottom: -1px !important;
  margin-left: -3px !important;
  padding: 1px 3px !important;
}

.fc-time-grid-event {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100% !important;
  margin-bottom: -1px !important;
  margin-left: -3px !important;
  ;
  padding: 0px 3px !important;
  ;
}

.fc-day-grid-event {
  padding: 2px 3px !important;
}

.fc-time-grid-event .fc-content,
.fc-time-grid-event .fc-time,
.fc-day-grid-event .fc-content,
.fc-day-grid-event .fc-time {
  font-size: 0.78rem !important;
}

.fc-title {
  font-size: .9rem !important;
}

.fc-list-table td {
  padding: 8px 14px !important;
}

.fc-list-item-time,
.fc-list-item-marker,
.fc-list-item-title {
  display: table-cell !important;
  vertical-align: middle !important;
}

.fc-list-item-title {
  width: 35% !important;
}

.fc-time-grid-event .fc-title {
  margin-bottom: 3px !important;
}

.fc-allow-mouse-resize td {
  background-color: aliceblue !important;
}

.fc-allow-mouse-resize {
  cursor: pointer !important;
}

.fc-time-grid .fc-slats table tbody tr {
  height: 38px !important;
}

.fc-time-grid .fc-time .week_view_slot {
/*     margin-left: 4px !important; */
}


/**********Common styles*******/

.page_back_div span {
  cursor: pointer;
  color: rgb(112, 112, 112) !important;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page_back_div i {
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 10px;
}

.page_back_div {
  margin-top: 5px;
  font-size: 0.9rem;
}


/** Dropdown **/

.multi_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100% !important;
}

.multi_btn button {
  font-size: 0.85rem;
  /* background-color: #0373f9 !important;
  border: 1px solid #0373f9; */
  border:1px solid #000!important;
  background-color: #000!important;
  color: #fff!important;
  padding: 6px 8px;
}

.multi_btn .main_btn {
  min-width: 84px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transition: border-top-left-radius .2s;
  -o-transition: border-top-left-radius .2s;
  transition: border-top-left-radius .2s;
  -webkit-transition: border-bottom-left-radius .2s;
  -o-transition: border-bottom-left-radius .2s;
  transition: border-bottom-left-radius .2s;
}

.multi_btn .sec_btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px;
  border-left: 1px solid rgb(240, 240, 240);
  -webkit-transition: border-top-right-radius .2s;
  -o-transition: border-top-right-radius .2s;
  transition: border-top-right-radius .2s;
  -webkit-transition: border-right-left-radius .2s;
  -o-transition: border-right-left-radius .2s;
  transition: border-right-left-radius .2s;
}

.multi_btn.open button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-transition: border-bottom-left-radius .2s;
  -o-transition: border-bottom-left-radius .2s;
  transition: border-bottom-left-radius .2s;
  -webkit-transition: border-bottom-right-radius .2s;
  -o-transition: border-bottom-right-radius .2s;
  transition: border-bottom-right-radius .2s;
}

.multi_btn .sec_btn:hover {
  background-color: rgb(0, 108, 185) !important;
}

.multi_btn.open .sec_btn {
  background-color: #0163db !important;
}

.multi_btn .dropdown-menu {
  top: 2rem;
  padding: 0;
  min-width: 110px;
  width: -webkit-fill-available;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.multi_btn .dropdown-menu .dropdown-item {
  padding: 0.5rem;
  display: inline-block;
  color: rgb(46, 46, 46) !important;
}

.multi_btn .dropdown-menu .dropdown-item:hover {
  color: rgb(0, 108, 185) !important;
  background-color: rgb(246, 246, 246);
}

.multi_btn .dropdown-item {
  font-size: 0.825rem;
  width: 100%;
}

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


/**basics**/

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.clear_fix::after {
  content: "";
  display: block;
  clear: both;
}

.main_table tr.selected td {
  background-color: #f0f8ff;
}

.main_table tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.main_table th {
  border-bottom: none !important;
}

.main_table td {
  padding: 17px 8px !important;
  background-color: rgb(255, 255, 255);
  -webkit-transition: background-color .1s;
  -o-transition: background-color .1s;
  transition: background-color .1s;
}

.main_table tr:hover td {
  background-color: #f0f8ff;
}

.dropdown-menu .dropdown-item:hover {
  background-color: rgb(241, 241, 241);
  -webkit-transition: background-color .1s;
  -o-transition: background-color .1s;
  transition: background-color .1s;
}

.title-name {
  font-size: 0.9rem !important;
}

.icon_in_table {
  width: 48px;
  height: 48px;
  border-radius: 3px;
  margin-right: 10px;
}


/* .title_in_table {
  max-width: 65% !important;
  vertical-align: middle !important;
} */

.table_name_sec {
  vertical-align: middle;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: rgb(54, 54, 54);
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s;
}

.price_dollar span {
  color: rgb(85, 92, 99);
  position: absolute;
  width: 25px !important;
  margin-top: 6px !important;
  text-align: center !important;
  font-size: 1.15rem;
  font-weight: bold;
}

.price_dollar input {
  padding-left: 24px !important;
}

.daterangepicker select.monthselect {
  padding: 1px 6px !important;
  border-radius: 3px;
}

.daterangepicker select.yearselect {
  padding: 1px 6px !important;
  border-radius: 3px;
}

.skooly-custom-navpill li a {
  margin: 10px 15px !important;
  padding: 0 !important;
  padding-bottom: 6px !important;
}

.pusher,
.skooly-dashboard-container {
  background: #f4f6f8;
}

.main-content-body .row.tc {
  border: 1px solid #e3e6e9;
  border-radius: 4px;
  margin-bottom: 4rem;
}

.main-content-body .tab-content {
  border: none !important;
}

.LanguageDropdown {
  margin-right: 1.5rem;
}

.headerUsername {
  color: rgb(94, 94, 94);
  font-size: 0.88rem !important;
}

.navbar-skooly-list img {
  width: 25px !important;
  border-radius: 3px;
}

.navbar-skooly-list {
  color: rgb(94, 94, 94) !important;
}

.ui.vertical.menu .item.dashboard-menu-logo {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.navbar-skooly-dashboard {
  -webkit-box-shadow: 1px 1px 6px 0.5px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 1px 6px 0.5px rgba(0, 0, 0, 0.1) !important;
}

.dropdown-icons {
  width: 18px !important;
  margin-right: 8px !important;
}


/* BASIC */

button:active,
button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


/* custom dropdown */

.drop_custom {
  min-height: 0px !important;
  padding: 6.5px 15px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
}

.drop_custom .menu {
  color: grey !important;
  font-weight: normal !important;
  width: inherit;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.drop_custom .dropdown.icon {
  float: right;
  margin-top: 4px;
}

.drop_custom .custom_radio {
  margin: 0px !important;
}

.drop_custom input[type="radio"]+.radio-label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  font-weight: normal;
  width: 20px;
}

.drop_custom.MA_L {
  margin-left: 15px !important;
}

.drop_custom input[type="radio"]+.radio-label:before {
  width: 1.2em !important;
  height: 1.2em !important;
}

.drop_custom input[type="radio"]+.radio-label:after {
  width: 1.2em !important;
  height: 1.2em !important;
}


/* custom btn */

.enroll_download {
  letter-spacing: 0.5px;
  background: #ececec;
  border: none;
  color: #337ab7;
  text-align: center;
  border: 1px solid #ececec;
  padding: 0.3em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.enroll_download::before {
  font-family: FontAwesome;
  content: "\f1c3";
  padding-right: 4px;
}

.main_add_btn {
  letter-spacing: 0.5px;
  background: #f8577f;
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.26em 1em;
  font-size: .95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.main_add_btn.MA_L {
  margin-left: 10px;
}

.main_add_btn.add::before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 4px;
}

.main_add_btn.widget::before {
  font-family: FontAwesome;
  content: "\f009";
  padding-right: 4px;
}

.main_add_btn.message::before {
  font-family: FontAwesome;
  content: "\f27b";
  padding-right: 4px;
}

.main_add_btn:active,
.main_add_btn:focus {
  outline: none;
}


/**Pushbar**/

.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  border-color: rgb(172, 172, 172) !important;
}

.ui.dropdown .menu .selected.item {
  background-color: #fff !important;
}

.ui.dropdown .menu .item:hover {
  background-color: rgb(246, 246, 246) !important;
}

.ui.dropdown>.default.text {
  color: rgb(165, 165, 165) !important;
}

.ui.selection.dropdown {
  border: 1px solid rgb(216, 216, 216) !important;
}

.pushbar_semantic .search {
  padding: 6px 8px !important;
}

.pushbar_semantic {
  height: 31px !important;
  width: 100%;
  border-radius: 3px !important;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
  min-height: 0px !important;
  padding: 9px 8px !important;
}

.pushbar_multiselect {
  min-height: 31px !important;
  padding: 2px 5px 0px 5px !important;
}

.pushbar_multiselect .default.text {
  margin: 0.45240952em 0em 0.45240952em 0.3;
}

.pushbar_multiselect .default.text {
  margin: 0.4em 0em 0.4em 0.3em !important;
}

.ui.dropdown .ui.label {
  padding: 4px 6px 2px 6px !important;
  background-color: #43A2F3;
  color: rgb(255, 255, 255);
  font-weight: normal;
  border: 1px solid #43A2F3;
  -webkit-box-shadow: 0px 0px 0px 0px #43A2F3 inset !important;
  box-shadow: 0px 0px 0px 0px #43A2F3 inset !important;
  border-radius: 3px !important;
}

.ui.dropdown .ui.label:hover,
.ui.dropdown .ui.label:focus,
.ui.dropdown .ui.label:active,
.ui.label.active {
  background-color: #43A2F3 !important;
  color: rgb(255, 255, 255) !important;
  font-weight: normal !important;
  border: 1px solid #43A2F3 !important;
}

input:disabled {
  background-color: #fff !important;
}

.pushbar button:active,
.pushbar button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pushbar {
  padding: 15px 20px;
}

.pushbar .top {
display: flex;
align-items: center;
justify-content: space-between;
}
.pushbar > .title {
margin: 0 !important;
}

.pushbar .pushbar_close i {
  font-size: 20px;
}

.pushbar .title {
  font-weight: bold;
}

.pushbar .header {
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
}

.pushbar .header i {
  color: grey;
}

.pushbar .header .active i {
  color: #fff !important;
}

.pushbar .header.empty {
  border-top: 1px solid rgb(238, 238, 238);
}

.pushbar .pusher_footer {
  border-top: 1px solid rgb(228, 228, 228);
  padding-top: 15px;
  margin-top: 15px;
  /* margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  position: absolute;
  width: 95%;
  bottom: 0; */
}

.pushbar_success {
  background: #3788d8;
  padding: 10px 10px;
  margin: 0px 3px;
  border-radius: 5px;
  color: #fff;
  font-size: 1.2rem;
}

.pushbar_success button {
  width: 100px;
  text-align: center;
  padding: 2px 5px;
  margin-top: 8px;
  border: none;
  border-radius: 3px;
  font-size: 1rem;
}

.pushbar_success .yes {
  color: #fff;
  background: #f8577f;
}

.pushbar_success .no {
  background: #fff;
  color: rgb(54, 54, 54);
}

.pushbar .tab_1,
.pushbar .tab_2,
.pushbar .tab_3 {
  padding: 5px;
  background: none;
  color:#000;
  border-top: 1px solid rgb(214, 214, 214);
  border-bottom: 1px solid rgb(214, 214, 214);
  cursor: pointer;
}

.pushbar .tab_1 {
  border-left: 1px solid rgb(214, 214, 214);
  border-right: 1px solid rgb(214, 214, 214);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pushbar .tab_2 {
  border-right: none;
  border-left: none;
}

.pushbar .tab_3 {
  border-right: 1px solid rgb(214, 214, 214);
  border-left: 1px solid rgb(214, 214, 214);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pushbar .tab_1.active {
  /* background-color: #1fad7f;
  border-left: 1px solid #1fad7f;
  border-right: 1px solid #1fad7f;
  border-top: 1px solid #1fad7f;
  border-bottom: 1px solid #1fad7f; */
  background-color: #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #fff;
}

.pushbar .tab_2.active {
  background-color: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #fff;
}

.pushbar .tab_3.active {
  background-color: #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #fff;
}

.pushbar .addBtnschedule,
.pushbar .cancel {
  border-radius: 3px;
  padding: 4px;
  cursor: pointer;
  margin-right: 0.8em;
  /* width: 100px; */
}

.pushbar .addBtnschedule {
  background-color: #f8577f;
  color: #fff;
  border: 1px solid #f8577f;
  /* margin-right: 5px; */
}

.pushbar .add,
.pushbar .cancel {
  border-radius: 3px;
  padding: 4px;
  cursor: pointer;
  width: 100px;
}

.pushbar .add {
  background-color: #f8577f;
  color: #fff;
  border: 1px solid #f8577f;
  margin-right: 5px;
}

.pushbar .cancel {
  background-color: #fff;
  color: rgb(43, 43, 43);
  border: 1px solid rgb(214, 214, 214);
}

.pushbar .input_section {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 0.92rem;
}

.pushbar .input_section .col-sm-8,
.pushbar .input_section .col-sm-7,
.pushbar .input_section .col-sm-6 {
  padding-left: 20px;
}

.pushbar .input_title {
  margin-right: 10px;
}

.pushbar label {
  font-weight: normal;
}

.pushbar input.FW,
.pushbar textarea.FW,
.pushbar select.FW {
  width: 100%;
}

.pushbar input.HW,
.pushbar textarea.HW,
.pushbar select.HW {
  width: 50%;
}

.pushbar input.QW,
.pushbar textarea.QW,
.pushbar select.QW {
  width: 50%;
}

.pushbar input.TQW,
.pushbar textarea.TQW,
.pushbar select.TQW {
  width: 75%;
}

.pushbar .min_max {
  display: flex;
  align-items: center;
}

.pushbar .mode {
  margin: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pushbar .mode div:first-child {
  margin-right: 15px;
}

.pushbar .min_max div:nth-child(2) {
  padding: 0px 5px;
}

.pushbar .min_max input {
  width: 100%;
}

.pushbar input.SW_1 {
  width: 25%;
}

.pushbar input.SW_2 {
  width: 10%;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

.pushbar input,
.pushbar textarea,
.pushbar select {
  border-radius: 3px;
  padding: 6px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(58, 58, 58);
}

.pushbar input::-webkit-input-placeholder,
.pushbar textarea::-webkit-input-placeholder,
.pushbar select::-webkit-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::-moz-placeholder,
.pushbar textarea::-moz-placeholder,
.pushbar select::-moz-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input:-ms-input-placeholder,
.pushbar textarea:-ms-input-placeholder,
.pushbar select:-ms-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::-ms-input-placeholder,
.pushbar textarea::-ms-input-placeholder,
.pushbar select::-ms-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::-webkit-input-placeholder,
.pushbar textarea::-webkit-input-placeholder,
.pushbar select::-webkit-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::-moz-placeholder,
.pushbar textarea::-moz-placeholder,
.pushbar select::-moz-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input:-ms-input-placeholder,
.pushbar textarea:-ms-input-placeholder,
.pushbar select:-ms-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::-ms-input-placeholder,
.pushbar textarea::-ms-input-placeholder,
.pushbar select::-ms-input-placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input::placeholder,
.pushbar textarea::placeholder,
.pushbar select::placeholder {
  color: rgb(165, 165, 165);
}

.pushbar input:focus,
.pushbar input:active,
.pushbar textarea:focus,
.pushbar textarea:active,
.pushbar select:focus,
.pushbar select:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid rgb(172, 172, 172);
}

.pushbar .m_l {
  margin-left: 0.5rem;
}

.pushbar .section_title {
  font-size: 0.88rem;
  text-transform: capitalize;
  background-color: #efefef;
  border-radius: 3px;
  padding: 5px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 8px;
  color: rgb(66, 66, 66);
}

.pushbar .input_section .timing_input {
  width: 60%;
  background-color: #fff;
}

.pushbar .input_section .timing_select {
  width: 35%;
  background-color: #fff;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 6px 5px !important;
}

.pushbar .slider {
  top: 5px !important;
  left: 2px !important;
}

.pushbar .slider:before {
  bottom: 2px !important;
  left: 2px !important;
  height: 15px !important;
}

.pushbar .help_icon {
  margin-left: 4px;
}

.pushbar .help_icon i {
  font-size: 1rem;
  color: rgb(172, 172, 172);
}

.pushbar .help_icon:hover i {
  color: #0088d1;
  cursor: pointer;
}

.pushbar .popover {
  min-width: 210px !important;
}

.two_input_pushbar.w65 {
  width: 65%;
}

.two_input_pushbar {
  width: 50%;
  text-align: center;
  float: left;
  border-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  border-right: none;
  background: #fff;
}

.two_input_pushbar input {
  border: none !important;
  text-align: center;
  padding: 7px 5px;
}

.two_input_pushbar input:nth-child(1) {
  width: 42%;
}

.two_input_pushbar input:nth-child(2) {
  width: 42%;
}

.two_input_pushbar input:focus,
.two_input_pushbar input:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.three_div::after {
  content: "";
  display: block;
  clear: both;
}

.three_div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.three_div .sec:nth-child(1) {
  width: 50%;
  padding-left: 5px;
}

.three_div .sec:nth-child(2) {
  width: 30%;
}

.three_div .sec:nth-child(3) {
  width: 20%;
}

.selected_timings {
  border-radius: 3px;
  background: #f0f8ff;
}

.freq_btn {
  background: none;
  border: 1px solid #1fad7f;
  border-radius: 2px;
  color: rgb(41, 41, 41);
  padding: 3px 7px;
  margin-right: 3px;
}

.freq_btn.active {
  background-color: #1fad7f;
  color: #fff;
}

.picker_addon {
  width: 25%;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px !important;
}

.start_date_picker .picker_addon i {
  font-size: 1.2rem;
}

.picker_addon:hover {
  background: rgb(241, 241, 241);
}

.picker_addon:active {
  outline: none;
}

.event_on_picker {
  padding: 2px 8px !important;
}

#start_date,
.facility_date input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.frequency_daily_select_row {
  display: none;
}

.frequency_weekly_select_row {
  display: none;
}

.frequency_monthly_select_row {
  display: none;
}

.ends_select_row {
  display: none;
}

.occurence_select_row {
  display: none;
}

.freq_btn_row {
  display: none;
}

.dropdown.icon:focus {
  outline: none;
}


/**popover - color picker**/

.class_bg_wrapper .popover-content {
  padding: 0px 1px;
}

.class_bg_selector {
  height: 25px;
  width: 25px;
  background-color: #a60042;
  border-radius: 3px;
  float: right;
  cursor: pointer;
}

.popover {
  padding: 8px 10px !important;
}

.class_bg {
  height: 25px;
  width: 25px;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.class_bg_1 {
  background-color: #a60042;
  margin-bottom: 8px;
}

.class_bg_2 {
  background-color: #004c99;
  margin-bottom: 8px;
}

.class_bg_3 {
  background-color: #edbc00;
  margin-bottom: 8px;
}

.class_bg_4 {
  background-color: #ea506e;
  margin-bottom: 8px;
}

.class_bg_5 {
  background-color: #2d945d;
  margin-bottom: 8px;
}

.class_bg_6 {
  background-color: #b186dd;
}

.class_bg_7 {
  background-color: #0e4db2;
}

.class_bg_8 {
  background-color: #f78511;
}

.class_bg_9 {
  background-color: #008cf1;
}

.class_bg_10 {
  background-color: #d95141;
}


/**class icon slider**/

.class_images .img_remove {
  position: absolute;
  background-color: transparent;
  border: none;
  right: 21px;
  display: none;
}

.class_images .img_remove:active,
.class_images .img_remove:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.class_images .img_remove i {
  font-size: 1.3rem;
  color: rgb(236, 106, 106);
}

.class_images img {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.class_images .img_preview {
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 3px;
  margin-bottom: 10px;
}

.class_img {
  border: 1px solid rgb(230, 230, 230);
  padding: 30px 0px;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 3px;
}

.class_img i {
  font-size: 1.6rem;
  color: #cacaca;
}

.class_img:hover i {
  color: #979797;
}

.multi-item-carousel .carousel-inner>.item {
  -webkit-transition: 0.4s ease-in-out all;
  -o-transition: 0.4s ease-in-out all;
  transition: 0.4s ease-in-out all;
}

.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}

.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}

.multi-item-carousel .carousel-inner .next {
  left: 33%;
}

.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none !important;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
}

.carousel-control i {
  color: rgb(184, 184, 184) !important;
}

.carousel-control {
  width: 0% !important;
}

.carousel-inner img {
  width: 75%;
  cursor: pointer;
  padding: 4px;
  border: 2px solid #fff;
}

img.active_icon {
  border: 2px solid #f8577f;
  border-radius: 5px;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner>.item {
      -webkit-transition: 0.4s ease-in-out all;
      -o-transition: 0.4s ease-in-out all;
      transition: 0.4s ease-in-out all;
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-perspective: none;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
  }
}


/**custom radio**/

.custom_radio {
  margin: 0.5rem;
}

.custom_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.custom_radio input[type="radio"]+.radio-label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0em;
  margin-right: 0.6em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.custom_radio input[type="radio"]:checked+.radio-label:before {
  background-color: #3197ee;
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.custom_radio input[type="radio"]:focus+.radio-label:before {
  outline: none;
  border-color: #3197ee;
}

.custom_radio input[type="radio"]+.radio-label:empty:before {
  margin-right: 0;
}

.custom_radio input[type="radio"]:checked+.radio-label:after {
  display: none !important;
}

.custom_radio input[type="radio"]+.radio-label:before,
.billing .info_row .radio-label {
  margin-left: 0px !important;
}

/***custom checkbox***/

.custom_checkbox+label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  font-weight: normal;
  width: auto;
}

.custom_checkbox {
  display: none !important;
}

.custom_checkbox+label:before {
  content: "\2713";
  border: 0.06em solid rgb(167, 167, 167);
  border-radius: 0.2em;
  padding-left: 0.30em;
  padding-right: .30em;
  padding-bottom: 0.1em;
  margin-right: 0.5em;
  vertical-align: bottom;
  color: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-weight: bold;
}

.custom_checkbox:checked+label:before {
  background-color: #3197ee;
  border-color: #3197ee;
  color: #fff;
}

.custom_checkbox:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-color: #aaa;
}

.custom_checkbox:checked:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.static-checkbox .custom_checkbox:checked:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #3197ee!important;
  border-color: #3197ee!important;
  cursor: not-allowed;
}


/* custom  modal */

.custom_modal_section_info {
  margin-bottom: 35px !important;
}

.custom_modal_section {
  margin-bottom: 10px;
}

.custom_modal_section select,
.custom_modal_section input,
.custom_modal_section textarea {
  width: 100%;
  border-radius: 3px;
  padding: 6.5px 10px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
}

.custom_modal_section select:focus,
.custom_modal_section select:active,
.custom_modal_section input:focus,
.custom_modal_section input:active,
.custom_modal_section textarea:focus,
.custom_modal_section textarea:active,
.custom_modal_section .add_filter:focus,
.custom_modal_section .add_filter:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid rgb(172, 172, 172);
}

.custom_modal_header {
  border-bottom: 1px solid rgb(216, 216, 216);
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.custom_modal_title {
  font-weight: bold;
}


/* custom delete modal */

.delete_modal .modal-body {
  padding: 10px !important;
}

.delete_modal .modal_close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  color: rgb(177, 177, 177);
  background: #fff;
  border: none;
  padding: 0;
  margin-top: 3px;
  margin-right: 5px;
}

.delete_modal .modal_close:hover {
  color: rgb(95, 95, 95);
}

.delete_modal .modal_close:active,
.delete_modal .modal_close:focus {
  outline: none;
}

.m_content {
  width: 100%;
  text-align: center;
}

.m_content img {
  margin-top: 10px;
}

.m_content .delete_header {
  margin-top: 15px;
  font-weight: bold;
  font-size: 1.4rem;
  color: rgb(105, 105, 105);
}

.m_content .delete_desc {
  margin-top: 15px;
  font-weight: normal;
  font-size: 1rem;
  color: rgb(146, 146, 146);
}

.m_content .delete_buttons {
  margin-top: 15px;
  margin-bottom: 10px;
}

.m_content .delete_buttons button {
  width: 110px;
  padding: 5px 12px;
  border-radius: 3px;
}

.m_content .delete_buttons .cancel_btn {
  background: rgb(173, 173, 173);
  color: #fff;
  border: 0px solid rgb(173, 173, 173);
  margin-right: 4px;
}

.m_content .delete_buttons .cancel_btn:hover {
  background: rgb(156, 156, 156);
}

.m_content .delete_buttons .delete_btn {
  background: #F15E5E;
  color: #fff;
  border: 0px solid #F15E5E;
  margin-left: 4px;
}

.m_content .delete_buttons .delete_btn:hover {
  background: rgb(231, 76, 76)
}

.m_content .delete_buttons button:active,
.m_content .delete_buttons button:focus {
  outline: none !important;
}

.m_content .fields {
  margin: 1rem 0rem;
}

.m_content .fields textarea {
  width: 80%;
  border-radius: 3px;
  padding: 6px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(58, 58, 58);
}

.m_content .fields textarea:active,
.m_content .fields textarea:focus {
  border: 1px solid rgb(153, 153, 153);
}


/** custom add filter modal**/

.add_filter_footer .btn_cancel,
.add_filter_footer .btn_filter {
  border-radius: 3px;
  padding: 4px 15px;
  margin-left: 10px;
}

.add_filter_footer .btn_cancel {
  background-color: #fff;
  color: rgb(46, 46, 46);
  border: 1px solid rgb(206, 206, 206);
}

.add_filter_footer .btn_cancel:hover {
  background-color: rgb(248, 248, 248);
}

.add_filter_footer .btn_filter {
  background-color: rgb(19, 98, 194);
  border: 1px solid rgb(19, 98, 194);
  color: #fff;
}

.add_filter_footer .btn_filter:hover {
  background-color: rgb(19, 90, 177);
}

.add_filter_footer .btn_cancel:active,
.add_filter_footer .btn_filter:active,
.add_filter_footer .btn_cancel:focus,
.add_filter_footer .btn_filter:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}


/**toast styles**/

.toast_W100 {
  position: fixed !important;
  width: 100% !important;
  margin-left: 0px !important;
}

.custom_pushbar_overlay {
  margin-left: -300px !important;
  position: fixed;
  width: 3000px;
  height: 100%;
  min-height: 100vh;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 999;
  transition: opacity 0.5s ease;
  background: #3c3442;
}


/***NEW ACADEMY*****/

.cover_image img {
  width: 100%;
}

.sessions_info p {
  float: right;
}

.sessions_info {
  margin-right: 25px;
}

.class_images .img_remove {
  position: absolute;
  background-color: transparent;
  border: none;
  right: 21px;
  display: none;
}

.class_images .img_remove:active,
.class_images .img_remove:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.class_images .img_remove i {
  font-size: 1.3rem;
  color: rgb(236, 106, 106);
}

.class_images img {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.class_images .img_preview {
  width: 100%;
  padding: 10px;
  border: 1px solid rgb(230, 230, 230);
  border-radius: 3px;
  margin-bottom: 10px;
}

.class_img {
  border: 1px solid rgb(230, 230, 230);
  padding: 30px 0px;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  border-radius: 3px;
}

.class_img i {
  font-size: 1.6rem;
  color: #cacaca;
}

.class_img:hover i {
  color: #979797;
}

#new_widget {
  padding: 5px 10px;
}

label.toggler::before {
  border-radius: 5px !important;
}

label.toggler {
  display: inline !important;
}

.p-pl-0 {
  padding-left: 0 !important;
}

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

.p-mr-8 {
  margin-right: 8px !important;
}

.p-pt-6 {
  padding-top: 6px !important;
}

.freq_btn {
  background: none;
  border: 1px solid #1fad7f;
  border-radius: 2px;
  color: rgb(41, 41, 41);
  padding: 3px 7px;
  margin-right: 3px;
}

.freq_btn.active {
  background-color: #1fad7f;
  color: #fff;
}

.picker_addon {
  width: 25%;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px !important;
}

.start_date_picker .picker_addon i {
  font-size: 1.2rem;
}

.picker_addon:hover {
  background: rgb(241, 241, 241);
}

.picker_addon:active {
  outline: none;
}

.event_on_picker {
  padding: 2px 8px !important;
}

#start_date,
.facility_date input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.flyoverfailure {
  background-color: #a94442;
  color: white;
  border-radius: 5px;
  padding: 12px 15px;
  border-color: transparent;
}

.toast-alert {
  position: fixed !important;
  /* width: 85% !important;
  margin-left: 200px; */
}

.choose_btn {
  width: 100%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgb(206, 206, 206);
  padding: 6px 10px;
}

.choose_btn:active,
.choose_btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.choose_btn:hover {
  background: #3788d8;
  color: #fff;
  border: 1px solid #3788d8;
}

.frequency_daily_select_row {
  display: none;
}

.frequency_weekly_select_row {
  display: none;
}

.frequency_monthly_select_row {
  display: none;
}

.ends_select_row {
  display: none;
}

.occurence_select_row {
  display: none;
}

.freq_btn_row {
  display: none;
}

.dropdown.icon:focus {
  outline: none;
}

.list_meta_div .list_new_enroll {
  float: right;
  color: #fff;
  border: 1px solid #1fad7f;
  border-radius: 3px;
  padding: 4px;
  margin-left: 1rem;
  width: 115px;
}

.list_meta_div .list_new_enroll {
  background-color: #1fad7f;
}

.list_meta_div .list_new_enroll:active,
.list_meta_div .list_new_enroll:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #1fad7f !important;
}

.list_meta_div b {
  margin-right: 6px;
  color: rgb(73, 73, 73);
  font-weight: 400;
  font-size: 1rem;
}
.list_meta_div {
  width:1px;
}
.list_meta_footer {
  display: inline-block;
  padding: 6px 0px;
  font-size: 0.9rem;
  width: 100%;
  text-align: right;
  white-space: nowrap;
}

.list_meta_footer span {
  margin-left: 15px;
}
.list_meta_footer span > span {
  margin-left: 0px !important;
}
.list_meta_footer span .red {
 color: #df3636;
}
.list_meta_footer span .blue {
 color: #0373f9;
}
.list_meta_footer.other b {
  font-size: 1rem;
  color: #1fad7f !important;
}

.event_modal {
  border-radius: 5px !important;
  padding: 5px 10px !important;
}

.event_close_btn:focus,
.event_close_btn:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.event_footer {
  padding: 10px 15px !important;
  padding-bottom: 15px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.event_title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 7px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 15px;
}

.event_row {
  margin-bottom: 8px;
  padding-left: 5px;
  padding-right: 15px;
  min-height: 25px;
}

.event_col_1 {
  font-weight: bold;
  color: rgb(56, 56, 56);
}

.event_btn_1:active,
.event_btn_1:focus,
.event_btn_2:active,
.event_btn_2:focus,
.event_btn_3:active,
.event_btn_3:focus,
.event_btn_4:active,
.event_btn_4:focus,
.event_btn_5:active,
.event_btn_5:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.event_btn_1,
.event_btn_2,
.event_btn_3,
.event_btn_4,
.event_btn_5 {
  padding: 5px 8px;
  border-radius: 3px;
}

.event_btn_1,
.event_btn_4 {
  background-color: #fff;
  border: 1px solid rgb(197, 197, 197);
}

.event_btn_5 {
  background-color: #f8577f;
  border: 1px #f8577f;
  color: #fff;
}

.event_btn_1 {
  margin-right: 6px;
}

.event_btn_2,
.event_btn_3 {
  color: #fff;
  border: none;
}

.event_btn_2 {
  background-color: rgb(19, 98, 194);
  margin-right: 6px;
}

.event_btn_3 {
  margin-right: 6px;
  background-color: #1fad7f;
}

.event_btn_1:hover,
.event_btn_4:hover {
  background-color: rgb(246, 246, 246);
}

.event_btn_3:hover {
  background-color: #1fad7f;
}

.event_btn_2:hover {
  background-color: rgb(15, 88, 177);
}

.event_view_section_info {
  margin-top: 10px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 3px solid;
}

.event_1_child_mb td a {
  margin-top: -5px !important;
}

.event_2_child_mb td a {
  margin-top: -2px !important;
}

.fc-day-grid-event .fc-content {
  white-space: normal !important;
  display: grid !important;
}
.fc-time-grid-event .fc-content {
 display: grid !important;
}
.fc-time {
  order: 1 !important;
}

.list_meta_div .class_type {
  float: right;
  font-size: .75rem;
  background-color: #ebebeb;
  color: rgb(78, 78, 78);
  padding: 0px 8px;
  border-radius: 50px;
  margin: 0px;
  margin-top: 6px;
}


/*********************************classes.html**********************************/

.atten_pen {
  color: #f15e5e !important;
}

.CA_heading {
  padding: 0.5rem 1rem;
  font-weight: bold;
  background-color: rgb(247, 247, 247);
  border-radius: 4px;
}

.CA_heading span {
  color: #0373f9;
  /* text-decoration: underline;
text-underline-position: under;
  text-decoration-color: rgb(189, 189, 189); */
}

.CB_filter.classes_filter,
.CB_filter.courses_filter {
  background-color: #fff !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 7px 10px !important;
}

.table_option_wrapper .academyTableResponsive {
  -webkit-transform: translateY(-45px);
  -ms-transform: translateY(-45px);
  transform: translateY(-45px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.table_option_wrapper.active .academyTableResponsive {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.table_option_wrapper .academyTableResponsive thead {
  background-color: #fff;
}

.table_option_wrapper .checkbox_div {
  background-color: rgb(255, 255, 255);
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s;
  margin: 0px 10px;
  border-radius: 2px;
  opacity: 0;
}

.table_option_wrapper.active .checkbox_div {
  -webkit-transition: background-color 0s;
  -o-transition: background-color 0s;
  transition: background-color 0s;
  background-color: #24425c;
  opacity: 1;
}

.checkbox_div {
  padding: 4px 23px;
  margin-top: -13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.checkbox_div .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox_div .all_link {
  cursor: pointer;
  font-weight: normal;
  margin-left: 2rem;
  font-size: 0.85rem;
}

.checkbox_div div {
  width: 100%;
}

.checkbox_div .option {
  text-align: right;
  width : 133%;
}

.checkbox_div .option_btn {
  min-width: fit-content;
  padding: 3px 10px;
  border: 1px solid #16c48c;
  border-radius: 3px;
  background: #16c48c;
  color: #fff;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.checkbox_div .option_btn:active,
.checkbox_div .option_btn:focus {
  outline: none;
}

.checkbox_div .drop_custom {
  width: 140px;
  min-height: 0px !important;
  padding: 3px 10px !important;
  border: 1px solid #16c48c;
  border-radius: 3px;
  background: #16c48c;
  margin-left: 10px;
  color: rgb(255, 255, 255);
  text-align: center;
}

.checkbox_div .drop_custom .menu {
  min-width: 200px !important;
  left: -1px !important;
  top: 30px !important;
}

.VB_datefilter input {
  float: right !important;
  width: 82% !important;
}


/* .class_single .title-name:hover {
  color: rgb(44, 133, 250);
} */

.new-academy-class-table-outer .table {
  margin-bottom: 60px !important;
}


/* .class_single .class-profile,
.class_single #class-name {
  cursor: pointer;
}
 .class-title {
  margin-left: 10px;
}
.class_single .class-profile img {
  width: 48px;
} */

#facilities_section section.main-content-body .tab-content .classroom-list figure.class-profile {
  margin-left: 0px !important;
  margin-right: 20px !important;
}

.rc-pop-up .modal-content .modal-body {
  margin-bottom: 20px !important;
}

.message_list {
  width: 100%;
  padding: 0rem 1rem;
}

.message_list {}

.calendar-time select {
  padding-left: 3px !important;
  border-radius: 3px !important;
  background-color: #fff !important;
}

.calendar-time select:active,
.calendar-time select:focus {
  outline: none !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.coming_soon {
  background-color: #f8577f;
  color: #fff;
  font-size: 0.65rem;
  padding: 2px 6px;
  border-radius: 50px;
}

.class_options button:active,
.class_options button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.class_options button {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(226, 226, 226);
  color: rgb(46, 46, 46);
  border-radius: 3px;
  padding: 3px 10px;
  margin-left: 5px;
}

.class_options button:hover {
  background-color: #f8577f;
  border: 1px solid #f8577f;
  color: #fff;
}

.class_taughtby i {
  color: rgb(85, 85, 85);
}

.class_taughtby i:hover {
  color: #0058bc;
  cursor: pointer;
}

#side_nav ul {
  list-style-type: none;
  padding: 0.4em 0em;
  background-color: #0e334e;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s;
}

#side_nav ul li {
  margin-bottom: 0.2em;
}

#side_nav ul .item_li {
  padding: 0.45em 0em;
}

#side_nav ul .item_li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#side_nav ul a img {
  width: 15px;
  margin-right: 15px;
}

#side_nav ul .item_li i {
  width: 14px;
  margin-right: 15px;
  color: rgb(255, 255, 255);
}

#side_nav ul .item_li a span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Noto Sans Regular";
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.5px;
}

#side_nav .header i {
  color: #9ad4ff;
}

#side_nav ul .item_li.active {
  background: #479964;
}

#side_nav .header span {
  font-family: "Noto Sans Regular";
  font-size: 14px;
  color: #9ad4ff;
  text-transform: uppercase;
}

#side_nav .header i {
  float: right;
  margin-top: 4px;
}

#side_nav ul ul {
  display: none;
}

#side_nav .CS_large {
  background: #f8577f;
  color: #fff !important;
  font-size: 0.7rem !important;
  border-radius: 50px;
  padding: 1px 6px;
  margin-left: 5px;
}

#side_nav .CS_small {
  background: #f8577f;
  color: #fff !important;
  font-size: 0.7rem !important;
  border-radius: 50px;
  padding: 1px 4px;
}

#side_nav .settings_nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-bottom: 0px !important;
  background: #0c2c42;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

#side_nav .settings_nav span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Noto Sans Regular";
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.5px;
}

#side_nav .header_wrapper {
  width: 100%;
  padding: 0.24em 1.2em;
}

#side_nav .header_wrapper span {
  text-transform: capitalize !important;
}

#side_nav .active_menu ul {
  background-color: #0c2c42;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block !important;
}

#side_nav .header_wrapper i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#side_nav .active_menu .header_wrapper i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.no_LB {
  border-left: none !important;
}

.pricing_list .row .col-sm-4 {
  padding-top: 10px;
  font-weight: bold;
}

.pushbar_title_checkbox .desc {
  padding-left: 33px;
  font-weight: normal;
  font-size: 0.86rem;
}

.pushbar_title_checkbox label {
  margin: 0px !important;
}

.pushbar_title_checkbox .input_title {
  margin-right: 0px !important;
}

.for_session,
.for_duration {
  padding: 0px !important;
}

.PO_addmore,
.CO_addmore {
  padding-right: 18px;
  margin-top: -12px;
  text-align: right;
  font-size: 0.85rem;
}

.table_category,
.table_duration {
  font-size: 0.76rem;
}

.new_student,
.select_student {
  width: 100%;
  text-align: right;
  margin-top: 3px;
  font-size: 0.85rem;
  color: #5191ce;
  cursor: pointer;
}

.student_email .pushbar_semantic {
  color: rgb(160, 160, 160) !important;
}

.pushbar_semantic_custom {
  min-height: 31px !important;
  padding: 9px 12px !important;
}

.pushbar_semantic_custom .search {
  padding: 8px 10px !important;
}

.student_email .pushbar_semantic {
  float: left !important;
  width: 40% !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: 0px solid rgb(216, 216, 216) !important;
}

.student_email .pushbar_semantic.active {
  border-right: 1px solid rgb(216, 216, 216) !important;
}

.student_email .FW {
  width: 60% !important;
  float: right !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.instructor_table td {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.student_count {
  background: #1fad7f;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
}
.course_option .col-sm-12 {
  margin-bottom: 6px;
}

.course_option .col-sm-6:nth-child(1) {
  padding-right: 4px;
  margin-bottom: 6px;
  padding-left: 15px;
}

.course_option .col-sm-6:nth-child(2) {
  padding-left: 4px;
  margin-bottom: 6px;
}

.course_option .col-sm-6:nth-child(3) {
  padding-right: 4px;
  margin-bottom: 6px;
  padding-left: 15px;

}

.course_option .col-sm-6:nth-child(4) {
  padding-left: 4px;
  margin-bottom: 6px;
}

.course_option .col-sm-6:nth-child(5) {
  padding-right: 4px;
  margin-bottom: 6px;
  padding-left: 15px;
}

.course_option .col-sm-6:nth-child(6) {
  padding-left: 4px;
  margin-bottom: 6px;
}
.course_option select {
width: 100%;
}

.courseOptionAppend {
position: relative;
}
.courseOptionAppend > .courseOptionDiv {
width: 100%;
margin: 0;
padding: 1rem;
background: #f2f2f7;
border-radius: 5px;
}
.courseOptionAppend > .courseOptionDiv + .courseOptionDiv {
margin-top: 1rem;
}
.courseOptionAppend > .courseOptionDiv .input_section:first-child {
padding-top: 0rem;
}

.course_option .course_delete {
  /* position: absolute;
  right: 5px;
  margin-top: 8px;
  color: #f15e5e; */
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 50px;
}
.course_option .course_delete:hover{
background: #e3e3e9;
}
.course_option .course_delete img {
width: 13px;
}

/*
.course_option:focus,.course_option:active{
outline: none;
}
.course_option .input_div_1{
width:40%;
float:left
}
.course_option .input_div_2{
width:58%;
float:right
} */


/* .course_option_last_col{
margin-top: 6px;
}
.course_option_last_col .pushbar_semantic{
color: rgb(160, 160, 160) !important;
}
.course_option_last_col .pushbar_semantic{
float: left !important;
width: 50% !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-right:0px solid rgb(216, 216, 216) !important;
}
.course_option_last_col .pushbar_semantic.active{
border-right: 1px solid rgb(216, 216, 216) !important;
}
.course_option_last_col .FW{
width: 50% !important;
float: right !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;

} */

#courseTableConatainer table tbody tr:hover,
#courseTableConatainer table tbody tr:focus,
#courseTableConatainer table tbody tr:active {
  background-color: #00a6e51f !important;
  cursor: pointer;
}

#courseTableConatainer table tbody tr:hover .copyText,
#courseTableConatainer table tbody tr:focus .copyText,
#courseTableConatainer table tbody tr:active .copyText {
  background-color: transparent !important;
  border-color: transparent !important;
  cursor: pointer;
}

.courses_breadcrumb {
  padding: 2px 10px;
  font-size: 0.9rem;
}

.courses_breadcrumb .separator {
  margin-left: 8px;
  margin-right: 8px;
  color: #4183c4;
}

.more_course_BT {
  border-top: 1px solid rgb(226, 226, 226);
  margin-top: 10px;
  padding-top: 10px !important;
}

.course_brand {
  color: #fff;
  padding: 6px 10px;
  border-radius: 50px;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.course_brand_BT{
  color: #fff;
  padding: 2px 6px;
  border-radius: 50px;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.brand_1 {
  background: #01aaed;
}

.brand_2 {
  background: rgb(207, 63, 68);
}

.brand_3 {
  background: #e15d3a;
}

.page_back_div span {
  cursor: pointer;
  color: rgb(112, 112, 112) !important;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page_back_div i {
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 10px;
}

.page_back_div {
  margin-top: 5px;
  font-size: 0.9rem;
}


/** Dropdown **/

.multi_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100% !important;
}

/* .multi_btn button {
  font-size: 0.85rem;
  background-color: #0373f9 !important;
  border: 1px solid #0373f9;
  color: #fff;
  padding: 6px 8px;
} */

.multi_btn .main_btn {
  min-width: 84px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transition: border-top-left-radius 0.2s;
  -o-transition: border-top-left-radius 0.2s;
  transition: border-top-left-radius 0.2s;
  -webkit-transition: border-bottom-left-radius 0.2s;
  -o-transition: border-bottom-left-radius 0.2s;
  transition: border-bottom-left-radius 0.2s;
}

.multi_btn .sec_btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px;
  border-left: 1px solid rgb(240, 240, 240);
  -webkit-transition: border-top-right-radius 0.2s;
  -o-transition: border-top-right-radius 0.2s;
  transition: border-top-right-radius 0.2s;
  -webkit-transition: border-right-left-radius 0.2s;
  -o-transition: border-right-left-radius 0.2s;
  transition: border-right-left-radius 0.2s;
}

.multi_btn.open button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-transition: border-bottom-left-radius 0.2s;
  -o-transition: border-bottom-left-radius 0.2s;
  transition: border-bottom-left-radius 0.2s;
  -webkit-transition: border-bottom-right-radius 0.2s;
  -o-transition: border-bottom-right-radius 0.2s;
  transition: border-bottom-right-radius 0.2s;
}

.multi_btn .sec_btn:hover {
  /* background-color: rgb(0, 108, 185) !important; */
  background-color: #000!important;
}

.multi_btn.open .sec_btn {
  /* background-color: #0163db !important; */
  background-color: #000!important;
}

.multi_btn .dropdown-menu {
  top: 2rem;
  padding: 0;
  min-width: 110px;
  width: -webkit-fill-available;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.multi_btn .dropdown-menu .dropdown-item {
  padding: 0.5rem;
  display: inline-block;
  /* color: rgb(46, 46, 46) !important; */
  color: #000;
  width: inherit !important;
}

.multi_btn .dropdown-menu .dropdown-item:hover {
  color: #fff!important;
  /* background-color: rgb(246, 246, 246) !important; */
  background-color: #000!important;
}

.multi_btn .dropdown-item {
  font-size: 0.825rem;
  width: 100%;
}

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


/**basics**/

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.clear_fix::after {
  content: "";
  display: block;
  clear: both;
}

.main_table tr.selected td {
  background-color: #f0f8ff;
}

.main_table tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.main_table th {
  border-bottom: none !important;
}

.main_table td {
  padding: 17px 8px !important;
  background-color: rgb(255, 255, 255);
  -webkit-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

.main_table tr:hover td {
  background-color: #f0f8ff;
}

.dropdown-menu .dropdown-item:hover {
  background-color: rgb(241, 241, 241);
  -webkit-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s;
}

.title-name {
  font-size: 0.9rem !important;
}

.icon_in_table {
  width: 48px;
  height: 48px;
  border-radius: 3px;
  margin-right: 10px;
}


/* .title_in_table {
max-width: 65% !important;
vertical-align: middle !important;
} */

.table_name_sec {
  vertical-align: middle;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: rgb(54, 54, 54);
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.price_dollar span {
  color: rgb(85, 92, 99);
  position: absolute;
  width: 25px !important;
  margin-top: 6px !important;
  text-align: center !important;
  font-size: 0.92rem;
  font-weight: bold;
}

.price_dollar input {
  padding-left: 24px !important;
}

.daterangepicker select.monthselect {
  padding: 1px 6px !important;
  border-radius: 3px;
}

.daterangepicker select.yearselect {
  padding: 1px 6px !important;
  border-radius: 3px;
}

.skooly-custom-navpill li a {
  margin: 10px 15px !important;
  padding: 0 !important;
  padding-bottom: 6px !important;
}

.pusher,
.skooly-dashboard-container {
  background: #f4f6f8;
}

.main-content-body .row.tc {
  border: 1px solid #e3e6e9;
  border-radius: 4px;
}

.main-content-body .tab-content {
  border: none !important;
}

.LanguageDropdown {
  margin-right: 1.5rem;
}

.headerUsername {
  color: rgb(94, 94, 94);
  font-size: 0.88rem !important;
}

.navbar-skooly-list img {
  width: 25px !important;
  border-radius: 3px;
}

.navbar-skooly-list {
  color: rgb(94, 94, 94) !important;
}

.ui.vertical.menu .item.dashboard-menu-logo {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.navbar-skooly-dashboard {
  -webkit-box-shadow: 1px 1px 6px 0.5px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 1px 1px 6px 0.5px rgba(0, 0, 0, 0.1) !important;
}

.dropdown-icons {
  width: 18px !important;
  margin-right: 8px !important;
}


/* BASIC */

button:active,
button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


/* custom dropdown */

.drop_custom {
  min-height: 0px !important;
  padding: 6.5px 15px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
}

.drop_custom .menu {
  color: grey !important;
  font-weight: normal !important;
  width: inherit;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.drop_custom .dropdown.icon {
  float: right;
  margin-top: 4px;
}

.drop_custom .custom_radio {
  margin: 0px !important;
}

.drop_custom input[type="radio"]+.radio-label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  font-weight: normal;
  width: 20px;
}

.drop_custom.MA_L {
  margin-left: 15px !important;
}

.drop_custom input[type="radio"]+.radio-label:before {
  width: 1.2em !important;
  height: 1.2em !important;
}


/* custom btn */

.enroll_download {
  letter-spacing: 0.5px;
  background: #ececec;
  border: none;
  color: #337ab7;
  text-align: center;
  border: 1px solid #ececec;
  padding: 0.3em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.enroll_download::before {
  font-family: FontAwesome;
  content: "\f1c3";
  padding-right: 4px;
}

.main_add_btn {
  letter-spacing: 0.5px;
  background: #f8577f;
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.26em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.main_save_btn {
  letter-spacing: 0.5px;
  background: rgb(26, 194, 141);
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.26em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.main_add_btn.MA_L,
.main_save_btn.MA_L {
  margin-left: 10px;
}

.main_save_btn.save::before {
  font-family: FontAwesome;
  content: "\f0c7";
  padding-right: 4px;
}

.main_add_btn.copy::before {
  font-family: FontAwesome;
  content: "\f24d";
  padding-right: 4px;
}

.main_add_btn.edit::before {
  font-family: FontAwesome;
  content: "\f044";
  padding-right: 4px;
}

.main_add_btn.add::before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 4px;
}

.main_add_btn.widget::before {
  font-family: FontAwesome;
  content: "\f009";
  padding-right: 4px;
}

.main_add_btn.message::before {
  font-family: FontAwesome;
  content: "\f27b";
  padding-right: 4px;
}

.ac_select_wrap {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.ac_select_wrap .MA_L {
  margin-left: 15px;
}

.ac_select_wrap input {
  border: 1px solid rgb(216, 216, 216) !important;
  padding-left: 8px;
  padding-right: 8px;
  min-height: 31px !important;
}

.select2-container {
  width: 100% !important;
  border-radius: 3px;
  border: 0px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
}

.select2-selection {
  border: 1px solid rgb(216, 216, 216) !important;
  min-height: 31px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 31px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #fff !important;
  border: 1px solid #43a2f3 !important;
  background-color: #43a2f3 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.589) !important;
  margin-right: 4px !important;
  font-size: 1rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: rgb(255, 255, 255) !important;
}

.select2-container--open .select2-selection {
  border: 1px solid #aaa !important;
}

.select2-selection:focus,
.select2-selection:active {
  outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  min-width: 0px !important;
  width: 100% !important;
  padding: 4px !important;
  border-radius: 3px !important;
  border: 1px solid rgb(216, 216, 216) !important;
  padding: 2px 4px !important;
  color: rgb(77, 77, 77) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgb(230, 230, 230) !important;
  color: #000!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb !important;
  color: #fff!important;
}

.select2-results__option {
  min-height: 31px !important;
}

.select_add {
padding: 10px 5px;
margin-top: 1px;
box-shadow: 1px -1px 2px 0px rgb(209, 209, 209);
}
.select_add label {
font-size: .9rem;
font-weight: 400;
}
.select_add .wrapper {
display: flex;
}
.select_add input {
  width: 100%;
  padding: .2rem .4rem;
  padding-right: 30px !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border: 1px solid rgb(219, 219, 219);
  border-right: none;
  height: 26px;
}

.select_add button {
  display: inline-flex;
  align-items: center;
  border: none;
  background: #5897fb;
  height: 26px;
  color: #fff;
  font-size: .9rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.select_add button i {
  margin-left: .5rem;
  color: #fff;
}

.ac_select_wrap .select2-container {
  margin-left: 15px;
}

.ac_select_wrap .select2-selection {
  max-height: 31px !important;
}

.ac_select_wrap .select2-selection--multiple .select2-selection__choice {
  float: none !important;
  display: inline-block !important;
}

.ac_select_wrap .select2-selection--multiple .select2-search__field {
  margin-top: 0px !important;
  display: none !important;
}

.ac_select_wrap .select2-selection--multiple .select2-selection__rendered {
  max-width: 204px !important;
}

.ac_select_wrap .select2-container:nth-of-type(1) {
  margin-left: 0px !important;
}

.ac_select_wrap .add_filter {
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  padding: 4px 10px;
  background-color: #fff;
  border-radius: 3px;
  height: 30px;
  margin-left: 15px;
}

.ac_select_wrap .filter_fetch {
  color: #fff;
  padding: 4px 4px;
  min-width: 80px;
  font-size: 1em;
  border-radius: 3px;
  height: 30px;
  margin-left: 15px;
  background-color: #8a8a8a !important;
  border: 1px solid #9e9e9e !important;
}

.ac_select_wrap .filter_fetch:hover {
  background-color: #0373f9 !important;
}

.ac_select_wrap .filter_fetch::before {
  font-family: FontAwesome;
  content: "\f0b0";
  padding-right: 2px;
}

.ac_select_wrap .date_div {
  width: 100%;
  margin-left: 15px !important;
}

.ac_select_wrap .date_div input {
  height: 31px !important;
  min-height: 0px !important;
  padding: 6.5px 15px !important;
  width: 80%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ac_select_wrap .date_div input:active,
.ac_select_wrap .date_div input:focus,
.ac_select_wrap .date_div input:hover {
  outline: none;
}

.ac_select_wrap .date_div button {
  height: 31px !important;
  width: 20%;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px !important;
}

.ac_select_wrap .date_div button:hover {
  background: rgb(241, 241, 241);
}

.ac_select_wrap .date_div button:active,
.ac_select_wrap .date_div button:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.main_back_btn{
  letter-spacing: 0.5px;
  background: #0373f9;
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.26em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
  margin-right: 10px;
}
.main_back_btn.back_settings::before{
  font-family: FontAwesome;
  content: "\f0a8";
  padding-right: 4px;
}


/*********************************setup.html**********************************/

.settings {
  padding: 0.5rem 4rem;
}

.settings .header {
  font-weight: bold;
  padding: 10px 0px;
}

.settings .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  padding: 10px;
  border-radius: 3px;
}

.settings .section:hover {
  background-color: rgb(245, 245, 245);
}

.settings .section .title {
  color: rgb(19, 152, 185);
  font-weight: bold;
}

.settings .section .desc {
  padding-top: 5px;
}

.settings .section .desc span {
  color: rgb(109, 109, 109);
}

.settings .section .logo {
  background: rgb(245, 245, 245);
  border-radius: 3px;
  width: 65px;
  height: 43px;
  text-align: center;
  display: table;
}

.settings .section .logo i {
  font-size: 1.8rem;
  color: rgb(177, 177, 177);
  display: table-cell;
  vertical-align: middle;
}

.settings .section .content {
  padding: 0px 20px;
}

.scheduleCombo .select2-container {
  width: 80% !important;
}

.scheduleCombo .pop_btn {
  height: 28px;
  border: 1px solid #aaa;
  background-color: #fff;
  margin-left: -4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.scheduleCombo .pop_btn:hover {
  background: #0373f9;
}

.scheduleCombo .pop_btn:hover i {
  color: #fff;
}

.scheduleCombo .select2-selection {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.scheduleCombo .select2-selection:active {
  outline: none !important;
}

.scheduleCombo .select2-search__field {
  width: 100% !important;
  min-width: 0px !important;
}

.modal-backdrop.in {
  display: none !important;
}


/*********************************locations.html**********************************/

.total_room {
  font-size: 0.95rem;
}

.btn.main:active,
.btn.main:focus {
  outline: none !important;
}

#f_img {
  width: 40%;
}

.f_img_remove {
  position: absolute;
  margin-left: 10px;
  background-color: #fff;
  border: none;
  display: none;
}

.f_img_remove:active,
.f_img_remove:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f_img_remove i {
  font-size: 1.3rem;
  color: rgb(236, 106, 106);
}

.inline_block {
  display: inline-block !important;
}

.dummy_input_facilities-html {
  border: none !important;
  width: 1px !important;
  cursor: default !important;
  padding: 8px 5px !important;
}

.days_row.M,
.days_row.T,
.days_row.W,
.days_row.TH,
.days_row.F,
.days_row.S {
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-bottom: 14px;
  margin-bottom: 10px;
}

.amenities_img {
  width: 100%;
  border-radius: 4px;
}

.amenities_text {
  text-align: center;
  padding: 10px;
}

.amenities_text i {
  font-size: 1.3rem;
  color: #3197ee;
}

.amenities_1,
.amenities_2,
.amenities_3,
.amenities_4,
.amenities_5 {
  cursor: pointer;
}

.hidden_i .amenities_text i {
  color: #fff !important;
}

.pushbar_more_btn {
  width: 100%;
  border-radius: 3px;
  background: #3788d8;
  color: #fff;
  border: 1px solid #3788d8;
  padding: 6px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.add_more_btn {
  width: 65%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgb(206, 206, 206);
  padding: 6px 10px;
}

.add_more_btn i {
  color: grey;
  margin-right: 10px;
  font-size: 1.1rem;
}

.add_more_btn:hover i {
  color: #fff;
}

.add_more_btn:active,
.add_more_btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.add_more_btn:hover {
  background: #3788d8;
  color: #fff;
  border: 1px solid #3788d8;
}

.additional_rooms {
  border-top: 1px solid rgb(221, 221, 221);
  padding-top: 18px !important;
  margin-top: 18px !important;
  margin-left: 0px;
  margin-right: 0px;
}

.additional_rooms .rooms_delete {
  position: absolute;
  right: 20px;
  margin-top: -196px;
  color: rgb(190, 72, 72);
  cursor: pointer;
}


/*********************************getting_started.html**********************************/

.GS {
  padding: 2rem 4rem !important;
}

.GS .row_1 .right_sec,
.GS .row_2 .left_sec,
.GS .row_3 .left_sec {
  padding: 10px;
}

.GS .row_2 .right_sec,
.GS .row_3 .right_sec {
  padding: 0px 0px !important;
}


/* section 1 */

.GS .row_1 .right_sec {
  text-align: center;
  -webkit-box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 10px 15px;
}

.GS .row_1 .right_sec .logo_div {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.GS .row_1 .right_sec .logo_div img {
  width: 80px;
  border-radius: 3px;
}

.GS .row_1 .right_sec .option_div {
  text-align: left;
  margin-top: 3px;
  width: 90px;
}

.GS .row_1 .right_sec .option_div span {
  cursor: pointer;
  font-size: 0.8rem;
  color: #0069d9;
  margin-left: 7px;
}

.GS .row_1 .right_sec .input_div1 {
  min-height: 29px;
}

.GS .row_1 .right_sec .input_div1,
.GS .row_1 .right_sec .input_div2,
.GS .row_1 .right_sec .secondary {
  padding-left: 25px;
}

.GS .row_1 .right_sec .secondary {
  font-size: 0.9rem;
  padding-top: 2px;
}

.GS .row_1 .right_sec .secondary i {
  margin-left: 10px;
  cursor: pointer;
  color: #0069d9;
}

.GS .row_1 .right_sec .secondary div:first-child {
  margin-bottom: 10px;
  min-height: 22px;
}

.GS .row_1 .right_sec .secondary div:nth-child(2) {
  min-height: 21px;
}

.GS .row_1 .right_sec .secondary input {
  margin-top: -1px;
  width: 150px;
  border: 1px solid rgb(192, 192, 192);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 1px 6px;
}

.GS .row_1 .right_sec .secondary button {
  border: 1px solid rgb(192, 192, 192);
  border-left: 0px solid grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0px 4px;
  text-align: center;
  background: #fff;
  color: #0069d9;
  margin: -3px;
}

.GS .row_1 .right_sec .secondary button i {
  margin-left: 0px;
}

.GS .row_1 .right_sec .input_div1 .edit_title {
  margin-left: 10px;
  cursor: pointer;
  color: #0069d9;
  font-size: 1.1rem;
}

.GS .row_1 .right_sec .input_div1 .title {
  font-size: 1.25rem;
}

.GS .row_1 .right_sec .input_div2 input {
  width: 250px;
  border: 1px solid rgb(192, 192, 192);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 4px 10px;
}

.GS .row_1 .right_sec .input_div2 button {
  border: 1px solid rgb(192, 192, 192);
  border-left: 0px solid grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  text-align: center;
  background: #fff;
  color: #0069d9;
}

.GS .row_1 .left_sec .main span {
  font-weight: bold;
  font-size: 1.15rem;
}

.GS .row_1 .left_sec .secondary {
  margin-top: 10px;
  margin-left: 8px;
}


/* progress line */

.GS_progress {
  padding: 0px 0px 0px 30px;
}

.GS_progress li {
  list-style: none;
  line-height: 1px;
}

.GS_progress .node {
  height: 30px;
  text-align: center;
  width: 30px;
  padding-top: 14px;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
  background-color: rgb(172, 172, 172);
}

.GS_progress .divider {
  height: 130px;
  width: 3px;
  margin-left: 13px;
  -webkit-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  background-color: rgb(172, 172, 172);
}

.GS_progress .title {
  display: inline-block;
  margin-left: 25px;
}

.GS_progress .title i {
  display: none;
  color: rgb(85, 161, 85);
  margin-left: 5px;
  font-size: 1.3rem;
}

.GS_progress .completed .node {
  background-color: rgba(82, 165, 255, 1);
}

.GS_progress .completed .title {
  color: rgba(82, 165, 255, 1);
  font-weight: bold;
}

.GS_progress .completed .divider {
  background-color: rgba(82, 165, 255, 1);
}

.GS_progress .completed i {
  display: inline-block;
}


/* section 2 */

.GS .row_2 {
  margin-top: 20px;
}

.GS .row_2 .right_sec .section {
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  width: 100%;
  height: 140px;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.GS .row_2 .right_sec .section .sec_footer {
  padding-top: 15px;
}

.GS .row_2 .right_sec .section .title {
  font-weight: bold;
  font-size: 1.1rem;
}

.GS .row_2 .right_sec .section .desc {
  margin-top: 4px;
  width: 85%;
  min-height: 38px;
}

.GS .row_2 .right_sec .section .option_btn {
  background: #f8577f;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #f8577f;
  padding: 8px 16px;
  min-width: 195px;
  font-size: 1.05rem;
}

.GS .row_2 .right_sec .section .option_btn:hover {
  background: #ee5178;
}

.GS .row_2 .right_sec .section .logo img {
  width: 80px;
  position: absolute;
}

.GS .row_2 .right_sec .section.sec_4 img {
  width: 120px;
}


/* section 3 */

.GS .row_3 .right_sec .meta_section {
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  width: 100%;
  height: 140px;
  padding: 15px;
  margin-bottom: 20px;
}

.GS .row_3 .left_sec .meta_title {
  width: 100%;
  padding-left: 90px;
  height: 160px;
  font-weight: bold;
}

.GS .row_3 .right_sec .meta_section .option_btn_2 {
  background: #ffffff;
  color: rgb(43, 43, 43);
  border-radius: 3px;
  border: 1px solid #f8577f;
  padding: 8px 16px;
  min-width: 195px;
  font-size: 1.05rem;
}

.GS .row_3 .right_sec .meta_section .option_btn_2:hover {
  background: #f8577f;
  color: #fff;
}

.GS .row_3 .right_sec .meta_section .sec_footer {
  padding-top: 15px;
}

.GS .row_3 .right_sec .meta_section .title {
  font-weight: bold;
  font-size: 1.1rem;
}

.GS .row_3 .right_sec .meta_section .desc {
  margin-top: 4px;
  width: 85%;
  min-height: 38px;
}

.GS_top {
  background: #000638;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  margin: 1rem 2.7rem -1rem 1rem;
  border-radius: 3px;
}

.GS_top button {
  background: #1fad7f;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: .6rem 1.2rem;
}

.GS_top button:hover {
  background: #1da77b;
}


/*********************************subscription.html**********************************/

.subs.pusher,
.subs .skooly-dashboard-container {
  background: #f4f6f8;
}

.plan .header span {
  font-weight: bold;
  font-size: 1.3rem;
}

.plan .header {
  padding: 1rem 0rem;
  border-bottom: 1px solid rgb(214, 214, 214);
}

.plan .description {
  text-align: center;
  padding: 1.5rem 0rem 2rem 0rem;
}

.plan .description .line_1 {
  font-weight: bold;
  font-size: 1.2rem;
}

.plan .description div {
  padding-top: 1rem;
}

.plan .description .line_2 {
  color: grey;
  font-size: 1.1rem;
}

.plan .showcase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.plan .wrapper {
  margin: 0rem 0.4rem;
  min-width: 24%;
}

.plan .sec {
  letter-spacing: 0.3px;
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 2rem 1rem;
}

.plan .sec:first-child {
  margin-left: 0rem !important;
}

.plan .sec:last-child {
  margin-right: 0rem !important;
}

.plan .sec .main_price {
  font-size: 1.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5rem;
}

.plan .sec .sub_price {
  padding: 1rem 0rem;
  text-align: center;
  font-size: .9rem;
  color: grey;
}

.plan .sec .main_price div {}

.plan .sec .main_price .price {
  font-size: 2.8rem;
  letter-spacing: 0.5px !important;
  /* font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; */
  font-family: "Public Sans", sans-serif;
  font-weight: 500;
}

.plan .sec .plan_btn {
  padding: 1rem 0rem;
  text-align: center;
}

.plan .sec .plan_btn button {
  width: 80%;
  background-color: #5b69c2;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.plan .sec .plan_btn button:hover {
  background-color: #4654b3;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.plan .sec .plan_title {
  padding: 0.3rem 0rem 1.6rem 0rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.plan .sec .plan_desc {
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 2rem;
}

.plan .sec .meta_section {
  text-align: center;
  padding-bottom: 1rem;
}

.plan .sec .meta_section:last-child {
  padding-bottom: 0rem;
}

.plan .sec .meta_section .meta_title {
  font-weight: bold;
  font-size: 1.05rem;
  padding-bottom: 0.3rem;
}

.plan .popular {
  padding: 1rem 0rem;
  background: #f9fafb;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.plan .popular_dummy {
  padding: 1rem 0rem;
}

.plan .sec.highlight {
  border: 1px solid #1fad7f;
  -webkit-box-shadow: inset 0px 0px 0px 1.5px #1fad7f;
  box-shadow: inset 0px 0px 0px 1.5px #1fad7f;
}

.plan .sec.highlight button {
  background: #1fad7f !important;
  color: #fff;
}

.plan .sec.highlight button:hover {
  background: #229c78 !important;
}

.showcase_secondary .multi {
  margin: 5rem 0.4rem;
  letter-spacing: 0.3px;
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 2rem 1rem;
  text-align: center;
}

.showcase_secondary .multi .title {
  padding: 0rem 0rem 1.6rem 0rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.showcase_secondary .multi .option {
  padding: 1rem 0rem 0rem 0rem;
}

.showcase_secondary .multi .option button {
  min-width: 180px;
  background-color: #f0ad4e;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.showcase_secondary .multi .option button:hover {
  background-color: #e6a346;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.plan_desc {
  padding: 0rem 0.4rem;
}

.plan_desc table {
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  -webkit-box-shadow: 0 3px 8px rgba(122, 109, 109, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px rgba(122, 109, 109, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.plan_desc table th {
  font-size: 1.07rem;
  font-weight: bold;
}

.plan_desc table tr {
  padding: 0rem 1rem;
}

.plan_desc table th,
.plan_desc table td {
  padding: 1.2rem 1rem;
}

.plan_desc table .header td {
  font-size: 0.92rem;
  font-weight: bold;
  background: #f4f6f8;
  color: #4d5bb3;
}

.plan_desc table .data td {
  font-size: 0.92rem;
  color: #5b5e6d;
}

.plan_desc table thead th {
  border: 1px solid #5b69c2;
}

.plan_desc table .data td {
  border: 1px solid #e4e4e4;
}

.plan_desc table th {
  text-align: center;
}

.plan_desc table th:first-child {
  text-align: left !important;
}

.plan_desc table .data td {
  text-align: center;
}

.plan_desc table .data td:first-child {
  text-align: left !important;
}

.plan_desc table thead th:first-child,
.plan_desc table .header td:first-child,
.plan_desc table .data td:first-child {
  padding-left: 2rem;
}

.plan_desc table .data td img {
  width: 18px;
}

.plan_desc table .data td.high {
  color: #e7476f;
}

.plan_desc table thead th {
  background: #5b69c2;
  color: #fff;
}

.billing_header {
  width: 100%;
  padding: 1.5rem 0rem;
  border-bottom: 1px solid rgb(219, 219, 219);
}

.billing_header {
  font-weight: bold;
  font-size: 1.3rem;
}

.billing .sec {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-top: 2em;
  padding: 2rem;
}

.billing .header {
  font-weight: bold;
  font-size: 1rem;
  padding-bottom: 1rem;
}

.billing .sec .content .desc {
  color: grey;
}

.billing .sec .content .checkbox {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-top: 1rem;
}

.billing .sec .content .info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 1rem 0.6rem;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.billing .sec .content .pay_row {
  border-bottom: 1px solid #e4e4e4;
  padding: 1rem 0.6rem;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.billing .sec .content .info_row.active_bill {
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #ebf5fa;
}

.billing .sec .content .pay_row.active_bill {
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #ebf5fa;
}

.billing .sec .content .info_row label,
.billing .sec .content .pay_row label {
  padding-left: 0px !important;
  font-weight: bold;
}

.billing .sec .content .info_row div,
.billing .sec .content .pay_row div {
  width: 100%;
}

.billing .sec .content .info_row .savings,
.billing .sec .content .pay_row .savings {
  text-align: right;
  padding-right: 0.5rem;
  color: #1fad7f;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.billing .sec .content .desc_s {
  padding: 1rem 0rem 2rem 0rem;
}

.billing .sec .content .plan_details .header {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem !important;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

.billing .sec .content .plan_details .desc {
  border-bottom: 1px solid #e4e4e4;
  background: #f4f6f8;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.billing .sec .content .plan_details .desc div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.billing .sec .content .plan_details .desc div:last-child {
  margin-bottom: 0rem;
}

.billing .sec .content .plan_details .desc b {
  margin-right: 5px;
}

.billing .sec .content .plan_details .desc i {
  font-size: 0.6rem !important;
  margin-right: 10px;
}

.billing .sec .content .finish .header {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.billing .sec .content .finish .header div {
  width: 100%;
}

.billing .sec .content .finish .header .amount {
  text-align: right;
}

.billing .sec .content .start_plan {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  text-align: center;
}

.billing .sec .content .start_plan button {
  width: 80%;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  background-color: #5b69c2;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.billing .sec .content .start_plan button:hover {
  background-color: #505db1;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.billing .sec .content .meta {
  text-align: center;
}

.billing .sec .content .pay_row .meta_card {
  padding: 0.5rem 3rem;
}

.billing .sec .content .pay_row .meta_card div {
  margin-top: 1rem;
}

.billing .sec .content .pay_row .meta_card .add_card {
  color: rgb(78, 157, 248);
  cursor: pointer;
}

.billing .sec .content .pay_row .paypal {
  width: 100px;
  margin-top: -8px;
}


/*********************************Table**********************************/

.academy_table .d-flex {
  display: flex;
  align-items: center;
}

.academy_table .figure.class-profile img {
  width: 40px !important;
}

.academy_table thead tr th {
  text-align: center;
}

.academy_table thead tr th:first-child {
  text-align: left;
}

.academy_table tbody tr td {
  text-align: center;
}

.academy_table tbody tr td:first-child {
  text-align: left;
}

.new-academy-class-table-outer table thead tr th {
  font-size: 1rem !important;
}

.new-academy-class-table-outer table tbody tr td {
  font-size: 0.95rem;
  padding: 10px 10px;
}

.container-greeting-text-type2 {
  font-size: 16px;
  font-family: "Noto Sans Regular", sans-serif;
}

.container-greeting-text-type2 span {
  position: absolute;
  bottom: 0;
  padding-left: 10px;
  font-weight: 600;
}

#content {
  background-color: #f4f6f8 !important;
}

body {
  background-color: #f4f6f8 !important;
}

.color_picker_modal label {
  color: grey;
  font-weight: normal;
  margin-left: 10px;
  float: left;
  margin-top: 5px;
}

.color_picker_modal div {
  width: 35px;
  height: 35px;
  cursor: pointer;
  outline: none;
  margin-left: 100px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}


/* brands css */

#brandTableContainer table thead tr th,
#categoryTableContainer table thead tr th {
  font-size: 1rem!important;
  text-align: left;
}

#brandTableContainer table thead tr th:nth-child(1),
#categoryTableContainer table thead tr th:nth-child(1),
#categoryTableContainer table thead tr th:nth-child(3) {
  width: 20%!important;
}

#brandTableContainer table thead tr th:nth-child(2),
#categoryTableContainer table thead tr th:nth-child(2) {
  width: 45%!important;
}

#brandTableContainer table thead tr th:nth-child(3),
#brandTableContainer table thead tr th:nth-child(4) {
  text-align: center!important;
  width: 15%!important;
}

#brandTableContainer table tbody td,
#categoryTableContainer table tbody td {
  padding: 10px 18px!important;
  font-size: 0.85rem!important;
}


/* category css */

#categoryTableContainer table thead tr th:nth-child(3) {
  text-align: center!important;
}
.modal-open{
  overflow-y: scroll!important;
}
.term_input_2,
.term_input_2,
.items-search {
border-radius: 3px;
padding: 6px 8px;
border: 1px solid rgb(216, 216, 216);
color: rgb(80, 80, 80) !important;
width: 100%;
margin-bottom: 16px;
}
.add-category {
  background: #f8577f;
  color: #fff;
  border-radius: 3px;
  padding: 4px 8px;
  border: 1px solid #f8577f;
  font-size: 0.9rem;
}
.add-category:focus,
.add-category:hover,
.add-category:active,
.add-category:visited {
outline: none;
color: #fff;
font-family: "Noto Sans Regular", sans-serif;
-webkit-box-shadow: none;
box-shadow: none;
}

/*course fee css*/

.CF_title {
  margin-bottom: 8px !important;
}

.CF_sec .for_session .col-sm-6:nth-child(1),
.CF_sec .for_session .col-sm-6:nth-child(3),
.CF_sec .for_duration .col-sm-6:nth-child(1),
.CF_sec .for_duration .col-sm-6:nth-child(3) {
  padding-left: 0 !important;
}

.CF_sec .for_session .col-sm-6:nth-child(2),
.CF_sec .for_session .col-sm-6:nth-child(4),
.CF_sec .for_duration .col-sm-6:nth-child(2),
.CF_sec .for_duration .col-sm-6:nth-child(4) {
  padding-right: 0 !important;
}


/******** coming soon ***********/

.coming_soon_view {
  min-height: 90vh;
}

.coming_soon_view img {
  width: 42%;
}

/* .coming_soon_view label {
  margin-top: 2rem;
  font-weight: bold;
  font-size: 2rem;
  color: rgb(105, 105, 105);
} */

.coming_soon_view .highlight {
  color: #f8577f;
}


/******** empty ***********/

.empty_view {
  margin-top: 8rem;
  min-height: 60vh;
  text-align: center;
}

.empty_view img {
  width: 100px;
}

.empty_view label {
  color: grey;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}

.empty_view .add_empty {
  background: #f8577f;
  color: #fff;
  border: none;
  padding: .4rem 1rem;
  border-radius: 3px;
  margin-top: 1.5rem;
}

.empty_view .add_empty::before {
  font-family: FontAwesome;
  content: "\f0fe";
  padding-right: 10px;
}

.empty_view .add_empty:hover {
  background: #ee5279;
}

.class_room_list {
  float: right;
}

.courseEnrolldelete {
  position: absolute;
  right: 0;
  margin-top: 18px;
  margin-right: 2px;
  color: red;
  cursor: pointer;
}


/***************************************** Enrollment ********************************************************/

.table_email {
  font-size: 0.8rem;
}

.table_phone {
  font-size: 0.8rem;
}

.enroll_status {
  padding: 5px 0px 4px 5px !important;
  min-height: 20px !important;
  height: 25px !important;
  min-width: 92px !important;
  width: 92px !important;
}

.enroll_status .menu .item {
  margin-left: -10px !important;
}

.enroll_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  margin: 40px 16px;
  padding: 23px 0px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1) !important;
}

.enroll_meta div {
  width: 100%;
  text-align: center;
}
.enroll_meta div:hover {
background-color: #f4f6f8;
border-radius: 5px;
}
.enroll_meta .count {
  font-size: 30px;
  font-weight: normal;
  margin-top: 8px;
}

.enroll_meta .count.total {
  color: #f86287;
}

.enroll_meta .title {
  font-weight: normal;
  font-size: 13px;
  margin-top: 8px;
}

.enroll_meta .title.total {
  color: #0373f9;
}

.enroll_meta .title.active {
  color: #5cb85c;
}

.enroll_meta .title.inactive {
  color: #d9534f;
}

.enroll_meta .title.new {
  color: #5bc0de;
}

.enroll_meta .title.waitlisted {
  color: #ffa500;
}


/* Add student */

.child_contact_del {
  position: absolute;
  right: 5px;
  z-index: 10;
  margin-top: 14px;
  color: rgb(196, 75, 75);
  cursor: pointer;
}

.student-profile-img {
  width: 100px;
  border-radius: 50px;
}

.select-border-none {
  border: 1px solid #fff!important;
  text-align: center;
  background-image: none !important;
  width: auto !important;
  text-align: center;
  text-align-last: center;
}

.package_details {
  width: 100%;
}

.package_details .single_detail {
  padding: 10px 20px;
}

.package_details .single_detail label {
  width: 40%;
  color: rgb(109, 109, 109);
}

.enrollments_view {
  padding: 0px 15px;
}

.enrollments_view table {
  width: 100%;
}

.enrollments_view table tbody tr {
  border-top: 1px solid #ddd;
}

.enrollments_view table tbody tr td {
  padding: 15px 0px;
  font-size: 0.95rem;
}

.enrollments_view table thead tr th {
  padding: 10px 0px;
}

.ST_view .UP_list .single_entry:last-child {
  border-bottom: 0px solid !important;
}

.ST_view .UP_list .single_entry .title {
  width: 65%;
  color: #0098db;
  font-weight: bold;
  font-size: 1.05rem;
}

.ST_view .UP_list .single_entry .status_1,
.ST_view .UP_list .single_entry .status_2 {
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}

.ST_view .UP_list .single_entry .status_1 {
  background: rgb(212, 212, 212);
  color: rgb(77, 77, 77);
}

.ST_view .UP_list .single_entry .status_2 {
  background: #ff931b;
  color: rgb(247, 247, 247);
}

.ST_view .UP_list .single_entry .description {
  margin-top: 3px;
  font-size: 0.9rem;
}

.ST_view .UP_list .single_entry {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.ST_view .UC_header i {
  margin-right: 10px;
  color: rgb(78, 78, 78);
}

.ST_view .UC_header div {
  float: right;
}

.ST_view .history_header {
  font-weight: bold;
}

.ST_view .history_div {
  padding-top: 18px;
  padding-bottom: 18px;
}

.ST_view .single_history {
  padding-bottom: 8px;
}

.ST_view .secondary_row .left_sec {
  padding-right: 30px;
  border-right: 0px solid !important;
}

.ST_view .secondary_row .right_sec {
  border-left: 1px solid rgb(231, 231, 231);
  height: 350px;
  overflow-y: scroll;
}

.ST_view .secondary_row .right_sec::-webkit-scrollbar {
  display: none;
}

.ST_view .secondary_row {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(230, 230, 230);
}

.ST_view .class_details .col-md-4 {
  padding: 1.6rem;
}

.ST_view .class_data_1 {
  width: 30%;
  float: left;
  text-align: center;
  padding-top: 8px;
  font-size: 1.5rem;
  color: rgb(61, 61, 61);
}

.ST_view .class_data_2 {
  width: 70%;
  float: right;
}

.span_bold {
  font-weight: bold;
  color: rgb(59, 59, 59);
}

.span_grey {
  color: rgb(156, 156, 156);
}

.ST_view .options button {
  width: 100%;
  padding: 6px 0px;
  margin-bottom: 10px;
}

.ST_view .options button label {
  font-weight: normal;
  width: 150px;
  cursor: pointer;
}

.ST_view .options .btn_1,
.ST_view .options .btn_2 {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
  border-radius: 3px;
}

.ST_view .options .btn_1:hover,
.ST_view .options .btn_2:hover {
  background: rgb(32, 140, 230);
}

.ST_view .options .btn_3 {
  background: #ffffff;
  color: rgb(49, 49, 49);
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}

.ST_view .options .btn_3:hover {
  background: rgb(249, 249, 249);
}

.ST_view .options .btn_3 i {
  color: rgb(92, 92, 92);
}

.ST_view .options button:active,
.ST_view .options button:focus {
  outline: none;
}

.ST_view .navigation {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.ST_view .col_header {
  font-weight: bold;
  margin-bottom: 15px;
}

.ST_view .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}

.ST .filter .date_p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ST .filter .date_p input {
  width: 100%;
  border: 1px solid rgb(230, 230, 230);
  padding: 4px 8px;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.ST .filter .date_p button {
  background: #fff;
  color: rgb(68, 68, 68);
  border: 1px solid rgb(230, 230, 230);
  margin-left: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0px 15px;
}

.ST .filter .date_p input:active,
.ST .filter .date_p input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid rgb(167, 167, 167);
  border-left: 1px solid rgb(167, 167, 167);
  border-bottom: 1px solid rgb(167, 167, 167);
}

.ST .filter .date_p button:active,
.ST .filter .date_p button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ST .filter .fetch_div button {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #f8577f;
  background: #f8577f;
  color: #fff;
  padding: 7px 0px;
  margin-top: 20px;
}

.ST .filter .fetch_div button:hover {
  background: #ec5379;
}

.ST .filter .fetch_div button:active,
.ST .filter .fetch_div button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ST .filter .dropdown {
  width: 100%;
  min-height: 0px;
  height: 29px;
  padding: 7px 14px;
  margin-bottom: 20px;
}

.ST .single_entry .title {
  width: 50%;
  color: #0098db;
  font-weight: bold;
  font-size: 1.05rem;
  cursor: pointer;
}

.ST .single_entry .status_1,
.ST .single_entry .status_2 {
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}

.ST .single_entry .status_1 {
  background: rgb(212, 212, 212);
  color: rgb(77, 77, 77);
}

.ST .single_entry .status_2 {
  background: #ff931b;
  color: rgb(247, 247, 247);
}

.ST .single_entry .description {
  margin-top: 3px;
  font-size: 0.9rem;
}

.ST .single_entry .data {
  width: 90%;
  float: left;
}

.ST .single_entry .meta {
  width: 10%;
  float: right;
  padding: 12px;
  text-align: center;
}

.ST .single_entry .meta i {
  color: grey;
  font-size: 1.05rem;
  cursor: pointer;
}

.ST .single_entry {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.ST .col_header {
  font-weight: bold;
  margin-bottom: 15px;
}

.ST .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}

.ST .col_content .options .div_1 {
  float: left;
}

.ST .col_content .options .div_2 {
  float: right;
}

.ST .col_content .options {
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.ST .col_content .options select {
  padding: 2px 5px;
  width: 30px;
  border: 1px solid rgb(230, 230, 230);
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 3px;
}

.ST .col_content .options input {
  border: 1px solid rgb(230, 230, 230);
  padding: 4px 8px;
}

.ST .col_content .options select:active,
.ST .col_content .options select:focus,
.ST .col_content .options input:active,
.ST .col_content .options input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.row.ST,
.row.ST_view {
  margin: 0px !important;
}

.makeups {
  padding: 0px 15px;
}

.makeup_header {
  font-weight: bold;
  font-size: 1.1rem;
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  margin-bottom: 12px;
}

.makeup_content {
  margin-left: 0px;
}

.makeup_content .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}

.makeup_content .left_sec .cal_icon {
  margin-right: 15px;
  color: #2196f3;
}

.makeup_content .left_sec .info_icon {
  margin-left: 15px;
  color: grey;
}

.makeup_btn {
  width: 100%;
  text-align: center;
  padding: 7px 10px;
  border-radius: 3px;
  color: #fff;
  background-color: #2196f3;
  border: 1px solid #2196f3;
}

.makeup_btn:hover {
  background-color: rgb(31, 141, 231);
}

.makeup_btn:active,
.makeup_btn:focus {
  outline: none;
}

.makeup_content .first_row {
  background-color: rgb(241, 241, 241);
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 18px;
  border-radius: 3px;
  color: rgb(75, 75, 75);
}

.makeup_content .data_row {
  margin-bottom: 15px;
}

.makeup_date {
  min-width: 40%;
  font-weight: normal;
}

.row-highlight table tbody tr:hover,
.row-highlight table tbody tr:focus,
.row-highlight table tbody tr:active {
  background-color: #00a6e51f !important;
  cursor: pointer;
  ;
}

.row-highlight table tbody tr:hover .copyText,
.row-highlight table tbody tr:focus .copyText,
.row-highlight table tbody tr:active .copyText {
  background-color: transparent !important;
  border-color: transparent !important;
  cursor: pointer;
  ;
}

.academyStudentAttendance thead tr th:nth-child(2),
.academyStudentAttendance thead tr th:nth-child(3),
.academyStudentAttendance thead tr th:nth-child(4),
.academyStudentAttendance thead tr th:nth-child(5),
.academyStudentAttendance thead tr th:nth-child(6),
.academyStudentAttendance thead tr th:nth-child(7) {
  text-align: center !important;
  white-space: nowrap;
}

#coursefeeTableContainer thead th {
  text-align: center;
  padding-left: 10px !important;
}

#coursefeeTableContainer thead th:first-child {
  text-align: left;
}

#coursefeeTableContainer tbody td {
  text-align: center;
}

#coursefeeTableContainer tbody td:first-child {
  text-align: left;
}

.enroll_meta{
  margin: 20px 16px 40px 16px !important;
}



#studentReportTableContainer thead th{
padding:10px 18px!important;
}

#courseTableConatainer thead th:first-child{
  padding: 0px;
}
#courseTableConatainer tbody tr td .custom_checkbox+label{
  width: 0px!important;
}
#courseTableConatainer tbody tr td:first-child{
  padding: 0px!important;
}
#courseTableConatainer thead th:nth-child(6),#courseTableConatainer thead th:nth-child(7){
  text-align: center !important;
}
#courseTableConatainer tbody tr td:nth-child(6){
  text-align: center !important;
}
#courseTableConatainer tbody tr td:nth-child(2){
  width: 15%!important;
}
#studentReportTableContainer .sec_btn{
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
  /* border-left: 1px solid #fff !important; */
  display: inline-flex;
  align-items: center;
}
#studentReportTableContainer .dropdown-menu{
right:0 !important;
left:unset !important;
}

/* Live streaming */
.stream_main_view thead th:nth-child(2),.stream_main_view thead th:nth-child(3){
  text-align: center;
}
button:active,
button:focus,
select:active,
select:focus,
input:active,
input:focus {
outline: none;
}
.stream_main_view {
padding: 1rem;
}
.stream_main_view ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.stream_main_view li {
padding: 0.5rem 1rem;
}
.stream_main_view a {
border-bottom: 2px solid #fff;
color: rgb(59, 59, 59);
padding-bottom: 0.3rem;
}
.stream_main_view li.active a {
border-bottom: 2px solid #f8577f;
color: #f8577f;
}
.stream_main_view .tab-content {
border: none !important;
padding: 1rem;
}
.main_add_btn {
letter-spacing: 0.5px;
background: #f8577f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
}
.main_add_btn.add::before {
font-family: FontAwesome;
content: "\f0fe";
padding-right: 4px;
}
.class_selector {
padding: 0.26em 1em;
border: 1px solid rgb(224, 224, 224);
font-size: 0.95em;
margin-right: 1rem;
border-radius: 0.25em;
}
.class_selector:active,
.class_selector:focus {
border: 1px solid #7b9cd3;
}

.top_menu_right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* Tab 1 */
.sessions_sec table {
width: 100%;
}
.sessions_sec table thead tr th:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.sessions_sec table thead tr th:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.sessions_sec table thead tr th {
padding: 0.8rem 0.5rem;
color: rgb(70, 70, 70);
background-color: #f4f6f8;
}
.sessions_sec table tbody tr td {
padding: 1.3rem 0.5rem;
border-bottom: 1px solid rgb(233, 233, 233);
}
.sessions_sec table tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.sessions_sec table tbody tr td:last-child {
text-align: center;
}
.sessions_sec table tbody tr td:nth-child(2),
.sessions_sec table tbody tr td:nth-child(3),
.sessions_sec table tbody tr td:nth-child(4),
.sessions_sec table tbody tr td:nth-child(5),
.sessions_sec table tbody tr td:nth-child(6) {
text-align: center;
}
.view_recording {
background-color: #0373f9 !important;
border: 1px solid #0373f9;
color: #fff;
font-size: 0.9em;
line-height: 1.5;
padding: 0.26em 0.5em;
border-radius: 0.25em;
}
/* Tab 2 */
.recordings_sec table {
width: 100%;
}
.recordings_sec table tbody tr td {
padding: 1.6rem 0.2rem;
border-bottom: 1px solid rgb(233, 233, 233);
}
.recordings_sec table tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.recordings_sec table tbody tr td:first-child {
padding-left: 10px;
}
.recordings_sec table tbody tr td:first-child img {
width: 72%;
cursor: pointer;
-webkit-box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
border-radius: 5px;
}
.recordings_sec table tbody tr td:nth-child(2) .title {
font-weight: bold;
}
.recordings_sec table tbody tr td:last-child button {
background: none;
border: none;
margin-right: 0.5rem;
}
.recordings_sec .time {
padding-top: 4px;
}
.recordings_sec table .play {
color: #0373f9;
}
.recordings_sec table .play:hover {
color: #0063dd;
}
.recordings_sec table .delete {
color: grey;
}
.recordings_sec table .delete:hover {
color: #e04f4f;
}
.recordings_sec table .play i {
font-size: 2.2rem;
}
.recordings_sec table .delete i {
font-size: 1.3rem;
}
/* Tab 3 */
.classes_sec table {
width: 100%;
}
.classes_sec table tbody tr td:nth-child(2),
.classes_sec table tbody tr td:nth-child(3),
.classes_sec table tbody tr td:nth-child(4) {
text-align: center;
}
.classes_sec thead tr th {
padding: 15px 10px;
border-bottom: 1px solid rgb(230, 230, 230);
}
.classes_sec tbody tr td {
padding: 25px 10px;
border-bottom: 1px solid rgb(230, 230, 230);
}
.classes_sec tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.classes_sec tbody .btn_1 {
background: #f8577f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-right: 0.5rem;
}
.classes_sec tbody .btn_1:hover {
background: #ec4f76;
}
.classes_sec tbody .btn_2:hover {
background: #1ca378;
}
.classes_sec tbody .btn_2 {
background: #1fad7f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-left: 0.5rem;
}
.classes_sec tbody .live_btn {
background: #1fad7f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
min-width: 100px;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-right: 0.5rem;
}
.classes_sec tbody .live_btn:hover {
background: #1ba076;
}
/* video player modal */
.video_player_modal .modal-body {
padding: 0px !important;
}
.video_player_modal video {
border-radius: 4px;
}
.video_player_modal video:focus {
outline: none;
}

/*********************************************Online live class***********************************************/

/* basic */
.stream_dashboard button:active,
.stream_dashboard button:focus,
.stream_dashboard input:active,
.stream_dashboard input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* header row-1 */
.stream_dashboard .header {
padding: 0.8rem 1.5rem;
margin: 0;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.075);
}
.header .class_name {
font-weight: normal;
margin-top: 5px;
}
.main_btn_leave {
background: none;
border: none;
color: #44a2fc;
}
.header .main_btn_start {
color: #fff;
background: #f8577f;
border: 1px solid;
border-radius: 4px;
padding: 0.3rem 0rem;
margin-left: 1rem;
width: 100px;
}
.header .main_btn_stop {
color: #f8577f;
background: #ffffff;
border: 1px solid #f8577f;
border-radius: 4px;
padding: 0.3rem 0rem;
margin-left: 1rem;
width: 100px;
}
.header .timing {
color: grey;
font-size: 1.1rem;
}
/* nav row-2 */
.nav_sec {
margin-top: 1.5rem;
}
.nav_sec .boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.nav_sec .box {
width: 100%;
text-align: center;
margin-right: 4rem;
}
.nav_sec .box:last-child {
margin-right: 0rem;
}
.nav_sec .box button i {
font-size: 1.5rem;
color: rgb(75, 75, 75);
}
.nav_sec .box button {
background: none;
border-radius: 3px;
border: 1px solid rgb(223, 223, 223);
padding: 0.5rem 0.5rem;
width: 100%;
}
.nav_sec .box.active i {
color: #f8577f;
}
.nav_sec .box.active button {
border: 1px solid #f8577f;
}
.nav_sec .box label {
width: 100%;
font-weight: normal;
margin-top: 0.5rem;
}
/* main row-3 */
.main_sec {
margin: 0;
margin-top: 1rem;
margin-bottom: 2rem;
}
.options_wrapper,
.main_screen,
.side_wrapper {
height: 400px;
}
.main_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 !important;
}
.main_screen {
border: 1px solid rgb(228, 228, 228);
border-radius: 3px;
width: 58%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main_screen.full {
width: 68%;
margin-left: 4%;
margin-right: 6%;
-webkit-transition: width 0.5s, margin-left 0.5s;
-o-transition: width 0.5s, margin-left 0.5s;
transition: width 0.5s, margin-left 0.5s;
}
.side_wrapper {
border: 1px solid rgb(228, 228, 228);
border-radius: 3px;
width: 24%;
margin-left: 2%;
margin-right: 2%;
}
.options_wrapper {
border: 1px solid rgb(228, 228, 228);
border-radius: 3px;
width: 8%;
margin-left: 2%;
margin-right: 2%;
padding: 1rem 0rem;
}

/* left side options  */
.options_wrapper {
background: #fafafa;
}
.options_wrapper .option_btn {
width: 100%;
margin-bottom: 3rem;
text-align: center;
}
.options_wrapper .option_btn:last-child {
margin-bottom: 0rem !important;
}
.options_wrapper label {
font-weight: normal;
width: 100%;
font-size: 0.9rem;
}
.options_wrapper button {
background: none;
border: none;
}
.options_wrapper button i {
font-size: 1.3rem;
}
.option_btn button i,
.option_btn button i {
color: #f8577f;
}
.options_wrapper button.mute i {
color: grey !important;
}
.options_wrapper button.mute i:after {
position: absolute;
content: "/";
color: grey;
font-weight: 700;
font-size: 1.8em;
left: 1px;
top: -9px;
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.stop_record.started i {
color: #f8577f !important;
}

/* custom scrollbar */
.stu_div::-webkit-scrollbar,
.chat_data::-webkit-scrollbar {
background-color: #fff;
width: 16px;
}

.stu_div::-webkit-scrollbar-track,
.chat_data::-webkit-scrollbar-track {
background-color: #fff;
}
.stu_div::-webkit-scrollbar-track:hover,
.chat_data::-webkit-scrollbar-track:hover {
background-color: #f4f4f4;
}

.stu_div::-webkit-scrollbar-thumb,
.chat_data::-webkit-scrollbar-thumb {
background-color: #babac0;
border-radius: 16px;
border: 5px solid #fff;
}
.stu_div::-webkit-scrollbar-thumb:hover,
.chat_data::-webkit-scrollbar-thumb:hover {
background-color: #a0a0a5;
border: 4px solid #f4f4f4;
}

.stu_div::-webkit-scrollbar-button,
.chat_data::-webkit-scrollbar-button {
display: none;
}
/* custom scrollbar */
/* chat / student */
.chat_div {
padding: 0.6rem 0rem;
}
.stu_div {
padding: 0.6rem 0.6rem;
height: 360px;
overflow-y: auto;
}
.side_wrapper .switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.side_wrapper .switch button {
width: 100%;
border: none;
background: #fff;
border-bottom: 1px solid rgb(228, 228, 228);
padding: 0.3rem 0rem;
}
.side_wrapper .switch button:first-child {
border-right: 1px solid rgb(228, 228, 228);
}
.side_wrapper .switch .active {
color: #44a2fc;
border-bottom: 2px solid #44a2fc;
}

.chat_data {
height: 312px;
overflow-y: auto;
padding: 0rem 0.6rem;
}
.chat_option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0.5rem 0rem;
padding: 0rem 0.6rem;
}
.chat_option input {
width: 72%;
padding: 0.4rem 1rem;
border: 1px solid rgb(226, 226, 226);
border-radius: 50px;
background: #f2f4f5;
}
.chat_option input:active,
.chat_option input:focus {
border: 1px solid rgb(196, 196, 196);
}
.chat_option button {
background: #44a2fc;
border: none;
color: #fff;
padding: 0.3rem 1.2rem;
margin-left: 0.5rem;
border-radius: 50px;
}
.stu_div img {
border-radius: 50px;
width: 40px;
margin-right: 1rem;
}
.stu_div .student {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.6rem 0.5rem;
border-bottom: 1px solid rgb(230, 230, 230);
}
.stu_div .student:last-child {
border-bottom: 0px solid rgb(230, 230, 230);
}
.side_wrapper.closed_state {
display: none;
}

.side_close,
.side_open {
position: absolute;
padding: 0px 10px;
right: 0;
background: none;
border: 1px solid rgb(236, 236, 236);
}
.side_close i,
.side_open i {
font-size: 2rem;
color: #44a2fc;
}

/* student_view */
.main_screen_stu,
.side_wrapper_stu {
height: 400px;
margin-top: 2rem;
}

.main_screen_stu {
border: 1px solid rgb(228, 228, 228);
border-radius: 3px;
width: 59%;
margin-left: 3%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.side_wrapper_stu {
border: 1px solid rgb(228, 228, 228);
border-radius: 3px;
width: 28%;
margin-left: 5%;
margin-right: 5%;
}

.side_wrapper_stu .switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.side_wrapper_stu .switch button {
width: 100%;
border: none;
background: #fff;
border-bottom: 1px solid rgb(228, 228, 228);
padding: 0.3rem 0rem;
}
.side_wrapper_stu .switch button:first-child {
border-right: 1px solid rgb(228, 228, 228);
}
.side_wrapper_stu .switch .active {
color: #44a2fc;
border-bottom: 2px solid #44a2fc;
}
.side_wrapper_stu.closed_state {
display: none;
}
.main_screen_stu.full {
width: 75%;
margin-left: 10%;
margin-right: 10%;
-webkit-transition: width 0.5s, margin-left 0.5s;
-o-transition: width 0.5s, margin-left 0.5s;
transition: width 0.5s, margin-left 0.5s;
}
.video-view,
.video-placeholder {
width: 100%;
height: 100%;
}
/* chat box */
.chat_data .chat {
margin-bottom: 0.6rem;
}
.chat_data .chat:last-child {
margin-bottom: 0rem;
}
.my_msg {
width: 100%;
text-align: right;
}
.my_msg .wrap {
background: #44a2fc;
color: #fff;
display: inline-block;
padding: 0.3rem 0.5rem;
border-radius: 5px;
}
.client_msg {
width: 100%;
text-align: left;
}
.client_msg label {
width: 100%;
margin: 0;
margin-bottom: 0.2rem;
font-size: 0.9rem;
color: #414141;
}
.client_msg .wrap {
background: #f2f4f5;
display: inline-block;
padding: 0.3rem 0.5rem;
border-radius: 5px;
}
.client_msg.tea .wrap label {
color: #f8577f;
}

.play_div {
display: none;
position: absolute;
top: 50%;
left: 25%;
}
.play_div button {
color: #fff;
background: #f8577f;
border: 1px solid;
border-radius: 4px;
padding: 0.3rem 0rem;
margin-left: 1rem;
width: 100px;
}
.screen_share_sec {
-webkit-transform: rotateY(0deg) !important;
transform: rotateY(0deg) !important;
background: rgb(0, 0, 0) !important;
-o-object-fit: contain !important;
object-fit: contain !important;
}
.live_stream_sec {
background: #fff !important;
-webkit-transform: rotateY(0deg) !important;
transform: rotateY(0deg) !important;
-o-object-fit: cover !important;
object-fit: cover !important;
}
/* Toast */
.stream_toast {
visibility: hidden;
min-width: 200px;
text-align: left;
border-radius: 2px;
padding: 0.5rem 1rem;
border-radius: 5px;
position: fixed;
z-index: 1;
left: 82%;
bottom: 20px;
font-size: 1rem;
}
.stream_toast.success {
background-color: #1fad7f;
color: #fff;
}
.stream_toast.error {
background-color: #f15e5e;
color: #fff;
}
.stream_toast.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
from {
  bottom: 0;
  opacity: 0;
}
to {
  bottom: 20px;
  opacity: 1;
}
}

@keyframes fadein {
from {
  bottom: 0;
  opacity: 0;
}
to {
  bottom: 20px;
  opacity: 1;
}
}

@-webkit-keyframes fadeout {
from {
  bottom: 20px;
  opacity: 1;
}
to {
  bottom: 0;
  opacity: 0;
}
}

@keyframes fadeout {
from {
  bottom: 20px;
  opacity: 1;
}
to {
  bottom: 0;
  opacity: 0;
}
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
/*****************************************************************************************************************/
.ac_select_wrap{
/* padding: 5px 0px; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}

.select2-container {
width: 100% !important;
border-radius: 3px;
border: 0px solid rgb(216, 216, 216);
color: rgb(100, 100, 100);
background-color: #fff;
}
.select2-selection{
border: 1px solid rgb(216, 216, 216) !important;
min-height: 31px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 31px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
color: #fff !important;
border: 1px solid #43a2f3 !important;
background-color: #43a2f3 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
color: rgba(255, 255, 255, 0.589) !important;
margin-right: 4px !important;
font-size: 1rem !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
color: rgb(255, 255, 255) !important;
}
.select2-container--open .select2-selection{
border: 1px solid #aaa !important;
}
.select2-selection:focus, .select2-selection:active{
outline: none !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
border-radius: 3px !important;
border: 1px solid rgb(216, 216, 216) !important;
padding: 2px 4px !important;
color: rgb(77, 77, 77) !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
background-color: rgb(230, 230, 230) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: #5897fb !important;
}
.select2-results__option{
min-height: 31px !important;
}
/* .select_add{
padding: 10px 5px;
  margin-top: 1px;
box-shadow: 1px -1px 2px 0px rgb(209, 209, 209);
}
.select_add input{
width: 100%;
padding: .2rem .4rem;
padding-right: 30px !important;
border-radius: 3px;
border: 1px solid rgb(219, 219, 219);
height: 26px;
}
.select_add button{
position: absolute;
width: 30px;
margin-left: -30px;
border: none;
background:none;
height: 26px;
}
.select_add button i{
color: #5897fb;
} */
.ac_select_wrap .select2-container {
  height: 31px !important;
margin-left: 15px;
}
.ac_select_wrap .select2-selection {
height: 100% !important;
}
.ac_select_wrap .select2-container:nth-of-type(1) {
margin-left: 0px !important;
}
.ac_select_wrap .add_filter {
border: 1px solid rgb(216, 216, 216);
color: rgb(100, 100, 100);
padding: 4px 10px;
background-color: #fff;
border-radius: 3px;
height: 30px;
margin-left: 15px;
}
.ac_select_wrap .filter_fetch {
color: #fff;
padding: 4px 4px;
min-width: 80px;
font-size: 1em;
border-radius: 3px;
height: 30px;
margin-left: 15px;
background-color: #8a8a8a !important;
border: 1px solid #9e9e9e !important;
}
.ac_select_wrap .filter_fetch:hover {
background-color: #979797 !important;
}
.ac_select_wrap .filter_fetch::before {
font-family: FontAwesome;
content: "\f0b0";
padding-right: 2px;
}
.ac_select_wrap .date_div {
width: 100%;
margin-left: 15px !important;
}
.ac_select_wrap .date_div input {
height: 31px !important;
min-height: 0px !important;
padding: 6.5px 15px !important;
width: 80%;
border-radius: 3px;
border: 1px solid rgb(216, 216, 216);
color: rgb(100, 100, 100);
background-color: #fff;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.ac_select_wrap .date_div input:active,
.ac_select_wrap .date_div input:focus,
.ac_select_wrap .date_div input:hover {
outline: none;
}
.ac_select_wrap .date_div button {
height: 31px !important;
width: 20%;
background: #fff;
border: 1px solid rgb(216, 216, 216);
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: -5px !important;
}
.ac_select_wrap .date_div button:hover {
background: rgb(241, 241, 241);
}

.ac_select_wrap .date_div button:active,
.ac_select_wrap .date_div button:focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/*********************************************Main view***********************************************/
button:active,
button:focus,
select:active,
select:focus,
input:active,
input:focus {
outline: none;
}
.courseTabs {
padding: 1rem;
list-style-type: none;
display: inline-flex;
}
.courseTabs + .tab-content {
padding: 0rem 1rem;;
}
.courseTabs ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.courseTabs li {
padding: 0.5rem 1rem;
}
.courseTabs a {
border-bottom: 2px solid #fff;
color: rgb(59, 59, 59);
padding-bottom: 0.3rem;
}
.courseTabs li.active a {
border-bottom: 2px solid #f8577f;
color: #f8577f;
}
.courseTabs .tab-content {
border: none !important;
padding: 1rem;
}
.main_add_btn {
letter-spacing: 0.5px;
background: #f8577f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
}
.main_add_btn.add::before {
font-family: FontAwesome;
content: "\f0fe";
padding-right: 4px;
}
.class_selector {
padding: 0.26em 1em;
border: 1px solid rgb(224, 224, 224);
font-size: 0.95em;
margin-right: 1rem;
border-radius: 0.25em;
}
.class_selector:active,
.class_selector:focus {
border: 1px solid #7b9cd3;
}

.top_menu_right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/* Tab 1 */
.sessions_sec table {
width: 100%;
}
.sessions_sec table thead tr th:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.sessions_sec table thead tr th:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.sessions_sec table thead tr th {
padding: 0.8rem 0.5rem;
color: rgb(70, 70, 70);
background-color: #f4f6f8;
}
.sessions_sec table tbody tr td {
padding: 1.3rem 0.5rem;
border-bottom: 1px solid rgb(233, 233, 233);
}
.sessions_sec table tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.sessions_sec table tbody tr td:last-child {
text-align: center;
}
.sessions_sec table tbody tr td:nth-child(2),
.sessions_sec table tbody tr td:nth-child(3),
.sessions_sec table tbody tr td:nth-child(4),
.sessions_sec table tbody tr td:nth-child(5),
.sessions_sec table tbody tr td:nth-child(6) {
text-align: center;
}
.view_recording {
background-color: #0373f9 !important;
border: 1px solid #0373f9;
color: #fff;
font-size: 0.9em;
line-height: 1.5;
padding: 0.26em 0.5em;
border-radius: 0.25em;
}
/* Tab 2 */
.recordings_sec table {
width: 100%;
}
.recordings_sec table tbody tr td {
padding: 1.6rem 0.2rem;
border-bottom: 1px solid rgb(233, 233, 233);
}
.recordings_sec table tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.recordings_sec table tbody tr td:first-child {
padding-left: 10px;
}
.recordings_sec table tbody tr td:first-child img {
width: 72%;
cursor: pointer;
-webkit-box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
border-radius: 5px;
}
.recordings_sec table tbody tr td:nth-child(2) .title {
font-weight: bold;
}
.recordings_sec table tbody tr td:last-child button {
background: none;
border: none;
margin-right: 0.5rem;
}
.recordings_sec .time {
padding-top: 4px;
}
.recordings_sec table .play {
color: #0373f9;
}
.recordings_sec table .play:hover {
color: #0063dd;
}
.recordings_sec table .delete {
color: grey;
}
.recordings_sec table .delete:hover {
color: #e04f4f;
}
.recordings_sec table .play i {
font-size: 2.2rem;
}
.recordings_sec table .delete i {
font-size: 1.3rem;
}
/* Tab 3 */
.classes_sec table {
width: 100%;
}
.classes_sec table tbody tr td:nth-child(2),
.classes_sec table tbody tr td:nth-child(3),
.classes_sec table tbody tr td:nth-child(4) {
text-align: center;
}
.classes_sec thead tr th {
padding: 15px 10px;
border-bottom: 1px solid rgb(230, 230, 230);
}
.classes_sec tbody tr td {
padding: 25px 10px;
border-bottom: 1px solid rgb(230, 230, 230);
}
.classes_sec tbody tr:last-child td {
border-bottom: 1px solid rgb(255, 255, 255);
}
.classes_sec tbody .btn_1 {
background: #f8577f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-right: 0.5rem;
}
.classes_sec tbody .btn_1:hover {
background: #ec4f76;
}
.classes_sec tbody .btn_2:hover {
background: #1ca378;
}
.classes_sec tbody .btn_2 {
background: #1fad7f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-left: 0.5rem;
}
.classes_sec tbody .live_btn {
background: #1fad7f;
border: none;
color: #fff;
text-align: center;
border: 1px solid transparent;
font-size: 0.95em;
line-height: 1.5;
min-width: 100px;
padding: 0.26em 1em;
border-radius: 0.25em;
margin-right: 0.5rem;
}
.classes_sec tbody .live_btn:hover {
background: #1ba076;
}
/* video player modal */
.video_player_modal .modal-body {
padding: 0px !important;
}
.video_player_modal video {
border-radius: 4px;
}
.video_player_modal video:focus {
outline: none;
}

#courseTableConatainer tbody tr td:nth-child(3),
#courseTableConatainer tbody tr td:nth-child(4),
#courseTableConatainer tbody tr td:nth-child(5),
#courseTableConatainer tbody tr td:nth-child(6){
text-align:center !important;
}

#courseTableConatainer thead th:nth-child(5),
#coursefeeTableContainer thead th:nth-child(3){
text-align:left !important;
}

/* #taxesTableContainer thead th:nth-child(2) {
  width: 15% !important;
}

#taxesTableContainer tbody tr td:nth-child(4) {
  text-align: center;
} */

#taxesTableContainer thead th:nth-child(1) {
  width: 20% !important;
}

#taxesTableContainer thead th:nth-child(2) {
  width: 20% !important;
}

#taxesTableContainer thead th:nth-child(3) {
  width: 32% !important;
}

#taxesTableContainer thead th:nth-child(4) {
  width: 8% !important;
}

#taxesTableContainer thead th:nth-child(5) {
  width: 20% !important;
}

#subsidiesTableContainer thead th:nth-child(1) {
  width: 20% !important;
}

#subsidiesTableContainer thead th:nth-child(2) {
  width: 20% !important;
  text-align: left !important;
}

#subsidiesTableContainer thead th:nth-child(3) {
  /* width: 15% !important; */
  text-align: left;
}
#subsidiesTableContainer tbody td:nth-child(2),
#subsidiesTableContainer tbody td:nth-child(3),
#subsidiesTableContainer tbody td:nth-child(4) {
text-align: left !important;
}

#subsidiesTableContainer thead th:nth-child(4) {
  /* width: 25% !important; */
  text-align: left !important;
}

#subsidiesTableContainer thead th:nth-child(5) {
  width: 10% !important;
  text-align: center !important;
}

#subsidiesTableContainer thead th:nth-child(6) {
  width: 20% !important;
  text-align: center !important;
}

#subsidiesTableContainer tbody tr td:nth-child(2),
#subsidiesTableContainer tbody tr td:nth-child(3),
#subsidiesTableContainer tbody tr td:nth-child(5),
#subsidiesTableContainer tbody tr td:nth-child(6) {
  text-align: left !important;
}

#tabotherfeeTableContainerleID thead th:nth-child(1) {
  width: 14% !important;
}

#otherfeeTableContainer thead th:nth-child(2) {
  width: 15% !important;
}

#otherfeeTableContainer thead th:nth-child(1) {
  width: 15% !important;
}
#otherfeeTableContainer thead th:nth-child(2) {
  width: 13% !important;
}

#otherfeeTableContainer thead th:nth-child(3) {
  width: 10% !important;
}

#otherfeeTableContainer thead th:nth-child(4) {
  width: 14% !important;
}

#otherfeeTableContainer thead th:nth-child(5) {
  width: 15% !important;
  text-align: left!important;
}

#otherfeeTableContainer thead th:nth-child(6) {
  width: 12% !important;
  text-align: right!important;
}

#otherfeeTableContainer thead th:nth-child(7) {
  width: 15% !important;
}

#otherfeeTableContainer thead th:nth-child(2),
#otherfeeTableContainer thead th:nth-child(3),
#otherfeeTableContainer thead th:nth-child(4) {
  text-align: left !important;
}

#otherfeeTableContainer tbody tr td {
  padding: 10px 18px!important;
}

#otherfeeTableContainer tbody tr td:nth-child(1),
#otherfeeTableContainer tbody tr td:nth-child(2),
#otherfeeTableContainer tbody tr td:nth-child(5) {
  text-align: left !important;
}

#otherfeeTableContainer tbody tr td:nth-child(6){
  text-align: right !important;
  width: 12%!important;
}
#otherfeeTableContainer thead th:nth-child(7){
  text-align: center!important;
}

#otherfeeTableContainer tbody tr td:nth-child(5){
  width: 15%!important;
}
#otherfeeTableContainer tbody tr td:nth-child(4){
  width: 14%!important;
}
.durationRecurLabel{
  font-size: 0.92rem;
  margin-top: 5px;
  padding-right: 8px;
  font-weight: bold;
}


.subs-price{
  margin-right: 20px;
  font-size: 1.3em;
}
.subscription-label{
  font-size: 0.9rem;
  color:#000;
  font-weight: 400;
  text-align: right;
  margin-top: 3px;
}
.label-value{
  color: #000;
  font-weight: bold;
  font-size: 0.9rem;
}
.status-label-active{
  padding: 6px 10px;
  border-radius: 10px;
  background: rgb(22, 185, 22);
  color: #fff;
  font-size: 0.85rem;
}
.status-label-inactive{
  padding: 6px 10px;
  border-radius: 10px;
  background: #db2828;
  color: #fff;
  font-size: 0.85rem;
}
.grey-bg{
  background-color: #cdcdcd;
}
.table-title{
  font-size: 1.3em;
}
.label-value + i{
  font-size: 0.9rem;
  margin: 0 5px;
}

td .row{
  padding: 3px;
}
.card-text i{
  font-size: 1.4rem;
  margin-left: 10px;
}
.invoice-card{
  padding: 10px;
  height: 40px;
  outline: 1px solid rgb(230, 230, 230);
  border-radius: 5px;
}
.p-1rem{
  padding: 1rem!important;
}
.mr-5px{
  margin-right: 5px;
}
.invoice-table tr th{
  width: 15.3%!important;
  font-size: 1rem!important;
}

.custom_radio input[type="radio"][disabled]:checked+.radio-label:before {
  -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

/* schedule info  */
.row.ST_view {
  margin: 0px !important;
}
.ST_view .navigation {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.ST_view .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}
.ST_view .col_header {
  font-weight: bold;
  margin-bottom: 15px;
}
.ST_view .class_data_1 {
  width: 30%;
  float: left;
  text-align: center;
  padding-top: 8px;
  font-size: 1.5rem;
  color: rgb(61, 61, 61);
}
.ST_view .class_data_2 {
  width: 70%;
  float: right;
}
.span_grey {
  color: rgb(156, 156, 156);
}
.span_bold {
  font-weight: bold;
  color: rgb(59, 59, 59);
}
.ST_view .options .btn_1, .ST_view .options .btn_2 {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
  border-radius: 3px;
}
.ST_view .options button {
  width: 100%;
  padding: 6px 0px;
  margin-bottom: 10px;
}
.ST_view .options .btn_2 {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
  border-radius: 3px;
}
.ST_view .options .btn_3 {
  background: #ffffff;
  color: rgb(49, 49, 49);
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}
.ST_view .secondary_row {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(230, 230, 230);
}
.ST_view .secondary_row .left_sec {
  padding-right: 30px;
  border-right: 0px solid !important;
}
.ST_view .history_header {
  font-weight: bold;
}
.ST_view .history_div {
  padding-top: 18px;
  padding-bottom: 18px;
}
.ST_view .single_history {
  padding-bottom: 8px;
}
.ST_view .secondary_row .right_sec {
  border-left: 1px solid rgb(231, 231, 231);
}
.ST_view .UP_list .single_entry {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ST_view .UP_list .single_entry .title {
  width: 65%;
  color: #0098db;
  font-weight: bold;
  font-size: 1.05rem;
}
.ST_view .UP_list .single_entry .status_2 {
  background: #ff931b;
  color: rgb(247, 247, 247);
}
.ST_view .UP_list .single_entry .description {
  margin-top: 3px;
  font-size: 0.9rem;
}
.no-classes{
  margin-top: 10%;
}

/* online channels css */
/* appearance css */
.online_channels {
padding: 1rem 1rem 8rem 1rem;
}
.online_channels .section {
display: flex;
}
.online_channels .section + .section {
margin-top: 4rem;
}
.online_channels .info {
width: 40%;
padding: 0rem 2rem 0rem 0rem;
}
.online_channels .info .title {
font-size: 1.2rem;
font-weight: bold;
}
.online_channels .info .desc {
color: #686c70;
margin-top: 1rem;
}
.online_channels .info .actions {
margin-top: 1rem;
}
.online_channels .dataWrapper {
width: 60%;
}
.online_channels .dataWrapper > .data {
width: 100% !important;
}
.online_channels .secActions {
display: flex;
justify-content: space-between;
}
.online_channels .secActions .toggle-switch {
margin-left: auto;
margin-bottom: .8rem;
}
.online_channels .subSection {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #ececec;
}
.online_channels .subSection:last-child {
margin-bottom: 0rem;
padding-bottom: 0rem;
border-bottom: 0px solid #ececec;
}
.online_channels .subSection .subHeader {
margin-bottom: .3rem;
}
.online_channels .subSection .subHeader .subTitle {
text-shadow: 0.5px 0px #00000094;
}
.online_channels .subSection .subHeader .subDesc {
color: #686c70;
}
.online_channels .data {
width: 60%;
background: #fff;
padding: 1rem;
box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 10%);
border-radius: 5px;
}
.online_channels .data.disabled {
filter: grayscale(1);
opacity: .6;
}
.online_channels .data .secHeader {
display: flex;
justify-content: space-between;
margin-bottom: 1.6rem;
}
.online_channels .data .secHeader .actions {
margin-left: auto;
display: flex;
}
.online_channels .darkSecBtn {
padding: 0.1rem 0.6rem;
border-radius: 4px;
background-color: #ffffff;
color: #444444;
border: 1px solid #e0e0e0;
font-size: .9rem;
}
.online_channels .darkSecBtn:hover {
color: #000;
border-color: #000;
}
.online_channels .darkSecBtn i {
margin-left: .4rem;
}
.online_channels .data .secHeader .link > button {
color: #0073ff;
display: inline-flex;
align-items: center;
border: none;
background: transparent;
padding: 0rem;
}
.online_channels .data .secHeader .link > button.disable {
color: #686c70;
cursor: default;
}
.online_channels .data .secHeader .link > button i {
margin-left: .6rem;
}
.online_channels .data .secHeader .link .note {
font-size: .9rem;
}
.online_channels .data .secHeader .link .note button {
color: #0073ff;
border: none;
background: transparent;
padding: 0rem;
}
.online_channels .data .secHeader .actions button {
padding: 0.4rem 1.2rem;
border-radius: 4px;
margin-left: .6rem;
}
.online_channels .data .secHeader .actions button.sec_btn {
border: 1px solid #e0e0e0 !important;
background-color: #fff !important;
color: #000 !important;
font-size: 1rem !important;
box-shadow: none !important;
}
.online_channels .data .secHeader .actions button.sec_btn:hover {
background-color: rgb(246, 246, 246) !important;
}
.online_channels .data .secHeader .actions .multi_btn .dropdown-menu {
border: none;
border-radius: 4px;
white-space: nowrap;
width: fit-content;
right: 0;
left: auto;
top: 2.5rem;
}
.online_channels .data .secHeader .actions button.main {
border: 1px solid #000;
background: #000;
color: #fff;
height: fit-content;
}
.online_channels .data .thumbnails {
display: flex;
justify-content: center;
}
.online_channels .data .thumbnails img {
max-height: 200px;
object-fit: contain;
border-radius: 5px;
border: 1px solid #e0e0e0 !important;
}
.online_channels .data .thumbnails img + img {
margin-left: 1rem;
}
.online_channels .data .img_upload {
border: 2px dashed #e0e0e0;
border-radius: 3px;
padding: 1.5rem 1rem;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
min-height: 184px;
position: relative;
cursor: pointer;
}
.online_channels .data .img_upload:hover {
border-color: #3197ee;
}
.online_channels .data .img_upload .icon {
position: absolute;
pointer-events: none;
width: 100%;
color: rgb(224 224 224);
font-size: 3rem;
text-align: center;
}
.online_channels .data .img_upload .icon div {
font-size: 1.1rem;
font-weight: bold;
margin-top: 0.5rem;
}
.online_channels .data .customItems .wrapper {
margin-bottom: 1rem;
}
.online_channels .data .customItems .wrapper > div {
display: flex;
justify-content: space-between;
background: #f4f6f8;
padding: 0.5rem;
border-radius: 4px;
}
.online_channels .data .customItems .wrapper > div + div {
margin-top: 1rem;
}
.online_channels .data .customItems .wrapper > div .edit button {
  background: none;
  border: none;
  padding: 0;
  color: #3197ee;
  font-size: .9rem;
  width: 100%;
  margin-top: 0.3rem;
}
.online_channels .data .customItems .wrapper > div .edit .delete {
background: transparent;
border: none;
color: #e12c2c;
margin-top: 0.8rem;
}
.online_channels .data .customItems .customAction button {
display: flex;
align-items: center;
background-color: #fff;
color: #3197ee;
border: 1px solid #3197ee;
border-radius: 5px;
padding: .3rem .6rem;
transition: all .2s;
}
.online_channels .data .customItems .customAction button:hover {
background-color: #3197ee;
color: #fff;
}
.online_channels .data .customItems .customAction button span {
margin-right: .5rem;
font-size: 1.6rem;
}
.online_channels .data .customItems.testimonials .wrapper > div .name {
font-weight: bold;
}
.online_channels .data .customItems .wrapper > div .edit
{
margin-right: 0.5rem;
}
.online_channels .data .customItems.programmesOffered .wrapper > div .info {
display: flex;
width: 100%;
}
.online_channels .data .customItems.programmesOffered .wrapper > div img {
margin-right: 1rem;
width: 160px;
max-height: 100px;
object-fit: contain;
}
.online_channels .data .customItems.programmesOffered .wrapper > div .name {
font-weight: bold;
}
.online_channels .inputOption {
margin-top: .5rem;
margin-left: 2rem;
}
.online_channels .inputOption .toggle-switch {
width: 34px;
height: 18px;
margin-left: .5rem;
}
.online_channels .inputOption .slider:before {
height: 12px;
width: 12px;
left: 3px;
bottom: 3px;
}
.online_channels .inputOption input:checked+.slider {
background-color: #0db67e;
}
.online_channels .inputOption .required {
font-size: .9rem;
display: inline-flex;
align-items: center;
}
.online_channels .inputOption .edit button {
background: none;
border: none;
padding: 0;
color: #3197ee;
font-size: .9rem;
width: 100%;
text-align: left;
margin-top: 0.3rem;
}
.online_channels .inputOption .edit button i {
margin-left: .5rem;
}
.online_channels .data .optionItems {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.online_channels .data .optionItems .item {
padding: 1rem 1rem 1rem 0rem;
}
.online_channels .data .optionItems.editable .item {
background: #f4f6f8;
margin: 0rem 0.8rem 0.8rem 0rem;
min-width: 30%;
padding: 0.5rem;
border-radius: 5px;
}
.online_channels .data .item {
padding: 0;
}
.online_channels .data .custom_checkbox+label {
padding: 0;
margin: 0;
}
.online_channels .data .custom_radio {
margin: 0;
}
.online_channels .data label {
margin-bottom: 0;
}
.online_channels .data .img_upload input {
position: absolute;
height: 100%;
opacity: 0;
cursor: pointer;
}
.online_channels .data .img_upload + .imgFooter {
text-align: right;
margin-top: 1rem;
}
.online_channels .data .img_upload + .imgFooter button {
background: transparent;
border: none;
color: #e12c2c;
}
.online_channels .data .uploadSchoolImage {
background-color: #f55980;
color: #fff;
border: none;
border-radius: 4px;
padding: 0.4rem 1rem;
margin-top: -2rem;
transition: background-color 0.2s;
}
.online_channels .data .uploadSchoolImage:hover {
background-color: #e65076;
transition: background-color 0.2s;
}
/* .online_channels .data .page_url .wrapper label {
padding: 0;
margin: 0;
}
.online_channels .data .page_url .wrapper input {
width: 100%;
border: none;
padding: 0 !important;
}
.online_channels .data .page_url .wrapper {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 0.5rem 0.6rem;
display: flex;
}
.online_channels .data .page_url .option {
width: 100%;
text-align: right;
margin-top: 0.5rem;
}
.online_channels .data .page_url .option button {
border: 1px solid #547dce;
background-color: #547dce;
color: #fff;
border-radius: 2px;
padding: 0.2rem 0.6rem;
} */
.online_channels .data input[type="text"],
.online_channels .data input[type="number"],
.online_channels .data select,
.pagesAndFormsModal .modal-dialog .form input,
.pagesAndFormsModal .modal-dialog .form textarea {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 0.5rem 0.6rem;
}
.online_channels .data select {
padding-right: 2rem;
}
.online_channels .data .smallWidth {
width: 40% !important;
}
.online_channels .data textarea {
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 0.4rem 0.6rem;
resize: vertical;
min-height: 100px;
max-height: 200px;
}
.online_channels .data .phoneInput {
display: flex;
align-items: center;
position: relative;
}
.online_channels .data .phoneInput label {
position: absolute;
margin: 0;
left: 1rem;
}
.online_channels .data .phoneInput input {
padding-left: 4rem;
}
.online_channels .data input[type="text"]:active,
.online_channels .data input[type="text"]:focus,
.online_channels .data input[type="number"]:active,
.online_channels .data input[type="number"]:focus,
.online_channels .data textarea:active,
.online_channels .data textarea:focus,
.online_channels .data select:active,
.online_channels .data select:focus,
.pagesAndFormsModal .modal-dialog .form input:active,
.pagesAndFormsModal .modal-dialog .form input:focus,
.pagesAndFormsModal .modal-dialog .form textarea:active,
.pagesAndFormsModal .modal-dialog .form textarea:focus {
outline: none;
border: 1px solid #000000;
}
/* .online_channels .section.save .data {
padding-top: 1rem;
text-align: center;
background: none !important;
box-shadow: none !important;
border: 0px solid !important;
}
.online_channels .section.save button {
background-color: #5fa778;
color: #fff;
border: none;
border-radius: 4px;
padding: 0.5rem 3rem;
margin-top: -2rem;
transition: background-color 0.2s;
}
.online_channels .section.save button:hover {
background-color: #58a071;
} */

/* Pages */
.online_channels .section .item_wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.online_channels .section .item_wrap .item{
margin-right: 1.5rem;
margin-top: .5rem;
margin-bottom: .5rem;
width: 30%;
}

/* domains */
.publish{
  font-size: 1.3rem;
  margin-top: 5px;
  margin-left: 5px;
}
.publish-btn{
  height: 35px!important;
  border-radius: 5px;
  margin-left:15px;
}
.copyurl,
.copyurl:hover,
.copyurl:active,
.copyurl:focus{
  padding: 0px 5px;
  background: #0069d9;
  color: #fff;
  margin-left:10px;
}
.copyurl i{
  font-size: 1rem;
  margin-left: 5px;
}
.view_site_btn {
  margin: 0.3rem 0rem;
  background: #0c2c42;
  padding: 1em 1.2em !important;
  font-size: 0.78rem;
  cursor: pointer;
}
.view_site_btn span{
  font-family: 'Noto Sans Regular';
}
.header_wrapper span {
  text-transform: capitalize !important;
}
.settings_nav {
  width: 100%!important;
  position: relative!important;
  bottom: 0!important;
  margin-bottom: 0px !important;
  background: #0c2c42!important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.settings_nav img{
  width: 15px!important;
  margin-right: 15px!important;
}
.settings_nav span{
  color: #ffffff;
  font-size: 12px;
  font-family: "Noto Sans Regular";
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.website-frame{
  min-height: 500px;
  border: 1px solid #cdcdcd;
}
.viewSiteBtn,
.viewSiteBtn:focus,
.viewSiteBtn:active{
  background-color: #5cb85c!important;
  border-color: #5cb85c!important;
  padding: 0.2rem 0.6rem;
  margin-right: 10px;
  color: #fff;
}

body.customNewModal {
overflow: hidden !important;
}
.customNewModal {
height: 100vh;
z-index:9999;
}
body.customNewModal #main-oc-sidebar-left::before,
body.customNewModal .pusher::before{
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 105;
}
.customNewModal .modal-content {
padding: 0rem;
}
.customNewModal .modal-dialog {
width: 70%;
}
.customNewModal .close span {
font-size: 2rem;
}
.thumbnailSlider {
position: relative;
top: auto;
}
.thumbnailSlider img {
width: 100%;
opacity: 0;
transition: opacity .3s;
position: absolute;
top: 0;
pointer-events: none;
border-radius: 4px;
max-height: 500px;
object-fit: contain;
}
.thumbnailSlider img.active {
display: block;
opacity: 1;
position: relative;
}
.thumbnailSlider .navigation {
position: absolute;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
}
.thumbnailSlider .nav {
height: 100%;
padding: 5rem;
position: relative;
display: flex;
align-items: center;
}
.thumbnailSlider .nav button {
width: 35px;
height: 35px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 49px;
border: 1px solid transparent;
padding: 0;
background-color: #ffffff69;
position: absolute;
}
.thumbnailSlider .nav button:hover {
background-color: #fff;
}
.thumbnailSlider .nav:nth-child(1) button {
left: 0;
}
.thumbnailSlider .nav:nth-child(2) button {
right: 0;
}
.pagesAndFormsModal .modal-dialog {
width: 50%;
}
.pagesAndFormsModal .modal-body .form label {
display: block;
}
.pagesAndFormsModal .modal-body .form .imageFile img {
width: 20%;
}
.pagesAndFormsModal .modal-body .form .imageFile .upload {
background-color: #3197ee;
color: #fff;
border: 1px solid #3197ee;
border-radius: 5px;
padding: 0.3rem 0.6rem;
}
.pagesAndFormsModal .modal-body .form .imageFile .delete {
background: transparent;
border: none;
color: #e12c2c;
}
.pagesAndFormsModal .modal-footer .formSubmit {
padding: 0.5rem 1rem;
}
.pagesAndFormsModal .modal-body .form div + div {
margin-top: 1rem;
}
/************************INVOICE SCREEN*******************************/
/**INVOICE**/
.invoice_section .i_header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 8px 14px;
}
.invoice_section .i_header span {
font-weight: 600;
font-size: 1rem;
color: rgb(59, 59, 59);
}
.invoice_section .i_header input,
.invoice_section .i_table .item_name textarea {
border-radius: 3px;
padding: 6px 8px;
border: 1px solid rgb(216, 216, 216);
color: rgb(58, 58, 58);
margin-top: 8px;
}

.invoice_section .i_header input:focus,
.invoice_section .i_header input:active,
.invoice_section .i_table .item_name textarea:focus,
.invoice_section .i_table .item_name textarea:active {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: 1px solid rgb(172, 172, 172);
}
.invoice_section .i_header input::-webkit-input-placeholder,
.invoice_section .i_table .item_name textarea::-webkit-input-placeholder {
color: rgb(165, 165, 165);
border: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .invoice_table_input {
text-align: right;
border-radius: 3px;
padding: 8px 8px;
border: 1px solid rgb(216, 216, 216);
cursor: pointer;
width: 70%;
}
.invoice_section .i_table .active_item .invoice_table_input {
border: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .invoice_table_input:focus,
.invoice_section .i_table .invoice_table_input:active {
outline: none;
background-color: rgb(245, 245, 245);
transition: background-color .3s;
}
.i_footer{
margin-top: 3rem;
}
.i_footer .col-md-6{
padding: 2rem 4rem;
}
.i_footer label{
width: 100%;
font-weight: normal;
font-size: 1.1rem;
margin-bottom: .5rem;
}
.i_footer textarea{
padding: 5px;
border: 1px solid rgb(216, 216, 216);
border-radius: 3px;
width: 100%;
max-width: 100%;
min-width: 100%;
min-height: 80px;
max-height: 150px;
}
.pusbar_invoice_item{
padding: 5px 15px;
}
.pusbar_invoice_item:after{
content: "";
display: block;
clear: both;
}
.pusbar_invoice_item .col{
padding: 0;
}
.pusbar_invoice_item .item{
cursor: pointer;
padding: 6px 8px;
margin: 0 !important;
border: 1px solid #fff;
}
.pusbar_invoice_item .item i{
font-size: 1.1rem;
opacity: 0;
transition:opacity .1s;
}
.pusbar_invoice_item .item:hover i{
opacity: 1;
transition:opacity .1s;
}
.pusbar_invoice_item .item .data{
margin-right: 5px;
}
.pusbar_invoice_item input{
width: 100%;
}
.pusbar_invoice_item button{
position: absolute;
margin-left: -30px;
width: 30px;
background: none;
border: none;
padding: 6px 0px;
}
.i_footer textarea:active,.i_footer textarea:focus{
border: 1px solid rgb(167, 167, 167);
}
.invoice_section .item_description{
margin-top: 6px;
}
.invoice_section .item_description textarea{
resize: none;
width: 100%;
height: 4rem;
}
.invoice_section .i_table {
padding: 8px 14px;
margin-top: 40px;
}
.invoice_section .i_table table {
width: 100%;
}
.invoice_section .i_table table thead tr {
border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table table thead tr th {
padding: 18px 14px;
font-weight: 600;
font-size: 1rem;
color: rgb(59, 59, 59);
}
.invoice_section .i_table table tbody tr {
border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table table tbody tr td {
padding: 15px 8px;
vertical-align: initial;
}
.invoice_section .i_table table tbody tr .item_value {
cursor: pointer;
}

.invoice_section .i_table tr {
border: none !important;
}
.invoice_section .i_table td,
.invoice_section .i_table th {
border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .no_border {
border: none !important;
}
.invoice_section .i_table .item_option .item_delete {
font-size: 1rem;
margin-top: 10px;
color: rgb(161, 161, 161);
cursor: pointer;
transition: color .2s;
}
.invoice_section .i_table .item_option .item_delete:hover {
color: rgb(221, 78, 78);
transition: color .2s;
}
.table_bottom{
padding: 8px 14px;
}
.table_bottom .add_item {
margin-right: 20%;
}
.table_bottom .add_item {
margin-top: 1.5rem;
margin-left: 2rem;
background: #fff;
border: 1px solid #0078c8;
padding: 3px 10px;
border-radius: 3px;
width: 40%;
color: #0078c8;
}
.table_bottom .add_item:hover {
background: #0078c8;
color: #fff;
}
.table_bottom .add_item:focus,
.table_bottom .add_item:active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.bottom_row{
display: flex;
padding: .4rem 0rem;
}
.bottom_row div{
width: 100%;
}
.table_bottom .bottom_row:last-child{
padding: 1rem 0rem;
border-top: 1px solid rgb(218, 218, 218);
border-bottom: 1px solid rgb(218, 218, 218);
}
.table_bottom .bottom_row:last-child div{
font-weight: bold;
font-size: 1.1rem;
}

.bottom_row div:nth-child(2){
text-align: right;
}
.invoice_send_wrap{
margin-top:-4px;
}
.invoice_send_wrap .invoice_send {
background: #0078c8;
color: #fff;
padding: 4px 13px;
font-size: 1rem;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: 1px solid #0078c8;
}
.invoice_send_wrap .dropdown-toggle{
background: #0078c8;
color: #fff;
padding: 4px 8px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #0078c8;
margin-left: -3px;
}
.invoice_send_wrap .dropdown-toggle:hover{
background: #0169ad;
}
.invoice_send_wrap .dropdown-menu{
min-width: 10px !important;
  width: -webkit-fill-available !important;
padding: 8px 8px;
}
.invoice_send_wrap .dropdown-menu a:hover{
background-color: #fff !important;
}

.invoice_settings{
border: 0px solid rgb(212, 212, 212);
padding: 5px 12px;
border-radius: 5px;
background: rgb(238, 238, 238);
margin-right: 5px;
}
.invoice_settings:hover{
background: rgb(232, 232, 232);
}
.invoice_settings i{
font-size: 1.1rem;
}
.invoice_preview {
background: #fff;
border: 1px solid rgb(212, 212, 212);
padding: 5px 12px;
border-radius: 5px;
color: #0078c8;
font-size: 1rem;
margin-right: 5px;
}
.invoice_preview:active,
.invoice_preview:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.invoice_preview:hover {
background: rgb(250, 250, 250);
}
.icon_input {
color: rgb(85, 92, 99);
position: absolute;
width: 25px !important;
margin-top: 18px !important;
margin-left: 6px !important;
text-align: center !important;
}

.input_with_icon {
padding-left: 31px !important;
}
.input_with_icon::-webkit-input-placeholder {
border: none !important;
}
.input_with_icon::-moz-placeholder {
border: none !important;
}
.input_with_icon:-ms-input-placeholder {
border: none !important;
}
.input_with_icon::-ms-input-placeholder {
border: none !important;
}
.input_with_icon::placeholder {
border: none !important;
}

.unpaid_span {
padding: 1px 6px;
border-radius: 3px;
background: rgb(244,61,61);
color: #fff;
font-size: 0.85rem;
width: 60px;
text-align: center;
}
.paid_span {
padding: 1px 6px;
border-radius: 3px;
background: rgb(55, 170, 84);
color: #fff;
width: 60px;
text-align: center;
}
/**INVOICE PREVIEW MODAL****/
button.close:active,
button.close:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#invoice_preview .modal-dialog {
width: 70%;
transition: width .4s;
}
.MB .modal-dialog {
width: 35% !important;
transition: width .4s;
}
#invoice_preview {
background-color: rgba(0, 10, 30, 0.5) !important;
-webkit-transition: 0.25s !important;
-o-transition: 0.25s !important;
transition: 0.25s !important;
}
#invoice_preview .modal-dialog {
border-radius: 4px;
}
.IP_top{
text-align: center;
padding: 1.2rem;
box-shadow: 0px 1px 3px 0px rgb(185, 185, 185);
}
.IP_top .right{
position: absolute;
top: 0;
right: 0;
padding: .8rem 1rem;
}
.IP_top .switch{
margin-right: 2rem;
border-radius:3px;
}
.IP_close{
margin-top: .3rem;
}
.IP_top .switch button{
border: 1px solid rgb(228, 228, 228);
width: 35px;
background: none;
padding: .3rem .6rem;
}
.IP_top .switch button:first-child{
margin-right: -5px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.IP_top .switch button:last-child{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.IP_top .switch button.active{
background-color:rgb(238, 238, 238);
}
.IP_top .switch button i{
font-size: 1.2rem;
}
.IP_top .title{
font-weight: bold;
}
.IP_header,.IP_subheader,.IP_data{
padding: 1rem 3.5rem;
}
.MB .IP_header,.MB .IP_subheader,.MB .IP_data{
padding: 1rem 1.5rem;
}
.IP_header{
display: flex;
align-items: center;
}
.IP_header .logo,.IP_header .from,.IP_header .info{
width: 100%;
}
.IP_header .info{
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
.IP_header .from .name{
font-weight: bold;
}

.IP_subheader .single_row{
display: flex;
margin-top: .6rem;
margin-bottom: .6rem;
}
.IP_subheader .single_row .title{
width: 20%;
font-weight: bold;
}
.MB .IP_subheader .single_row .title{
width: 40%;
}
.IP_subheader .single_row .highlight{
  color: rgb(228, 58, 58);
}
.IP_data table{
width: 100%;
}
.IP_data table thead tr th{
text-align: right;
padding: .5rem 0rem;
}
.IP_data table thead tr th:first-child{
text-align: left !important;
}
.IP_data table tbody tr td{
text-align: right;
padding: .8rem 0rem;
border-bottom: 1px solid rgb(212, 212, 212);
}
.IP_data table tbody tr td:first-child{
text-align: left !important;
}
.MB table thead tr th {
text-align: center !important;
}
.MB table tbody tr td {
text-align: center !important;
}
.IP_total{
width: 100%;
}
.IP_total .total_line:first-child{
margin-top: 1rem;
}
    .IP_total .total_line:last-child div{
      padding: .8rem 0rem;
      font-size: 1.1rem;
      font-weight: bold;
border-top: 1px solid rgb(212, 212, 212);
border-bottom: 1px solid rgb(212, 212, 212);

    }
.IP_total .total_line{
padding: .2rem 0rem;
  display: flex;
  justify-content: flex-end;
}
.MB .IP_total .total_line{
  padding-right: 5.5% !important;
}
.IP_total .total_line div:first-child{
padding-right: 3rem;
}
.IP_meta{
  margin-top: 5rem;
  display: flex;
  font-size: .9rem;
}
.IP_meta label{
width: 100%;
}
.IP_meta div{
padding: 1rem;
}

.datepicker_default{
  width: 70%;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  margin-top: .5rem;
  margin-bottom: 1rem;
}

.draft_invoice_sec {
  padding-top: 4rem;
  padding-bottom: 4rem;
  font-weight: bold;
  font-size: 1.3rem;
}

.IP_section, .IP_header {
  padding: 15px 30px;
}

.IP_section {
  border-bottom: 1px solid rgba(0, 10, 30, 0.219);
}
.custom_radio label{
  font-weight: normal;
}
.d-block{
   display: block!important;
}
/************************END OF INVOICE SCREEN*******************************/

#coursefeeTableContainer thead tr th:nth-child(4) {
  text-align: center !important;
}

#coursefeeTableContainer thead tr th:nth-child(5) {
  text-align: center !important;
}

#studentReportTableContainer thead tr th:nth-child(4),
#studentReportTableContainer thead tr th:nth-child(6) {
  text-align: center !important;
}

#studentReportTableContainer thead tr th:nth-child(3) {
  text-align: left!important;
}

.editCourseFeeContainer .select2-container--disabled .select2-selection__arrow{
  display:none !important;
}
.editCourseFeeContainer .select2-container--disabled .select2-selection__rendered{
  padding:0px !important;
}
.editCourseFeeContainer .select2-selection{
  background-color: rgba(255, 255, 255, 0) !important;
  border: 1px solid rgba(255, 255, 255, 0) !important;
}
.editCourseFeeContainer input[disabled]{
  padding: 0px !important;
  padding-top: 6px !important;
  border-color: transparent !important;
}

.editCourseFeeContainer .price_dollar input[disabled]{
  margin-left: 24px;
}

#studentEnrollmentMainContainer #studentReportTableContainer thead tr th:nth-child(4) {
  text-align: left !important;
}

#studentEnrollmentMainContainer #studentReportTableContainer thead tr th:nth-child(5) {
  text-align: center !important;
}
#filterCategories +span{
  width: 30%!important;
}
.add_unit
{
  color: #fff;
  border: none;
  background: #f8577f;
  padding: 0.4rem 1rem;
  border-radius: 3px;
  height: fit-content;
}
.add_lesson
{
  color: #fff;
  border: none;
  background: #f8577f;
  padding: 0.4rem 1rem;
  border-radius: 3px;
  height: fit-content;
}
.datepicker_default[disabled]{
  cursor: not-allowed !important;
}

/* class bookings */
#classBookingTableContainer table tbody tr{
  cursor: default!important;
}
#classBookingTableContainer table tbody tr td{
  padding: 20px 18px!important;
  font-size: 1rem!important;
}
#classBookingTableContainer table thead tr th:nth-child(6),
#classBookingTableContainer table thead tr th:nth-child(4),
#classBookingTableContainer table thead tr th:nth-child(5){
  text-align: center!important;
}
#classBookingTableContainer table thead tr th:nth-child(2){
  width: 22%!important;
}
#classBookingTableContainer table thead tr th:nth-child(5){
  width: 5%!important;
}
.date{
  font-weight: 400!important;
}
.bookings_name p{
  font-size: 0.85rem!important;
  white-space: nowrap;
}

/* course bookings css */

#courseBookingTableContainer{
  padding-top: 1rem!important;
}

#courseBookingTableContainer table tbody tr{
cursor: pointer;
}

#courseBookingTableContainer table thead tr th{
  font-size: 13.3px!important;
}

#courseBookingTableContainer table thead tr th:nth-child(3),
#courseBookingTableContainer table thead tr th:nth-child(4),
#courseBookingTableContainer table thead tr th:nth-child(5),
#courseBookingTableContainer table thead tr th:nth-child(6),
#courseBookingTableContainer table thead tr th:nth-child(7),
#courseBookingTableContainer table thead tr th:nth-child(8),
#courseBookingTableContainer table thead tr th:nth-child(9){
  text-align: center!important;
}
#courseBookingTableContainer table tbody tr td{
  padding: 13px;
}
#courseBookingTableContainer table tbody tr td:nth-child(7),
#courseBookingTableContainer table tbody tr td:nth-child(4),
#courseBookingTableContainer table tbody tr td:nth-child(5),
#courseBookingTableContainer table tbody tr td:nth-child(3),
#courseBookingTableContainer table tbody tr td:nth-child(6),
#courseBookingTableContainer table tbody tr td:nth-child(8),
#courseBookingTableContainer table tbody tr td:nth-child(9){
  text-align: center!important;
}
#courseBookingTableContainer table thead tr th:nth-child(2){
  width: 15%!important;
}
.coming-soon-label{
  color: #ff4081;
  font-weight: 800;
  background-color: transparent;
  font-style: italic;
  font-size: 0.9rem;
}
#invoice_later + label::before,
#instant_invoice+ label::before,
#enable_payment+ label::before{
  opacity: 0.5;
}
#signImg{
  border: 1px solid #cdcdcd;
  padding: 10px;
}

#enrollments-content table thead tr th:nth-child(4),
#enrollments-content table thead tr th:nth-child(5){
  text-align: center!important;
}

.liveCoursesTable thead th:nth-child(4),
.liveCoursesTable thead th:nth-child(5) {
  text-align: center !important;
}

.date-picker {
  top: 12%;
  right: 0%;
}

.liveStreamTab .tab_nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1rem;
  margin-bottom: 0px;
}

.liveStreamTab .tab_nav li {
  padding: 0.5rem 1rem;
}

.liveStreamTab .tab_content {
  display: none;
  padding: 0rem 2rem 1rem 2rem;
}

.liveStreamTab .tab_content.active {
  display: block !important;
}

.liveStreamTab .tab_header {
  width: 100%;
  text-align: right;
  margin-bottom: 1.5rem;
}

.liveStreamTab li.active a {
  border-bottom: 2px solid #f8577f;
  color: #f8577f;
}
.dropdown-item{
  cursor: pointer;
}
.select2-selection__rendered,
.select2-results__option{
  color: #000!important;
}
#studentReportTableContainer table .custom_checkbox+label,
#courseTableConatainer table .custom_checkbox+label {
  width: fit-content !important;
}
#studentReportTableContainer table .custom_checkbox+label:before,
#courseTableConatainer table .custom_checkbox+label:before {
margin: 0;
}
#studentReportTableContainer table thead tr th:nth-child(5){
  width: 15%!important;
  text-align: center!important;
}
#studentReportTableContainer table tbody tr td:nth-child(5){
  text-align: center!important;
}
.status_3,.status_4{
  color: rgb(247, 247, 247);
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}
.status_4{
  background-color: #ff0000;
}
.status_3{
  background-color: #0373f9 !important;
}
.status_1{
  color: #000!important;
  font-weight: 600!important;
}
.studProfile .regDate{
  font-size: 14px!important;
  font-weight: 600!important;
}
/* #viewStudentMainContainer .nav-pills{
  margin-bottom: 0!important;
} */
.dark-btn,
.dark-btn:hover,
.dark-btn:active,
.dark-btn:visited,
.sec_btn.dark-btn,
.sec_btn.dark-btn:hover,
.sec_btn.dark-btn:active,
.sec_btn.dark-btn:visited,
.new_class_btn.open .sec_btn.dark-btn{
  border:1px solid #000!important;
  background-color: #000!important;
  color: #fff!important;
  border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-radius .2s;
  -o-transition: border-radius .2s;
  transition: border-radius .2s;
  -webkit-transition: border-radius .2s;
  -o-transition: border-radius .2s;
  transition: border-radius .2s;
}
.new_class_btn {
position: relative;
}
.dark-btn.sm{
  padding: 2px 5px;
}
.dark-btn.md{
  padding: 6px 12px;
}
#courseEnrollmentTableContainer table thead tr th:nth-child(8){
  text-align: center!important;
}
.fc-time-grid-event:hover{
  z-index: 999 !important;
}
.fc-timeGridDay-view .fc-time-grid-event.fc-short:hover,
.fc-timeGridDay-view .fc-time-grid-event:not(.fc-time-grid-event-inset):hover {
/* height: max-content !important; */
}
.fc-timeGridDay-view .fc-event{
  border: 1px solid #fff;
}
.fc-time-grid-event-inset {
  box-shadow : none !important;
}
#courseEnrollmentTableContainer table thead tr th{
  width: 9.7%!important;
}
#courseEnrollmentTableContainer table thead tr th:first-child{
  width: 15%!important;
}
#courseEnrollmentTableContainer table tbody tr td:nth-child(7){
  text-align: center!important;
}
#studentProfileMainContainer table tbody tr td{
  font-size: 0.9rem;
}
#scheduleTableContainer table thead tr th:nth-child(5){
  text-align: center!important;
}
#studentProfileMainContainer table tbody tr td{
  color: #333!important;
}
#studentProfileMainContainer table thead tr th:nth-child(5){
  text-align: left!important;
}
.tchr .student_label{
  position: absolute;
  right: 0%;
}
.tchr .student_label + input{
  width: 107px;
}
.tchr p{
  font-size: 0.8rem!important;
}
.status_2{
  background: #ff931b;
  color: rgb(247, 247, 247);
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}
#new_widget .fc-prev-button,
#new_widget .fc-next-button{
  border-color: #fff!important;
  background-color: #000 !important;
  color: #fff !important;
}
#new_widget .fc-prev-button:hover,
#new_widget .fc-next-button:hover{
  background-color: #000!important;
}
.fc-time-grid-event .fc-content{
  max-height: unset!important;
  width: 100%;
}
.menuAction .ladda-spinner{
  position: absolute;
  right: 15px;
  top: 12px;
  transform: scale(0.85);
}
#courseEnrollmentTableContainer table thead tr th:nth-child(3){
  text-align: center !important;
}
#courseEnrollmentTableContainer table thead tr th:nth-child(4){
  text-align: center !important;
}
#courseEnrollmentTableContainer table thead tr th:nth-child(9){
  text-align: center !important;
}
.btn-red.dark-btn{
  padding: 0.6em 1em!important;
}
.dark-btn-outline{
  background-color: transparent!important;
  border: 1px solid #000;
  color: #000;
  transition: background-color .3s ease;
}
.dark-btn-outline:hover,
.dark-btn-outline:active,
.dark-btn-outline:visited,
.dark-btn-outline:focus{
  background-color: #000!important;
  border: 1px solid #000;
  color: #fff;
}

/*** datepicker - Nov 2020 ***/
.daterangepicker td.active,
.daterangepicker td.active:hover {
background: rgb(0, 0, 0) !important;
background: repeating-radial-gradient(black, black 100px) !important;
}
.daterangepicker td.start-date.end-date {
border-radius: 50px !important;
}
.daterangepicker .calendar {
max-width: none !important;
margin: 0rem !important;
}
.daterangepicker .calendar-table thead tr:first-child th {
font-size: 15px !important;
background: transparent !important;
}
.daterangepicker .calendar-table thead tr:last-child th {
font-size: 13px !important;
}
.daterangepicker .calendar-table td {
padding: 0rem !important;
font-size: 15px !important;
min-width: 40px !important;
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
border-radius: 50px !important;
}
.daterangepicker .drp-calendar {
max-width: none !important;
}
.daterangepicker {
border: 1px solid rgba(255, 255, 255, 0) !important;
box-shadow: rgba(0, 0, 0, 0.12) 0px 5px 40px !important;
border-radius: 12px !important;
}
.daterangepicker.opensright:before {
display: none !important;
}
.daterangepicker.opensright:after {
display: none !important;
}
.calendar-table .today {
color: revert !important;
background-color: #fff !important;
box-shadow: 0px 0px 0px 1px black inset !important;
}
/* Pushbar - Nov 2020 */
.pushbar.from_right {
width: 480px !important;
padding-bottom: 0rem !important;
}
.pushbar .pusher_footer {
position: sticky;
bottom: 0rem;
background: #fff;
padding-bottom: 1rem;
}
.pushbar .pusher_footer .add {
background-color: black !important;
border: 1px solid black !important;
}
.pushbar .header i {
float: none !important;
}

.calendar-table .today.active,
.calendar-table .today.active:hover {
  color: #fff !important;
}

.skooly-livestream-instructor{
  color: #db2828;
  padding-left: 17px;
  font-style: italic;
  font-size: 11px;
}

.disable-date-input{
  padding: 0!important;
  border-color: transparent!important;
  text-align: right;
  width: 100% !important;
}

.disable-recurring-select{
  background-image: none !important;
  border-color: transparent!important;
  padding: 0;
  text-align: right;
  width: 100%;
  direction: rtl;
}
/* new booking css */
.sb_stu_booking {
  display: block;
  position: relative;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.sb_stu_adding {
  display: block;
  position: relative;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.sb_header {
  position: relative;
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  border-bottom: 1px solid rgb(221, 221, 221);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sb_header button {
  position: absolute;
  right: 1rem;
  background-color: transparent;
  border: none;
  transform: scale(1);
  transition: transform 0.3s;
}
.sb_header button:active {
  transform: scale(0.8);
}
.sb_header button img {
  width: 30px;
}
.sb_content {
  display: flex;
}
.sb_content > div {
  min-height: 76vh;
  max-height: 76vh;
  overflow: auto;
}
/* .sb_content.searching .sb_left::after {
  height: 100%;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  background: rgba(103, 118, 140, 0.5);
  left: 0;
  top: 0;
}
.sb_content.searching .sb_right {
  box-shadow: 0 10px 20px 10px rgba(103, 118, 140, 0.25);
} */
.sb_content .sb_left {
  width: 60%;
  position: relative;
  padding: 2rem;
}
.sb_content .sb_right {
  width: 40%;
  border-left: 1px solid rgb(221, 221, 221);
  display: flex;
  flex-direction: column;
}
.sb_content .sb_item + .sb_item {
  margin-top: 1.5rem;
}
.sb_content .sb_label {
  font-weight: 600;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
.sb_content .sb_label .value {
  font-weight: 400 !important;
  margin-left: .5rem;
}
.sb_content .sb_price {
  font-weight: 600;
  color: #037aff;
  font-size: 1.3rem;
}
.sb_content .sb_main_date {
  position: relative;
  display: flex;
  align-items: center;
}
.sb_content .sb_main_date input {
  border: 1px solid transparent;
  font-size: 1.3rem;
  font-weight: 700;
  width: 100%;
  padding: 0;
  cursor: pointer;
}
.sb_content .sb_main_date .arrow {
  border-style: solid;
  border-color: rgb(0, 0, 0) transparent transparent transparent !important;
  border-width: 7px 6px 0 6px !important;
  border-radius: 2px !important;
  position: relative;

}
.sb_content .sb_main_date .arrow::after {
  content: "";
  display: block;
  border-color: rgb(255, 255, 255) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  position: absolute;
  top: -7px;
  left: -4px;
}
.sb_content .sb_main_date input:active,
.sb_content .sb_main_date input:focus {
  border-color: transparent;
}
.sb_content .sb_item.multiple {
  display: flex;
}
.sb_content .sb_item.multiple > div {
  width: 100%;
}
.sb_content .sb_item.multiple > div:first-child {
  padding-right: 1rem;
}
.sb_content .sb_item.multiple > div:last-child {
  padding-left: 1rem;
}
.sb_topbar {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: space-between;
}
.sb_topbar > div {
  width: 100%;
}
.sb_topbar > div:last-child {
  text-align: right;
}
.sb_topbar button {
  border: none;
  background-color: transparent;
  color: #037aff;
}
.sb_topbar button .fa {
  margin-right: 0.2rem;
}
.sb_content .sb_group {
  border: 1px solid #f7f7f8;
  padding: 24px;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(164, 173, 186, 0.3);
}
.sb_content input,
.sb_content select {
  padding: 10px 10px;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  width: 100%;
}
.sb_content input:focus,
.sb_content select:focus {
  border-color: #037aff;
  outline: none;
}
.sb_mobile {
  display: flex;
}
.sb_mobile select {
  width: 30%;
  margin-right: 1rem;
}
.sb_content .select2-selection {
  border: 1px solid #d5d7da !important;
}
.select2-container {
  color: black !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: rgb(0, 0, 0) transparent transparent transparent !important;
  border-width: 7px 6px 0 6px !important;
  border-radius: 2px !important;
  margin-left: -10px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b::after {
  content: "";
  display: block;
  border-color: rgb(255, 255, 255) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0px 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: -5px;
  width: 0;
}
.sb_content .select2-container--open .select2-selection {
  border-color: #037aff !important;
}
.sb_content
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: normal !important;
}
.sb_content .select2-container .select2-selection--single {
  height: unset !important;
}
.sb_content
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-top: 10px;
  padding-bottom: 10px;
}
.sb_content
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 37px !important;
  top: 0 !important;
  right: 5px !important;
  width: 20px !important;
}

.sb_content .sb_date {
  position: relative;
  /* display: flex;
  align-items: center; */
}
.sb_content .sb_date button {
  position: absolute;
  right: 0;
  height: 100%;
  border: none;
  background: none;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.3rem;
}

.sb_content .sb_date button i {
  color: black;
  transform: scale(1);
  transition: color 0.3s, transform 0.3s;
}
.sb_content .sb_date button:hover i {
  color: #037aff;
}

.sb_content .sb_date button:active i {
  transform: scale(0.8);
}
.sb_search {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 1.5rem 2rem;
}
.sb_search input {
  padding: 10px 10px 10px 35px;
}
.sb_search i {
  position: absolute;
  left: calc(2rem + 10px);
}
.sb_dropdown {
  z-index: 99;
  padding: 1rem 2rem;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.sb_stu_not_selected,
.sb_stu_selected {
  display: none;
}
.sb_stu_not_selected.active,
.sb_stu_selected.active {
  display: block;
}
/* .sb_stu_not_selected .sb_search_stu {
  display: none;
}
.sb_content.searching .sb_search_stu {
  display: block;
}
.sb_content.searching .sb_select_stu {
  display: none;
} */
.sb_stu_not_selected .sb_select_stu {
  padding-top: 0.5rem;
}
.sb_stu_list .sb_stu {
  position: relative;
  border-bottom: 1px solid rgb(221, 221, 221);
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  cursor: pointer;
}
.sb_stu_list .sb_stu::after {
  content: "\203A";
  display: "block";
  font-size: 2.5rem;
  position: absolute;
  right: 1.5rem;
  opacity: 0;
  pointer-events: none;
  transition: right 0.3s;
}
.sb_stu_list .sb_stu:hover {
  background-color: #fbfbfb;
}
.sb_stu_list .sb_stu:hover::after {
  opacity: 0.6;
  right: 1rem;
}
.sb_stu_list .sb_stu:last-child {
  border-bottom: 1px solid rgba(221, 221, 221, 0);
}
.sb_stu_list .sb_stu .cover .wrapper {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  border-radius: 50%;
  background-color: #ececec;
  overflow: hidden;
}
.sb_stu_list .sb_stu .cover .wrapper img {
  height: 100%;
  width: 100%;
}
.sb_stu_list .sb_stu .cover .wrapper.empty {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: center;
}
.sb_stu_list .sb_stu .info {
  margin-left: 1.5rem;
}

.sb_stu_list .sb_stu .info .name {
  font-weight: 600;
}
.sb_stu_list .sb_stu .info .course {
  color: #037aff;
}
.sb_add_stu,.sb_enroll_new {
  padding: 1rem 2rem;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.sb_add_stu button, .sb_enroll_new button {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #037aff;
  width: 100%;
  text-align: center;
}
.sb_add_stu button i,.sb_enroll_new button i {
  margin-right: 0.6rem;
}
.sb_result_empty_small {
  font-size: 1.2rem;
  color: #9e9e9e;
  text-align: center;
  padding-top: 2rem;
}
.sb_result_empty {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sb_result_empty > div {
  width: 100%;
  text-align: center;
}
.sb_result_empty .icon {
  margin-bottom: 1rem;
}
.sb_result_empty .icon i {
  font-size: 3rem;
  color: #9e9e9e;
}
.sb_result_empty .text {
  font-size: 1.3rem;
  padding: 0rem 4rem;
  color: #9e9e9e;
}
.sb_stu_selected .sb_stu {
  cursor: default;
}
.sb_stu_selected .sb_stu:hover {
  background-color: #fff;
}
.sb_stu_selected .sb_stu:hover::after {
  display: none !important;
}
.sb_overview {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 2rem 0rem 1.2rem 0rem;
}
.sb_overview_item {
  width: 100%;
  text-align: center;
}
.sb_overview_item div:first-child {
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.sb_overview_item div:last-child {
  color: black;
}

.sb_stu_details {
  border-top: 1px solid rgb(221, 221, 221);
}
.sb_tab .sb_tab_header {
  display: flex;
  border-bottom: 1px solid rgb(221, 221, 221);
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #fff;
}
.sb_tab .sb_tab_header button {
  background: transparent;
  border: 1px solid transparent;
  width: 100%;
  padding: 0.8rem 0rem 0.8rem 0rem;
  margin: 0rem 1rem;
  position: relative;
}
.sb_tab .sb_tab_header button.active {
  font-weight: 600;
  color: black;
}
.sb_tab .sb_tab_header button.active::after {
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: black;
  border-radius: 50px;
}
.sb_row_wrap .sb_row {
  width: 100%;
  padding: 1rem 1rem;
  display: flex;
}
.sb_row_wrap .sb_row > div:first-child {
  width: 100%;
}
.sb_row_wrap .sb_row + .sb_row {
  border-top: 1px solid rgb(221, 221, 221);
}
.sb_row .sb_main {
  font-weight: 600;
  color: #037aff;
  display: flex;
  justify-content: space-between;
}
.sb_row .sb_main.invoice {
  color: revert;
}
.sb_row .sb_desc {
  margin-top: 0.3rem;
}
.sb_row .sb_branch {
  margin-top: 0.3rem;
}
.sb_row .sb_date {
  margin-top: 0.3rem;
}
/* .sb_row .sb_date div:first-child {
  margin-right: 1rem;
} */
.sb_row .sb_used {
  margin-top: 0.3rem;
}
.sb_status > div {
  border-radius: 4px;
  padding: 0.1rem 0.6rem;
  font-size: 0.9rem;
  color: #fff;
  width: fit-content;
}
.sb_status .orange {
  background-color: #ff931b;
}
.sb_status .green {
  background-color: #40b276;
}
.sb_status .red {
  background-color: #d8274a;
}
.sb_status .blue {
  background-color: #037aff;
}
.sb_footer {
  border-top: 1px solid rgb(221, 221, 221);
  width: 100%;
  background-color: #fff;
  padding: 1rem;
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.sb_footer .sb_main_btn,
.sb_footer .sb_main_btn_1 {
  background-color: black;
  color: #fff;
  border-radius: 4px;
  padding: 0.8rem 1.2rem;
  border: 1px solid black;
  transform: scale(1);
  transition: transform 0.3s;
}

.sb_footer .sb_main_btn:active,
.sb_footer .sb_main_btn_1:active {
  transform: scale(0.9);
}

.sb_stu_adding .sb_content .sb_left {
  width: 100%;
  position: relative;
  padding: 2rem;
}
.sb_stu_adding .sb_content .sb_group {
  border: 1px solid transparent;
  box-shadow: 0px 0px 0px 0px black;
}
.sb_input .fstQueryInput{
    border: 0px;
}
.sb_stu_selected .fa-chevron-left,
.sb_stu_not_selected .fa-chevron-left{
    padding: 0em 0.5em 0.5em 0em;
    cursor: pointer;
}
.sb_content #back {
  cursor: pointer;
}
#loadMore,#emptyStudents,.loadMore{
  font-size: 1.2em;
  cursor: pointer;
  font-weight: 600;
  color: #037aff;
}
.sb_content #loadingSpinner{
  position: absolute;
  top:15%;
  background-color: rgb(255 255 255 / 48%);
  z-index: 1;
 }

 #scheduledCoursesTable table thead tr th:nth-child(5){
     text-align: center!important;
 }
 #scheduledCoursesTable table tbody tr td:nth-child(5){
     text-align: right;
 }
 #scheduledCoursesTable table tbody tr td:nth-child(5) button{
     margin: 0px 3px!important;
 }
 #scheduledCoursesTable table thead tr th:nth-child(1){
  width: 20%!important;
}

.green-btn,
.green-btn:hover,
.green-btn:active,
.green-btn:visited{
  border:1px solid rgb(55, 170, 84)!important;
  background-color: rgb(55, 170, 84)!important;
  color: #fff!important;
  border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border-radius .2s;
  -o-transition: border-radius .2s;
  transition: border-radius .2s;
  -webkit-transition: border-radius .2s;
  -o-transition: border-radius .2s;
  transition: border-radius .2s;
}
#scheduleConfirmModal .modal-body p{
  font-size: 1.25rem;
  font-weight: bold;
}
.schedule_modal button{
  margin: 0px 10px;
}
.schedule_modal button:nth-child(3),
.add_filter_footer button:nth-child(3),
.add_filter_footer button:nth-child(3):hover{
  background: crimson;
  color: #fff;
}
#rescheduleClassModal .start_date_picker{
   border: none!important;
   margin-bottom: 5px;
}
/* #rescheduledDate{
  text-align: left;
  width: 40%!important;
  border-color: #cdcdcd!important;
  padding: 5px!important;
}
#rescheduledDate + button{
  padding: 0px!important;
  height: 31px!important;
  margin-top: 7px;
  width: 15%;
} */
#staffTableContainer thead tr th:nth-child(5),
#staffTableContainer thead tr th:nth-child(7){
text-align: center!important;
}

/* all reports css */
.allreport_header {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: rgb(53, 53, 53);
}
.allreport_header img {
  width: 25px;
  margin-right: 6px;
}
.allreports_left {
  padding-right: 20px;
}
.allreports_right {
  padding-left: 20px;
}
.allreport_content {
  border: 1px solid rgb(211, 211, 211);
  border-radius: 4px;
}
.allreport_section {
  margin-bottom: 3rem;
}
.allreport_content table {
  border-radius: 4px;
  width: 100%;
  background: #fff;
}
.allreport_content table tr td {
  padding: 12px 10px;
}
.allreport_content table tr td:first-child {
  width: 5%;
}
.allreport_content table tr td:last-child {
  width: 8%;
}
.allreport_content table tr {
  border-bottom: 1px solid rgb(211, 211, 211);
}
.allreport_content table tr:last-child {
  border-bottom: none !important;
}

.allreport_star {
  font-size: 1.25rem;
  cursor: pointer;
}
.allreport_content .fa-star {
  color: #0f66c9;
}
.allreport_ref {
  font-size: 0.9rem;
  border: 1px solid rgb(211, 211, 211);
  border-radius: 3.5px;
  padding: 1.5px 5px;
}
.allreport_content a {
  color: rgb(37, 37, 37);
}
.allreport_content a:hover {
  color: #0f66c9;
}
/*********************************pending_fees.html / courses_count.html**********************************/
.report_page .report_header {
  font-size: 1.1rem;
  color: rgb(80, 80, 80);
}
.report_page .report_header span {
  color: #0079c1;
}
.report_main {
  background-color: #fff;
  margin-top: 10px;
  padding: 20px 20px;
  border-radius: 5px;
}
.report_main .courses_count table {
  margin-bottom: 4rem;
}
.report_main .CB_filter {
  padding: 0px !important;
}
.report_page .report table {
  width: 100%;
  margin-top: 15px;
}
.report_page .report table tr {
  border-bottom: 1px solid rgb(221, 221, 221);
}
.report_page .report table th {
  padding: 5px 10px;
}
.report_page .report table td {
  padding: 10px;
}
.table_footer {
  margin-top: 20px;
  padding: 0px 10px;
}
.report_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.report_pagination li {
  list-style-type: none;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
.report_pagination li:hover {
  background-color: rgb(245, 245, 245);
}
.report_pagination li.active {
  background-color: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
  cursor: default;
}
.report_pagination button {
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.report_pagination button:hover {
  background-color: rgb(245, 245, 245);
}
.report_pagination button i {
  font-weight: bold;
  color: #337ab7;
  font-size: 1.2rem;
}
.report_pagination button:first-child {
  border-top-left-radius: 3.5px;
  border-bottom-left-radius: 3.5px;
}
.report_pagination button:last-child {
  border-top-right-radius: 3.5px;
  border-bottom-right-radius: 3.5px;
}
.report_filter {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
}
.report_filter .drop_fil {
  min-height: 0px !important;
  padding: 6.5px 15px !important;
  width: 100%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
}
.report_filter .MA_L {
  margin-left: 15px;
}
.report_filter .date_div {
  width: 100%;
  margin-left: 15px;
}
.report_filter .date_div input {
  min-height: 0px !important;
  padding: 6.5px 15px !important;
  width: 80%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.report_filter .date_div input:active,
.report_filter .date_div input:focus {
  outline: none;
}
.report_filter .date_div button {
  height: 34px !important;
  width: 20%;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px !important;
}
.report_filter .date_div button:hover {
  background: rgb(241, 241, 241);
}

.report_filter .date_div button:active,
.report_filter .date_div button:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.item_list {
  padding: 5px 5px;
}
.item_search {
  width: 100%;
  border-radius: 3px;
  padding: 4px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(58, 58, 58);
  margin-top: 8px;
  margin-bottom: 8px;
}
.item_search::-webkit-input-placeholder {
  color: rgb(165, 165, 165);
}
.item_search::-moz-placeholder {
  color: rgb(165, 165, 165);
}
.item_search:-ms-input-placeholder {
  color: rgb(165, 165, 165);
}
.item_search::-ms-input-placeholder {
  color: rgb(165, 165, 165);
}
.item_search::placeholder {
  color: rgb(165, 165, 165);
}
.item_search:focus,
.item_search:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid rgb(172, 172, 172);
}
.dropdown_footer {
  text-align: right;
  padding: 8px 10px;
  border-top: 1px solid rgb(238, 238, 238);
}
.dropdown_footer button {
  background: #3197ee;
  color: #fff;
  padding: 4px 8px;
  border: none;
  border-radius: 3px;
}
.dropdown_footer button:active,
.dropdown_footer button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*********************************daily_report.html**********************************/
.report_main .daily_report table {
  width: 100%;
}
.report_main .daily_report table td,
.report_main .daily_report table th {
  border: 1px solid rgb(201, 201, 201);
}
.report_main .daily_report table thead tr:first-child th,
.report_main .daily_report table thead tr:nth-child(2) th {
  padding-top: 12px;
  padding-bottom: 12px;
}
.report_main .daily_report table thead tr:first-child th {
  color: #1fad7f;
}
.report_main .daily_report table thead tr:nth-child(2) th {
  color: rgb(204, 73, 73);
  font-size: 1.4rem;
}
.report_main .daily_report table thead tr:nth-child(3) th {
  background-color: #3498db;
  color: #fff;
  font-size: 0.9rem;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.report_main .daily_report table thead tr:first-child th,
.report_main .daily_report table thead tr:nth-child(2) th,
.report_main .daily_report table thead th,
.report_main .daily_report table tbody td {
  text-align: center;
}
.report_main .daily_report table tbody .TL {
  text-align: left !important;
}
.report_main .daily_report table thead tr:nth-child(3) th:nth-child(2) {
  text-align: left !important;
}
.daily_report th,
.daily_report td {
  padding: 7px 5px;
}

.daily_report .grand_total td,
.daily_report .cash_deposit td {
  background-color: rgb(244, 244, 244);
  color: #ee1016;
  font-weight: bold;
}
.daily_report .empty_row td {
  padding: 10px;
}
.daily_report .empty_row td:nth-child(2),
.daily_report .empty_row td:nth-child(3),
.daily_report .empty_row td:nth-child(4),
.daily_report .empty_row td:nth-child(5),
.daily_report .empty_row td:nth-child(6),
.daily_report .empty_row td:nth-child(7) {
  border-left-color: #fff !important;
  border-right-color: #fff !important;
}
.daily_report .empty_row td:first-child {
  border-right-color: #fff !important;
}
.daily_report .remarks_row td {
  padding: 25px;
}
/*********************************enrollment.html**********************************/

.table_email {
  font-size: 0.8rem;
}
.table_phone {
  font-size: 0.8rem;
}
.enroll_status {
  padding: 5px 0px 4px 5px !important;
  min-height: 20px !important;
  height: 25px !important;
  min-width: 92px !important;
  width: 92px !important;
}
.enroll_status .menu .item {
  margin-left: -10px !important;
}
.enroll_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  margin: 16px 16px !important;
  padding: 12px 12px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1) !important;
}
.enroll_meta label {
  margin-bottom: 0rem !important;
}
.enroll_meta div {
  width: 100%;
  text-align: center;
}
.enroll_meta .count {
  font-size: 30px;
  font-weight: normal;
  margin-top: 8px;
}
.enroll_meta .count.total {
  color: #f86287;
}
.enroll_meta .title {
  font-weight: normal;
  font-size: 13px;
  margin-top: 8px;
}
.enroll_meta .title.total {
  color: #0373f9;
}
.enroll_meta .title.active {
  color: #5cb85c;
}
.enroll_meta .title.inactive {
  color: #d9534f;
}
.enroll_meta .title.new {
  color: #5bc0de;
}
.enroll_meta .title.waitlisted {
  color: #ffa500;
}
/* Add student */
.child_contact_del {
  position: absolute;
  right: 5px;
  margin-top: 14px;
  color: rgb(196, 75, 75);
  cursor: pointer;
}

.package_details {
  width: 100%;
}
.package_details .single_detail {
  padding: 10px 20px;
}
.package_details .single_detail label {
  width: 40%;
  color: rgb(109, 109, 109);
}
.enrollments_view {
  padding: 0px 15px;
}
.enrollments_view table {
  width: 100%;
}
.enrollments_view table tbody tr {
  border-top: 1px solid #ddd;
}
.enrollments_view table tbody tr td {
  padding: 15px 0px;
  font-size: 0.95rem;
}
.enrollments_view table thead tr th {
  padding: 10px 0px;
}
.ST_view .UP_list .single_entry:last-child {
  border-bottom: 0px solid !important;
}
.ST_view .UP_list .single_entry .title {
  width: 65%;
  color: #0098db;
  font-weight: bold;
  font-size: 1.05rem;
}
.ST_view .UP_list .single_entry .status_1,
.ST_view .UP_list .single_entry .status_2 {
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}
.ST_view .UP_list .single_entry .status_1 {
  background: rgb(212, 212, 212);
  color: rgb(77, 77, 77);
}
.ST_view .UP_list .single_entry .status_2 {
  background: #ff931b;
  color: rgb(247, 247, 247);
}
.ST_view .UP_list .single_entry .description {
  margin-top: 3px;
  font-size: 0.9rem;
}

.ST_view .UP_list .single_entry {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ST_view .UC_header i {
  margin-right: 10px;
  color: rgb(78, 78, 78);
}
.ST_view .UC_header div {
  float: right;
}
.ST_view .history_header {
  font-weight: bold;
}
.ST_view .history_div {
  padding-top: 18px;
  padding-bottom: 18px;
}
.ST_view .single_history {
  padding-bottom: 8px;
}
.ST_view .secondary_row .left_sec {
  padding-right: 30px;
  border-right: 0px solid !important;
}
.ST_view .secondary_row .right_sec {
  border-left: 1px solid rgb(231, 231, 231);
}
.ST_view .secondary_row .right_sec {
}
.ST_view .secondary_row {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgb(230, 230, 230);
}
.ST_view .class_details .col-md-4 {
  padding: 1.6rem;
}
.ST_view .class_data_1 {
  width: 30%;
  float: left;
  text-align: center;
  padding-top: 8px;
  font-size: 1.5rem;
  color: rgb(61, 61, 61);
}
.ST_view .class_data_2 {
  width: 70%;
  float: right;
}
.span_bold {
  font-weight: bold;
  color: rgb(59, 59, 59);
}
.span_grey {
  color: rgb(156, 156, 156);
}
.ST_view .options button {
  width: 100%;
  padding: 6px 0px;
  margin-bottom: 10px;
}
.ST_view .options button label {
  font-weight: normal;
  width: 150px;
  cursor: pointer;
}
.ST_view .options .btn_1,
.ST_view .options .btn_2 {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
  border-radius: 3px;
}
.ST_view .options .btn_1:hover,
.ST_view .options .btn_2:hover {
  background: rgb(32, 140, 230);
}
.ST_view .options .btn_3 {
  background: #ffffff;
  color: rgb(49, 49, 49);
  border: 1px solid #e4e4e4;
  border-radius: 3px;
}
.ST_view .options .btn_3:hover {
  background: rgb(249, 249, 249);
}
.ST_view .options .btn_3 i {
  color: rgb(92, 92, 92);
}
.ST_view .options button:active,
.ST_view .options button:focus {
  outline: none;
}
.ST_view .navigation {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.ST_view .col_header {
  font-weight: bold;
  margin-bottom: 15px;
}
.ST_view .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}
.ST .filter .date_p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ST .filter .date_p input {
  width: 100%;
  border: 1px solid rgb(230, 230, 230);
  padding: 4px 8px;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.ST .filter .date_p button {
  background: #fff;
  color: rgb(68, 68, 68);
  border: 1px solid rgb(230, 230, 230);
  margin-left: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0px 15px;
}
.ST .filter .date_p input:active,
.ST .filter .date_p input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid rgb(167, 167, 167);
  border-left: 1px solid rgb(167, 167, 167);
  border-bottom: 1px solid rgb(167, 167, 167);
}
.ST .filter .date_p button:active,
.ST .filter .date_p button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ST .filter .fetch_div button {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #f8577f;
  background: #f8577f;
  color: #fff;
  padding: 7px 0px;
  margin-top: 20px;
}
.ST .filter .fetch_div button:hover {
  background: #ec5379;
}
.ST .filter .fetch_div button:active,
.ST .filter .fetch_div button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ST .filter .dropdown {
  width: 100%;
  min-height: 0px;
  height: 29px;
  padding: 7px 14px;
  margin-bottom: 20px;
}
.ST .single_entry .title {
  width: 50%;
  color: #0098db;
  font-weight: bold;
  font-size: 1.05rem;
  cursor: pointer;
}
.ST .single_entry .status_1,
.ST .single_entry .status_2 {
  border-radius: 3px;
  padding: 1px 8px;
  min-width: 90px;
  font-weight: normal;
  text-align: center;
  font-size: 0.9rem;
}
.ST .single_entry .status_1 {
  background: rgb(212, 212, 212);
  color: rgb(77, 77, 77);
}
.ST .single_entry .status_2 {
  background: #ff931b;
  color: rgb(247, 247, 247);
}
.ST .single_entry .description {
  margin-top: 3px;
  font-size: 0.9rem;
}
.ST .single_entry .data {
  width: 90%;
  float: left;
}
.ST .single_entry .meta {
  width: 10%;
  float: right;
  padding: 12px;
  text-align: center;
}
.ST .single_entry .meta i {
  color: grey;
  font-size: 1.05rem;
  cursor: pointer;
}
.ST .single_entry {
  padding-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ST .col_header {
  font-weight: bold;
  margin-bottom: 15px;
}
.ST .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}
.ST .col_content .options .div_1 {
  float: left;
}
.ST .col_content .options .div_2 {
  float: right;
}
.ST .col_content .options {
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ST .col_content .options select {
  padding: 2px 5px;
  width: 30px;
  border: 1px solid rgb(230, 230, 230);
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 3px;
}
.ST .col_content .options input {
  border: 1px solid rgb(230, 230, 230);
  padding: 4px 8px;
}
.ST .col_content .options select:active,
.ST .col_content .options select:focus,
.ST .col_content .options input:active,
.ST .col_content .options input:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.row.ST,
.row.ST_view {
  margin: 0px !important;
}
.makeups {
  padding: 0px 15px;
}
.makeup_header {
  font-weight: bold;
  font-size: 1.1rem;
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  margin-bottom: 12px;
}
.makeup_content {
  margin-left: 0px;
}
.makeup_content .left_sec {
  padding-right: 30px;
  border-right: 1px solid rgb(231, 231, 231);
}
.makeup_content .left_sec .cal_icon {
  margin-right: 15px;
  color: #2196f3;
}
.makeup_content .left_sec .info_icon {
  margin-left: 15px;
  color: grey;
}
.makeup_btn {
  width: 100%;
  text-align: center;
  padding: 7px 10px;
  border-radius: 3px;
  color: #fff;
  background-color: #2196f3;
  border: 1px solid #2196f3;
}
.makeup_btn:hover {
  background-color: rgb(31, 141, 231);
}
.makeup_btn:active,
.makeup_btn:focus {
  outline: none;
}
.makeup_content .first_row {
  background-color: rgb(241, 241, 241);
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 18px;
  border-radius: 3px;
  color: rgb(75, 75, 75);
}

.makeup_content .data_row {
  margin-bottom: 15px;
}
.makeup_date {
  min-width: 40%;
  font-weight: normal;
}
/*********************************terminology.html / brand_category.html**********************************/
.terminology .row:nth-child(1) {
  margin-top: 1rem !important;
}
.terminology .row {
  margin-bottom: 2.5rem !important;
}
.terminology .row:last-child {
  margin-bottom: 2.5rem !important;
}
.term_group label {
  min-width: 110px;
}
.term_input {
  border-radius: 3px;
  padding: 6px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(80, 80, 80) !important;
}
.term_input:active,
.term_input:focus {
  outline: none;
  border: 1px solid rgb(150, 150, 150);
}

.terminologySave,
.terminologySave:hover,
.terminologySave:active,
.terminologySave:visited {
  outline: none;
  background-color: #f8577f;
  border: 1px solid #f8577f;
  color: #fff;
  padding: 0.3rem 1.6rem;
  border-radius: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 12px;
}
.terminologySave i {
  margin-right: 8px;
}
.add-category {
  background: #f8577f;
  color: #fff;
  border-radius: 3px;
  padding: 4px 8px;
  border: 1px solid #f8577f;
  font-size: 0.9rem;
}

.add-brand {
  margin-left: 10px;
  background: #0069d9;
  border-radius: 3px;
  padding: 4px 8px;
  border: 1px solid #0069d9;
  font-size: 0.9rem;
}

.add-brand,
.add-brand:focus,
.add-brand:active,
.add-brand:hover,
.add-brand:visited,
.add-category:focus,
.add-category:hover,
.add-category:active,
.add-category:visited {
  outline: none;
  color: #fff;
  font-family: "Noto Sans Regular", sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.term_table table {
  width: 100%;
  margin-top: 1rem;
}
.term_table table thead {
  border-bottom: 1px solid rgb(228, 228, 228);
}
.term_table table th,
.term_table table td {
  padding: 10px;
}

.color-picker {
  border: transparent;
  background: rgb(3, 137, 247);
  width: 30px;
  height: 30px;
  outline: none;
  border-radius: 4px;
}
.term_input_2,
.term_input_2,
.items-search {
  border-radius: 3px;
  padding: 6px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(80, 80, 80) !important;
  width: 100%;
  margin-bottom: 16px;
}
.term_input_2:active,
.items-search:active,
.term_input_2:focus,
.items-search:focus {
  outline: none;
  border: 1px solid rgb(150, 150, 150);
}

.color_picker_modal label {
  color: grey;
  font-weight: normal;
  margin-left: 10px;
  float: left;
  margin-top: 5px;
}
.color_picker_modal div {
  border: 1px solid #1fad7f;
  background: #1fad7f;
  width: 30px;
  height: 30px;
  cursor: pointer;
  outline: none;
  margin-left: 100px;
  border-radius: 4px;
}
/*********************************getting_started.html**********************************/
.GS {
  padding: 2rem 4rem !important;
}
.GS .row_1 .right_sec,
.GS .row_2 .left_sec,
.GS .row_3 .left_sec {
  padding: 10px;
}

.GS .row_2 .right_sec,
.GS .row_3 .right_sec {
  padding: 0px 0px !important;
}
/* section 1 */
.GS .row_1 .right_sec {
  text-align: center;
  -webkit-box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 10px 15px;
}
.GS .row_1 .right_sec .logo_div {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.GS .row_1 .right_sec .logo_div img {
  width: 80px;
  border-radius: 3px;
}
.GS .row_1 .right_sec .option_div {
  text-align: left;
  margin-top: 3px;
  width: 90px;
}
.GS .row_1 .right_sec .option_div span {
  cursor: pointer;
  font-size: 0.8rem;
  color: #0069d9;
  margin-left: 7px;
}
.GS .row_1 .right_sec .input_div1 {
  min-height: 29px;
}
.GS .row_1 .right_sec .input_div1,
.GS .row_1 .right_sec .input_div2,
.GS .row_1 .right_sec .secondary {
  padding-left: 25px;
}
.GS .row_1 .right_sec .secondary {
  font-size: 0.9rem;
  padding-top: 2px;
}
.GS .row_1 .right_sec .secondary i {
  margin-left: 10px;
  cursor: pointer;
  color: #0069d9;
}
.GS .row_1 .right_sec .secondary div:first-child {
  margin-bottom: 10px;
  min-height: 22px;
}
.GS .row_1 .right_sec .secondary div:nth-child(2) {
  min-height: 21px;
}
.GS .row_1 .right_sec .secondary input {
  margin-top: -1px;
  width: 150px;
  border: 1px solid rgb(192, 192, 192);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 1px 6px;
}
.GS .row_1 .right_sec .secondary button {
  border: 1px solid rgb(192, 192, 192);
  border-left: 0px solid grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0px 4px;
  text-align: center;
  background: #fff;
  color: #0069d9;
  margin: -3px;
}
.GS .row_1 .right_sec .secondary button i {
  margin-left: 0px;
}
.GS .row_1 .right_sec .input_div1 .edit_title {
  margin-left: 10px;
  cursor: pointer;
  color: #0069d9;
  font-size: 1.1rem;
}
.GS .row_1 .right_sec .input_div1 .title {
  font-size: 1.25rem;
}
.GS .row_1 .right_sec .input_div2 input {
  width: 250px;
  border: 1px solid rgb(192, 192, 192);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 4px 10px;
}
.GS .row_1 .right_sec .input_div2 button {
  border: 1px solid rgb(192, 192, 192);
  border-left: 0px solid grey;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 4px 8px;
  text-align: center;
  background: #fff;
  color: #0069d9;
}

.GS .row_1 .left_sec .main span {
  font-weight: bold;
  font-size: 1.15rem;
}

.GS .row_1 .left_sec .secondary {
  margin-top: 10px;
  margin-left: 8px;
}
/* progress line */
.GS_progress {
  padding: 0px 0px 0px 30px;
}
.GS_progress li {
  list-style: none;
  line-height: 1px;
}
.GS_progress .node {
  height: 30px;
  text-align: center;
  width: 30px;
  padding-top: 14px;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
  background-color: rgb(172, 172, 172);
}

.GS_progress .divider {
  height: 130px;
  width: 3px;
  margin-left: 13px;
  -webkit-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  background-color: rgb(172, 172, 172);
}

.GS_progress .title {
  display: inline-block;
  margin-left: 25px;
}
.GS_progress .title i {
  display: none;
  color: rgb(85, 161, 85);
  margin-left: 5px;
  font-size: 1.3rem;
}
.GS_progress .completed .node {
  background-color: rgba(82, 165, 255, 1);
}
.GS_progress .completed .title {
  color: rgba(82, 165, 255, 1);
  font-weight: bold;
}
.GS_progress .completed .divider {
  background-color: rgba(82, 165, 255, 1);
}
.GS_progress .completed i {
  display: inline-block;
}
/* section 2 */
.GS .row_2 {
  margin-top: 20px;
}
.GS .row_2 .right_sec .section {
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  width: 100%;
  height: 140px;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.GS .row_2 .right_sec .section .sec_footer {
  padding-top: 15px;
}
.GS .row_2 .right_sec .section .title {
  font-weight: bold;
  font-size: 1.1rem;
}
.GS .row_2 .right_sec .section .desc {
  margin-top: 4px;
  width: 85%;
  min-height: 38px;
}
.GS .row_2 .right_sec .section .option_btn {
  background: #f8577f;
  color: #fff;
  border-radius: 3px;
  border: 1px solid #f8577f;
  padding: 8px 16px;
  min-width: 195px;
  font-size: 1.05rem;
}
.GS .row_2 .right_sec .section .option_btn:hover {
  background: #ee5178;
}
.GS .row_2 .right_sec .section .logo img {
  width: 80px;
  position: absolute;
}

.GS .row_2 .right_sec .section.sec_4 img {
  width: 120px;
}
/* section 3 */
.GS .row_3 .right_sec .meta_section {
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  width: 100%;
  height: 140px;
  padding: 15px;
  margin-bottom: 20px;
}
.GS .row_3 .left_sec .meta_title {
  width: 100%;
  padding-left: 90px;
  height: 160px;
  font-weight: bold;
}

.GS .row_3 .right_sec .meta_section .option_btn_2 {
  background: #ffffff;
  color: rgb(43, 43, 43);
  border-radius: 3px;
  border: 1px solid #f8577f;
  padding: 8px 16px;
  min-width: 195px;
  font-size: 1.05rem;
}
.GS .row_3 .right_sec .meta_section .option_btn_2:hover {
  background: #f8577f;
  color: #fff;
}

.GS .row_3 .right_sec .meta_section .sec_footer {
  padding-top: 15px;
}
.GS .row_3 .right_sec .meta_section .title {
  font-weight: bold;
  font-size: 1.1rem;
}
.GS .row_3 .right_sec .meta_section .desc {
  margin-top: 4px;
  width: 85%;
  min-height: 38px;
}

/*********************************setup.html**********************************/
.settings {
  padding: 0.5rem 4rem;
}
.settings .header {
  font-weight: bold;
  padding: 10px 0px;
}
.settings .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  padding: 10px;
  border-radius: 3px;
}
.settings .section:hover {
  background-color: rgb(245, 245, 245);
}
.settings .section .title {
  color: rgb(19, 152, 185);
  font-weight: bold;
}

.settings .section .desc {
  padding-top: 5px;
}
.settings .section .desc span {
  color: rgb(109, 109, 109);
}
.settings .section .logo {
  background: rgb(245, 245, 245);
  border-radius: 3px;
  width: 65px;
  height: 43px;
  text-align: center;
  display: table;
}
.settings .section .logo i {
  font-size: 1.8rem;
  color: rgb(177, 177, 177);
  display: table-cell;
  vertical-align: middle;
}
.settings .section .content {
  padding: 0px 20px;
}
/*********************************staff_roles.html**********************************/
.staff_schedule_table .line_1 {
  margin-bottom: 1rem;
}
.staff_tabs {
  border-radius: 3px;
  background-color: rgb(250, 250, 250);
}
.staff_schedule_table td {
  vertical-align: baseline !important;
  padding: 24px 8px !important;
}
.timesheet_table {
  width: 100%;
}

.timesheet_table td {
  text-align: center;
  padding: 10px 10px;
}
.timesheet_table tbody tr:first-child td {
  padding: 0px 10px !important;
}
.timesheet_table td input {
  color: #4183c4;
  cursor: pointer;
  width: 90px;
  padding: 0px 0px 0px 10px;
  border: none;
  background: none;
}
.timesheet_table td .search {
  padding: 5px 10px !important;
}
.timesheet_table td .semantic_select {
  min-height: 10px !important;
  width: 70% !important;
  display: inline-block !important;
}
.semantic_default_multiple {
  min-height: 31px !important;
  padding: 0px 3px !important;
}
.semantic_default {
  min-height: 31px !important;
  padding: 7px 10px !important;
}
.semantic_default .search {
  padding: 7px 10px !important;
}
.staff_row td {
  padding: 20px 10px !important;
}
.staff_row .name {
  font-weight: bold;
}
.staff_row .email span {
  color: rgb(189, 189, 189);
}
.staff_row .login_status {
  background: #fff;
  color: #fff;
  padding: 2px 8px;
  border-radius: 50px;
  min-width: 120px;
  font-size: 0.9rem;
  font-weight: normal;
}
.staff_row .login_status.default {
  background: #2abbac !important;
}
.staff_row .login_status.invitation_sent {
  background: #f69d01 !important;
}
.staff_row .login_status.disabled {
  background: #f15e5e !important;
}
.NS_content .row {
  margin: 0px !important;
  margin-bottom: 15px !important;
}
.NS_content .input_title {
  margin-bottom: 6px;
  font-weight: normal;
}
.active_role {
  font-weight: bold !important  ;
  color: #3197ee;
}
.permission_label {
  width: 100%;
  padding: 4px 24px;
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-color: rgb(156, 156, 156);
  text-decoration-color: rgb(156, 156, 156);
}
.single_staff {
  color: #4183c4;
  cursor: pointer;
}
.single_staff .email {
  color: grey;
}
.profile_view,
.schedule_view,
.attendance_view,
.payroll_view {
  padding: 1.5rem;
}
.profile_view .row_break {
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgb(223, 223, 223);
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.profile_view .sec_title {
  font-weight: bold;
  color: rgb(66, 66, 66);
}
.profile_view .sec_field {
  width: 100%;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  padding: 5px 10px;
}
.profile_view .sec_field:active,
.profile_view .sec_field:focus {
  border: 1px solid rgb(168, 168, 168);
}
.staff_roles_semantic {
  padding: 7.5px 8px !important;
  min-height: 10px !important;
  border: 1px solid rgb(206, 206, 206) !important;
}
.staff_roles_semantic .search {
  padding: 7.5px 8px !important;
}
.staff_roles_semantic.multiple .default {
  padding: 7.5px 8px !important;
  margin: 0px !important;
}
.staff_roles_semantic.multiple .search {
  margin: 0px !important;
  padding: 7.5px 0px !important;
}
.staff_roles_semantic.multiple {
  padding: 0px 8px !important;
}
.profile_view .right_col {
  padding: 0rem 1rem 0rem 9rem;
}
.profile_view .right_sec label {
  font-weight: normal;
}
.profile_view .left_col {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.profile_view .right_sec {
  -webkit-box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
  padding: 1rem 1.5rem;
  border-radius: 3px;
}
.profile_view .right_sec .row {
  margin-bottom: 1.6rem;
}
.profile_view .right_sec .staff_logo_sec img {
  width: 80px;
  border-radius: 3px;
}
.staff_logo_main {
  padding: 15px;
}
.staff_logo_main img {
  width: 80px;
  border-radius: 3px;
}
.profile_view .right_sec .logo_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile_view .right_sec .logo_btn_1 {
  background: #f8577f;
  border: 1px solid #f8577f;
  border-radius: 3px;
  color: #fff;
  padding: 5px;
  margin-right: 10px;
  width: 110px;
  text-align: center;
}
.profile_view .right_sec .logo_btn_2 {
  background: #ffffff;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  color: rgb(58, 58, 58);
  padding: 5px;
  width: 110px;
  text-align: center;
}
.profile_view .right_sec .checkbox_header {
  width: 100%;
  padding: 0px 5px;
  margin-bottom: 15px;
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-color: rgb(156, 156, 156);
  text-decoration-color: rgb(156, 156, 156);
}
.profile_view .save_profile {
  background: #1fad7f;
  border: 1px solid #1fad7f;
  color: #fff;
  padding: 6px 20px;
  border-radius: 4px;
  font-size: 1.1rem;
}
/*************************New******************************/
.items-search {
  margin: 20px 15px;
  background: url(../imgs/dashboard/search-icon.png) no-repeat right center;
}

.items-container {
  border: 1px solid #dfe4ea;
}

.table-head-bg {
  background: #f6f6f5;
}

.br-1 {
  border-right: 1px solid #cdcdcd !important;
  font-size: 14px !important;
}

.fs-p8 {
  font-size: 0.85rem !important;
}

.items-check {
  width: 15px;
  height: 15px;
}

.add-sub-category {
  margin-top: 10px;
  color: #004c99;
  font-size: 0.95rem;
  cursor: pointer;
}

.py-20 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-20:last-child {
  padding-bottom: 30px !important;
}
.mt-10px {
  margin-top: 10px;
}

.w-95 {
  width: 95% !important;
}

.search-items {
  height: 30px !important;
  border-radius: 0rem !important;
  -webkit-border-radius: 0rem !important;
  -moz-border-radius: 0rem !important;
  -ms-border-radius: 0rem !important;
  -o-border-radius: 0rem !important;
}

.search-items:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.search-items:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.search-items:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.search-items:focus::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.search-items:focus::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.search-items:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.w-80 {
  width: 80% !important;
}

.ml-10px {
  margin-left: 10px;
}

.addCategory {
  margin-left: 6px !important;
  color: #1fad7f;
  cursor: pointer;
}
.sub-cat-close {
  margin-left: 6px;
  font-size: 1.06rem;
  color: #f15e5e;
  cursor: pointer;
}
.add-sub-category {
  font-size: 0.8rem !important;
  color: #4183c4 !important;
}

.product-name {
  font-size: 1rem;
  margin-left: 10px;
}

.inventorySave {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: rgb(3, 115, 249);
  color: #fff;
}

.inventorySave:hover,
.inventorySave:active,
.inventorySave:focus {
  background-color: rgb(3, 115, 249);
  color: #fff;
}
.transfer_table td,
.transfer_table th {
  padding: 1rem !important;
}

/* New left menu */
#side_nav ul {
  list-style-type: none;
  padding: 0.4em 0em;
  background-color: #0e334e;
  -webkit-transition: background-color 2s;
  -o-transition: background-color 2s;
  transition: background-color 2s;
}
#side_nav ul li {
  margin-bottom: 0.2em;
}
#side_nav ul .item {
  padding: 0.45em 1.2em;
}
#side_nav ul .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#side_nav ul a img {
  width: 15px;
  margin-right: 15px;
}
#side_nav ul .item i {
  width: 14px;
  margin-right: 15px;
  color: rgb(255, 255, 255);
}
#side_nav ul .item a span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Noto Sans Regular";
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.5px;
}
#side_nav .header i {
  color: #9ad4ff;
}
#side_nav ul .item.active {
  background: #479964;
}
#side_nav .header span {
  font-family: "Noto Sans Regular";
  font-size: 14px;
  color: #9ad4ff;
  text-transform: uppercase;
}
#side_nav .header i {
  float: right;
  margin-top: 4px;
}
#side_nav ul ul {
  display: none;
}

#side_nav .CS_large {
  background: #f8577f;
  color: #fff !important;
  font-size: 0.7rem !important;
  border-radius: 50px;
  padding: 1px 6px;
  margin-left: 5px;
}
#side_nav .CS_small {
  background: #f8577f;
  color: #fff !important;
  font-size: 0.7rem !important;
  border-radius: 50px;
  padding: 1px 4px;
}
#side_nav .settings_nav {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-bottom: 0px !important;
  background: #0c2c42;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
#side_nav .settings_nav span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Noto Sans Regular";
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 0.5px;
}
#side_nav .header_wrapper {
  width: 100%;
  padding: 0.24em 1.2em;
}
#side_nav .header_wrapper span {
  text-transform: capitalize !important;
}

#side_nav .active_menu ul {
  background-color: #0c2c42;
  padding-top: 10px;
  padding-bottom: 10px;
}
#side_nav .header_wrapper i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#side_nav .active_menu .header_wrapper i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
/* Test */

.enrollment_table > tbody > tr > td {
  font-size: 0.8rem;
}

.enrollment_table > tbody > tr > td {
  font-size: 0.8rem;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 10px;
  vertical-align: middle !important;
}

/*********************************subscription.html**********************************/
.subs.pusher,
.subs .skooly-dashboard-container {
  background: #f4f6f8;
}
.plan .header span {
  font-weight: bold;
  font-size: 1.3rem;
}
.plan .header {
  padding: 1rem 0rem;
  border-bottom: 1px solid rgb(214, 214, 214);
}
.plan .description {
  text-align: center;
  padding: 1rem 0rem 4rem 0rem;
}
.plan .description .line_1 {
  font-weight: bold;
  font-size: 1.2rem;
}
.plan .description div {
  padding-top: 1rem;
}
.plan .description .line_2 {
  color: grey;
  font-size: 1.1rem;
}
.plan .showcase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.plan .wrapper {
  margin: 0rem 0.4rem;
}
.plan .sec {
  letter-spacing: 0.3px;
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 2rem 1rem;
}
.plan .sec:first-child {
  margin-left: 0rem !important;
}
.plan .sec:last-child {
  margin-right: 0rem !important;
}
.plan .sec .main_price {
  font-size: 1.03rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5rem;
}
.plan .sec .main_price div {
}
.plan .sec .main_price .price {
  font-size: 2.8rem;
  letter-spacing: 0.5px !important;
  /* font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; */
  font-family: "Public Sans", sans-serif;
  font-weight: 500;
}
.plan .sec .plan_btn {
  padding: 1rem 0rem;
  text-align: center;
}
.plan .sec .plan_btn button {
  width: 80%;
  background-color: #5b69c2;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.plan .sec .plan_btn button:hover {
  background-color: #4654b3;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.plan .sec .plan_title {
  padding: 0.3rem 0rem 1.6rem 0rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.plan .sec .plan_desc {
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 2rem;
}
.plan .sec .meta_section {
  text-align: center;
  padding-bottom: 1rem;
}
.plan .sec .meta_section:last-child {
  padding-bottom: 0rem;
}
.plan .sec .meta_section .meta_title {
  font-weight: bold;
  font-size: 1.05rem;
  padding-bottom: 0.3rem;
}
.plan .popular {
  padding: 1rem 0rem;
  background: #f9fafb;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.plan .popular_dummy {
  padding: 1rem 0rem;
}
.plan .sec.highlight {
  border: 1px solid #1fad7f;
  -webkit-box-shadow: inset 0px 0px 0px 1.5px #1fad7f;
  box-shadow: inset 0px 0px 0px 1.5px #1fad7f;
}
.plan .sec.highlight button {
  background: #1fad7f !important;
  color: #fff;
}
.plan .sec.highlight button:hover {
  background: #229c78 !important;
}

.showcase_secondary .multi {
  margin: 5rem 0.4rem;
  letter-spacing: 0.3px;
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 2rem 1rem;
  text-align: center;
}
.showcase_secondary .multi .title {
  padding: 0rem 0rem 1.6rem 0rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.showcase_secondary .multi .option {
  padding: 1rem 0rem 0rem 0rem;
}

.showcase_secondary .multi .option button {
  min-width: 180px;
  background-color: #f0ad4e;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.showcase_secondary .multi .option button:hover {
  background-color: #e6a346;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.plan_desc {
  padding: 0rem 0.4rem;
}
.plan_desc table {
  width: 100%;
  background: #fff;
  border: 1px solid #e4e4e4;
  -webkit-box-shadow: 0 3px 8px rgba(122, 109, 109, 0.3),
    0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px rgba(122, 109, 109, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.plan_desc table th {
  font-size: 1.07rem;
  font-weight: bold;
}
.plan_desc table tr {
  padding: 0rem 1rem;
}
.plan_desc table th,
.plan_desc table td {
  padding: 1.2rem 1rem;
}
.plan_desc table .header td {
  font-size: 0.92rem;
  font-weight: bold;
  background: #f4f6f8;
  color: #4d5bb3;
}
.plan_desc table .data td {
  font-size: 0.92rem;
  color: #5b5e6d;
}
.plan_desc table thead th {
  border: 1px solid #5b69c2;
}
.plan_desc table .data td {
  border: 1px solid #e4e4e4;
}
.plan_desc table th {
  text-align: center;
}
.plan_desc table th:first-child {
  text-align: left !important;
}
.plan_desc table .data td {
  text-align: center;
}
.plan_desc table .data td:first-child {
  text-align: left !important;
}
.plan_desc table thead th:first-child,
.plan_desc table .header td:first-child,
.plan_desc table .data td:first-child {
  padding-left: 2rem;
}
.plan_desc table .data td img {
  width: 18px;
}
.plan_desc table .data td.high {
  color: #e7476f;
}

.plan_desc table thead th {
  background: #5b69c2;
  color: #fff;
}

.billing_header {
  width: 100%;
  padding: 1.5rem 0rem;
  border-bottom: 1px solid rgb(219, 219, 219);
}
.billing_header {
  font-weight: bold;
  font-size: 1.3rem;
}
.billing .sec {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-top: 2em;
  padding: 2rem;
}
.billing .header {
  font-weight: bold;
  font-size: 1rem;
  padding-bottom: 1rem;
}
.billing .sec .content .desc {
  color: grey;
}
.billing .sec .content .checkbox {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  margin-top: 1rem;
}
.billing .sec .content .info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 1rem 0.6rem;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.billing .sec .content .pay_row {
  border-bottom: 1px solid #e4e4e4;
  padding: 1rem 0.6rem;
  background-color: #fff;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.billing .sec .content .info_row.active_bill {
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #ebf5fa;
}
.billing .sec .content .pay_row.active_bill {
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  background-color: #ebf5fa;
}
.billing .sec .content .info_row label,
.billing .sec .content .pay_row label {
  padding-left: 0px !important;
  font-weight: bold;
}
.billing .sec .content .info_row div,
.billing .sec .content .pay_row div {
  width: 100%;
}
.billing .sec .content .info_row .savings,
.billing .sec .content .pay_row .savings {
  text-align: right;
  padding-right: 0.5rem;
  color: #1fad7f;
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.billing .sec .content .desc_s {
  padding: 1rem 0rem 2rem 0rem;
}
.billing .sec .content .plan_details .header {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem !important;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
.billing .sec .content .plan_details .desc {
  border-bottom: 1px solid #e4e4e4;
  background: #f4f6f8;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.billing .sec .content .plan_details .desc div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
}
.billing .sec .content .plan_details .desc div:last-child {
  margin-bottom: 0rem;
}
.billing .sec .content .plan_details .desc b {
  margin-right: 5px;
}
.billing .sec .content .plan_details .desc i {
  font-size: 0.6rem !important;
  margin-right: 10px;
}
.billing .sec .content .finish .header {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.billing .sec .content .finish .header div {
  width: 100%;
}
.billing .sec .content .finish .header .amount {
  text-align: right;
}
.billing .sec .content .start_plan {
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
.billing .sec .content .start_plan button {
  width: 80%;
  color: #fff;
  border: none;
  padding: 0.6rem;
  border-radius: 3px;
  background-color: #5b69c2;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.billing .sec .content .start_plan button:hover {
  background-color: #505db1;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.billing .sec .content .meta {
  text-align: center;
}
.billing .sec .content .pay_row .meta_card {
  padding: 0.5rem 3rem;
}
.billing .sec .content .pay_row .meta_card div {
  margin-top: 1rem;
}
.billing .sec .content .pay_row .meta_card .add_card {
  color: rgb(78, 157, 248);
  cursor: pointer;
}
.billing .sec .content .pay_row .paypal {
  width: 100px;
  margin-top: -8px;
}

/*********************************leads.html*************************************/
.import_leads {
  letter-spacing: 0.5px;
  background: #ececec;
  border: none;
  color: #337ab7;
  text-align: center;
  border: 1px solid #ececec;
  padding: 0.3em 1em;
  font-size: 0.95em;
  line-height: 1.5;
  border-radius: 0.25em;
}
.import_leads::before {
  font-family: FontAwesome;
  content: "\f0ed";
  padding-right: 4px;
}

/************************INVOICE SCREEN*******************************/
/**INVOICE**/
.invoice_section .i_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 14px;
}
.invoice_section .i_header span {
  font-weight: 600;
  font-size: 1rem;
  color: rgb(59, 59, 59);
}
.invoice_section .i_header input,
.invoice_section .i_table .item_name textarea {
  border-radius: 3px;
  padding: 6px 8px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(58, 58, 58);
  margin-top: 8px;
}

.invoice_section .i_header input:focus,
.invoice_section .i_header input:active,
.invoice_section .i_table .item_name textarea:focus,
.invoice_section .i_table .item_name textarea:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid rgb(172, 172, 172);
}
.invoice_section .i_header input::-webkit-input-placeholder,
.invoice_section .i_table .item_name textarea::-webkit-input-placeholder {
  color: rgb(165, 165, 165);
  border: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .invoice_table_input {
  text-align: right;
  border-radius: 3px;
  padding: 8px 8px;
  border: 1px solid rgb(255, 255, 255);
  cursor: pointer;
  width: 70%;
}
.invoice_section .i_table .active_item .invoice_table_input {
  border: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .invoice_table_input:focus,
.invoice_section .i_table .invoice_table_input:active {
  outline: none;
  background-color: rgb(245, 245, 245);
  transition: background-color .3s;
}
.i_footer{
  margin-top: 3rem;
}
.i_footer .col-md-6{
padding: 2rem 4rem;
}
.i_footer label{
  width: 100%;
  font-weight: normal;
  font-size: 1.1rem;
  margin-bottom: .5rem;
}
.i_footer textarea{
  padding: 5px;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 80px;
  max-height: 150px;
}
.pusbar_invoice_item{
  padding: 5px 15px;
}
.pusbar_invoice_item:after{
  content: "";
  display: block;
  clear: both;
}
.pusbar_invoice_item .col{
  padding: 0;
}
.pusbar_invoice_item .item{
  cursor: pointer;
  padding: 6px 8px;
  margin: 0 !important;
  border: 1px solid #fff;
}
.pusbar_invoice_item .item i{
font-size: 1.1rem;
opacity: 0;
transition:opacity .1s;
}
.pusbar_invoice_item .item:hover i{
  opacity: 1;
  transition:opacity .1s;
  }
.pusbar_invoice_item .item .data{
margin-right: 5px;
}
.pusbar_invoice_item input{
  width: 100%;
}
.pusbar_invoice_item button{
  position: absolute;
  margin-left: -30px;
  width: 30px;
  background: none;
  border: none;
  padding: 6px 0px;
}
.i_footer textarea:active,.i_footer textarea:focus{
  border: 1px solid rgb(167, 167, 167);
}
.invoice_section .item_description{
  margin-top: 6px;
}
.invoice_section .item_description textarea{
  resize: none;
  width: 100%;
  height: 4rem;
}
.invoice_section .i_table {
  padding: 8px 14px;
  margin-top: 40px;
}
.invoice_section .i_table table {
  width: 100%;
}
.invoice_section .i_table table thead tr {
  border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table table thead tr th {
  padding: 18px 14px;
  font-weight: 600;
  font-size: 1rem;
  color: rgb(59, 59, 59);
}
.invoice_section .i_table table tbody tr {
  border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table table tbody tr td {
  padding: 15px 8px;
  vertical-align: initial;
}
.invoice_section .i_table table tbody tr .item_value {
  cursor: pointer;
}

.invoice_section .i_table table tbody tr #td_Tax {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.invoice_section .i_table tr {
  border: none !important;
}
.invoice_section .i_table td,
.invoice_section .i_table th {
  border-bottom: 1px solid rgb(216, 216, 216);
}
.invoice_section .i_table .no_border {
  border: none !important;
}
.invoice_section .i_table .item_option .item_delete {
  font-size: 1rem;
  margin-top: 10px;
  color: rgb(161, 161, 161);
  cursor: pointer;
  transition: color .2s;
}
.invoice_section .i_table .item_option .item_delete:hover {
  color: rgb(221, 78, 78);
  transition: color .2s;
}
.table_bottom{
  padding: 8px 14px;
}
.table_bottom .add_item {
  margin-right: 20%;
}
.table_bottom .add_item {
  margin-top: 1.5rem;
  margin-left: 2rem;
  background: #fff;
  border: 1px solid #0078c8;
  padding: 3px 10px;
  border-radius: 3px;
  width: 40%;
  color: #0078c8;
}
.table_bottom .add_item:hover {
  background: #0078c8;
  color: #fff;
}
.table_bottom .add_item:focus,
.table_bottom .add_item:active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bottom_row{
  display: flex;
  padding: .4rem 0rem;
}
.bottom_row div{
  width: 100%;
}
.table_bottom .bottom_row:last-child{
  padding: 1rem 0rem;
  border-top: 1px solid rgb(218, 218, 218);
  border-bottom: 1px solid rgb(218, 218, 218);
}
.table_bottom .bottom_row:last-child div{
font-weight: bold;
font-size: 1.1rem;
}

.bottom_row div:nth-child(2){
  text-align: right;
  }
.invoice_send_wrap{
  margin-top:-4px;
}
.invoice_send_wrap .invoice_send {
  background: #0078c8;
  color: #fff;
  padding: 4px 13px;
  font-size: 1rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #0078c8;
}
.invoice_send_wrap .dropdown-toggle{
  background: #0078c8;
  color: #fff;
  padding: 4px 8px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #0078c8;
  margin-left: -3px;
}
.invoice_send_wrap .dropdown-toggle:hover{
  background: #0169ad;
}
.invoice_send_wrap .dropdown-menu{
  min-width: 10px !important;
    width: -webkit-fill-available !important;
  padding: 8px 8px;
}
.invoice_send_wrap .dropdown-menu a:hover{
  background-color: #fff !important;
}

.invoice_settings{
  border: 0px solid rgb(212, 212, 212);
  padding: 5px 12px;
  border-radius: 5px;
  background: rgb(238, 238, 238);
  margin-right: 5px;
}
.invoice_settings:hover{
  background: rgb(232, 232, 232);
}
.invoice_settings i{
font-size: 1.1rem;
}
.invoice_preview {
  background: #fff;
  border: 1px solid rgb(212, 212, 212);
  padding: 5px 12px;
  border-radius: 5px;
  color: #0078c8;
  font-size: 1rem;
  margin-right: 5px;
}
.invoice_preview:active,
.invoice_preview:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.invoice_preview:hover {
  background: rgb(250, 250, 250);
}
.icon_input {
  color: rgb(85, 92, 99);
  position: absolute;
  width: 25px !important;
  margin-top: 18px !important;
  margin-left: 6px !important;
  text-align: center !important;
}

.input_with_icon {
  padding-left: 31px !important;
}
.input_with_icon::-webkit-input-placeholder {
  border: none !important;
}
.input_with_icon::-moz-placeholder {
  border: none !important;
}
.input_with_icon:-ms-input-placeholder {
  border: none !important;
}
.input_with_icon::-ms-input-placeholder {
  border: none !important;
}
.input_with_icon::placeholder {
  border: none !important;
}

.unpaid_span {
  padding: 1px 6px;
  border-radius: 3px;
  background: rgb(244,61,61);
  color: #fff;
  font-size: 0.85rem;
  width: 60px;
  text-align: center;
}
.paid_span {
  padding: 1px 6px;
  border-radius: 3px;
  background: rgb(55, 170, 84);
  color: #fff;
  width: 60px;
  text-align: center;
}
/**INVOICE PREVIEW MODAL****/
button.close:active,
button.close:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#invoice_preview .modal-dialog {
  width: 70%;
  transition: width .4s;
}
.MB .modal-dialog {
  width: 35% !important;
  transition: width .4s;
}
#invoice_preview {
  background-color: rgba(0, 10, 30, 0.5) !important;
  -webkit-transition: 0.25s !important;
  -o-transition: 0.25s !important;
  transition: 0.25s !important;
}
#invoice_preview .modal-dialog {
  border-radius: 4px;
}
.IP_top{
  text-align: center;
  padding: 1.2rem;
  box-shadow: 0px 1px 3px 0px rgb(185, 185, 185);
}
.IP_top .right{
  position: absolute;
  top: 0;
  right: 0;
  padding: .8rem 1rem;
}
.IP_top .switch{
  margin-right: 2rem;
  border-radius:3px;
}
.IP_close{
  margin-top: .3rem;
}
.IP_top .switch button{
  border: 1px solid rgb(228, 228, 228);
  width: 35px;
  background: none;
  padding: .3rem .6rem;
}
.IP_top .switch button:first-child{
margin-right: -5px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.IP_top .switch button:last-child{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  }
.IP_top .switch button.active{
background-color:rgb(238, 238, 238);
}
.IP_top .switch button i{
font-size: 1.2rem;
}
.IP_top .title{
  font-weight: bold;
}
.IP_header,.IP_subheader,.IP_data{
  padding: 1rem 3.5rem;
}
.MB .IP_header,.MB .IP_subheader,.MB .IP_data{
  padding: 1rem 1.5rem;
}
.IP_header{
  display: flex;
  align-items: center;
}
.IP_header .logo,.IP_header .from,.IP_header .info{
  width: 100%;
}
.IP_header .info{
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
.IP_header .from .name{
font-weight: bold;
}

.IP_subheader .single_row{
  display: flex;
  margin-top: .6rem;
  margin-bottom: .6rem;
}
.IP_subheader .single_row .title{
width: 20%;
font-weight: bold;
}
.MB .IP_subheader .single_row .title{
  width: 40%;
  }
  .IP_subheader .single_row .highlight{
    color: rgb(228, 58, 58);
  }
.IP_data table{
  width: 100%;
}
.IP_data table thead tr th{
  text-align: right;
  padding: .5rem 0rem;
}
.IP_data table thead tr th:first-child{
  text-align: left !important;
}
  .IP_data table tbody tr td{
text-align: right;
padding: .8rem 0rem;
border-bottom: 1px solid rgb(212, 212, 212);
}
.IP_data table tbody tr td:first-child{
  text-align: left !important;
}
.MB table thead tr th {
  text-align: center !important;
}
.MB table tbody tr td {
  text-align: center !important;
}
.IP_total{
  width: 100%;
}
.IP_total .total_line:first-child{
  margin-top: 1rem;
}
      .IP_total .total_line:last-child div{
        padding: .8rem 0rem;
        font-size: 1.1rem;
        font-weight: bold;
border-top: 1px solid rgb(212, 212, 212);
border-bottom: 1px solid rgb(212, 212, 212);

      }
  .IP_total .total_line{
  padding: .2rem 0rem;
    display: flex;
    justify-content: flex-end;
  }
  .MB .IP_total .total_line{
    padding-right: 5.5% !important;
  }
.IP_total .total_line div:first-child{
padding-right: 3rem;
}
  .IP_meta{
    margin-top: 5rem;
    display: flex;
    font-size: .9rem;
  }
  .IP_meta label{
width: 100%;
  }
  .IP_meta div{
padding: 1rem;
  }
  #studentsPerClassroomTable table thead tr th:nth-child(2){
    width: 10%!important;
  }
  #studentsPerClassroomTable table thead tr th:nth-child(2),
  #studentsEnrolledPerMonthTable table thead tr th:nth-child(2){
    width: 40%!important;
  }
  #studentsPerCourseTable table thead tr th:nth-child(1),
  #studentsPerClassroomTable table thead tr th:nth-child(1),
  #studentsEnrolledPerMonthTable table thead tr th:nth-child(1){
    width: 7%!important;
  }
  .report_main .table-responsive table thead tr th{
    text-align: left!important;
  }
  .report_main .table-responsive table tbody tr td{
    padding: 10px 18px!important;
    color: #000!important;
  }
  .dark-btn-md{
    padding: 0.6em 2em!important;
  }
  #staffTotalWorkingHoursTable table thead tr th:nth-child(1){
    width: 10% !important;
  }
  #staffTotalWorkingHoursTable table thead tr th:nth-child(2){
    width: 25%!important;
  }
  button.fetchReports[data-loading] .ladda-label {
    margin-right: 2rem !important;
  }
  .reportLoader,
  .reportLoader:after {
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }
  .reportLoader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    border-right: 3px solid rgba(255, 255, 255, 0.2);
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    border-left: 3px solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }
  @-webkit-keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

.profile_select{
height: 32px!important;
margin-right:10px;
width:30%!important;
padding:0.5em;
}
#staffTableContainer table thead tr th{
width: 8%!important;
}
.utilized_class p{
padding: 10px 0;
}
.available_class{
 color: #0373f9;
 font-weight: 600;
}

.zoomTable table thead th,
.zoomTable table tbody td {
text-align: left !important;
}
.zoomTable table tbody td {
padding : 10px 10px !important;
}

.miniActionBar {
/*display: flex;*/
align-items: center;
margin-top: 4px;
}
/*.miniActionBar > div + div {
margin-left: 1rem;
}*/
.miniActionBar .mainAction {
color: #fff;
border-radius: 3px;
padding: 3px 8px;
background: #428cff;
border: 1px solid #428cff;
white-space: nowrap;
}

.miniActionBar .mainActionlink {
color: #428cff;
border-radius: 3px;
padding: 3px 8px;
background: #fff;
border: 1px solid #428cff;
white-space: nowrap;
}

.miniActionBar .secAction {
border: 1px solid #428cff;
color: #428cff;
background: transparent;
border-radius: 3px;
padding: 3px 8px;
margin-left: 3px;
}

.btn_blue{
  background: #428cff !important;
  border: 1px solid #428cff !important;
}

.meetingInfo {
width: 50%;
border-radius: 5px;
background-color: #fff;
box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 8%);
padding: 1rem;
margin: 0 auto;
}
.meetingInfo .item .heading {
color : #000;
font-weight: 600;
}
.meetingInfo .item.schedule .value {
color : #428cff;
}
.meetingInfo .action a {
width : 100%;
border-radius: 4px;
padding: .5rem 1rem;
color : #fff;
margin-top: 1rem;
background-color : #428cff;
display: flex;
align-items: center;
justify-content: center;
}
.meetingInfo .action a i {
margin-left : 8px;
font-size: 1.3rem;
}
.price_dollar.w-auto input{
padding-left: 10px !important;
}

#zoomUserTableEmptyContainer .empty-table-view {
margin-top: 0 !important;
}

#scheduledCoursesTable .btn-group > button:nth-child(1) {
margin: 0 !important;
padding: 0.26em 1em !important;
}

#scheduledCoursesTable .btn-group > button:nth-child(2) {
margin-left: 1px !important;
margin-right: 0px !important;
padding: 0.26em 1em !important;
}

#scheduledCoursesTable .dropdown-menu .dropdown-item:hover a {
border-bottom: 0px !important;
}

#scheduledCoursesTable .dropdown-menu .dropdown-item > li {
padding: 0 !important;
}
#staffScheduleTableContainer table thead tr th:nth-child(1){
width: 15%!important;
}
#staffScheduleTableContainer table thead tr th:nth-child(2){
width: 20%!important;
}
#staffScheduleTableContainer table tbody tr td:nth-child(3){
text-align: left!important;
}
#staffScheduleTableContainer table tbody tr td:nth-child(5),
#staffScheduleTableContainer table tbody tr td:nth-child(4),
#staffScheduleTableContainer table thead tr th:nth-child(5),
#staffScheduleTableContainer table thead tr th:last-child,
#staffScheduleTableContainer table thead tr th:nth-child(4){
text-align: center !important;
}
#studentCourseAttendanceTable table tr td{
padding: 18px !important;
}
#studentCourseAttendanceTable table thead tr th{
width: 10%!important;
}

#studentCourseAttendanceTable table thead tr th,
#studentAttendanceByCourseTableContainer table thead tr th{
width: 11%!important;
}

#staffCourseReportsTable table thead tr th:last-child,
#staffCourseReportsTable table tbody tr td:last-child {
text-align: center !important;
}

#studentCourseAttendanceTable table thead tr th:nth-child(5),
#studentCourseAttendanceTable table thead tr th:nth-child(6),
#studentCourseAttendanceTable table thead tr th:nth-child(8),
#studentAttendanceByBranchTableContainer table thead tr th:nth-child(4),
#studentAttendanceByBranchTableContainer table thead tr th:nth-child(5),
#studentAttendanceByBranchTableContainer table thead tr th:nth-child(6),
#studentAttendanceByBranchTableContainer table thead tr th:nth-child(7){
text-align: center !important;
}

.allreport_content .coming-soon-label{
white-space: nowrap;
}

.classroom-profile-wrap.updated {
box-shadow: 0 5px 15px 5px rgb(164 173 186 / 25%);
border-radius: 5px;
padding-bottom: 1rem !important;
margin-bottom: 5rem;
}
.classroom-profile-wrap.updated p.cursor_pointer:hover {
color: #51b1dd;
}
.classroom-profile-wrap.updated .class-profile-students {
padding: 1rem;
}
.classroom-profile-wrap.updated .studentView,
.classroom-profile-wrap.updated .studentEdit {
min-height: 60vh;
display: none;
flex-direction: column;
}
.classroom-profile-wrap.updated .studentView.active,
.classroom-profile-wrap.updated .studentEdit.active {
display: flex;
}
.classroom-profile-wrap.updated .subMenu {
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.classroom-profile-wrap.updated .subMenu .className {
font-size: 18px;
}
.classroom-profile-wrap.updated .subMenu .classBranch {
color: #9b9b9b;
}
.classroom-profile-wrap.updated .subMenu .options {
display: flex;
align-items: center;
justify-content: flex-end;
}
.classroom-profile-wrap.updated .subMenu .save {
text-align: right;
}
.classroom-profile-wrap.updated .subMenu .save button {
padding: 5px 25px !important;
min-width: 145px;
}
.classroom-profile-wrap.updated .subMenu .searchWrapper {
display: flex;
align-items: center;
padding-right: 1rem;
}
.classroom-profile-wrap.updated .subMenu .seacrhInput {
position: relative;
display: flex;
align-items: center;
}
.classroom-profile-wrap.updated .subMenu .seacrhInput i {
position: absolute;
left: 10px;
}
.classroom-profile-wrap.updated .subMenu input {
padding: 6px 10px 6px 35px;
border: 1px solid #d5d7da;
width: 100%;
}
.classroom-profile-wrap.updated .subMenu input:focus,
.classroom-profile-wrap.updated .subMenu input:active {
border-color: #037aff;
}

.classroom-profile-wrap.updated .selectedStudents {
background-color: #f4f6f8;
padding: 0.5rem;
border-radius: 4px;
margin-bottom: 1rem;
}

.studentListTable table .stuInfo {
display: flex;
align-items: center;
}
.studentListTable table .stuInfo .name {
font-size: 1rem;
}
.studentListTable table thead th {
font-size: 0.9rem !important;
}
.studentListTable table thead th:last-child,
.studentListTable table tbody td:last-child {
text-align: right !important;
}
.studentListTable table thead th {
padding: 1rem;
}
.studentListTable table thead th:last-child {
padding: 1rem 35px 1rem 1rem !important;
}
.studentListTable table tbody tr {
transition: background-color 0.1s;
}
.studentListTable table tbody tr:hover {
background-color: rgba(236, 236, 236, 0.3);
}

/* Common */
.multiAction .main_btn {
padding: 0.35rem 1rem;
}
.multiAction .main_btn i {
margin-right: 0.3rem;
}
.multiAction .sec_btn {
border-radius: 3px !important;
margin-left: -2px;
padding: 0.35rem 0.8rem;
}
.multiAction .dropdown-menu {
border: none;
padding: 0.5rem;
left: initial;
right: 0;
width: 100%;
}
.multiAction .dropdown-item {
background-color: transparent;
border: none;
text-align: left;
padding: 4px 6px;
border-radius: 3px;
white-space: nowrap;
min-width: 100%;
transition: background-color 0.2s;
}
.multiAction .dropdown-item:hover {
background-color: #f2f2f7 !important;
}
.multiAction.circleBtn .sec_btn {
transition: background-color 0.2s, border-color 0.2s;
width: 30px !important;
height: 30px !important;
border-radius: 50px !important;
}
.multiAction.circleBtn.greyBg .sec_btn {
transition: background-color 0.2s, border-color 0.2s;
width: 30px !important;
height: 30px !important;
border-radius: 50px !important;
background-color: #f2f2f7 !important;
border-color: #f2f2f7 !important;
}
.multiAction.circleBtn.greyBg .sec_btn:hover,
.multiAction.circleBtn.open.greyBg .sec_btn {
background-color: #000 !important;
border-color: #000 !important;
}
.multiAction.circleBtn.greyBg .sec_btn i {
color: #000 !important;
}
.multiAction.circleBtn.greyBg .sec_btn:hover i,
.multiAction.circleBtn.open.greyBg .sec_btn i {
color: #fff !important;
}
.multiAction.circleBtn .dropdown-item {
color: #000 !important;
}
.roundId {
margin-right: 1rem;
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
border-radius: 50%;
background: #ececec;
overflow: hidden;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.roundId.A {
 background: linear-gradient(135deg, #4e54c8 0, #8f94fb 100%);
}
.roundId.B {
 background: linear-gradient(135deg, #00b4db 0, #0083b0 100%);
}
.roundId.C {
 background: linear-gradient(135deg, #ec6590 0, #ea5670 100%);
}
.roundId.D {
 background: linear-gradient(135deg, #00c6ff 0, #0072ff 100%);
}
.roundId.E {
 background: linear-gradient(135deg, #f2709c 0, #ff9472 100%);
}
.roundId.F {
 background: linear-gradient(135deg, #43cea2 0, #188e9d 100%);
}
.roundId.G {
 background: linear-gradient(135deg, #5b87e6 0, #37d1db 100%);
}
.roundId.H {
 background: linear-gradient(135deg, #f7a933 0, #fe4e1d 100%);
}
.roundId.I {
 background: linear-gradient(135deg, #8f94fa 0, #5154c9 100%);
}
.roundId.J {
 background: linear-gradient(135deg, #4da1cd 0, #65b472 100%);
}
.roundId.K {
 background: linear-gradient(135deg, #2d6da8 0, #5c72a8 100%);
}
.roundId.L {
 background: linear-gradient(135deg, #3081ed 0, #57cbf2 100%);
}
.roundId.M {
 background: linear-gradient(135deg, #bd3f33 0, #c5356a 100%);
}
.roundId.N {
 background: linear-gradient(135deg, #416fac 0, #26d0ce 100%);
}
.roundId.O {
 background: linear-gradient(135deg, #cc2b5e 0, #753a88 100%);
}
.roundId.P {
 background: linear-gradient(135deg, #1488cc 0, #2b32b2 100%);
}
.roundId.Q {
 background: linear-gradient(135deg, #f85032 0, #e73827 100%);
}
.roundId.R {
 background: linear-gradient(135deg, #f79d00 0, #64f38c 100%);
}
.roundId.S {
 background: linear-gradient(135deg, #cb2d3e 0, #ef473a 100%);
}
.roundId.T {
 background: linear-gradient(135deg, #56ab2f 0, #a8e063 100%);
}
.roundId.U {
 background: linear-gradient(135deg, #2c3e50 0, #2c3e50 100%);
}
.roundId.V {
 background: linear-gradient(135deg, #e96443 0, #904e95 100%);
}
.roundId.W {
 background: linear-gradient(135deg, #16bffd 0, #cb3066 100%);
}
.roundId.X {
 background: linear-gradient(135deg, #834d9b 0, #d04ed6 100%);
}
.roundId.Y {
 background: linear-gradient(135deg, #fd746c 0, #ff9068 100%);
}
.roundId.Z {
 background: linear-gradient(135deg, #6a3093 0, #a044ff 100%);
}

.roundId img {
width: 100%;
height: 100%;
object-fit: cover;
}
.emptyData {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 5rem 0rem;
text-align: center;
flex-grow: 1;
}
.emptyData i {
font-size: 2rem;
color: #535353;
margin-bottom: 1rem;
cursor: default;
}
.transparentLoading {
position: absolute;
background-color: #ffffff75;
z-index: 99;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.transparentLoading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 5rem 0rem;
text-align: center;
flex-grow: 1;
}
.mainBtnRed,
.mainBtnBlue,
.mainBtnBlack {
padding: 5px 1rem;
border: 1px solid;
border-radius: 4px;
font-size: 0.9rem;
transition: transform 0.2s;
min-width: 80px;
}
.multiAction .dropdown-menu .mainBtnRed,
.multiAction .dropdown-menu .mainBtnBlue,
.multiAction .dropdown-menu .mainBtnBlack {
width: 100%;
margin-top: 0.3rem;
}
.mainBtnRed:active,
.mainBtnBlue:active,
.mainBtnBlack:active {
transform: scale(0.95);
}
.multiAction .mainBtnRed:active,
.multiAction .mainBtnBlue:active,
.multiAction .mainBtnBlack:active {
transform: scale(1) !important;
}
.mainBtnRed,
.mainBtnRed:hover {
border-color: #df3636 !important;
background-color: #df3636 !important;
color: #fff !important;
}
.mainBtnRed.outline,
.mainBtnRed.outline:hover {
border-color: #df3636 !important;
background-color: transparent !important;
color: #df3636 !important;
}
.mainBtnBlue,
.mainBtnBlue:hover {
border-color: #428cff !important;
background-color: #428cff !important;
color: #fff !important;
}
.mainBtnBlue.outline,
.mainBtnBlue.outline:hover {
border-color: #428cff !important;
background-color: transparent !important;
color: #428cff !important;
}
.mainBtnBlack,
.mainBtnBlack:hover {
border-color: #000000 !important;
background-color: #000000 !important;
color: #fff !important;
}
.mainBtnBlack.outline,
.mainBtnBlack.outline:hover {
border-color: #000000 !important;
background-color: transparent !important;
color: #000000 !important;
}
/* Overwritten */
.custom-pagination {
display: flex;
justify-content: center;
align-items: center;
}
.custom-pagination li a {
display: inline-flex;
align-items: center;
}

.custom-pagination .prev-next-icon {
margin-left: 0.5rem;
}
.classroom-profile-wrap.updated .nav-tabs > li > a {
color: #2e90ff;
}
.classroom-profile-wrap.updated #classroom .Add-c-headings p {
text-align: left;
padding: 0 1rem;
margin-bottom: 0rem;
}
.classroom-profile-wrap.updated #classroom .classBranch {
color: #9b9b9b;
text-align: left;
padding: 0rem 1rem;
}
.classroom-profile-wrap.updated .profile-right {
padding-left: 0;
padding-right: 4rem;
}
.classroom-profile-wrap.updated .profile-left.detail{
padding: 1rem;
background-color: #f2f2f7 !important;
text-align: center;
border-radius: 5px;
box-shadow: 1px 1px 3px 1px #0000001f;
}
.classroom-profile-wrap.updated .profile-left .profile-section {
display: flex;
justify-content: space-between;
}
.classroom-profile-wrap.updated .subscribers {
margin-top: 0rem !important;
}
.classroom-profile-wrap.updated .profile-title {
color: #737373;
}
.classroom-profile-wrap.updated .profile-description {
font-size: 1.1rem;
}
.classroom-profile-wrap.updated .profile-section input {
box-shadow: none !important;
}

.classroom-profile-wrap.updated .profile-right .class_wrap .class-btn span {
color: #2e90ff !important;
}

/* classroom-list */
.classroom-list .roundId {
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
font-size: 1.3rem;
}
.classroom-list.clsTD tr td {
vertical-align: middle !important;
}
.classroom-list.clsTD tr th {
width: 0px !important;
}
.classroom-list.clsTD tr th:first-child,
.classroom-list.clsTD tr td:first-child {
padding: 1rem 0.5rem 1rem 1.5rem !important;
}
.classroom-list.clsTD tr td:first-child {
width: 8% !important;
}
.classroom-list.clsTD tr th:last-child,
.classroom-list.clsTD tr td:last-child {
padding: 1rem 1.5rem 1rem 0.5rem !important;
width: 10% !important;
text-align: center !important;
}
.classroom-list.clsTD tr th:not(:last-child),
.classroom-list.clsTD tr td:not(:last-child) {
text-align: left !important;
padding: 1rem .5rem;
}
#classes .classroom-list table tr td.teachers ul {
margin: 0 !important;
}
.classroom-list.clsTD tr td.teachers ul {
padding: 0;
width: fit-content;
}
.classroom-list.clsTD tr td.class-type span {
color: #000;
}
.classroom-list.clsTD tr td.teachers ul > li > div {
flex-wrap: wrap;
justify-content: flex-start;
}
.classroom-list.clsTD .pop-menu {
position: relative;
}
.classroom-list.clsTD .pop-dots-parent,
.classroom-list.clsTD .pop-dots-parent {
/* width: 100%;
position: initial; */
}
.classroom-list.clsTD .pop-dots-align,
.classroom-list.clsTD .pop-dots-align {
/* float: none;
width: fit-content;
margin: 0 auto; */
}
#manageClassContainer .search-bar-select select {
margin-left: 0 !important;
}
#manageClassContainer .search-bar-select .form-group > * + * {
margin-left: 1rem !important;
}
#manageClassContainer .search-bar-select .form-group {
padding: 0 !important;
}
.classroom-list .dataTables_filter {
padding-left: 1rem !important;
}

/* #manageClassContainer .nav-tabs > li > a,
.classroom-list table td a:not(.assign-teacher-outline-btn),
.classroom-list table td a:not(.assign-teacher-outline-btn) span {
color: #2e90ff !important;
} */
#manageClassContainer .nav-tabs > li > a
{
color: #2e90ff !important;
}
#manageClassContainer .nav-tabs > li.active > a {
color: #000000 !important;
}

#manageClassContainer input[type="search"]:focus,
#manageClassContainer input[type="search"]:active {
border-color: #2e90ff !important;
}

#uploadEnrollmentBtn::before{
display: none;
}


/* upload modal css */
.fileUploadUpdated .browserSection {
margin-bottom: 2rem !important;
display: block;
}
.fileUploadUpdated .sampleTitle {
display: flex;
justify-content: space-between;
margin-bottom: 0.8rem;
}
.fileUploadUpdated .sampleTitle span {
font-weight: bold;
}
.fileUploadUpdated .sampleLink {
padding: 0.1rem 0.5rem;
border: 1px solid #428cff;
color: #428cff;
border-radius: 3px;
font-size: 0.9rem;
}
.fileUploadUpdated .sampleLink:hover,
.fileUploadUpdated .sampleLink:focus,
.fileUploadUpdated .sampleLink:active {
color: #428cff !important;
}
.fileUploadUpdated .fileList > div {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.fileUploadUpdated .fileList input {
margin-right: 10px !important;
border: none !important;
box-shadow: none;
}
.fileUploadUpdated .fileList button {
min-width: 170px !important;
}
.fileUploadUpdated {
border: none !important;
box-shadow: 0 3px 15px rgb(0 0 0 / 30%);
}
.fileUploadUpdated .input-group-btn {
width: 100%;
border: 1px dashed !important;
border-radius: 5px !important;
transition: background-color 0.2s;
}
.fileUploadUpdated .btn-default {
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
width: 100%;
padding: 1.5rem 1rem;
}
.fileUploadUpdated .input-group-btn:hover {
background-color: #eeeeee !important;
}
.fileUploadUpdated .btn-default i {
margin-right: 8px;
}
#new_widget .fc-list-table td.teacherTd {
  width: 100%;
}
.dropdown-item.importSchedule,
#importfeeplan,
.newDropdown .dropdown-item{
  background: transparent;
  border: none;
  text-align: left;
  white-space: nowrap;
}
.newDropdown {
  width: fit-content !important;
  right: 0;
  margin-left: auto;
}
.new_class_btn.sec_outline .exportSchedule,
.new_class_btn.sec_outline .exportSchedule + button.dropdown-toggle{
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.new_class_btn.sec_outline.open .exportSchedule,
.new_class_btn.sec_outline.open .exportSchedule + button.dropdown-toggle{
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
}
.new_class_btn.sec_outline .exportSchedule::before {
  content: "\f019" !important;
}
.new_class_btn .importSchedule::before {
    content: "\f093" !important;
}
#importScheduleModal .modal-dialog {
  width: 60% !important;
}
#importScheduleModal .EventBulkUpload {
  padding: 0 !important;
}

#importFeeModal .modal-dialog {
width: 60% !important;
}
#importFeeModal .EventBulkUpload {
padding: 0 !important;
}
.scheduleUploadError{
  font-size: 0.9rem;
  padding: .5rem;
}

#studentAttendanceByBranchTableContainer table thead tr th:not(:nth-child(1)),
#batchAttendanceTotalsTableContainer table thead tr th:not(:nth-child(1)),
#courseAttendanceTotalsTableContainer table thead tr th:not(:nth-child(1)){
white-space: nowrap;
text-align:right !important;
}

.new_class_btn.sec_outline .bulkOperation::before {
content: "" !important;
}
.new_class_btn.sec_outline .uploadClassroom::before {
content: "\f093" !important;
}
.new_class_btn.sec_outline .downloadClassroom::before {
content: "\f019" !important;
}
.new_class_btn.sec_outline .promotions::before {
content: "\f0ec" !important;
}
#classRoomTable table tbody tr:hover,
#classTable table tbody tr:hover,
#classroomGropTable table tbody tr:hover {
background-color: #00a6e51f !important;
cursor: pointer;
}

.scheduleUploadBatch .profile-description{
  max-height: 50vh;
  overflow: auto;
}
.max_class{
font-style: italic;
color: crimson;
font-weight: 600;
}


.customSelect2Details.preview {
margin-top: 0.6rem !important;
}
.customSelect2Details .title,
.customSelect2Details .secTitle {
font-weight: bold;
font-size: 14px;
}
.customSelect2Details .desc {
display: flex;
justify-content: space-between;
margin-top: 0.3rem;
}
.customSelect2Details .date {
opacity: 0.6;
}
.customSelect2Details .date {
font-size: 0.9rem;
}
.red_text{
color: rgb(244,61,61) !important;
}
.blue_text{
color: #0373f9 !important;
}

#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-content-skeleton,
#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-content-skeleton td,
#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-content-skeleton tr,
#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-content-skeleton table {
height: 100%;
}
#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-bg tbody td:not(.fc-event-container):hover,
#new_widget .fc-view-container .fc-widget-content .fc-day-grid .fc-row.fc-week .fc-content-skeleton tbody td:not(.fc-event-container):hover{
background-color: #e9f3ff !important;
}
#calendarList .fc-view-container .fc-timeGridDay-view .fc-time-grid tr .fc-widget-content:hover,
#new_widget .fc-view-container .fc-timeGridDay-view .fc-time-grid tr .fc-widget-content:hover,
#new_widget .fc-view-container .fc-timeGridWeek-view .fc-time-grid tr .fc-widget-content:hover {
background: #e9f3ff !important;
}

#new_widget .fc-event:hover .fc-content::after,
#calendarList .fc-event:hover .fc-content::after{
opacity:1 !important;
}
#new_widget .fc-event .fc-content::after,
#calendarList .fc-event .fc-content::after {
opacity: 0;
transition: opacity .3s;
pointer-events: none;
font-family: FontAwesome;
font-size: 0.8rem;
content: "more \f105";
border-radius: 3px;
padding: 0px 2px 3px 2px;
height: 12px;
color: #000;
position: absolute;
background: rgba(255, 255, 255, 0.5);
right: 0;
bottom: 0;
}
.transparentLoadingCalendar {
padding: 15rem 0rem !important;
margin: 0 !important;
overflow: hidden !important;
opacity: 1 !important;
text-align: center;
position: absolute;
top: 0;
width: 100% !important;
z-index: 99;
background: #ffffff6e;
height: 100% !important;
display: block !important;
}
.transparentLoadingCalendar.hide {
display: none !important;
}

.report_count{
color: #428cff!important;
}
p.report_count{
margin-left: 1.5%;
}
#batchAttendanceTotalsTableContainer table thead tr th:nth-child(2){
text-align: left !important;
}
#batchAttendanceTotalsTableContainer table thead tr th{
width: 17%!important;
}
#staffCourseReportsTable table thead tr th{
width: 10% !important;
}
#staffCourseReportsTable table thead tr th:nth-child(5),
#staffCourseReportsTable table thead tr th:nth-child(6){
text-align: right !important;
}
.overflow_content{
max-height: 60vh;
overflow: auto;
overflow-x:hidden !important;
}
.nowrap{
white-space: nowrap !important;
}
.batchTable .search-bar-select{
display: none;
}
.fc-not-start.fc-end {
display: none !important;
}
.newClassDroplist .dropdown-item {
white-space: nowrap;
}
.newClassDroplist .dropdown-item::before {
content: '' !important;
display: none !important;
}
.newClassDroplist {
min-width: 150px !important;
right: 0;
left: auto;
}
.scheduleNewListStudentLoading {
height: 250px;
display: flex;
justify-content: center;
align-items: center;
}
.loaderThreeDot,
.loaderThreeDot:after {
border-radius: 50%;
width: 6em;
height: 6em;
}
.loaderThreeDot {
margin: 0px auto;
font-size: 8px;
position: relative;
text-indent: -9999em;
border-top: 5px solid rgba(0, 0, 0, 0.2);
border-right: 5px solid rgba(0, 0, 0, 0.2);
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid #000000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
#studentsPerCourseTable table thead tr th:nth-child(2){
width: 20%!important;
}
#studentsPerCourseTable table tbody tr td{
padding: 12px !important;
}
#studentsPerCourseTable table thead tr th:last-child{
text-align: right !important;
}
#studentCoursePaymentDetailsTable table thead tr th:nth-child(5){
width: 20% !important;
}
.badge-pill{
white-space: nowrap;
text-align: center;
color: #fff;
font-size: 12px;
padding: .1em .5em;
letter-spacing: 1px;
border-radius: 15px;
}
.badge-primary{
background-color: #007bff;
}
.badge-danger{
background-color: #dc3545;
}
.pushbar,
.pushbar.from_right {
width: 54% !important;
padding: 1.3rem 2.3rem 0rem 2.3rem!important;
}
.pushbar .section_title {
background-color: #f2f2f7 !important;
}
.pushbar .input_section + .section_title {
margin-top: 2.8rem !important;
}
.pushbar .top .pushbar_close i {
display: none !important;
}
.pushbar .top .pushbar_close:after {
display: block;
content: '';
background: url('../../img/multiply.png');
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.pushbar .tab_1:not(.active):hover,
.pushbar .tab_2:not(.active):hover,
.pushbar .tab_3:not(.active):hover {
background: #f2f2f7 ;
}
.pushbar .picker_addon {
width: 20% !important;
}
.pushbar .datepicker_default.TQW {
width: 80% !important;
color: #000;
}
.pushbar .header i {
color: #000000 !important;
}
.pushbar::-webkit-scrollbar {
width: 11px;
}
.pushbar::-webkit-scrollbar-track {
border-left:1px solid #d6d6d6;
border-radius: 10px;
}
.pushbar::-webkit-scrollbar-thumb {
background: #8a8a8a;
border-radius: 10px;
}
.pushbar::-webkit-scrollbar-thumb:hover {
background: #7e7e7e;
}
.new_class_btn .dropdown-menu {
border-radius: 4px;
border: none;
width: fit-content !important;
top: 2.8rem !important;
}
.new_class_btn .dropdown-menu .dropdown-item button {
background: none;
border: none;
width: 100%;
text-align: left;
padding: 0;
}
.new_class_btn .dropdown-menu .dropdown-item:hover a {
color: #000000 !important;
}
.darkNewBtn {
padding: .65rem 1rem !important;
min-width: 100px !important;
display: inline-flex;
justify-content: center;
align-items: center;
}
.darkNewBtn i {
font-size: 1.4rem;
margin-left: .5rem;
}
.darkNewBtn:hover {
opacity: .8;
}
.darkNewBtn.sec {
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 3px;
color: #000000;
cursor: pointer;
}
.multi_btn .dropdown-menu {
border: none;
border-radius: 4px;
}
.multi_btn .dropdown-menu .dropdown-item {
padding: .7em 1em !important;
font-size: .9rem !important;
width: -webkit-fill-available !important;
}
.multi_btn .dropdown-menu .dropdown-item:hover {
background-color: rgb(246, 246, 246) !important;
color: #000000 !important;
}
.tdToggleBtns .wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.tdToggleBtns button {
padding: 6px 8px;
background: transparent;
border-radius: 4px;
white-space: nowrap;
}
.tdToggleBtns button.green {
color: #fff;
border: 1px solid #17a687;
background: #17a687;
}
.tdToggleBtns button.red {
color: #fff;
border: 1px solid #df3434;
background: #df3434;
}
.tdToggleBtns button.black {
color: #000000;
border: 1px solid #000000;
background: transparent;
}
.tdToggleBtns button + button {
margin-left: .5rem;
}
.stuAttendanceDropdown .dropdown-toggle {
border-radius: 4px !important;
padding: 6px 14px !important;
}
.stuAttendanceDropdown .dropdown-menu {
right: 0 !important;
left: unset !important;
width: fit-content !important;
}
.stuAttendanceDropdown .dropdown-menu a {
white-space: nowrap;
}
.modal-content {
border: none;
-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
}
.editBtn.btn_filter#sendNotification,
.editBtn.btn_filter#sendNotification:hover {
background: #428cff !important;
color: #fff !important;
border-color: #428cff !important;
padding: 0.35rem 1rem;
}
.editBtn.btn_filter#sendNotification .ladda-label {
font-size: 1rem !important;
}
.pushbar .datepicker_default + .start_date_picker i {
color: #000000;
}
.pushbar .datepicker_default {
margin: 0 !important;
}
.multiMenuTop .multiAction {
vertical-align: baseline;
}
.class_options button.editBtn,
.class_options button.bookClass {
padding: 0.35rem 1rem !important;
}
body,
body.pushable {
background-color: #f4f6f8 !important;
background: #f4f6f8 !important;
}
main.add-class-wrap {
border: 1px solid #e3e6e9;
margin-top: 13px;
}
iframe#launcher {
transform: scale(.8) !important;
margin: .5rem !important;
}
#new_widget .fc-header-toolbar .fc-right {
display: inline-flex;
}
#new_widget .fc-header-toolbar .fc-right .fc-today-button {
border-color: #000000 !important;
transition: opacity .3s;
}
#new_widget .fc-header-toolbar .fc-right .fc-today-button:hover {
background-color: transparent !important;
}
#new_widget .fc-header-toolbar .fc-right .fc-today-button:disabled {
opacity: 0;
pointer-events: none;
}
#new_widget .fc-list-empty::after {
content: 'New Class Schedule';
display: block;
padding: .5rem 1rem;
border: 1px solid #000000;
width: fit-content;
margin: 1rem auto;
border-radius: 5px;
cursor: pointer;
background: #000000;
color: #fff;
}
#new_widget .fc-list-empty {
padding-top: 10rem;
vertical-align: baseline !important;
}
.multi_btn .main_btn,
.multi_btn .sec_btn,
.multiAction .main_btn,
.multiAction .sec_btn {
display: inline-flex;
align-items: center;
white-space: nowrap;
border-radius: 3px;
}
.multi_btn .main_btn i,
.multi_btn .sec_btn i,
.multiAction .main_btn i,
.multiAction .sec_btn i {
font-size: 1.3rem;
margin-left: .4rem;
}
main.main-content {
padding: 0 !important;
}
section.main-content-body {
padding: 0rem 1rem !important;
}
#studentReportTableContainer table thead th:nth-last-child(1),
#studentReportTableContainer table thead th:nth-last-child(2),
#studentReportTableContainer table tbody td:nth-last-child(1),
#studentReportTableContainer table tbody td:nth-last-child(2) {
text-align: center !important;
}
.sb_content .sb_item.multiple > div + div {
  padding-left: 1rem;
  margin-left: 1rem;
}
.mainActionBtn {
border: 1px solid;
border-radius: 3px;
padding: .4rem .8rem;
}
.mainActionBtn.blue {
background: #428cff;
border-color: #428cff;
color: #fff;
}
.mainActionBtn.red {
background: transparent;
border-color: #df3636;
color: #df3636;
}
.mainActionBtn.black {
background: #000000;
border-color: #000000;
color: #ffffff;
}
.sb_row_wrap#enrollments .sb_row {
border-radius: 4px;
}
.sb_row_wrap#enrollments .sb_row.active {
background-color: #eaf6ff !important;
}
.sb_row_wrap#enrollments .sb_row:hover {
  background-color: #eeeeee;
}
.sb_stu_list .sb_stu::after {
content: none !important;
}
.sb_stu_list .sb_stu .actionBtn {
margin-left: auto;
border: 1px solid;
border-radius: 3px;
padding: .4rem .8rem;
}
.sb_stu_list .sb_stu .actionBtn.blue {
background: #428cff;
border-color: #428cff;
color: #fff;
}
.sb_stu_list .sb_stu .actionBtn.red {
background: transparent;
border-color: #df3636;
color: #df3636;
}

#courseTableConatainer table thead th,
#coursefeeTableContainer table thead th {
width: fit-content !important;
}
#courseTableConatainer table thead th:nth-child(3),
#courseTableConatainer table thead th:nth-child(4) {
text-align: center;
}
/* #courseTableConatainer table tr td:nth-child(5) div {
display: inline-flex;
flex-wrap: wrap;
} */
#courseTableConatainer table tr td:nth-child(5) div + div,
#coursefeeTableContainer table tr td:nth-child(3) div + div {
margin-top: .3rem;
}
#courseTableConatainer table tr td:nth-child(5) div b,
#coursefeeTableContainer table tr td:nth-child(3) div b {
display: inline-block;
}
#courseTableConatainer table tr td:nth-child(5) div::before,
#coursefeeTableContainer table tr td:nth-child(3) div::before,
#studentCourseAttendanceTable table tr td:nth-child(3) div::before {
content: "\2022";
color: #8d8d8d;
font-weight: bold;
display: inline-block;
width: 15px;
margin-left: -15px;
font-size: 1.4rem;
line-height: 20px;
position: absolute;
}
#courseTableConatainer table thead th:last-child {
width: 0% !important;
}
#courseTableConatainer table tbody tr td:nth-child(5) > div,
#coursefeeTableContainer table tbody tr td:nth-child(3) > div{
padding-left: 18px !important;
}
#courseTableConatainer table tr td:nth-child(5) label,
#coursefeeTableContainer table tr td:nth-child(3) label {
font-size: .9rem;
color: #3197ee;
font-weight: initial;
}
#courseTableConatainer thead th,
#coursefeeTableContainer thead th{
white-space: nowrap;
}
.pushbarSteps .wrapper {
opacity: 0;
pointer-events: none;
position: absolute;
z-index: -999;
transform: translateY(1rem);
top: 0;
height: 100%;
overflow: hidden;
}
.pushbarSteps .wrapper.active {
transition: opacity .3s, transform .3s;
transform: translateY(0rem);
position: relative;
opacity: 1;
pointer-events: all;
z-index: 10;
overflow: initial;
}
.pushbar .header {
margin-top: 0rem !important;
}
.pushbar .top + .header {
margin-top: 1rem !important;
}
.pushbarSteps .wrapper button.nav {
width: 100%;
padding: 1.2rem;
border-radius: 5px;
background: transparent;
border: 1px solid transparent;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 16px 0 rgb(0 0 0 / 10%);
transition: box-shadow .2s;
}
.pushbarSteps .wrapper button.nav .ladda-label {
font-size: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
color: #000000;
}
.pushbarSteps .wrapper button.nav[data-loading] img {
opacity: 0;
}
.pushbarSteps .wrapper button.nav .ladda-spinner div[role="progressbar"] {
right: 2rem;
transform: scale(.8);
}
.pushbarSteps .wrapper button.nav .ladda-spinner div[role="progressbar"] > div > div {
background: #000000 !important;
}
.pushbarSteps .wrapper button.nav:before,
.pushbarSteps .wrapper button.nav:after {
content: none;
display: none;
}
.pushbarSteps .wrapper button.nav:hover{
box-shadow: 0 16px 30px 0 rgb(0 0 0 / 12%);
}
.pushbarSteps .wrapper button.nav span {
color: #4c4e52;
display: block;
}
.pushbarSteps .wrapper button.nav span + span {
margin-top: .3rem;
}
.pushbarSteps .wrapper button.nav.disabled {
opacity: 1 !important;
}
.pushbarSteps .wrapper button.nav.disabled:active,
.pushbarSteps .wrapper button.nav.disabled:focus,
.pushbarSteps .wrapper button.nav.disabled:hover {
box-shadow: 0 6px 16px 0 rgb(0 0 0 / 10%) !important;
}
.pushbarSteps .wrapper button.nav img {
width: 20px;
filter: drop-shadow(1px 0px 0px black);
}
.pushbarSteps .wrapper button.nav label {
background: #80808029;
border-radius: 5px;
padding: 1px 7px;
font-size: .9rem;
font-weight: bold;
white-space: nowrap;
}
.pushbarSteps .wrapper button.nav.disabled label {
align-self: baseline;
}
.pushbarSteps .wrapper button.nav b {
display: block;
margin-bottom: .3rem;
width: 100%;
}
.pushbarSteps .wrapper .nav b,
.pushbarSteps .wrapper .nav span,
.pushbarSteps .wrapper .nav label,
.pushbarSteps .wrapper .nav img,
.pushbarSteps .wrapper .nav.disabled {
pointer-events: none;
}
.pushbarSteps .wrapper .nav + .nav {
margin-top: 2rem;
}
.pushbar .top .nav {
display: inline-flex;
align-items: center;
color: #3197ee;
margin-right: .5rem;
}
.pushbar .top .nav img {
width: 26px;
margin-right: 3px;
}
.pushbar .top > div {
display: inline-flex;
align-items: center;
}
.pushbarSteps .wrapper .breadCrumbs {
background: #f2f2f7;
padding: .8rem 1rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
border-radius: 5px;
}
.pushbar.P_new_course .top .title {
margin: 0;
}
#calendarList .fc-body > tr:first-child > td:first-child.fc-widget-content {
border-top-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
}
#calendarList thead.fc-head {
outline: none !important;
}
#calendarList .fc-head .fc-head-container {
border-top-color: transparent !important;
border-left-color: transparent !important;
}
#calendarList .fc-head .fc-head-container .fc-row.fc-widget-header {
border-bottom: 1px solid #ddd;
margin-bottom: -1px;
}
.fc-button-group > .fc-button:hover {
z-index: initial !important;
}
#calendarList .cover {
line-height: 0 !important;
}
#calendarList .teacherNav {
padding: 0.8rem .5rem .5rem 0rem !important;
}
#calendarList .teacherNav button img {
width: 35px;
user-select: none;
}
#new_widget .fc-list-view .fc-list-item-title > div {
font-size: .9rem;
color: #4c4e52;
}
#new_widget .fc-list-view .fc-list-item-marker {
padding: 0rem !important;
}
.price_dollar_new {
display: inline-flex;
align-items: center;
width: 100%;
}
.price_dollar_new > div {
padding: 5px 12px;
background: #fff;
border: 1px solid rgb(216, 216, 216);
border-right: 0px solid transparent !important;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.price_dollar_new > input {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
.overlayGuide {
position: sticky;
top: 0;
width: 100%;
background: #177dfb;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.1rem;
font-weight: bold;
padding: 1rem;
}
.overlayGuide button {
background: transparent;
border: none;
position: absolute;
right: 1.3rem;
}
.overlayGuide button img {
width: 18px;
}

html[pushbar='invoicePushbar'] #main-oc-sidebar-left,
html[pushbar='feePlanPushbar'] #main-oc-sidebar-left {
z-index: 0;
}
#feePlanPushbar + div,
#invoicePushbar + div {
display: none;
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 100vw;
background: #3c3442;
display: none;
pointer-events: none;
}
#feePlanPushbar.opened + div,
#invoicePushbar.opened + div {
display: block;
pointer-events: all;
-webkit-animation: fadein 0.5s forwards;
animation: fadein 0.5s forwards;
}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 0.6; }
}
html[pushbar='invoicePushbar'] .pushbar_overlay,
html[pushbar='feePlanPushbar'] .pushbar_overlay {
display: none !important;
}
.calendarMenuOptions {
opacity: .5;
}
.calendarMenuOptions button {
cursor: not-allowed;
pointer-events: none;
}
.calendarMenuOptions.enabled {
opacity: 1;
}
.calendarMenuOptions.enabled button {
cursor: pointer;
pointer-events: all;
}
.newEmptyData {
width: 100%;
text-align: center;
margin: 4rem 0rem;
}
.newEmptyData .heading {
font-size: 1.5rem;
font-weight: bold;
}
.newEmptyData .description {
margin-top: .5rem;
}
.newEmptyData .actions {
margin-top: 1.5rem;
}
.newEmptyData .actions button,.newEmptyData .actions a {
margin: 0rem .5rem;
border-radius: 4px;
padding: .8rem 1rem;
}
.newEmptyData .actions button.sec,.newEmptyData .actions a.sec {
border: 1px solid #d8d8d8 !important;
background-color: #fff !important;
color: #000;
}
.newEmptyData .actions button.main,.newEmptyData .actions a.main {
border: 1px solid #000;
background-color: #000;
color: #fff;
}
.classModeDisable {
pointer-events: none;
opacity: 0.5;
}
.classModeDisable input[type="radio"]:checked+.radio-label:before {
background-color: grey !important;
}
#coursefeeTableContainer .search-bar-select {
display: none;
}

.scrollableFees {
max-height: 350px;
overflow: auto;
border: 1px solid rgb(216, 216, 216);
border-top: none;
padding: 0.8rem .8rem .8rem .4rem;
margin-bottom: 1rem;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.searchFees {
margin-top: .5rem;
}
.searchFees .info {
border-left: 1px solid rgb(216, 216, 216);
border-right: 1px solid rgb(216, 216, 216);
margin-top: -2px;
}
.searchFees input {
width: 100%;
}
.searchFees .info span {
font-weight: 600;
}
.searchFees .info {
padding: 0.8rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.searchFees .info button {
color: #3197ee;
border: none;
background: transparent;
}

#selectedFees {
margin-bottom: 1rem;
}
#selectedFees > span {
color: #3197ee;
}
#selectedFees .item {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
background-color: transparent;
padding: .4rem .8rem;
border-radius: 4px;
margin-bottom: .5rem;
}
#selectedFees .item:hover {
background-color: #00a6e51f;
}
#selectedFees .item > div:last-child {
display: flex;
align-items: center;
}
#selectedFees .item span {
display: block;
}
#selectedFees .item .price {
font-weight: bold;
}
#selectedFees .item button {
background: transparent;
border-radius: 50px;
border: none;
margin-left: 1rem;
display: flex;
align-items: center;
justify-content: center;
}
#selectedFees .item button i {
color: #ee4d4e;
font-size: 1.2rem;
}
#schoolInvoicePlanContainer #schoolInvoicePlanTable table thead tr > th {
  width: 0px !important;
}
.dropdownEmptyMsg {
padding: .6rem 0rem;
font-size: .9rem;
}
.dropdownEmptyMsg button {
background: transparent;
border: none;
padding: 0;
margin: 0;
font-weight: bold;
color: #3197ee;
}
#createPlanForm .dropdown-menu .dropdown-item:hover {
background-color: rgb(241, 241, 241) !important;
}

@media print {
div.pushbar,
div[data-pushbar-close] {
    display:none !important;
}
}
.invoice-header-line-black {
border-bottom: 0px solid transparent !important;
}
.warning-message-new,
.info-message-new {
display: flex;
align-items: center;
margin: 0rem;
padding: .6rem 1rem;
border-radius: 8px;
box-shadow: 1px 1px 15px 0px #0000002b;
}
.warning-message-new .fa-info-circle,
.info-message-new .fa-info-circle {
font-size: 2rem;
color: #fff;
margin-right: 1rem;
}
.warning-message-new span a,
.info-message-new span a {
color:#ffffff;
text-decoration: underline;
margin-left: 1rem;
}
.warning-message-new p,
.info-message-new p {
font-weight: bold;
margin: 0;
}
.warning-message-new {
background: #ffb70d;
color: #fff;
}
.info-message-new {
background: #4cbf76;
color: #fff;
}
.ui.skooly.vertical.menu .menu .item.active .ladda-spinner {
opacity: 1;
}
.ui.skooly.vertical.menu .menu .item .ladda-spinner {
opacity: 0;
}
.newAddStudent form .form-control:focus,
.newAddStudent form .fstElement.fstActive {
border-color: #66afe9 !important;
outline: 0 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}
.newAddStudent form .fstElement {
border: 1px solid #cdcdcd !important;
border-radius: 3px !important;
}
.newAddStudent form input.form-control,
.newAddStudent form select.form-control {
border-color: #cdcdcd !important;
box-shadow: none !important;
}
.newAddStudent form input.form-control {
margin-top: 0px !important;
}
.newAddStudent form button[type="submit"] {
padding: 0.7rem 1.5rem !important;
font-size: 1rem !important;
line-height: normal !important;
font-weight: bold !important;
margin-top: 1rem !important;
transition: background-color 0.3s ease, border-color 0.3s ease !important;
}
.newAddStudent form button[type="submit"]:hover {
background-color: #df3e67 !important;
border-color: #df3e67 !important;
}
.newAddStudent .main-content.add-class-wrap {
border-radius: 5px !important;
}
.newAddStudent .header {
margin: 0 !important;
padding: .6rem 1rem !important;
position: relative !important;
border-bottom: 1px solid #e4e7ea !important;
}
.newAddStudent .Add-c-headings p .add-icon {
background: none !important;
position: inherit !important;
}
.newAddStudent .Add-c-headings p .add-icon img {
width: 100% !important;
display: block !important;
}
.newAddStudent .Add-c-headings .esc {
top: 0.6rem !important;
right: 1rem !important;
}
.newAddStudent .Add-c-headings .esc img {
opacity: .6 !important;
width: 28px !important;
transition: transform 0.3s ease, opacity 0.3s ease !important;
}
.newAddStudent .Add-c-headings .esc:hover img {
opacity: 1 !important;
transform: scale(1.1) !important;
}
.newAddStudent .add-class-body {
padding: 0rem !important;
margin-top: 0px !important;
}
.newAddStudent .easyoption-section {
background-color: #f4f6fd !important;
box-shadow: 0px 0px 6px 0px #0000003b !important;
}
.newAddStudent .easyoption-section:not(.active) {
border: 2px solid transparent !important;
}
.newAddStudent #show-file-name {
background: #fff !important;
}
.newAddStudent .fileinput .img-responsive.pull-left{
box-shadow: 0px 0px 5px 0px #00000033 !important;
border-radius: 3px !important;
}
.newAddStudent .upload-browse-button {
transition: background 0.3s ease, border-color 0.3s ease !important;
}
.newAddStudent .upload-browse-button:hover {
background: #47a368 !important;
border-color: #47a368 !important;
}
.newAddStudent .form-group label {
font-size: 15px !important;
color: #363636 !important;
}
.newAddStudent .fstMultipleMode .fstControls {
padding: 4.8px 9.6px 0px 9.6px !important;
}
.newAddStudent .fstChoiceItem {
margin: 0px 5px 4.8px 0px !important;
}
.newAddStudent .fstQueryInput {
padding-top: 0px !important;
margin: 0 !important;
}
.newAddStudent .floatingCode {
position: absolute !important;
margin-left: 1rem !important;
}
.newAddStudent .floatingCode strong {
font-weight: normal;
font-size: .9rem;
}
.newAddStudent .floatingCode + input {
padding-left: 3.8rem !important;
}
.newAddStudent .col-sm-6,
.newAddStudent .col-sm-12,
.newAddStudent .col-md-12 {
padding: 0rem 1.5rem !important;
}
.newAddStudent .help_icon i {
font-size: 1.2rem;
color: #9f9f9f;
margin-left: 0.6rem;
}
.newAddStudent .help_icon .popover-content {
padding: 0rem;
}
.newAddStudent .excel-format-upload {
color: #3c3c3c;
}
.newAddStudent .excel-format-upload a {
color: #3395ff;
}
.newAddStudent .custom_radio + .custom_radio {
margin-left: 2rem;
}
.newAddStudent .custom_radio {
margin: .5rem 0rem 0rem 0rem;
}
.fc-nonbusiness{
pointer-events: none !important;
background-color: #e0e0e0 !important;
background: repeating-linear-gradient( 45deg, #7c7c7c, #7c7c7c 1px, #e0e0e0 1px, #e0e0e0 8px ) !important;
}
#workingHours {
padding: 1.5rem;
}
#workingHours .wh-filter {
min-width: 15%;
}
#workingHours
.wh-filter
.select2-container
.select2-selection--single
.select2-selection__rendered {
padding-right: 30px;
}
#workingHours .wh-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#workingHours .wh-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #d9d9d9;
border-radius: 3px;
}
#workingHours .wh-nav button {
display: block;
line-height: 1.6rem;
background: transparent;
padding: 0.5rem 1rem;
}
#workingHours .wh-nav button:hover {
background-color: #f1f1f194;
}
#workingHours .wh-nav button:hover img {
opacity: 1;
}
#workingHours .wh-nav button img {
width: 20px;
opacity: 0.5;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
#workingHours .wh-nav .datePickerWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#workingHours .wh-nav .datePickerWrapper span {
position: absolute;
pointer-events: none;
top: auto;
left: 0.8rem;
}
#workingHours .wh-nav .datePickerWrapper input {
border: none;
text-align: center;
padding: 0.5rem 1rem 0.5rem 1.5rem;
cursor: pointer;
}
#workingHours .wh-nav .today {
border: none;
border-right: 1px solid #d9d9d9;
}
#workingHours .wh-nav .prev {
border-left: none;
border-bottom: none;
border-top: none;
border-right: 1px solid #d9d9d9;
}
#workingHours .wh-nav .next {
border-right: none;
border-bottom: none;
border-top: none;
border-left: 1px solid #d9d9d9;
}
#workingHours .wh-table {
width: 100%;
margin-top: 2rem;
}
#workingHours .wh-table tr th{
white-space: nowrap;
}
#workingHours .wh-table tr th,
#workingHours .wh-table tr td {
border: 1px solid #d9d9d9;
vertical-align: top;
}
#workingHours .wh-table tr th:first-child,
#workingHours .wh-table tr td:first-child {
text-align: left !important;
max-width: 180px;
}
#workingHours .wh-table tr th:not(:first-child),
#workingHours .wh-table tr td:not(:first-child) {
text-align: center !important;
}
#workingHours .wh-table tr td:empty {
vertical-align: middle;
}
#workingHours .wh-table tr td:empty:after {
content: "+";
display: block;
font-size: 1.8rem;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
#workingHours .wh-table tr td:empty:hover:after {
opacity: 0.4;
}
#workingHours .wh-table tr td:hover {
cursor: pointer;
}
#workingHours .wh-table tr th {
padding: 0.8rem 1rem;
/* color: #7e7e7e; */
font-size: 0.9rem;
}
#workingHours .wh-table tr td:first-child {
line-height: 1.3rem;
padding: 0.4rem 1rem;
}
#workingHours .wh-table tr td:not(:first-child) {
padding: 0.4rem;
}
#workingHours .wh-table tr td:first-child label {
display: block;
font-size: 0.85rem;
color: #7e7e7e;
font-weight: 400;
margin: 0;
}
#workingHours .wh-table tr td span {
display: block;
width: 100%;
background-color: #b4dff2;
border-radius: 2px;
padding: 7px 10px;
font-size: 0.95rem;
color: #000000c9;
}
#workingHours .wh-table tr td span:hover {
background-color: #c3e5f5;
}
#workingHours .wh-table tr td span + span {
margin-top: 0.4rem;
}
#confirmSaveHoursModal,
#confirmDeleteHoursModal {
padding: 0.5rem 1rem;
}
#editHoursModal .modal-footer > div,
#confirmSaveHoursModal .modal-footer > div,
#confirmDeleteHoursModal .modal-footer > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#editHoursModal .modal-body .section + .options + .section {
margin-top: 1rem;
}
#editHoursModal .modal-body .section .secTitle {
margin-bottom: 0.3rem;
}
#editHoursModal .modal-body .section .itemHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f2f2f7;
border-radius: 4px;
padding: 0.3rem 0.8rem;
}
#editHoursModal .modal-body .section .itemHeader button {
border: 1px solid #000000;
background: transparent;
border-radius: 3px;
}
#editHoursModal .modal-body .section .itemHeader button img {
width: 25px;
opacity: 0.5;
}

#editHoursModal .modal-body .section .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 0.8rem;
}
#editHoursModal .modal-body .section .item > div {
width: 100%;
}
#editHoursModal .item > div:first-child:nth-last-child(2) {
padding-right: 0.5rem;
}
#editHoursModal .item > div:first-child:nth-last-child(2) ~ div {
padding-left: 0.5rem;
}
#editHoursModal .item > div:first-child:nth-last-child(3) {
padding-right: 0.5rem;
}
#editHoursModal .item > div:first-child:nth-last-child(3) ~ div:nth-child(2) {
padding: 0rem 0.5rem;
}
#editHoursModal .item > div:first-child:nth-last-child(3) ~ div:last-child {
padding-left: 0.5rem;
}
#editHoursModal .modal-body .options {
text-align: right;
padding-right: 0.8rem;
margin-top: 1rem;
margin-bottom: 1rem;
}

#editHoursModal .modal-body .options button {
border: 1px solid #dadce0;
background: transparent;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 4px;
padding: 0.5rem 1rem;
}
#editHoursModal .modal-body .options button:hover {
border-color: #000000;
}

#editHoursModal .modal-body .options button img {
width: 20px;
margin-right: 0.5rem;
}
#editHoursModal .modal-body .section .datePickerWrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#editHoursModal .modal-body .section .datePickerWrapper span {
position: absolute;
top: auto;
right: 0.5rem;
}

.modal.fullpageModal .modal-dialog {
width: 100% !important;
height: 100vh !important;
overflow-y: auto !important;
margin: 0 !important;
}
.modal.fullpageModal .modal-content {
min-height: 100%;
background: #f2f2f7 !important;
border-radius: 0 !important;
border: none !important;
}
.modal.fullpageModal .modal-header {
overflow: hidden;
border-bottom: 0px solid;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: -webkit-sticky;
position: relative;
top: 0;
z-index: 15;
-webkit-transition: background-color 0.2s, -webkit-box-shadow 0.2s;
transition: background-color 0.2s, -webkit-box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.modal.fullpageModal .modal-header.shadow {
background-color: #fff;
-webkit-box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
}
.modal.fullpageModal .modal-header .actionsWrapper,
.modal.fullpageModal .modal-header .closeWrapper {
width: 100%;
}
.modal.fullpageModal .actionsWrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.modal.fullpageModal .actionsWrapper button {
padding: 0.6rem 1rem;
background: transparent;
border-radius: 3px;
border: 1px solid transparent;
margin-left: 1rem;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.modal.fullpageModal .actionsWrapper button:active {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.modal.fullpageModal .actionsWrapper .sec {
border-color: #dadce0;
background: #fff;
}
.modal.fullpageModal .actionsWrapper .main {
border-color: #000;
background: #000;
color: #fff;
}
.modal.fullpageModal .modal-header .closeWrapper button {
background: transparent;
border: none;
font-size: 2.3rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.modal.fullpageModal .modal-header .closeWrapper button img {
width: 20px;
}
.modal.fullpageModal .modal-header .headerTitle {
pointer-events: none;
position: absolute;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 1.5rem;
}

.modal.fullpageModal .modal-content .section {
background: #fff;
-webkit-box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
border-radius: 6px;
padding: 1rem;
width: 50%;
margin: 0 auto 2rem auto;
}
.modal.fullpageModal .modal-content .section .secTitle {
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 1rem;
}
.modal.halfpageModal {
background: #00000038;
}
.modal.halfpageModal .modal-content {
border: none;
-webkit-box-shadow: 2px 2px 15px 1px rgb(16 25 40 / 20%);
box-shadow: 2px 2px 15px 1px rgb(16 25 40 / 20%);
}
.modal.halfpageModal .modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.modal.halfpageModal .modal-header::before,
.modal.halfpageModal .modal-header::after {
content: none;
}
.modal.halfpageModal .modal-header .headerTitle {
font-size: 1.1rem;
font-weight: 800;
}
.modal.halfpageModal .modal-header .modal_close {
background: transparent;
border: none;
font-size: 2rem;
}
.modal.halfpageModal .modal-header .modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 1rem;
}
.modal.halfpageModal .modal-footer .btnMainDelete,
.modal.halfpageModal .modal-footer .btnSecDelete,
.modal.halfpageModal .modal-footer .btnMain,
.modal.halfpageModal .modal-footer .btnSec {
padding: 0.4rem 1rem;
border-radius: 3px;
border: 1px solid transparent;
margin-left: 0.8rem;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.modal.halfpageModal .modal-footer .btnSec {
border-color: #e7e8e9;
background: #f2f2f7;
color: #000;
}
.modal.halfpageModal .modal-footer .btnMain {
border-color: #000;
background: #000;
color: #fff;
}
.modal.halfpageModal .modal-footer .btnSecDelete {
border-color: #df3636;
background: #fff;
color: #df3636;
}
.modal.halfpageModal .modal-footer .btnMainDelete {
border-color: #df3636;
background: #df3636;
color: #fff;
}
.modal.halfpageModal .modal-footer .btnSecDelete:active,
.modal.halfpageModal .modal-footer .btnMainDelete:active,
.modal.halfpageModal .modal-footer .btnMain:active,
.modal.halfpageModal .modal-footer .btnSec:active {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.modal.halfpageModal.newInputs input[type='text'],
.modal.halfpageModal.newInputs input[type='number'],
.modal.halfpageModal.newInputs select,
.modal.halfpageModal.newInputs textarea,
.modal.halfpageModal.newInputs
.select2-selection--single
.select2-selection__rendered {
padding: 0.5rem 0.8rem !important;
}
.modal.newInputs input[type='text'],
.modal.newInputs input[type='number'],
.modal.newInputs select,
.modal.newInputs textarea {
border-radius: 4px;
border: 1px solid #dadce0;
padding: 0.7rem 1rem;
width: 100%;
}
.modal.newInputs .secContent.multi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.modal.newInputs .secContent.multi > div {
width: 48%;
margin-right: 2%;
}
.modal.newInputs textarea {
resize: none;
height: 80px;
}
.modal.newInputs select {
width: 100%;
}
.modal.newInputs select:invalid {
color: #838383 !important;
}
.modal.newInputs input[type='text']:focus,
.modal.newInputs input[type='number']:focus,
.modal.newInputs select:focus,
.modal.newInputs textarea:focus {
border-color: #000;
}

.modal.newInputs .select2-selection--single {
border-radius: 4px !important;
border: 1px solid #dadce0 !important;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.modal.newInputs .select2-selection--single[aria-expanded="true"] {
border-color: #000 !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.modal.newInputs .select2-selection--single .select2-selection__rendered {
padding: 0.8rem 1rem !important;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
min-height: 0 !important;
line-height: initial !important;
}
.modal.newInputs .select2-selection__arrow {
height: 100%;
}
.modal.newInputs .select2-selection--multiple {
min-height: unset !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 4px !important;
border: 1px solid #dadce0 !important;
padding: 0.8rem 1rem !important;
width: 100% !important;
}
.modal.newInputs .select2-selection--multiple[aria-expanded="true"] {
border-color: #000 !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.modal.newInputs .select2-selection--multiple .select2-selection__rendered {
padding: 0px !important;
}
.modal.newInputs .select2-selection--multiple .select2-selection__choice {
margin-bottom: 5px !important;
margin-top: 0px !important;
}
.modal.newInputs .select2-selection--multiple .select2-search > input {
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-height: 0 !important;
height: initial !important;
}
#studentCourseAttendanceTable table thead tr th:nth-child(7),
#studentCourseAttendanceTable table thead tr th:nth-child(8){
white-space: nowrap;
}
#studentCourseAttendanceTable table thead tr th:nth-child(9){
text-align: center !important;
}
#studentCourseAttendanceTable table tr td:nth-child(3) div{
font-size: 0.9rem;
}

/* Invoice New Css */
#planConfirmConatiner .invoiceItems td label {
margin: 0rem;
}
#planConfirmConatiner .panel-heading {
border-bottom: none;
background-color: #ebedf0;
border-radius: 5px;
}
#planConfirmConatiner .invoiceItems td {
vertical-align: middle;
padding: 1rem .5rem;
}
#planConfirmConatiner .invoiceItems td input[name="itemPrice"],
#planConfirmConatiner .invoiceItems td input[name="itemTax"] {
text-align: right;
margin-left: auto;
}
#planConfirmConatiner .invoiceItems td input[name="itemTax"] {
width: 50px;
}
#planConfirmConatiner .invoiceItems td input[name="itemPrice"] {
width: 100px;
}
#planConfirmConatiner .invoiceItems .tag,
tbody.invoice-preview .tag,
.invoicePrintView table .tag {
width: fit-content;
background: #ebedf0;
padding: 1px 4px;
border-radius: 5px;
font-size: .9rem;
}
#planConfirmConatiner tr.rowSurCharge,
#planConfirmConatiner tr.rowDiscount,
#planConfirmConatiner tr.rowSubsidy {
text-align: right;
}
#planConfirmConatiner .user_role {
display: flex;
white-space: nowrap;
align-items: center;
}
#planConfirmConatiner .hasDatepicker {
text-align: center;
box-shadow: 1px 1px 5px 1px #00000029;
border: none;
border-radius: 6px !important;
width: fit-content;
margin-left: 0.8rem;
min-width: 0px;
padding: 0.5rem 0rem !important;
max-width: fit-content;
}
#planConfirmConatiner address p {
font-size: 0.95rem
}
#planConfirmConatiner .input_section.row {
margin-top: 0;
}
#confirmPlanContainer input[type="checkbox"]:checked + label::before {
background-color: #3197ee;
border-color: #3197ee;
}
#confirmPlanContainer .row.footerAction #sendInvoicePush {
padding: 0.8rem 3rem;
box-shadow: 1px 1px 10px 0px #00000040;
transition: all .3s ease;
}
#confirmPlanContainer .row.footerAction #sendInvoicePush:active {
transform: scale(0.95);
}
#viewInvoice > .row > .col-md-12 > .col-md-12 {
background-color: #fff;
}
#studentInvoiceViewContainer .panel-body,
#viewInvoice .panel-body{
padding: 15px 12px;
}
#confirmPlanContainer .confirm-checkbox {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0;
}
#confirmPlanContainer .row.footerAction {
padding: 0rem 2.5rem 3rem 1.5rem;
display: flex;
align-items: center;
}
#confirmPlanContainer .row.footerAction .form-group {
width: fit-content;
margin-left: auto;
}
#confirmPlanContainer .row.footerAction .checkbox label {
font-size: .9rem;
color: #3197ee;
}
#confirmPlanContainer .confirm-checkbox label {
margin: 0;
padding-left: 2rem;
}
#confirmPlanContainer .checkbox label::before {
margin-left: 0 !important;
}
#confirmPlanContainer .checkbox label::after {
margin-left: 3px !important;
}
#planConfirmConatiner .invoiceSidePanel.form-group {
width: auto !important;
}
#planConfirmConatiner .input_section > h4 {
padding-left: 0.5rem;
}
#confirmPlanContainer .checkbox label::before,
#confirmPlanContainer .checkbox label::after {
cursor: pointer;
}
#planConfirmConatiner td:nth-child(4) {
width: 15%;
}
#planConfirmConatiner td:first-child {
width: 0px;
}
#planConfirmConatiner .rowSurCharge td,
#planConfirmConatiner .rowDiscount td,
#planConfirmConatiner .rowSubsidy td {
white-space: nowrap;
}


.input_section .attachments .attachWrapper {
position: relative;
cursor: pointer;
border-radius: 8px;
border: 1px dashed #d3d0d0;
transition: border-color .3s ease;
}
.input_section .attachments .attachWrapper:hover {
border-color: #000000;
}
.input_section .attachments .attachWrapper:hover .customFile i,
.input_section .attachments .attachWrapper:hover .customFile span {
color: #000000;
}
.input_section .attachments input {
padding: 3rem;
opacity: 0;
cursor: pointer;
width: 100%;
}
.input_section .attachments .customFile {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: -1;
}
.input_section .attachments .customFile i {
font-size: 2.5rem;
color: #7a7a7a;
transition: color .3s ease;
}
.input_section .attachments .customFile span {
color: #7a7a7a;
margin-top: .5rem;
transition: color .3s ease;
}
.input_section .attachments .files {
margin-top: .5rem;
}

.input_section .attachments .fileUpload{
text-align: left;
padding-left: 1rem;
}

.input_section .attachments .files .item {
display: flex;
align-items: center;
justify-content: space-between;
padding: .6rem 1rem;
}
.input_section .attachments .files .item div i {
font-size: 1.3rem;
margin-right: .5rem;
color: #007bff;
}
.input_section .attachments .files .item div span {
color: #007bff;
word-break: break-all;
}
.input_section .attachments .files .item button {
background-color: transparent;
border: none;
transition: color .3s ease;
display: inline-flex;
align-items: center;
}
.input_section .attachments .files .item button i {
font-size: 1.3rem;
color: #7a7a7a;
transition: color .3s ease;
margin-left: .5rem;
}
.input_section .attachments .files .item button:hover,
.input_section .attachments .files .item button:hover i {
color: #fe4e1d;
}

/* Feedback */
.comingSoon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 40vh;
}
.comingSoon img {
width: 120px;
}
.comingSoon .desc {
margin-top: 1.5rem;
font-size: 1.2rem;
font-weight: bold;
}

#feedbackTable table {
width: 100%;
max-width: 100%;
}
#feedbackTable table thead {
border-bottom: 1px solid #dddddd;
}
#feedbackTable table thead th {
padding: 1rem .5rem;
}
#feedbackTable table thead th:last-child,
#feedbackTable table tbody td:last-child {
text-align: right;
padding-right: 2rem;
}
#feedbackTable table thead th:nth-child(5){
white-space: nowrap;
}
#feedbackTable table tbody td:last-child .multi_btn_wrapper {
justify-content: flex-end;
}
#feedbackTable table tbody td {
vertical-align: top !important;
white-space: nowrap;
padding: 1rem .5rem;
}
.fbHeader {
padding-left: .5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.fbHeader .title {
margin: 0;
}
.fbHeader .title label {
margin-right: .5rem;
font-weight: normal;
}
.fbHeader .title input {
width: 500px !important;
}
#feedbackTable table td.student .profile {
display: inline-flex;
align-items: center;
}
#feedbackTable table td.student .profile .roundId {
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
font-size: 1.3rem;
margin-right: .5rem;
}
#feedbackTable table td.feedback .copy {
border: none;
background: none;
padding: 0rem;
margin: 0rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: #0072ff;
font-size: .9rem;
opacity: 0;
}
#feedbackTable table td.feedback:hover .copy {
opacity: 1;
}
#feedbackTable table td.feedback .copy i {
margin-left: .3rem;
}
.fbHeader .title input {
width: 100%;
max-width: 100%;
border: 1px solid #dddddd;
padding: .5rem .8rem;
}
#feedbackTable table td.feedback textarea {
display: block;
width: 90%;
width: -webkit-fill-available;
max-width: 90%;
border: 1px solid #dddddd;
padding: .5rem .8rem;
}
.fbHeader .title input:active,
.fbHeader .title input:focus,
#feedbackTable table td.feedback textarea:active,
#feedbackTable table td.feedback textarea:focus {
border-color: #000000;
}
#feedbackTable table td.feedback {
white-space: pre-line;
width: 25%;
}
#feedbackTable table td.attachment {
max-width: 180px;
}
#feedbackTable table td.feedback textarea {
resize: vertical;
min-height: 65px;
max-height: 200px;
}
#feedbackTable table td.ratings button {
background: none;
border: none;
padding: 0;
margin: 0;
}
#feedbackTable table td.ratings button i {
font-size: 1.5rem;
color: #dddddd;
}
#feedbackTable table td.ratings button.starred i {
color: #fcae3c !important;
}
#feedbackTable table td.attachment .upload {
width: 100%;
text-align: left;
background: none;
border: none;
color: #0072ff;
padding-left: 0;
}
#feedbackTable table td.attachment .upload i {
margin-right: .5rem;
color: #0072ff;
}
#feedbackTable table td.attachment .attached .name {
word-break: break-all;
}
#feedbackTable table td.attachment .attached button {
background: none;
border: none;
color: #fe4e1d;
padding-left: 0;
}
#feedbackTable table td.attachment .attached button i {
color: #fe4e1d;
margin-right: .5rem;
}
#feedbackTable table td.action .sendBtn {
padding: 0.35rem 1rem;
}
#feedbackTable table td.action .multi_btn.btn-group {
display: inline-flex;
}
#feedbackTable table td.action .dropdown-toggle {
margin-left: 1px;
border-radius: 2px;
}
#feedbackTable table td.action .dropdown-toggle i {
margin: 0;
}
#feedbackTable table td.action .multi_btn_wrapper.sec .main_btn,
#feedbackTable table td.action .multi_btn_wrapper.sec .sec_btn {
border: 1px solid #000000 !important;
background: #ffffff !important;
color: #000000 !important;
}
#feedbackTable table td.action .dropdown-menu {
top: 2.3rem !important;
}

/* Student profile */
#student-admin > .row {
margin: 0rem;
}
#student-admin h4,
#student-admin .row.heading {
background: #f0f2f4;
border-radius: 3px;
}
#student-admin .row.heading {
margin: 0 1rem;
display: flex;
}
#student-admin .row.heading > .col-md-6 {
padding: 0;
}
#student-admin .editCustomFields {
margin: 0 1rem 0 auto;
display: inline-block;
background: transparent;
border: none;
color: #3e69e6;
}
#student-admin .editCustomFields i {
margin-right: .5rem;
}

#student-admin .emptyCustomField {
color: #999999;
display: flex;
justify-content: center;
padding: 1rem;
}
#customFieldsModal {
background: #f0f2f4;
}
.fullpageModal .modal-content {
padding: 0 !important;
}
.fullpageModal .modal-header::after,
.fullpageModal .modal-header::before,
.halfpageModal .modal-header::after,
.halfpageModal .modal-header::before {
content: none !important;
display: none !important;
}
body.noScroll {
overflow-y: hidden !important;
}
#customFieldsModal .modal-content .section {
width: 75% !important;
}
#customFieldsModal .secOptionsWrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
#customFieldsModal .fieldCreator .types button {
border: 1px solid #ecedef;
background: #fff;
border-radius: 5px;
padding: 0.8rem;
min-width: 90px;
min-height: 90px;
font-size: .9rem;
}
#customFieldsModal .fieldCreator .types button.active,
#customFieldsModal .fieldCreator .types button:hover {
background: #f2f2f7;
}
#customFieldsModal .fieldCreator .types button + button {
margin-left: 1rem;
}
#customFieldsModal .fieldCreator .types button img {
width: 30px;
margin-bottom: 4px;
}
#customFieldsModal .fieldCreator .area {
margin-top: 2rem;
}
#customFieldsModal .section .secTitle.blue {
color: #3197ee !important;
}
#customFieldsModal .section .secTitle img.groupIcon {
width: 20px;
margin-right: 0.6rem;
}
#customFieldsModal .fieldCreator .area .basic {
display: flex;
width: 100%;
}
#customFieldsModal .fieldCreator .area .basic .item + .item {
margin-left: 3rem;
}
#customFieldsModal .fieldCreator .area .basic input[type='text'],
#customFieldsModal .fieldCreator .area .basic select {
width: 190px;
}
#customFieldsModal .fieldCreator .area .custom_radio {
display: flex;
align-items: center;
margin: 0;
padding: 0.7rem 0rem;
cursor: pointer;
}
#customFieldsModal .fieldCreator .area .radioWrap label,
#customFieldsModal .fieldCreator .area .custom_radio > div + div {
margin-left: 1rem;
}
#customFieldsModal .fieldCreator .area .item {
padding: 0rem;
}
#customFieldsModal .fieldCreator .area .item .itemName {
font-weight: bold;
margin-bottom: 0.5rem;
}
#customFieldsModal .fieldCreator .area .getValues,
#customFieldsModal .fieldCreator .area .validations,
#customFieldsModal .fieldCreator .area .actions {
margin-top: 1rem;
}
#customFieldsModal .fieldCreator .area .getValues .data {
display: flex;
flex-wrap: wrap;
}
#customFieldsModal .fieldCreator .area .getValues .data .val {
margin-right: 1rem;
margin-bottom: 0.8rem;
background: #f2f2f7;
padding: 0.5rem;
border-radius: 5px;
}
#customFieldsModal .fieldCreator .area .getValues .addValue {
height: 40px;
padding: 0.2rem 1rem;
background: transparent;
border: none;
border-radius: 5px;
}
#customFieldsModal .fieldCreator .area .getValues .addValue img {
width: 15px;
}
#customFieldsModal .fieldCreator .area .getValues .addValue:hover {
background: #f2f2f7;
}
#customFieldsModal .fieldCreator .area .getValues .remove {
border: none;
background: transparent;
width: 40px;
height: 40px;
border-radius: 50px;
}
#customFieldsModal .fieldCreator .area .getValues .remove:hover {
background: #e2e2e9;
}
#customFieldsModal .fieldCreator .area .getValues .remove img {
width: 12px;
}
#customFieldsModal .fieldCreator .area .getValues .data input[type='text'] {
width: 120px;
}
#customFieldsModal .validations .vtype {
display: none;
}
#customFieldsModal .fieldCreator .area .validations .data span {
margin-right: 1rem;
}
#customFieldsModal .fieldCreator .area .validations .data input[type='text'],
#customFieldsModal .fieldCreator .area .validations .data input[type='number'] {
width: 120px;
}
#customFieldsModal .fieldCreator .area .validations .data > div {
margin-bottom: 1rem;
}
#customFieldsModal .fieldCreator .actions button {
padding: 0.5rem 1rem;
border-radius: 4px;
}
#customFieldsModal .fieldCreator .actions button.main {
background: #3197ee;
border: 1px solid #3197ee;
color: #ffffff;
}
#customFieldsModal .fieldCreator .actions button.sec {
background: #ffffff;
border: 1px solid #dadce0;
margin-right: .5rem;
}
#customFieldsModal .createdItems {
padding-top: 1rem;
}
#customFieldsModal .createdItems .noItems {
display: flex;
align-items: center;
flex-direction: column;
padding: 1rem;
}
#customFieldsModal .createdItems .noItems img {
width: 35px;
margin-bottom: 0.5rem;
}
#customFieldsModal .createdItems .item {
padding: 0.5rem;
display: flex;
align-items: center;
border-radius: 5px;
}
#customFieldsModal .createdItems .item:hover {
background: #f2f2f7;
}
#customFieldsModal .createdItems .item + .item {
margin-top: 0.6rem;
}
#customFieldsModal .createdItems .item .validations,
#customFieldsModal .createdItems .item .info,
#customFieldsModal .createdItems .item .actions,
#customFieldsModal .createdItems .item .status {
width: 25%;
}
#customFieldsModal .createdItems .item .info {
display: flex;
align-items: flex-start;
}
#customFieldsModal .createdItems .item .info .count {
margin-right: 1rem;
}
#customFieldsModal .createdItems .item .info img {
width: 30px;
margin-top: 4px;
margin-right: 1rem;
}
#customFieldsModal .createdItems .item .info .name {
font-weight: bold;
}
#customFieldsModal .createdItems .item .info .type {
font-size: .9rem;
}
#customFieldsModal .createdItems .item .validations {

}
#customFieldsModal .createdItems .item .actions {
text-align: right;
}
#customFieldsModal .createdItems .item .actions button + button {
margin-left: .5rem;
}
#customFieldsModal .createdItems .item .actions button {
padding: 0.3rem 1rem;
border-radius: 4px;
}
#customFieldsModal .createdItems .item .actions button.edit {
background: #ffffff;
border: 1px solid #3197ee;
color: #3197ee;
}
#customFieldsModal .createdItems .item .actions button.delete {
background: #ffffff;
border: 1px solid #df3636;
color: #df3636;
}
#customFieldsModal .secOptionsWrapper .actions .rename {
padding: 0.2rem 0rem;
background: #ffffff;
border: none;
border-bottom: 2px solid transparent;
margin-right: 0.5rem;
color: #000000;
}
#customFieldsModal .secOptionsWrapper .actions .rename:hover {
border-bottom: 2px solid #000000
}
.row.ungrouped,.row.grouped {
margin: 0;
}
.row.ungrouped + .row.grouped,
.row.grouped + .row.grouped {
margin-top: 1rem;
}
.row.grouped .groupName {
color: #3197ee;
}
.adminStudentProfileContainer .roundId {
height: 80px;
width: 80px;
margin: 0;
font-size: 2.4rem;
color: #a5a5a5;
}
#printStudentProfile {
background: #3e69e6;
color: #fff;
padding: 0.3rem 1rem;
}
#studentReportTableContainer.search-bar-select {
padding: 0;
}
#studentReportTableContainer .table thead th {
white-space: nowrap;
}
#studentReportTableContainer thead th:nth-child(1),
#studentReportTableContainer tbody td:nth-child(1) {
padding-right: 0 !important;
}
#studentReportTableContainer thead th:nth-child(2),
#studentReportTableContainer tbody td:nth-child(2) {
padding-left: 10px !important;
}
#studentReportTableContainer thead th:nth-child(1) label,
#studentReportTableContainer tbody td:nth-child(1) label {
margin: 0 !important;
}
#studentReportTableContainer .multi_btn_wrapper .dropdown-menu {
width: fit-content;
}
#studentReportTableContainer .multi_btn_wrapper .dropdown-item {
white-space: nowrap;
}
#profileReportMainContainer .well.customWell,
#schoolInvoiceStatistics .well.customWell {
padding: 0.5rem;
}
#profileReportMainContainer .well.customWell .amount-card,
#schoolInvoiceStatistics .well.customWell .col-sm-4 {
text-align: center;
padding: .8rem !important;
border-radius:3px;
}
#profileReportMainContainer .well.customWell .amount-card:hover,
#schoolInvoiceStatistics .well.customWell .col-sm-4:hover {
background-color: #f0f2f4;
}
#viewStudentMainContainer .staff_logo_main .roundId {
height: 40px;
width: 40px;
margin: 0;
font-size: 2rem;
font-weight: normal;
color: #a5a5a5;
}
#viewStudentMainContainer .staff_logo_main img {
width: 40px;
height: 40px;
border-radius: 50%;
}
#viewStudentMainContainer .class_options button {
padding: 5px 10px;
}
#viewStudentMainContainer .class_options button.redOutline {
border: 1px solid #df3636 !important;
background: #fff !important;
color: #df3636 !important;
margin-right: .3rem;
}
#viewStudentMainContainer .class_options button.redOutline:hover {
background: #df3636 !important;
color: #fff !important;
}
#viewStudentMainContainer .class_options button + button {
margin-left: .5rem !important;
}
@media print {
#content {
  background: #fff !important;
  background-color: #fff !important;
  margin: 0;
  -webkit-print-color-adjust: exact;
}
#viewStudentMainContainer {
  border: none !important;
}
#viewStudentMainContainer #student-admin h4 {
  background-color: #efefef !important;
  -webkit-print-color-adjust: exact;
  padding: .5rem !important;
}
#viewStudentMainContainer .dash-hr {
  display: none !important;
}
#viewStudentMainContainer .roundId {
  background-color: #ececec !important;
}
#viewStudentContainer, #viewStudentContainer .add-class-body {
  background-color: #fff !important;
  -webkit-print-color-adjust: exact;
}
.printWidthFull {
  width: 100% !important;
}
}
#subsidiesTableContainer .search-bar-select,
#taxesTableContainer .search-bar-select,
#otherfeeTableContainer .search-bar-select {
padding: 0;
}
.multi_btn {
display: inline-flex;
}
.multi_btn .sec_btn {
margin-left: 1px;
}
.invoicePopup {

}
.invoicePopup .invoice_send_wrap {
margin-top: 0px !important;
}
.invoicePopup .invoice_send_wrap .invoice_send,
.invoicePopup .invoice_send_wrap .invoice_send + .dropdown-toggle {
height: 32px;
}
.invoicePopup .invoice_preview {
margin-right: 1rem !important;
}
.invoicePopup .actionBtns {
display: flex;
align-items: center;
justify-content: flex-end;
}
.invoicePopup .invoice_send_wrap button:last-child {
border-radius: 4px !important;
}
.invoicePopup .invoice_section.main-content-body {
padding: 2rem !important;
}
.invoicePopup .i_table #addNewRow {
margin-left: -30px;
width: calc(100% + 30px) !important;
}
.invoicePopup .invoice_section.main-content-body {
border: 1px solid #e3e6e9 !important;
margin-bottom: 4rem;
}

.invoicePopup .actionBtns .tax-incl-switch {
  display: flex;
  flex-direction: row;
  align-items: row;
  gap: 20px;
  padding-right: 20px;
}

.invoicePopup .actionBtns .discount-after-tax {
    display: flex;
    flex-direction: row;
    align-items: row;
    gap: 20px;
    padding-right: 20px;
}



.invoicePopup #td_Total {
margin-top: .6rem;
}
.invoicePopup #td_Tax .select2-selection {
border-color: transparent !important;
text-align: right;
}
.invoicePopup #td_Subtotal .select2-selection {
border-color: transparent !important;
text-align: left;
background-color: transparent !important;
}
.invoicePopup #td_Subtotal .select2-container {
background: transparent !important;
}
.invoicePopup #td_Tax .select2-selection__rendered,
.invoicePopup #td_Subtotal .select2-selection__rendered {
border: none;
color: #0078c8 !important;
padding-right: 1.8rem;
}
.invoicePopup #td_Tax .select2-selection__rendered {
max-width: 150px;
min-width: 150px;
}
.invoicePopup #td_Tax .select2-container--open .select2-selection,
.invoicePopup #td_Subtotal .select2-container--open .select2-selection {
border-color: #aaa !important;
}
.invoicePopup #td_Tax .select2-selection__arrow b,
.invoicePopup #td_Subtotal .select2-selection__arrow b {
border-color: #0078c8 transparent transparent transparent !important;
}
.invoicePopup #td_Subtotal > div {
overflow: hidden;
}
.invoicePopup #td_Subtotal > #header_Tax_T_1 {
margin-left: -8px;
}
.invoicePopup .invoice_section .i_table table thead tr th {
padding: 10px 14px !important;
}
.invoicePopup .invoice_section .i_table table thead tr th#header_Item {
padding-left: 0rem;
}
.invoicePopup .table_bottom {
background: #f4f6f8;
margin-left: 0;
margin-right: 0;
border-radius: 5px;
}
.invoicePopup .table_bottom > .col-md-8,
.invoicePopup .table_bottom > .col-md-4 {
padding: 0;
}
.invoicePopup .table_bottom .add_item {
margin-left: 0;
}
.invoicePopup .i_footer {
margin: 3rem 0rem 0rem 0rem;
}
.invoicePopup #td_Note{
padding: 0;
padding-right: 2rem;
}
.invoicePopup #td_Terms {
padding: 0;
padding-left: 2rem;
}
.invoicePopup #td_Total {
border-bottom: 0px;
padding-bottom: 0.5rem;
}
.invoicePopup #td_Total #header_Total #tax-ind {

    cursor: pointer;
    font-size: 12px;
    color: #0f7ae5;
}
.invoicePopup .otherInfo {
margin-top: 2.5rem;
}
.invoicePopup .otherInfo .infoItem {
display: flex;
align-items: center;
}
.invoicePopup .otherInfo .infoItem + .infoItem {
margin-top: 1.5rem;
}
.invoicePopup .otherInfo .infoItem > label {
font-weight: normal;
}
.invoicePopup .otherInfo .infoItem > label + .wrapper {
margin-left: 1rem;
}
.invoicePopup .otherInfo .infoItem .wrapper {
display: flex;
align-items: center;
}
.invoicePopup .otherInfo .infoItem .smallSelect {
border: 1px solid #dadada;
width: 60px;
text-align: center;
padding: .3rem;
padding-right: 1rem;
background-position: 85% 50% !important;
}
.invoicePopup .otherInfo .multiDate > div {
display: flex;
align-items: center;
position: relative;
}
.invoicePopup .otherInfo .multiDate > span i {
margin: 0px 0.8rem;
opacity: 0.5;
}
.invoicePopup .otherInfo .multiDate > div input {
border: 1px solid #dadada;
width: 118px;
display: block;
padding: 0.3rem 0.6rem;
text-align: right;
}
.invoicePopup .otherInfo .multiDate > div i {
left: .4rem;
pointer-events: none;
}
.invoicePopup .otherInfo .multiDate > .multi_btn_wrapper {
margin-right: .5rem;
}
.invoicePopup .otherInfo .multiDate > .multi_btn_wrapper .sec_btn {
padding: 0.25rem 0.5rem !important;
border-color: #dadada !important;
background: #fff !important;
color: #000000 !important;
box-shadow: none;
font-size: 1rem;
}
.invoicePopup .otherInfo .infoItem .note {
font-size: .9rem;
font-style: italic;
margin-left: .5rem;
}
.invoicePopup .i_table .item_option .item_delete {
color: rgb(221, 78, 78) !important;
}
.invoicePopup .i_table .invoice_table_input {
border: 1px solid rgb(216 216 216);
width: 50%;
}
.invoicePopup .i_table .invoice_table_input {
cursor: text;
}
.invoicePopup .i_table .invoice_table_input:disabled {
cursor: default;
}
.invoicePopup .i_table table .item_row:last-child td {
border: none;
}
.invoicePopup .i_table table .item_row .select2-selection  {
text-align: left;
}
.invoicePopup #durSesDates .wrapper {
display: flex;
width: 100%;
}
.invoicePopup #durSesDates .datepicker_default,
.invoicePopup #durSesDates .picker_addon {
height: 31px;
}
.invoicePopup #durSesDates .picker_addon:hover {
background: #fff !important;
}
.invoicePopup .invoiceSummary {
margin-top: 2.5rem;
/* background: #f4f6f8; */
border-radius: 5px;
border: 1px solid #dadada;
}
.invoicePopup .invoiceSummary .title {
font-weight: bold;
margin-bottom: .5rem;
background: #f4f6f8;
padding: 0.8rem;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 1px solid #dadada;
font-size: 1.1rem;
}
.invoicePopup .invoiceSummary .price {
font-weight: bold;
}
.invoicePopup .invoiceSummary .desc {
color: #0078c8;
}
.invoicePopup .invoiceSummary .wrapper {
padding: .8rem;
}
.invoicePopup .disabledRow td:not(.item_option){
pointer-events: none;
opacity: 0.6;
}
.invoicePopup .addItemDropdown {
justify-content: flex-start;
margin-top: 1rem;
}
.invoicePopup .addItemDropdown .multi_btn {
width: 250px;
}
.invoicePopup .addItemDropdown .dropdown-toggle {
width: 250px;
font-size: 1rem;
justify-content: space-between;
padding: 6px 1.3rem;
border-color: #0078c8 !important;
background-color: #fff !important;
color: #0078c8 !important;
transition: all .2s ease-in-out;
}
.invoicePopup .addItemDropdown .dropdown-toggle:hover,
.invoicePopup .addItemDropdown .multi_btn.open .dropdown-toggle  {
background-color: #0078c8 !important;
color: #fff !important;
}
.invoicePopup .addItemDropdown .dropdown-toggle i {
margin-left: 1rem;
}
.invoicePopup .addItemDropdown .dropdown-menu {
top: 2.4rem;
}
.invoicePopup .addItemDropdown .dropdown-menu .dropdown-item {
padding: 0.7em 1.3rem !important;
}
.invoicePopup input[type='radio']:disabled {
opacity: .5;
}
.invoicePopup input[type='radio']:disabled + label {
color: #a5a5a5;
}
.invoicePopup label span.pink {
color: #f8577f;
font-size: .85rem;
border: 1px solid #f8577f;
padding: 0px 6px;
border-radius: 50px;
}
.panel-default {
border-color: #e3e6e9 !important;
margin-bottom: 4rem;
border-radius: 4px;
}
#section_courses .row.tc > .tab-content {
border: none !important;
}
.paymentHead {
border-color: #e3e6e9;
}
.paymentHead > .dashboard-container {
padding: 0;
}
.paymentNavtabs .nav-tabs li a {
padding: 10px 10px 20px 10px !important;
}

#studentSubscriptionExistingModal .modal-body .alertStudentSubscriptionContainer {
  display: flex;
  justify-content: center;
}
#studentSubscriptionExistingModal .modal-body .alertStudentSubscriptionContainer .col-sm-6 {
  width: fit-content;
  padding: 0rem;
}
#studentSubscriptionExistingModal #existingSubscriptionBtn {
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  padding: .5rem 1rem;
  margin-right: .5rem;
}
#studentSubscriptionExistingModal #createNewSubscriptionBtn {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  border-radius: 5px;
  padding: .5rem 1rem;
  margin-left: .5rem;
}
#studentSubscriptionExistingModal #selectStudentSubscriptionModel {
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  border-radius: 5px !important;
}
#studentSubscriptionExistingModal .selectStudentSubscriptionContainer {
  width: 60%;
  margin: 0 auto;
}
#studentSubscriptionExistingModal #submitExistingSubscriptionBtn {
  margin: 1rem 0 0 auto;
  display: block;
  background: #000;
  border: 1px solid #000;
  border-radius: 4px;
  color: #fff;
  padding: 0.5rem 1rem;
}
#feedbackTable table tr td {
font-size: 0.85rem !important;
}
/*************Payroll Settings***************/
.profile_view .coming_soon_view select
{
width: 3.5rem;
text-align: center;
}
.profile_view .coming_soon_view .small_height
{
height: 8rem;
}
.profile_view .coming_soon_view
{
 text-align: left;
}
.profile_view .coming_soon_view .course_fee_list
{
margin-bottom: 1rem;
}
.profile_view .coming_soon_view .per
{
margin-left: 1rem;
}
.profile_view .coming_soon_view .input-group >div
{
margin-top: 5px;
}
.profile_view .coming_soon_view .box-line
{
margin-top: 1rem;
margin-bottom: 1rem;
}
.profile_view .coming_soon_view .input-group input[type=text]
{
  width: 12rem;
  border-radius: 0.4rem;
  font-size: 14px !important;
  padding-right: 1rem !important;
}
.profile_view .coming_soon_view .fixedfee_commission
{
margin-top:0.5rem;
margin-bottom: 1.5rem;
}
.profile_view .coming_soon_view .radio-label
{
margin-bottom: 1rem;
}
.profile_view .coming_soon_view .courses
{
margin-top: 1rem;
margin-bottom: 1.5rem;
}
#payroll .profile_view .coming_soon_view .input-group
{
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
#payroll .profile_view .coming_soon_view  .clock
{
padding-left: 1rem;
padding-right: 10px;
}
#payroll .profile_view .coming_soon_view  .timer
{
padding-right: 1rem;
}
#payroll .profile_view .coming_soon_view  .input-group-addon
{
padding: 10.2px 10.8px;
width: 8%;
border-radius: 2.6px;
}
#payroll .profile_view .coming_soon_view .fixedfee_commission .input-group-addon
{
width: 12%;
margin-left: 1rem;
}
#payroll .profile_view .coming_soon_view  .multi_btn_wrapper
{
padding-left: 1rem;
}
#payroll .profile_view .coming_soon_view  .multi_btn_wrapper .multi_btn .sec_btn
{
border: 1px solid #ccc !important;
background:white !important;
padding-left: 7rem;
border:#ccc;
}
#payroll .profile_view .coming_soon_view  .multi_btn_wrapper .multi_btn .sec_btn i
{
color: #ccc !important;
}
#payroll .profile_view .coming_soon_view  select
{
width: 12rem;
height: 2.4rem;
border: 1px solid #ccc;
text-align: left;
padding-left: 12px;
}
#payroll .profile_view .coming_soon_view  .input-group > div
{
padding-left: 1rem;
}
/*************Timesheet***************/
.profile_view .time_sheet_view
{
text-align: left;
min-height:90vh;
}
#section_courses .table_heading .col-md-2
{
 padding: 1rem 0rem;
 margin-right: 1.5rem;
}
#section_courses .table_heading .col-md-2:nth-child(1),#section_courses .table_heading .col-md-2:nth-child(2)
{
margin-left: 1rem;
}
.profile_view .time_sheet_view .Time-logo
{
font-size: 1.2rem;
}
.profile_view .time_sheet_view .table_heading span
{
font-weight: bold;
}
.profile_view .time_sheet_view .table_heading input
{
width: 9rem;
height: 1.5rem;
margin-left: 1rem;
}
.profile_view .time_sheet_view #time_sheet_table
{
margin-top: 0.5rem;
}
.profile_view .time_sheet_view #time_sheet_table table thead tr th
{
font-size: 1rem !important;
padding: 18px 18px;
}
.profile_view .time_sheet_view #time_sheet_table table tbody tr td
{
font-size: 0.95rem !important;
padding: 18px 18px;
}
.profile_view .time_sheet_view #time_sheet_table table tbody tr td:nth-child(5)
{
padding: 0px 59px;
}
/*************Payroll_calculation**************/

.profile_view .time_sheet_view #payroll_calc_table
{
margin-top: 0.5rem;
}
.profile_view .time_sheet_view #payroll_calc_table table thead tr th
{
font-size: 1rem !important;
text-align: center;
padding-right: 16px;
padding-top: 18px;
padding-bottom: 18px;
}
.profile_view .time_sheet_view #payroll_calc_table table tbody tr td
{
font-size: 0.87rem !important;
text-align: center;
padding-top: 18px;
padding-bottom: 18px;
}

/*************************staffpayroll********************/
#staffPayrollContainer #payroll-heading
{
padding-left: 3.5rem;
}
#staffPayrollContainer .export
{
padding-right:2rem;
}
.profile_view .time_sheet_view #staff_payroll_table table thead tr th
{
font-size: 1rem !important;
padding: 18px 18px;
}
.profile_view .time_sheet_view #staff_payroll_table table tbody tr td
{
font-size: 0.95rem !important;
padding: 18px 18px;
}
.profile_view .time_sheet_view #staff_payroll_table table thead tr th:nth-child(3),
.profile_view .time_sheet_view #staff_payroll_table table thead tr th:nth-child(5)
{
padding-left: 3rem;
}
.profile_view .time_sheet_view #staff_payroll_table table tbody tr td:nth-child(3),
.profile_view .time_sheet_view #staff_payroll_table table tbody tr td:nth-child(5)
{
padding-left: 3rem;
}
#staffPayrollContainer #staff_payroll_table .btn-red-fetch
{
background-color: black;
padding: 7px 8px !important;
}
/* Staff overall Payroll */
#staffMainContainer #staff_payroll_Overall_table .btn-red-fetch
{
background-color: black;
padding: 7px 8px !important;
}
.payroll_view .time_sheet_view #staff_payroll_Overall_table table thead tr th
{
font-size: 1rem !important;
padding: 18px 18px;
}
.payroll_view .time_sheet_view #staff_payroll_Overall_table table tbody tr td
{
font-size: 0.95rem !important;
padding: 18px 18px;
}
.payroll_view .time_sheet_view #staff_payroll_Overall_table table tbody tr td:nth-child(3),
.payroll_view .time_sheet_view #staff_payroll_Overall_table table tbody tr td:nth-child(5)
{
padding-left: 3rem;
}
#section_courses .table_heading .col-md-3
{
 padding: 1rem 0rem;
 margin-right: 1.5rem;
}
#section_courses .table_heading .col-md-3:nth-child(1),#section_courses .table_heading .col-md-3:nth-child(2)
{
margin-left: 1rem;
}
/* Feedback */
.fbTable {
width: 100%;
max-width: 100%;
}
.fbTable thead {
border-bottom: 1px solid #dddddd;
}
.fbTable thead th {
padding: 1rem 0.5rem;
}
.fbTable thead th:last-child,
.fbTable tbody td:last-child {
text-align: center;
}
.fbTable tbody td {
vertical-align: top;
padding: 1rem 0.5rem;
}
.fbHeader {
padding-left: 0.5rem;
}
.fbHeader .title label {
margin-right: 0.5rem;
font-weight: normal;
}
.fbHeader .title input {
width: fit-content !important;
}
.fbTable td.student .profile {
display: inline-flex;
align-items: center;
}
.fbTable td.student .profile .roundId {
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
font-size: 1.3rem;
margin-right: 0.5rem;
}
.fbTable td.feedback .copy {
border: none;
background: none;
padding: 0rem;
margin: 0rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: #0072ff;
font-size: 0.9rem;
opacity: 0;
}
.fbTable td.feedback:hover .copy {
opacity: 1;
}
.fbTable td.feedback .copy i {
margin-left: 0.3rem;
}
.fbHeader .title input,
.fbTable td.feedback textarea {
width: 100%;
max-width: 100%;
border: 1px solid #dddddd;
padding: 0.5rem 0.8rem;
}
.fbHeader .title input:active,
.fbHeader .title input:focus,
.fbTable td.feedback textarea:active,
.fbTable td.feedback textarea:focus {
border-color: #000000;
}
.fbTable td.feedback {
width: 25%;
}
.fbTable td.attachment {
max-width: 180px;
}
.fbTable td.feedback textarea {
resize: vertical;
min-height: 65px;
max-height: 200px;
}
.fbTable td.ratings button {
background: none;
border: none;
padding: 0;
margin: 0;
}
.fbTable td.ratings button i {
font-size: 1.5rem;
color: #dddddd;
}
.fbTable td.ratings button.starred i {
color: #fcae3c !important;
}
.fbTable td.attachment .upload {
width: 100%;
text-align: left;
background: none;
border: none;
color: #0072ff;
padding-left: 0;
}
.fbTable td.attachment .upload i {
margin-right: 0.5rem;
color: #0072ff;
}
.fbTable td.attachment .attached .name {
word-break: break-all;
}
.fbTable td.attachment .attached button {
background: none;
border: none;
color: #fe4e1d;
padding-left: 0;
}
.fbTable td.attachment .attached button i {
color: #fe4e1d;
margin-right: 0.5rem;
}
.fbTable td.action .sendBtn {
padding: 0.35rem 1rem;
}
.fbTable td.action .multi_btn.btn-group {
display: inline-flex;
}
.fbTable td.action .dropdown-toggle {
margin-left: 1px;
border-radius: 2px;
}
.fbTable td.action .dropdown-toggle i {
margin: 0;
}
.fbTable td.action .multi_btn_wrapper.sec .main_btn,
.fbTable td.action .multi_btn_wrapper.sec .sec_btn {
border: 1px solid #000000 !important;
background: #ffffff !important;
color: #000000 !important;
}
.fbTable td.action .dropdown-menu {
top: 2.3rem !important;
}


/* Feedback reports */
#fbReports .fbTable td.student .profile {
align-items: start;
}
#fbReports .filters {
display: flex;
align-items: center;
justify-content: space-between;
}
#fbReports .filters {
padding: 0rem .7rem;
}
#fbReports .filters > div {
width: 100%;
padding: 0rem 0.3rem;
}
#fbReports .table_option_wrapper {
padding: .5rem 1rem 1rem 1rem;
}
#fbReports .fbTable td.student .id {
font-size: .9rem;
color: #686868;
margin-top: 2px;
}
#fbReports .fbTable td .ratings {
display: inline-flex;
align-items: center;
}
#fbReports .fbTable td .ratings div i {
cursor: default;
font-size: 1.2rem !important;
color: #dddddd;
}
#fbReports .fbTable td .ratings div.starred i {
color: #fcae3c !important;
}
#fbReports .fbTable td.feedback .title {
margin: .5rem 0rem 0rem 0rem;
font-weight: bold;
}
#fbReports .fbTable td.feedback .file {
margin-top: .5rem;
color: #0072ff;
cursor: pointer;
}
#fbReports .fbTable thead th {
width: 16%;
}
#fbReports .fbTable tbody tr {
cursor: default;
transition: background-color .2s ease-in-out;
}
#fbReports .fbTable tbody tr:hover {
background-color: #f4f6fd;
}
#createFeedback {
height: 100vh;
}
#createFeedback .modal-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
#createFeedback .modal-header .close {
opacity: 1;
}
#createFeedback .modal-header .close img  {
width: 15px;
}
#createFeedback .modal-footer::after,
#createFeedback .modal-footer::before {
content: none;
}
#createFeedback .modal-footer button {
padding: 0.5rem 1.5rem;
}
#createFeedback .modal-body {
padding: .5rem 0rem;
}
#createFeedback .modal-header {
padding: .5rem 1rem
}
#createFeedback .item {
padding: .5rem 1rem;
}
#createFeedback .item label {
display: block;
}
#createFeedback .item input[type='text'],
#createFeedback .item textarea {
width: 100%;
padding: .5rem .8rem;
border: 1px solid #d8d8d8;
transition: all .2s ease-in-out;
}
#createFeedback .item input[type='text']:active,
#createFeedback .item input[type='text']:focus,
#createFeedback .item textarea:active,
#createFeedback .item textarea:focus {
border-color: #000000;
}
#createFeedback .item textarea {
resize: none;
height: 110px;
}
#createFeedback .item .ratings button {
background: none;
border: none;
padding: 0;
margin: 0;
}
#createFeedback .item .ratings button i {
font-size: 1.5rem;
color: #dddddd;
}
#createFeedback .item .ratings button.starred i {
color: #fcae3c !important;
}
#createFeedback .item .attachments input {
padding: 2rem 3rem;
}
#createFeedback .item .attachments .customFile i {
font-size: 2rem;
}
#createFeedback .modal-content {
padding: .5rem;
}
#createFeedback {
background: #00000026;
}
body.modal-open.fullPageModal {
overflow: hidden !important;
}
body.modal-open.fullPageModal #main-oc-sidebar-left{
display: none !important;
}
body.modal-open.fullPageModal .pusher.notification-custom-bar {
display: inline !important;
}
#viewReport .secTitle {
display: flex;
align-items: center;
justify-content: space-between;
}
#viewReport .secTitle span {
font-weight: normal !important;
}
#viewReport .modal-content .section {
width: 70% !important;
}
#viewReport .modal-content {
padding: 0rem;
}
#viewReport .school {
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
width: 100%;
}
#viewReport .school img {
width: 50px;
margin-right: 1rem;
}
#viewReport .school span {
font-weight: bold;
}
#viewReport .details .wrapper {
display: flex;
}
#viewReport .details .proPic,
#viewReport .fbList .proPic  {
width: 100px;
min-width: 100px;
height: 100px;
background: #f2f2f7;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
font-weight: bold;
}
#viewReport .details .proPic img,
#viewReport .fbList .proPic img  {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
#viewReport .details .info {
padding-left: 2rem;
display: flex;
flex-wrap: wrap;
}
#viewReport .details .info span:first-child {
font-weight: bold;
margin-right: .5rem;
}
#viewReport .details .info > div {
margin-bottom: .5rem;
width: 33.33%;
padding-right: 1rem;
}
#viewReport .overview {
display: flex;
align-items: end;
justify-content: space-around;
}
#viewReport .fbList .item {
padding: 0rem 1rem;
}
#viewReport .fbList .item + .item {
margin-top: 2.5rem;
}
#viewReport .fbList .proPic {
width: 50px !important;
min-width: 50px !important;
height: 50px !important;
border-radius: 50px !important;
margin-right: 1rem;
}
#viewReport .fbList .proPic img {
border-radius: 50px !important;
}
#viewReport .ratings {
display: flex;
align-items: center;
}
#viewReport .ratings div i {
cursor: default;
font-size: 1.2rem !important;
color: #dddddd;
}
#viewReport .ratings div.starred i {
color: #fcae3c !important;
}
#viewReport .fbList .header {
display: inline-flex;
width: 100%;
}
#viewReport .fbList .wrapper {
width: 100%;
}
#viewReport .fbList .mainInfo {
display: inline-flex;
justify-content: space-between;
align-items: start;
width: 100%;
}
#viewReport .fbList .mainInfo  .title {
font-weight: bold;
margin: 0;
color: #0072ff;
}
#viewReport .fbList .otherInfo {
display: flex;
flex-wrap: wrap;
}
#viewReport .fbList .otherInfo > div {
padding-right: 1.5rem;
}
#viewReport .fbList .otherInfo > div span:first-child {
font-weight: bold;
margin-right: .5rem;
}
#viewReport .fbList .attachments .title {
margin: 0rem 0rem .5rem 0rem;
font-weight: bold;
}
#viewReport .fbList .attachments {
margin-top: .5rem;
}
#viewReport .fbList .attachments .files > img {
width: 50%;
border-radius: 4px;
}
#viewReport .fbList .attachments .files a {
color: #5a5a5a;
}
#viewReport .overview .item .count {
font-weight: bold;
}
#viewReport .overview .ratings .count {
margin-left: 1rem;
}
#viewReport .overview .ratings span {
margin-right: .6rem;
}
#viewReport .overview .circularProgress + .count {
text-align: center;
}
#viewReport .overview .circularProgress + .count i {
color: #fcae3c;
font-size: 1.5rem;
}
#viewReport .overview .circularProgress + .count,
#viewReport .overview .ratings + .count {
margin-top: 1rem;
}
.circularProgress {
width: 140px;
height: 140px;
font-size: 30px;
color: #000000;
border-radius: 50%;
overflow: hidden;
position: relative;
background: #f2f2f7;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
}
.circularProgress span {
position: relative;
z-index: 100;
margin: 0;
}

.circularProgress .overlay {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #f2f2f7
}

.circularProgress .left, .circularProgress .right {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 10px solid #0072ff;
border-radius: 100px 0px 0px 100px;
border-right: 0;
transform-origin: right;
}
.per_height{
height: 5rem;
}
.fstMultipleMode .searchbox{
color:black !important;
font-size: 12px !important;
}
#staffTableContainer td:not(:first-child){
color:black !important;
}
#staffTableContainer table tbody tr:hover{
background-color: #00a6e51f !important;
cursor: pointer;
}
#teacherTableContainer table tbody tr:hover{
background-color: #00a6e51f !important;
cursor: pointer;
}
/***********classschedule*********/
.GrpAndPvtClsContainer .customCalendar .imgRemove,
.GrpAndPvtClsContainer .customCalendar .timeDelete
{
background: none;
border:none;
}
.GrpAndPvtClsContainer .customCalendar i
{
font-size:1.1rem;
color:red;
}
.GrpAndPvtClsContainer .customCalendar .scheduleDate
{
width: 70% !important;
}
.GrpAndPvtClsContainer .customCalendar #customDatePicker i
{
color:#000000;
}

@keyframes load1 {
0% {transform: rotate(0deg);}

100% {transform: rotate(180deg);}
}

@keyframes load2 {
0% {z-index: 100;transform: rotate(180deg);}

100% {z-index: 100;transform: rotate(360deg);}
}
/* .addingSchedule{
box-shadow: rgb(0 0 0 / 20%) 0px 4px 8px 0px;
transition: all 0.3s ease 0s;
width: auto;
padding: 12px;
display: block;
} */

.staffPayrollRow table tbody tr:hover {
background-color: #00a6e51f !important;
cursor: pointer;
}
.add_new_lesson_plan {
float: right;
background-color: #000;
color: #fff;
border: none;
padding: 0.5em;
border-radius: 5px;
}
.back-btn {
padding-right: 1rem !important;
padding-top: 0.5rem !important;
}
.save_lessonplan_name {
float: right;
background-color: #000;
color: #fff;
border: none;
padding: 0.5em;
border-radius: 5px;
}
.edit_lessonplan_name {
float: right;
background-color: #000;
color: #fff;
border: none;
padding: 0.5em;
border-radius: 5px;
}
.close_lessonplan_model_content {
border: none;
background-color: transparent;
float: left !important;
font-size: 25px;
padding: 10px;
}
.lessonplan_plan_content {
width: 100%;
}
.lessonplan_content_card {
display: flex !important;
justify-content: center !important;
}
.lessonplan_model_content {
display: none;
}
.lessonplan_model_content.show {
background-color: rgb(255, 255, 255);
overflow-y: auto;
border-radius: 5px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100vw;
height: 100%;
}
.lessonplan_model {
background-color: #fff;
width: 83%;
margin: 20px;
text-align: center;
}
.lesson_plan_heading {
text-align: center;
margin-bottom: 30px !important;
padding: 1em;
margin: 8px;
}
#lessonPlanName {
padding: 10px 20px;
width: 20%;
border: 1px solid #000;
float: left;
}
.course_name {
margin-right: 240px;
}
.lpm_select_wrap {
width: 100% !important;
}
.lpm_select {
width: 37.8% !important;
padding: 8px !important;
margin-left: 21px !important;
margin-bottom: 20px !important;
float: left;
cursor: pointer !important;
}
.lessonplan_model_calendar_container {
float: right;
margin-right: 21px;
}
#lessonPlanCalendarLabel {
margin-right: 0.5em;
font-weight: 100;
}
.lessonplan_model_calendar {
border: 1px solid #000;
background-color: transparent;
padding: 0.5em 1em;
border-radius: 5px;
}
#lessonPlanCalendar {
cursor: pointer;
border-radius: 5px;
}
.lp_table {
margin: 20px;
width: 97%;
}
.lp_table .lp_row,
.lp_table_head,
.lp_table_data {
border: 1px solid;
}
.lp_table_head {
text-align: center;
padding: 10px 20px;
}
.lp_table_data {
text-align: center;
padding: 10px 5px;
cursor: pointer;
}
.weekly_model_content {
display: none;
}
.weekly_model_content.show {
background-color: rgba(255, 255, 255, 0.9);
overflow-y: auto;
border-radius: 5px;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100vw;
height: 100%;
}
.weekly_model {
background-color: #fff;
width: 70%;
margin-left: 9em;
}
.weekly_content_card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.wlp_heading {
padding: 1em;
margin: 8px;
}
.close_weekly_model_content {
border: none;
background-color: transparent;
font-size: 20px;
float: right;
}
.head {
text-align: center;
}
.weekly_plan_input_container {
display: flex;
justify-content: space-between;
padding: 2em;
}
.weekly_plan_input {
width: 30%;
padding: 12px 20px;
border: 1px solid #ccc;
border-radius: 4px;
}
#addWeeklyLessonBtn {
background-color: #000;
color: #fff;
}
#editWeeklyLessonBtn {
background-color: #000;
color: #fff;
}
.weekly_lesson_table_header {
font-size: 1rem !important;
padding: 15px 20px !important;
}
.weekly_lesson_table_row {
font-size: 0.95rem !important;
padding: 15px 20px !important;
}

.weekly_lesson_table_row:hover {
background-color: #cce2ff !important;
cursor: pointer;
}
.weekly_lesson_table_data {
font-size: 0.95rem !important;
padding: 15px 20px !important;
}
.delete_model_container {
background-color: #fff;
box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
border-radius: 5px !important;
position: absolute;
display: none;
top: 30%;
left: 30%;
z-index: 1;
width: 35%;
height: 200px;
}
.delete_model_container.show {
display: block;
}
.delete_model_header {
text-align: center;
margin-top: 3em;
}
.delete_model_btn_container {
text-align: center;
margin: 3em;
}
.yes_btn {
margin-right: 5em;
background: #09d189;
border-radius: 20px;
width: 100px;
padding: 9px 0;
border: none;
color: #fff;
font-size: 16px;
}
.no_btn {
background: #eac042;
border-radius: 20px;
width: 100px;
padding: 9px 0;
border: none;
color: #fff;
font-size: 16px;
}
.lp_select_wrap {
width: 104% !important;
padding-bottom: 10px;
}
.lp_select_container {
width: 26.5% !important;
display: inline-block;
margin-right: 16px !important;
}
.lp_select {
width: 18% !important;
padding: 8px !important;
cursor: pointer !important;
}
.lp_select_container_date {
width: 40% !important;
display: inline-block;
margin-right: 16px !important;
margin-bottom: -12px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
.lp_select_container_date label {
margin-right: 0.4em;
font-weight: 100;
}
.start_date_lessonplan{
width: 45%;
margin-left: 0.5em;
}
.end_date_lessonplan{
width: 45%;
float: right;
margin-top: -2.2em;
}
#date_picker1,
#date_picker2 {
margin-top: 0.3em;
border: 1px solid rgba(0, 0, 0, 0.3);
}
.lesson_plan_header {
font-size: 1rem !important;
}
.lesson_plan_row:hover {
background-color: #cce2ff !important;
cursor: pointer !important;
}
.lesson_plan_data {
font-size: 0.95rem !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.lesson_plan_data_more_option {
margin-right: 250px !important;
}
.lesson_plan_data_multi_btn {
padding-top: 15px !important;
margin-left: -60px;
}
.no_content_available_container {
margin-top: 100px;
text-align: center;
}
#pagination-container {
text-align: center !important;
}
.status_content.completed {
background-color: #46af87;
padding: 5px 12px;
border-radius: 30px;
margin-left: -8px;
margin-right: 40px;
}
.status_content.progress {
background-color: orange;
padding: 5px 12px;
border-radius: 30px;
margin-left: -8px;
margin-right: 40px;
}
.status_content.not_started {
background-color: yellow;
padding: 5px 12px;
border-radius: 30px;
margin-left: -8px;
margin-right: 40px;
}
.backBtn{
padding-left: 124% !important;
  margin-top: -2% !important;
  width: 168.5% !important;
}
.sec-nav .back-btn {
border: none;
background: none;
display: flex;
align-items: center;
padding: 0;
padding-bottom: 0.5rem;
float: right;
}
.add_lesson_plan {
display: block;
cursor: pointer;
background-color: skyblue;
padding: 5px 5px;
border-radius: 5px;
margin-bottom: 10px;
}
.add_training_plan {
display: block;
cursor: pointer;
background-color: skyblue;
padding: 5px 5px;
border-radius: 5px;
}
.lesson_plan_table_data_container {
width: 100%;
background-color: #b4dff2;
border-radius: 2px;
padding: 7px 10px;
font-size: 0.95rem;
color: #000000c9;
}
.lesson_plan_table_data_content {
background-color: lightgray;
color: #000;
padding: 2em;
}
.lesson_plan_header_action {
font-size: 1rem !important;
float: left;
margin-left: -47px !important;
}
.add_new_lesson_plan_btn_container{
margin-right: 507px !important;
margin-top: 1em;
}
.weekly_lesson_table_select_data{
width: 20px;
height: 20px;
cursor: pointer;
}
.colored-row{
background-color: #cce2ff;
}
.page-link.active {
background-color: lightgray;
}

/*********************************Tasks***************************************************/

.skoolyTasks .taskFilter {
padding: 0.5rem 1rem;
}
.skoolyTasks .taskFilter input {
height: 31px !important;
margin-left: 15px;
}

.skoolyTasks .taskFilter .input-group {
width: 100%;
}

.skoolyTasks .taskFilter .input-group-btn span {
height: 31px;
}
#taskListTable thead th {
padding: 10px 10px !important;
}
#taskListTable thead tr th:nth-child(1),
#taskListTable thead tr th:nth-child(2) {
text-align: left !important;
}
#taskListTable thead tr th:nth-child(3),
#taskListTable thead tr th:nth-child(4),
#taskListTable thead tr th:nth-child(5),
#taskListTable thead tr th:nth-child(6),
#taskListTable tbody tr td:nth-child(3),
#taskListTable tbody tr td:nth-child(4),
#taskListTable tbody tr td:nth-child(5),
#taskListTable tbody tr td:nth-child(6) {
text-align: center !important;
}

#taskListTable td.taskInfo .title {
color: #428cff;
}
#taskListTable td.taskInfo .teachers {
margin-top: 6px;
color: #333;
font-size: 0.9rem;
}
#taskListTable .date {
white-space: nowrap;
}
#taskListTable i {
color: #8f8f8f !important;
}
#taskListTable .classrooms {
position: relative;
}
#taskListTable .classrooms span {
display: inline-block;
}
#taskListTable .progress {
background-color: #e0e0e0 !important;
height: 10px !important;
margin-bottom: 10px !important;
}
#taskListTable .progress-bar {
background-color: #428cff !important;
}
#taskListTable .progress-bar.green {
background-color: #46af87 !important;
}
#taskListTable .status span {
display: inline-block;
padding: 2px 8px;
border-radius: 50px;
color: #fff;
border: 1px solid;
min-width: 30px;
}
#taskListTable .status .blue {
background-color: #428cff;
border-color: #428cff;
}
#taskListTable .status .green {
background-color: #46af87;
border-color: #46af87;
}
#taskListTable .status .yellow + div {
color: #fcae3c;
margin-top: 5px;
}
#taskListTable .status .yellow {
background-color: #fcae3c;
border-color: #fcae3c;
}
#taskListTable .status .blueOutline {
border-color: #428cff;
color: #428cff;
}
#taskListTable .pop-over li:nth-child(2),
#taskListTable .pop-over li:nth-child(3)
{
border-bottom: 0px;
}
body.modal-open {
overflow-y: hidden !important;
}

.modal#createTask .modal-dialog {
width: 100% !important;
height: 100vh !important;
overflow-y: auto !important;
margin: 0 !important;
}
.modal#createTask .modal-content {
/* height: 100%; */
}
.modal#createTask .modal-content {
background: #f2f2f7 !important;
border-radius: 0 !important;
border: none !important;
}
.modal#createTask .modal-header {
border-bottom: 0px solid;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2;
transition: background-color 0.2s, box-shadow 0.2s;
}
.modal#createTask .modal-header.shadow {
background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
}
.modal#createTask .modal-header .actionsWrapper,
.modal#createTask .modal-header .closeWrapper {
width: 100%;
}
.modal#createTask .actionsWrapper {
display: inline-flex;
align-items: center;
justify-content: flex-end;
}
.modal#createTask .actionsWrapper button {
padding: 0.6rem 1rem;
background: transparent;
border-radius: 3px;
border: 1px solid transparent;
margin-left: 1rem;
transition: transform 0.3s;
}
.modal#createTask .actionsWrapper button:active {
transform: scale(0.95);
}
.modal#createTask .actionsWrapper .sec {
border-color: #dadce0;
background: #fff;
}
.modal#createTask .actionsWrapper .main {
border-color: #000;
background: #000;
color: #fff;
}
.modal#createTask .modal-header .closeWrapper button {
background: transparent;
border: none;
font-size: 2.3rem;
user-select: none;
}
.modal#createTask .modal-header .headerTitle {
pointer-events: none;
position: absolute;
width: 100%;
text-align: center;
font-weight: 600;
font-size: 1.5rem;
}

.modal#createTask .modal-content .section {
background: #fff;
box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
border-radius: 6px;
padding: 1rem;
width: 60%;
margin: 0 auto 2rem auto;
}

.modal#createTask .modal-content .section .secTitle {
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 1rem;
}
.modal#createTask .modal-content .section .secContent .multi {
display: flex;
}
.modal#createTask .modal-content .section .secContent .multi > div {
width: 100%;
}
.modal#createTask .modal-content .section .secContent > div + div {
margin-top: 1.5rem;
}
.modal#createTask .modal-content .section .secContent input,
.modal#createTask .modal-content .section .secContent textarea {
  border: 1px solid #dadce0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  width: 100%;
}
.modal#createTask .modal-content .inputLable + input,
.modal#createTask .modal-content .inputLable + textarea,
.modal#createTask .modal-content .inputLable + .radioWrapper,
.modal#createTask .modal-content .inputLable + .datePickerWrapper,
.modal#createTask .modal-content .inputLable + .ac_select + .select2 {
margin-top: 0.5rem;
}
.modal#createTask .modal-content .section .secContent textarea {
resize: none;
height: 80px;
}
.modal#createTask .modal-content .section .secContent input:focus,
.modal#createTask .modal-content .section .secContent textarea:focus {
border-color: #000;
}

.modal#createTask .modal-content .section .secContent .attachBtn {
border: 1px solid #428cff;
color: #428cff;
background: transparent;
border-radius: 4px;

padding: 0.5rem 0.8rem;
margin-top: 0.5rem;
font-size: 1rem;
display: inline-flex;
justify-content: center;
transition: transform 0.3s;
}
.modal#createTask .modal-content .section .secContent .attachBtn:active {
transform: scale(0.95);
}
.modal#createTask .modal-content .section .secContent .attachBtn i {
font-size: 1.3rem;
margin-right: 0.5rem;
display: block;
}

.attachFiles .file {
border-radius: 4px;
border: none;
padding: 0.5rem 0.8rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem;
background: #428aff13;
}
.attachFiles .file .name {
display: flex;
align-items: center;
}
.attachFiles .file .name,
.attachFiles .file .name div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attachFiles .file .name i {
color: #428cff;
font-size: 1.3rem;
margin-right: 0.7rem;
}
.attachFiles .file .action button {
background: transparent;
border: none;
padding: 0.5rem 0.8rem;
border-radius: 4px;
transition: background 0.2s;
}
.attachFiles .file .action .remove:hover,
.attachFiles .file .action .failed:hover {
background: #ffffff;
}
.attachFiles .file .action .remove {
font-size: 1.7rem;
color: #df3636;
}
.attachFiles .file .action .uploading {
color: #428cff;
font-size: 1.8rem;
padding: 0.5rem 0.1rem;
}
.attachFiles .file .action .failed {
color: #df3636;
}

.tabHeader {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.tabHeader button {
background: transparent;
border: none;
margin-right: 0.8rem;
padding: 0.5rem 0.5rem;
position: relative;
}
.tabHeader button.active::after {
content: "";
display: block;
height: 4px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
background-color: black;
border-radius: 50px;
}
.tabContent .selectTabData {
position: absolute;
z-index: -999;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
}
.tabContent .selectTabData.active {
position: relative;
z-index: initial;
opacity: 1;
pointer-events: all;
}
.modal#createTask span.select2 + select.ac_multi_select + span {
margin-top: 1rem !important;
}
.modal#createTask .select2-selection--single {
border-radius: 4px !important;
border: 1px solid #dadce0 !important;
height: fit-content !important;
}
.modal#createTask .select2-selection--single[aria-expanded="true"] {
border-color: #000 !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.modal#createTask .select2-selection--single .select2-selection__rendered {
padding: 0.5rem 0.8rem !important;
height: fit-content !important;
min-height: 0 !important;
line-height: initial !important;
}
.modal#createTask .select2-selection--multiple {
min-height: unset !important;
display: flex;
border-radius: 4px !important;
border: 1px solid #dadce0 !important;
padding: 0.5rem 0.8rem !important;
width: 100% !important;
}
.modal#createTask .select2-selection--multiple[aria-expanded="true"] {
border-color: #000 !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.modal#createTask .select2-selection--multiple .select2-selection__rendered {
padding: 0px !important;
}
.modal#createTask .select2-selection--multiple .select2-selection__choice {
margin-bottom: 5px !important;
margin-top: 0px !important;
}
.modal#createTask .select2-selection--multiple .select2-search > input {
margin: 0 !important;
padding: 0 !important;
border: none !important;
min-height: 0 !important;
height: initial !important;
}

.modal#createTask .radioWrapper > div {
display: flex;
align-items: center;
}
.modal#createTask .radioWrapper > div input {
width: fit-content !important;
margin: 0 !important;
margin-right: 0.5rem !important;
}
.modal#createTask .radioWrapper > div label {
font-weight: 500 !important;
color: #428cff;
margin: 0 !important;
width: 100% !important;
}
.modal#createTask .radioWrapper > div + div {
margin-top: 0.5rem;
}

.modal#createTask .datePickerWrapper {
display: flex;
align-items: center;
position: relative;
width: fit-content;
border: 1px solid #dfe4ea;
border-radius: 5px;
}

.modal#createTask .datePickerWrapper input {
width: fit-content !important;
/* padding-right: 35px !important; */
border: none !important;
}
.modal#createTask .datePickerWrapper input:focus + .icon {
border-color: #000 !important;
}
.modal#createTask .datePickerWrapper .icon {
/* position: absolute; */
right: 0;
top: 0;
padding: 0.5rem 0.5rem;
height: 100%;
background-color: transparent;
/* border: 1px solid #dfe4ea; */
pointer-events: none;
border-top: none;
border-right: none;
border-bottom: none;
border-left: 1px solid #dadce0;
}
.ac_select_wrap .fetch_btn {
color: #fff;
padding: 4px 4px;
min-width: 80px;
font-size: 1em;
border-radius: 3px;
height: 30px;
margin-left: 15px;
background-color: black !important;
border: 1px solid #9e9e9e !important;
}
.modal.fullpageModal .taskSectionModule .modalTab
{
margin: 0 auto;
width: 50%;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content
{
  padding-left: 0px;
  padding-right: 0px;
  border-right: 1px solid #ccc;
  max-height: 80vh;
}

.modal.fullpageModal .taskSectionModule .tabContent .studentHeader
{
padding-bottom: 1rem;
border-bottom: 1px solid rgb(211, 211, 211);
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader .headerPackage
{
align-items: center;
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader .returnBtn
{
 padding: 8px 1.9rem;
 border: none;
 border-radius: 5px;
 margin-left: 2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader img
{
 width: 20px;
 margin-left:3.5rem
}
.modal.fullpageModal .taskSectionModule .tabContent .dropdown-toggle
{
background: none !important;
border: none !important;
}
.modal.fullpageModal .taskSectionModule .tabContent .dropdown-menu
{
width: fit-content;
right: 0;
left: unset;
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader .dropdown-item
{
white-space: nowrap;
padding: 1.2em 2.2em !important;
font-size: 1.1rem !important;
width: -webkit-fill-available !important;
font-weight: bold;
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader .pointsDropdown
{
background: #ebebeb;
padding: 12px 1.5rem;
margin-left:5rem;
border: none;
border-radius: 5px;
}
.modal.fullpageModal .taskSectionModule .tabContent .studentHeader .pointsDropdown span
{
padding-right:22px;
}
.modal.fullpageModal .taskSectionModule .tabContent i
{
color: black;
font-size:1.2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .students_row
{
padding: 1rem;
cursor: pointer;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .fontBold
{
font-weight: bold;
font-size: 12px;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .listStudents i
{
font-size: 2rem;
padding-left: 1rem;
padding-right: 2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .user_txt
{
font-size: 12px;
font-weight: bold;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .sorted_content
{
padding-top:2rem;
padding-left: 4rem;
padding-bottom: 1.5rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .sorted_content button
{
 border: none;
 background: transparent;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .sorted_content i
{
padding-left: 2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .assignedRow
{
padding: 1rem;
cursor: pointer;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .assigned_txt
{
padding-left: 1rem;
font-size: 12px;
font-weight: bold;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .listStudents
{
border: 1px solid rgb(211, 211, 211);
border-bottom: none;
border-right:0px;
justify-content: space-between;
cursor: pointer;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .listStudents:last-child
{
border-bottom: 1px solid  rgb(211, 211, 211);
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .border_box
{
padding-left: 1rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .draftSection
{
  border-left: 1px solid rgb(211, 211, 211);
  height: 60px;
  /* padding-right: 4rem; */
  padding-top: 16px;
  /* padding-left: 5em; */
  text-align: center;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .turningSection
{
  border-left: 1px solid rgb(211, 211, 211);
  padding-right: 10px;
  padding-left: 13px;
  height: 60px;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .turningSection span
{
color: #4183c4;
font-size: 13px;
padding-right: 5px;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .turningSection .dot
{
display: grid !important;
margin-bottom: 2px !important;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .draftSection .draftNum
{
color:green;
}
.modal.fullpageModal .taskSectionModule .tabContent .left_content .draftSection .draftName
{
  font-style: italic;
  font-size: 11px;
}

.modal.fullpageModal .taskSectionModule .footerModal
{
padding-top: 1rem;
}

.modal.fullpageModal .taskSectionModule .full_module
{
  max-height: fit-content;
  /* overflow: hidden; */
  padding-bottom: 2em;
}
.tabContent .footerBox .col-md-4 {
border-right: 1px solid #ccc;
}
.tabContent .footerBox
{
position: fixed;
z-index: 999 !important;
width: 100%;
bottom: 0;
}
.tabContent .footerBox .comment_section .stu-pro {
width: 50px;
height: 60px;
border-radius: 5px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
}

.tabContent .footerBox .comment_section .stu-pro .initial {
font-weight: bold;
font-size: 17px !important;
color: #fff;
position: absolute;
background-size: contain;
width: 75%;
height: 62%;
display: flex;
align-items: center;
justify-content: center;
}

.tabContent .footerBox .message-textbox .input-box {
width: 90%;
margin: 1rem;
height: 2.5rem;
border-radius: 17px;
border: 1px solid rgb(211, 211, 211);
}

.tabContent .footerBox .message-textbox .input-box input {
border: none;
background: none;
padding-left: 13px;
width: 95%;
}

.tabContent .footerBox .message-textbox .input-box .send {
border: none;
background: none;
}

.tabContent .footerBox .message-textbox .input-box .send .fa-paper-plane {
transform: rotate(55deg);
color: rgb(0, 0, 0);
}

/*******************rightside student data*******************/
.modal.fullpageModal .taskSectionModule .tabContent .right_content
{
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0.5em;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .questionHeader
{
font-size:1.6rem;
font-weight:bold;
padding-bottom: 3rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData
{
padding-top: 0.5rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .showData
{
padding-left: 1rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .boldUser
{
font-weight: bold;
font-size: 1.4rem;
padding-bottom: 9px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .smallnotes
{
 color:#666;
 font-size: 12px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .messaging-header
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
  background-color: #fff;
  padding: 1em;
  border-radius: 5px;
  width: 98.4%;
  box-shadow: 0.5px 1px #888888;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .showData #clickCloseCreateTask
{
background: none;
border: none;
font-size: 2.3rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .showData .turnedData
{
border-right: 1px solid rgb(211, 211, 211);
padding-right: 1.5rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .showData .assignedData
{
margin-left: 2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentData .boom_num
{
font-size: 3rem;
font-weight: 100;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .all_list button
{
 border: none;
 background: none;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .all_list i
{
padding-left: 7.5rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .file_folder
{
 padding-left: 2rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .file_folder img
{
width: 18px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdfContainer
{
  background: white;
  border: 1px solid lightgrey;
  box-shadow: 0.5px 1px #888888;
  border-radius: 5px;
  padding: 1em;
  width: 98.5555%;
  margin-bottom: 0.5em;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdfImgcontainer
{
width: fit-content;
padding:10px 10px 0px 10px;
border-right: 1px solid rgb(211, 211, 211);
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdfImgcontainer img
{
width:100%;
height:69px;
object-fit: contain;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdfNamecontainer
{
padding:1rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdf-value
{
font-weight: bold;
font-size:15px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .pdf-format
{
font: size 12px;
color: #666;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox
{
background-color: rgb(235, 235, 235);
width:23%;
padding: 1rem 15px 1rem 15px;
border-radius: 2px;
margin-bottom: 1rem;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .smallTxt
{
color:#666;
padding-left: 7px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox img
{
width: 21px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .assignmentimg
{
background-color: #fff;
padding: 10px 10px 0px 10px;
width: fit-content;
margin: 0 auto;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .assignmentimg img
{
 width:100% !important;
 height:69px !important;
 object-fit: contain;
 margin-bottom: 8px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .file_name
{
 padding: 1rem 0rem 0.5rem 1rem;
 display: inline-grid;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .turned
{
color:green;
font-size: 13px;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .pdffile
{
font-size: 13px;
font-weight: bold;
}
.modal.fullpageModal .taskSectionModule .tabContent .right_content .studentDataBox .userDetails
{
font-size:12px;
font-weight:bold;
padding-left: 12px;
}
.tabContent .studentModule.active .left_content
{
min-height: 80vh !important;
}
.tabContent  .left_content .listStudents .stu-pro
{
width: 60px;
height: 60px;
border-radius: 5px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 1rem;
}
.tabContent .right_content .studentDataBox .stu-pro
{
width: 60px;
height: 60px;
border-radius: 5px;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
}
.tabContent  .left_content .listStudents .stu-pro .initial,
.tabContent .right_content .studentDataBox .stu-pro .initial
{
  font-weight: bold;
  font-size: 17px !important;
  color: #fff;
  position: absolute;
  background-size: contain;
  width: 80%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabContent .left_content .students_row .getColor
{
width: 83px;
height: 37px;
padding-left: 1rem;
padding-right: 2rem;
}
.tabContent .right_content .message .message-content
{
 border-top: 1px solid rgb(211, 211, 211);
 padding-left: 0.1em;
}
.tabContent .message-textbox
{
border-top: 1px solid rgb(211, 211, 211);
background-color: #fff;
-webkit-box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
box-shadow: 0 4px 8px 0 rgb(16 25 40 / 5%);
}
.tabContent .message-textbox .comment_section
{
 padding-left: 1.2rem;
}
.tabContent .right_content .message .display-comments
{
padding:1rem;
padding-bottom: 0rem;
}
.tabContent .right_content .message .display-comments span
{
  padding-left: 15px;
}
.tabContent .right_content .message .comment_section
{
 /* padding:10px 0px 5px 0px; */
 padding-top: 0.5em;
}
.tabContent .right_content .comment_section .stu-pro
{
  width: 50px;
  height: 60px;
  border-radius: 5px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tabContent .right_content .comment_section .stu-pro .initial
{
font-weight: bold;
font-size: 17px !important;
color: #fff;
position: absolute;
background-size: contain;
width: 75%;
height: 62%;
display: flex;
align-items: center;
justify-content: center;
}
.tabContent .right_content .message
{
max-height:fit-content;
/* overflow-y: auto; */
/* background-color: lightgrey; */
}
.tabContent .right_content .message .comment_section .user-msg
{
 margin-left:12px;
}
.tabContent .right_content .message .comment_section .user-name
{
 font-size: 13px;
 font-weight: bold;
}
.user-msg{
  background: white;
  border: 1px solid lightgrey;
  box-shadow: 0.5px 1px #888888;
  border-radius: 5px;
  padding: 1em;
  width: 97.444444%;
}
.sender_name{
  /* padding: 10px; */
  position: relative;
  top: 7px;
  /* left: 10px; */
  font-size: 13px;
  font-weight: 600;
}
.msg_time{
  /* padding: 20px; */
  position: relative;
    /* top: 7px; */
  font-size: 13px;
  font-weight: 600;
}
.tabContent .right_content .message .comment_section .msg-content
{
  font-size: 15px;
  /* padding-left: 20px; */
  padding-top: 12px;

}
.tabContent .right_content .message .comment_section .msg-time
{
margin-left:5px;
font-size: 12px;
color:#666;
}
.tabContent .left_content .student_section
{
height: 80vh;
overflow-y: scroll;
}

.selected_row
{
background-color: #f7f7f7;
}
.bluereturn
{
color: #fff;
background-color: #0069d9;
}
.greyreturn
{
color:#a1a0a0;
background-color: #dfdfdf;
}
.taskSectionModule
{
min-height: 100%;
border-radius: 0 !important;
border: none !important;
}
.fullpageModal .taskSectionModule {
padding: 0 !important;
}
#viewTask
{
background-color: #fff;
}

@keyframes load1 {
0% {transform: rotate(0deg);}

100% {transform: rotate(180deg);}
}

@keyframes load2 {
0% {z-index: 100;transform: rotate(180deg);}

100% {z-index: 100;transform: rotate(360deg);}
}
.task-pagination {
list-style: none;
margin-bottom: 3em;
padding: 0;
display: flex;
}

.task-pagination li a {
padding: 5px 10px;
background-color: #eee;
color: #333;
text-decoration: none;
}

.task-pagination li a.active {
background-color: lightgrey;
}

.task_status_color.Draft{
background-color: red;
border-color: #428cff;
}

#clickCreateTask{
background-color: #000;
color: #fff;
}
#clickCreateTask2{
background-color: #000;
color: #fff;
}
.task_no_data_container{
position: relative;
text-align: center;
top: 100px;
display: none;
}
.task_no_data_container div{
padding: 0.3em;
}
.task_delete_modal_content{
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
background-color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.3s;
width: 450px;
height: 200px;
border-radius: 5px;
z-index: 9999;
}
.task_delete_modal_container{
display: none;
}
.task_delete_modal{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.task_delete_modal .task_delete_button_container button{
margin-left:3em;
margin-right:3em;
margin-top: 2em;

}
.task_delete_yes{
background-color: #09d189;
border: none;
padding: 0.5em 2em;
border-radius: 30px;
color: #fff;
font-size: 16px;
}
.task_delete_no{
background-color: #eac042;
border: none;
padding: 0.5em 2em;
border-radius: 30px;
color: #fff;
font-size: 16px;
}
.task_row.false td{
text-decoration: line-through;
}
.task_row.false td span{
text-decoration: line-through;
}
#taskListTable{
overflow-y: auto;
}
.save_only_lessonplan_name {
  float: right;
  background-color: #000;
  color: #fff;
  border: none;
  padding: 0.5em 1em;
  margin-right: 1em;
  border-radius: 5px;
}
#select2-lpmBranch-container{
  width: 38% !important;
}
#select2-lpmBatch-container{
  width: 38% !important;
}
.lpm_select_container {
  width: 27.5% !important;
  display: inline-block;
  margin-right: 16px !important;
}
.lessonplan_model_calendar_container label{
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.delete_model_container_to_lessonplan_data{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
  border-radius: 5px !important;
  position: absolute;
  display: none;
  top: 30%;
  left: 30%;
  z-index: 1;
  width: 35%;
  height: 200px;
}
.delete_model_container_to_lessonplan_data.show {
  display: block;
}
.yes_btn_to_delete_lessonplan_data {
  margin-right: 3em;
  background: #09d189;
  border-radius: 20px;
  width: 100px;
  padding: 9px 0;
  border: none;
  color: #fff;
  font-size: 16px;
}
.no_btn_to_delete_lessonplan_data {
  background: #eac042;
  border-radius: 20px;
  width: 100px;
  padding: 9px 0;
  border: none;
  color: #fff;
  font-size: 16px;
}
.trash_icon {
  display: block;
  font-size: 18px;
  position: relative;
  float: right;
  margin: 0.5em;
}
.trash_icon i{
  font-size: 16px;
}
.close_lessonplan_model_content {
  border: 1px solid gray;
  border-radius: 50%;
  background-color: transparent;
  float: right !important;
  font-size: 14px;
  color: gray;
  padding: 0.1em 0.5em;
}

.lessonplan_model_calendar_container {
    width: 38% !important;
    display: inline-block;
}
.close_weekly_model_content{
  border: 1px solid gray;
  border-radius: 50%;
  background-color: transparent;
  float: right !important;
  font-size: 14px;
  color: gray;
  padding: 0.1em 0.5em;
}
.lp_select_container {
  width: 27.5% !important;
  display: inline-block;
  margin-right: 16px !important;
}

.lp_select_container_date {
  width: 38% !important;
  display: inline-block;
  margin-bottom: -12px;
  border: none;
 }
.lp_select_container_date label {
 border: 1px solid rgba(0, 0, 0, 0.4);
 border-radius: 5px;
}
.backBtn{
  padding-left: 120% !important;
  margin-top: -2% !important;
  width: 168.5% !important;
}
.lesson_plan_table_data_content {
  background-color: #ffffff;
  color: #000;
  padding: 2em;
}
.event_date{
  width: 80%;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  margin-top: .5rem;
  margin-bottom: 1rem;
}
.update_button_container{
  display: flex;
}
.until_date_picker i{
  color: #000;
}
.task_status_color.Sent{
background-color: green;
border-color: #428cff;
}
.hour_container{
  padding: 0.5em 1em;
 /* margin-right: 0.63em; */
 cursor: pointer;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* Add a custom arrow icon using CSS pseudo-elements */
 background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                   linear-gradient(135deg, #999 50%, transparent 50%);
 background-position: calc(100% - 10px) calc(1em + 2px),
                      calc(100% - 5px) calc(1em + 2px);
 background-size: 5px 5px, 5px 5px;
 background-repeat: no-repeat;
}
.minute_container{
  padding: 0.5em 1em;
  /* margin: 0.63em; */
 cursor: pointer;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* Add a custom arrow icon using CSS pseudo-elements */
 background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                   linear-gradient(135deg, #999 50%, transparent 50%);
 background-position: calc(100% - 10px) calc(1em + 2px),
                      calc(100% - 5px) calc(1em + 2px);
 background-size: 5px 5px, 5px 5px;
 background-repeat: no-repeat;

}
.meridian_container{
  padding: 0.5em 1em;
  /* margin: 0.63em; */
 cursor: pointer;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* Add a custom arrow icon using CSS pseudo-elements */
 background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                   linear-gradient(135deg, #999 50%, transparent 50%);
 background-position: calc(100% - 10px) calc(1em + 2px),
                      calc(100% - 5px) calc(1em + 2px);
 background-size: 5px 5px, 5px 5px;
 background-repeat: no-repeat;
 margin-right: 0.2em;
}
.minute_container::-webkit-scrollbar {
  display: none;
}
.due_hour_container{
  padding: 0.5em 1em;
  /* margin-right: 0.63em; */
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add a custom arrow icon using CSS pseudo-elements */
  background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                    linear-gradient(135deg, #999 50%, transparent 50%);
  background-position: calc(100% - 10px) calc(1em + 2px),
                       calc(100% - 5px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.due_minute_container{
  padding: 0.5em 1em;
 /* margin-right: 0.63em; */
 cursor: pointer;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* Add a custom arrow icon using CSS pseudo-elements */
 background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                   linear-gradient(135deg, #999 50%, transparent 50%);
 background-position: calc(100% - 10px) calc(1em + 2px),
                      calc(100% - 5px) calc(1em + 2px);
 background-size: 5px 5px, 5px 5px;
 background-repeat: no-repeat;
}
.due_meridian_container{
  padding: 0.5em 1em;
 /* margin-right: 0.63em; */
 cursor: pointer;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 /* Add a custom arrow icon using CSS pseudo-elements */
 background-image: linear-gradient(45deg, transparent 50%, #999 50%),
                   linear-gradient(135deg, #999 50%, transparent 50%);
 background-position: calc(100% - 10px) calc(1em + 2px),
                      calc(100% - 5px) calc(1em + 2px);
 background-size: 5px 5px, 5px 5px;
 background-repeat: no-repeat;
 margin-right: 0.2em;
}
.due_minute_container::-webkit-scrollbar {
  display: none;
}
.grading{
  width: 30%;
}
.grading_yes_btn{
  background-color: #09d189;
    border: none;
    padding: 0.3em 1em;
    border-radius: 30px;
    color: #fff;
}
.grading_no_btn{
  background-color: #eac042;
    border: none;
    padding: 0.3em 1em;
    border-radius: 30px;
    color: #fff;
}
.comment_container.teacher_comment_container{
  width: 100%;
  text-align: left;
  /* padding: 1em; */
}
.comment_container.student_comment_container{
  width: 100%;
  text-align: left;
}
.userText.teacher_comment_text{
  width: fit-content;
  max-width: 30%;
  border-radius: 5px;

}
.userText.student_comment_text{
  width: fit-content;
  max-width: 30%;
  border-radius: 5px;
  font-size: 15px;
  text-transform: capitalize;
}
.no_comment_container{
  text-align: center;
  margin-top: 2em;
}
.task_spinner {
  display: none;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top: 3px solid #3498db;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin: 0 auto;
  margin-top: 50px;
}

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

.task_work_container{
  display: flex;
  position: relative;
  justify-content: center;
}

.task_details_container{
  border: 1px solid #000;
  width: 20%;
  height: fit-content;
  border-radius: 5px;
  margin-top: 1em;
}

.task_details_header,.task_attachment_header,.task_name_header,.task_description_header{
  padding: 1em;
  background-color: lightgrey;
}
.task_details{
  margin: 1em;
}
.task_attachments{
  margin: 1em;
  overflow-x: scroll;
}
.task_attachments::-webkit-scrollbar {
  width: 1px; /* Width of the scrollbar */
  height: 1px;
}

.task_attachments::-webkit-scrollbar-track {
  background-color: transparent; /* Transparent track */
  width: 1px;
  height: 1px;

}

.task_attachments::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); /* Transparent thumb color */
  border-radius: 5px; /* Rounded thumb */
  width: 1px;
  height: 1px;

}
.task_name_and_description_container{
  border: 1px solid #000;
  width: 60%;
  padding: 0.5em;
  height: fit-content;
  border-radius: 5px;
  margin-top: 1em;
  margin-left: 1em;
  background-color: lightgray;
}
.task_name,.task_description{
 background-color: #fff;
 padding: 1em;
 border-radius: 5px;
 border: 0.5px solid lightgrey;
 box-shadow: 0.5px 1px #888888;
}
.task_name p,.task_description p{
  white-space: pre-line;
}
.task_name{
  margin-bottom: 0.8em;
}
.grade_right_tab{
  font-weight: bolder;
}
/* .tabContent .right_content .message::-webkit-scrollbar-track{ */
  /* background-color: transparent;
} */
.tabContent .right_content .message::-webkit-scrollbar {
  width: 1px; /* Width of the scrollbar */
  height: 1px;
}

.tabContent .right_content .message::-webkit-scrollbar-track {
  background-color: transparent; /* Transparent track */
  width: 1px;
  height: 1px;
}

.tabContent .right_content .message::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2); /* Transparent thumb color */
  border-radius: 5px; /* Rounded thumb */
  width: 1px;
  height: 1px;
}
.resend_task{
  margin-right: 1em;
  background-color: #0063dd;
  border:none;
  padding: 0.5em 1em;
  border-radius: 5px;
  color: #fff;
}
.right_content{
  background-color: #ececec94;
}
.send_comment_btn{
  margin-right: 1em;
  background-color: #0063dd;
  border:none;
  padding: 0.5em 1em;
  border-radius: 5px;
  color: #fff;
}
.student_work_button_container{
  display: flex;
}
.comment_modal_container{
  /* width: 100%; */
  display:flex;
  justify-content:center;
  /* margin-top: 1em; */
}
.comment_modal{
  width: 400px;
  height: fit-content;
  background-color:#fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position:absolute;
  z-index:600000;
  border-radius: 5px;
  margin-top: 1em;
  display: none;
  animation: smootheffect .5s linear;
}
.task_action_container{
  display: flex;
  align-items: center;
}
.send_grade{
  background-color: #0063dd;
  border:none;
  padding: 0.5em 1em;
  border-radius: 5px;
  color: #fff;
}
.cancel_comment_button_container{
  width: 100%;
}
.cancel_comment_button{
  float: right;
  background:transparent;
  border:none;
  padding:1em;
  height:fit-content
}
.comment_textbox_button_container{
  /* display: flex;
  justify-content:center;
  align-items:center; */
  margin-top:3em;
  margin-left: 3em;
}
.comment_paper_plane{
  background-color: #121dea;
  color: #fff;
  padding: 0.5em 1em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 1em;
  margin-left: 6em;
  margin-bottom: 1em;
}
.comment_paper_plane:hover{
  opacity: 0.7;
}
.comment_textbox{
  display: block;
  width: 85.5%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.comment_textbox:focus{
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.right_content_comment_loader{
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-bottom: 16px solid blue;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  left: 50%;
  position: relative;
  margin: 1em;
  display: none;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes smootheffect {
  0%{
    margin-top: -10em;
  }100%{
    margin-top: 1em;
  }
}
.resend_task:hover,.send_comment_btn:hover,.send_grade:hover{
  background-color: #0063dd;
  opacity: 0.5;
}
.view_file{
  border: 1px solid #121dea;
  padding: 0.5em 1em;
  border-radius: 5px;
  color: #121dea;
  cursor: pointer;
  display: inline-block;
}
.download_file{
  border: 1px solid #121dea;
  padding: 0.5em 1em;
  border-radius: 5px;
  margin-left: 0.5em;
  color: #121dea;
}
.uploaded_date{
  margin-bottom: 0.3em;
}
.file_upload_show_model{
  width: fit-content;
  height: fit-content;
  background-color:#fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position:absolute;
  z-index:600000;
  border-radius: 5px;
  margin-top: 1em;
  animation: smootheffect .5s linear;
}
.file_to_show{
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 1em;
  width: 950px;
  height: 600px;
  overflow-y: scroll;
}
.cancel_file_show_container{
  width: 100%;
}
.cancel_file_show_button{
  margin: 0.5em;
  background-color: transparent;
  border: 1px solid lightgrey;
  color: lightgrey;
  border-radius: 50%;
  float: right;
}
.taskpopup:hover{
background-color: lightgray !important;
}

.payrollCss {
  font-size: 13px !important;
  justify-content: space-between;
}

#staffPayrollTableContainer table {
  margin-top: 10px;
}

#staffPayrollTableContainer thead th:first-child {
  font-size: 14px !important;
}

#staffPayrollTableContainer thead th:nth-child(2) {
  font-size: 14px !important;
}

#staffPayrollTableContainer thead th:nth-child(3) {
  font-size: 14px !important;
}

#staffPayrollTableContainer thead th:nth-child(4) {
  font-size: 14px !important;
}

#staffPayrollTableContainer thead th:nth-child(5) {
  font-size: 14px !important;
}

#staffPayrollTableContainer thead th:nth-child(6) {
  font-size: 14px !important;
}

#classroom-lead-list {
  margin: 0;
  padding: 10px 0 !important;
  width: 100%;
}

#classroom-filter-list {
  background-color: #fff !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 7px 10px !important;
  display: flex;
  /* position: absolute; */
}

.semantic_select_lead {
  height: 30px !important;
  min-height: 0px !important;
  padding: 6.5px 15px !important;
  width: 100%;
  border-radius: 3px;
  border: 1px solid rgb(216, 216, 216);
  color: rgb(100, 100, 100);
  background-color: #fff;
}

.semantic_select_lead .search {
  padding: 6.5px 15px !important;
}

.leadDeleteallbutton {
  color: white;
  background-color: #09d189;
  border: none;
}

#adultSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#slider-round {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+#slider-round {
  background-color: #2196F3;
}

.pbtn_lead {
  padding: 6px 13px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
  background-color: #161616;
  color: white;
  border: none;
  font-weight: 600;
}

.leadLabelClass label {
  font-weight: bold;
  margin-right: 10px;
}

.selectLead {
  display: flex !important;
}

.lead_row:hover {
  background-color: #e0f4fc;
}

#leadsTableData table thead tr th:nth-child(1) {
  text-align: center;
}
.listStudents:hover{
  background-color: #e0f4fc;
}
.studentViewLoaderContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em;
}
.studentViewLoader {
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  border-right: none;
  border-radius: 50%;
  animation: rotate 0.5s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.task_loader_table{
  top: 50%;
  left: 50%;
  position: absolute;
}
.create_task_modal{
  top: 30% !important;
  left: 50% !important;
  position: absolute !important;
  z-index: 600000;
}
/* .send_and_save_loader_container{
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: #fff;
  z-index: 999999;
}
.send_and_save_loader{
  top: 30% !important;
  left: 50% !important;
  position: absolute !important;
  z-index: 999999;
} */
.studentViewLoaderContainer{
  top: 50%;
  left: 50%;
  position: absolute !important;
}
.task_more_option_button{
  padding: 5px 15px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
}
.task_more_option_button i{
  font-size: 18px !important;
}
/* .action_task{
  width: 100px !important;
  padding-left: 5px !important;
} */
@media print {
  .inst-hr{
    padding: 5% 0px;
  }
}
.inst-hr{
  margin: 9px 0px;
  border-top: 1px solid #a9a9a9 !important;
}
.toRefund{
  text-align: right;
  padding: 8px 8px;
  margin-top: 1em;
  border: 1px solid gray;
  cursor: pointer;
  width: 61%;
  margin-bottom: 1em;
}
.remarkRefund{
  padding: 12px 8px;
  border: 1px solid gray;
  /* width: 50%; */
  margin-top: 1em;
}
.refundDepositTable{
  width: 109%;
}
.refundDepositTable>thead>tr th{
  font-size: 14px;
  padding-right: 1em;
}
.refundDepositTable>thead tr{
 width: fit-content;
}
.refundDepositTable>tbody>tr td{
  font-size: 14px;
}
.totalRefund{
  float: right;
  margin-top: 1em;
}
.refundCheck{
  margin-top: 4em;
}
#refundDepositBtn{
  background-color: #0078c8;
}
.refundBy{
  /* float: right;
  margin-right: 0em;
  margin-bottom: 1em; */
}
.deposit_delete{
  background: none;
  border: none;
  color: #f34c4c;
  font-size: 10px;
}
.deposit_button_container{
  display: flex;
  align-items: center;
  justify-content: center;
}
.deleteDepositContainer{
  text-align: center;
}
.depositYesDelete{
  background: #09d189;
  border-radius: 20px;
    width: 100px;
    padding: 9px 0;
    border: none;
    color: #fff;
    font-size: 16px;
}
.depositNoDelete{
  background: #eac042;
  border-radius: 20px;
    width: 100px;
    padding: 9px 0;
    border: none;
    color: #fff;
    font-size: 16px;
}
.noDepositContainer{
  text-align: center;
}
.detailModel{
  width: 60% !important;
}
.detailDepositTable{
  width: 100% !important;
}
.detailDepositTable td, .detailDepositTable th{
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}
#cashModeEditDelete{
  margin: 0;
  padding: 0;
  margin-block-start:0em !important;
}
.deposit_edit{
  background: none;
  border: none;
  color: grey;
  font-size: 10px;
}
.detailDeposit{
  cursor: pointer;
}
.toEditRefund{
  text-align: right;
  padding: 8px 8px;
  border: 1px solid #ccc;
  cursor: pointer;
  width: 61%;
}
.remarkEditRefund{
  padding: 12px 8px;
  border: 1px solid #ccc;
}
#refundEditDepositBtn{
  background-color: #0078c8;
}
.editCheck{
  margin-top: 2em;
}
/* .refundEditDepositModel{
  width: 60% !important;
} */
.refundEditDepositTable{
  width: 109% !important;
}
.refundEditDepositTable td, .refundEditDepositTable th{
  padding: 10px;
  text-align: left;
}
.refundEditBy{
  margin-top: 2em;
}
.detailDepositList{
  list-style: none;
  list-style-type: none;
  padding: 0;
}
.reportsDepositRefundItemList{
  padding: 0 !important;
  list-style: none;
}
#leadsTableData table tbody tr:hover {
  background-color: #00a6e51f !important;
  cursor: pointer;
}
.staff-profile-pad td{
  padding: 20px 5px !important;
}
.turningSection span{
  display: block;
  text-align: center;
}
.grade_and_submit_text{
  text-align: center;
  position: relative;
  top: 30%;
}
.student_submitted_header{
  text-align: center;
  background-color: lightgray;
  padding: 1em;
}
.student_not_submitted_header{
  text-align: center;
  background-color: lightgray;
  padding: 1em;
}
.fetch_loader_task {
    display: none;
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    border-radius: 50%;
    border-right: none;
    border-bottom: none;
    animation: task_fetch_loader .5s infinite linear
}

@keyframes task_fetch_loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.tabSwitchPopUp{
  width: 400px;
  height: 200px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-color: #fff;
  border-radius: 5px;
  position: absolute;
  text-align: center;
  top: 30%;
  left: 40%;
  z-index: 99999;
  display: none;
}
.task_switch_modal .task_switch_button_container button {
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 2em;
}
.task_switch_modal {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.task_switch_yes{
    background-color: #09d189;
    border: none;
    padding: 0.5em 2em;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
}
.task_switch_no{
  background-color: #eac042;
  border: none;
  padding: 0.5em 2em;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
}
.task_email_report_container{
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  /* left: 40%; */
  display: none;
  z-index: 999999;
}
.task_email_report_table{
  z-index: 999999;
}
#task_email_report_close_btn{
  float: right;
  background: none;
  border: none;
  font-size: 40px;
  /* padding: 1em; */
  margin-right: 0.5em;
}
.task_email_search_container{
  float: right;
  /* margin-top: 2em; */
  padding: 1.3em;
}
.task_email_heading{
  text-align: center;
}
.task_email_report_details{
  display: flex;
  margin-top: 2em;
  margin-left: 0.8em;
  justify-content: space-between;
}

.custom-pagination-email-report-for-task #currentPageForEmailTaskReport {
  border-radius: 20px !important;
}
.custom-pagination-email-report-for-task li .form-control {
  width: 37px;
  display: inline;
  height: 31px;
  padding: 0px 5px;
  text-align: center;
  border-radius: 2px;
  margin-left: 10px;
}
#nextEmailReportPagination{
  margin-left: 0.5em;
}
#schoolTransactionTableView table tbody tr td,#schoolTransactionTableView table thead tr th{
  font-size: 1em;
}
.reScheduleDateRange{
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}
.date_range_button{
    position: absolute;
    right: 0;
    height: 100%;
    border: none;
    background: none;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.3rem;
}
.open_api_param_table{
  width: 70%;
  margin: 2em !important;
}
.act-sec{
  display: flex;
  flex-direction: column;
}
.act-sub-sec{
  padding-top: 10px;
  padding-bottom: 10px;
}
.fc-view-container .fc-timelineMonth-view {
  overflow-x: scroll;
}
#leadsTableData table thead tr:hover {
  background-color: #00a6e51f !important;
  cursor: pointer;
}
#leadsTableData table thead tr th:nth-child(8){
  cursor: text
}
#assessmentTable {
  display: grid;
  grid-template-columns: auto auto auto;
}
#assessmentTable .header, 
.table .cell {
  border: 1px solid black;
  padding: 8px;
}

#assessmentTable .header {
  background-color: white;
  border: 2px solid black;
  font-weight: bold;
  border-bottom: 1px solid black;
}
.assessementSelect{
  border:none !important;
  width:100%;
  height:50px;
  font-size: 14px !important;
  text-align: center;
}
.assessementSelect:focus{
   border-color: transparent !important;
   box-shadow: none !important
}
.assessGradeTable {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left: -1rem !important;
  position: relative;
  top: -20px;
  left: -1px;
}
.assessGradeTable tbody tr th {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
  font-weight: bold;
  border-top: none;
}
.assessGradeTable tbody tr td {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
}
.assessCourseTable {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left: -1rem !important;
  position: relative;
  top: -20px;
  left: -1px;
}
.assessCourseTable tbody tr td {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
}
.assessCourseTable tbody tr th {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: left;
  border-top: none;
}
.assessStudyTable {
  width: 100%;
  border: 2px solid black;
  border-collapse: collapse;
  margin-top: 20px;
  margin-left: -1rem !important;
}
.assessStudyTable tbody tr th {
  border: 2px solid black;
  border-collapse: collapse;
  font-weight: bold;
}
.assessStudyTable tbody tr td {
  border: 2px solid black;
  border-collapse: collapse;
}
.assessStudyGradeTable {
  width: 100%;
  border-collapse: collapse;
  margin-left: -1rem !important;  
}
.assessStudyGradeTable tbody tr th {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
  font-weight: bold;
  border-top: none;
}
.assessStudyGradeTable tbody tr td {
  border: 2px solid black;
  border-collapse: collapse;
  text-align: center;
  width: 20%;
}
.assessCommentTable{
  width: 100%;
  border: 2px solid black;
  border-collapse: collapse;
  margin-top: 3rem;
  margin-left: -1rem !important;
}
.assessCommentTable textarea{
  width: 100%;
  height: 7rem;
  border: none;
}
.assessAttendGradeTable{
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left: -1rem !important;
  position: relative;
  top: -2px;
}
.assessAttendGradeTable tbody tr td{
    border: 2px solid black;
    border-collapse: collapse;
    text-align: center;
}
.assessPaddingDiv {
  padding: 15px !important
}
.borderBlackLeft{
  border: 2px solid black;
  border-bottom: 0px;
  border-right: 1px solid black;
}
.borderBlackRight{
  padding: 0px !important;
    border: 2px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}
.assessmentMain{
  margin-left: 100px;
  height: 100%;
  width:80%
}
.assessTerm1{
  border-right: 1px solid black;
  width: 70%;
  position: relative;
  left: 60.7%;
}
.assessTerm2{
  border-left: 2px solid black;
  width: 70%;
  position: relative;
  left: 92px;
}
.coursePadding{
  padding : 15px !important;
  width:50%
}
.termClass{
  padding: 20px;
}
.courseInput {
  display: none;
  position: relative;
  text-align: center;
  border: none;
}

.quranInput {
  width: 100%;
  text-align: center;
  border: none;
}
.courseAddInput {
  display: block;
  border: none !important;
  width:25%;
  text-align: center;
  margin-left: 35%;
}
.teacher1{
    position: relative;
    bottom: 6px;
    left: 21%;
    width: 25%;
}
.teacher2{
  position: relative;
    bottom: 58px;
    left: 21%;
    width: 25%;
}
.teacher1Input{
  position: relative;
    bottom: 2px;
    left: 24%;
    width: 25%;
}
.teacher2Input {
  position: relative;
  bottom: 54px;
  left: 24%;
  width: 25%;
}
.assessPrincipal {
  font-size: 1rem;
  color: #000;
  position: relative;
  bottom: 45px;
  left: 65%;
}
.assessPrincipal1{
  position: relative;
  bottom: 45px;
  left: 65%;
  width: 25%;
}
.principalInput {
  position: relative;
  bottom: 62px !important;
  left: 74%;
  width: 25%;
}
.principalInput1 {
  position: relative;
  bottom: 64px !important;
  left: 74%;
  width: 25%;
}
.studChildContainer{
    position: relative;
    left: 3%;
}
 #assessment-report-view-container {
   width: 100% !important;
  margin: 0 auto;
 }
@media print {
.assessmentMain {
    height: auto !important;
  }
  .coursePadding{
    padding:5px !important;
  }
  .assessementSelect{
    height:30px !important;
  }
  .termClass{
    padding:15px !important
  }
  .assessCommentTable textarea {
    width: 100%;
    height: 5rem;
    border: none;
  }
  .teacher1{
    position: relative;
    margin-top:0px !important;
  }
  .teacher2 {
    position: relative;
    bottom: 0px !important;
  }
  .assessCourseTable tbody tr td select {
    -webkit-appearance: none;
  }
  .assessmentMain {
    height: auto !important;
    width: 80% !important;
  }
  #assessment-report-view-container {
    width: 100% !important;
  }
  .studChildContainer {
    position: relative;
    left: 3%;
  }
}
@media  screen and (max-width: 650px) {
  .assessmentMain {
    height: auto !important;
    width : 100% !important;
  }
  .coursePadding {
    padding: 5px !important;
  }
  #assessment-report-view-container{
    width: 200% !important;
  }
  .studChildContainer {
    position: relative;
    left: 0%;
  }
}
.reschedule_radio_btn{
        height: 20px;
        width: 20px;
    }
    .duration_text{
        font-size: 1rem !important;
    }
    #classDuration{
        border: none; /* Remove default input border */
        padding: 7px 5px; /* Adjust padding for spacing */
       background: none;
        font-size: inherit; /* Use inherit font size */
        font-family: inherit; /* Use inherit font family */
        outline: none;
    }
    #cancelWithoutNotify {
        background-color: rgb(19, 98, 194);
        border: 1px solid rgb(19, 98, 194);
        color: #fff;
    }

    #deleteWithoutNotify{
        background-color: rgb(19, 98, 194);
        border: 1px solid rgb(19, 98, 194);
        color: #fff;
    }
    #rescheduledStartDate{
        text-align: left;
  width: 25.5% !important;
    border-color: #cdcdcd !important;
    padding: 5px !important;
    }
    #rescheduledStartDate + button{
  padding: 0px !important;
    height: 30px !important;
    margin-top: 7px;
    width: 7%;
}
    #rescheduledEndDate{
  text-align: left;
   width: 25.5% !important;
    border-color: #cdcdcd !important;
    padding: 5px !important;
}
#rescheduledEndDate + button{
 padding: 0px !important;
    height: 30px !important;
    margin-top: 7px;
    width: 7%;
}
.cancelDeleteModal .input_section{
    margin-bottom: 1em;
}
 .reschedule_radio_btn {
    vertical-align: middle !important;
  }
  .cancelDeleteModal .input_title {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: 0.5em !important;
  }
  #rescheduledDate{
    width: 25.5% !important;
    border-color: #cdcdcd !important;
    padding: 5px !important;
}
#rescheduledDate + button{
 padding: 0px !important;
    height: 30px !important;
    margin-top: 7px;
    width: 7%;
}
.cancelDeleteModal .input_section{
    margin-bottom: -7em;
}
.cancelDelete{
    float: right;
    background: transparent;
    border: none;
}
#rescheduleWithoutNotify{
  background-color: rgb(19, 98, 194);
  border: 1px solid rgb(19, 98, 194);
  color: #fff;
}
.issueCreditNotePopUp{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
  /* background-color: red; */
}
/* .popUpForIssueCreditNoteContainer{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
  /* background-color: red; */
/* }   */

.credit_note_item_drop_down{
  width: 250px;
  font-size: 1rem;
  justify-content: space-between;
  padding: 6px 1.3rem;
  border-color: #0078c8 !important;
  background-color: #fff !important;
  color: #0078c8 !important;
  transition: all .2s ease-in-out;
}

/* .credit_note_item_drop_down:hover{
  border-color: #fff !important;
  background-color: #0078c8  !important;
  color: #fff !important;
  transition: all .2s ease-in-out;
} */
.reason_container{
  width: 20%;
  margin-top: 1em;
  margin-left: 2em;
}
.reason_container p {
  margin-block-end: 0.5em;
  font-weight: 600;
  font-size: 1rem;
  color: rgb(59, 59, 59);
}
.credit_note_header{
  margin-block-end: 0.5em;
  margin: 1em;
  font-weight: 600;
  font-size: 1rem;
  color: rgb(59, 59, 59);
  text-align: center;
}
.creditNoteHover:hover{
  background-color: #cce2ff !important;
}