@charset "UTF-8";
html,
body {
  margin: 0;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Inter";
  cursor: inherit;
}

input {
  outline: none;
  font-family: "Inter";
  padding: 5px;
  box-sizing: border-box;
}

input.mobile {
  height: 50px;
  font-size: 18px;
}

div {
  cursor: default;
}

p {
  cursor: inherit;
}

*.medium {
  font-family: "Inter-Medium";
}

.dimmer {
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.first-panel__control-exit {
  display: flex;
  flex-direction: row;
}

.mobile-menu-mini {
  display: none;
}

.search {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100% !important;
  box-sizing: border-box;
  top: 0;
  left: 0;
  padding: 0;
}

.search_active {
  background-color: white;
  z-index: 3;
}

.search-wrapper {
  height: 100%;
  position: relative;
}

.litle-cross {
  cursor: pointer;
  top: 0;
  right: 0;
  height: 100%;
  vertical-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  color: rgb(189, 189, 189) !important;
  font-size: 30px !important;
  z-index: 5;
}

.sort {
  cursor: pointer;
}

.litle-cross:hover {
  color: rgb(65, 65, 65) !important;
}

body {
  --dark-gray: #414f51;
  --blue: #00b0d9;
  --yellow: #ffe300;
  --green: #4fa95d;
  --light-blue: #80d8ec;
  --orange: #ffe6b8;
  --dark-orange: #eaa217;
  --light-green: #d4f6e5;
}

.control {
  background-color: #414f51;
  height: 40px;
  width: 100%;
}

.main-container {
  padding-bottom: 50px;
  overflow-y: visible;
  min-height: 100svh;
}

.will-removed {
  display: contents;
}

.control-panel__segment-text {
  padding-left: 8px;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.green {
  color: var(--green);
}

@font-face {
  font-family: Icons;
  src: url("/assets/fonts/icomoon.ttf");
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-Regular.otf");
}
@font-face {
  font-family: Inter-Medium;
  src: url("/assets/fonts/Inter/Inter-Medium.otf");
}
@font-face {
  font-family: Inter-Bold;
  src: url("/assets/fonts/Inter/Inter-Bold.otf");
}
*[tooltip] {
  position: relative;
  overflow: visible;
  width: 100%;
}

*[tooltip]:hover::before {
  z-index: 100;
  content: "";
  position: absolute;
  transform: translateY(20px);
  border: 20px solid transparent;
  border-bottom: 20px solid #d9d9d9;
}

.table__row-item[tooltip]:hover::before {
  content: none;
  display: none;
  border-bottom: none;
}

*[tooltip]:hover::after {
  position: absolute;
  z-index: 100;
  font-size: 18px;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box;
  bottom: 0;
  transform: translateY(calc(100% + 15px));
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  background-color: #d9d9d9;
  content: attr(tooltip);
  color: gray;
  font-family: "Inter";
}

span.icon {
  display: inline;
  font-family: Icons;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
}

span.icon.in-panel {
  height: 30px;
  /* overflow: hidden; */
}

input[type=text] {
  font-family: "Inter";
}

.edit:hover > * {
  color: var(--blue) !important;
}

.edit:hover {
  cursor: pointer;
}

.first-panel {
  background-color: var(--dark-gray);
  justify-content: center;
  width: 100%;
}

.control {
  width: 100%;
  max-width: 1700px;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: white;
  justify-content: end;
  padding-right: 80px;
  box-sizing: border-box;
}

.control > * {
  font-size: 20px;
}

.tab {
  cursor: pointer;
  color: gray;
  text-align: center;
}

.tab_active {
  background-color: var(--blue);
  color: var(--yellow);
}

.tab_active > p {
  color: var(--yellow);
}

.mobile-control__menu-button {
  display: none;
}

.row {
  display: contents;
}

.table-wrapper {
  display: contents;
  width: 100%;
  height: 500px;
  overflow-x: auto;
  padding: 0;
  margin-bottom: 20px;
}

.table-wrapper::-webkit-scrollbar {
  width: 9px;
  /* ширина scrollbar */
}

.table-wrapper::-webkit-scrollbar:horizontal {
  height: 9px;
}

.table-wrapper::-webkit-scrollbar-track {
  background: lightgray;
  /* цвет дорожки */
}

.table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--dark-gray);
  /* цвет плашки */
  border-radius: 20px;
  /* закругления плашки */
  /* padding вокруг плашки */
}

.mobile-tab {
  display: none;
}

.control-panel {
  margin-top: 50px;
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  min-height: 50px;
  height: 100%;
  width: 100%;
  max-width: 1700px;
  background-color: white;
}

.control-panel > * {
  min-width: 240px;
  background-color: white;
  height: 50px;
}

p {
  color: inherit;
}

.delete-everything:hover {
  background-color: red;
  color: white;
}

.control-panel__segment-icon {
  font-size: 20px;
}

.icon.deselect.active {
  color: red;
}

.control-panel__segment {
  color: gray;
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 1px solid lightgray;
  flex: 1;
}

.control-panel__segment > * {
  cursor: pointer;
}

.control-panel__segment > * > * {
  cursor: pointer;
}

.control-panel__segment > p {
  color: inherit;
  font-size: 18px;
}

.control-panel__segment > span.icon {
  color: inherit;
}

.content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 0 20px 0 20px;
  width: 100%;
  max-width: 1700px;
  overflow-y: visible;
}

.vacancy-name {
  z-index: 5;
}

.icon-red:hover {
  color: red !important;
}

.mobile-wrapper-table {
  display: contents;
}

.mobile-wrapper__row {
  display: contents;
  margin-left: 10px;
  margin-right: 10px;
}

.mobile-wrapper__row-extra-content {
  display: none;
}

.mobile-wrapper__input {
  display: none;
  gap: 5px;
  align-items: center;
  width: 100%;
  position: relative;
}

.mobile-wrapper__input > span {
  font-size: 20px;
  position: absolute;
  transform: translateX(5px);
}

.mobile-wrapper__input > span:not(.litle-cross) {
  padding-left: 10px;
  padding-right: 10px;
}

.mobile-wrapper__input > span.litle-cross {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mobile-wrapper__input > input {
  width: 100%;
  border: 1px solid gray;
  padding-left: 40px;
}

.title-wrapper {
  display: flex;
  width: 100%;
  justify-content: start;
  margin-top: 27px;
}

.table-title {
  color: #414141;
}

.ads-table {
  margin-top: 27px;
  grid-template-columns: 1fr 1fr 4fr 2fr minmax(260px, 4fr) 2fr 2fr 3fr 2fr;
}

.table {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  display: grid;
  flex-direction: row;
  width: 100%;
  flex-direction: column;
}

.row-wrapper {
  display: contents;
}

.row-wrapper:hover > div > div.selectable {
  background-color: #dcf4ff;
}

.control-edit {
  cursor: pointer;
}

.table.vacancies {
  max-width: 1700px;
  margin-top: 27px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  grid-template-columns: minmax(40px, 1fr) 1fr 7fr minmax(50px, 1fr) minmax(50px, 1fr) 2fr 6fr minmax(110px, 1fr);
  grid-auto-rows: minmax(50px, auto);
}

.table__row {
  flex: 1;
  display: flex;
  flex-direction: row;
}

p.table__row-item-vacancy-name-text {
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
}

.table__row-item {
  display: flex;
  border: 1px solid lightgray;
  align-items: end;
  padding: 5px;
  height: 100%;
  box-sizing: border-box;
  font-size: 18px;
}

.table__row-item.title.center {
  justify-content: center;
}

.table__row-item.title.center > p {
  padding-left: 0;
}

.title.table__row-item > p {
  text-transform: uppercase;
  color: gray;
  padding-left: 10px;
}

.table__row-item > span {
  color: gray;
  font-size: 20px;
}

.table__row-item > input {
  color: black;
  font-weight: 600;
  outline: none;
  border: none;
  background-color: transparent;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  width: 100%;
}

.table__row-item > span.icon.control-edit {
  color: var(--light-blue);
  width: 100%;
  text-align: center;
  font-size: 32px;
}

.table__row-item > span.icon.control-edit:hover {
  color: var(--blue);
}

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

.table__row-item > p {
  color: #414141;
}

.table__row-item.source {
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}

p.source {
  border-radius: 50px;
  background-color: var(--orange);
  padding: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  color: var(--dark-orange);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

p.source.published {
  color: var(--green);
  background-color: var(--light-green);
}

.table-row__item.title.date {
  cursor: default;
}

p.date {
  font-size: 18px;
  -webkit-text-decoration: #5098c8 dashed underline;
          text-decoration: #5098c8 dashed underline;
  color: #5098c8;
  text-underline-offset: 3px;
  text-align: right;
  width: 100%;
}

.selectable:hover + .selectable {
  background-color: #dcf4ff;
}

.table__row-item.date:not(.title) {
  cursor: pointer;
}

.title {
  position: relative;
}

div.mobile-wrapper__input > div.hint {
  transform: translateY(50px);
}

.hint {
  overflow: hidden;
  position: absolute;
  top: 0;
  /* bottom: 0; */
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  transform: translateY(42px) translateX(-6px);
  border: 1px solid lightgray;
  row-gap: 10px;
  z-index: 3;
  padding: 6px 0 12px 0;
}

.hint__row {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #414141;
}

.hint__row:hover {
  background-color: #b1f1ff;
}

.table__row-item.search {
  overflow: visible;
}

.title:hover:has(input:not(:hover)) > p.table__row-title-text {
  color: var(--blue);
  -webkit-text-decoration: underline dashed var(--blue);
          text-decoration: underline dashed var(--blue);
}

.mobile-cocntrol-wrapper__go-back {
  display: none;
}

.medium-screen-size__table-name {
  display: none;
}

.mobile-menu-wrapper_active {
  display: grid !important;
}

.mobile-wrapper__input-cross-wrapper {
  display: flex;
  align-items: center;
  position: absolute;
}

.table__row-item.date {
  justify-content: start;
}

.table__row-item.date > p {
  width: 100%;
  text-align: left;
}

.active_pagee {
  background: #00b0d9;
}
.active_pagee span,
.active_pagee p {
  color: #ffe300 !important;
}

.third-panel__tab-text {
  font-size: 18px !important;
  max-height: 3em;
  /* Ограничиваем высоту элемента на две строки */
  line-height: 1.5em;
}

.tippy-box[data-theme~=customTip] {
  background-color: #f0f0f0;
  color: #5d5d5d;
  max-width: none;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 2px;
}

.navbar-top__link {
  font-size: 18px !important;
}/*# sourceMappingURL=styles.css.map */