:root {
  /** *********** colors ********************* */
  /** black */
  --color-black-white: #ffffff;
  --color-black-extra-light: #f5f5f5;
  --color-black-light: #eaeaea;
  --color-black-medium: #9c9c9c;
  --color-black-dark: #3c3c3c;
  --color-black-black: #000000;
  /** main */
  --color-main-extra-dark-blue: #003962;
  --color-main-sky-blue: #28a5ff;
  --color-main-accent-blue: #61c6f1;
  --color-main-extra-light-grey: #ecf0f2;
  --color-main-extra-light-grey-40: #ecf0f2;
  --color-main-light-grey: #9cabbb;
  --color-main-grey: #5d6676;
  /** secondary */
  --color-secondary-red-basic: #f05e51;
  --color-secondary-red-dark: #bf5349;
  --color-secondary-red-extra-light: #f7e7e9;
  --color-secondary-red-light: #ecc8c6;
  --color-secondary-green-dark: #2e8c76;
  --color-secondary-green-basic: #28b78c;
  --color-secondary-green-light: #B0E5D5;
  /** *********** END colors ********************* */
  /** *********** fonts ********************** */
  --font-header-name: "Involve", sans-serif;
  --font-paragraph-name: "Vela Sans GX", sans-serif;
  /** *********** END fonts ********************** */
}

h1 {
  font-family: var(--font-header-name), "sans-serif";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 4.8px;
  text-transform: uppercase;
}

h2 {
  font-family: var(--font-header-name), "sans-serif";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.92px;
  text-transform: uppercase;
}

h3 {
  font-family: var(--font-header-name), "sans-serif";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.9px;
}

body {
  /** base font style */
  font-family: var(--font-paragraph-name), "sans-serif";
  color: var(--color-black-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.extra {
  font-size: 18px;
}

.small {
  font-size: 12px;
  line-height: 16px; /* 133.333% */
}

.extra-small {
  font-size: 10px;
  line-height: 12px; /* 120% */
}

.italic {
  font-family: var(--font-header-name), "sans-serif";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
}

/** hyperlinks */
a {
  font-family: var(--font-paragraph-name), "sans-serif";
  color: var(--color-main-sky-blue);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

a.bold {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
}

a.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

html, body, #app {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100dvw;
  height: 100dvh;
  box-sizing: content-box;
}

.main-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  box-sizing: content-box;
}

.socrat-footer {
  font-size: 12px;
  padding: 5px 50px;
  display: flex;
  flex-direction: row;
  background-color: var(--color-black-light);
  color: var(--color-black-dark);
  box-sizing: content-box;
}

.ant-page-header {
  padding: 12px 0 !important;
}

.socrat-menu {
  --caption-text: var(--color-main-sky-blue);
  --sub-caption-text: var(--color-main-grey);
  --font-name: var(--font-paragraph-name);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 50px;
  border-bottom: 1px solid var(--color-main-light-grey);
  font-family: var(--font-name);
}

.socrat-menu .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
  justify-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 500;
}

.socrat-menu .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.login-form-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
}

.socrat-login-form {
  width: 450px;
  max-width: 450px;
  min-width: 120px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.socrat-login-form .ant-form-vertical .ant-form-item .ant-form-item-control {
  min-width: 100%;
}

.login-form-footer {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: end;
}

.users-list-wrapper {
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--color-gray-extra-light);
  box-sizing: content-box;
}

.users-list-wrapper .filter-form {
  padding: 10px;
  background-color: var(--color-black-extra-light);
  display: flex;
  flex-direction: column;
}

.users-list-wrapper .filter-form .ant-form {
  display: flex;
  flex-direction: column;
}

.users-list-wrapper .filter-form .user-status-input {
  min-width: 300px;
  width: 100%;
}

.users-list-wrapper .filter-form .ant-col + .ant-col {
  padding-left: 10px;
}

.users-list-wrapper .filter-form .ant-row + .ant-row {
  padding-top: 10px;
}

.users-list-wrapper .filter-form .filters-action {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 20px;
  flex: 1;
}

.users-list-wrapper .filter-form {
  margin-bottom: 20px;
}

.user-profile-admin {
  display: flex;
  flex-direction: column;
}

.user-profile-admin .profile-page-header {
  border-bottom: 1px solid var(--color-black-light);
}

.user-profile-admin .profile-page-header .ant-space-item {
  border-right: 1px solid var(--color-black-light);
}

.user-profile-admin .profile-page-header .ant-space-item:last-child {
  border-right: none;
}

.user-profile-admin .profile-page-header .ant-descriptions-item-label {
  font-weight: 500;
}

.user-profile-admin .profile-page-header .ant-descriptions + .ant-descriptions {
  border-left: 1px solid var(--color-black-light);
}

.user-profile-admin .users-admin-body {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  height: auto;
  margin: 30px 0;
}

.user-profile-admin .users-admin-body .edit-widgets-block {
  margin: 10px auto;
  width: 100%;
}

.user-profile-admin .users-admin-body .edit-widgets-block .ant-space-item {
  width: 30%;
}

.user-profile-admin .users-admin-body .edit-widgets-block .ip-list-header {
  display: flex;
  flex-direction: row;
}

.user-profile-admin .users-admin-body .edit-widgets-block .ip-list-header .title {
  flex-grow: 1;
}

.user-profile-admin .users-admin-body .edit-widgets-block .groups-list-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.user-profile-admin .users-admin-body .edit-widgets-block .groups-list-item .title {
  font-size: 14px;
  font-weight: 500;
}

.user-profile-admin .users-admin-body .edit-widgets-block .groups-list-item .description {
  font-size: 12px;
}

.user-profile-admin .users-admin-body .edit-widgets-block .item-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 20px 0;
  padding: 5px;
  border: 1px solid var(--color-black-light);
  border-radius: 3px;
}

.socrat-sortable-table .headerTemp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  min-height: 100%;
}

.socrat-sortable-table .sortable-item .disabled-sort {
  color: #d0d0d0;
}

.socrat-sortable-table th.sortable-item {
  padding: 0 !important;
  user-select: none;
}

.socrat-sortable-table .sorted {
  background-color: #f9f9f9 !important;
}

.rights-list .right-code {
  color: var(--color-black-medium);
  font-size: 12px;
}

.rights-list .action-menu {
  display: flex;
  margin: 0 10px;
}

.rights-edit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
}

.rights-edit .actions {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.rights_edit-form_dropdown.list-item {
  display: flex;
  flex-direction: column;
}

.rights_edit-form_dropdown.list-item .title {
  font-weight: 500;
  font-size: 14px;
}

.rights_edit-form_dropdown.list-item .description {
  color: var(--color-black-medium);
  font-size: 14px;
}

.rights_edit-form_dropdown.list-item + .rights_edit-form_dropdown.list-item {
  border-top: 1px solid var(--color-black-medium);
}

/** custom edit widgets */
.ip-list-edit-widget {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  min-height: 300px;
  gap: 10px;
  border-radius: 3px;
}

.ip-list-edit-widget .header {
  display: flex;
  flex-direction: column;
  padding: 10px 5px;
}

.ip-list-edit-widget .body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  overflow-y: auto;
}

.ip-list-edit-widget .body .ip-filter-disabled {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
}

.ip-list-edit-widget .body .ip-filter-disabled h3 {
  color: var(--color-black-medium);
}

.ip-list-edit-widget .body .ip-filter-disabled .cross-disabled {
  font-size: 48px;
  color: var(--color-secondary-red-light);
}

.ip-list-edit-widget .footer {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 5px 10px;
}

.ip-list-edit-widget .footer .form {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.ip-list-edit-widget .footer .form .ip-input {
  flex: 1;
}

.ip-list-edit-widget .footer .error-message {
  color: var(--color-secondary-red-dark);
  font-size: 12px;
  margin: 0;
  padding: 0;
}

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