body {
    font-family: "Roboto";
    position: relative;
}

.input-width {
    width: 64px;
}

.header h2 {
		font-size: 2.15rem !important;
}

.header a {
  color: rgb(33, 37, 41) !important;
  text-decoration: none !important;
}

@media (max-width: 575.98px) {
    .input-block {
        padding: 0 15px;
    }

    .flag-icon {
        top: -22px !important;
    	right: 11px !important;
    }

	.flag-icon img {
        height: 40px !important;
        width: 40px !important;
    }

	.header {
		margin-top: 35px !important;
    padding-top: 15px;
	}

	.header h2 {
		font-size: 1.75rem !important;
	}
}

.flag-icon {
    position: absolute;
    top: 0;
    right: 8px;
    cursor: pointer;
}

.btn {
	--mdb-btn-padding-top: 0.625rem;
	--mdb-btn-padding-bottom: 0.5rem;
	--mdb-btn-border-width: 0;
	--mdb-btn-border-color: none;
	--mdb-btn-border-radius: 0.25rem;
	--mdb-btn-box-shadow: 0 4px 9px -4px rgba(var(--mdb-box-shadow-color-rgb), 0.35);
	--mdb-btn-hover-box-shadow: 0 8px 9px -4px rgba(var(--mdb-box-shadow-color-rgb), 0.15), 0 4px 18px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.1);
	--mdb-btn-focus-box-shadow: 0 8px 9px -4px rgba(var(--mdb-box-shadow-color-rgb), 0.15), 0 4px 18px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.1);
	--mdb-btn-active-box-shadow: 0 8px 9px -4px rgba(var(--mdb-box-shadow-color-rgb), 0.15), 0 4px 18px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.1);
	padding-top: var(--mdb-btn-padding-top);
	padding-bottom: var(--mdb-btn-padding-bottom);
	text-transform: uppercase;
	vertical-align: bottom;
	border: 0;
	border-radius: var(--mdb-btn-border-radius);
}

.btn {
	--mdb-btn-padding-x: 1.5rem;
	--mdb-btn-padding-y: 0.375rem;
	--mdb-btn-font-family: ;
	--mdb-btn-font-size: 0.75rem;
	--mdb-btn-font-weight: 450;
	--mdb-btn-line-height: 1.5;
	--mdb-btn-color: var(--mdb-body-color);
	--mdb-btn-bg: transparent;
	--mdb-btn-border-width: 2px;
	--mdb-btn-border-color: transparent;
	--mdb-btn-border-radius: 0.25rem;
	--mdb-btn-hover-border-color: transparent;
	--mdb-btn-box-shadow: 0 4px 9px -4px rgba(var(--mdb-box-shadow-color-rgb), 0.35);
	--mdb-btn-disabled-opacity: 0.65;
	--mdb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mdb-btn-focus-shadow-rgb), 0.5);
	display: inline-block;
	padding: var(--mdb-btn-padding-y) var(--mdb-btn-padding-x);
	font-family: var(--mdb-btn-font-family);
	font-size: var(--mdb-btn-font-size);
	font-weight: var(--mdb-btn-font-weight);
	line-height: var(--mdb-btn-line-height);
	color: var(--mdb-btn-color);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: var(--mdb-btn-border-width) solid var(--mdb-btn-border-color);
	border-radius: var(--mdb-btn-border-radius);
	background-color: var(--mdb-btn-bg);
	/* box-shadow: var(--mdb-btn-box-shadow); */
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary {
	--mdb-btn-bg: #3b71ca;
	--mdb-btn-color: #fff;
	--mdb-btn-box-shadow: 0 4px 9px -4px rgb(56.05, 107.35, 191.9);
	--mdb-btn-hover-bg: rgb(56.05, 107.35, 191.9);
	--mdb-btn-hover-color: #fff;
	--mdb-btn-focus-bg: rgb(56.05, 107.35, 191.9);
	--mdb-btn-focus-color: #fff;
	--mdb-btn-active-bg: rgb(53.1, 101.7, 181.8);
	--mdb-btn-active-color: #fff;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(56.05, 107.35, 191.9, 0.3), 0 4px 18px 0 rgba(56.05, 107.35, 191.9, 0.2);
}

.btn:hover {
	color: var(--mdb-btn-hover-color);
	background-color: var(--mdb-btn-hover-bg);
	border-color: var(--mdb-btn-hover-border-color);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	box-shadow: 0 4px 4px -2px rgba(0,0,0,.2);
}

.btn-secondary {
	--mdb-btn-bg: rgb(225.6, 233.7, 247.05);
	--mdb-btn-color: rgb(41.3, 79.1, 141.4);
	--mdb-btn-box-shadow: 0 4px 9px -4px rgb(227.07, 234.765, 247.4475);
	--mdb-btn-hover-bg: rgb(214.32, 222.015, 234.6975);
	--mdb-btn-hover-color: rgb(41.3, 79.1, 141.4);
	--mdb-btn-focus-bg: rgb(214.32, 222.015, 234.6975);
	--mdb-btn-focus-color: rgb(41.3, 79.1, 141.4);
	--mdb-btn-active-bg: rgb(214.32, 222.015, 234.6975);
	--mdb-btn-active-color: rgb(41.3, 79.1, 141.4);
	--mdb-btn-box-shadow-state: transparent;
}

.btn-secondary {
	--mdb-btn-bg: rgb(176.6, 198.2, 233.8);
	--mdb-btn-hover-bg: rgb(157, 184, 228.5);
	--mdb-btn-focus-bg: rgb(157, 184, 228.5);
	--mdb-btn-active-bg: rgb(157, 184, 228.5);
}

.btn-light {
	--mdb-btn-bg: #f5f5f5;
	--mdb-btn-color: #616161;
	--mdb-btn-box-shadow: 0 4px 9px -4px rgb(245.5, 245.5, 245.5);
	--mdb-btn-hover-bg: rgb(232.75, 232.75, 232.75);
	--mdb-btn-hover-color: #616161;
	--mdb-btn-focus-bg: rgb(245.5, 245.5, 245.5);
	--mdb-btn-focus-color: #616161;
	--mdb-btn-active-bg: rgb(220.5, 220.5, 220.5);
	--mdb-btn-active-color: #616161;
	--mdb-btn-box-shadow-state: 0 8px 9px -4px rgba(238.45, 238.45, 238.45, 0.3), 0 4px 18px 0 rgba(238.45, 238.45, 238.45, 0.2);
}

.btn-light:hover, .btn-light:active, .btn-light:focus {
	box-shadow: 0 4px 4px -2px rgba(0,0,0,.2);
}

:root {
  --mdb-red: #f44336;
  --mdb-pink: #e91e63;
  --mdb-purple: #9c27b0;
  --mdb-indigo: #3f51b5;
  --mdb-blue: #2196f3;
  --mdb-cyan: #00bcd4;
  --mdb-teal: #009688;
  --mdb-green: #4caf50;
  --mdb-yellow: #ffeb3b;
  --mdb-orange: #ff9800;
  --mdb-white: #fff;
  --mdb-black: #000;
  --mdb-gray: #757575;
  --mdb-gray-dark: #4f4f4f;
  --mdb-gray-50: #fbfbfb;
  --mdb-gray-100: #f5f5f5;
  --mdb-gray-200: #eeeeee;
  --mdb-gray-300: #e0e0e0;
  --mdb-gray-400: #bdbdbd;
  --mdb-gray-500: #9e9e9e;
  --mdb-gray-600: #757575;
  --mdb-gray-700: #616161;
  --mdb-gray-800: #4f4f4f;
  --mdb-gray-900: #262626;
  --mdb-primary: #3b71ca;
  --mdb-secondary: #9fa6b2;
  --mdb-success: #14a44d;
  --mdb-danger: #dc4c64;
  --mdb-warning: #e4a11b;
  --mdb-info: #54b4d3;
  --mdb-light: #fbfbfb;
  --mdb-dark: #332d2d;
  --mdb-primary-rgb: 59, 113, 202;
  --mdb-secondary-rgb: 159, 166, 178;
  --mdb-success-rgb: 20, 164, 77;
  --mdb-danger-rgb: 220, 76, 100;
  --mdb-warning-rgb: 228, 161, 27;
  --mdb-info-rgb: 84, 180, 211;
  --mdb-light-rgb: 251, 251, 251;
  --mdb-dark-rgb: 51, 45, 45;
  --mdb-primary-text-emphasis: rgb(47.2, 90.4, 161.6);
  --mdb-secondary-text-emphasis: rgb(63.6, 66.4, 71.2);
  --mdb-success-text-emphasis: rgb(12, 98.4, 46.2);
  --mdb-info-text-emphasis: rgb(58.8, 126, 147.7);
  --mdb-warning-text-emphasis: rgb(136.8, 96.6, 16.2);
  --mdb-danger-text-emphasis: rgb(176, 60.8, 80);
  --mdb-light-text-emphasis: #616161;
  --mdb-dark-text-emphasis: #eeeeee;
  --mdb-primary-bg-subtle: rgb(225.6, 233.7, 247.05);
  --mdb-secondary-bg-subtle: rgb(240.6, 241.65, 243.45);
  --mdb-success-bg-subtle: rgb(219.75, 241.35, 228.3);
  --mdb-info-bg-subtle: rgb(229.35, 243.75, 248.4);
  --mdb-warning-bg-subtle: rgb(250.95, 240.9, 220.8);
  --mdb-danger-bg-subtle: rgb(249.75, 228.15, 231.75);
  --mdb-light-bg-subtle: #f5f5f5;
  --mdb-dark-bg-subtle: #262626;
  --mdb-primary-border-subtle: rgb(176.6, 198.2, 233.8);
  --mdb-secondary-border-subtle: rgb(216.6, 219.4, 224.2);
  --mdb-success-border-subtle: rgb(161, 218.6, 183.8);
  --mdb-info-border-subtle: rgb(186.6, 225, 237.4);
  --mdb-warning-border-subtle: rgb(244.2, 217.4, 163.8);
  --mdb-danger-border-subtle: rgb(241, 183.4, 193);
  --mdb-light-border-subtle: #eeeeee;
  --mdb-dark-border-subtle: #9e9e9e;
  --mdb-white-rgb: 255, 255, 255;
  --mdb-black-rgb: 0, 0, 0;
  --mdb-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --mdb-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --mdb-body-font-family: var(--mdb-font-roboto);
  --mdb-body-font-size:1rem;
  --mdb-body-font-weight: 400;
  --mdb-body-line-height: 1.6;
  --mdb-body-color: #4f4f4f;
  --mdb-body-color-rgb: 79, 79, 79;
  --mdb-body-bg: #fff;
  --mdb-body-bg-rgb: 255, 255, 255;
  --mdb-emphasis-color: #000;
  --mdb-emphasis-color-rgb: 0, 0, 0;
  --mdb-secondary-color: rgba(79, 79, 79, 0.75);
  --mdb-secondary-color-rgb: 79, 79, 79;
  --mdb-secondary-bg: #eeeeee;
  --mdb-secondary-bg-rgb: 238, 238, 238;
  --mdb-tertiary-color: rgba(79, 79, 79, 0.5);
  --mdb-tertiary-color-rgb: 79, 79, 79;
  --mdb-tertiary-bg: #fbfbfb;
  --mdb-tertiary-bg-rgb: 251, 251, 251;
  --mdb-heading-color: inherit;
  --mdb-link-color: #3b71ca;
  --mdb-link-color-rgb: 59, 113, 202;
  --mdb-link-decoration: none;
  --mdb-link-hover-color: rgb(56.05, 107.35, 191.9);
  --mdb-link-hover-color-rgb: 56, 107, 192;
  --mdb-link-hover-decoration: none;
  --mdb-code-color: #e91e63;
  --mdb-highlight-color: #4f4f4f;
  --mdb-highlight-bg: #fff9c4;
  --mdb-border-width: 1px;
  --mdb-border-style: solid;
  --mdb-border-color: #e0e0e0;
  --mdb-border-color-translucent: rgba(0, 0, 0, 0.175);
  --mdb-border-radius: 0.25rem;
  --mdb-border-radius-sm: 0.25rem;
  --mdb-border-radius-lg: 0.5rem;
  --mdb-border-radius-xl: 1rem;
  --mdb-border-radius-xxl: 2rem;
  --mdb-border-radius-2xl: var( --mdb-border-radius-xxl );
  --mdb-border-radius-pill: 50rem;
  --mdb-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --mdb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --mdb-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --mdb-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --mdb-focus-ring-width: 0.25rem;
  --mdb-focus-ring-opacity: 0.25;
  --mdb-focus-ring-color: rgba(59, 113, 202, 0.25);
  --mdb-form-valid-color: #14a44d;
  --mdb-form-valid-border-color: #14a44d;
  --mdb-form-invalid-color: #dc4c64;
  --mdb-form-invalid-border-color: #dc4c64
}

.accordion {
  --mdb-accordion-color: var(--mdb-surface-color);
  --mdb-accordion-bg: var(--mdb-body-bg);
  --mdb-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --mdb-accordion-border-color: var(--mdb-border-color);
  --mdb-accordion-border-width: var(--mdb-border-width);
  --mdb-accordion-border-radius: 0.5rem;
  --mdb-accordion-inner-border-radius: calc(0.5rem - (var(--mdb-border-width)));
  --mdb-accordion-btn-padding-x: 1.5rem;
  --mdb-accordion-btn-padding-y: 1.15rem;
  --mdb-accordion-btn-color: var(--mdb-surface-color);
  --mdb-accordion-btn-bg: var(--mdb-accordion-bg);
  --mdb-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --mdb-accordion-btn-icon-width: 1.25rem;
  --mdb-accordion-btn-icon-transform: rotate(-180deg);
  --mdb-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --mdb-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233b71ca' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  /* --mdb-accordion-btn-focus-box-shadow: inset 0 -1px 0 var(--mdb-border-color); */
  --mdb-accordion-btn-focus-box-shadow: inset 0 0 0 var(--mdb-border-color);
  --mdb-accordion-body-padding-x: 1.5rem;
  --mdb-accordion-body-padding-y: 1.15rem;
  --mdb-accordion-active-color: #3b71ca;
  --mdb-accordion-active-bg: var(--mdb-surface-bg)
}
.accordion-button {
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  padding:var(--mdb-accordion-btn-padding-y) var(--mdb-accordion-btn-padding-x);
  font-size:1rem;
  color:var(--mdb-accordion-btn-color);
  text-align:left;
  background-color:var(--mdb-accordion-btn-bg);
  border:0;
  border-radius:0;
  overflow-anchor:none;
  transition:var(--mdb-accordion-transition)
}
@media(prefers-reduced-motion: reduce) {
  .accordion-button {
    transition:none
  }
}
.accordion-button:not(.collapsed) {
  color:var(--mdb-accordion-active-color);
  background-color:var(--mdb-accordion-active-bg);
  box-shadow:inset 0 calc(-1*var(--mdb-accordion-border-width)) 0 var(--mdb-accordion-border-color)
}
.accordion-button:not(.collapsed)::after {
  background-image:var(--mdb-accordion-btn-active-icon);
  transform:var(--mdb-accordion-btn-icon-transform)
}
.accordion-button::after {
  flex-shrink:0;
  width:var(--mdb-accordion-btn-icon-width);
  height:var(--mdb-accordion-btn-icon-width);
  margin-left:auto;
  content:"";
  background-image:var(--mdb-accordion-btn-icon);
  background-repeat:no-repeat;
  background-size:var(--mdb-accordion-btn-icon-width);
  transition:var(--mdb-accordion-btn-icon-transition)
}
@media(prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition:none
  }
}
.accordion-button:hover {
  z-index:2
}
.accordion-button:focus {
  z-index:3;
  outline:0;
  box-shadow:var(--mdb-accordion-btn-focus-box-shadow)
}
.accordion-header {
  margin-bottom:0
}
.accordion-item {
  color:var(--mdb-accordion-color);
  background-color:var(--mdb-accordion-bg);
  border:var(--mdb-accordion-border-width) solid var(--mdb-accordion-border-color)
}
.accordion-item:first-of-type {
  border-top-left-radius:var(--mdb-accordion-border-radius);
  border-top-right-radius:var(--mdb-accordion-border-radius)
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius:var(--mdb-accordion-inner-border-radius);
  border-top-right-radius:var(--mdb-accordion-inner-border-radius)
}
.accordion-item:not(:first-of-type) {
  border-top:0
}
.accordion-item:last-of-type {
  border-bottom-right-radius:var(--mdb-accordion-border-radius);
  border-bottom-left-radius:var(--mdb-accordion-border-radius)
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-right-radius:var(--mdb-accordion-inner-border-radius);
  border-bottom-left-radius:var(--mdb-accordion-inner-border-radius)
}
.accordion-item:last-of-type>.accordion-collapse {
  border-bottom-right-radius:var(--mdb-accordion-border-radius);
  border-bottom-left-radius:var(--mdb-accordion-border-radius)
}
.accordion-body {
  padding:var(--mdb-accordion-body-padding-y) var(--mdb-accordion-body-padding-x)
}
.accordion-flush>.accordion-item {
  border-right:0;
  border-left:0;
  border-radius:0
}
.accordion-flush>.accordion-item:first-child {
  border-top:0
}
.accordion-flush>.accordion-item:last-child {
  border-bottom:0
}
.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  border-radius:0
}
.accordion-flush>.accordion-item>.accordion-collapse {
  border-radius:0
}

.accordion-body {
	font-size: 0.95rem;
}


/* Анимация блоком полей ввода данных */

.slide-in-left {
  animation: slideInFromLeft 0.3s forwards;
}

.slide-out-right {
  animation: slideOutToRight 0.3s forwards;
}

.slide-in-right {
  animation: slideInFromRight 0.3s forwards;
}

.slide-out-left {
  animation: slideOutToLeft 0.3s forwards;
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOutToRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOutToLeft {
  from {
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}