/*
    MODAL komponenta
*/

.modal.nb-modal {
    top: 0;
}

.nb-modal {
    --bs-modal-zindex: var(--nb-modal-zindex);

}
.nb-modal .modal-dialog{
    max-width: var(--nb-modal-max-width)
}

.nb-modal .modal-dialog.modal-xl {
    max-width: var(--nb-modal-xl-max-width);
}

.nb-modal .modal-dialog.modal-lg {
    max-width: var(--nb-modal-lg-max-width);
}
.nb-modal .modal-dialog.modal-sm {
    max-width: var(--nb-modal-sm-max-width);
}
.nb-modal .modal-content{
    border-radius: var(--nb-modal-border-radius);
    border: var(--nb-modal-border-width) var(--nb-modal-border-style) var(--nb-modal-border-color);
    overflow: hidden;
}
.nb-modal .modal-header{
    background: var(--nb-modal-header-bg);
    border-bottom: var(--nb-modal-header-border-bottom-width) var(--nb-modal-header-border-bottom-style) var(--nb-modal-header-border-bottom-color);
}
.nb-modal .modal-header .nb-btn-close,
.nb-modal .modal-header .nb-modal-title{
    color: var(--nb-modal-header-color);
    line-height: inherit;
}
.nb-modal .modal-footer{
    background: var(--nb-modal-footer-bg);
    border-top: var(--nb-modal-footer-border-top-width) var(--nb-modal-footer-border-top-style) var(--nb-modal-footer-border-top-color);
}
.modal-backdrop{
    --bs-backdrop-zindex: var(--nb-backdrop-zindex);
}
.nb-modal .nb-modal-header{
    padding: var(--nb-modal-header-padding-y) var(--nb-modal-header-padding-x);
    border-top-left-radius: var(--nb-modal-border-radius);
    border-top-right-radius: var(--nb-modal-border-radius);
}
.nb-modal .nb-modal-header.nb-modal-header-center {
    justify-content: center;
}
.nb-modal .nb-modal-body{
    padding: var(--nb-modal-padding-y) var(--nb-modal-padding-x);
}
.nb-modal .nb-modal-footer{
    padding: var(--nb-modal-padding-y) var(--nb-modal-padding-x);
}
.nb-modal .nb-btn-close {
    position: absolute;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .nb-modal .nb-modal-dialog.modal-fullscreen-md-down .modal-content {
        border-radius: 0;
    }
}

@media screen and (max-width: 576px) {
    .nb-modal .nb-modal-dialog.modal-fullscreen-sm-down .modal-content {
        border-radius: 0;
    }

    .nb-modal .nb-modal-dialog.modal-fullscreen-sm-down {
        max-width: none;
    }
}