@charset "UTF-8";

body {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
  color: #636c72;
  background-color: #fff;
}

a {
  transition: all 0.2s ease-in-out;
  color: #623691;
}

a:hover {
  color: #49286c;
  text-decoration: none;
}

strong {
  color: #636c72;
}

.btn {
  font-family: "Poppins";
  font-weight: 600;
}

.btn:hover,
.btn:focus,
.btn:active {
  color: #fff;
}

.btn.btn-secondary {
  background: rgba(99, 108, 114, 0.05);
  color: #575f64;
  border: 1px solid transparent;
  font-weight: 400;
}

.btn.btn-secondary:hover {
  background: rgba(99, 108, 114, 0.1) !important;
}

.btn.btn-height-100 {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins" !important;
}

#wrapper #main {
  margin: 40px 0;
  min-height: calc(100vh - 80px);
}

#wrapper #main.centered {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.m-header {
  box-shadow: 0px 20px 20px -30px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid #f7f7f9 !important;
  height: 85px;
}

.m-header .m-brand__logo .m-brand__logo-wrapper {
  width: 150px;
}

.m-header .m-brand__logo .m-brand__logo-wrapper img {
  width: 150px;
}

.m-header .m-topbar__username {
  color: #623691 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

.m-header .dropdown-menu {
  margin-top: 15px;
}

.m-header--fixed .m-body {
  padding-top: 85px !important;
}

.m-body {
  background: #fafafb !important;
}

.m-body .m-aside-left {
  box-shadow: 20px -20px 20px -30px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #f7f7f9;
}

.m-body .m-aside-left .m-menu__section-text {
  text-transform: none !important;
  color: #623691 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.m-body .m-aside-left .menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  border-bottom: solid 1px #eceeef;
  cursor: pointer;
  transition: linear 100ms;
  border-left: solid 0px #979fa4;
  color: #636c72;
}

.m-body .m-aside-left .menu-item .icon-text {
  display: inline-flex;
  padding: 5px 0px;
  align-items: center;
  font-weight: 300;
}

.m-body .m-aside-left .menu-item .icon-text .icon {
  position: absolute;
  font-size: 16px;
}

.m-body .m-aside-left .menu-item .icon-text .text {
  padding-left: 32px;
  line-height: 1.6rem;
}

.m-body .m-aside-left .menu-item .arrow {
  opacity: 0;
  visibility: hidden;
  position: relative;
  left: 0px;
  font-size: 16px;
  transition: left 200ms linear;
  color: #b5bcc0;
}

.m-body .m-aside-left .menu-item:hover {
  background: #f7f8f8;
  color: #636c72;
  border-left: solid 5px #979fa4;
}

.m-body .m-aside-left .menu-item:hover .arrow {
  opacity: 1;
  visibility: visible;
  left: 5px;
  color: #636c72;
}

.m-body .m-aside-left .menu-item.current {
  background: rgba(98, 54, 145, 0.05);
  color: #552f7e;
  border-left: solid 5px #623691;
}

.m-body .m-aside-left .menu-item.current .icon-text .text {
  font-weight: 600;
}

.m-body .m-aside-left .menu-item.current .arrow {
  opacity: 1;
  visibility: visible;
  color: #552f7e;
}

.m-body .m-aside-left .menu-item.delete:hover {
  background: rgba(244, 81, 108, 0.05);
  color: #f23958;
  border-left: solid 5px #f4516c;
}

.m-body .m-aside-left .menu-item.delete:hover .arrow {
  color: #f23958;
}

.m-body .m-aside-left .dropdown-menu-item .menu-item .arrow {
  opacity: 1;
  visibility: visible;
}

.m-body .m-aside-left .dropdown-menu-item .dropdown-menu {
  left: 265px !important;
  margin-top: -53px;
}

.m-body .m-subheader .m-subheader__title {
  color: #636c72;
  font-weight: 800 !important;
  font-size: 30px;
}

.m-body .m-subheader .btn {
  font-size: 15px;
}

.modal-footer .btn {
  font-size: 15px;
  padding: 10px 20px;
}

.m-scroll-top {
  border: 2px solid #dee2e3;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.m-scroll-top i,
.m-scroll-top svg {
  color: #979fa4;
  transition: all 0.2s ease-in-out;
}

.m-scroll-top:hover {
  border: solid 2px #636c72 !important;
}

.m-scroll-top:hover i,
.m-scroll-top:hover svg {
  color: #636c72;
}

.m-scroll-top--shown .m-scroll-top {
  display: flex;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background-color: #fff !important;
}

.form-group > label {
  color: #636c72 !important;
  font-weight: 600 !important;
}

.form-control {
  padding: 15px;
  font-family: "Poppins";
  color: #636c72;
  background: #fff !important;
  font-size: 14px;
  border: 2px solid #dee2e3 !important;
  font-weight: 300;
}

.form-control:focus {
  border-color: #623691 !important;
}

.form-control::-webkit-input-placeholder {
  color: #c2c9cc;
}

.form-control::-moz-placeholder {
  color: #c2c9cc;
}

.form-control:-ms-input-placeholder {
  color: #c2c9cc;
}

.form-control::-ms-input-placeholder {
  color: #c2c9cc;
}

.form-control::placeholder {
  color: #c2c9cc;
}

.form-control[readonly] {
  background: #f7f7f9 !important;
  cursor: not-allowed;
}

.form-control.inline {
  width: 120px;
  padding: 8px;
}

.form-control.bootstrap-select {
  padding: 0;
  border: 0 !important;
  margin-bottom: 0;
}

.form-control.bootstrap-select.stats .btn {
  padding: 11px 11px 11px 11px;
}

.form-control.bootstrap-select .dropdown-toggle {
  padding: 15px;
  font-family: "Poppins";
  font-size: 14px;
  border: 2px solid #dee2e3;
}

.form-control.bootstrap-select .dropdown-toggle > span {
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #636c72;
}

.form-control.bootstrap-select .dropdown-toggle > span strong {
  margin-right: 5px;
}

.form-control.bootstrap-select .dropdown-toggle > span .m-badge {
  padding: 2px 8px;
  border-radius: 5px;
  font-weight: 400;
  position: absolute;
  top: 7px;
  left: 7px;
}

.form-control.bootstrap-select .dropdown-toggle > span .m-badge.m-badge--secondary {
  color: #464a4c !important;
}

.form-control.bootstrap-select .dropdown-toggle.bs-placeholder {
  color: #a4abb0;
}

.form-control.bootstrap-select .dropdown-toggle::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\F078";
  color: #b5bcc0;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.form-control.bootstrap-select.show > .dropdown-toggle.btn-default {
  border-color: #623691 !important;
}

.form-control.bootstrap-select.show > .dropdown-toggle::after {
  color: #623691;
  transform: rotate(180deg);
}

.form-control.bootstrap-select .dropdown-menu {
  padding: 0;
}

.form-control.bootstrap-select .dropdown-menu .popover-title {
  background: #623691;
  color: #fff;
  font-weight: 300 !important;
  font-size: 14px;
  margin: 0px;
}

.form-control.bootstrap-select .dropdown-menu .popover-title a {
  color: #fff;
  font-weight: 600;
}

.form-control.bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  border-left: solid 0px #623691;
}

.form-control.bootstrap-select .dropdown-menu li a .m-badge {
  padding: 2px 8px;
  border-radius: 5px;
  font-weight: 400;
}

.form-control.bootstrap-select .dropdown-menu li a .m-badge.m-badge--secondary {
  color: #464a4c !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a {
  background: #f7f8f8 !important;
  color: #636c72 !important;
  border-left: solid 5px #979fa4 !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a span {
  color: #636c72 !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a .m-badge {
  color: #fff !important;
}

.form-control.bootstrap-select .dropdown-menu li:hover a .m-badge.m-badge--secondary {
  color: #464a4c !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  border-left: solid 5px #623691 !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .check-mark {
  font-size: 16px !important;
  margin-top: -10px !important;
  color: #623691 !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .check-mark:before {
  font-family: "FontAwesome";
  content: "\F00C" !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a span {
  color: #552f7e !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .m-badge {
  color: #fff !important;
}

.form-control.bootstrap-select .dropdown-menu li.selected a .m-badge.m-badge--secondary {
  color: #464a4c !important;
}

.form-control.bootstrap-select .form-control-feedback {
  position: absolute;
  top: 8px;
  left: 8px;
}

.select2 .select2-selection {
  padding: 15px;
  font-family: "Poppins";
  color: #636c72;
  background: #fff !important;
  font-size: 14px;
  border: 2px solid #dee2e3 !important;
  font-weight: 300;
}

.select2 .select2-selection .select2-selection__rendered {
  padding: 0;
}

.select2 .select2-selection .select2-selection__arrow::before {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\F078";
  color: #b5bcc0;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.select2.select2-container--open .select2-selection {
  border-color: #623691 !important;
}

.select2.select2-container--open .select2-selection .select2-selection__arrow::before {
  color: #623691;
  transform: rotate(180deg);
}

.select2-container .select2-search__field {
  margin: 0 !important;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0 0 5px;
}

.select2-container .select2-dropdown .select2-search .select2-search__field {
  padding: 10px 10px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #eceeef;
  font-size: 14px;
  color: #636c72;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-webkit-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-moz-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field:-ms-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::-ms-input-placeholder {
  color: #979fa4;
}

.select2-container .select2-dropdown .select2-search .select2-search__field::placeholder {
  color: #979fa4;
}

.select2-container .select2-results .select2-results__options {
  position: relative;
  min-height: 325px;
}

.select2-container .select2-results .select2-results__options .select2-results__option {
  font-size: 14px;
  border-left: solid 0px #623691;
  transition: all 0.2s ease-in-out;
}

.select2-container .select2-results .select2-results__options .select2-results__option:hover {
  background: #f7f8f8 !important;
  color: #636c72 !important;
  border-left: solid 5px #979fa4 !important;
}

.select2-container .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  border-left: solid 5px #623691 !important;
}

.input-group .input-group-addon {
  min-width: 50px;
  background: #623691;
  border: none !important;
}

.input-group .input-group-addon.nomin {
  min-width: 0;
}

.input-group .input-group-addon i,
.input-group .input-group-addon svg,
.input-group .input-group-addon span,
.input-group .input-group-addon strong {
  color: #fff;
}

.m-input-icon > .m-input-icon__icon > span {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #979fa4;
}

.bootstrap-switch {
  border: 2px solid #dee2e3 !important;
}

.colorpicker-circle-anchor {
  display: flex;
  align-items: center;
}

.m-page-loader .m-blockui {
  box-shadow: none;
}

.m-page-loader .m-blockui .spinner {
  background: url("/images/spinner.svg");
  background-size: 50px;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.table {
  border-radius: 5px;
  box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.1);
}

.table thead th {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  padding: 16px 10px;
  font-weight: 600;
}

.table tr td {
  padding: 16px 10px;
  transition: all 0.2s ease-in-out;
}

.table tr td.sortable-handle {
  top: 0px;
  padding: 6px 6px 6px 16px;
}

.table tr td.maxwidth {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

.table tr:hover td {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
}

.table tr:hover td strong {
  transition: all 0.2s ease-in-out;
  color: #552f7e;
}

.table tr.subheader td {
  background: rgba(98, 54, 145, 0.1) !important;
  color: #552f7e !important;
  font-weight: 600;
}

.table.table-tool td {
  padding: 0 0.75rem;
}

.table.table-tool .subheader td {
  padding: 8px 10px;
}

.table.table-tool .m-checkbox {
  margin: 0px;
  padding: 0px;
}

.m_datatable.m-datatable--default .m-datatable__table {
  min-height: 400px !important;
  border-radius: 5px;
  box-shadow: 0px 1px 20px -10px rgba(0, 0, 0, 0.1);
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__head .m-datatable__row .m-datatable__cell {
  background: #eceeef;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__head .m-datatable__row .m-datatable__cell > span {
  color: #636c72;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row {
  transition: all 0.2s ease-in-out;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell {
  background: #fff !important;
  border-bottom: solid 1px #eceeef;
  transition: all 0.2s ease-in-out;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span {
  transition: all 0.2s ease-in-out;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-badge {
  letter-spacing: 0;
  font-size: 12px;
  padding: 2px 12px;
  border-radius: 5px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-badge.circle {
  border-radius: 5px;
  margin-right: 5px;
  padding: 0;
  top: -1px;
  position: relative;
  min-height: 10px;
  min-width: 10px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span img {
  max-height: 100px;
  max-width: 250px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span strong {
  font-weight: 500;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-card-user {
  margin-left: 10px;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span p {
  margin: 0;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .link-small {
  font-size: 14px;
  text-decoration: underline;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .link-small:hover {
  color: #623691;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .m-btn--icon-only {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .btn-accent,
.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row .m-datatable__cell > span .btn-brand {
  color: #fff;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row:last-child .m-datatable__cell {
  border-bottom: 0;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row:hover .m-datatable__cell {
  background: rgba(99, 108, 114, 0.05) !important;
  color: #636c72 !important;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row:hover .m-datatable__cell > span {
  color: #636c72;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row:hover .m-datatable__cell > span .m-card-user .m--bg-fill-brand {
  background: #623691 !important;
}

.m_datatable.m-datatable--default .m-datatable__table .m-datatable__body .m-datatable__row:hover .m-datatable__cell > span .m-card-user .m--bg-fill-brand span {
  color: #fff !important;
}

@media (max-width: 991px) {
  .m_datatable.m-datatable--default .m-datatable__pager {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .m_datatable.m-datatable--default .m-datatable__pager {
    margin-top: 5px !important;
  }
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav {
  display: inline-flex;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link {
  border-radius: 5px !important;
  background: #fff;
  color: #636c72;
  font-weight: 600 !important;
  border: solid 2px #eceeef;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
  background: #f7f8f8;
  color: #636c72;
  border: solid 2px #979fa4;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  border: solid 2px #623691 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--disabled {
  background: #fff;
  border: solid 2px #eceeef;
  cursor: not-allowed;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--disabled:hover {
  background: #f7f8f8;
  color: #636c72;
  border: solid 2px #979fa4;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next,
.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev {
  background: #fff;
  border: solid 2px #eceeef;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover {
  background: #f7f8f8;
  color: #636c72;
  border: solid 2px #979fa4;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle {
  border-radius: 5px !important;
  background: #fff;
  color: #636c72;
  font-weight: 600 !important;
  border: solid 2px #eceeef !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\F107";
  color: #636c72;
  right: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover {
  background: #f7f8f8;
  color: #636c72;
  border: solid 2px #979fa4 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover::after {
  color: #636c72;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show .btn.dropdown-toggle {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  border: solid 2px #623691 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show .btn.dropdown-toggle::after {
  color: #552f7e !important;
  transform: rotate(180deg);
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu {
  padding: 0;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li a {
  font-size: 12px;
  border-left: solid 0px #623691;
  padding: 8px 12px;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li:hover a {
  background: #f7f8f8 !important;
  color: #636c72 !important;
  border-left: solid 5px #979fa4 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li:hover a span {
  color: #636c72 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li.selected a {
  background: rgba(98, 54, 145, 0.05) !important;
  color: #552f7e !important;
  border-left: solid 5px #623691 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li.selected a .check-mark {
  font-size: 12px !important;
  color: #623691 !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li.selected a .check-mark:before {
  font-family: "FontAwesome";
  content: "\F00C" !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .dropdown-menu li.selected a span {
  color: #552f7e !important;
}

.m_datatable.m-datatable--default .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-detail {
  font-size: 14px;
}

.daterangepicker .daterangepicker_input svg {
  position: absolute;
  top: 11px;
  left: 11px;
  color: #636c72;
}

.daterangepicker tbody td.active,
.daterangepicker tbody td.in-range {
  background: #623691;
}

.daterangepicker tbody td.active:hover,
.daterangepicker tbody td.in-range:hover {
  background: #623691;
}

.daterangepicker tbody td.today {
  background: #8854bf;
}

.daterangepicker .ranges {
  margin: 0;
  padding: 5px;
}

.daterangepicker .ranges li:hover {
  background: #eceeef;
}

.daterangepicker .ranges li.active:hover {
  background: #623691;
}

.daterangepicker .ranges .range_inputs .btn {
  padding: 7px 15px;
  border-radius: 5px;
}

.daterangepicker .ranges .range_inputs .btn.btn-primary {
  background: #623691;
  border-color: #623691;
}

.m-form .form-group.image-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.m-form .form-group.image-group .image-wrapper {
  border: 2px solid #eceeef;
  background: #f7f7f9;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin: 0;
  position: relative;
}

.m-form .form-group.image-group .image-wrapper img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.m-form .form-group.image-gallery-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.m-form .form-group.image-gallery-group .note {
  margin: 10px 0px;
}

.m-form .form-group.image-gallery-group .gallery-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.m-form .form-group.image-gallery-group .image-wrapper {
  border: 2px solid #eceeef;
  background: #f7f7f9;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 2px;
  position: relative;
}

.m-form .form-group.image-gallery-group .image-wrapper img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.m-form .form-group .image-buttons {
  display: flex;
  width: 300px;
  margin-top: 5px;
}

.m-form .form-group .image-buttons .btn {
  width: 50%;
}

.m-form .form-group .image-buttons .btn:first-child {
  margin-right: 2px;
}

.m-form .form-group .image-buttons .btn:last-child {
  margin-left: 2px;
}

.m-portlet {
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.m-portlet .m-portlet__head {
  background: #636c72 !important;
  color: white !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.m-portlet .m-portlet__head .btn {
  border-radius: 50px;
  font-size: 16px;
}

.m-portlet .m-portlet__head .m-portlet__head-text {
  color: white !important;
  font-weight: 600 !important;
}

.m-portlet .m-portlet__head .m-portlet__head-text small {
  color: white !important;
  font-family: "Poppins" !important;
}

.m-portlet .m-portlet__foot .btn {
  font-size: 15px;
}

.dropdown-menu {
  padding: 0;
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.dropdown-menu[x-placement=bottom-start]::before {
  content: "" !important;
  display: inline-block !important;
  box-shadow: 0px -5px 15px -3px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 15px;
  left: -8px;
  bottom: auto;
  border-top: none;
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.dropdown-menu[x-placement=bottom-end]::before {
  content: "" !important;
  display: inline-block !important;
  box-shadow: 0px -5px 15px -3px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -8px;
  right: 25px;
  bottom: auto;
  border-top: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.dropdown-menu[x-placement=top-end]::before {
  content: "" !important;
  display: inline-block !important;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: -7px;
  right: 25px;
  top: auto;
  border-bottom: none;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.dropdown-menu.width-s {
  width: 255px;
}

.dropdown-menu.width-m {
  width: 270px;
}

.dropdown-menu .dropdown-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 15px;
  border-bottom: solid 1px #eceeef;
  cursor: pointer;
  transition: linear 100ms;
  border-left: solid 0px #623691;
  color: #636c72;
}

.dropdown-menu .dropdown-item .icon-text {
  display: inline-flex;
  padding: 0px 0px;
  align-items: center;
  font-weight: 300;
  color: #636c72;
}

.dropdown-menu .dropdown-item .icon-text .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
}

.dropdown-menu .dropdown-item .icon-text img {
  max-height: 35px;
}

.dropdown-menu .dropdown-item .icon-text .text {
  padding-left: 30px;
  line-height: 1.6rem;
  font-size: 14px;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  background: #f7f8f8;
  color: #636c72;
  border-left: solid 5px #979fa4;
}

.dropdown-menu .dropdown-item:hover .icon-text,
.dropdown-menu .dropdown-item:focus .icon-text,
.dropdown-menu .dropdown-item:active .icon-text {
  color: #636c72;
}

.dropdown-menu .dropdown-item.active {
  background: rgba(98, 54, 145, 0.05);
  color: #552f7e;
  border-left: solid 5px #623691;
}

.dropdown-menu .dropdown-item.active .icon-text {
  color: #552f7e;
}

.dropdown-menu .dropdown-item.active .icon-text .text {
  font-weight: 600;
}

.dropdown-menu .dropdown-item.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.dropdown-menu .dropdown-item.delete-item:hover {
  background: rgba(244, 81, 108, 0.05);
  color: #f23958 !important;
  border-left: solid 5px #f4516c;
}

.dropdown-menu .dropdown-item.delete-item:hover .icon-text {
  color: #f23958;
}

.breadcrumb {
  list-style: none;
  background: none;
  margin: 0;
  padding: 0px;
  font-size: 14px;
  display: inline-flex;
  height: 100%;
  align-items: center;
  position: relative;
  top: -3px;
}

.breadcrumb a {
  padding: 0;
  color: #636c72;
}

.breadcrumb a:hover {
  color: #623691;
}

.breadcrumb .breadcrumb-item {
  color: #899299;
}

.breadcrumb .breadcrumb-item::before {
  content: "/";
  font-size: 11px;
  color: #a4abb0;
}

.breadcrumb .breadcrumb-item:first-child::before {
  content: "";
}

.alert strong {
  color: #fff;
}

.checkbox-tree li {
  padding: 1px 0px 1px 15px;
}

.checkbox-tree li.category i,
.checkbox-tree li.category svg {
  color: #623691;
  margin-right: 0px;
}

.checkbox-tree li.product i,
.checkbox-tree li.product svg {
  color: #34bfa3;
  margin-right: 4px;
}

.checkbox-tree li .m-checkbox-inline {
  display: inline-block;
}

.checkbox-tree li .m-checkbox-inline .m-checkbox {
  position: relative;
  top: -10px;
}

body.auth .content-wrapper {
  width: 400px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
}

body.auth .content-wrapper img {
  max-width: 120px;
  margin: 0 auto;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  body.auth .content-wrapper img {
    max-width: 120px;
    margin-bottom: 20px;
  }
}

body.auth .content-wrapper h1 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  color: #623691;
}

@media (max-width: 767px) {
  body.auth .content-wrapper h1 {
    font-size: 35px;
  }
}

body.auth .content-wrapper a {
  color: #636c72;
}

body.auth .content-wrapper a:hover {
  color: #623691;
}

@media (max-width: 575px) {
  body.auth .content-wrapper .remember-password {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

body.auth .content-wrapper .ww-forgotten {
  font-size: 15px;
  font-weight: 400;
}

body.page-error .error-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 940px;
  padding: 0px 100px;
}

@media (max-width: 767px) {
  body.page-error .error-wrapper {
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 575px) {
  body.page-error .error-wrapper {
    padding: 0 20px;
  }
}

body.page-error .error-wrapper h2 {
  font-size: 100px;
  text-align: center;
  font-weight: 700;
  color: #623691;
  padding: 0;
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  body.page-error .error-wrapper h2 {
    font-size: 80px;
  }
}

@media (max-width: 575px) {
  body.page-error .error-wrapper h2 {
    font-size: 60px;
  }
}

body.page-error .error-wrapper h1 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #636c72;
  margin: 0 0 10px;
}

@media (max-width: 767px) {
  body.page-error .error-wrapper h1 {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  body.page-error .error-wrapper h1 {
    font-size: 22px;
  }
}

body.page-error .error-wrapper p {
  font-size: 18px;
  text-align: center;
}

@media (max-width: 575px) {
  body.page-error .error-wrapper p {
    font-size: 16px;
  }
}

body.logs .stack {
  font-size: 0.85em;
}

body.logs .date {
  min-width: 75px;
}

body.logs .text {
  word-break: break-all;
}

body.logs a.llv-active {
  z-index: 2;
  background-color: #623691;
  border-color: #623691;
  color: #fff;
}

body.logs .list-group-item {
  word-wrap: break-word;
}

body.logs .folder {
  padding-top: 15px;
}

body.logs .div-scroll {
  height: 80vh;
  overflow: hidden auto;
}

body.logs .nowrap {
  white-space: nowrap;
}

body.page-stats .info {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

body.page-stats .info hr {
  margin: 6px 0px;
  background: #eceeef;
}

body.page-stats .info .info-row {
  display: flex;
  justify-content: space-between;
  padding: 2px 0px;
  font-size: 18px;
}

body.page-stats .info .info-row .name {
  font-weight: 500;
}

body.page-stats .info .info-row .name.total {
  font-weight: 600;
}

body.page-stats .info .info-row .price.total {
  font-weight: 600;
}

html {
  overflow-y: auto;
}

.m-badge {
  border-radius: 5px;
}

.border-left {
  border-left: 1px solid #ebedf2;
}

.jstree-anchor > .jstree-themeicon {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  position: relative;
  top: 2px;
}

.modal-title {
  color: #f4516c !important;
  font-weight: 700 !important;
}

.m-body .m-aside-left .m-menu__section-text {
  color: #623691 !important;
}

.m-widget4 .m-widget4__item .m-widget4__img.m-widget4__img--icon {
  width: auto !important;
}

.m-widget26 small {
  color: #34bfa3;
  font-weight: 600;
  font-size: 20px;
}