@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --container-bg: #FFFFFF99;
  --theme-text-color: black
}
body {
  font-size: 13px;
}

.fs-7 {
  font-size: 0.9rem !important;
}

.fs-8 {
  font-size: 0.8rem !important;
}

.avatar {
  min-width: 35px;
  height: 35px;
}

.avatar-round {
  width: 60px;
  border-radius: 50%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin-left: 30%;
}

.avatar-round:hover {
  background-color: #121212 !important;
}

.categories .filter-search input,
.form-control,
.form-select,
.btn-outline-light {
  border-color: #ccc !important;
}
/** mobile cel only */
@media (max-width: 479px) {
  .avatar-round {
    height: 80px;
    width: 80px;
  }
}
.page-content {
  padding: 3px 26px;
}

.data-wrapper {
  box-shadow: 2px 1px 9px -2px #c0c0c0;
  border-radius: 1px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.screen-data-container {
  width: 100%;
  min-height: 872px;
  background-color: #ffffff;
  border-radius: 10px;
}

.screen-data-section--header {
  display: flex;
  align-items: center;
  width: 13em;
  margin-bottom: 2em;
  font-weight: bold;
}

.page-header--title {
  font-weight: bold;
  font-size: 1.2em !important;
}

.padding-150 {
  padding-right: 80px;
}

@media (max-width: 768px) {
  .padding-150 {
    padding-right: 10px;
  }
}

.container-data-section--component {
  padding-bottom: 1.2em;
  border-bottom: 1px solid #f0f0f0;
}

label {
  padding-bottom: 5px;
  font-size: 13px;
  color: var(--theme-text-color) !important;
}

.form-group label {
  font-weight: 600;
}

.fw-600 {
  font-weight: 600;
}

.form-check label {
  font-weight: normal;
}

.form-select {
  font-size: 13px;
  height: 33px !important;
}

.form-control {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.03);
  font-size: 13px;
  height: 33px !important;
}

.input-group .form-control {
  position: relative !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  width: 1% !important;
  margin-bottom: 0 !important;
}

.form-group {
  margin-bottom: 1rem;
}

.container-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 0px;
}

.button-area {
  display: flex;
  gap: 12px;
}

/* INITIAL V2 STYLE */
.fs-small {
  font-size: small;
}

.default_size_logo {
  width: 160px !important;
  max-width: 160px !important;
}

@media (min-width: 768px) {
  .page {
    margin-left: 36px;
  }
}

.header_page {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  column-gap: 40px;
  flex-wrap: wrap;
  margin-top: 42px;
  margin-bottom: 18px;

  .header_page_title {
    font-size: 32px !important;
    font-weight: 600;
    letter-spacing: .0125em !important;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
  }
}

.body_page {
  .container_body {
    border-radius: 6px;
    gap: 10px;
    background: var(--container-bg);
    box-shadow: 0px 2px 10px 0px #0000001A;
    padding: 16px;

    input:not([type="radio"]), select {
      height: 40px !important;
    }
  };

  .body_page_subtitle {
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize
  };

  .body_label {
    font-size: 15px !important;
    padding-bottom: 0px !important;
    text-transform: capitalize;
    color: var(--theme-text-color);
  };

  .body_button {
    height: 40px;
  };

  .resize_container_label {
    height: 22.5px !important;
    align-items: center;
  };

  .body_divider_container {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: block;
    flex: 1 1 100%;
    height: 0px;
    max-height: 0px;
    opacity: 0.12;
    background-color: rgba(255, 255, 255, 1);
    transition: inherit;
    border-style: solid;
    border-width: thin 0 0 0;
  };
}

.hidden {
  display: none;
}
/* FINAL V2 STYLE */