@use "sass:meta";
body {
  --primary: #00afcb;
  --secondary: #46a1d4;
  --black: #2A2D34;
  --grey: #656D73;
  --white: #FFFFFF;
  --success: #26a028;
  --danger: #b42e3f;
  --warning: #a3752f;
  --login-background: #2A2D34;
  --login-panel-background: #FFFFFF;
  --login-btn-color: #00afcb;
  --login-btn-hover: #46a1d4;
  --sidebar-logo-color: #FFFFFF;
  --sidebar-logo-background: #181a1d;
  --sidebar-inner-background: #2b2e33;
  --sidebar-default-li-background: #2b2e33;
  --sidebar-default-li-color: #FFFFFF;
  --sidebar-li-active-background: #00afcb;
  --sidebar-li-hover-background: #46a1d4;
  --sidebar-li-active-color: #FFFFFF;
  --sidebar-li-hover-color: #FFFFFF;
  --topbar-background: #FFFFFF;
  --topbar-color: #2A2D34;
  --btn-default-background: #00afcb;
  --btn-default-hover-background: #008398;
  --btn-default-color: #FFFFFF;
  --btn-default-empty-color: #2A2D34; }

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

@use "sass:meta";
body {
  --primary: #00afcb;
  --secondary: #46a1d4;
  --black: #2A2D34;
  --grey: #656D73;
  --white: #FFFFFF;
  --success: #26a028;
  --danger: #b42e3f;
  --warning: #a3752f;
  --login-background: #2A2D34;
  --login-panel-background: #FFFFFF;
  --login-btn-color: #00afcb;
  --login-btn-hover: #46a1d4;
  --sidebar-logo-color: #FFFFFF;
  --sidebar-logo-background: #181a1d;
  --sidebar-inner-background: #2b2e33;
  --sidebar-default-li-background: #2b2e33;
  --sidebar-default-li-color: #FFFFFF;
  --sidebar-li-active-background: #00afcb;
  --sidebar-li-hover-background: #46a1d4;
  --sidebar-li-active-color: #FFFFFF;
  --sidebar-li-hover-color: #FFFFFF;
  --topbar-background: #FFFFFF;
  --topbar-color: #2A2D34;
  --btn-default-background: #00afcb;
  --btn-default-hover-background: #008398;
  --btn-default-color: #FFFFFF;
  --btn-default-empty-color: #2A2D34; }

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: #00afcb; }
    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: #46a1d4; }
    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: #00afcb; }
    body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-active a span {
      background: #00afcb !important; }
  body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a {
    background: #46a1d4; }
    body.sidebar-collapsed .sidebar .sidebar-inner ul.nav.nav-sidebar li.tm.nav-hover:not(.nav-active) a span {
      background: #46a1d4 !important; }

body.sidebar-collapsed .topbar .header-left .topnav a.menutoggle {
  background: #181a1d !important;
  opacity: 1; }

@use "sass:meta";
body {
  --primary: #00afcb;
  --secondary: #46a1d4;
  --black: #2A2D34;
  --grey: #656D73;
  --white: #FFFFFF;
  --success: #26a028;
  --danger: #b42e3f;
  --warning: #a3752f;
  --login-background: #2A2D34;
  --login-panel-background: #FFFFFF;
  --login-btn-color: #00afcb;
  --login-btn-hover: #46a1d4;
  --sidebar-logo-color: #FFFFFF;
  --sidebar-logo-background: #181a1d;
  --sidebar-inner-background: #2b2e33;
  --sidebar-default-li-background: #2b2e33;
  --sidebar-default-li-color: #FFFFFF;
  --sidebar-li-active-background: #00afcb;
  --sidebar-li-hover-background: #46a1d4;
  --sidebar-li-active-color: #FFFFFF;
  --sidebar-li-hover-color: #FFFFFF;
  --topbar-background: #FFFFFF;
  --topbar-color: #2A2D34;
  --btn-default-background: #00afcb;
  --btn-default-hover-background: #008398;
  --btn-default-color: #FFFFFF;
  --btn-default-empty-color: #2A2D34; }

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; }

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

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

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

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

form label::first-letter {
  text-transform: uppercase; }

.message--wrapper {
  position: fixed;
  top: 60px;
  right: 20px;
  width: 280px;
  z-index: 10; }
  .message--wrapper .message {
    width: 100%;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 1.1em;
    color: #fff;
    border-radius: 8px;
    box-shadow: 4px 0 20px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 14px;
    background: var(--primary);
    cursor: pointer; }
    .message--wrapper .message.success {
      background: var(--success); }
    .message--wrapper .message.error {
      background: var(--danger); }
    .message--wrapper .message.warning {
      background: var(--warning); }

/*# sourceMappingURL=default.css.map */
