input,
select,
textarea {
    width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.scroll__wrapper {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #f2f6f8;
    -webkit-transition: padding 0.3s ease,
    -webkit-box-shadow 0.3s ease;
    transition: padding 0.3s ease,
    -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease,
    padding 0.3s ease;
    transition: box-shadow 0.3s ease,
    padding 0.3s ease,
    -webkit-box-shadow 0.3s ease;
    padding: 2.5rem 0.75rem 0.625rem;
    margin-top: -40px;
    margin-right: -12px;
    margin-left: -12px;
}

.scroll__wrapper:not(:last-child) {
    margin-bottom: 0.625rem;
}

.scroll__wrapper._sticky {
    -webkit-box-shadow: 0rem 0.25rem 0.9375rem 0rem rgba(10, 54, 71, 0.15);
    box-shadow: 0rem 0.25rem 0.9375rem 0rem rgba(10, 54, 71, 0.15);
}

.body-admin {
    display: grid;
    grid-template: 1fr;
    gap: 1.25rem;
}

.body-admin__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}

.body-admin__item {
    height: 100%;
    border-radius: 0.625rem;
    background-color: #fff;
    padding: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}

.body-admin__item h2 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.body-admin__item.edit .checkbox__label {
    padding: 0rem;
}

.body-admin__lines {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.body-admin__line label {
    color: rgba(10, 54, 71, 0.6);
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

.body-admin__line textarea {
    min-height: 2.625rem;
    resize: vertical;
}

.body-admin__line input,
.body-admin__line textarea {
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    line-height: 1.5;
    font-family: "GothamPro";
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
    padding: 9px 10px;
}

.body-admin__line input::-webkit-input-placeholder,
.body-admin__line textarea::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
}

.body-admin__line input::-moz-placeholder,
.body-admin__line textarea::-moz-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
}

.body-admin__line input:-ms-input-placeholder,
.body-admin__line textarea:-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
}

.body-admin__line input::-ms-input-placeholder,
.body-admin__line textarea::-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
}

.body-admin__line input::placeholder,
.body-admin__line textarea::placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
}

.body-admin__line input._form-focus,
.body-admin__line textarea._form-focus {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.body-admin__line select {
    color: rgba(10, 54, 71, 0.3);
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    background-color: #fff;
    outline: 0.0625rem solid transparent;
    width: 100%;
    -webkit-transition: border 0.3s ease,
    background-color 0.3s ease;
    transition: border 0.3s ease,
    background-color 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: "GothamPro";
}

.body-admin__line select:hover,
.body-admin__line select:focus {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.body-admin__line select::-ms-expand {
    display: none;
}

.body-admin__quantity input {
    border: none;
    padding: 0rem;
    background-color: transparent;
}

.body-admin__select {
    position: relative;
}

.body-admin__select::after {
    content: "\e913";
    font-family: "icons";
    font-size: 0.463125rem;
    color: #90bfdb;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.625rem;
    pointer-events: none;
}

.body-admin__checkbox {
    width: 100%;
}

.body-admin__checkbox .checkbox__label {
    padding: 0.71875rem 0.125rem;
}

.body-admin__checkbox .checkbox__text {
    font-size: 12px;
    line-height: 1.5;
    color: #0a3647;
}

.body-admin__checkbox .checkbox__text span {
    color: #487791;
    font-size: 0.75rem;
    line-height: 1.2;
}

.body-admin__text {
    color: #487791;
    font-size: 0.75rem;
    line-height: 1.5;
}

.body-admin__text:last-child {
    margin-top: 0.125rem;
}

.body-admin__not-label {
    color: rgba(10, 54, 71, 0.6);
    font-size: 12px;
    line-height: 1.5;
}

.body-admin__img-textarea {
    position: relative;
    overflow: hidden;
    aspect-ratio: 499/170;
}

.body-admin__img-textarea img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.body-admin__gallery {
    display: grid;
    border-radius: 0.125rem;
    background-color: rgba(242, 246, 248, 0.5);
    gap: 0.625rem;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    padding: 0.625rem;
}

.body-admin__image-wrapper {
    position: relative;
}

.body-admin__image-wrapper figcaption {
    color: #487791;
    font-size: 0.75rem;
    line-height: 1.2;
}

.body-admin__image-wrapper figcaption:not(:last-child) {
    margin-bottom: 0.3125rem;
}

.body-admin__del-btn {
    position: absolute;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 0.625rem;
    border-radius: 50%;
    background-color: #fff;
    color: #109eee;
    border: 0.0625rem solid #109eee;
    top: 0;
    right: 0;
    -webkit-transform: translate(0.25rem, -0.25rem);
    -ms-transform: translate(0.25rem, -0.25rem);
    transform: translate(0.25rem, -0.25rem);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.body-admin__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 122/76;
    border-radius: 0.125rem;
    z-index: 1;
}

.body-admin__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.body-admin__image:not(:last-child) {
    margin-bottom: 0.125rem;
}

.body-admin__add-btn {
    border-radius: 0.125rem;
    background-color: #f2f6f8;
    padding: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    height: 100%;
    height: calc(100% - 0.9375rem);
}

.body-admin__add-btn .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
}

.body-admin__add-btn .icon img {
    max-width: 100%;
}

.body-admin__add-btn .text {
    color: #487791;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.2;
}

.body-admin__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.9375rem;
}

.body-admin__button {
    font-weight: 500;
}

.body-admin__add-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5625rem 0.625rem;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    background-color: #fff;
}

.body-admin__add-line p {
    font-size: 12px;
    line-height: 1.2;
}

.body-admin__add-line button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #487791;
}

.body-admin__map {
    position: relative;
    overflow: hidden;
    border-radius: 0.125rem;
    width: 100%;
    height: 10.5rem;
}

.body-admin__map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Checkbox */
.checkbox {
    position: relative;
}

.checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.checkbox__input:focus-visible + .checkbox__label:before {
    -webkit-box-shadow: 0 0 0.3125rem rgba(16, 158, 238, 0.5);
    box-shadow: 0 0 0.3125rem rgba(16, 158, 238, 0.5);
}

.checkbox__input:checked + .checkbox__label:before {
    background: url("../img/check-arrow-blue.svg") center/80% no-repeat;
    border: 0.125rem solid #90bfdb;
}

.checkbox__label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
}

.checkbox__label:before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 0.125rem;
    border: 0.125rem solid rgba(144, 192, 219, 0.5);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.checkbox__text {
    color: #487791;
    font-size: 12px;
    line-height: 1.5;
    -ms-flex-item-align: center;
    align-self: center;
}

.checkbox__text span {
    color: #0a3647;
}

.calendar__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
}

.calendar__small label {
    color: rgba(10, 54, 71, 0.6);
    line-height: 1.5;
}

.calendar__small input {
    width: 100%;
    padding: 0.6625rem 2.6875rem 0.65625rem 0.625rem;
    line-height: 1.5;
    cursor: pointer;
}

.calendar__small-input {
    position: relative;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    -webkit-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

.calendar-open .calendar__small-input {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.calendar__small-input._form-focus {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.calendar__small-input span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.375rem;
    font-size: 12px;
    color: #90bfdb;
    pointer-events: none;
}

.quantity {
    width: 100%;
    height: 2.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.625rem;
    background-color: #fff;
}

.quantity__actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    width: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.375rem;
}

.quantity__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.463125rem;
    color: #90bfdb;
    outline: none;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.quantity__button--plus {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.quantity__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.quantity__input input {
    height: 100%;
    color: #0a3647;
    font-size: 12px;
    width: 100%;
    text-align: left;
    outline: none;
}

.calendar__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
}

.calendar__line label {
    color: rgba(10, 54, 71, 0.6);
    line-height: 1.5;
}

.calendar__line input {
    width: 100%;
    padding: 0.6625rem 2.6875rem 0.65625rem 0.625rem;
    line-height: 1.5;
    cursor: pointer;
}

.calendar__line-input {
    position: relative;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    -webkit-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

.calendar-open .calendar__line-input {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.calendar__line-input._form-focus {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.calendar__line-input span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.375rem;
    font-size: 12px;
    color: #90bfdb;
    pointer-events: none;
}

/* Tabs */
.new-boat__tabs:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__navigation {
    padding: 0.625rem;
    border-radius: 0.625rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
}

.new-boat__navigation:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
    color: #90bfdb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.new-boat__btn::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0.375rem;
    border-radius: 0.4375rem;
    background-color: rgba(144, 191, 219, 0.3);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.new-boat__btn._tab-active {
    color: #109eee;
}

.new-boat__btn._tab-active::after {
    background-color: #109eee;
}

.new-boat__about > *:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.new-boat__left > *:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__right > *:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__info {
    background-color: #fff;
    padding: 0.625rem;
    border-radius: 0.625rem;
}

.new-boat__info > *:not(:last-child) {
    margin-bottom: 0.625rem;
}

.new-boat__body .new-boat__info {
    padding: 0rem;
}

.new-boat__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.625rem;
    width: 100%;
    margin-bottom: 20px;
}

.new-boat__title i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.463125rem;
    color: #90bfdb;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.new-boat__title._spoller-active i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.new-boat__gallery .new-boat__title:not(:last-child) {
    margin-bottom: 1.25rem;
}

.new-boat__line {
    display: grid;
}

.new-boat__line label {
    font-size: 12px;
    line-height: 1.5;
    color: #487791;
}

.select2-container {
    max-width: 100% !important;
}

.new-boat__line input,
.new-boat__line textarea {
    width: 100%;
    border: 0.0625rem solid transparent;
    border-radius: 0.125rem;
    padding: 11px 10px;
    -webkit-transition: border 0.3s ease,
    background-color 0.3s ease;
    transition: border 0.3s ease,
    background-color 0.3s ease;
    font-size: 12px;
    line-height: 1.3;
    font-family: "GothamPro";
    background-color: rgba(242, 246, 248, 0.5);
}

.new-boat__line input::-webkit-input-placeholder,
.new-boat__line textarea::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 1.39;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.new-boat__line input::-moz-placeholder,
.new-boat__line textarea::-moz-placeholder {
    font-size: 12px;
    line-height: 1.39;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.new-boat__line input:-ms-input-placeholder,
.new-boat__line textarea:-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.39;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.new-boat__line input::-ms-input-placeholder,
.new-boat__line textarea::-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.39;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.new-boat__line input::placeholder,
.new-boat__line textarea::placeholder {
    font-size: 12px;
    line-height: 1.39;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.new-boat__line input._form-focus,
.new-boat__line textarea._form-focus {
    border: 0.0625rem solid transparent;
}

.new-boat__line input:focus,
.new-boat__line textarea:focus {
    border-bottom: 0.0625rem solid rgba(144, 191, 219, 0.3);
}

.new-boat__line textarea {
    resize: vertical;
}

.new-boat__line p {
    font-size: 0.75rem;
    line-height: 1.5;
    color: #487791;
}

.new-boat__item {
    border-radius: 0.625rem;
    padding: 0.625rem;
    background-color: #fff;
}

.new-boat__item .new-boat__line label {
    color: rgba(10, 54, 71, 0.4);
}

.new-boat__selects {
    display: grid;
    gap: 0.625rem;
    grid-template-columns: 1fr;
}

.photos {
    border-radius: 0.625rem;
    padding: 0.625rem;
    background-color: #fff;
}

.photos input {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    border: 0.0625rem solid transparent;
    border-radius: 0.125rem;
    padding: 0.59375rem 0.625rem;
    background-color: rgba(242, 246, 248, 0.5);
    width: 100%;
    -webkit-transition: border 0.3s ease,
    background-color 0.3s ease;
    transition: border 0.3s ease,
    background-color 0.3s ease;
}

.photos input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.photos input::-moz-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.photos input:-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.photos input::-ms-input-placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.photos input::placeholder {
    font-size: 12px;
    line-height: 1.5;
    font-family: "GothamPro";
    color: rgba(72, 120, 145, 0.6);
}

.photos input:not(:last-child) {
    margin-bottom: 1.25rem;
}

.photos__title {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.296875rem;
}

.photos__title button {
    font-size: 0.75rem;
    color: #90bfdb;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.photos__title:not(:last-child) {
    margin-bottom: 1.25rem;
}

.photos__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: #487791;
}

.photos__text:not(:last-child) {
    margin-bottom: 1.25rem;
}

.photos__drop-wrapper {
    border-radius: 0.125rem;
    background-color: rgba(242, 246, 248, 0.5);
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.625rem;
    min-height: 8.75rem;
}

.photos__drop-wrapper:not(:last-child) {
    margin-bottom: 2.5rem;
}

.photos__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.625rem;
    flex: 0 0 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
    background-color: #f2f6f8;
    border-radius: 0.3125rem;
    padding: 0.6875rem 12px;
    cursor: pointer;
}

.photos__icon img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease,
    -webkit-transform 0.3s ease;
    will-change: transform;
    position: relative;
}

.photos__drop-text {
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #487791;
    max-width: 18.25rem;
}

.new-boat__lines {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
}

.new-boat__gallery .new-boat__title:not(:last-child) {
    margin-bottom: 1.25rem;
}

/* Select */

.select label {
    color: rgba(10, 54, 71, 0.6);
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

.select select {
    color: black;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.125rem;
    border: 0.0625rem solid rgba(144, 191, 219, 0.3);
    background-color: #fff;
    outline: 0.0625rem solid transparent;
    padding: 0.59375rem 1.875rem 0.59375rem 0.625rem;
    width: 100%;
    -webkit-transition: border 0.3s ease,
    background-color 0.3s ease;
    transition: border 0.3s ease,
    background-color 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: "GothamPro";
}

.select select:hover,
.select select:focus {
    border: 0.0625rem solid rgba(144, 191, 219, 0.5);
}

.select select::-ms-expand {
    display: none;
}

.select__line {
    position: relative;
}

.select__line::after {
    content: "\e913";
    font-family: "icons";
    font-size: 0.463125rem;
    color: #90bfdb;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.625rem;
    pointer-events: none;
}

/* Media */
@media (min-width: 479.98px) {
    .photos {
        padding: 1.25rem;
    }

    .new-boat__item {
        padding: 1.25rem;
    }

    .new-boat__info {
        padding: 1.25rem;
    }
}

@media (min-width: 767.98px) {
    .new-boat__lines {
        gap: 1.25rem;
    }

    .photos input {
        border: 0.0625rem solid rgba(144, 191, 219, 0.3);
        background-color: #fff;
    }

    .photos input:focus {
        border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    }

    .photos input._form-focus {
        border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    }

    .new-boat__selects {
        gap: 1.25rem;
    }

    .new-boat__line input,
    .new-boat__line textarea {
        border: 0.0625rem solid rgba(144, 191, 219, 0.3);
        background-color: #fff;
    }

    .new-boat__line input._form-focus,
    .new-boat__line textarea._form-focus {
        border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    }

    .new-boat__info > *:not(:last-child) {
        margin-bottom: 1.25rem;
    }

    .new-boat__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-boat__navigation {
        padding: 1.25rem;
    }

    .body-admin__item {
        padding: 1.25rem;
    }
}

@media (min-width: 991.98px) {
    .new-boat__lines {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-boat__selects {
        grid-template-columns: repeat(2, 1fr);
    }

    .body-admin {
        grid-template-columns: repeat(2, 1fr);
    }

    .body-admin__lines {
        /*grid-template-columns: 1fr 9.375rem;*/
    }
}

@media (min-width: 1400px) {
    .new-boat__selects {
        grid-template-columns: repeat(3, 1fr);
    }

    .new-boat__selects {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

@media (min-width: 1440px) {
    .scroll__wrapper {
        padding: 1.25rem 1.875rem 0.625rem;
        margin-top: -1.25rem;
        margin-right: -1.875rem;
        margin-left: -1.875rem;
    }
}

@media (min-width: 1500px) {
    .body-admin__lines {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1920px) {
    .select label {
        font-size: 12px;
    }

    .select label:not(:last-child) {
        margin-bottom: 0.625rem;
    }


    .select__line::after {
        right: 0.78125rem;
    }

    .photos input {
        font-size: 12px;
        padding: 0.78125rem 0.625rem;
    }

    .photos input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .photos input::-moz-placeholder {
        font-size: 12px;
    }

    .photos input:-ms-input-placeholder {
        font-size: 12px;
    }

    .photos input::-ms-input-placeholder {
        font-size: 12px;
    }

    .photos input::placeholder {
        font-size: 12px;
    }

    .photos__title {
        font-size: 12px;
    }

    .photos__title button {
        font-size: 12px;
    }

    .new-boat__line {
        gap: 0.625rem;
    }

    .new-boat__line label {
        font-size: 12px;
    }

    .new-boat__line input,
    .new-boat__line textarea {
        font-size: 12px;
        padding: 11.5px 10px;
    }

    .new-boat__line input::-webkit-input-placeholder,
    .new-boat__line textarea::-webkit-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::-moz-placeholder,
    .new-boat__line textarea::-moz-placeholder {
        font-size: 12px;
    }

    .new-boat__line input:-ms-input-placeholder,
    .new-boat__line textarea:-ms-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::-ms-input-placeholder,
    .new-boat__line textarea::-ms-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::placeholder,
    .new-boat__line textarea::placeholder {
        font-size: 12px;
    }

    .new-boat__line p {
        font-size: 12px;
    }

    .new-boat__title {
        font-size: 12px;
    }

    .new-boat__title i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.125rem;
        flex: 0 0 2.125rem;
        width: 2.125rem;
        height: 2.125rem;
        font-size: 0.625rem;
    }

    .calendar__line {
        font-size: 12px;
    }

    .calendar__line input {
        padding: 0.84375rem 3rem 0.84375rem 0.9375rem;
    }

    .calendar__line-input span {
        font-size: 12px;
        right: 0.9375rem;
    }

    .quantity {
        height: 3.5625rem;
    }

    .quantity__actions {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.75rem;
        flex: 0 0 1.75rem;
        width: 1.75rem;
        gap: 0.5rem;
    }

    .quantity__actions {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2rem;
        flex: 0 0 2rem;
        width: 2rem;
        gap: 0.625rem;
    }

    .quantity__button {
        font-size: 0.5625rem;
    }

    .quantity__input input {
        font-size: 12px;
    }

    .calendar__small {
        font-size: 12px;
    }

    .calendar__small input {
        padding: 0.84375rem 3rem 0.84375rem 0.9375rem;
        font-size: 12px;
    }

    .calendar__small-input span {
        font-size: 12px;
        right: 0.9375rem;
    }

    .body-admin__item h2 {
        font-size: 16px;
    }

    .body-admin__line label {
        font-size: 12px;
    }

    .body-admin__line label:not(:last-child) {
        margin-bottom: 0.625rem;
    }

    .body-admin__line input,
    .body-admin__line textarea {
        padding: 9px 10px;
        font-size: 12px;
    }

    .body-admin__line input::-webkit-input-placeholder,
    .body-admin__line textarea::-webkit-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::-moz-placeholder,
    .body-admin__line textarea::-moz-placeholder {
        font-size: 12px;
    }

    .body-admin__line input:-ms-input-placeholder,
    .body-admin__line textarea:-ms-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::-ms-input-placeholder,
    .body-admin__line textarea::-ms-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::placeholder,
    .body-admin__line textarea::placeholder {
        font-size: 12px;
    }

    .body-admin__line textarea {
        min-height: 3.5625rem;
    }

    .body-admin__select::after {
        font-size: 0.625rem;
        right: 0.78125rem;
    }

    .body-admin__checkbox .checkbox__text {
        font-size: 12px;
    }

    .body-admin__checkbox .checkbox__text span {
        font-size: 12px;
    }

    .body-admin__text {
        font-size: 12px;
    }

    .body-admin__text:last-child {
        margin-top: 0.3125rem;
    }

    .body-admin__not-label {
        font-size: 12px;
    }

    .body-admin__gallery {
        gap: 1.25rem;
    }

    .body-admin__image-wrapper figcaption {
        font-size: 12px;
    }

    .body-admin__del-btn {
        width: 1.375rem;
        height: 1.375rem;
        font-size: 12px;
        -webkit-transform: translate(0.5rem, -0.5rem);
        -ms-transform: translate(0.5rem, -0.5rem);
        transform: translate(0.5rem, -0.5rem);
    }

    .body-admin__add-btn {
        height: calc(100% - 1.25rem);
        gap: 1.25rem;
    }

    .body-admin__add-btn .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.375rem;
        flex: 0 0 1.375rem;
        width: 1.375rem;
        height: 1.375rem;
    }

    .body-admin__add-btn .text {
        font-size: 12px;
    }

    .body-admin__add-line {
        padding: 0.9375rem;
    }

    .body-admin__add-line p {
        font-size: 12px;
    }

    .body-admin__add-line button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.375rem;
        flex: 0 0 1.375rem;
        width: 1.375rem;
        height: 1.375rem;
        font-size: 12px;
    }

    .body-admin__map {
        height: 13.75rem;
    }

    .checkbox__label {
        gap: 0.9375rem;
    }

    .checkbox__label::before {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.5rem;
    }

    .checkbox__label::before {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.75rem;
    }

    .checkbox__text {
        font-size: 12px;
    }
}

@media (min-width: 2560px) {
    .select label {
        font-size: 12px;
    }

    .select label:not(:last-child) {
        margin-bottom: 0.875rem;
    }

    .select select {
        font-size: 12px;
        padding: 1.03125rem 2.9375rem 1.03125rem 0.875rem;
    }

    .select__line::after {
        right: 0.875rem;
    }

    .photos input {
        font-size: 12px;
        padding: 1.03125rem 0.625rem;
    }

    .photos input::-webkit-input-placeholder {
        font-size: 12px;
    }

    .photos input::-moz-placeholder {
        font-size: 12px;
    }

    .photos input:-ms-input-placeholder {
        font-size: 12px;
    }

    .photos input::-ms-input-placeholder {
        font-size: 12px;
    }

    .photos input::placeholder {
        font-size: 12px;
    }

    .photos__title {
        font-size: 14px;
    }

    .photos__title button {
        font-size: 12px;
    }

    .new-boat__line {
        gap: 0.875rem;
    }

    .new-boat__line label {
        font-size: 12px;
    }

    .new-boat__line input,
    .new-boat__line textarea {
        font-size: 12px;
        padding: 1.1125rem 0.625rem;
    }

    .new-boat__line input::-webkit-input-placeholder,
    .new-boat__line textarea::-webkit-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::-moz-placeholder,
    .new-boat__line textarea::-moz-placeholder {
        font-size: 12px;
    }

    .new-boat__line input:-ms-input-placeholder,
    .new-boat__line textarea:-ms-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::-ms-input-placeholder,
    .new-boat__line textarea::-ms-input-placeholder {
        font-size: 12px;
    }

    .new-boat__line input::placeholder,
    .new-boat__line textarea::placeholder {
        font-size: 12px;
    }

    .new-boat__line p {
        font-size: 12px;
    }

    .new-boat__title {
        font-size: 14px;
    }

    .new-boat__title i {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.375rem;
        flex: 0 0 2.375rem;
        width: 2.375rem;
        height: 2.375rem;
        font-size: 12px;
    }

    .calendar__line {
        font-size: 12px;
    }

    .calendar__line input {
        padding: 1.09375rem 3rem 1.09375rem 0.9375rem;
        font-size: 12px;
    }

    .calendar__line-input span {
        font-size: 1.875rem;
    }

    .quantity {
        height: 4.4375rem;
    }

    .quantity__button {
        font-size: 0.6875rem;
    }

    .quantity__input input {
        font-size: 12px;
    }

    .calendar__small {
        font-size: 12px;
    }

    .calendar__small input {
        padding: 1.09375rem 3rem 1.09375rem 0.9375rem;
        font-size: 12px;
    }

    .calendar__small-input span {
        font-size: 1.875rem;
    }

    .body-admin__item h2 {
        font-size: 14px;
    }

    .body-admin__line label {
        font-size: 12px;
    }

    .body-admin__line label:not(:last-child) {
        margin-bottom: 0.875rem;
    }

    .body-admin__line input,
    .body-admin__line textarea {
        padding: 1.0625rem 0.9375rem 12px 0.9375rem;
        font-size: 12px;
    }

    .body-admin__line input::-webkit-input-placeholder,
    .body-admin__line textarea::-webkit-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::-moz-placeholder,
    .body-admin__line textarea::-moz-placeholder {
        font-size: 12px;
    }

    .body-admin__line input:-ms-input-placeholder,
    .body-admin__line textarea:-ms-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::-ms-input-placeholder,
    .body-admin__line textarea::-ms-input-placeholder {
        font-size: 12px;
    }

    .body-admin__line input::placeholder,
    .body-admin__line textarea::placeholder {
        font-size: 12px;
    }

    .body-admin__line select {
        font-size: 12px;
        /*padding: 1.03125rem 2.9375rem 1.03125rem 0.875rem;*/
        padding: 2px 5px;
    }

    .body-admin__line textarea {
        min-height: 4.4375rem;
    }

    .body-admin__select::after {
        font-size: 12px;
        right: 0.875rem;
    }

    .body-admin__checkbox .checkbox__text {
        font-size: 12px;
    }

    .body-admin__checkbox .checkbox__text span {
        font-size: 12px;
    }

    .body-admin__text {
        font-size: 12px;
    }

    .body-admin__text:last-child {
        margin-top: 0.5rem;
    }

    .body-admin__not-label {
        font-size: 12px;
    }

    .body-admin__image-wrapper figcaption {
        font-size: 12px;
    }

    .body-admin__del-btn {
        width: 1.625rem;
        height: 1.625rem;
        font-size: 12px;
        -webkit-transform: translate(0.75rem, -0.75rem);
        -ms-transform: translate(0.75rem, -0.75rem);
        transform: translate(0.75rem, -0.75rem);
    }

    .body-admin__add-btn {
        height: calc(100% - 1.5625rem);
    }

    .body-admin__add-btn .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.625rem;
        flex: 0 0 1.625rem;
        width: 1.625rem;
        height: 1.625rem;
    }

    .body-admin__add-btn .text {
        font-size: 12px;
    }

    .body-admin__add-line {
        padding: 1.25rem;
    }

    .body-admin__add-line p {
        font-size: 12px;
    }

    .body-admin__add-line button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.625rem;
        flex: 0 0 1.625rem;
        width: 1.625rem;
        height: 1.625rem;
        font-size: 12px;
    }

    .body-admin__map {
        height: 16.875rem;
    }

    .checkbox__text {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .body-admin__line input,
    .body-admin__line select,
    .body-admin__line textarea {
        border: 0.0625rem solid transparent;
        background-color: rgba(242, 246, 248, 0.5);
    }

    .select select {
        border: 0.0625rem solid transparent;
        background-color: rgba(242, 246, 248, 0.5);
    }

    .calendar__line input {
        background-color: rgba(242, 246, 248, 0.5);
    }

    .calendar__line-input {
        border: 0.0625rem solid transparent;
    }

    .calendar__line-input._form-focus {
        border: 0.0625rem solid transparent;
    }

    .calendar-open .calendar__line-input {
        border: 0.0625rem solid transparent;
    }

    .quantity {
        background-color: rgba(242, 246, 248, 0.5);
        border: 0.0625rem solid transparent;
    }

    .calendar__small input {
        background-color: rgba(242, 246, 248, 0.5);
    }

    .calendar__small-input {
        border: 0.0625rem solid transparent;
    }

    .calendar__small-input._form-focus {
        border: 0.0625rem solid transparent;
    }

    .calendar-open .calendar__small-input {
        border: 0.0625rem solid transparent;
    }

    .body-admin__line input,
    .body-admin__line select,
    .body-admin__line textarea {
        border: 0.0625rem solid transparent;
        background-color: rgba(242, 246, 248, 0.5);
        padding: 9px 10px;
        margin-top: 5px;
    }

    .calendar-input {
        margin-top: 5px !important;
    }

    .select-days-line-special {
        display: block !important;
    }
}

@media (max-width: 29.99875em) {
    .new-boat__navigation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (any-hover: hover) {
    .photos__icon:hover img {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

    .calendar__line-input:hover {
        border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    }

    .quantity__button:hover {
        color: #0a3647;
    }

    .calendar__small-input:hover {
        border: 0.0625rem solid rgba(144, 191, 219, 0.5);
    }

    .body-admin__del-btn:hover {
        background-color: #f2f6f8;
    }

    .body-admin__add-btn:hover {
        background-color: rgba(242, 246, 248, 0.5);
    }

    .body-admin__add-line button:hover {
        color: #0a3647;
    }
}

.items-special_offers-form #specialoffer-type {
    font-size: 14px;
}

.items-special_offers-form #specialoffer-type label > input {
    margin: 0 5px 0;
}

.popup__block-bookinginfo .popup__info-value {
    word-break: break-all;
}

.lost-password {
    margin-top: 16px;
}

.lost-password a {
    color: #109eee;
}

.error-info {
    margin: 4px auto;
}

a:hover, a:focus {
    text-decoration: none !important;
}

.alert-error {
    color: red;
    font-size: 14px;
}

.alert-success {
    font-size: 14px;
}

.table-price-manager td:nth-child(3), .table-price-manager td:nth-child(4), .table-price-manager td:nth-child(5) {
    vertical-align: middle;
}

.selected {
    border: 1px solid #42dc42;
}

.focus-input {
    border: 1px solid #0000ff;
}

.manager-page input {
    margin: 0 5px;
    max-width: 150px;
}

.popup-agent-price .popup__overflow, .popup-agent-edit .popup__overflow {
    width: 550px;
}

.display-none {
    display: none;
}

.form-new-agent-price {
    width: 100%;
    margin: 10px 0;
}

.form-new-agent-price input {
    max-width: 50%;
    clear: both;
    display: block;
    margin: 5px 0;
}

.form-new-agent-price label {
    font-size: 14px;
    display: block;
    margin: 5px;
}

.form-new-agent-price .checkbox-list input {
    display: revert;
    clear: unset;
    max-width: 10%;
    float: left;
    margin-right: 10px;
}

.form-new-agent-price .checkbox-list {
    max-height: 300px;
    overflow: auto;
}

.checkbox-list-agents {
    display: none !important;
}

.add-new_agent_price {
    min-width: 250px;
}

.checkbox-list label:hover, .checkbox-list input:hover {
    cursor: pointer;
}

.list-agent-prices {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
    max-height: 150px;
    overflow: auto;
}

.list-agent-prices li {
    font-size: 14px;
    display: inline-flex;
    width: 100%;
    margin: 5px 0;
}

.list-agent-prices b {
    width: 20%;
}

.list-agent-prices a {
    float: right;
    width: 20%;
    text-align: center;
}

.item-agents-users {
    width: 60%;
}

.standard-price {
    max-width: 200px;
}

.list-agent-prices a > i {
    font-size: 15px;
    font-weight: bold;
    color: black;
    margin-left: 10px;
}

.manager-page {
    width: 100%;
    display: inline-flex;
    flex: 100%;
    margin-bottom: 20px;
}

.manager-page div {
    width: 50%;
}

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

.manager-page input {
    max-width: 20%;
}

.agent-companies-page {
    width: 100%;
    display: inline-flex;
    flex: 100%;
    margin-bottom: 20px;
}

.agent-companies-page div {
    width: 50%;
}

.agent-companies-page input {
    max-width: 20%;
}

.table-agent-access .inline {
    font-size: 14px;
    color: #159EEE;
    margin: 5px 0;
    font-weight: bold;
}

.table-agent-access th {
    text-align: center;
}

.pagination .active a {
    background: #109eee;
    color: #fff;
    border-color: #109eee;
}

.pagination .disabled {
    display: none;
}

.table-boats-agents th {
    text-align: center;
}

.table-boats-agents a, .table-agent-access a {
    color: #3fb1f1;
    font-weight: bold;
}

.table-boats-agents, .table-agent-access {
    font-size: 13px;
}

.agent-bookings-table td {
    vertical-align: inherit !important;
}

.button-cancel-agent-booking {
    padding: 10px !important;
}

.table-agents-owner td, .table-agents-owner th {
    text-align: center;
}

.agent-status-companies span {
    width: 100%;
    padding: 10px;
}

.popup-agent-invite .popup__overflow {
    width: 550px;
}

.form-new-agent input {
    margin: 10px 0 20px;
}

.popup-agent-invite .popup__finish {
    text-align: center;
    display: block;
    border: none;
}

.popup-agent-invite .popup__title {
    text-align: center;
}

.errors-from-agent-email {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    color: #109eee;
}

.unique-test {
    margin: 0 0 20px;
    color: green;
}

.agent-access-title {
    margin-bottom: 20px;
    margin-top: 20px;
}

.table-agent-access {
    margin-bottom: 20px;
    text-align: center;
}

.table-agent-access td, .table-agent-access th {
    text-align: center;
}

.owner-access-agent p {
    font-size: 13px;
}

.list-changes-agent {
    margin-bottom: 20px;
    max-height: 300px;
    overflow: auto;
}

.list-changes-agent li {
    padding: 5px 0;
}

.list-changes-agent span {
    font-size: 13px;
    text-decoration: underline;
}

.owner-access-agent .navigation {
    margin-bottom: 30px;
}

.table-price-manager th, .table-price-manager td {
    text-align: center;
}

.table-price-manager a {
    color: #109eee;
}

.standard-price-admin, .standard-price, .standard-price-admin-hour {
    max-width: 200px;
    font-size: 13px;
}

.standard-price-admin, .standard-price-admin-hour {
    display: inline-flex;
    max-width: 150px;
}

.main-admin__agent-price {
    /*padding-top: 30px!important;*/
    text-align: center;
}

.main-admin__agent-price input {
    border-bottom: 1px solid rgba(144, 191, 219, 0.3);
}

.weekly_price-table .has-success {
    border-bottom: 1px solid green !important;
    color: green !important;
}

.standard-price-admin {
    border-bottom: 1px solid rgba(144, 191, 219, 0.3);
}

.main-admin__agent-price .changes-button {
    width: 150px;
    margin: 20px auto 0;
}

.standart-price-for-clients {
    text-align: left !important;
}

.standart-price-for-clients span {
    color: #109eee;
    font-weight: bold;
    padding: 5px;
}

.error-list, .error-lis {
    color: red;
}

.refresh-to-default {
    font-size: 14px;
    padding: 0 10px;
}

.refresh-to-default:hover {
    cursor: pointer;
}

.agent_cancel_reason {
    width: 100%;
    border: 1px solid #d3dae0;
    min-height: 200px;
}

.popup-agent-cancel .popup__overflow {
    width: 25%;
}

.popup-agent-cancel .popup__title {
    display: none;
}

.error-agent-cancel {
    color: red;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}

.disabled-block-calendar .weekly-calendar__event {
    border: 2px solid #a2afba !important;
    background: rgba(162, 175, 186, .3) !important;
}

.agent-auto-select:hover {
    cursor: pointer;
}

.agent-view .popup__boat-infoform .grid-row:first-child {
    pointer-events: none;
}

.standard-agent-price {
    max-width: 100px;
    text-align: center;
    font-size: 13px;
}

.calendar__select .form__line select {
    /*padding: 0.855rem 2.5rem 0.855rem 0.78125rem;*/
}

.calendar__filters .filters-button {
    /*padding: 0.75625rem 0.625rem 0.75625rem 0.875rem!important;*/
}

.new-boat__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem .625rem;
}

.new-boat__list {
    gap: .5rem 1.25rem
}

.new-boat__list {
    grid-template-columns: repeat(3, 1fr);
}

.check-new {
    height: 100%;
    position: relative;
}

.check-new__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.check-new__label {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .625rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .59375rem .6875rem;
    background-color: rgba(242, 246, 248, .5);
    height: 100%;
}

.check-new__label {
    gap: .9375rem;
    padding: 15px;
}

.checkbox__checked .check-new__icon {
    background: url(../img/check-arrow-blue.svg) center / 80% no-repeat;
    border: .125rem solid #90bfdb;
}

.check-new__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.75rem;
    flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.check-new__text {
    -ms-flex-item-align: center;
    align-self: center;
}

.check-new__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.check-new__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: .125rem;
    border: .125rem solid rgba(144, 192, 219, .5);
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
}

#special-offer-companyId {
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .125rem;
    border: .0625rem solid rgba(144, 191, 219, .3);
    background-color: #fff;
    outline: .0625rem solid transparent;
    padding: .59375rem 1.875rem .59375rem .625rem;
    width: 100%;
    -webkit-transition: border .3s ease, background-color .3s ease;
    transition: border .3s ease, background-color .3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: "GothamPro";
}

#pjax-edit-yacht-form-general .has-error input, #pjax-edit-yacht-form-general .has-error select {
    border: 1px solid red;
}

.show-prices-weekly:hover {
    cursor: pointer;
}

#reset__form {
    font-size: 14px;
    max-width: 400px;
}

.login__back-lg {
    font-size: 1rem;
}

.chargeable-options-div {
    max-height: 180px;
    overflow-x: auto;
}

.booking-details__history {
    max-height: 430px;
    overflow-x: auto;
}

.load-photo-gallery {
    display: flex;
    flex-flow: column;
}

.input-gallery-position {
    border-bottom: 1px solid #CCCCCC;
}

#service-boats {
    max-height: 100px;
    overflow: auto;
}

#service-boats input {
    max-width: 10%;
}

.disabled {
    pointer-events: none;
}

#paymentinfoform-payment_date::placeholder, #paymentinfoform-payment_confirmed_finance::placeholder {
    color: black;
}

.save-deposit-payment:hover {
    cursor: pointer;
}

.empty-deposit-form {
    border: 0.0625rem solid red !important;
}

.remove-button:hover {
    cursor: pointer;
}

.trending-flag-service {
    display: -webkit-inline-box;
    margin: 5px 0;
}

.trending-flag-service input {
    margin-right: 10px;
}

.delete-deposit-payment {
    font-size: 14px !important;
}

.load-photo-gallery button, .update-service-includes button {
    max-width: 210px;
    font-size: 12px;
}

.error-summary ul {
    color: red;
    padding: 5px;
    font-size: 14px;
}

#send-approve-letter {
    cursor: pointer;
    color: inherit;
    background-color: transparent;
    outline: none;
}

#send-approve-letter {
    color: #109eee;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.25rem;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 0.3125rem;
    padding: 0.6875rem 1rem;
    background-color: #fff;
    -webkit-transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
    transition: border 0.3s ease, color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease, -webkit-box-shadow 0.3s ease;
}

#send-approve-letter:hover {
    border: 1px solid #109eee;
    cursor: pointer;
}

#send-approve-letter:before {
    font-size: 12px;
    color: #90bfdb;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

#send-approve-letter span {
    display: inline-block;
}