@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=auto);
@charset "UTF-8";
/*
! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
  display: none;
}
*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
.fixed{
  position: fixed;
}
.relative{
  position: relative;
}
.top-0{
  top: 0px;
}
.right-0{
  right: 0px;
}
.order-first{
  order: -9999;
}
.m-0{
  margin: 0px;
}
.m-auto{
  margin: auto;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.mt-4{
  margin-top: 1rem;
}
.ml-4{
  margin-left: 1rem;
}
.mt-8{
  margin-top: 2rem;
}
.ml-12{
  margin-left: 3rem;
}
.-mt-px{
  margin-top: -1px;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mt-16{
  margin-top: 4rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-5{
  height: 1.25rem;
}
.h-8{
  height: 2rem;
}
.h-16{
  height: 4rem;
}
.h-full{
  height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.w-5{
  width: 1.25rem;
}
.w-8{
  width: 2rem;
}
.w-auto{
  width: auto;
}
.w-full{
  width: 100%;
}
.w-\[340px\]{
  width: 340px;
}
.w-11\/12{
  width: 91.666667%;
}
.max-w-6xl{
  max-width: 72rem;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.overflow-hidden{
  overflow: hidden;
}
.border-t{
  border-top-width: 1px;
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.p-6{
  padding: 1.5rem;
}
.p-0{
  padding: 0px;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-2{
  padding: 0.5rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.align-baseline{
  vertical-align: baseline;
}
.font-body{
  font-family: Montserrat;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-semibold{
  font-weight: 600;
}
.font-medium{
  font-weight: 500;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-4{
  line-height: 1rem;
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  padding: 0 10px;
}

input:focus {
  outline: none;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  font-size: 14px;
}

.header__main {
  height: 100px;
  background: #3FA9D9;
}

.contacts__phone, .contacts__email {
  position: relative;
  padding: 9px 0 9px 26px;
}
.contacts__phone:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 13px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7916 11.1451L12.6767 12.9938C12.3646 13.2759 11.9508 13.3715 11.5478 13.3719C9.76565 13.3249 8.08113 12.5534 6.69803 11.7613C4.42775 10.3058 2.34468 8.50106 1.0373 6.3201C0.535877 5.40555 -0.0524727 4.23865 0.00373975 3.21784C0.00875225 2.83384 0.126177 2.45696 0.433065 2.20944L2.54789 0.346686C2.98704 0.0175062 3.41173 0.13132 3.69275 0.514752L5.39414 3.35791C5.57321 3.69473 5.47049 4.05563 5.20331 4.29631L4.42416 4.98258C4.37606 5.04064 4.34544 5.10674 4.34466 5.17867C4.64344 6.19786 5.54858 7.13724 6.34818 7.78371C7.14776 8.43019 8.00724 9.30605 9.12289 9.51339C9.26079 9.54729 9.4297 9.5592 9.52836 9.47838L10.4347 8.66605C10.7472 8.45736 11.1983 8.35536 11.5319 8.526H11.5478L14.6167 10.1226C15.0672 10.3715 15.1141 10.8524 14.7916 11.1451Z' fill='%233FA9D9'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.contacts__email:before {
  content: "";
  position: absolute;
  width: 19px;
  height: 13px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.02402e-09 4.18536L9.20118 8.25453C9.29348 8.29534 9.39597 8.31665 9.5 8.31665C9.60403 8.31665 9.70652 8.29534 9.79882 8.25453L19 4.1861V11.2545C19 11.8641 18.7257 12.4506 18.2334 12.8938C17.741 13.3369 17.0679 13.603 16.3521 13.6375L16.1932 13.6412H2.80682C2.08988 13.6412 1.4001 13.408 0.878983 12.9893C0.357862 12.5706 0.0449079 11.9982 0.00431829 11.3896L6.02402e-09 11.2545V4.18536ZM2.80682 0.422424H16.1932C16.9101 0.422384 17.5999 0.655628 18.121 1.07431C18.6421 1.49299 18.9551 2.06536 18.9957 2.67402L19 2.80914V2.94427L9.5 7.14489L6.02402e-09 2.94427V2.80914C-4.69358e-05 2.19951 0.274251 1.61297 0.766626 1.16985C1.259 0.726725 1.93212 0.460611 2.64791 0.426096L2.80682 0.422424H16.1932H2.80682Z' fill='%233FA9D9'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.info__account-name {
  position: relative;
  padding: 9px 0 12px 30px;
}
.info__account-name::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_45)'%3E%3Cpath d='M9.99958 19.1304C15.0422 19.1304 19.13 15.0426 19.13 10C19.13 4.9574 15.0422 0.869568 9.99958 0.869568C4.95698 0.869568 0.869141 4.9574 0.869141 10C0.869141 15.0426 4.95698 19.1304 9.99958 19.1304Z' stroke='%233FA9D9' stroke-width='2'/%3E%3Cpath d='M9.99953 11.3044C11.6804 11.3044 13.043 9.94175 13.043 8.26089C13.043 6.58002 11.6804 5.21741 9.99953 5.21741C8.31867 5.21741 6.95605 6.58002 6.95605 8.26089C6.95605 9.94175 8.31867 11.3044 9.99953 11.3044Z' fill='%233FA9D9'/%3E%3Cpath d='M9.9996 11.7391C7.39092 11.7391 5.21701 13.4783 4.78223 14.7826C5.21701 15.2174 6.95614 16.9565 9.9996 16.9565C13.0431 16.9565 14.3474 15.6522 15.217 14.7826C14.7822 13.4783 12.6083 11.7391 9.9996 11.7391Z' fill='%233FA9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_45'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.info__logout {
  border: 1px solid #3FA9D9;
  border-radius: 5px;
  padding: 5px 17px;
  cursor: pointer;
}

.main__form-title {
  color: #007BC1;
}

.footer {
  background: #3FA9D9;
  color: #fff;
}
.footer__copyright p {
  margin: 7px 0;
}

.form {
  padding: 30px 55px;
  border: 1px solid #3FA9D9;
  border-radius: 3px;
}
.form__input {
  height: 35px;
  border: 1px solid #3FA9D9;
  border-radius: 5px;
  padding: 0 10px;
}
.form__label {
  margin-bottom: 7px;
  color: #808080;
}
.form__input-wrap {
  margin-bottom: 7px;
}
.form__btns {
  margin-top: 22px;
}
.form__btns-send {
  padding: 5px 17px;
  background: #3fa9d9;
  border-radius: 5px;
  color: #fff;
}
.form__field {
  position: relative;
}
.form__field-text {
  width: 90%;
  border: 1px solid #3FA9D9;
  padding: 20px 29px 0 26px;
  border-radius: 5px;
}
.form__btn {
  color: #fff;
  padding: 6px 24px;
  background: #3FA9D9;
  border-radius: 5px;
}
.form__group-btns {
  margin-top: 88px;
  margin-bottom: 64px;
}

.navigation__item {
  height: 100%;
  color: #fff;
}
.navigation__item .active {
  background-color: #007BC1;
}

.navigation__item:hover {
  background-color: #007BC1;
}

.table__h-row {
  background-color: #3FA9D9;
  border-radius: 5px;
  color: #fff;
}
.table__h-data {
  width: 143px;
  min-height: 60px;
  font-weight: 400;
  border-right: 1px solid #fff;
}
.table__h-data-n {
  width: auto;
  min-height: 60px;
  font-weight: 400;
  border-right: 1px solid #fff;
}
.table__h-data div {
  min-height: 60px;
}
.table__h-data-d {
  border-right: 1px solid #fff;
}
.table__h-data:first-child, .table__h-data-n {
  border-radius: 5px 0 0 5px;
}
.table__h-data:last-child {
  width: 74px;
  border-radius: 0 5px 5px 0;
}
.table__b-row .table__b-data .table__b-cell {
  min-height: 65px;
  border: 0.5px solid #3FA9D9;
}
.table__b-data:first-child .table__b-cell {
  border-radius: 5px 0 0 5px;
}
.table__b-data:last-child .table__b-cell {
  border-radius: 0 5px 5px 0;
}
.table__b-data:nth-child(4) .table__b-cell {
  padding: 0 20px;
}
.table__sort {
  display: block;
  width: 16px;
  position: relative;
}
.table__sort::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 20px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35355 0.646446C4.15829 0.451185 3.84171 0.451185 3.64645 0.646446L0.464466 3.82843C0.269204 4.02369 0.269204 4.34027 0.464466 4.53553C0.659728 4.7308 0.976311 4.7308 1.17157 4.53553L4 1.70711L6.82843 4.53553C7.02369 4.7308 7.34027 4.7308 7.53553 4.53553C7.7308 4.34027 7.7308 4.02369 7.53553 3.82843L4.35355 0.646446ZM4.5 21V1H3.5L3.5 21H4.5Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M11.6464 21.3536C11.8417 21.5488 12.1583 21.5488 12.3536 21.3536L15.5355 18.1716C15.7308 17.9763 15.7308 17.6597 15.5355 17.4645C15.3403 17.2692 15.0237 17.2692 14.8284 17.4645L12 20.2929L9.17157 17.4645C8.97631 17.2692 8.65973 17.2692 8.46447 17.4645C8.2692 17.6597 8.2692 17.9763 8.46447 18.1716L11.6464 21.3536ZM11.5 1L11.5 21H12.5L12.5 1H11.5Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.in-proccess {
  color: #FFB433;
}

.color-blue {
  color: #007BC1;
}

input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -9999;
  display: flex;
}

input[type=radio] + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input[type=radio] + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #3FA9D9;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* стили при наведении курсора на радио */
/* стили для радиокнопки, находящейся в состоянии disabled */
input[type=radio]:disabled + label::before {
  background-color: #e9ecef;
}

/* стили для радиокнопки, находящейся в состоянии checked */
input[type=radio]:checked + label::before {
  border-color: #3FA9D9;
  background-color: #3FA9D9;
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23fff'/%3e%3c/svg%3e");*/
}

.breadcrumbs__item {
  position: relative;
  padding-right: 15px;
}
.breadcrumbs__item::after {
  content: "/";
  position: absolute;
  right: 5px;
}
.breadcrumbs__item:last-child:after {
  content: "";
}

.request__title {
  color: #007BC1;
}
.request__table {
  overflow: auto;
  position: relative;
}
.request__table > .table {
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}
.request__table-title {
  text-align: left;
  color: #007BC1;
}

.footer {
  padding: 33px 0 29px 0;
}

.profile__status {
  border: 1px solid #3FA9D9;
  border-radius: 5px;
  padding: 5px 10px;
  width: 131px;
}
.profile__status span {
  color: #3FA9D9;
}
.profile__form label {
  margin-bottom: 7px;
}
.profile__form input, .profile__form select {
  height: 35px;
}
.profile__form select {
  padding: 0 14px;
}
.profile__com-data, .profile__experience {
  margin-bottom: 88px;
}
.profile__form-group {
  margin-bottom: 20px;
}
.profile__form-input, .profile__form-select {
  border: 1px solid #3FA9D9;
  box-sizing: border-box;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 9px 14px;
}
.profile__title, .profile__experience-title, .profile__education-title {
  color: #007BC1;
}

.form-select, .form-input {
  border: 1px solid #3FA9D9;
  box-sizing: border-box;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 7px 14px;
  height: 35px;
}
.form__control {
  margin-bottom: 88px;
}
.form__control-btn button {
  padding: 7px 50px;
  background: #3FA9D9;
  border-radius: 5px;
  color: #fff;
}
.form__control-info {
  font-size: 10px;
}

.switcher {
  margin-left: 5px;
}
.switcher input {
  position: relative;
  width: 32px;
  height: 16px;
  -webkit-appearance: none;
  outline: none;
  border-radius: 10px;
  transition: 0.5s;
  background: #3FA9D9;
  border: 1px solid #3FA9D9;
}
.switcher input:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  transition: 0.5s;
}
.switcher input:checked:before {
  left: 17px;
}

.modal {
  position: fixed;
  /* фиксированное положение */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  /* цвет фона */
  z-index: 1050;
  opacity: 0;
  /* по умолчанию модальное окно прозрачно */
  transition: opacity 200ms ease-in;
  /* анимация перехода */
  pointer-events: none;
  /* элемент невидим для событий мыши */
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* при отображении модального окно */
.modal:target {
  opacity: 1;
  /* делаем окно видимым */
  pointer-events: auto;
  /* элемент видим для событий мыши */
  overflow-y: auto;
  /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}

/* ширина модального окна и его отступы от экрана */
.modal-dialog {
  position: relative;
  width: 330px;
  margin: 10px;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

@media (min-width: 768px) {
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
/* свойства для заголовка модального окна */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

.modal-title {
  color: #007BC1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.25;
  font-size: 1.125rem;
  font-weight: 500;
}

/* свойства для кнопки "Закрыть" */
.close {
  float: right;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  text-decoration: none;
}

/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}

/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  overflow: auto;
}

.modal__form {
  padding: 31px 39px 31px 34px;
}

.modal__expert {
  border: 1px solid rgba(128, 128, 128, 0.2);
  border-radius: 5px;
  padding: 14px 9px;
}

.modal__expert-img {
  position: relative;
  width: 14px;
  height: 17px;
}
.modal__expert-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4508 13.8734C13.0996 12.9191 12.5899 12.0523 11.9502 11.3212C11.3125 10.5881 10.557 10.0035 9.72551 9.59987C9.71807 9.5956 9.71062 9.59347 9.70317 9.5892C10.863 8.62814 11.617 7.06269 11.617 5.29648C11.617 2.3706 9.55052 0 7 0C4.44949 0 2.38301 2.3706 2.38301 5.29648C2.38301 7.06269 3.13699 8.62814 4.29683 9.59133C4.28938 9.5956 4.28193 9.59774 4.27449 9.60201C3.44045 10.0057 2.69205 10.5844 2.04977 11.3234C1.41067 12.055 0.901113 12.9216 0.549245 13.8755C0.203571 14.8093 0.0171405 15.8105 4.65534e-05 16.8249C-0.000450341 16.8477 0.00303479 16.8703 0.0102967 16.8916C0.0175586 16.9128 0.0284503 16.9321 0.04233 16.9485C0.0562097 16.9648 0.0727966 16.9777 0.0911133 16.9866C0.10943 16.9955 0.129106 17 0.148982 17H1.266C1.34791 17 1.41307 16.9253 1.41493 16.8334C1.45216 15.1847 2.02929 13.6406 3.04949 12.4702C4.10507 11.2593 5.50693 10.593 7 10.593C8.49308 10.593 9.89493 11.2593 10.9505 12.4702C11.9707 13.6406 12.5478 15.1847 12.5851 16.8334C12.5869 16.9274 12.6521 17 12.734 17H13.851C13.8709 17 13.8906 16.9955 13.9089 16.9866C13.9272 16.9777 13.9438 16.9648 13.9577 16.9485C13.9715 16.9321 13.9824 16.9128 13.9897 16.8916C13.997 16.8703 14.0005 16.8477 14 16.8249C13.9813 15.804 13.797 14.8109 13.4508 13.8734ZM7 8.96985C6.14548 8.96985 5.34123 8.58756 4.73619 7.89347C4.13114 7.19937 3.79789 6.27676 3.79789 5.29648C3.79789 4.31621 4.13114 3.39359 4.73619 2.6995C5.34123 2.0054 6.14548 1.62312 7 1.62312C7.85452 1.62312 8.65877 2.0054 9.26381 2.6995C9.86886 3.39359 10.2021 4.31621 10.2021 5.29648C10.2021 6.27676 9.86886 7.19937 9.26381 7.89347C8.65877 8.58756 7.85452 8.96985 7 8.96985Z' fill='%233FA9D9'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.modal__expert-delete {
  position: relative;
  width: 12px;
  height: 14px;
  cursor: pointer;
}
.modal__expert-delete:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.923077 0.923077C0.678262 0.923077 0.443473 1.02033 0.270363 1.19344C0.0972524 1.36655 0 1.60134 0 1.84615V2.76923C0 3.01405 0.0972524 3.24883 0.270363 3.42194C0.443473 3.59506 0.678262 3.69231 0.923077 3.69231H1.38462V12C1.38462 12.4896 1.57912 12.9592 1.92534 13.3054C2.27156 13.6516 2.74114 13.8462 3.23077 13.8462H8.76923C9.25886 13.8462 9.72844 13.6516 10.0747 13.3054C10.4209 12.9592 10.6154 12.4896 10.6154 12V3.69231H11.0769C11.3217 3.69231 11.5565 3.59506 11.7296 3.42194C11.9027 3.24883 12 3.01405 12 2.76923V1.84615C12 1.60134 11.9027 1.36655 11.7296 1.19344C11.5565 1.02033 11.3217 0.923077 11.0769 0.923077H7.84615C7.84615 0.678262 7.7489 0.443473 7.57579 0.270363C7.40268 0.0972525 7.16789 0 6.92308 0L5.07692 0C4.83211 0 4.59732 0.0972525 4.42421 0.270363C4.2511 0.443473 4.15385 0.678262 4.15385 0.923077H0.923077ZM3.69231 4.61538C3.81472 4.61538 3.93211 4.66401 4.01866 4.75057C4.10522 4.83712 4.15385 4.95452 4.15385 5.07692V11.5385C4.15385 11.6609 4.10522 11.7783 4.01866 11.8648C3.93211 11.9514 3.81472 12 3.69231 12C3.5699 12 3.45251 11.9514 3.36595 11.8648C3.2794 11.7783 3.23077 11.6609 3.23077 11.5385V5.07692C3.23077 4.95452 3.2794 4.83712 3.36595 4.75057C3.45251 4.66401 3.5699 4.61538 3.69231 4.61538ZM6 4.61538C6.12241 4.61538 6.2398 4.66401 6.32636 4.75057C6.41291 4.83712 6.46154 4.95452 6.46154 5.07692V11.5385C6.46154 11.6609 6.41291 11.7783 6.32636 11.8648C6.2398 11.9514 6.12241 12 6 12C5.87759 12 5.7602 11.9514 5.67364 11.8648C5.58709 11.7783 5.53846 11.6609 5.53846 11.5385V5.07692C5.53846 4.95452 5.58709 4.83712 5.67364 4.75057C5.7602 4.66401 5.87759 4.61538 6 4.61538ZM8.76923 5.07692V11.5385C8.76923 11.6609 8.7206 11.7783 8.63405 11.8648C8.54749 11.9514 8.4301 12 8.30769 12C8.18528 12 8.06789 11.9514 7.98134 11.8648C7.89478 11.7783 7.84615 11.6609 7.84615 11.5385V5.07692C7.84615 4.95452 7.89478 4.83712 7.98134 4.75057C8.06789 4.66401 8.18528 4.61538 8.30769 4.61538C8.4301 4.61538 8.54749 4.66401 8.63405 4.75057C8.7206 4.83712 8.76923 4.95452 8.76923 5.07692Z' fill='%233FA9D9'/%3E%3C/svg%3E%0A");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 320px) and (max-width: 767.98px) {
  .form {
    padding: 30px 35px;
  }

  .logo {
    width: 40px;
    height: 40px;
  }

  .table {
    white-space: nowrap;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .table {
    white-space: nowrap;
  }
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (prefers-color-scheme: dark){
  .dark\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }
  .dark\:bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  }
  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }
  .dark\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
}
@media (min-width: 640px){
  .sm\:ml-0{
    margin-left: 0px;
  }
  .sm\:block{
    display: block;
  }
  .sm\:h-20{
    height: 5rem;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:justify-start{
    justify-content: flex-start;
  }
  .sm\:justify-between{
    justify-content: space-between;
  }
  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pt-0{
    padding-top: 0px;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-right{
    text-align: right;
  }
}
@media (min-width: 768px){
  .md\:block{
    display: block;
  }
  .md\:w-1\/2{
    width: 50%;
  }
  .md\:w-\[70\%\]{
    width: 70%;
  }
  .md\:w-\[30\%\]{
    width: 30%;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:border-t-0{
    border-top-width: 0px;
  }
  .md\:border-l{
    border-left-width: 1px;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px){
  .lg\:order-last{
    order: 9999;
  }
  .lg\:w-1\/4{
    width: 25%;
  }
  .lg\:w-2\/5{
    width: 40%;
  }
  .lg\:w-1\/3{
    width: 33.333333%;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:p-0{
    padding: 0px;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}