/*
/* NB Fajl:'./static/css/nbcomponent/nb7.link.css.'
*//*Link style*/
.nb-link {
    color: var(--nb-link-color-primary);
}

.nb-link:hover {
    color: var(--nb-link-color-secondary);
}
/*End Link style*/

/*Links sizing*/
.nb-link-xs {
    font-size: var(--nb-link-xs);
}

.nb-link-s {
    font-size: var(--nb-link-s);
}

.nb-link-m {
    font-size: var(--nb-link-m);
}

.nb-link-l {
    font-size: var(--nb-link-l);
}
/*End Links sizing*/

/* Ovo treba obrisati */

/*Link Primary*/
.nb-link.nb-primary-link {
    color: var(--nb-link-color-primary);
}

.nb-link.nb-primary-link:hover {
    color: var(--nb-link-primary-hover-color);
}
/*End Link Primary*/

/*Link Secondary*/
.nb-link.nb-secondary-link {
    color: var(--nb-link-secondary-color);
}

.nb-link.nb-secondary-link:hover {
    color: var(--nb-link-secondary-hover-color);
}
/*End Link Secondary*/

/* **** */



/* Text link 1 (no underline) */
.nb-link.text-link-1{
    text-decoration: none;
}
.nb-link.text-link-1.nb-primary-link{
    color: var(--nb-text-link-1-primary-color)
}
.nb-link.text-link-1.nb-primary-link:hover{
    color: var(--nb-text-link-1-primary-hover-color);
}
.nb-link.text-link-1.nb-secondary-link{
    color: var(--nb-text-link-1-secondary-color)
}
.nb-link.text-link-1.nb-secondary-link:hover{
    color: var(--nb-text-link-1-secondary-hover-color);
}

/* Text link 2 (underline all states) */
.nb-link.text-link-2{
    text-decoration: underline;
    text-underline-offset: 5px;
}
.nb-link.text-link-2.nb-primary-link{
    color: var(--nb-text-link-2-primary-color)
}
.nb-link.text-link-2.nb-primary-link:hover{
    color: var(--nb-text-link-2-primary-hover-color);
}
.nb-link.text-link-2.nb-secondary-link{
    color: var(--nb-text-link-2-secondary-color)
}
.nb-link.text-link-2.nb-secondary-link:hover{
    color: var(--nb-text-link-2-secondary-hover-color);
}

/* Text link 3 (hover underline) */
.nb-link.text-link-3{
    text-decoration: none;
}
.nb-link.text-link-3:hover{
    text-decoration: underline;
}
.nb-link.text-link-3.nb-primary-link{
    color: var(--nb-text-link-3-primary-color)
}
.nb-link.text-link-3.nb-primary-link:hover{
    color: var(--nb-text-link-3-primary-hover-color);
}
.nb-link.text-link-3.nb-secondary-link{
    color: var(--nb-text-link-3-secondary-color)
}
.nb-link.text-link-3.nb-secondary-link:hover{
    color: var(--nb-text-link-3-secondary-hover-color);
}

/* Text link 4 (hover dash left) */
.nb-link.nb-text-link-4 {
    position: relative;
    display: flex;
    align-items: center;
    max-width: max-content;
}

.nb-link.nb-text-link-4:before {
    display: inline-flex;
    align-items: center;
    content: '';
    position: relative;
    width: 0;
    height: 2px;
    transition: width 0.5s;
    background: var(--nb-spec-color);
}

.nb-link.nb-text-link-4:hover:before {
    width: 20px;
    margin-right: 10px;
}
/*
/* NB Fajl:'./static/css/nbcomponent/nb7.icon.css.'
*/.nb-icon {
    font-size: var(--nb-icon-size-m);
}

.nb-icon.nb-icon-xs {
    font-size: var(--nb-icon-size-s);
}

.nb-icon.nb-icon-s {
    font-size: var(--nb-icon-size-s);
}

.nb-icon.nb-icon-m {
    font-size: var(--nb-icon-size-m);
}

.nb-icon.nb-icon-l {
    font-size: var(--nb-icon-size-l);
}


/*
/* NB Fajl:'./static/css/nbcomponent/nb7.image.css.'
*/.nb-img-wrapper-with-content {
    position: relative;
}

.nb-img-wrapper-with-content .nb-position{
    display: none;
}

.nb-img-wrapper-with-content .nb-position.nb-top-left-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-spacer-y)/2);
    position: absolute;
    top: calc(var(--nb-spacer-y)/2);
    left: calc(var(--nb-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-img-wrapper-with-content .nb-position.nb-top-right-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-spacer-y)/2);
    position: absolute;
    top: calc(var(--nb-spacer-y)/2);
    right: calc(var(--nb-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-img-wrapper-with-content .nb-position.nb-bottom-left-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-spacer-y)/2);
    position: absolute;
    bottom: calc(var(--nb-spacer-y)/2);
    left: calc(var(--nb-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-img-wrapper-with-content .nb-position.nb-bottom-right-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-spacer-y)/2);
    position: absolute;
    bottom: calc(var(--nb-spacer-y)/2);
    right: calc(var(--nb-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-product-img-wrapper-with-content  {
    position: relative;
}

.nb-product-img-wrapper-with-content .nb-position{
    display: none;
}

.nb-product-img-wrapper-with-content .nb-position.nb-top-left-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-product-spacer-y)/2);
    position: absolute;
    top: calc(var(--nb-product-spacer-y)/2);
    left: calc(var(--nb-product-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-product-img-wrapper-with-content .nb-position.nb-top-right-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-product-spacer-y)/2);
    position: absolute;
    top: calc(var(--nb-product-spacer-y)/2);
    right: calc(var(--nb-product-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-product-img-wrapper-with-content .nb-position.nb-bottom-left-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-product-spacer-y)/2);
    position: absolute;
    bottom: calc(var(--nb-product-spacer-y)/2);
    left: calc(var(--nb-product-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

.nb-product-img-wrapper-with-content .nb-position.nb-bottom-right-content {
    display: flex;
    flex-direction: column;
    gap: calc(var(--nb-product-spacer-y)/2);
    position: absolute;
    bottom: calc(var(--nb-product-spacer-y)/2);
    right: calc(var(--nb-product-spacer-x)/2);
    max-width: 50%;
    max-height: 50%;
}

picture {
    position: relative;
}

.nb-hover:hover {
    filter: brightness(0.7);
    transition: filter 0.5s ease-in-out;
}

.nb-hover:hover + .nb-icon {
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.nb-hover + .nb-icon {
    font-size: 50px;
    position: absolute;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--nb-color-white);
    pointer-events: none;
}
/*
/* NB Fajl:'./static/css/nbcomponent/nb7.scroll.css.'
*/.nb-custom-scroll-1{
    --nb-scroll-1-width: 5px;
    --nb-scroll-1-track-bg: var(--nb-color-light-2);
    --nb-scroll-1-bg: var(--nb-spec-color);
}
/* Scroll width */
.nb-custom-scroll-1::-webkit-scrollbar {
    width: var(--nb-scroll-1-width);
}
/* Track */
.nb-custom-scroll-1::-webkit-scrollbar-track {
    background: var(--nb-scroll-1-track-bg);
}
/* Handle */
.nb-custom-scroll-1::-webkit-scrollbar-thumb:hover,
.nb-custom-scroll-1::-webkit-scrollbar-thumb {
    background: var(--nb-scroll-1-bg);
}

/*
/* NB Fajl:'./static/css/nbcomponent/nb7.card.css.'
*/
/*
    CARD komponenta
*/

:root {
    --nb-card-floating-body-bg: var(--nb-color-white);
    --nb-card-floating-body-height: 130px;
    --nb-card-floating-transition: all 0.5s ease;
}

.nb-card {
    border: var(--nb-card-border-width) var(--nb-border-style) var(--nb-border-color);
    border-radius: var(--nb-card-border-radius);
    background: var(--nb-card-bg);
}

.nb-card.border-radius-bottom{
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.nb-card.border-radius-top{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.nb-card .nb-card-footer{
    border-bottom-left-radius: var(--nb-card-border-radius);
    border-bottom-right-radius: var(--nb-card-border-radius);
    background-color: var(--nb-card-footer-bg);
    padding: var(--nb-card-spacer-y) var(--nb-card-spacer-x);
    border-top: var(--nb-card-footer-top-border-width) var(--nb-border-style) var(--nb-card-footer-top-border-color);
}

.nb-card .nb-card-header {
    border-top-left-radius: var(--nb-card-border-radius);
    border-top-right-radius: var(--nb-card-border-radius);
    background-color: var(--nb-card-header-bg);
    padding: var(--nb-card-spacer-y) var(--nb-card-spacer-x);
    border-bottom: var(--nb-card-header-bottom-border-width) var(--nb-border-style) var(--nb-card-header-bottom-border-color);
}

.nb-card > .nb-img-wrapper{
    border-top-left-radius: var(--nb-card-border-radius);
    border-top-right-radius: var(--nb-card-border-radius);
    overflow: hidden;
}

.nb-card.nb-card-floating-body {
    position: relative;
    height: 100%;
    padding-bottom: var(--nb-card-floating-body-height);
}

.nb-card.nb-card-floating-body .nb-img-wrapper {
    height: 100%;
}

.nb-card.nb-card-floating-body .nb-card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--nb-card-floating-body-bg);
    max-height: var(--nb-card-floating-body-height);
    overflow: hidden;
    transition: var(--nb-card-floating-transition);
    z-index: 2;
}

.nb-card.nb-card-floating-body:hover .nb-card-body {
    max-height: 100%;
}
/*
/* NB Fajl:'./static/css/nbcomponent/nb7.loader.css.'
*/:root {
    --nb-loader-bg: #ffffffCC;
    --nb-loader-img-max-width: 100px;
}

.nb-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: var(--nb-loader-bg);
    z-index: 99;
}

.nb-loader .nb-img {
    max-width: var(--nb-loader-img-max-width);
}

.nb-loader.nb-loader-product-listing .nb-img {
    position: relative;
    top: 100px;
}

.nb-loader.nb-loader-mini-cart{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nb-loader.nb-loader-mini-cart .nb-img{
    position: relative;
    top: -10%;
}

.nb-loader.nb-loader-cart{
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
/* NB Fajl:'./static/css/nbcomponent/nb7.dropdown.css.'
*/:root {
    /* Toggle variables */
    --nb-dropdown-toggle-color: var(--nb-text-color-primary);
    --nb-dropdown-toggle-font-size: var(--nb-paragraph-l);
    --nb-dropdown-toggle-line-height: var(--nb-paragraph-line-height);
    --nb-dropdown-toggle-font-weight: var(--nb-font-semibold);
    --nb-dropdown-toggle-font-family: var(--nb-body-font-family);
    --nb-dropdown-toggle-padding-x: 0;
    --nb-dropdown-toggle-padding-y: 0;
    --nb-dropdown-toggle-icon-color: var(--nb-color-black);

    /* Content Variables */
    --nb-dropdown-content-border-width: var(--nb-border-width);
    --nb-dropdown-content-border-style: var(--nb-border-style);
    --nb-dropdown-content-border-color: var(--nb-border-color);
    --nb-dropdown-content-border-radius: var(--nb-border-0);
    --nb-dropdown-content-padding-x: 15px;
    --nb-dropdown-content-padding-y: 15px;
    --nb-dropdown-content-width: 250px;
}

.nb-dropdown .nb-dropdown-toggle::after {
    content: none;
}

.nb-dropdown .nb-dropdown-toggle .nb-toggle {
    cursor: pointer;
}

.nb-dropdown .nb-dropdown-toggle.show .nb-toggle:before {
    transform: rotate(180deg);
}

/* Dropdown V1 */

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-toggle {
    color: var(--nb-dropdown-toggle-color);
    font-size: var(--nb-dropdown-toggle-font-size);
    line-height: var(--nb-dropdown-toggle-line-height);
    font-weight: var(--nb-dropdown-toggle-font-weight);
    font-family: var(--nb-dropdown-toggle-font-family);
    padding: var(--nb-dropdown-toggle-padding-x) var(--nb-dropdown-toggle-padding-y);
    cursor: pointer;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-toggle .nb-toggle {
    color: var(--nb-dropdown-toggle-icon-color);
    display: inline-block;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu {
    border: var(--nb-dropdown-content-border-width) var(--nb-dropdown-content-border-style) var(--nb-dropdown-content-border-color);
    border-radius: var(--nb-dropdown-content-border-radius);
    padding: var(--nb-dropdown-content-padding-x) var(--nb-dropdown-content-padding-y);
    min-width: var(--nb-dropdown-content-width);
    inset: 20px auto auto 0 !important;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:before,
.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:before{
    top: -21px;
    border-color: transparent transparent var(--nb-dropdown-content-border-color) transparent;
    border-width: 10px;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:after{
    top: -20px;
    border-color: transparent transparent var(--nb-color-white) transparent;
    border-width: 10px;
}

/* End Dropdown V1 */

/* Start Dropdown V2 */
.nb-dropdown-2 .nb-dropdown-menu.show {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.nb-dropdown-2.dropstart .dropdown-toggle::before {
    content: unset;
}

/* End Dropdown V2 */


/*
/* NB Fajl:'./static/css/nbcomponent/nb7.html-editor.css.'
*/.cke_maximized,
.cke_panel{
    z-index: 10010 !important;
}
/*
/* NB Fajl:'./static/css/nbcomponent/nb7.buttons.css.'
*/
/*
    BUTTONS komponenta
*/

.nb-btn{
    font-family:    var(--nb-btn-font-family);
    font-size:      var(--nb-btn-font-size);
    line-height:    var(--nb-btn-line-height);
    font-weight:    var(--nb-btn-font-weight);
    color:          var(--nb-btn-color);
    background:     var(--nb-btn-bg);
    height:         var(--nb-btn-height);
    border-radius:  var(--nb-btn-border-radius);
    border:         var(--nb-btn-border-width) var(--nb-btn-border-style) var(--nb-btn-border-color);
    padding:        var(--nb-btn-padding-y) var(--nb-btn-padding-x);
    min-width:      var(--nb-btn-min-width);
    position:relative;
}
.nb-btn:active,
.nb-btn:focus,
.nb-btn:hover{
    color:          var(--nb-btn-hover-color);
    background:     var(--nb-btn-hover-bg);
    border-color:   var(--nb-btn-hover-border-color);
}

.nb-btn.nb-btn-primary{
    color:          var(--nb-btn-primary-color);
    background:     var(--nb-btn-primary-bg);
    border-color:   var(--nb-btn-primary-border-color);
}
.nb-btn.nb-btn-primary:active,
.nb-btn.nb-btn-primary:focus,
.nb-btn.nb-btn-primary:hover{
    color:          var(--nb-btn-primary-hover-color);
    background:     var(--nb-btn-primary-hover-bg);
    border-color:   var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-secondary{
    color:          var(--nb-btn-secondary-color);
    background:     var(--nb-btn-secondary-bg);
    border-color:   var(--nb-btn-secondary-border-color);
}
.nb-btn.nb-btn-secondary:active,
.nb-btn.nb-btn-secondary:focus,
.nb-btn.nb-btn-secondary:hover{
    color:          var(--nb-btn-secondary-hover-color);
    background:     var(--nb-btn-secondary-hover-bg);
    border-color:   var(--nb-btn-secondary-hover-border-color);
}

.nb-btn.nb-btn-success{
    color:          var(--nb-btn-success-color);
    background:     var(--nb-btn-success-bg);
    border-color:   var(--nb-btn-success-border-color);
}
.nb-btn.nb-btn-success:active,
.nb-btn.nb-btn-success:focus,
.nb-btn.nb-btn-success:hover{
    color:          var(--nb-btn-success-hover-color);
    background:     var(--nb-btn-success-hover-bg);
    border-color:   var(--nb-btn-success-hover-border-color);
}

.nb-btn.nb-btn-danger{
    color:          var(--nb-btn-danger-color);
    background:     var(--nb-btn-danger-bg);
    border-color:   var(--nb-btn-danger-border-color);
}
.nb-btn.nb-btn-danger:active,
.nb-btn.nb-btn-danger:focus,
.nb-btn.nb-btn-danger:hover{
    color:          var(--nb-btn-danger-hover-color);
    background:     var(--nb-btn-danger-hover-bg);
    border-color:   var(--nb-btn-danger-hover-border-color);
}

.nb-btn.nb-btn-warning{
    color:          var(--nb-btn-warning-color);
    background:     var(--nb-btn-warning-bg);
    border-color:   var(--nb-btn-warning-border-color);
}
.nb-btn.nb-btn-warning:active,
.nb-btn.nb-btn-warning:focus,
.nb-btn.nb-btn-warning:hover{
    color:          var(--nb-btn-warning-hover-color);
    background:     var(--nb-btn-warning-hover-bg);
    border-color:   var(--nb-btn-warning-hover-border-color);
}

.nb-btn.nb-btn-info{
    color:          var(--nb-btn-info-color);
    background:     var(--nb-btn-info-bg);
    border-color:   var(--nb-btn-info-border-color);
}
.nb-btn.nb-btn-info:active,
.nb-btn.nb-btn-info:focus,
.nb-btn.nb-btn-info:hover{
    color:          var(--nb-btn-info-hover-color);
    background:     var(--nb-btn-info-hover-bg);
    border-color:   var(--nb-btn-info-hover-border-color);
}

.nb-btn.nb-btn-dark{
    color:          var(--nb-btn-dark-color);
    background:     var(--nb-btn-dark-bg);
    border-color:   var(--nb-btn-dark-border-color);
}
.nb-btn.nb-btn-dark:active,
.nb-btn.nb-btn-dark:focus,
.nb-btn.nb-btn-dark:hover{
    color:          var(--nb-btn-dark-hover-color);
    background:     var(--nb-btn-dark-hover-bg);
    border-color:   var(--nb-btn-dark-hover-border-color);
}

.nb-btn.nb-btn-light{
    color:          var(--nb-btn-light-color);
    background:     var(--nb-btn-light-bg);
    border-color:   var(--nb-btn-light-border-color);
}
.nb-btn.nb-btn-light:active,
.nb-btn.nb-btn-light:focus,
.nb-btn.nb-btn-light:hover{
    color:          var(--nb-btn-light-hover-color);
    background:     var(--nb-btn-light-hover-bg);
    border-color:   var(--nb-btn-light-hover-border-color);
}

/* Sizing */
.nb-btn.nb-btn-xs{
    font-size: var(--nb-btn-font-size-xs);
    line-height: var(--nb-btn-line-height-xs);
    padding-top: var(--nb-btn-padding-y-xs);
    padding-bottom: var(--nb-btn-padding-y-xs);
}
.nb-btn.nb-btn-s{
    font-size: var(--nb-btn-font-size-s);
    line-height: var(--nb-btn-line-height-s);
    padding-top: var(--nb-btn-padding-y-s);
    padding-bottom: var(--nb-btn-padding-y-s);
}
.nb-btn.nb-btn-m{
    font-size: var(--nb-btn-font-size-m);
    line-height: var(--nb-btn-line-height-m);
    padding-top: var(--nb-btn-padding-y-m);
    padding-bottom: var(--nb-btn-padding-y-m);
}
.nb-btn.nb-btn-l{
    font-size: var(--nb-btn-font-size-l);
    line-height: var(--nb-btn-line-height-l);
    padding-top: var(--nb-btn-padding-y-l);
    padding-bottom: var(--nb-btn-padding-y-l);
}


.nb-btn:hover{
    text-decoration: none;
}

.nb-btn-button{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-bg);
    border-color: var(--nb-btn-primary-border-color);
}
.nb-btn-button:active,
.nb-btn-button:focus,
.nb-btn-button:hover{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-hover-bg);
    border-color: var(--nb-btn-primary-hover-border-color);
}

.nb-btn-add-to-cart{

}

.nb-btn-add-to-cart-detail{

}

.nb-btn-add-to-cart-list{

}

.nb-btn-form{
    --nb-btn-min-width: 150px;
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-bg);
    border-color: var(--nb-btn-primary-border-color);
    /*padding: ;*/
}

.nb-btn-form:active,
.nb-btn-form:focus,
.nb-btn-form:hover{
    color: var(--nb-color-white);
    background: var(--nb-btn-primary-hover-bg);
    border-color: var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-link{
    color: var(--nb-color-white) ;
    background: var(--nb-spec-color) ;
    border-color: var(--nb-spec-color) ;
}

.nb-btn.nb-btn-link:active,
.nb-btn.nb-btn-link:focus,
.nb-btn.nb-btn-link:hover {
    color: var(--nb-spec-color);
    background: var(--nb-color-white);
    border-color: var(--nb-spec-color);
}

/* Submit loading */
.nb-btn[type='submit'].active .btn-text,
.nb-btn[type='submit'] .nb-btn-loading{
    display: none;
}
.nb-btn[type='submit'].active .nb-btn-loading{
    display: block;
}
.nb-btn[type='submit'].active{
    pointer-events: none;
    opacity: .5;
}


/* Different style button*/

.nb-btn.nb-btn-link-style{
    padding: 0;
    background: transparent;
    border: none;
    color: var(--nb-text-color-primary);
    min-width: auto;
}

.nb-btn.nb-btn-link-style:active,
.nb-btn.nb-btn-link-style:focus,
.nb-btn.nb-btn-link-style:hover{
    background: transparent;
    color: var(--nb-spec-color);
}

@media screen and (max-width: 576px) {
    .nb-btn-form {
        width: 100%;
    }
}

/*Btn with icon*/
.nb-btn.nb-icon-btn{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.nb-btn.nb-icon-btn.reverse-icon{
    flex-direction: row-reverse;
}


/* Transparent Btn */
.nb-btn.nb-btn-primary-transparent{
    --nb-btn-primary-color: var(--nb-color-primary);
    color:          var(--nb-btn-primary-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-primary-border-color);
}
.nb-btn.nb-btn-primary-transparent:active,
.nb-btn.nb-btn-primary-transparent:focus,
.nb-btn.nb-btn-primary-transparent:hover{
    --nb-btn-primary-hover-color: var(--nb-color-primary);
    color:          var(--nb-btn-primary-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-primary-hover-border-color);
}

.nb-btn.nb-btn-secondary-transparent{
    --nb-btn-secondary-color: var(--nb-color-secondary);
    color:          var(--nb-btn-secondary-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-secondary-border-color);
}
.nb-btn.nb-btn-secondary-transparent:active,
.nb-btn.nb-btn-secondary-transparent:focus,
.nb-btn.nb-btn-secondary-transparent:hover{
    --nb-btn-secondary-hover-color: var(--nb-color-secondary);
    color:          var(--nb-btn-secondary-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-secondary-hover-border-color);
}

.nb-btn.nb-btn-success-transparent{
    --nb-btn-success-color: var(--nb-color-success);
    color:          var(--nb-btn-success-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-success-border-color);
}
.nb-btn.nb-btn-success-transparent:active,
.nb-btn.nb-btn-success-transparent:focus,
.nb-btn.nb-btn-success-transparent:hover{
    --nb-btn-success-hover-color: var(--nb-color-success);
    color:          var(--nb-btn-success-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-success-hover-border-color);
}

.nb-btn.nb-btn-danger-transparent{
    --nb-btn-danger-color: var(--nb-color-danger);
    color:          var(--nb-btn-danger-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-danger-border-color);
}
.nb-btn.nb-btn-danger-transparent:active,
.nb-btn.nb-btn-danger-transparent:focus,
.nb-btn.nb-btn-danger-transparent:hover{
    --nb-btn-danger-hover-color: var(--nb-color-danger);
    color:          var(--nb-btn-danger-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-danger-hover-border-color);
}

.nb-btn.nb-btn-warning-transparent{
    --nb-btn-warning-color: var(--nb-color-warning);
    color:          var(--nb-btn-warning-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-warning-border-color);
}
.nb-btn.nb-btn-warning-transparent:active,
.nb-btn.nb-btn-warning-transparent:focus,
.nb-btn.nb-btn-warning-transparent:hover{
    --nb-btn-warning-hover-color: var(--nb-color-warning);
    color:          var(--nb-btn-warning-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-warning-hover-border-color);
}

.nb-btn.nb-btn-info-transparent{
    --nb-btn-info-color: var(--nb-color-info);
    color:          var(--nb-btn-info-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-info-border-color);
}
.nb-btn.nb-btn-info-transparent:active,
.nb-btn.nb-btn-info-transparent:focus,
.nb-btn.nb-btn-info-transparent:hover{
    --nb-btn-info-hover-color: var(--nb-color-info);
    color:          var(--nb-btn-info-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-info-hover-border-color);
}

.nb-btn.nb-btn-dark-transparent{
    --nb-btn-dark-color: var(--nb-color-black);
    color:          var(--nb-btn-dark-color);
    background:     var(--nb-color-white);
    border-color:   var(--nb-btn-dark-border-color);
}
.nb-btn.nb-btn-dark-transparent:active,
.nb-btn.nb-btn-dark-transparent:focus,
.nb-btn.nb-btn-dark-transparent:hover{
    --nb-btn-dark-hover-color: var(--nb-color-dark);
    color:          var(--nb-color-white);
    background:     var(--nb-btn-dark-hover-color);
    border-color:   var(--nb-btn-dark-border-color);
}

.nb-btn.nb-btn-light-transparent{
    --nb-btn-light-color: var(--nb-color-light);
    color:          var(--nb-btn-light-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-light-border-color);
}
.nb-btn.nb-btn-light-transparent:active,
.nb-btn.nb-btn-light-transparent:focus,
.nb-btn.nb-btn-light-transparent:hover{
    --nb-btn-light-hover-color: var(--nb-color-light);
    color:          var(--nb-btn-light-hover-color);
    background:     var(--nb-btn-bg);
    border-color:   var(--nb-btn-light-border-color);
}

.nb-btn.nb-btn-text{
    padding: 0;
    border: none;
    background: none;
    color: var(--nb-text-color-primary) !important;
}
.nb-btn.nb-btn-text,
.nb-btn.nb-btn-text,
.nb-btn.nb-btn-text{
    padding: 0;
    border: none;
    background: none;
}

/* Payment btn */

/*
/* NB Fajl:'./static/css/nbcomponent/nb7.offcanvas.css.'
*/
/*
    OFFCANVAS komponenta
*/
.nb-offcanvas {
    z-index: 10002;
}

.nb-offcanvas.offcanvas-start,
.nb-offcanvas.offcanvas-end {
    width: var(--nb-offcanvas-width);
}

.nb-offcanvas.offcanvas-top,
.nb-offcanvas.offcanvas-bottom {
    height: var(--nb-offcanvas-height);
}

.nb-offcanvas .nb-offcanvas-header {
    background-color: var(--nb-offcanvas-header-bg);
    border-bottom: var(--nb-offcanvas-header-border);
    padding: var(--nb-offcanvas-padding-x) var(--nb-offcanvas-padding-y);
}

.nb-offcanvas .nb-offcanvas-header .nb-btn-close,
.nb-offcanvas .nb-offcanvas-header .nb-offcanvas-title{
    color: var(--nb-offcanvas-header-color);
}

.nb-offcanvas .nb-offcanvas-body {
    padding: var(--nb-offcanvas-padding-x) var(--nb-offcanvas-padding-y);
}

.nb-offcanvas .nb-btn-close {
    padding: 0;
    margin: 0;
    font-size: 20px;
    cursor: pointer;
}

.nb-offcanvas.offcanvas-start {
    border-right: var(--nb-offcanvas-border);
}

.nb-offcanvas.offcanvas-end {
    border-left: var(--nb-offcanvas-border);
}

.nb-offcanvas.offcanvas-top {
    border-bottom: var(--nb-offcanvas-border);
}

.nb-offcanvas.offcanvas-bottom {
    border-top: var(--nb-offcanvas-border);
}

.nb-offcanvas .nb-offcanvas-footer {
    background-color: var(--nb-offcanvas-footer-bg);
    border-top: var(--nb-offcanvas-footer-border);
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--nb-offcanvas-padding-x) var(--nb-offcanvas-padding-y);
}

.nb-offcanvas .nb-offcanvas-title {
    line-height: var(--nb-h4-line-height);
}

.offcanvas-backdrop{
    z-index: 10001;
    background-color: var(--nb-offcanvas-backdrop-color);
}

.offcanvas-backdrop.show {
    opacity: 1;
}

@media screen and (max-width: 576px) {
    .nb-offcanvas.offcanvas-start,
    .nb-offcanvas.offcanvas-end {
        width: 100%;
        border: unset;
    }
}

/*
/* NB Fajl:'./static/css/nbcomponent/nb7.modal.css.'
*//*
    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;
    }
}

/*
/* NB Fajl:'./static/css/nbcore/nb7.animation.css.'
*/@-webkit-keyframes nba-rotate360Y {
    to { -webkit-transform: rotateY(360deg); }
}
@keyframes nba-rotate360Y {
    to { transform: rotateY(360deg); }
}

@keyframes nba-top-to-bottom-long-animation {
    from {
        opacity: 0;
        transform: translateY(-300%);
        -webkit-transform: translateY(-300%);
    }
    to   {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes nba-top-to-bottom-animation {
    from {
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes nba-bottom-to-top-animation {
    from {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes slideDown {
    0% {
        bottom: 0;
        opacity: 1;
    }
    100% {
        bottom: -1000px;
        opacity: 0;
    }
}

.cookie-disappear {
    animation: slideDown 1.5s forwards;
}

.nba-rotate360Y{
    -webkit-animation: nba-rotate360Y 1s infinite linear;
    animation: nba-rotate360Y 1s infinite linear;
}

.nba-bottom-to-top-animation {
    animation-name: nba-bottom-to-top-animation;
    animation-duration: 2s;
}

.nba-top-to-bottom-animation {
    animation-name: nba-top-to-bottom-animation;
    animation-duration: 1.5s;
}

.nba-top-to-bottom-long-animation {
    animation-name: nba-top-to-bottom-long-animation;
    animation-duration: 1.5s;
}

.nba-left-to-right-animation {
    opacity: 0;
    transition: all 2s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.nba-active .nba-left-to-right-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.nba-right-to-center-animation {
    opacity: 0;
    transition: all 1.5s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.nba-active .nba-right-to-center-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}