.input.required label::after {
  content: " *";
}

body:not(.sidebar-collapsed) .sidebar .logopanel {
  display: flex;
}
body:not(.sidebar-collapsed) .sidebar .logopanel * {
  flex: 0 0 auto;
  margin: auto;
}

body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm {
  margin-bottom: 0 !important;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a {
  display: flex;
  color: #FFFFFF;
  background: #2b2e33;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a i {
  color: #FFFFFF;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin: auto 10px auto 0;
  padding: 0;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a span:not(.fa) {
  color: #FFFFFF;
  flex: 1 1 auto;
  margin: auto auto auto 0;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm ul.children li a {
  color: #FFFFFF;
  background: #2b2e33;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a {
  color: #FFFFFF;
  background: #782224;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a i {
  color: #FFFFFF;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a span:not(.fa) {
  color: #FFFFFF;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active ul.children li a {
  background: #2b2e33;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a {
  color: #FFFFFF;
  background: #853839;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a i {
  color: #FFFFFF;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a span:not(.fa) {
  color: #FFFFFF;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) ul.children li a {
  background: #2b2e33;
}

body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm {
  display: flex;
  margin-bottom: 0 !important;
  padding: 0;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a {
  display: flex;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  background: #2b2e33;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a span {
  background: #2b2e33 !important;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm a i {
  flex: 1 1 auto;
  margin: auto;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a {
  background: #782224;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a span {
  background: #782224 !important;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a {
  background: #853839;
}
body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a span {
  background: #853839 !important;
}
body.sidebar-collapsed .topbar .header-left .topnav a.menutoggle {
  background: #181a1d !important;
  opacity: 1;
}

body:not(.sidebar-collapsed) .menu__handle span {
  background: #2A2D34 !important;
}
body:not(.sidebar-collapsed) .menu__handle::before {
  background: #2A2D34 !important;
}
body:not(.sidebar-collapsed) .menu__handle::after {
  background: #2A2D34 !important;
}

body.sidebar-collapsed .menu__handle span {
  background: #FFFFFF !important;
}
body.sidebar-collapsed .menu__handle::before {
  background: #FFFFFF !important;
}
body.sidebar-collapsed .menu__handle::after {
  background: #FFFFFF !important;
}

.topbar {
  background: #FFFFFF !important;
}
.topbar .header-right ul.header-menu span, .topbar .header-right ul.header-menu a {
  color: #2A2D34 !important;
}

.topbar .user-header {
  margin: 0 !important;
  padding: 0 !important;
}
.topbar .user-header ul {
  margin-top: -3px !important;
  border: none !important;
}

@keyframes slide-up-100 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-up-20 {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.a-slide-up {
  animation: slide-up-100 0.5s ease;
}

table tr {
  animation: slide-up-20 0.3s ease;
}

body {
  background: #2A2D34;
}

tr.even {
  background: rgba(0, 0, 0, 0.06);
}

body.no-sidebar .sidebar {
  display: none;
  bottom: unset;
  left: unset;
}
body.no-sidebar .sidebar:before {
  display: none !important;
}
body.no-sidebar .topbar {
  left: 0;
}
body.no-sidebar .main-content {
  margin-left: 0;
}

.context-menu {
  position: fixed;
  background: white;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
  z-index: 10;
  min-width: 210px;
}
.context-menu ul {
  margin: 0;
  padding: 0;
}
.context-menu ul li {
  list-style: none;
  cursor: pointer;
  padding: 6px 20px;
  display: grid;
  grid-gap: 0.25rem;
  grid-template-columns: auto 16px;
  align-items: center;
  transition: all 300ms ease;
}
.context-menu ul li:hover {
  background: rgba(0, 0, 0, 0.06);
}
.context-menu ul li i {
  font-size: 16px;
  line-height: 25px;
  color: #999;
}
.context-menu ul li span {
  font-weight: 600;
}
.context-menu ul li.cx- {
  border-left: 4px solid #bbb;
}
.context-menu ul li.cx-blue {
  border-left: 4px solid rgb(53, 162, 220);
}
.context-menu ul li.cx-danger {
  border-left: 4px solid rgb(220, 53, 69);
}

.page-content {
  min-height: 100vh;
}

.modal h4.modal-title {
  color: #222 !important;
  font-weight: 400 !important;
}

.select2-container--open .select2-dropdown--below {
  margin-top: 0 !important;
}

.select2-dropdown, .select2-container--open .select2-selection--single {
  border: 2px solid #782224 !important;
}

.table-responsive {
  width: 100% !important;
}

.header-navigation {
  height: 50px;
  display: flex;
  padding: 0 20px 0 20px;
}
.header-navigation .date-page-picker {
  cursor: pointer;
  flex: 0 0 auto;
  margin: 0 0 0 max(20px, 50vw - 473px - 82px);
  line-height: 50px;
  height: 50px;
  font-size: 2rem;
  color: #222 !important;
  font-weight: bold;
  padding: 0 16px;
  position: relative;
  transition: all 300ms ease;
}
.header-navigation .date-page-picker.current, .header-navigation .date-page-picker:hover {
  color: #338bff !important;
  background: rgba(51, 139, 255, 0.1);
}
.header-navigation .date-page-picker.current::after, .header-navigation .date-page-picker:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 0;
  right: 0;
  background: #338bff;
}
.header-navigation a.header-btn {
  flex: 0 0 auto;
  margin: 0 0 0 0;
  line-height: 50px;
  height: 50px;
  font-size: 1.2em;
  color: #222 !important;
  font-weight: bold;
  padding: 0 16px;
  position: relative;
  transition: all 300ms ease;
}
.header-navigation a.header-btn.current, .header-navigation a.header-btn:hover {
  color: #782224 !important;
  background: rgba(120, 34, 36, 0.1);
}
.header-navigation a.header-btn.current::after, .header-navigation a.header-btn:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 0;
  right: 0;
  background: #782224;
}

.scrollable-panel-list {
  display: flex;
}
.scrollable-panel-list .panel {
  flex: 0 0 auto;
  width: 330px;
  margin: 0 0 20px 0;
}
.scrollable-panel-list .panel:first-child {
  margin-left: 0;
}

.btn-group--panel {
  display: block;
  margin-right: 50px;
}
.btn-group--panel button, .btn-group--panel .btn-group {
  display: block;
  width: 100%;
}

.m-btn.btn-grey {
  padding: 1.75rem;
  background: #eee;
  color: black;
  margin: 2px 20px;
  box-sizing: border-box;
  width: calc(100% - 40px);
}
.m-btn.btn-grey:hover {
  background: #ddd !important;
}

.alert-message {
  display: grid;
  grid-template-columns: 60px auto;
  grid-gap: 12px;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
  border-bottom: 2px solid;
  margin-bottom: 6px;
  position: relative;
}
.alert-message.alert-closable {
  cursor: pointer;
}
.alert-message .alert-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: white;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.12);
  display: flex;
  border-radius: 50%;
}
.alert-message .alert-close i {
  color: red;
  flex: 0 0 auto;
  font-size: 14px;
  text-align: center;
  margin: auto;
}
.alert-message .alert-icon svg {
  width: 36px;
  height: 36px;
}
.alert-message .alert-text {
  color: #222 !important;
}
.alert-message .alert-title {
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 1px;
}
.alert-message.alert-warning {
  background-color: #ffe5c7;
  border-color: rgba(0, 0, 0, 0);
  color: #d58a04;
  border-color: #d58a04;
}
.alert-message.alert-warning svg path {
  fill: #d58a04;
}
.alert-message.alert-danger {
  background-color: #ffe3e0;
  border-color: rgba(0, 0, 0, 0);
  color: #ff3f2d;
  border-color: #ff3f2d;
}
.alert-message.alert-danger svg path {
  fill: #ff3f2d;
}
.alert-message.alert-info {
  background-color: #c2edff;
  border-color: rgba(0, 0, 0, 0);
  color: #0073ff;
  border-color: #0073ff;
}
.alert-message.alert-info svg path {
  fill: #0073ff;
}
.alert-message.alert-success {
  background-color: #b5ebcc;
  border-color: rgba(0, 0, 0, 0);
  color: #00ab54;
  border-color: #00ab54;
}
.alert-message.alert-success svg path {
  fill: #00ab54;
}

.modal .select2-container {
  z-index: 10000;
}

.modal .blockUI {
  z-index: 10001 !important;
}

.message.message-info {
  position: relative;
  margin: 0.35rem 0;
  background: rgba(10, 140, 195, 0.13);
  padding: 12px 12px 12px 32px;
  border-radius: 4px;
}
.message.message-info::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  bottom: 12px;
  border-radius: 2px;
  width: 4px;
  background: #0A8CC3;
}

.bg-red {
  background: #9e0142 !important;
}

.bg-redorange {
  background: #d53e4f !important;
}

.bg-orange {
  background: #f46d43 !important;
}

.bg-orangeyellow {
  background: #fdae61 !important;
}

.bg-yellow {
  background: #fee08b !important;
}

.bg-yellowgreen {
  background: #e6f598 !important;
}

.bg-lightgreen {
  background: #abdda4 !important;
}

.bg-green {
  background: #66c2a5 !important;
}

.bg-lightblue {
  background: #54b0e8 !important;
}

.bg-blue {
  background: #3288bd !important;
}

.bg-purple {
  background: #5e4fa2 !important;
}

.bg-grey {
  background: #999 !important;
}

.color-red {
  color: #9e0142 !important;
}

.color-redorange {
  color: #d53e4f !important;
}

.color-orange {
  color: #f46d43 !important;
}

.color-orangeyellow {
  color: #fdae61 !important;
}

.color-yellow {
  color: #fee08b !important;
}

.color-yellowgreen {
  color: #e6f598 !important;
}

.color-lightgreen {
  color: #abdda4 !important;
}

.color-green {
  color: #66c2a5 !important;
}

.color-lightblue {
  color: #54b0e8 !important;
}

.color-blue {
  color: #3288bd !important;
}

.color-purple {
  color: #5e4fa2 !important;
}

.color-grey {
  color: #999 !important;
}

.color-black {
  color: black !important;
}

.color-white {
  color: white !important;
}

.tool-bar {
  position: fixed;
  z-index: 500 !important;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  right: 0;
  top: 60px;
  width: 54px;
}
.tool-bar button.app-tool {
  width: 54px;
  height: 54px;
  position: relative;
  background: var(--primary);
  border: none;
  color: white;
  transition: all 300ms ease;
}
.tool-bar button.app-tool:not(:last-child) {
  border-bottom: none;
}
.tool-bar button.app-tool span:not(.toggle-btn) {
  position: absolute;
  background: white;
  color: black;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  padding: 0.25rem 0.75rem;
  right: 64px;
  opacity: 0;
  transform: translateX(100%);
  transition: all 300ms ease;
}
.tool-bar button.app-tool:hover {
  opacity: 0.9;
}
.tool-bar button.app-tool:hover span:not(.toggle-btn) {
  opacity: 1;
  transform: translateX(0);
}
.tool-bar button.app-tool span.toggle-btn {
  position: absolute;
  height: 8px;
  border-radius: 4px;
  width: 16px;
  background: #eee;
  bottom: 6px;
  left: calc((54px - 16px) / 2);
}
.tool-bar button.app-tool span.toggle-btn::after {
  position: absolute;
  background: #999;
  content: "";
  left: 1px;
  bottom: 1px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
}
.tool-bar button.app-tool span.toggle-btn.toggle-success::after {
  background: #0ac39e;
  left: auto;
  right: 1px;
}

.topbar-toggle .topbar {
  transform: translateY(-50px);
  transition: all 100ms ease;
}
.topbar-toggle.topbar-open .topbar {
  transform: translateY(0);
}

.scrollers {
  position: fixed;
  bottom: 10px;
  right: 60px;
  z-index: 9999;
  display: grid;
  grid-template-rows: 32px 32px;
  grid-gap: 8px;
}
.scrollers a {
  display: none;
  background: #2B2E33;
  height: 32px;
  width: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  text-decoration: none;
  opacity: 0.5;
  border-radius: 50% !important;
  border-radius: 16px;
}
.scrollers a:hover {
  opacity: 0.9;
}

.m-1 {
  margin: var(--margin-top, 1px) var(--margin-right, 1px) var(--margin-bottom, 1px) var(--margin-left, 1px);
}
.m-1-important {
  margin: var(--margin-top, 1px) var(--margin-right, 1px) var(--margin-bottom, 1px) var(--margin-left, 1px) !important;
}

.mt-1 {
  --margin-top: 1px;
  margin-top: 1px;
}
.mt-1-important {
  margin-top: 1px !important;
}

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

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

.ml-1 {
  --margin-left: 1px;
  margin-left: 1px;
}
.ml-1-important {
  margin-left: 1px !important;
}

.m-2 {
  margin: var(--margin-top, 2px) var(--margin-right, 2px) var(--margin-bottom, 2px) var(--margin-left, 2px);
}
.m-2-important {
  margin: var(--margin-top, 2px) var(--margin-right, 2px) var(--margin-bottom, 2px) var(--margin-left, 2px) !important;
}

.mt-2 {
  --margin-top: 2px;
  margin-top: 2px;
}
.mt-2-important {
  margin-top: 2px !important;
}

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

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

.ml-2 {
  --margin-left: 2px;
  margin-left: 2px;
}
.ml-2-important {
  margin-left: 2px !important;
}

.m-3 {
  margin: var(--margin-top, 3px) var(--margin-right, 3px) var(--margin-bottom, 3px) var(--margin-left, 3px);
}
.m-3-important {
  margin: var(--margin-top, 3px) var(--margin-right, 3px) var(--margin-bottom, 3px) var(--margin-left, 3px) !important;
}

.mt-3 {
  --margin-top: 3px;
  margin-top: 3px;
}
.mt-3-important {
  margin-top: 3px !important;
}

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

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

.ml-3 {
  --margin-left: 3px;
  margin-left: 3px;
}
.ml-3-important {
  margin-left: 3px !important;
}

.m-4 {
  margin: var(--margin-top, 4px) var(--margin-right, 4px) var(--margin-bottom, 4px) var(--margin-left, 4px);
}
.m-4-important {
  margin: var(--margin-top, 4px) var(--margin-right, 4px) var(--margin-bottom, 4px) var(--margin-left, 4px) !important;
}

.mt-4 {
  --margin-top: 4px;
  margin-top: 4px;
}
.mt-4-important {
  margin-top: 4px !important;
}

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

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

.ml-4 {
  --margin-left: 4px;
  margin-left: 4px;
}
.ml-4-important {
  margin-left: 4px !important;
}

.m-5 {
  margin: var(--margin-top, 5px) var(--margin-right, 5px) var(--margin-bottom, 5px) var(--margin-left, 5px);
}
.m-5-important {
  margin: var(--margin-top, 5px) var(--margin-right, 5px) var(--margin-bottom, 5px) var(--margin-left, 5px) !important;
}

.mt-5 {
  --margin-top: 5px;
  margin-top: 5px;
}
.mt-5-important {
  margin-top: 5px !important;
}

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

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

.ml-5 {
  --margin-left: 5px;
  margin-left: 5px;
}
.ml-5-important {
  margin-left: 5px !important;
}

.m-6 {
  margin: var(--margin-top, 6px) var(--margin-right, 6px) var(--margin-bottom, 6px) var(--margin-left, 6px);
}
.m-6-important {
  margin: var(--margin-top, 6px) var(--margin-right, 6px) var(--margin-bottom, 6px) var(--margin-left, 6px) !important;
}

.mt-6 {
  --margin-top: 6px;
  margin-top: 6px;
}
.mt-6-important {
  margin-top: 6px !important;
}

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

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

.ml-6 {
  --margin-left: 6px;
  margin-left: 6px;
}
.ml-6-important {
  margin-left: 6px !important;
}

.m-8 {
  margin: var(--margin-top, 8px) var(--margin-right, 8px) var(--margin-bottom, 8px) var(--margin-left, 8px);
}
.m-8-important {
  margin: var(--margin-top, 8px) var(--margin-right, 8px) var(--margin-bottom, 8px) var(--margin-left, 8px) !important;
}

.mt-8 {
  --margin-top: 8px;
  margin-top: 8px;
}
.mt-8-important {
  margin-top: 8px !important;
}

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

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

.ml-8 {
  --margin-left: 8px;
  margin-left: 8px;
}
.ml-8-important {
  margin-left: 8px !important;
}

.m-10 {
  margin: var(--margin-top, 10px) var(--margin-right, 10px) var(--margin-bottom, 10px) var(--margin-left, 10px);
}
.m-10-important {
  margin: var(--margin-top, 10px) var(--margin-right, 10px) var(--margin-bottom, 10px) var(--margin-left, 10px) !important;
}

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

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

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

.ml-10 {
  --margin-left: 10px;
  margin-left: 10px;
}
.ml-10-important {
  margin-left: 10px !important;
}

.m-12 {
  margin: var(--margin-top, 12px) var(--margin-right, 12px) var(--margin-bottom, 12px) var(--margin-left, 12px);
}
.m-12-important {
  margin: var(--margin-top, 12px) var(--margin-right, 12px) var(--margin-bottom, 12px) var(--margin-left, 12px) !important;
}

.mt-12 {
  --margin-top: 12px;
  margin-top: 12px;
}
.mt-12-important {
  margin-top: 12px !important;
}

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

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

.ml-12 {
  --margin-left: 12px;
  margin-left: 12px;
}
.ml-12-important {
  margin-left: 12px !important;
}

.m-14 {
  margin: var(--margin-top, 14px) var(--margin-right, 14px) var(--margin-bottom, 14px) var(--margin-left, 14px);
}
.m-14-important {
  margin: var(--margin-top, 14px) var(--margin-right, 14px) var(--margin-bottom, 14px) var(--margin-left, 14px) !important;
}

.mt-14 {
  --margin-top: 14px;
  margin-top: 14px;
}
.mt-14-important {
  margin-top: 14px !important;
}

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

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

.ml-14 {
  --margin-left: 14px;
  margin-left: 14px;
}
.ml-14-important {
  margin-left: 14px !important;
}

.m-16 {
  margin: var(--margin-top, 16px) var(--margin-right, 16px) var(--margin-bottom, 16px) var(--margin-left, 16px);
}
.m-16-important {
  margin: var(--margin-top, 16px) var(--margin-right, 16px) var(--margin-bottom, 16px) var(--margin-left, 16px) !important;
}

.mt-16 {
  --margin-top: 16px;
  margin-top: 16px;
}
.mt-16-important {
  margin-top: 16px !important;
}

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

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

.ml-16 {
  --margin-left: 16px;
  margin-left: 16px;
}
.ml-16-important {
  margin-left: 16px !important;
}

.m-20 {
  margin: var(--margin-top, 20px) var(--margin-right, 20px) var(--margin-bottom, 20px) var(--margin-left, 20px);
}
.m-20-important {
  margin: var(--margin-top, 20px) var(--margin-right, 20px) var(--margin-bottom, 20px) var(--margin-left, 20px) !important;
}

.mt-20 {
  --margin-top: 20px;
  margin-top: 20px;
}
.mt-20-important {
  margin-top: 20px !important;
}

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

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

.ml-20 {
  --margin-left: 20px;
  margin-left: 20px;
}
.ml-20-important {
  margin-left: 20px !important;
}

.m-24 {
  margin: var(--margin-top, 24px) var(--margin-right, 24px) var(--margin-bottom, 24px) var(--margin-left, 24px);
}
.m-24-important {
  margin: var(--margin-top, 24px) var(--margin-right, 24px) var(--margin-bottom, 24px) var(--margin-left, 24px) !important;
}

.mt-24 {
  --margin-top: 24px;
  margin-top: 24px;
}
.mt-24-important {
  margin-top: 24px !important;
}

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

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

.ml-24 {
  --margin-left: 24px;
  margin-left: 24px;
}
.ml-24-important {
  margin-left: 24px !important;
}

.m-28 {
  margin: var(--margin-top, 28px) var(--margin-right, 28px) var(--margin-bottom, 28px) var(--margin-left, 28px);
}
.m-28-important {
  margin: var(--margin-top, 28px) var(--margin-right, 28px) var(--margin-bottom, 28px) var(--margin-left, 28px) !important;
}

.mt-28 {
  --margin-top: 28px;
  margin-top: 28px;
}
.mt-28-important {
  margin-top: 28px !important;
}

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

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

.ml-28 {
  --margin-left: 28px;
  margin-left: 28px;
}
.ml-28-important {
  margin-left: 28px !important;
}

.m-32 {
  margin: var(--margin-top, 32px) var(--margin-right, 32px) var(--margin-bottom, 32px) var(--margin-left, 32px);
}
.m-32-important {
  margin: var(--margin-top, 32px) var(--margin-right, 32px) var(--margin-bottom, 32px) var(--margin-left, 32px) !important;
}

.mt-32 {
  --margin-top: 32px;
  margin-top: 32px;
}
.mt-32-important {
  margin-top: 32px !important;
}

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

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

.ml-32 {
  --margin-left: 32px;
  margin-left: 32px;
}
.ml-32-important {
  margin-left: 32px !important;
}

.m-36 {
  margin: var(--margin-top, 36px) var(--margin-right, 36px) var(--margin-bottom, 36px) var(--margin-left, 36px);
}
.m-36-important {
  margin: var(--margin-top, 36px) var(--margin-right, 36px) var(--margin-bottom, 36px) var(--margin-left, 36px) !important;
}

.mt-36 {
  --margin-top: 36px;
  margin-top: 36px;
}
.mt-36-important {
  margin-top: 36px !important;
}

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

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

.ml-36 {
  --margin-left: 36px;
  margin-left: 36px;
}
.ml-36-important {
  margin-left: 36px !important;
}

.m-40 {
  margin: var(--margin-top, 40px) var(--margin-right, 40px) var(--margin-bottom, 40px) var(--margin-left, 40px);
}
.m-40-important {
  margin: var(--margin-top, 40px) var(--margin-right, 40px) var(--margin-bottom, 40px) var(--margin-left, 40px) !important;
}

.mt-40 {
  --margin-top: 40px;
  margin-top: 40px;
}
.mt-40-important {
  margin-top: 40px !important;
}

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

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

.ml-40 {
  --margin-left: 40px;
  margin-left: 40px;
}
.ml-40-important {
  margin-left: 40px !important;
}

.m-50 {
  margin: var(--margin-top, 50px) var(--margin-right, 50px) var(--margin-bottom, 50px) var(--margin-left, 50px);
}
.m-50-important {
  margin: var(--margin-top, 50px) var(--margin-right, 50px) var(--margin-bottom, 50px) var(--margin-left, 50px) !important;
}

.mt-50 {
  --margin-top: 50px;
  margin-top: 50px;
}
.mt-50-important {
  margin-top: 50px !important;
}

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

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

.ml-50 {
  --margin-left: 50px;
  margin-left: 50px;
}
.ml-50-important {
  margin-left: 50px !important;
}/*# sourceMappingURL=default.css.map */