/* Stil za prvi modal */
.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body {
    padding: 20px 40px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body > * + *{
    margin-top: 20px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body .nb-html-editor:has(.nb-default-parcel-machine-content) {
    width: 100%;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body .nb-html-editor .nb-default-parcel-machine-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body .nb-html-editor .nb-default-parcel-machine-content .nb-custom-text-with-icon-1 {
    padding: 0;
    background-color: unset;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-modal-body .nb-btn {
    min-width: 200px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-1 .nb-select.region-error {
    border-color: var(--nb-color-danger);
}

.nb-parcel-machine-modals-block .nb-icon-left-title-and-description-right-horizontal {
    padding-right: 10px;
}

.nb-parcel-machine-modals-block .nb-icon-left-title-and-description-right-horizontal .nb-icon {
    color: var(--nb-color-black);
    font-size: 30px;
}

.nb-parcel-machine-modals-block .nb-icon-left-title-and-description-right-horizontal .nb-title {
    font-size: var(--nb-font-size-14);
    font-weight: var(--nb-font-bold);
    margin-bottom: 5px;
}

.nb-parcel-machine-modals-block .nb-modal .nb-modal-header.nb-modal-header-center {
    justify-content: start;
}


/* Stil za drugi modal */

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 .nb-parcel-machine-step-one-label {
    font-size: var(--nb-font-size-16);
    font-weight: var(--nb-font-semibold);
    color: var(--nb-text-color-primary);
    margin-bottom: 15px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 #locations-map {
    width: 100%;
    height: 100%;
    min-height: 415px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 .nb-parcel-machine-step-two-label {
    font-size: var(--nb-font-size-16);
    font-weight: var(--nb-font-semibold);
    color: var(--nb-text-color-primary);
    margin-bottom: 15px;
    margin-top: 20px;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 .nb-location-parcel-machine-confirm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 .nb-location-parcel-machine-confirm-btn .nb-btn {
    margin-top: 20px;
    min-width: 300px;
}
@media screen and (max-width: 768px) {
    .nb-parcel-machine-modals-block .nb-icon-left-title-and-description-right-horizontal .nb-paragraph {
        font-size: var(--nb-font-size-12);
    }
    .nb-parcel-machine-modals-block {
        --nb-dt-rows: auto;
    }
}

@media screen and (max-width: 576px) {
    .nb-parcel-machine-modal-2 .nb-modal-body:has(.nb-location-mobile-panel-control.active)  .nb-map,
    .nb-parcel-machine-modal-2 .nb-modal-body:has(.nb-location-mobile-map-control.active)  .nb-locations-list-panel{
        display: none;
    }
    .nb-parcel-machine-modal-2 .nb-modal-body:has(.nb-location-mobile-map-control.active)  .nb-map,
    .nb-parcel-machine-modal-2 .nb-modal-body:has(.nb-location-mobile-panel-control.active)  .nb-locations-list-panel{
        display: block;
        height: 100%;
    }
    .nb-parcel-machine-modal-2 .nb-modal-body:has(.nb-location-mobile-panel-control.active) .nb-location-parcel-machine-list-1 .nb-location-wrapper{
        max-height: 70vh;
    }
    .nb-parcel-machine-modals-block .nb-parcel-machine-modal-2 #locations-map{
        min-height: 70vh;
    }

}