:root {
  --primary-color: #44bda7;  /* # ff657e */
  --secondary-color: #34877c;
  --third-color: 2, 14, 30;  /*83bbe5;*/
  --light-green-color: #3AC78B55;
  --dark-color: #181515;
  --yellow-color: #FC910F;
  --orange-color: #bd6801;
  --green-color: #22C045;
  --red-color: #ff3737;
  --blue-color: #0E45D2;
  --light-blue-color: #c9d7f3;

  --white: #ffffff;
  --red: #D71212;
  --gray: #333333;
  --gray-semi-color: #b8b8b8;
  --black: #221d1d;
}
.hidden {
  display: none!important;
}

.btn.btn-icon i {
  font-size: 1.5rem;
}
.div-between {
  display: flex;
  justify-content: space-between;
}
.show-on-mobile {
  display: none!important;
}
.full-width {
  width: 100%!important;
}
@media screen and (max-width: 990px) {
  .app-sidebar {
    /* display: flex; */
  }
  .hidden-mobile {
    display: none!important;
  }
  .show-on-mobile {
    display: block;
  }
  #kt_sign_in_form {
    min-width: 70vw;
  }
}