@charset "UTF-8";

/* Reset and base styles  */

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Links */

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

:root {
  --color-dark: #242424;
  --color-grey: #e1e1e1;
  --color-primary: #de002a;
  --color-white: #fff;
  --color-dark-grey: #b1b1b1;
  --color-green: #00ab14;
  --color-blue: #0068de;
}

/* Form */

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

html,
body {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  min-height: 100%;
  background: var(--color-grey);
  color: var(--color-dark);
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

a {
  color: var(--color-dark);
}

a:hover {
  text-decoration: underline;
}

div.container {
  width: 1224px;
  margin: 0 auto;
}

.table-title {
  background: var(--color-grey);
  padding: 1rem;
  text-align: center;
  font-size: 15pt;
  border-top: 1px solid var(--color-dark);
  border-left: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
}

.table-container {
  overflow-x: auto;
  padding-bottom: 1rem;
}

.btn {
  display: inline-block;
  background: var(--color-grey);
  color: var(--color-dark);
  padding: 15px;
  text-align: center;
}

.btn.btn-primary {
  background: var(--color-primary);
  color: var(--color-white);
}

.btn.btn-sm {
  padding: 10px;
}

.btn.is-disabled {
  pointer-events: none;
  cursor: default;
  color: var(--color-dark-grey);
  background: var(--color-grey);
}

.message {
  padding: 5px 10px;
  display: none;
}

.message.error {
  background: #ffb2b2;
}

.message.is-active {
  display: block;
}

header {
  flex: 0 0 auto;
}

header.header {
  min-height: 100px;
  background: linear-gradient(to right, #e1e1e1 0%, #e1e1e1 50%, #de002a 50%, #de002a 100%);
  position: relative;
}

header.header.is-active-cart .container .menu {
  width: 70%;
}

header.header.is-active-cart .container .cart {
  display: block;
}

header.header .container {
  background: #e1e1e1;
  display: flex;
  justify-content: space-between;
}

header.header .container .menu-sandwich {
  display: none;
}

header.header .container .logo {
  padding-top: 22px;
  width: 20%;
}

header.header .container .login-current {
  position: absolute;
  top: 1rem;
  display: flex;
  padding-left: 12px;
}

header.header .container .login-current .login-name {
  font-size: 11pt;
  padding-right: 1rem;
}

header.header .container .login-current a {
  position: relative;
  top: 2px;
  font-size: 9pt;
  text-decoration: underline;
}

header.header .container .menu {
  width: 80%;
  position: relative;
  height: 100px;
}

header.header .container .menu ul {
  list-style: none;
  padding: 0 80px 0 0;
  margin: 0;
  display: flex;
  bottom: 0;
  position: absolute;
}

header.header .container .menu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}

header.header .container .menu ul li a {
  display: flex;
  padding: 15px 12px;
  color: #242424;
  text-align: center;
  text-decoration: none;
  align-items: center;
  max-height: 45px;
  max-width: 130px;
  text-align: left;
}

header.header .container .menu ul li a:hover {
  background: #de002a;
  color: #fff;
}

header.header .container .menu ul li.is-active a {
  background: #de002a;
  color: #fff;
}

header.header .container .cart {
  display: none;
  width: 12%;
  background-color: #de002a;
  height: 100px;
  text-align: right;
  color: #fff;
  position: relative;
}

header.header .container .cart .inner {
  display: block;
  color: var(--color-white);
  text-decoration: none;
  padding-top: 22px;
  background-image: url("../img/cart.png");
  background-position: 22px 22px;
  background-repeat: no-repeat;
  position: relative;
}

header.header .container .cart .counter {
  margin-top: 10px;
}

header.header .container .cart .counter span {
  font-weight: bold;
}

header.header .container .cart .total span {
  font-weight: bold;
}

header.header .container .cart:before {
  content: "";
  position: absolute;
  left: -45px;
  bottom: 0px;
  border: 51px solid transparent;
  border-top: 117px solid #de002a;
  transform: rotate(-180deg);
}

header.header .container .cart:after {
  content: "";
  display: block;
  position: absolute;
  left: -23px;
  width: 2px;
  background: #000;
  height: 108px;
  top: -4px;
  transform: rotate(-156deg);
}

footer {
  flex: 0 0 auto;
}

footer.footer {
  padding: 1.5rem 0;
  text-align: center;
  background: #e1e1e1;
}

main {
  background: #fff;
  padding: 40px 0;
  flex: 1 0 auto;
  /* manager users */
  /* catalog vehicles */
  /* page schedule-info */
  /* page register */
  /* page export */
  /* page guarantee */
}

main.page--login {
  background: #fff url("../img/bg-login.png") no-repeat center;
  background-size: cover;
  background-position-y: 50px;
  padding: 10% 0 0;
}

main.page--login .form-login {
  width: 270px;
  margin: 0 auto;
}

main.page--login .form-login h1 {
  text-align: center;
  font-size: 16pt;
  color: #242424;
  margin-bottom: 50px;
}

main.page--login .form-login label {
  display: flex;
  border: 1px solid #000;
  font-size: 10pt;
  margin-bottom: 1rem;
  /*width: 260px;*/
}

main.page--login .form-login label span {
  padding: 12px 20px;
  background: #e1e1e1;
  width: 82px;
}

main.page--login .form-login label input {
  background: #fff;
  padding: 12px 20px;
  width: calc(100% - 82px);
}

main.page--login .form-login .btn {
  width: 180px;
  margin: 0 auto;
  display: block;
}

main .breadcrumbs__list {
  display: flex;
}

main .breadcrumbs__list .breadcrumbs__item {
  color: var(--color-dark-grey);
  margin-right: 7px;
  margin-left: 7px;
  position: relative;
}

main .breadcrumbs__list .breadcrumbs__item a {
  color: var(--color-dark-grey);
}

main .breadcrumbs__list .breadcrumbs__item :before {
  display: block;
  content: "";
  width: 3px;
  height: 3px;
  background: var(--color-dark-grey);
  border-radius: 5px;
  left: -8px;
  top: 7px;
  position: absolute;
}

main .breadcrumbs__list .breadcrumbs__item:first-child {
  margin-left: 0px;
}

main .breadcrumbs__list .breadcrumbs__item:first-child :before {
  display: none;
}

main h1 {
  text-align: center;
  font-size: 16pt;
  color: #242424;
  margin-bottom: 20px;
  margin-top: 15px;
}

main .form-search {
  width: 512px;
  height: 40px;
  background: url(../img/search.png);
  padding: 10px;
  display: flex;
}

main .form-search input[type=text] {
  background: #fff;
  width: 400px;
  color: var(--color-primary);
  padding: 0 5px;
}

main .form-search input[type=submit] {
  display: block;
  margin: 0 27px;
  color: #fff;
}

main .block-events {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

main .block-events .btn-event-catalog {
  background-image: url("../img/car.png");
  background-repeat: no-repeat;
  background-position: left 0;
  height: 40px;
  display: block;
  padding-left: 65px;
  width: 220px;
  padding-top: 3px;
}

main .block-events .block-events--items {
  display: flex;
  position: relative;
}

main .block-events .block-events--items .catalog-filter {
  display: none;
  position: absolute;
  border: 1px solid var(--color-dark);
  background: var(--color-white);
  /* padding: 10px; */
  right: 0;
  top: 4rem;
  box-shadow: 0px 1px 13px 7px rgba(34, 60, 80, 0.14);
}

main .block-events .block-events--items .catalog-filter .catalog-filter-title {
  background: var(--color-grey);
  font-weight: bold;
  padding: 1rem 0;
  text-align: center;
  width: 200px;
}

main .block-events .block-events--items .catalog-filter ul {
  padding-top: 5px;
  padding-bottom: 5px;
}

main .block-events .block-events--items .catalog-filter ul li label {
  padding: 5px 15px;
  display: flex;
}

main .block-events .block-events--items .catalog-filter ul li label span {
  padding-left: 10px;
}

main .block-events .block-events--items .catalog-filter.is-active {
  display: block;
}

main .block-events .btn-event-export {
  background-image: url("../img/export.png");
  background-repeat: no-repeat;
  background-position: right 0;
  height: 40px;
  display: block;
  padding-left: 65px;
  width: 180px;
  padding-top: 3px;
}

main .block-events .btn-event-filter {
  background-image: url("../img/filter.png");
  background-repeat: no-repeat;
  background-position: right 0;
  height: 40px;
  display: block;
  padding-left: 65px;
  width: 39px;
  padding-top: 3px;
}

main .table-border {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
}

main .table-border .thead {
  background: var(--color-grey);
  font-weight: bold;
}

main .table-border thead {
  background: var(--color-grey);
}

main .table-border thead td {
  padding: 13px 13px 20px;
  text-align: center;
  font-weight: bold;
}

main .table-border td {
  border: 1px solid var(--color-dark);
  border-collapse: collapse;
  border-spacing: 0;
  padding: 7px;
}

main .table-catalog {
  font-size: 9pt;
}

main .table-catalog .head-basket {
  width: 100px;
}

main .table-catalog .head-counter {
  width: 100px;
}

main .table-catalog .head-photo {
  width: 60px;
}

main .table-catalog .item-photo {
  display: block;
  width: 18px;
  height: 14px;
  background: url("../img/photo.png");
  margin: 0 auto;
  opacity: 0.6;
}

main .table-catalog .head-stock {
  width: 100px;
}

main .table-catalog .head-brand,
main .table-catalog .head-article {
  width: 170px;
}

main .table-catalog .head-price {
  width: 100px;
}

main .table-catalog .item-center {
  text-align: center;
}

main .table-catalog .item-counter {
  width: 70px;
  max-width: 70px;
  display: flex;
  margin: 0 auto;
}

main .table-catalog .item-counter .minus {
  display: block;
  width: 20px;
  text-align: center;
  text-decoration: none;
}

main .table-catalog .item-counter input {
  width: 30px;
  text-align: center;
}

main .table-catalog .item-counter input:hover,
main .table-catalog .item-counter input:focus {
  background: var(--color-grey);
}

main .table-catalog .item-counter .plus {
  display: block;
  width: 20px;
  text-align: center;
  text-decoration: none;
}

main .table-catalog .item-basket {
  display: block;
  background: url("../img/add-cart.png") no-repeat right;
}

main .head-order {
  display: flex;
  justify-content: space-between;
}

main .head-order .head-status {
  color: #de002a;
}

main .pagination {
  margin: 40px 0;
  text-align: center;
}

main .pagination .link-more {
  text-align: center;
  color: var(--color-primary);
}

main .pagination ul {
  margin: 17px 0;
  display: flex;
  justify-content: center;
}

main .pagination ul li {
  margin: 0 7px;
}

main .pagination ul li.current a {
  font-weight: bold;
}

main .pagination ul li.prev a {
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("../img/arrow.png");
}

main .pagination ul li.next a {
  display: inline-block;
  width: 10px;
  height: 16px;
  background: url("../img/arrow.png");
  transform: rotate(180deg);
}

main.page--users .users {
  display: flex;
  margin-top: 3rem;
}

main.page--users .users .title {
  text-align: center;
  margin-bottom: 1rem;
}

main.page--users .users .form-add {
  width: 30%;
  margin-right: 10%;
}

main.page--users .users .form-add label {
  display: flex;
  border: 1px solid #000;
  font-size: 10pt;
  margin-bottom: 1rem;
  /*width: 260px;*/
}

main.page--users .users .form-add label span {
  padding: 7px 20px;
  background: #e1e1e1;
  width: 130px;
}

main.page--users .users .form-add label input {
  background: #fff;
  padding: 7px 20px;
  width: calc(100% - 130px);
}

main.page--users .users .users-list {
  width: 35%;
}

main.page--users .users .users-list .inner {
  padding: 1rem;
  background: var(--color-grey);
  border: 1px solid var(--color-dark);
}

main.page--users .users .users-list .inner .user-item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

main.page--users .users .users-list .inner .user-item input {
  width: 10%;
  cursor: pointer;
}

main.page--users .users .users-list .inner .user-item .company {
  width: 54%;
  padding-left: 1rem;
  padding-top: 3px;
}

main.page--users .users .users-list .inner .user-item .status {
  width: 20%;
  padding: 5px;
  text-align: center;
  font-size: 8pt;
  background: var(--color-dark-grey);
}

main.page--users .users .users-list .inner .user-item .status.is-active {
  background: var(--color-primary);
  color: var(--color-white);
}

main.page--users .users .users-list .inner .user-item .add-user {
  cursor: pointer;
  width: 15%;
  padding: 5px;
  text-align: center;
  font-size: 8pt;
  opacity: 0.7;
}

main.page--users .users .users-list .inner .user-item .user-agents {
  width: 100%;
  margin-top: 0.5rem;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agents-show {
  width: 100%;
  padding-left: 4rem;
  display: flex;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agents-show a {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: var(--color-white);
  border: 1px solid var(--color-dark-grey);
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agents-show a:before {
  display: flex;
  width: 12px;
  height: 12px;
  content: "+";
  align-items: center;
  justify-content: center;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agents-show .label {
  padding-left: 0.5rem;
  font-size: 8pt;
  font-weight: bold;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item {
  display: none;
  padding-left: 4rem;
  padding-top: 0.5rem;
  font-size: 8pt;
  justify-content: space-between;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .name {
  border-bottom: 1px dashed var(--color-dark-grey);
  text-decoration: none;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .status {
  padding: 0;
  background: transparent;
  border-bottom: 1px dashed var(--color-dark-grey);
  cursor: pointer;
  text-decoration: none;
  width: auto;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .status:hover {
  border-color: transparent;
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .status.is-active {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .status.is-active:hover {
  border-color: transparent;
}

main.page--users .users .users-list .inner .user-item .user-agents.is-active .user-agents-show a:before {
  content: "-";
}

main.page--users .users .users-list .inner .user-item .user-agents.is-active .user-agent-item {
  display: flex;
}

main.page--users .users .users-list .inner .events {
  margin-top: 2rem;
  text-align: center;
}

main .catalog-vehicles {
  display: flex;
  justify-content: space-between;
}

main .catalog-vehicles .filter-status {
  width: 180px;
  padding-right: 30px;
}

main .catalog-vehicles .filter-status .filter-title {
  background: var(--color-primary);
  color: var(--color-white);
  padding: 10px 0;
  text-align: center;
}

main .catalog-vehicles .filter-status .filter-items {
  padding-top: 5px;
}

main .catalog-vehicles .filter-status .filter-items li {
  padding: 5px 10px;
}

main .catalog-vehicles .filter-status .filter-items li label {
  display: flex;
}

main .catalog-vehicles .filter-status .filter-items li label span {
  padding-left: 5px;
}

main .catalog-vehicles .content {
  width: calc(100% - 180px);
}

main .catalog-vehicles .container-table {
  overflow-x: auto;
}

main .catalog-vehicles .status.status-error {
  color: var(--color-primary);
  font-weight: bold;
}

main .catalog-vehicles .status.status-success {
  color: var(--color-green);
  font-weight: bold;
}

main .catalog-vehicles .status.status-confirm {
  color: var(--color-blue);
  font-weight: bold;
}

main .catalog-vehicles .status.status-hide {
  color: var(--color-dark-grey);
  font-weight: bold;
}

main .schedule-info .information {
  display: flex;
}

main .schedule-info .information .title {
  text-align: center;
  margin-bottom: 1rem;
}

main .schedule-info .information .detail {
  width: 40%;
}

main .schedule-info .information .schedule-table {
  width: 60%;
  padding-left: 2rem;
}

main .schedule-info .information .schedule-table .title {
  color: transparent;
}

main .schedule-info .information .schedule-table .btn-events {
  margin-top: 2rem;
  text-align: right;
}

main .register-card .title {
  background: var(--color-grey);
  padding: 1rem;
  text-align: center;
  margin: 2rem 0;
  font-size: 15pt;
  border-top: 1px solid var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
}

main .register-card .container {
  display: flex;
}

main .register-card .container .col {
  width: 40%;
}

main .register-card .container .col.col-right {
  margin-left: 2rem;
}

main .register-card .form-register .form-register-title {
  background: var(--color-grey);
  padding: 1rem;
  text-align: center;
  margin: 2rem 0 0;
  border: 1px solid var(--color-dark);
}

main .register-card .form-register .content {
  padding: 2rem;
  border: 1px solid var(--color-dark-grey);
  border-top: 0px;
}

main .register-card .form-register .content label span,
main .register-card .form-register .content div span {
  font-size: 9pt;
}

main .register-card .form-register .content.is-loading {
  position: relative;
}

main .register-card .form-register .content.is-loading:after {
  position: absolute;
  display: block;
  content: "Пожалуйста, подождите...";
  text-align: center;
  padding-top: 5px;
  width: 100%;
  height: 100%;
  background: var(--color-dark-grey);
  top: 0;
  left: 0;
  opacity: 0.5;
  color: black;
  font-weight: bold;
}

main .register-card .form-register .btn-events {
  display: flex;
  position: relative;
  margin: 2rem 0;
  text-align: right;
  justify-content: end;
}

main .register-card .form-register .btn-events .btn-event-export {
  text-align: left;
  background-image: url("../img/export.png");
  background-repeat: no-repeat;
  background-position: right 0;
  height: 40px;
  display: block;
  padding-left: 45px;
  width: 160px;
  padding-top: 3px;
}

main .export-report {
  margin-top: 3rem;
}

main .export-report .form {
  display: flex;
}

main .export-report .form select {
  padding: 8px 33px 8px 5px;
  appearance: none;
  -webkit-appearance: none;
  /* Safari и Chrome */
  -moz-appearance: none;
  /* Mozilla */
  -ms-appearance: none;
  /* IE */
}

main .export-report .form select:focus {
  outline: none;
}

main .export-report .form .select,
main .export-report .form .date {
  margin-right: 3rem;
}

main .export-report .form .select select,
main .export-report .form .select input,
main .export-report .form .date select,
main .export-report .form .date input {
  cursor: pointer;
}

main .export-report .form .select {
  position: relative;
  background: var(--color-grey);
}

main .export-report .form .select select {
  position: relative;
  z-index: 1;
}

main .export-report .form .select:after {
  display: block;
  content: "";
  width: 25px;
  height: 100%;
  background-color: var(--color-grey);
  background-image: url(../img/arr-bottom.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid var(--color-dark);
  z-index: 0;
}

main .export-report .form .select-primary {
  background: var(--color-primary);
}

main .export-report .form .select-primary select {
  color: var(--color-white);
}

main .export-report .form .select-primary:after {
  background-color: var(--color-primary);
  background-image: url(../img/arr-bottom-white.png);
}

main .export-report .form .event .btn {
  padding: 8px 5px;
}

main .export-report .form .event .load {
  display: none;
}

main .export-report .form .event .load.is-active {
  display: inline-block;
}

main .export-report .form .date {
  position: relative;
}

main .export-report .form .date input {
  padding: 8px 33px 8px 5px;
  border: 1px solid var(--color-dark);
  position: relative;
  z-index: 1;
}

main .export-report .form .date:after {
  display: block;
  content: "";
  width: 25px;
  height: 100%;
  background-color: var(--color-grey);
  background-image: url("../img/calendar.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid var(--color-dark);
  z-index: 0;
}

main .export-report .result {
  margin-top: 2rem;
}

main .export-report .result .message .text {
  color: var(--color-green);
  padding-bottom: 1rem;
}

main .export-report .result .message a.link {
  text-align: left;
  background-image: url(../img/export.png);
  background-repeat: no-repeat;
  background-position: right 0;
  height: 40px;
  display: block;
  padding-left: 0px;
  width: 120px;
  padding-top: 3px;
  font-size: 11pt;
  text-decoration: underline;
}

main .guarantee.register-card .col {
  width: 50%;
}

main .guarantee.register-card .col .content {
  padding-right: 1rem;
}

main .guarantee.register-card .col.col-right .content {
  padding-right: 0;
  padding-left: 1rem;
}

main .guarantee.register-card .group {
  border: 1px solid #000;
  margin-bottom: 1rem;
  display: flex;
}

main .guarantee.register-card .group .group-itle {
  background: #e1e1e1;
  padding: 7px 20px;
  align-items: center;
  display: flex;
  width: 50%;
}

main .guarantee.register-card .group .items {
  padding: 7px 20px;
  width: 50%;
}

main .guarantee.register-card .group .items .item {
  display: flex;
  border: 1px solid #000;
  width: 100%;
  margin-bottom: 0.3rem;
}

main .guarantee.register-card .group .items .item input {
  padding: 0.5rem;
  width: calc(100% - 50px);
}

main .guarantee.register-card .group .items .item .num {
  padding: 0.5rem;
  border-right: 1px solid #000;
  width: 25px;
  text-align: center;
}

main .guarantee.register-card .group .items .item a.remove {
  display: block;
  background: #e1e1e1;
  padding: 0.5rem;
  border-left: 1px solid #000;
  width: 25px;
  text-align: center;
}

main .guarantee.register-card .group .items .item.new input {
  width: calc(100% - 25px);
}

main .guarantee.register-card .group .items .item.new a.remove {
  display: none;
}

main .guarantee.register-card .group .items .plus {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #545454;
  color: #fff;
  text-align: center;
  vertical-align: center;
}

main .guarantee.register-card .dialog {
  border: 1px solid #000;
}

main .guarantee.register-card .dialog .head {
  padding: 7px 20px;
  background: #e1e1e1;
  text-align: center;
}

main .guarantee.register-card .dialog .window {
  padding: 1rem 2rem;
  height: 150px;
  overflow-y: scroll;
}

main .guarantee.register-card .dialog .window .item {
  margin-bottom: 1rem;
}

main .guarantee.register-card .dialog .window .item .name {
  color: #435cbb;
  padding-bottom: 0.5rem;
}

main .guarantee.register-card .dialog .window .item.distrib .name {
  color: #de002a;
}

main .guarantee.register-card .dialog .events {
  display: flex;
  border-top: 1px solid #000;
}

main .guarantee.register-card .dialog .events textarea {
  width: calc(100% - 100px);
  padding: 1rem;
  resize: none;
  height: 100px;
  border-right: 1px solid #e1e1e1;
}

main .guarantee.register-card .dialog .events .btn {
  width: 100px;
  height: 35px;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 30, 52, 0.25);
  transform: scale(1.2);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  pointer-events: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* modal product preview */
  /* modal add to cart */
}

.modal.is-active {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal .modal__wrapper {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 3.75rem 2.5rem;
}

.modal .modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal .modal__content {
  position: relative;
  width: 37.5rem;
  max-height: 100%;
  padding: 40px 0 0 0;
  background-color: var(--color-white);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--color-dark);
}

.modal .modal__close-btn {
  padding: 7px 15px;
  position: absolute;
  top: 0;
  right: 0;
  background: #242424;
  color: #fff;
}

.modal .modal__title {
  padding: 7px 15px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--color-grey);
  color: var(--color-dark);
  width: 100%;
  border-bottom: 1px solid var(--color-dark);
}

.modal .modal__product-preview {
  display: flex;
  padding: 1rem;
}

.modal .modal__product-preview .picture {
  width: 50%;
}

.modal .modal__product-preview .description {
  padding-left: 1rem;
}

.modal .modal__product-preview .description .article {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

.modal .modal__product-preview .description .article span {
  font-weight: normal;
}

.modal .modal__product-preview .description .stock-status {
  margin-bottom: 0.3rem;
  display: none;
}

.modal .modal__product-preview .description .stock-status.is-active {
  display: block;
}

.modal .modal__product-preview .description .price {
  font-size: 11pt;
  margin-bottom: 0.5rem;
}

.modal .modal__product-preview .description .btn {
  margin-bottom: 0.5rem;
  padding: 5px 30px;
}

.modal .modal__product-preview .description .props .prop-item {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

.modal .modal__product-preview .description .props .prop-item span {
  font-weight: normal;
}

.modal .modal__add-to-cart {
  display: flex;
  padding: 1rem;
}

.modal .modal__add-to-cart .name {
  font-weight: bold;
  padding-right: 0.5rem;
}

.modal .modal__add-to-cart .quantity {
  font-weight: bold;
  padding-left: 0.5rem;
}

.form-default label {
  display: flex;
  border: 1px solid #000;
  font-size: 10pt;
  margin-bottom: 1rem;
  /*width: 260px;*/
}

.form-default label span {
  padding: 7px 20px;
  background: #e1e1e1;
  width: 130px;
}

.form-default label input {
  background: #fff;
  padding: 7px 20px;
  width: calc(100% - 130px);
}

.form-default.form-30 span {
  width: 30%;
}

.form-default.form-30 input {
  width: 70%;
}

.form-default.form-40 span {
  width: 40%;
}

.form-default.form-40 input {
  width: 60%;
}

.form-default.form-50 span {
  width: 50%;
}

.form-default.form-50 input {
  width: 50%;
}

label.form-select-default {
  position: relative;
}

label.form-select-default select {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

label.form-select-default select:focus {
  outline: none;
}

label.form-select-default:after {
  display: block;
  content: "";
  width: 25px;
  height: 100%;
  background-color: var(--color-grey);
  background-image: url("../img/arr-bottom.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  border-left: 1px solid var(--color-dark);
  z-index: 0;
}

label.form-input-default,
div.form-input-default {
  display: flex;
  border: 1px solid #000;
  font-size: 10pt;
  margin-bottom: 1rem;
}

label.form-input-default span,
div.form-input-default span {
  padding: 7px 20px;
  background: #e1e1e1;
  width: 130px;
}

label.form-input-default input,
div.form-input-default input {
  background: #fff;
  padding: 7px 20px;
  width: calc(100% - 130px);
}

label.form-input-default input[type=file],
div.form-input-default input[type=file] {
  padding: 3px 5px;
}

label.form-input-default select,
div.form-input-default select {
  padding: 0px 20px;
  appearance: none;
  -webkit-appearance: none;
  /* Safari и Chrome */
  -moz-appearance: none;
  /* Mozilla */
  -ms-appearance: none;
  /* IE */
}

label.form-input-default.form-input-30 span,
div.form-input-default.form-input-30 span {
  width: 30%;
}

label.form-input-default.form-input-30 input,
div.form-input-default.form-input-30 input {
  width: 70%;
}

label.form-input-default.form-input-40 span,
div.form-input-default.form-input-40 span {
  width: 40%;
}

label.form-input-default.form-input-40 input,
div.form-input-default.form-input-40 input {
  width: 60%;
}

label.form-input-default.form-input-50 span,
div.form-input-default.form-input-50 span {
  width: 50%;
}

label.form-input-default.form-input-50 input,
div.form-input-default.form-input-50 input {
  width: 50%;
}

label.form-input-default.form-input-50 select,
div.form-input-default.form-input-50 select {
  width: 50%;
}

label.form-input-default.form-input-55 span,
div.form-input-default.form-input-55 span {
  width: 55%;
}

label.form-input-default.form-input-55 input,
div.form-input-default.form-input-55 input {
  width: 45%;
}

/* calendar */

.qs-datepicker-container {
  font-size: 1rem;
  font-family: sans-serif;
  color: #000;
  position: absolute;
  width: 15.625em;
  display: flex;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid grey;
  border-radius: 0.263921875em;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
}

.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}

.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}

.qs-overlay .qs-overlay-year {
  background: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: hsla(0, 0%, 50.2%, 0.4);
}

.qs-overlay .qs-submit.qs-disabled {
  color: grey;
  border-color: grey;
  cursor: not-allowed;
}

.qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}

.qs-overlay .qs-overlay-month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}

.qs-overlay .qs-overlay-month.active,
.qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: #d3d3d3;
  filter: blur(0);
  transition: filter 0.3s;
}

.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.263921875em;
  transition: background 0.15s;
}

.qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

.qs-arrow:hover.qs-left:after {
  border-right-color: #000;
}

.qs-arrow:hover.qs-right:after {
  border-left-color: #000;
}

.qs-arrow:after {
  content: "";
  border: 0.390625em solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  transition: border 0.2s;
}

.qs-arrow.qs-left:after {
  border-right-color: grey;
  right: 50%;
  transform: translate(25%, -50%);
}

.qs-arrow.qs-right:after {
  border-left-color: grey;
  left: 50%;
  transform: translate(-25%, -50%);
}

.qs-month-year {
  font-weight: 700;
  transition: border 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}

.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom: 1px solid grey;
}

.qs-month-year:active:focus,
.qs-month-year:focus {
  outline: none;
}

.qs-month {
  padding-right: 0.5ex;
}

.qs-year {
  padding-left: 0.5ex;
}

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0);
  transition: filter 0.3s;
}

.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  width: 14.2857142857%;
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s;
  border-radius: 0.263921875em;
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-current {
  font-weight: 700;
  text-decoration: underline;
}

.qs-active,
.qs-range-end,
.qs-range-start {
  background: #add8e6;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: #d4ebf2;
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}

.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-end:not(.qs-range-0),
.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled,
.qs-outside-current-month {
  opacity: 0.2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-day,
.qs-empty {
  cursor: default;
}

.qs-day {
  font-weight: 700;
  color: grey;
}

.qs-event {
  position: relative;
}

.qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .container {
    width: 100%;
    max-width: 100%;
  }

  header.header {
    min-height: 60px;
  }

  header.header.is-active-cart .container .login-current {
    display: none;
  }

  header.header.is-active-cart .container .menu {
    width: 100%;
  }

  header.header.is-active-cart .container .menu ul li {
    text-align: left;
  }

  header.header.is-active-cart .container .menu ul li a {
    display: block;
    max-width: 100%;
    text-align: left;
    align-items: center;
    width: 100%;
  }

  header.header .container .menu-sandwich {
    display: block;
  }

  header.header .container .menu-sandwich span {
    display: block;
    background: url("../img/sandwich-menu.png") no-repeat;
    width: 50px;
    height: 60px;
    background-size: 30px;
    background-position: 10px center;
    opacity: 0.7;
  }

  header.header .container .logo {
    width: 50%;
    padding-top: 11px;
    padding-left: 1rem;
  }

  header.header .container .logo img {
    max-width: 60%;
  }

  header.header .container .menu {
    display: none;
    position: fixed;
    background: var(--color-grey);
    /*border-left: 1px solid var(--color-dark);
    border-right: 1px solid var(--color-dark);*/
    z-index: 100;
    top: 60px;
    height: 100%;
    width: 100%;
  }

  header.header .container .menu ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }

  header.header .container .menu ul li {
    list-style: none;
    display: block;
    border-bottom: 1px solid var(--color-dark);
  }

  header.header .container .menu ul li.is-active a {
    background: var(--color-dark-grey);
    color: #fff;
  }

  header.header .container .menu.is-active {
    display: block;
  }

  header.header .container .cart {
    width: 40%;
    height: 60px;
  }

  header.header .container .cart .inner {
    padding-top: 8px;
    font-size: 9pt;
    background-size: 25px;
    background-position: 15px 10px;
  }

  header.header .container .cart .title {
    padding-right: 10px;
  }

  header.header .container .cart .counter {
    padding-right: 10px;
    margin-top: 0px;
  }

  header.header .container .cart .total {
    padding-right: 10px;
  }

  header.header .container .cart:before {
    /* display: none;*/
    left: -25px;
  }

  header.header .container .cart:after {
    /*display: none;*/
    left: -13px;
    height: 66px;
  }

  /* page-catalog */

  main {
    padding: 20px 1rem;
    /* page users */
    /* page schedule */
    /* page vehicles */
    /* page register */
    /* page export */
  }

  main .block-events {
    flex-wrap: wrap;
  }

  main .block-events .btn-event-catalog {
    margin-top: 1rem;
  }

  main .block-events .block-events--items {
    margin-top: 1rem;
    justify-content: space-between;
    width: 100%;
  }

  main .block-events .block-events--items .btn-event-export {
    padding-left: 0;
    width: 120px;
  }

  main .block-events form {
    width: 100%;
    max-width: 100%;
  }

  main .form-search {
    width: 100%;
  }

  main .table-catalog .item-basket {
    height: 31px;
    background-position: center bottom;
  }

  main.page--users .users {
    flex-wrap: wrap;
  }

  main.page--users .users .form-add {
    width: 100%;
    margin-right: 0;
  }

  main.page--users .users .users-list {
    width: 100%;
  }

  main .schedule-info .information {
    flex-wrap: wrap;
  }

  main .schedule-info .information .detail {
    width: 100%;
  }

  main .schedule-info .information .detail label span {
    font-size: 9pt;
  }

  main .schedule-info .information .schedule-table {
    width: 100%;
    padding-left: 0;
  }

  main .schedule-info .information .schedule-table .table-border thead td {
    font-size: 8pt;
  }

  main .catalog-vehicles {
    flex-wrap: wrap;
  }

  main .catalog-vehicles .filter-status {
    width: 100%;
    margin-bottom: 1rem;
    padding-right: 0px;
  }

  main .catalog-vehicles .filter-status .filter-items {
    display: flex;
    flex-wrap: wrap;
  }

  main .catalog-vehicles .content {
    width: 100%;
  }

  main .catalog-vehicles .content .container-table {
    padding-bottom: 1rem;
  }

  main .register-card .container {
    flex-wrap: wrap;
  }

  main .register-card .container .col {
    width: 100%;
  }

  main .register-card .container .col.col-right {
    margin-left: 0;
  }

  main .export-report .form {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  main .export-report .form .select {
    width: 45%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  main .export-report .form .select input {
    width: 100%;
  }

  main .export-report .form .date {
    width: 45%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  main .export-report .form .date input {
    width: 100%;
  }

  main .export-report .form .event {
    width: 100%;
  }

  main .export-report .form .event .btn {
    width: 100%;
  }
}

main .register-card.guarantee-form.is-loading
{
  position: relative;
}

main .register-card.guarantee-form.is-loading:after
{
  position: absolute;
  display: block;
  content: "Пожалуйста, подождите...";
  text-align: center;
  padding-top: 100px;
  width: 100%;
  height: 100%;
  background: var(--color-dark-grey);
  top: 0;
  left: 0;
  opacity: 0.5;
  color: black;
  font-weight: bold;
}

.modal__body-user-add .role-title {
  padding-bottom: 1rem;
}

.modal__body-user-add .input-checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.modal__body-user-add .input-checkboxes label {
  width: 33%;
  border: 0;
  align-items: center;
}

.modal__body-user-add .input-checkboxes label input {
  width: 20px !important;
  height: 20px;
  margin-right: 0.5rem;
}

main.page--users .users .users-list .inner .user-item input {
  height: 20px;
}

main.page--users .users .users-list .inner .user-item .status,
main.page--users .users .users-list .inner .user-item .btn
{
  height: -moz-fit-content;
  height: fit-content;
}

.catalog-filter-events {
  display: flex;
  justify-content: space-around;
  padding-bottom: 1rem;
}

.block-events-left {
  justify-content: flex-start !important;
}

.form-search-multiple {
  padding-left: 1rem;
}

.form-search-multiple div {
  padding-bottom: 5px;
  color: var(--color-primary);
}

main.page--users .users .users-list .inner .user-item .user-agents .user-agent-item .name {
  width: 60%;
}

/*.catalog-vehicles .container-table {
    height: 500px;
}
.catalog-vehicles .table-catalog thead {
    position: sticky;
    top: 0;
}*/

@media (max-width: 1023px) {
  .modal__body-user-add .input-checkboxes label {
    width: 50%;
  }

  .form-search-multiple {
    padding-left: 0rem;
    padding-top: 1rem;
  }

  .form-search-multiple div {
    padding-bottom: 5px;
  }
}

.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;
  }
}

.static{
  position: static;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.bottom-1{
  bottom: 0.25rem;
}

.bottom-3{
  bottom: 0.75rem;
}

.left-1{
  left: 0.25rem;
}

.right-1{
  right: 0.25rem;
}

.top-\[100\%\]{
  top: 100%;
}

.z-10{
  z-index: 10;
}

.float-left{
  float: left;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.table-row{
  display: table-row;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.h-4{
  height: 1rem;
}

.h-\[150px\]{
  height: 150px;
}

.h-\[200px\]{
  height: 200px;
}

.w-10\/12{
  width: 83.333333%;
}

.w-2\/12{
  width: 16.666667%;
}

.w-3\/12{
  width: 25%;
}

.w-4{
  width: 1rem;
}

.w-6\/12{
  width: 50%;
}

.w-\[110px\]{
  width: 110px;
}

.w-\[150px\]{
  width: 150px;
}

.w-\[170px\]{
  width: 170px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[90px\]{
  width: 90px;
}

.w-full{
  width: 100%;
}

.w-1\/2{
  width: 50%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.resize-none{
  resize: none;
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

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

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

.justify-between{
  justify-content: space-between;
}

.justify-items-stretch{
  justify-items: stretch;
}

.gap-4{
  gap: 1rem;
}

.justify-self-auto{
  justify-self: auto;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.\!border-b-2{
  border-bottom-width: 2px !important;
}

.border-b{
  border-bottom-width: 1px;
}

.border-l{
  border-left-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-solid{
  border-style: solid;
}

.border-\[\#b1b1b1\]{
  --tw-border-opacity: 1;
  border-color: rgb(177 177 177 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}

.bg-\[\#e1e1e1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}

.bg-\[\#fff\]{
  --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));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-cover{
  background-size: cover;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.p-1{
  padding: 0.25rem;
}

.p-10{
  padding: 2.5rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.text-left{
  text-align: left;
}

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

.text-right{
  text-align: right;
}

.text-\[8pt\]{
  font-size: 8pt;
}

.text-lg\/6{
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.font-bold{
  font-weight: 700;
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.\!underline{
  text-decoration-line: underline !important;
}

.underline{
  text-decoration-line: underline;
}

.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);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-0{
  outline-width: 0px;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.hover\:\!no-underline:hover{
  text-decoration-line: none !important;
}

@media not all and (min-width: 1024px){
  .max-lg\:hidden{
    display: none;
  }

  .max-lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 640px){
  @media not all and (min-width: 1024px){
    .sm\:max-lg\:font-bold{
      font-weight: 700;
    }
  }
}

@media (min-width: 768px){
  @media not all and (min-width: 1024px){
    .md\:max-lg\:font-bold{
      font-weight: 700;
    }
  }
}

@media (min-width: 1024px){
  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }
}