@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "Roboto Condensed", sans-serif!important;
  background: #f2f2f2!important;
  position: relative!important;
  height: 100%;!important }

html {
  scroll-behavior: smooth;
  line-height: 1.5; }

h1 {
  font-size: 2rem; }

a {
  color: #fff101; }


.container {
  max-width: 90%;
  margin: 0 auto; }

.mr-large {
  margin-right: 0.5rem; }

.w-full {
  width: 100%; }

.flex {
  display: flex; }

.items-center {
  align-items: center; }

.justify-between {
  justify-content: space-between; }

.justify-center {
  justify-content: center; }

.btn {
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  padding: 1rem 2rem;
  transition: 0.1s ease; }
  .btn:hover {
   /* opacity: 0.9; */}
  .btn:focus {
   /* opacity: 0.8;*/ }
  .btn.btn-primary {
    background-color: #fff101;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 2px 2px 0px 0px #b4aa03; }
  .btn.btn-delete {
    background-color: transparent;
    font-weight: bold;
    color: #c3c3c3; }
    .btn.btn-delete:hover {
      color: red; }

.select--multiple > div {
  display: flex; }
  .select--multiple > div .select--icon {
    max-width: 100px; }
    .select--multiple > div .select--icon:not(:last-of-type) {
      margin-right: 0.5rem; }

.label {
  color: #fff;
  padding: 0.25rem 1rem;
  background: #07c49b;
  border-radius: 0.5rem;
  display: inline; }

input[type="email"],
input[type="password"],
input[type="text"]:not(.custom-select__input):not(.input--icon
input):not(.custom-select__button input) {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #c3c3c3;
  width: 100%; }
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="text"]:not(.custom-select__input):focus {
    outline: none;
    border: 1px solid #212121; }

.input--icon input,
.custom-select__button input {
  border: none !important; }

.login .form__group {
  margin-bottom: 1.25rem; }

.form__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .form__group--checkbox {
    display: flex;
    align-items: center; }
    .form__group--checkbox:not(:last-child) {
      margin-right: 2rem; }
    .form__group--checkbox label {
      margin-left: 1rem;
      font-weight: 300; }
  .form__group label {
    font-size: 0.75rem;
    margin-bottom: 0.5rem; }
    .form__group label.white {
      color: #fff; }

.input--icon {
  padding: 1rem;
  display: flex;
  align-items: center;
  border: 1px solid #c3c3c3;
  border-radius: 0.5rem;
  color: #c3c3c3; }
  .input--icon:focus-within {
    color: #212121;
    border-color: #212121; }
  .input--icon input {
    border: none;
    margin-left: 0.5rem; }
    .input--icon input:focus {
      outline: none;
      color: #212121; }
    .input--icon input::placeholder {
      color: #c3c3c3; }

input[type="text"].filled {
  border: 1px solid #212121; }

.custom-select {
  border: 1px solid #c3c3c3;
  border-radius: 0.5rem; }
  .custom-select__button {
    padding: 0.75rem;
    line-height: 1;
    display: flex;
    align-items: center; }
    .custom-select__button:focus-within {
      border-color: #212121; }
    .custom-select__button input {
      border: none;
      padding: 0;
      outline: none;
      margin-left: 0.5rem; }
  .custom-select__results {
    display: none; }
    .custom-select__results.open {
      display: block; }
    .custom-select__results span {
      padding: 0.75rem;
      display: block; }
      .custom-select__results span:hover {
        background: #c3c3c3; }
      .custom-select__results span:not(:last-child) {
        margin-bottom: 0.5rem; }

.login {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #F6F4F0!important;

  place-items: center;
  text-align: center;
  position: relative; }

  .login__main__top p {
    margin-top: 0.5rem; }
  .login__main h1,
  .login__main p {
    color: #fff; }
  .login__main form {
    margin: 2.5rem 0;
    width: 300px; }
  .login__main__bottom {
    font-size: 0.75rem; }
    .login__main__bottom > div {
      width: 100%;
      margin-top: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: space-evenly; }
      .login__main__bottom > div span {
        color: #fff; }
  .login__main > img {
    margin-top: 6rem; }
  .login > img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1; }

.select--icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 12rem;
  border-radius: 0.5rem;
  border: 1px solid #c3c3c3;
  padding: 0.75rem; }
  .select--icon:focus-within {
    border: 1px solid #212121; }
  .select--icon select {
    border: none;
    appearance: none;
    outline: none;
    flex: 1; }

.main-nav {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .main-nav .logo {
    display: flex;
    align-items: center; }
    .main-nav .logo img {
      width: 100px; }
    .main-nav .logo__text {
      display: flex;
      flex-direction: column;
      line-height: 1;
      margin-left: 1rem; }
      .main-nav .logo__text > span {
        color: #c3c3c3; }
        .main-nav .logo__text > span:nth-child(1) {
          text-transform: uppercase; }
        .main-nav .logo__text > span:nth-child(2) {
          font-weight: 700; }
  .main-nav .main-nav__actions {
    display: flex;
    align-items: center; }
    .main-nav .main-nav__actions--item {
      display: flex;
      align-items: center; }
      .main-nav .main-nav__actions--item img {
        margin-right: 1rem; }
      .main-nav .main-nav__actions--item:not(:first-child) {
        margin-left: 2rem; }

.footer__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem 0 1rem; }
  .footer__main img {
    max-width: 4rem;
    margin-bottom: 1rem; }
  .footer__main p {
    font-size: 0.75rem;
    font-weight: 300; }

table {
  width: 100%;
  border-collapse: collapse; }
  table th,
  table td {
    padding: 0.75rem;
    text-align: left; }
  table tbody tr:nth-child(odd) {
    background: #fffef4; }
  table thead {
    background: #fafafa; }

.stessens-erp-overview__items {
  display: flex;
  justify-content: center; }
  .stessens-erp-overview__items > div {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    cursor: pointer; }
    .stessens-erp-overview__items > div:hover {
      background: rgba(255, 255, 255, 0.4);
      border-radius: 0.5rem 0.5rem 0 0; }
    .stessens-erp-overview__items > div span {
      margin-left: 0.75rem; }
  .stessens-erp-overview__items--active {
    background-color: #fff;
    border-radius: 0.5rem 0.5rem 0 0; }

.stessens-erp-overview__menu {
  background: #fff;
  padding: 2rem;
  border-radius: 0.5rem; }
  .stessens-erp-overview__menu__header {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    .stessens-erp-overview__menu__header h1 {
      border-bottom: 1px solid #212121; }
    .stessens-erp-overview__menu__header > .header__input {
      justify-self: flex-end;
      align-self: center;
      width: 50%; }
    .stessens-erp-overview__menu__header > .header__buttons {
      justify-self: flex-end; }
    .stessens-erp-overview__menu__header > .header__contact > div {
      flex: 1; }
    .stessens-erp-overview__menu__header > .header__contact .label {
      align-self: flex-start; }
    .stessens-erp-overview__menu__header > .header__contact span {
      font-weight: 300; }
  .stessens-erp-overview__menu__buttons {
    margin: 2rem 0;
    align-items: flex-end;
    justify-content: space-between; }
    .stessens-erp-overview__menu__buttons > p {
      text-transform: uppercase;
      line-height: 1; }
    .stessens-erp-overview__menu__buttons button:nth-child(1) {
      margin-right: 1rem; }
  .stessens-erp-overview__menu__filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem; }
    .stessens-erp-overview__menu__filter .filter__item h3 {
      margin-bottom: 0.5rem; }
    .stessens-erp-overview__menu__filter .filter__item > div label {
      color: #212121;
      margin-left: 0.5rem; }
  .stessens-erp-overview__menu__contact {
    margin-top: 1.5rem; }
    .stessens-erp-overview__menu__contact .contact__general-info:not(:first-of-type) {
      padding-top: 2rem; }
    .stessens-erp-overview__menu__contact .contact__general-info:not(:last-child) {
      border-bottom: 1px solid #c3c3c3;
      padding-bottom: 2rem; }
    .stessens-erp-overview__menu__contact .contact__general-info header {
      margin: 0.5rem 0; }
    .stessens-erp-overview__menu__contact .contact__general-info .contact__general__inputs .contact__general__grid {
      display: grid;
      gap: 1rem;
      margin: 1rem 0; }
      .stessens-erp-overview__menu__contact .contact__general-info .contact__general__inputs .contact__general__grid.cols-4 {
        grid-template-columns: repeat(4, 1fr); }
      .stessens-erp-overview__menu__contact .contact__general-info .contact__general__inputs .contact__general__grid .select--icon {
        width: 100%; }
    .stessens-erp-overview__menu__contact .contact__general-info .contact__general__inputs .contact__general__textarea {
      grid-column: 4;
      grid-row: 1/3;
      width: 100%; }
      .stessens-erp-overview__menu__contact .contact__general-info .contact__general__inputs .contact__general__textarea textarea {
        border-radius: 0.5rem;
        max-width: 240px;
        max-height: 120px;
        outline: none;
        padding: 0.5rem; }

.stessens-erp-overview__dashboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; }
  .stessens-erp-overview__dashboard > div {
    padding: 1.5rem 0; }
    .stessens-erp-overview__dashboard > div > span {
      margin-bottom: 1rem;
      display: inline-block;
      font-weight: 300; }
    .stessens-erp-overview__dashboard > div table {
      border: 2px solid #c3c3c3; }
      .stessens-erp-overview__dashboard > div table thead {
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 10; }
		
#EnterAction{
	display:none
}
nav[role=navigation]{
	//	display:none
}
.navbar-nav {

    border-radius: 0.5rem 0.5rem 0 0;
	
}
.navbar-nav a {

    color: #0F0F0F!important;
}
.dropdown .open {
	background-color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
}
li > a {
	display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    cursor: pointer;
	margin-left: 0.75rem;
	color: #0F0F0F!important;
}
*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.navbar-nav a  {

}

.navbar-collapse{
	width:100%!important;    display:inline-block;
       
    float:left;
}