html {
    margin-top: 0px !important;
}

body.page-template {
    min-height: auto !important;
}

.ys-dashboard {
    margin-top: 65px;
}

@media screen and (min-width: 786px) {
    .ys-dashboard {
        margin-top: 85px;
    }
}

.ys-dashboard .ys-dashboard__container {
    display: flex;
    gap: 15px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px 20px;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__container {
        padding: 0px 25px;
    }
}

.dashboard__wrapper {
    width: 100% !important;
}

@media screen and (min-width: 1024px) {
    .dashboard__wrapper {
        width: 75% !important;
    }
}

.ys-dashboard .ys-dashboard__container p {
    margin-bottom: 0px;
}

.ys-dashboard__content {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
    .ys-dashboard .ys-dashboard__content {
        width: 75%;
    }
}

.ys-dashboard .ys-dashboard__content .ys-dashboard__content-title {
    color: #002B49;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__content .ys-dashboard__content-title {
        font-size: 28px;
    }
}

@media screen and (min-width: 786px) {
    .ys-dashboard .ys-dashboard__content .ys-dashboard__content-title {
        text-align: left;
    }
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid:last-of-type {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 0px;
}

@media screen and (min-width: 786px) {
    .ys-dashboard .ys-dashboard__grids .ys-dashboard__grid:nth-of-type(2) {
        grid-template-columns: 1fr 1fr;
    }
    .ys-dashboard .ys-dashboard__grids .ys-dashboard__grid:last-of-type {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 1024px) {
    .ys-dashboard .ys-dashboard__grids .ys-dashboard__grid {
        grid-template-columns: 2fr 1fr;
    }
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item {
    border: 1px solid #E4E4E4;
    border-radius: 30px;
    padding: 20px;
}

.ys-dashboard .ys-dashboard__yachts-container {
    overflow-x: hidden;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-title {
    color: #002B49;
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-title-container {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #002B49;
    font-size: 22px;
    font-weight: 600;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-title-container svg {
    width: 24px;
    height: 24px;
    display: block;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container .ys-dashboard__grid-item-header-link {
    color: #002B49;
    text-decoration: none;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container .ys-dashboard__grid-item-header-link:hover {
    text-decoration: underline;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container svg {
    width: 11px;
    height: 11px;
    display: block;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container .gs-icon__svg {
    width: 11px;
    height: 11px;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container .gs-icon__svg.edit-profile-icon {
    width: 22px !important;
    height: 22px !important;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-header .ys-dashboard__grid-item-header-link-container .gs-icon__svg.edit-profile-icon svg {
    width: 22px !important;
    height: 22px !important;
}

.ys-dashboard .ys-dashboard__grid-item-content-wrapper {
    overflow-x: hidden;
    width: 100%;
}

.ys-dashboard .ys-dashboard__grids .ys-dashboard__grid-item-content {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}

.ys-dashboard .ys-dashboard__grid-item-content .listing-card {
    min-width: 220px;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-item-content .listing-card {
        min-width: 280px;
    }
}

.ys-dashboard .ys-dashboard__grid-item-content .gs-card__wrapper {
    margin-bottom: 0px;
}

.ys-dashboard .ys-dashboard__grid-item-content .gs-card__compare {
    display: none !important;
}

.ys-dashboard .ys-dashboard__grid-row-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 30px;
}

.ys-dashboard .ys-dashboard__grid-item-row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.ys-dashboard .ys-dashboard__grid-item-row-label {
    color: #002B49;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.ys-dashboard .ys-dashboard__grid-item-row-value {
    color: #002B49;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px;
}

.ys-dashboard .ys-dashboard__grid-recent-updates-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-recent-updates-content .ys-dashboard__grid-item-updates {
        padding: 0px 20px;
    }
}

.ys-dashboard .ys-dashboard__grid-item-updates .ys-dashboard__grid-item-updates-header {
    color: #002B49;
    font-size: 14px;
    font-weight: 700;
}

.ys-dashboard .ys-dashboard__grid-item-updates .ys-dashboard__grid-item-updates-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ys-dashboard .ys-dashboard__grid-item-updates .ys-dashboard__grid-item-updates-content span {
    color: #002B49;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ys-dashboard .ys-dashboard__table {
    width: 100%;
    border-collapse: collapse;
}

.ys-dashboard .ys-dashboard__table thead {
    background-color: #E4E4E4;
    color: #002B49;
    font-weight: 700;
    width: 100%;
}

.ys-dashboard .ys-dashboard__table thead th {
    padding: 7px;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-name {
    padding-left: 10px;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-name a {
    color: #002B49;
    text-decoration: none;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-name a:hover {
    text-decoration: underline;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-icon-container {
    text-align: center;
    padding: 5px 0px;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-icon-container .gs-icon__svg {
    margin: 0 auto;
}

.ys-dashboard .ys-dashboard__table .ys-dashboard__table-icon-container .gs-icon__svg svg {
    width: 24px;
    height: 24px;
    display: block;
}

.ys-dashboard .ys-dashboard__grid-my-listings-content .ys-dashboard__grid-my-listings-content-image img {
    width: 100%;
}

.ys-dashboard .ys-dashboard__grid-listings-content {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-listings-content {
        flex-direction: row;
    }
}

.ys-dashboard .ys-dashboard__grid-listings-content .ys-dashboard__grid-my-listings-content {
    width: 100%;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-listings-content .ys-dashboard__grid-my-listings-content {
        width: calc(50% - 7.5px);
    }
}

.ys-dashboard .ys-dashboard__grid-listings-content .ys-dashboard__grid-my-listings-content-image img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

@media screen and (min-width: 786px) {
    .ys-dashboard .ys-dashboard__grid-listings-content .ys-dashboard__grid-my-listings-content-image img {
        max-height: 120px;
    }
}

@media screen and (min-width: 1200px) {
    .ys-dashboard .ys-dashboard__grid-listings-content .ys-dashboard__grid-my-listings-content-image img {
        max-height: 140px;
    }
}

.ys-dashboard .ys-dashboard__grid-my-listings-content-info {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.ys-dashboard .ys-dashboard__grid-my-listing-content-info p {
    color: #002B49;
    font-size: 12px;
    font-weight: 500;
}

.ys-dashboard .ys-dashboard__grid-my-listings-content-info-link {
    color: #FFFFFF;
    background-color: #002B49;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 30px;
    padding: 3px 8px;
}

.ys-dashboard .ys-dashboard__grid-my-build-content {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-direction: column;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-my-build-content {
        flex-direction: row;
    }
}

.ys-dashboard .ys-dashboard__grid-my-build-content .ys-dashboard__grid-item-content-image {
    width: 100%;
}

@media screen and (min-width: 540px) {
    .ys-dashboard .ys-dashboard__grid-my-build-content .ys-dashboard__grid-item-content-image {
        width: calc(33% - 15px);
    }
}

.ys-dashboard .ys-dashboard__grid-my-build-content .ys-dashboard__grid-item-content-image img {
    width: 100%;
    object-fit: cover;
}

.ys-dashboard .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #002B49 !important;
    border-color: #002B49 !important;
}

.modal {
    top: 0px !important;
}

.modal-content {
    padding: 20px;
    border-radius: 0px;
}

.modal-body {
    padding: 0px;
}

.modal-body button.close {
    position: absolute;
    right: 3px;
    top: 0px;
}

.modal-title {
    color: #002B49;
    font-weight: 600;
}

.modal-body .row {
    display: flex;
    gap: 15px;
    margin: 0px;
}

.modal-body label {
    color: #002B49;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .modal-body .row .col-md-6 {
        width: calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
    }
}

@media screen and (min-width: 992px) {
    .modal-body .row .col-lg-6 {
        width: calc(50% - 7.5px) !important;
        max-width: calc(50% - 7.5px) !important;
    }
}