:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.app {
  max-width: 100vw;
  overflow: visible;
}

.center {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.content {
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 50px;
  position: relative;
  transform: translate(0);
}

.top {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.bottom {
  height: auto;
}

.t-left {
  align-items: flex-end;
  line-height: 14px;
  display: flex;
}

.eagle {
  margin-right: 10px;
  font-size: 40px;
  line-height: 40px;
  position: relative;
}

.body {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: none;
  background-clip: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.body.b-logowanie {
  background-color: #fff;
}

.navi {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.calendar {
  background-image: none;
  height: auto;
  margin-top: 10px;
  padding: 0;
}

.nav-butt {
  color: #fff;
  cursor: pointer;
  background-color: #a0a0a0;
  border: 0 solid #067dff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 6px 6px 6px 10px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  transition: letter-spacing .2s, background-color .2s;
  display: flex;
}

.nav-butt:hover {
  letter-spacing: 1px;
}

.nav-butt.nb-add-agent {
  background-color: #ff711f;
}

.nav-butt.nb-add-back {
  background-color: #a8a8a8;
}

.nav-butt.nb-add-back:hover {
  background-color: #901400;
}

.navig {
  flex: 1;
  margin-top: 5px;
  display: flex;
}

.form-block {
  margin-bottom: 0;
}

.field-filtr {
  color: #000;
  background-color: #f5f5f5;
  border: 0 solid #000;
  border-radius: 8px;
  width: 150px;
  height: 38px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 4px 4px 4px 10px;
  line-height: 14px;
  display: block;
}

.field-filtr.ff-cal {
  background-image: url('../images/calendar_date_event_month_icon_1calendar_date_event_month_icon.png');
  background-position: 108px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 130px;
  height: 38px;
  padding-left: 10px;
  padding-right: 25px;
}

.field-filtr.ff-search {
  min-width: 250px;
}

.form-tr {
  display: flex;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 40px auto .5fr 1fr .5fr .5fr minmax(100px, auto);
  grid-auto-flow: row;
  margin-top: 5px;
  overflow: auto;
}

.td {
  background-color: #fff;
  border-bottom: 1px solid #0000000f;
  width: 100%;
  height: 100%;
  padding-left: 0;
}

.td.td-center {
  text-align: center;
}

.td-tyt {
  padding: 8px 10px;
  font-weight: 700;
}

.td-tyt.td-center {
  text-align: center;
}

.td-txt {
  text-align: left;
  padding: 0;
}

.td-txt.td-center {
  text-align: center;
  padding-right: 0;
}

.task {
  background-color: #fff;
  border: 0 solid #97c9ff;
  flex-direction: column;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  box-shadow: 0 11px 50px #0000000f;
}

.t-section {
  background-color: #e7e7e7;
  width: 40%;
  padding: 10px;
}

.t-section.ts-right {
  width: 59%;
}

.t-section.t-section-agent {
  width: 49%;
}

.t-content {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
  display: block;
}

.ts-tr {
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.tstd {
  display: flex;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 0;
  height: 30px;
  margin-bottom: 0;
  padding: 3px 5px 5px;
  line-height: 14px;
  transition: background-color .2s;
}

.input:hover {
  background-color: #fffef9;
}

.input.input-textarea {
  height: auto;
  min-height: 335px;
  line-height: 18px;
}

.input.input-data {
  background-image: url('../images/calendar_date_event_month_icon_1calendar_date_event_month_icon.png');
  background-position: 118px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border-radius: 0;
  width: 140px;
  padding-right: 25px;
}

.input.inp120 {
  border-radius: 0;
  width: 140px;
  padding-top: 3px;
  padding-left: 0;
}

.input.inp-notatki {
  min-height: 91px;
  line-height: 18px;
}

.button-task {
  color: #000;
  cursor: pointer;
  background-color: #f0f0f0;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
  transition: letter-spacing .2s, background-color .2s;
}

.button-task:hover {
  letter-spacing: 1px;
  background-color: #fff;
}

.button-task.bt-subm {
  color: #fff;
  background-color: #901400;
  margin-left: 0;
}

.inp-label {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 120px;
  max-width: 120px;
  margin-bottom: 0;
  padding-right: 5px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
}

.ts-tyt {
  padding-bottom: 5px;
}

.ts-tr-top {
  border-bottom: 1px solid #fff;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
}

.t-sekcions {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.t-buttons {
  display: flex;
}

.check-label {
  display: none;
}

.checkbox-field {
  margin-bottom: 0;
}

.belka {
  z-index: 10;
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff24;
  border-bottom: 1px solid #000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
  overflow: hidden;
}

.date-scope {
  display: flex;
}

.promprs {
  margin-top: 10px;
}

.prompt {
  background-color: #fdffe9;
  border: 0 solid #0f5;
  border-color: #0f5 #0f5 #ecff1b #ecff1b;
  border-radius: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 10px;
}

.prompt.prompt-false {
  background-color: #fff0f1;
  border-bottom-width: 0;
  border-bottom-color: red;
  border-left-width: 0;
  border-left-color: red;
}

.prompt.prompt-true {
  background-color: #ebebeb;
  border-bottom-width: 0;
  border-bottom-color: #41ff5c;
  border-left-width: 0;
  border-left-color: #464646;
  border-radius: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.p-info {
  color: #000;
}

.action-edit {
  opacity: .25;
  cursor: pointer;
  background-image: url('../images/edit_pencil_icon_1edit_pencil_icon.png');
  background-position: 0 0;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-right: 2px;
  transition: opacity .2s;
}

.action-edit:hover {
  opacity: 1;
}

.td-content {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 5px 10px;
  transition: background-color .2s;
  display: flex;
}

.td-content.center {
  width: 100%;
}

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

.td-content.td-center.td-complited {
  width: 100%;
}

.td-content.td-center.td-hover {
  background-color: #f7f7f7;
}

.td-content.td-complited {
  background-color: #f0fff4;
}

.td-content.td-expired {
  background-color: #fff8f9;
}

.td-content.td-hover {
  background-color: #f8f8f8;
}

.td-content.td-complited-hover {
  background-color: #e2ffe9;
}

.td-content.td-expired-hover {
  background-color: #fff1f2;
}

.td-label {
  text-align: left;
  background-color: #fff4f4;
  padding: 2px;
  font-size: 12px;
  line-height: 14px;
}

.td-label.td-center {
  text-align: center;
}

.td-label.td-label-green {
  background-color: #e8ffee;
}

.nav-butt-scope {
  color: #fff;
  cursor: pointer;
  background-color: #969696;
  border: 0 solid #067dff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 38px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  transition: letter-spacing .2s, background-color .2s;
  display: flex;
}

.nav-butt-scope:hover {
  letter-spacing: 1px;
  background-color: #616161;
}

.action-pdf {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/adobe_file_logo_logos_pdf_icon_1adobe_file_logo_logos_pdf_icon.png');
  background-position: 0 0;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-left: 2px;
  margin-right: 5px;
  transition: opacity .2s;
  display: none;
}

.action-pdf:hover {
  opacity: 1;
}

.action-delete {
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/bin_delete_garbage_remove_trash_icon_1bin_delete_garbage_remove_trash_icon.png');
  background-position: 50%;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-right: 5px;
  transition: opacity .2s;
}

.action-delete:hover {
  opacity: 1;
}

.button-task-delete {
  color: #000;
  cursor: pointer;
  background-color: #fff0f1;
  margin-top: 10px;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 14px;
  transition: letter-spacing .2s, background-color .2s;
}

.button-task-delete:hover {
  letter-spacing: 1px;
  background-color: #ffa2a8;
}

.button-task-delete.bt-subm {
  background-color: #e0e0e0;
}

.button-task-delete-confirm {
  color: #fff;
  cursor: pointer;
  background-color: #ff5a65;
  margin-top: 10px;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 14px;
  transition: letter-spacing .2s, background-color .2s;
}

.button-task-delete-confirm:hover {
  background-color: #ff3644;
}

.button-task-delete-confirm.bt-subm {
  background-color: #e0e0e0;
}

.delete-confirm {
  width: 0;
  overflow: hidden;
}

.delete {
  overflow: hidden;
}

.login-layer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.login {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  display: flex;
  box-shadow: 9px 12px 50px 2px #0000000d;
}

.log-ety {
  color: #000;
  margin-bottom: 2px;
  padding-left: 10px;
}

.log-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  height: 40px;
}

.log-content {
  margin-top: 15px;
}

.log-subm {
  cursor: pointer;
  background-color: #b8b8b8;
  border-radius: 10px;
  width: 100%;
  margin-top: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  transition: background-color .2s, letter-spacing .2s;
}

.log-subm:hover {
  letter-spacing: 1px;
  background-color: #901400;
}

.log-tyt {
  padding-left: 10px;
  font-size: 20px;
}

.login-prompt {
  flex-direction: column;
  align-items: stretch;
  width: 500px;
  display: flex;
}

.grid-agents {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-columns: minmax(auto, auto) minmax(100px, 100px) .5fr 1fr 1fr minmax(100px, auto);
}

.t-right {
  align-items: flex-end;
  display: flex;
}

.logout {
  cursor: pointer;
  background-color: #c7c7c7;
  padding: 5px;
  line-height: 14px;
  transition: letter-spacing .2s, background-color .2s;
}

.logout:hover {
  letter-spacing: 1px;
  background-color: #222;
}

.ttop {
  justify-content: flex-end;
  display: flex;
}

.login-info {
  color: #000;
}

.login-info:hover {
  text-decoration: none;
}

.logo {
  filter: drop-shadow(0 7px 16px #00000036);
  width: 50px;
  height: 100%;
  margin-left: 0;
  margin-right: 10px;
}

.logo.logo-login {
  width: 70px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: -306px;
}

.tab-tyt-filtr {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.tab-top {
  justify-content: flex-start;
  align-items: center;
  min-height: 25px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: flex;
}

.tt-txt {
  line-height: 14px;
}

.tt-td {
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.tt-link {
  color: #333;
  line-height: 14px;
}

.tt-link:hover {
  text-decoration: none;
}

.printer-icon {
  cursor: pointer;
  width: 20px;
  margin-left: 5px;
}

.kalendarz {
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #fff;
  justify-content: space-between;
  transition: height .2s;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  transform: translate(0, 100%);
}

.call {
  flex: 1;
  align-items: flex-start;
  transition: height .2s;
  display: flex;
  overflow: auto;
}

.call-month {
  color: #000;
  flex-direction: column;
  flex: 1;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2vw;
  padding-right: 2vw;
  line-height: 14px;
  display: flex;
}

.call-month.call-month-carent {
  min-width: 40vw;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  transition: height .2s;
}

.call-top {
  justify-content: center;
  display: flex;
}

.call-tab {
  flex: 1;
  margin-top: 10px;
}

.c-month {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  position: static;
}

.c-month.cm-current {
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
}

.call-arrows {
  opacity: .5;
  cursor: pointer;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.call-arrows:hover {
  opacity: 1;
}

.call-mng-left {
  cursor: pointer;
  width: 30px;
  min-width: 30px;
  transition: opacity .2s;
}

.call-mng-left:hover {
  opacity: 1;
}

.call-content {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.call-mng-right {
  cursor: pointer;
  width: 30px;
  min-width: 30px;
  transition: opacity .2s;
  transform: rotate(180deg);
}

.call-mng-right:hover {
  opacity: 1;
}

.tabtd {
  width: 70px;
}

.tab-td {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  height: 100%;
  padding-right: 10px;
  display: flex;
  position: relative;
  left: -50%;
}

.tab-td.tab-td-right {
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
  position: relative;
  left: 50%;
}

.tab-day-number {
  color: #000;
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding: 7px;
  transition: background-color .2s;
  display: flex;
}

.tab-day-number:hover, .tab-day-number.tdn-active {
  background-color: #e0e0e0;
}

.tab-day-number.tdn-other {
  opacity: .2;
  transition: opacity .2s, background-color .2s;
}

.tab-day-number.tdn-other:hover {
  opacity: 1;
}

.tab-th {
  height: auto;
}

.tab-day-week-name {
  color: #000;
  padding: 7px;
  font-size: 16px;
  font-weight: 700;
}

.td-tip {
  flex-direction: column;
  justify-content: center;
  width: 0;
  height: 0;
  display: none;
}

.td-tip-content {
  background-color: #fff;
  border-radius: 11px;
  flex-direction: column;
  min-width: 250px;
  padding: 9px;
  display: flex;
  box-shadow: 7px 5px 20px #00000017;
}

.tip-inf {
  color: #000;
  font-size: 12px;
  line-height: 16px;
}

.kal-top {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 40px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 50px #00000012;
}

.kalendarz-content {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  transition: height .2s;
  display: flex;
  position: relative;
  top: -40px;
}

.kal-contener {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  transition: height .2s;
  display: flex;
  position: relative;
}

.kal-top-cont {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.ktc-navi {
  background-color: #fff;
  border-radius: 50px;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  display: flex;
  position: relative;
}

.ktcn-ico {
  background-image: url('../images/calendar_icon_1calendar_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-attachment: scroll;
  width: 25px;
  height: 25px;
}

.tab-top-right {
  align-items: center;
  display: flex;
}

.druk-data {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.dz-tr {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 0;
  display: flex;
}

.dz-name {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.druk-lista {
  color: #000;
  padding-top: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.dz-ety {
  min-width: 120px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.dz-value {
  min-width: 100px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.dz-date {
  border-bottom: 2px solid #000;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.druk-zadania {
  width: 100%;
  padding-left: 0;
}

.druk-zadanie {
  border: 0 solid #000;
  border-bottom-width: 1px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.dz-info {
  min-width: 120px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.dz-info-txt {
  min-width: 100px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.bredcrumbs {
  background-color: #ebebeb;
  margin-top: 5px;
  padding: 3px 4px 3px 50px;
}

.text-block {
  color: #901400;
  letter-spacing: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.logi {
  background-color: #ebebeb;
  background-image: none;
  height: auto;
  margin-top: 10px;
  padding: 5px;
  overflow: auto;
}

.grid-logs {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-columns: minmax(auto, auto) auto auto auto 1fr;
  grid-template-areas: "Area";
  overflow: auto;
}

.td-txt-log {
  text-align: left;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 12px;
}

.td-txt-log.td-center {
  text-align: center;
}

.belka-content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.td-content-hover {
  cursor: pointer;
  background-color: #f5f5f5;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  display: flex;
}

.td-content-hover.center {
  width: 100%;
}

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

.td-content-hover.td-complited {
  background-color: #f0fff4;
}

.td-content-hover.td-expired {
  background-color: #fff0f1;
}

.td-content-hover.td-complited-hover {
  background-color: #dcffe5;
}

.td-content-hover.td-expired-hover {
  background-color: #fde3e5;
}

.ts-checks {
  background-color: #ffffff30;
  border: 0 solid #cecece;
  flex-flow: wrap;
  flex: 1;
  width: 50%;
  padding: 10px 10px 6px;
  display: flex;
}

.ts-checkbox-field {
  width: 33%;
}

.ts-checkbox-label {
  font-size: 12px;
  line-height: 14px;
}

.mnagement {
  background-image: linear-gradient(#f8f8f8, #f8f8f8);
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100vw;
  min-height: 100vh;
  font-family: Lato, sans-serif;
  display: flex;
  overflow: visible;
}

.m-left {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  flex: 0 auto;
  width: 230px;
  min-height: 100%;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.m-right {
  z-index: 1;
  flex-flow: column;
  flex: 1;
  min-height: 100%;
  display: flex;
  position: relative;
}

.ml-navigation {
  flex: 1;
  overflow: auto;
}

.ml-top {
  min-height: 61px;
  padding: 20px 10px 10px 20px;
}

.mnlc {
  margin-top: 0;
  padding: 0;
}

.mnl-links {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 5px 10px;
  display: flex;
}

.mnl-ety {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.mnl-ety.mnl-sub-ety {
  flex: 1;
  padding: 7px 10px 7px 42px;
  font-size: 14px;
  line-height: 14px;
}

.mnl-ico {
  opacity: .6;
  background-image: url('../images/dashboard-1.png');
  background-position: 50%;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 15px;
}

.mnl-ico.ico-list {
  background-image: url('../images/list2.png');
}

.mnl-ico.ico-calendar {
  background-image: url('../images/calendar2.png');
}

.mnl-ico.ico-config {
  background-image: url('../images/config.png');
}

.mnl-ico.ico-check {
  background-image: url('../images/check.png');
}

.mnl-ico.ico-turnoff {
  background-image: url('../images/logout_icon.png');
  background-size: contain;
  width: 16px;
  height: 16px;
}

.mnl-ico.ico-company {
  background-image: url('../images/company_icon.png');
}

.mr-belka {
  z-index: 10;
  background-color: #fff;
  border-bottom: 0 solid #fff;
  border-left: 0 solid #f3f3f3;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 60px;
  padding: 10px 20px 10px 30px;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
}

.mr-contener {
  padding-left: 230px;
}

.mr-content {
  padding: 20px 20px 70px;
}

.breadcrumbs {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bcrumb {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.mnl-link {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: background-color .3s;
  display: flex;
}

.mnl-link:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}

.mnl-link.mnl-link-active {
  background-color: #f5f5f5;
}

.mrl-right {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  display: flex;
}

.mnl-sub {
  opacity: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.mnl-sub.mnl-sub-open {
  opacity: 100;
  height: auto;
}

.sub-link {
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding: 0;
  transition: background-color .3s;
  display: flex;
}

.sub-link:hover, .sub-link.sub-link-active {
  background-color: #f5f5f5;
}

.mnl-sub-contener {
  border-left: 1px solid #f5f5f5;
  width: 100%;
  padding-top: 7px;
}

.mnl-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.mnl-right {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.mnl-numb {
  color: #000;
  background-color: #e7e7e7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  min-height: 18px;
  font-size: 12px;
  line-height: 12px;
  display: none;
}

.mnl-numb.mnln-warn {
  color: #fff;
  background-color: #c51d02;
}

.mrl-r-user {
  font-size: 12px;
  line-height: 14px;
}

.mrl-user {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.mr-pulpit {
  display: flex;
}

.mrp-left {
  flex-flow: column;
  width: 70%;
  margin-right: 20px;
  display: flex;
}

.mrp-lright {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.mrp-sect {
  background-color: #fff;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 1px 1px 1px #00000008;
}

.mrp-sect:hover {
  box-shadow: 10px 10px 50px 13px #00000008;
}

.mrp-sect.mrps-yelow:hover {
  box-shadow: 10px 10px 50px 13px #fff2000d;
}

.mrp-sect.mrps-green:hover {
  box-shadow: 10px 10px 50px 13px #e3fff9;
}

.mnl-arrow {
  background-image: url('../images/next.png');
  background-position: 0 0;
  background-size: cover;
  width: 15px;
  height: 15px;
}

.mrps-belka {
  background-color: #f5f5f5;
  border-bottom: 0 solid #e2e2e2;
  border-radius: 8px;
  justify-content: space-between;
  padding: 9px 10px;
  display: flex;
}

.mrps-belka.mrpsb-y {
  background-color: #f5f5f5;
}

.mrps-belka.mrps-r {
  box-shadow: none;
  background-color: #ffa8a83d;
  padding-top: 9px;
  padding-bottom: 9px;
}

.mrps-belka.mrpsb-or {
  background-color: #fff;
}

.mrs-belka-ety {
  color: #333;
  font-size: 18px;
  line-height: 18px;
}

.mrps-content {
  max-height: 50vh;
  margin-top: 0;
  padding: 10px;
  overflow: auto;
}

.mrp-zdarz {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.mr-zd-line {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: auto;
  min-height: 18px;
  display: flex;
}

.mrp-zd-data {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.mr-lien {
  background-color: #d3d3d3;
  flex: 1;
  width: 1px;
  height: auto;
}

.mr-lien-point {
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  flex: 0 auto;
  width: 9px;
  height: 9px;
}

.mr-time {
  color: #c9c9c9;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.mr-info {
  color: #818181;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  line-height: 15px;
  transition: color .2s;
  display: flex;
}

.mr-info:hover {
  color: #494949;
}

.mrps-info {
  background-color: #e7fffa;
  border: 0 solid #cdfff4;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  padding: 5px 10px;
  transition: background-color .2s;
  display: flex;
}

.mrps-info:hover {
  background-color: #cdfff4;
}

.mrps-info.mrpsb-y {
  background-color: #fffaed;
}

.mrps-info.mrps-r {
  background-color: #ffefef;
}

.mrps-info.mrpsb-or {
  background-color: #e3fff9;
}

.mrps-info.rpsi-warning {
  cursor: pointer;
  background-color: #fff;
  border-width: 1px;
  border-color: #ff000030;
  transition: border-color .2s, background-color .2s;
}

.mrps-info.rpsi-warning:hover {
  border-color: #ff00007d;
}

.mrps-info.rpsi-info {
  background-color: #fff;
  border-width: 1px;
  border-color: #e9e9e9;
}

.mrs-info-txt {
  color: #333;
  font-size: 14px;
  line-height: 16px;
}

.mrs-info-txt.rsit-warn {
  color: red;
}

.mrs-info-txt.rsit-info {
  color: #333;
}

.x {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.x-circle {
  opacity: 0;
  cursor: pointer;
  border: 1px solid #ff000038;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3px;
  display: flex;
}

.x1 {
  background-color: red;
  width: 100%;
  height: 2px;
  position: relative;
  top: 1px;
  transform: rotate(45deg);
}

.x2 {
  background-color: red;
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
  transform: rotate(-45deg);
}

.mrps-infos {
  flex-flow: column;
  max-height: 30vh;
  display: flex;
  overflow: auto;
}

.logo-manager {
  width: 35px;
  margin-left: 10px;
}

.m-table {
  width: 100%;
  overflow: auto;
}

.m-tab {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mt-tyt {
  border-bottom: 1px solid #0000000f;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.mt-tyt.mt-tyt-center, .mt-tyt.mtt-center {
  justify-content: center;
  align-items: center;
}

.mt-tyt.mt-tyt-ch {
  justify-content: center;
  align-items: center;
  padding: 0;
}

.mt-tyt.mt-filtr {
  padding: 0;
}

.mt-tyt.mt-tyt-sch {
  border-bottom-width: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.mt-tyt.mt-tyt-sch2 {
  border-bottom-width: 0;
  justify-content: center;
  align-items: flex-start;
  padding: 29px 0 0;
}

.mtt {
  font-weight: 700;
  line-height: 14px;
}

.mt-td {
  border-bottom: 1px solid #0000000f;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  transition: background-color .2s;
  display: flex;
}

.mt-td.mt-tyt-center, .mt-td.mt-td-center, .mt-td.mtt-center {
  justify-content: center;
  align-items: center;
}

.mt-td.mttd-ch, .mt-td.mtt-grab {
  justify-content: center;
  align-items: center;
  padding: 0;
}

.mt-td.mt-td-hover {
  background-color: #f8f8f8;
}

.mtt-txt {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.mtt-label {
  color: #000;
  background-color: #f1f1f1;
  border-radius: 4px;
  padding: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.mtt-label.mttl-red {
  color: #fff;
  background-color: #ff1212;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  line-height: 11px;
}

.mtt-label.mttl-orange {
  color: #333;
  background-color: #ffea4c;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 11px;
  line-height: 11px;
}

.mtt-label.mttl-turk {
  color: #333;
  cursor: pointer;
  background-color: #90ff7f;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 11px;
  line-height: 11px;
}

.mrp-wide {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.mrc-cases {
  flex-flow: column;
  display: flex;
}

.mrc-case {
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 11px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 1px #00000008;
}

.mrc-case:hover {
  box-shadow: 10px 8px 17px 15px #00000008;
}

.mrc-case.mrcc {
  cursor: auto;
  flex-flow: column;
  align-items: stretch;
  padding-bottom: 20px;
  overflow: hidden;
}

.mrcc-left {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mrcc-left.mrccl {
  justify-content: flex-start;
  align-items: center;
}

.mrcc-right {
  flex: 1;
  padding-left: 20px;
  overflow: visible;
}

.mrcc-right.mrcc-right2 {
  overflow: visible;
}

.c-photo {
  background-image: url('../images/pixel_1pixel.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 50px;
  width: 80px;
  height: 80px;
}

.c-photo.cp1 {
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: url('../images/pixel_1pixel.png');
  width: 60px;
  height: 60px;
}

.c-photo.cp2 {
  background-image: url('../images/c2.jpg');
  width: 60px;
  height: 60px;
}

.c-photo.cp3 {
  background-image: url('../images/c3.jpg');
  width: 60px;
  height: 60px;
}

.mrccr-top {
  justify-content: space-between;
  display: flex;
}

.mrct-left {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.mrc-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.mrc-case-type {
  font-size: 16px;
  font-weight: 700;
}

.mrccr-progres {
  justify-content: space-between;
  margin-top: 15px;
  display: flex;
}

.mrct-p-left {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.mrct-p-right {
  flex-flow: column;
  align-items: flex-start;
  width: 0;
  display: flex;
  overflow: hidden;
}

.mrc-but {
  opacity: 0;
  color: #646464;
  cursor: pointer;
  background-color: #e7e7e7;
  border-radius: 5px;
  padding: 6px;
  line-height: 14px;
  transition: background-color .2s;
}

.mrc-but:hover {
  background-color: #cfcfcf;
}

.progresline {
  border: 1px solid #eee;
  border-radius: 20px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 8px;
  padding: 1px;
  display: flex;
}

.progress {
  background-image: linear-gradient(#31a9ff80, #31a9ff80);
  border-radius: 20px;
  width: 40%;
  height: 100%;
}

.progress.p1 {
  background-image: linear-gradient(#67c0ff, #67c0ff);
  flex: 1;
  width: auto;
}

.progress.p1.p-hide {
  opacity: 0;
}

.progress.p2 {
  background-image: linear-gradient(#49eaff, #49eaff);
  flex: 1;
  width: auto;
}

.progress.p3 {
  background-image: linear-gradient(#40e4ec, #40e4ec);
  flex: 1;
  width: auto;
}

.progress.p4 {
  background-image: linear-gradient(#1fcccf, #1fcccf);
  flex: 1;
  width: auto;
}

.progress.p5 {
  background-image: linear-gradient(#30dbd6, #30dbd6);
  flex: 1;
  width: auto;
}

.progress.p6 {
  background-image: linear-gradient(#4decd7, #4decd7);
  flex: 1;
  width: auto;
}

.progress.p7 {
  background-image: linear-gradient(#51e2b2, #51e2b2);
  flex: 1;
  width: auto;
}

.progres-dot {
  background-color: #97d4ff;
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.progres-dot.pd1 {
  background-color: #67c0ff;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd1.pd1-hide {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  width: 13px;
  height: 13px;
}

.progres-dot.pd2 {
  background-color: #49eaff;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd3 {
  background-color: #40e4ec;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd4 {
  background-color: #1fcccf;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd5 {
  background-color: #30dbd5;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd6 {
  background-color: #4dedd7;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.progres-dot.pd7 {
  background-color: #51e2b2;
  justify-content: center;
  align-items: flex-start;
  width: 12px;
  height: 12px;
  display: flex;
}

.pd-label {
  color: #fff;
  background-color: #67c0ff;
  border: 0 solid #ececec;
  border-radius: 5px;
  padding: 2px 3px;
  font-size: 13px;
  line-height: 13px;
  position: relative;
  top: -21px;
}

.pd-label.pdl1.pdl-hide {
  opacity: 0;
  color: #4e4e4e;
  background-color: #e9e9e9;
  font-size: 12px;
  line-height: 12px;
}

.pd-label.pdl2 {
  background-color: #11e3ff;
}

.pd-label.pdl4 {
  background-color: #1fcccf;
}

.pd-label.pdl3 {
  background-color: #40e4ec;
}

.pd-label.pdl7 {
  background-color: #52e2b2;
}

.pd-label.pd6 {
  background-color: #4dedd7;
}

.pd-label.pd5 {
  background-color: #30dbd5;
}

.pd-label.pdl6 {
  background-color: #4dedd7;
}

.pd-label.pdl5 {
  background-color: #30dbd5;
}

.mrct-right {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.mrccr-infos {
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.mcr-info {
  justify-content: flex-start;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 10px;
  padding-right: 10px;
  display: flex;
}

.mrci-ety {
  padding-right: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.mrci-value {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.mrci-value.mrcv-red {
  color: red;
  border-color: #ffd1d1;
  border-radius: 5px;
  font-size: 13px;
  line-height: 13px;
}

.mrc-cases-top {
  background-color: #fff;
  border: 0 solid #0000000f;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 13px;
  box-shadow: 1px 1px 1px #00000008;
}

.mrcs-input {
  color: #000;
  background-color: #fff0;
  border: 0 solid #000;
  margin-bottom: 0;
  font-weight: 400;
}

.mrcs-input:focus {
  font-weight: 700;
}

.mrcs-input::placeholder {
  color: #adadad;
  text-transform: none;
}

.mrctr-conent {
  margin-left: 20px;
}

.mrc-but-2 {
  opacity: 1;
  color: #646464;
  cursor: pointer;
  background-color: #e7e7e7;
  border-radius: 5px;
  margin-left: 20px;
  padding: 6px;
  line-height: 14px;
  transition: background-color .2s;
}

.mrc-but-2:hover {
  background-color: #cfcfcf;
}

.mrc-but-3 {
  opacity: 1;
  color: #646464;
  cursor: pointer;
  background-color: #e7e7e7;
  border-radius: 5px;
  margin-left: 20px;
  padding: 6px;
  line-height: 14px;
  transition: background-color .2s;
}

.mrc-but-3:hover {
  background-color: #cfcfcf;
}

.mrcs-search {
  background-color: #f5f5f5;
  border-radius: 8px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.mrcs-but-wysz {
  background-color: #fff0;
  background-image: url('../images/search_icon_1search_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 0;
  display: flex;
}

.mrp-sect-stats {
  box-shadow: none;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  transition: box-shadow .2s;
  display: flex;
}

.mrp-sect-stats:hover, .mrp-sect-stats.mrps-red {
  box-shadow: none;
}

.mrp-sect-stats.mrps-red:hover {
  box-shadow: 10px 10px 50px 13px #ff00000d;
}

.mrp-sect-stats.mrps-yelow:hover {
  box-shadow: 10px 10px 50px 13px #fff2000d;
}

.mrp-sect-stats.mrps-green:hover {
  box-shadow: 10px 10px 50px 13px #e3fff9;
}

.mrp-stat {
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 20px;
  transition: box-shadow .4s;
  display: flex;
  box-shadow: 1px 1px 1px #00000008;
}

.mrp-stat:hover {
  box-shadow: 10px 10px 50px 13px #0000000d;
}

.mrp-stat.mrps-first {
  cursor: pointer;
  margin-left: 0;
  margin-right: 10px;
  overflow: visible;
}

.mrp-stat.mrps-first:hover {
  transform: translate(0);
}

.mrp-stat.mrps-last {
  justify-content: center;
  align-items: flex-end;
  margin-left: 10px;
  margin-right: 0;
}

.mrp-st-top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.mrp-st-ico {
  background-color: #eeeeee5c;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  display: flex;
}

.mrp-st-ico.mrp-st-ico-b1 {
  background-color: #fff;
  border: 2px solid #ff000057;
}

.mrp-st-ico.mrp-st-ico-b2 {
  background-color: #e3fff9;
}

.mrp-ety {
  color: #b3b3b3;
  text-align: right;
  width: 100%;
  min-height: 18px;
  font-size: 14px;
  line-height: 14px;
}

.mrp-st-infos {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  display: none;
}

.mrp-inf {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 40px;
  line-height: 40px;
}

.mrp-inf.mrp-inf-red {
  color: red;
}

.mrp-right {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-left: 10px;
  display: flex;
}

.mrp-icon {
  width: 25px;
}

.mrps-txt2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mrp-inf2 {
  color: #d6d6d6;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 30px;
  line-height: 30px;
}

.mrps-but {
  opacity: 1;
  color: #444;
  text-align: right;
  cursor: pointer;
  background-color: #dadada;
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  min-height: 18px;
  margin-left: 0;
  padding: 1px 4px;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
  transition: letter-spacing .2s;
  display: none;
}

.mrps-but:hover {
  letter-spacing: 1px;
}

.mrps-but.mb-add {
  color: #fff;
  background-color: #18b300;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 13px;
  line-height: 13px;
  text-decoration: none;
  display: flex;
}

.mrc-filters {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mrcf-select {
  color: #333;
  background-color: #f5f5f5;
  border: 0 solid #000;
  border-radius: 8px;
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
}

.mr-case-content {
  flex-flow: row;
  display: flex;
}

.mrccleft {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 10px;
  display: flex;
}

.mrccright {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 10px;
  display: flex;
}

.mrcc-section {
  background-color: #fff;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 1px 1px 1px #00000008;
}

.mrcc-section:hover {
  box-shadow: 10px 10px 50px 13px #00000008;
}

.mrcc-section.mrps-yelow:hover {
  box-shadow: 10px 10px 50px 13px #fff2000d;
}

.mrcc-section.mrps-green:hover {
  box-shadow: 10px 10px 50px 13px #e3fff9;
}

.mrccs-belka {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  display: flex;
}

.mrccs-belka.mrpsb-y {
  background-color: #fffdd1;
}

.mrccs-belka.mrps-r {
  box-shadow: none;
  background-color: #fff3f3;
  padding-top: 9px;
  padding-bottom: 9px;
}

.mrccs-belka.mrpsb-or {
  background-color: #fff;
}

.mrccs-belka-ety {
  color: #333;
  font-size: 18px;
  line-height: 18px;
}

.mrccs-belka-ety.mbe2 {
  margin-left: 10px;
}

.mrccs-params {
  flex-flow: column;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.mrccs-param {
  margin-top: 5px;
  display: flex;
}

.ccp-left {
  justify-content: flex-start;
  align-items: center;
  min-width: 120px;
  max-width: 120px;
  padding-left: 10px;
  display: flex;
}

.ccp-right {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  display: flex;
}

.ccpl-ety {
  opacity: 1;
  padding-right: 10px;
  line-height: 16px;
}

.ccpr-input {
  box-shadow: none;
  color: #000;
  border: 1px solid #00000014;
  border-radius: 8px;
  height: 35px;
  margin-bottom: 0;
  padding: 5px 10px;
  line-height: 14px;
  transition: border-color .2s;
}

.ccpr-input:hover {
  border-color: #0000004a;
}

.ccpr-input.ccpr-texarea {
  height: 100px;
}

.ccpr-input.ci-bold {
  background-color: #fff;
  font-weight: 700;
}

.ccpr-input.ccpr-data {
  background-image: url('../images/calendar2.png');
  background-position: 125px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 150px;
}

.ccpr-input.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.ccpr-input.ci-bold2 {
  background-color: #fff0;
  font-weight: 700;
}

.ccpr-select {
  box-shadow: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #00000014;
  border-radius: 8px;
  height: 35px;
  margin-bottom: 0;
  padding: 5px 10px;
  line-height: 14px;
  transition: border-color .2s;
}

.ccpr-select:hover {
  border-color: #0000004a;
}

.ccpr-select.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.mrccs-docks-list {
  flex-flow: column;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.mrccs-docks {
  flex-flow: column;
  display: none;
}

.ccs-docks-left {
  display: none;
}

.ccs-docks-right {
  flex: 1;
  display: none;
}

.mrccs-checkbox {
  margin-top: 0;
  margin-right: 8px;
}

.mrccs-chec-ety {
  margin-bottom: 0;
  line-height: 18px;
}

.mrccs-chbox {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ccs-add-docks {
  margin-top: 5px;
  display: none;
}

.ccs-ad-butt {
  color: #333;
  text-decoration: underline;
  transition: letter-spacing .2s;
}

.ccs-ad-butt:hover {
  letter-spacing: 1px;
}

.mrc-case-buttons {
  text-transform: uppercase;
  cursor: pointer;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.mrc-case-buttons:hover {
  box-shadow: none;
}

.mrcc-button {
  color: #333;
  background-color: #e9e9e9;
  border-radius: 8px;
  margin-right: 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .2s;
}

.mrcc-button:hover, .mrcc-button.mrccb-active {
  background-color: #ffde67;
}

.mr-footer {
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 0 10px #0000000d;
}

.mrf-content {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #f8f8f8;
  border-top: 0 solid #e4e4e4;
  margin-left: 230px;
  padding: 5px 20px;
}

.mrf-buttons {
  text-transform: uppercase;
  cursor: pointer;
  border: 0 solid #0000000f;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 10px;
  display: flex;
}

.mrf-buttons:hover {
  box-shadow: none;
}

.mrf-button {
  color: #333;
  background-color: #e9e9e9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 35px;
  margin-right: 10px;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .2s;
  display: flex;
}

.mrf-button:hover {
  background-color: #67caff;
}

.mrf-button.mrfb-grey {
  background-color: #fff;
}

.mrf-button.mrfb-grey:hover {
  background-color: #dadada;
}

.mrcc-link {
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 0;
  line-height: 14px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.mrcc-link:hover {
  background-color: #ffe367;
}

.mrcc-link.rccl-active {
  box-shadow: none;
  background-color: #ffe367;
}

.mrccl-ety {
  color: #333;
  background-color: #e9e9e900;
  border-radius: 5px;
  padding: 10px 10px 9px;
  line-height: 14px;
  text-decoration: none;
  transition: background-color .2s;
  display: block;
}

.mrccl-ety-warning {
  color: red;
  border: 1px solid #ff00003d;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.mr-case-cont {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ccs-belka-right {
  width: auto;
  display: flex;
}

.ico-plus {
  opacity: 1;
  cursor: pointer;
  border: 2px solid #22ff0054;
  border-radius: 50px;
  flex-flow: column;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 4px;
  transition: border-color .2s;
  display: flex;
}

.ico-plus:hover {
  border-color: #22ff00bf;
}

.ico-plus.mnl-plus {
  opacity: 0;
}

.ico-plus.ip {
  width: 30px;
  height: 30px;
  padding: 6px;
}

.mnlp1 {
  background-color: #1ddb00;
  width: 100%;
  height: 2px;
  position: relative;
  top: 1px;
}

.mnlp2 {
  background-color: #1ddb00;
  width: 100%;
  height: 2px;
  position: relative;
  top: -1px;
  transform: rotate(90deg);
}

.m-tab-docks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto auto min-content;
}

.mt-ico {
  cursor: pointer;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.div-block {
  opacity: 1;
}

.mrl-r-sightout {
  color: #000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.mrl-r-sightout:hover {
  text-decoration: none;
}

.prog {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mrccrcont {
  margin-top: 5px;
}

.conf-true {
  background-color: #e7fffa;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 7px 10px;
}

.conf-fase {
  background-color: #fdd;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 7px 10px;
}

.mrc-case-no {
  font-size: 16px;
  font-weight: 700;
}

.mttd-txt.mttd-txt-min {
  color: #999;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}

.m-tab-procedures {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto auto 100px;
}

.tab-ico-gear {
  cursor: pointer;
  background-image: url('../images/options_preferences_icon_1options_preferences_icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
}

.tab-check-ety {
  display: none;
}

.checkbox {
  cursor: pointer;
  border: 1px solid #dadada;
  width: 16px;
  height: 16px;
  padding: 1px;
  transition: border-color .2s;
}

.checkbox:hover {
  border-color: gray;
}

.checkbox-fil {
  background-color: gray;
  width: 100%;
  height: 100%;
  display: none;
}

.tab-icons {
  flex: 0 auto;
  justify-content: center;
  display: flex;
}

.tab-icon {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-ico-menu {
  opacity: 0;
  justify-content: flex-end;
  align-items: center;
  width: 0;
  height: 0;
  display: none;
  position: relative;
}

.tab-ico-menu-content {
  z-index: 1;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding: 5px;
  display: flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 2px 5px 20px #0000001a;
}

.tim-tr {
  border-bottom: 0 solid #f0f0f0;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  transition: background-color .2s;
  display: flex;
}

.tim-tr:hover {
  background-color: #e9e9e9;
}

.tim-tr.tim-tr-last {
  border-bottom-width: 0;
}

.tim-link {
  color: #000;
  padding: 8px;
  line-height: 14px;
  text-decoration: none;
  display: block;
}

.list-select {
  color: #333;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 8px;
  flex: 0 auto;
  width: auto;
  height: 35px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.m-tab-steps {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto 100px;
}

.m-tab-docs, .m-tab-permits {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto 100px;
}

.mttd-link {
  color: #333;
  cursor: pointer;
  text-decoration: none;
}

.mttd-link:hover {
  text-decoration: underline;
}

.m-tab-periods {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto 100px;
}

.m-tab-survey-groups {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto 70px;
}

.m-tab-survey-questions {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30px auto 50px 20px;
}

.grid-line {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.grab {
  opacity: 0;
  cursor: pointer;
  flex-flow: wrap;
  justify-content: space-between;
  width: 8px;
  display: flex;
}

.grab-dot {
  background-color: #ccc;
  border-radius: 20px;
  width: 3px;
  height: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.m-tab-procedure-question {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30px auto;
}

.m-tab-procedure-question-indent1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 35px 30px auto;
}

.grid-sub {
  height: 0;
  transition: height .4s;
  overflow: hidden;
}

.grid-sub.gs-open {
  height: auto;
}

.mrccs-param2 {
  background-color: #fcfcfc;
  border-radius: 8px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-right: 10px;
  transition: background-color .2s;
  display: flex;
}

.mrccs-param2:hover {
  background-color: #f5f5f5;
}

.mrccs-param2.mp2-red {
  background-color: #ff000008;
  padding-top: 14px;
}

.mrccs-param2.mp2-ok {
  background-color: #90ff7f17;
}

.mrccs-param2.mp2-ok:hover {
  background-color: #90ff7f24;
}

.ccp-left2 {
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 110px;
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 10px;
  display: flex;
}

.ccp-right2 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.m-tab-tasks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: auto auto auto auto auto 70px;
}

.tab-tyt-filtr-select {
  color: #333;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 0 solid #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 6px;
  font-weight: 700;
  line-height: 14px;
}

.ccp-checkbok {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 32%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.ccp-ch {
  display: flex;
}

.ccp-ch-label {
  margin-left: 5px;
  font-size: 12px;
  line-height: 12px;
}

.ccp-checkboxs {
  background-color: #f8f8f8;
  border: 0 solid #00000014;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 9px;
  transition: border-color .2s;
  display: flex;
}

.ccp-checkboxs:hover {
  border-color: #0000004a;
}

.ccpr-txt {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding-left: 5px;
  padding-right: 10px;
  transition: border-color .2s;
  display: flex;
}

.ccpr-txt:hover {
  border-color: #0000004a;
}

.rek-delete {
  opacity: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.rek-delete.rek-del {
  opacity: 100;
  cursor: pointer;
}

.ico-del {
  cursor: pointer;
  background-image: url('../images/ico_del_red.png');
  background-position: 50%;
  background-size: contain;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.del-conf {
  color: #fff;
  background-color: red;
  border-radius: 5px;
  padding: 5px;
  font-size: 12px;
  line-height: 12px;
}

.rd-cont {
  justify-content: flex-start;
  align-items: center;
  width: 0;
  display: flex;
  overflow: hidden;
}

.id-cont {
  overflow: hidden;
}

.ccpr-attach {
  width: 20px;
  margin-right: 5px;
}

.ccpr-txt-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m-tab-files {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto 100px;
}

.hamb {
  display: none;
}

.logo-manager2 {
  width: 35px;
  margin-left: 0;
  margin-right: 10px;
}

.mrl-user2 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.mrl-right2 {
  width: auto;
  display: none;
}

.grid-tasks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 40px 120px 1fr 1fr 1fr 150px;
  grid-auto-flow: row;
  margin-top: 5px;
  overflow: auto;
}

.button-add {
  border-radius: 8px;
  display: none;
}

.m-tab-agencies {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto 100px;
}

.m-tab-consultants {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: auto auto auto auto 100px;
}

.swith {
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 26px;
  padding: 1px;
  display: flex;
}

.sw {
  background-color: #e7e7e7;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  overflow: hidden;
}

.sw.sw-on {
  transform: translate(24px);
}

.sw-fill {
  opacity: 0;
  background-color: #1ddb00;
  width: 100%;
  height: 100%;
}

.sw-fill.sw-fill-on {
  opacity: 100;
}

.doc-param-notice {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 3px;
  display: flex;
}

.dpn-left {
  justify-content: flex-start;
  align-items: center;
  min-width: 125px;
  max-width: 125px;
  display: flex;
}

.dpn-right {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  display: flex;
}

.dpn-input-notice {
  box-shadow: none;
  color: #000;
  border: 1px solid #00000014;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 0;
  padding: 5px;
  line-height: 14px;
  transition: border-color .2s;
}

.dpn-input-notice:hover {
  border-color: #0000004a;
}

.dpn-input-notice.ccpr-texarea {
  height: 100px;
}

.dpn-input-notice.ci-bold {
  font-weight: 700;
}

.dpn-input-notice.ccpr-data {
  background-image: url('../images/calendar2.png');
  background-position: 125px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 150px;
}

.dpn-input-notice.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.dpn-input-notice.din-date-ety {
  margin-right: 5px;
}

.dpn-select-notice {
  box-shadow: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #00000014;
  border-radius: 8px;
  height: 35px;
  margin-bottom: 0;
  padding: 5px;
  line-height: 14px;
  transition: border-color .2s;
}

.dpn-select-notice:hover {
  border-color: #0000004a;
}

.dpn-select-notice.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.dpn-ety {
  padding-right: 10px;
  line-height: 16px;
}

.dpn-textarea-notice {
  box-shadow: none;
  color: #000;
  border: 1px solid #00000014;
  min-height: 100px;
  margin-bottom: 0;
  padding: 5px;
  line-height: 14px;
  transition: border-color .2s;
}

.dpn-textarea-notice:hover {
  border-color: #0000004a;
}

.dpn-textarea-notice.ccpr-texarea {
  height: 100px;
}

.dpn-textarea-notice.ci-bold {
  font-weight: 700;
}

.dpn-textarea-notice.ccpr-data {
  background-image: url('../images/calendar2.png');
  background-position: 125px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 150px;
}

.dpn-textarea-notice.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.dpn-tab-note {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 35px;
  margin-top: 5px;
  display: flex;
}

.dpn-tab-note.dpn-tn-red {
  background-color: #ff00000d;
}

.dpn-tab-note.dpn-tn-red2 {
  background-color: #f000;
  border-radius: 8px;
  min-height: 30px;
  margin-top: 0;
}

.dnp-notice-left {
  width: 100%;
}

.contener {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.c-center {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.tab-contener {
  background-color: #f1f1f1;
  border-radius: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px 10px 10px;
}

.tab-survey {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr;
  display: none;
}

.ts-td {
  min-width: 150px;
  padding: 5px;
}

.tstd-txt {
  font-weight: 400;
  line-height: 16px;
}

.ts-input {
  color: #000;
  text-transform: uppercase;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #888;
  max-width: 100%;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 700;
}

.ts-input::placeholder {
  color: #bebebe;
  font-weight: 400;
}

.ts-input.tsi-data {
  background-color: #f5f5f5;
  background-image: url('../images/calendar2.png');
  background-position: 130px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-width: 0 0 1px;
  border-color: #888;
  width: 160px;
  padding-right: 40px;
}

.ts-input.ts-textarea {
  min-height: 100px;
}

.tab-tr {
  z-index: 2;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 10px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.tab-tr:hover {
  z-index: 1;
  box-shadow: 0 2px 50px #0000000d;
}

.tab-tr.tab-tr-ok {
  background-color: #f5fff6;
}

.tab-tr.tab-tr-err {
  background-color: #fff7f7;
}

.tabc-belka {
  justify-content: space-between;
  padding: 10px 10px 0;
  display: flex;
}

.tab-bel-tyt {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.ts-select {
  color: #000;
  text-transform: uppercase;
  background-color: #fff0;
  border: 0 solid #000;
  border-bottom: 1px solid #888;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 5px;
  font-weight: 700;
}

.ts-select::placeholder {
  color: #bebebe;
  font-weight: 400;
}

.tab-info {
  border: 4px solid #e9e9e9;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 15px 10px;
}

.tabi-belka {
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  display: flex;
}

.tbt-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabi-belka2 {
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 10px;
  display: none;
}

.tab-bel-inf {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.tab-bel-tyt-right {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.tstd-help-ico {
  cursor: pointer;
  background-image: url('../images/info_circle_icon.png');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.tstd-info {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  display: flex;
  overflow: hidden;
}

.tstd-help-ety {
  margin-left: 5px;
  font-size: 14px;
  line-height: 14px;
}

.ts-help-info {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.tshi-content {
  padding-top: 5px;
}

.m-tab-companies {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto 100px;
}

.but-case {
  color: #fff;
  background-color: #1ddb00;
  border-radius: 8px;
  margin-right: 20px;
  font-size: 18px;
  line-height: 18px;
  display: none;
}

.mrp-links {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 18px;
  display: flex;
}

.ts-error-info {
  background-color: #ff5f5f;
  border: 0 solid red;
  border-radius: 6px;
  margin-top: 10px;
  padding: 5px;
}

.tsi-info {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
}

.tab-td-tr.tab-td-tr-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.download-files {
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.download-file {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 0;
  display: flex;
}

.df-file-name {
  color: #333;
  margin-left: 5px;
  line-height: 14px;
  text-decoration: none;
}

.df-file-name:hover {
  text-decoration: underline;
}

.tstd-file-ico {
  cursor: pointer;
  background-image: url('../images/2124302_document_app_essential_icon_12124302_document_app_essential_icon.png');
  background-position: 50%;
  background-size: cover;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-top: 0;
}

.ico-link {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/link_linked_multimedia_icon.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  width: 25px;
  height: 25px;
  transition: background-color .2s;
}

.ico-link:hover {
  background-color: #fff;
}

.mt-td-docks {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ico-doc {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/2124302_document_app_essential_icon_12124302_document_app_essential_icon.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 2px;
  margin-right: 2px;
  transition: background-color .2s;
}

.ico-doc:hover {
  background-color: #fff;
}

.ccpr-remark {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding-left: 5px;
  padding-right: 10px;
  transition: border-color .2s;
  display: flex;
}

.ccpr-remark:hover {
  border-color: #0000004a;
}

.ccpr-remark-left {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.ccpr-remark-right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ccpr-remark-select {
  box-shadow: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #00000014;
  border-radius: 5px;
  height: 25px;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 2px 10px;
  line-height: 14px;
  transition: border-color .2s;
}

.ccpr-remark-select:hover {
  border-color: #0000004a;
}

.ccpr-remark-select.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.ccpr-rem-inpup {
  color: #000;
  border: 0 solid #0000;
  border-radius: 5px;
  flex: 1;
  height: 32px;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.ccpr-rem-inpup:hover {
  border-width: 0;
}

.dpn-input-data {
  box-shadow: none;
  color: #000;
  background-image: url('../images/calendar2.png');
  background-position: 110px;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #00000014;
  border-radius: 5px;
  width: 135px;
  height: 35px;
  margin-bottom: 0;
  padding: 5px 15px 5px 5px;
  line-height: 14px;
  transition: border-color .2s;
}

.dpn-input-data:hover {
  border-color: #0000004a;
}

.dpn-input-data.ccpr-texarea {
  height: 100px;
}

.dpn-input-data.ci-bold {
  font-weight: 700;
}

.dpn-input-data.ccpr-data {
  background-image: url('../images/calendar2.png');
  background-position: 125px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 150px;
}

.dpn-input-data.ccpr-auto {
  width: auto;
  min-width: 200px;
}

.doc-remarks {
  background-color: #f5f5f5;
  flex-flow: column;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  display: flex;
}

.mttd-txt-infored {
  margin-right: 5px;
  padding: 5px;
  line-height: 16px;
}

.mttd-txt-infored.mttd-txt-min {
  color: #999;
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
}

.ccp-line {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ccpl-left {
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
}

.ccpl-right {
  flex: 1;
}

.mt-ico2 {
  cursor: pointer;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-left: 5px;
  margin-right: 5px;
}

.dnp-icons2 {
  opacity: 0;
}

.mrccsb-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.m-tab-files-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 30px auto auto 100px;
}

.cclp-link {
  color: #000;
  text-decoration: none;
}

.cclp-link:hover {
  text-decoration: underline;
}

.button-add-file {
  color: #1f1f1f;
  cursor: pointer;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 13px;
  transition: background-color .2s;
  display: flex;
}

.button-add-file:hover {
  background-color: #fff;
}

.butt-add-file-ety {
  line-height: 14px;
}

.butt-add-ico {
  background-image: url('../images/upload_icon.png');
  background-position: 50%;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-left: 7px;
  line-height: 14px;
}

.upload-drop-drop {
  z-index: 100;
  justify-content: center;
  align-items: stretch;
  width: auto;
  display: none;
  position: fixed;
  inset: 0%;
}

.udd {
  background-color: #fff;
  border: 2px dashed #66c9ff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 300px;
  overflow: hidden;
  box-shadow: 5px 5px 20px #0000001a;
}

.udd-content {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 63px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.udd-middle {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -141px;
}

.udd-ico {
  width: 80px;
  margin-bottom: 10px;
}

.udd-select {
  color: #000;
  cursor: pointer;
  background-color: #dfdfdf;
  border-radius: 4px;
  margin-left: 10px;
  padding: 6px 7px;
  font-size: 13px;
  line-height: 13px;
  transition: background-color .2s;
  display: block;
}

.udd-select:hover {
  background-color: #cacaca;
}

.udd-bottom {
  justify-content: center;
  align-items: center;
  display: flex;
}

.udd-close {
  color: #000;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 4px;
  padding: 6px 7px;
  font-size: 13px;
  line-height: 13px;
  transition: background-color .2s;
  position: absolute;
  top: -57.5px;
}

.udd-close:hover {
  background-color: #cacaca;
}

.cover {
  z-index: 99;
  background-color: #ffffff59;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.udd-upload-area {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: -100%;
}

.udd-upload-bottom {
  z-index: 3;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  top: -100%;
}

.udd-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto max-content auto;
  place-items: center;
  width: 100vw;
}

.uddg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.uddg.uddgc {
  height: 300px;
  max-height: 300px;
}

.uddg-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.udd-marg {
  flex: 1;
  width: 600px;
}

.mrcc-note {
  color: #000;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 35px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px 10px;
  transition: border-color .2s;
  display: flex;
}

.mrcc-note:hover {
  border-color: #0000004a;
}

.mrcc-note-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mrcc-note-ety {
  opacity: .5;
  color: #000;
  padding-right: 10px;
  line-height: 16px;
}

.mrcc-icons {
  opacity: 0;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.ico-edit {
  cursor: pointer;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 5px;
}

.mrcc-buttons {
  margin-top: 10px;
  padding-left: 120px;
  display: flex;
}

.mrcc-note-date {
  opacity: 0;
  color: #000;
  border-radius: 19px;
  font-size: 11px;
  line-height: 5px;
  position: relative;
  top: -4px;
}

.ccpr-rem-left {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ccpr-rem-textarea {
  color: #000;
  background-color: #f7f7f7;
  border: 0 solid #0000;
  min-width: 100%;
  max-width: 100%;
  min-height: 80px;
  margin-bottom: 5px;
  padding: 5px;
  overflow: visible;
}

.ccpr-rem-textarea:hover {
  border-width: 0;
}

.ccpr-rem-tr {
  margin-right: auto;
  padding-left: 5px;
}

.ccpr-checkbox-etyk {
  font-size: 13px;
  line-height: 13px;
}

.mrccs-params-frame {
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 0;
  transition: border-color .2s;
  display: flex;
}

.mrccs-params-frame:hover {
  border-color: #0000004a;
}

.pd-llabel-date {
  color: #000;
  background-color: #eee;
  border: 0 solid #ececec;
  border-radius: 5px;
  padding: 1px 3px 1px 2px;
  font-size: 12px;
  line-height: 12px;
  position: relative;
  top: 0;
}

.pd-llabel-date.pdl1.pdl-hide {
  opacity: 0;
  color: #4e4e4e;
  background-color: #e9e9e9;
  font-size: 12px;
  line-height: 12px;
}

.pd-llabel-date.pdl2 {
  background-color: #11e3ff;
}

.pd-llabel-date.pdl4 {
  background-color: #1fcccf;
}

.pd-llabel-date.pdl3 {
  background-color: #40e4ec;
}

.pd-llabel-date.pdl7 {
  background-color: #52e2b2;
}

.pd-llabel-date.pd6 {
  background-color: #4dedd7;
}

.pd-llabel-date.pd5 {
  background-color: #30dbd5;
}

.pd-llabel-date.pdl6 {
  background-color: #4dedd7;
}

.pd-llabel-date.pdl5 {
  background-color: #30dbd5;
}

.pd-dot-contener {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.pd-dot-data-contener {
  height: 0;
}

.tbt-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-tabl {
  z-index: 10;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffffe6;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 1px 40px #0000000d;
}

.tabl-footer-contener {
  padding: 5px 0;
}

.tab-info-save {
  border: 4px solid #e9e9e9;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 15px 20px;
}

.tabl-info-txt {
  margin-bottom: 0;
  font-size: 16px;
}

.m-tab-notifications {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: auto auto 100px;
}

@media screen and (max-width: 991px) {
  .t-section {
    width: 100%;
    margin-bottom: 10px;
  }

  .t-section.ts-right, .t-section.t-section-agent {
    width: 100%;
  }

  .t-sekcions {
    flex-direction: column;
  }

  .date-scope.data-scope-_hide {
    display: none;
  }

  .ts-checkbox-field {
    width: 30%;
  }

  .m-left {
    transform: translate(-100%);
  }

  .m-right {
    flex: 0 auto;
    width: 100%;
  }

  .mr-contener {
    padding-left: 0;
  }

  .mrl-right {
    justify-content: center;
    align-items: center;
    margin-right: 50px;
  }

  .mr-pulpit {
    flex-flow: column;
  }

  .mrp-left, .mrp-lright {
    width: 100%;
  }

  .mrp-stat {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mr-case-content {
    flex-flow: column;
  }

  .mrccleft {
    padding-right: 0;
  }

  .mrccright {
    padding-left: 0;
  }

  .mrc-case-buttons {
    flex-flow: wrap;
  }

  .mrf-content {
    margin-left: 0;
  }

  .hamb {
    z-index: 100;
    cursor: pointer;
    background-color: #0000000a;
    border-radius: 30px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    transition: background-color .2s;
    display: flex;
    position: fixed;
    inset: 15px 20px auto auto;
  }

  .hamb:hover {
    background-color: #00000024;
  }

  .hamb1 {
    background-color: #494949;
    border-radius: 20px;
    width: 4px;
    height: 4px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamb1.hab2 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .mrl-right2 {
    justify-content: center;
    align-items: center;
    margin-right: 50px;
  }

  .c-center {
    width: 95vw;
  }
}

@media screen and (max-width: 767px) {
  .center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .navi {
    width: 100%;
  }

  .navig {
    flex-wrap: wrap;
  }

  .form-block, .form {
    width: 100%;
  }

  .field-filtr.ff-search {
    flex: 1;
    min-width: 100px;
    margin-right: 0;
  }

  .form-tr {
    width: 100%;
  }

  .ts-tr {
    margin-bottom: 10px;
  }

  .tstd {
    flex-direction: column;
  }

  .inp-label {
    margin-bottom: 2px;
  }

  .date-scope {
    flex-wrap: wrap;
  }

  .logo.logo-login {
    width: 50px;
    margin-bottom: 10px;
    margin-left: 0;
    left: 0;
  }

  .tab-td {
    width: 100%;
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    left: 0%;
  }

  .tab-td.tab-td-right {
    width: 100%;
    padding-left: 0;
    left: 0%;
  }

  .ts-checks {
    width: 100%;
    margin-top: 5px;
    padding-top: 10px;
  }

  .m-left {
    transform: translate(-100%);
  }

  .m-right {
    flex: 0 auto;
    width: 100%;
  }

  .mr-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .bcrumb {
    font-size: 15px;
    line-height: 15px;
  }

  .logo-manager {
    width: 30px;
  }

  .mtt-label.mttl-orange {
    text-align: center;
  }

  .mrp-sect-stats {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .mrp-stat {
    flex: 0 auto;
    width: 48%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .mrp-stat.mrps-first {
    flex: 0 auto;
    width: 48%;
    margin-bottom: 20px;
  }

  .mrp-stat.mrps-last {
    margin-left: 0;
  }

  .mrps-but {
    display: none;
  }

  .mrps-but.mb-add {
    display: flex;
  }

  .ccp-left {
    max-width: 110px;
  }

  .mrc-case-buttons {
    flex-flow: row;
    overflow: auto;
  }

  .mrcc-link {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .hamb {
    top: 12px;
    right: 15px;
  }

  .logo-manager2 {
    width: 30px;
  }

  .dpn-left {
    max-width: 110px;
  }

  .contener {
    padding-top: 10px;
  }

  .tab-tr {
    flex-flow: column;
  }

  .mrp-links {
    justify-content: flex-end;
    align-items: center;
  }

  .udd {
    width: 90%;
    height: 250px;
  }

  .udd-content {
    padding-top: 43px;
  }

  .udd-middle {
    top: -115px;
  }
}

@media screen and (max-width: 479px) {
  .center {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .navi {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .calendar {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-butt {
    width: 46vw;
    margin-right: 0;
  }

  .navig, .form-block, .form {
    width: 100%;
  }

  .field-filtr {
    width: 46vw;
    margin-right: 0;
  }

  .field-filtr.ff-cal {
    background-position: 97%;
  }

  .field-filtr.ff-search {
    margin-top: 0;
  }

  .form-tr, .belka {
    width: 100%;
  }

  .date-scope {
    justify-content: space-between;
    width: 100%;
    margin-top: 5px;
  }

  .nav-butt-scope {
    width: 100%;
    margin-top: 5px;
    margin-right: 0;
  }

  .login-layer {
    padding-bottom: 100px;
  }

  .login-prompt {
    width: 90%;
  }

  .call-month {
    flex: 0 auto;
    width: 100%;
    min-width: 100%;
  }

  .call-month.call-month-carent {
    min-width: 100%;
  }

  .tab-td {
    width: 100%;
  }

  .tab-td.tab-td-right {
    width: 100%;
    padding-left: 0;
  }

  .ts-checkbox-field {
    width: 50%;
  }

  .mnagement {
    max-width: 100vw;
  }

  .m-left {
    width: 100%;
    transform: translate(-100%);
  }

  .m-right {
    max-width: 100vw;
  }

  .ml-navigation {
    margin-top: 20px;
  }

  .ml-top {
    padding-top: 15px;
    padding-left: 12px;
  }

  .mr-belka {
    align-items: center;
    padding-left: 15px;
  }

  .mr-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bcrumb {
    font-size: 13px;
    line-height: 13px;
  }

  .mrb-left {
    line-height: 14px;
  }

  .mrl-right {
    display: none;
  }

  .mrl-r-user {
    margin-top: 10px;
  }

  .mrs-belka-ety {
    font-size: 16px;
    line-height: 16px;
  }

  .mrc-case {
    flex-flow: column;
  }

  .mrcc-right {
    padding-left: 0;
  }

  .mrccr-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .mrc-case-type {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }

  .mrccr-progres {
    margin-top: 20px;
  }

  .pd-label.pdl1, .pd-label.pdl1.pdl-hide {
    font-size: 11px;
    line-height: 11px;
  }

  .mrcs-search {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 0;
  }

  .mrp-sect-stats {
    flex-flow: wrap;
  }

  .mrp-stat {
    width: 48%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mrp-stat.mrps-first {
    width: 48%;
  }

  .mrp-st-top {
    justify-content: space-around;
    width: 100%;
  }

  .mrp-st-ico {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
  }

  .mrp-ety {
    text-align: right;
    width: 100%;
    padding-left: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .mrp-inf {
    font-size: 40px;
  }

  .mrp-right {
    flex: 1;
    justify-content: center;
    align-items: flex-end;
  }

  .mrp-icon {
    width: 20px;
  }

  .mrps-but {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4px;
    font-size: 12px;
    line-height: 12px;
  }

  .mrc-filters {
    flex-flow: column;
  }

  .mrcf-select {
    margin: 2px 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .mrccs-param {
    flex-flow: column;
    margin-bottom: 5px;
  }

  .ccp-left {
    max-width: 100%;
    padding-bottom: 2px;
  }

  .ccpr-select.ccpr-auto {
    min-width: 100%;
  }

  .mrccs-docks-list {
    overflow: auto;
  }

  .mrc-case-buttons {
    flex-flow: row;
    overflow: auto;
  }

  .mrf-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mrf-buttons {
    overflow: auto;
  }

  .ico-plus.ip, .mrl-r-sightout {
    margin-top: 10px;
    display: none;
  }

  .ccp-checkbok {
    width: 50%;
  }

  .hamb {
    width: 36px;
    height: 36px;
  }

  .hamb1 {
    width: 4px;
    height: 4px;
  }

  .mrl-right2 {
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
    display: block;
  }

  .button-add {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    display: block;
  }

  .button-add.ip {
    color: #1ddb00;
    background-color: #fff;
    border: 2px solid #1ddb0047;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin-top: 5px;
    padding: 0;
    font-weight: 700;
    transition: background-color .2s;
    display: flex;
  }

  .button-add.ip:hover {
    background-color: #c0f5b840;
  }

  .doc-param-notice {
    flex-flow: column;
    margin-bottom: 5px;
  }

  .dpn-left {
    max-width: 100%;
    padding-bottom: 2px;
  }

  .dpn-select-notice.ccpr-auto {
    min-width: 100%;
  }

  .contener {
    padding-top: 10px;
  }

  .tstd-txt {
    margin-left: 0;
  }

  .tab-tr {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .tab-bel-tyt-right {
    text-align: right;
  }

  .ccpr-remark-select.ccpr-auto {
    min-width: 100%;
  }

  .udd-middle {
    flex-flow: column;
  }

  .udd-select {
    margin-top: 5px;
    margin-left: 0;
  }

  .udd-close {
    top: -46.5px;
  }

  .mrcc-note {
    flex-flow: column;
    align-items: flex-start;
  }

  .mrcc-icons {
    margin-top: 5px;
  }

  .pd-llabel-date.pdl1, .pd-llabel-date.pdl1.pdl-hide {
    font-size: 11px;
    line-height: 11px;
  }
}

#w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2c6-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2c9-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2cc-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2ce-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2d1-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2d4-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2d7-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2da-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2de-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2e2-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2e6-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2ea-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2ee-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2f5-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2f8-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae2fc-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae300-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae304-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae308-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae30c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae310-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae314-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae318-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae31c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae320-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae324-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae328-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae32c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae330-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae334-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae338-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae33c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae340-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae344-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae348-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae34c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae350-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae354-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae358-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae35c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae360-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae364-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae368-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae36c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae370-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae374-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae378-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae37c-a92ae2c5, #w-node-_4eded1c2-9303-8aa8-9831-734ea92ae380-a92ae2c5, #w-node-_08df63a0-d63f-2527-474d-ce035ba44fe9-d5aba531, #w-node-_84c22a0f-0bee-0623-96b9-262f88ea3219-d5aba531, #w-node-_9149df44-340f-3854-12fd-6f5e00589e7e-d5aba531, #w-node-_39bbd681-8063-45b8-28b7-39f5b0b0377a-d5aba531, #w-node-ed79f52a-d556-1389-bb4e-d83793d70bff-d5aba531, #w-node-fd25054b-327b-8ad2-54e5-499d968e34cc-d5aba531, #w-node-_5f84fe36-4b0d-62b9-0a3f-9cc6345dad4b-d5aba531, #w-node-_9aa2c8b4-fcbb-c3da-1712-eb9330cae2a0-d5aba531, #w-node-dd9be434-7f1b-1d5c-d421-e68c97bd4c8e-d5aba531, #w-node-_8343892d-1d03-657e-17d1-0870efc6c003-d5aba531, #w-node-_18c5c9c1-8bbb-ddad-d9ea-47385311419e-d5aba531, #w-node-_4efc1498-8414-cd6b-f40a-444c90358c5b-d5aba531, #w-node-_08df63a0-d63f-2527-474d-ce035ba44fe9-d5aba534, #w-node-_84c22a0f-0bee-0623-96b9-262f88ea3219-d5aba534, #w-node-_9149df44-340f-3854-12fd-6f5e00589e7e-d5aba534, #w-node-_39bbd681-8063-45b8-28b7-39f5b0b0377a-d5aba534, #w-node-ed79f52a-d556-1389-bb4e-d83793d70bff-d5aba534, #w-node-_5f84fe36-4b0d-62b9-0a3f-9cc6345dad4b-d5aba534, #w-node-_2e741b1d-3982-32ac-006a-00604070155f-d5aba534, #w-node-_9f222d7b-ce66-2479-bc16-68daced421b2-d5aba534, #w-node-eb0e8daf-f4d5-5d31-1423-6f77cd1757ec-d5aba534, #w-node-ee79d833-df18-40e4-838a-b0de2953977a-d5aba534, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed15-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed18-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed1b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed1d-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed20-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed23-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed29-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed2d-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed31-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed35-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed39-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed3d-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed47-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed4b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed4f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed53-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed57-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed5b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed5f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed63-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed67-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed6b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed6f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed73-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed77-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed7b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed7f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed83-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed87-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed8b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed8f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed93-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed97-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed9b-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56ed9f-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56eda3-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56eda7-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edab-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edaf-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edb3-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edb7-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edbb-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edbf-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edc3-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edc7-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edcb-d5aba536, #w-node-a4d5ed38-a2cc-c399-3e32-389e3c56edcf-d5aba536 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}