/*
/* NB Fajl:'./static/css/lib/parsley.css.'
*/.form-control.nb-input.parsley-success,
.form-select.nb-select.parsley-success,
.form-control.nb-textarea.parsley-success {
    background-color: transparent;
    border-color: var(--nb-color-success);
}

.form-control.nb-input.parsley-error,
.form-select.nb-select.parsley-error,
.form-control.nb-textarea.parsley-error {
    background-color: transparent;
    border-color: var(--nb-color-danger);
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    line-height: 0.9em;
    opacity: 0;
    color: var(--nb-color-danger);
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    position: absolute;
    right: 0;
    font-family: var(--nb-body-font-family);
    font-size: 12px;
    z-index: 1;
    list-style: none;
}

.parsley-errors-list.filled {
    opacity: 1;
}
/*
/* NB Fajl:'./static/css/nbcomponent/nb7.forms.css.'
*//* Radio btn and checkbox */
.nb-form-radio-button,
.nb-form-check {
    padding-left: calc((var(--nb-check-width) + 5px));
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.nb-form-check:has(.nb-check){
    position: relative;
}
.nb-form-check:has(.validation-errors-list.filled) .nb-check,
.nb-form-check.parsley-error .nb-check{
    border-color: var(--nb-color-danger);
}
.nb-form-check:has(.nb-check) .validation-errors-list,
.nb-form-check:has(.nb-check) .parsley-errors-list {
    margin: 20px 20px 0 0;
}

.nb-form-radio-button .nb-label,
.nb-form-check .nb-label {
    margin-left: 5px;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
}
.nb-form-radio-button .nb-label {
    top: 3px;
}

.nb-form-radio-button .nb-radio{
    width: var(--nb-radio-width);
    height: var(--nb-radio-height);
    background: var(--nb-radio-bg);
    border: var(--nb-radio-border-width) var(--nb-radio-border-style) var(--nb-radio-border-color);
    border-radius: 50%;
    cursor: pointer;
    margin-left: calc(-1 * (var(--nb-check-width) + 5px));
    flex-shrink: 0;
    position: relative;
}

.nb-form-radio-button .nb-radio.nb-radio-xs {
    width: var(--nb-radio-width-xs);
    height: var(--nb-radio-height-xs);
}

.nb-form-radio-button .nb-radio.nb-radio-s {
    width: var(--nb-radio-width-s);
    height: var(--nb-radio-height-s);
}

.nb-form-radio-button .nb-radio.nb-radio-m {
    width: var(--nb-radio-width-m);
    height: var(--nb-radio-height-m);
}

.nb-form-radio-button .nb-radio.nb-radio-l {
    width: var(--nb-radio-width-l);
    height: var(--nb-radio-height-l);
}

.nb-form-radio-button .nb-radio:checked {
    background: var(--nb-radio-checked-bg);
    border-color: var(--nb-radio-checked-border-color);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 100%;
}

.nb-form-radio-button .nb-radio:checked:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(var(--nb-radio-width) - 7px);
    height: calc(var(--nb-radio-height) - 7px);
    background: var(--nb-spec-color);
    border-radius: 50%
}

.nb-form-radio-button .nb-radio.nb-radio-xs:checked:before{
    width: calc(var(--nb-radio-width-xs) - 5px);
    height: calc(var(--nb-radio-height-xs) - 5px);
}

.nb-form-radio-button .nb-radio.nb-radio-l:checked:before{
    width: calc(var(--nb-radio-width-l) - 9px);
    height: calc(var(--nb-radio-height-l) - 9px);
}

.nb-radio:focus{
    box-shadow: none;
    border-color: var(--nb-border-color);
}
.nb-radio:checked:focus{
    border-color: var(--nb-check-checked-border-color);
}

.nb-check{
    width: var(--nb-check-width);
    height: var(--nb-check-height);
    background: var(--nb-check-bg);
    border: var(--nb-check-border-width) var(--nb-check-border-style) var(--nb-check-border-color);
    border-radius: var(--nb-check-border-radius) !important;
    cursor: pointer;
    margin-left: calc(-1 * (var(--nb-check-width) + 5px)) !important;
    flex-shrink: 0;
}

.nb-check.nb-check-xs {
    width: var(--nb-check-width-xs);
    height: var(--nb-check-height-xs);
}

.nb-check.nb-check-s {
    width: var(--nb-check-width-s);
    height: var(--nb-check-height-s);
}

.nb-check.nb-check-m {
    width: var(--nb-check-width-m);
    height: var(--nb-check-height-m);
}

.nb-check.nb-check-l {
    width: var(--nb-check-width-l);
    height: var(--nb-check-height-l);
}

.nb-check:checked{
    background: var(--nb-check-checked-bg);
    border-color: var(--nb-check-checked-border-color);
    background-image: var(--nb-check-checked-icon) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Input field */
.form-control.nb-input{
    height: var(--nb-input-height);
    font-size: var(--nb-input-font-size);
    line-height: var(--nb-input-line-height);
    background: var(--nb-input-bg);
    color: var(--nb-input-color);
    border: var(--nb-input-border-width) var(--nb-input-border-style) var(--nb-input-border-color);
    border-radius: var(--nb-input-border-radius);
    padding: 0 var(--nb-input-padding-x);
}
/* Different types of input */
.form-control.nb-input.nb-input-2{
    height: var(--nb-input2-height);
    font-size: var(--nb-input2-font-size);
    line-height: var(--nb-input2-line-height);
    background: var(--nb-input2-bg);
    color: var(--nb-input2-color);
    border: var(--nb-input2-border-width) var(--nb-input2-border-style) var(--nb-input2-border-color);
    border-radius: var(--nb-input2-border-radius);
    padding: 0 var(--nb-input2-padding-x);
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
/* *** */

.form-control.nb-input.nb-input-xs{
    height: var(--nb-input-height-xs);
    font-size: var(--nb-input-font-size-xs);
    line-height: var(--nb-input-line-height-xs);
}
.form-control.nb-input.nb-input-s{
    height: var(--nb-input-height-s);
    font-size: var(--nb-input-font-size-s);
    line-height: var(--nb-input-line-height-s);
}
.form-control.nb-input.nb-input-m{
    height: var(--nb-input-height-m);
    font-size: var(--nb-input-font-size-m);
    line-height: var(--nb-input-line-height-m);
}
.form-control.nb-input.nb-input-l{
    height: var(--nb-input-height-l);
    font-size: var(--nb-input-font-size-l);
    line-height: var(--nb-input-line-height-l);
}


.form-control.nb-input:active,
.form-control.nb-input:focus{
    border-color: var(--nb-spec-color);
}

.nb-input::placeholder{
    color: var(--nb-input-placeholder-color);
}

/* Textarea */
.form-control.nb-textarea{
    font-size: var(--nb-text-area-font-size);
    line-height: var(--nb-text-area-line-height);
    background: var(--nb-text-area-bg);
    color: var(--nb-text-area-color);
    border: var(--nb-text-area-border-width) var(--nb-text-area-border-style) var(--nb-text-area-border-color);
    border-radius: var(--nb-text-area-border-radius);
    padding: var(--nb-text-area-padding-y) var(--nb-text-area-padding-x);
}

.form-control.nb-textarea-2 {
    font-size: var(--nb-text-area-2-font-size);
    line-height: var(--nb-text-area-2-line-height);
    background: var(--nb-text-area-2-bg);
    color: var(--nb-text-area-2-color);
    border: var(--nb-text-area-2-border-width) var(--nb-text-area-2-border-style) var(--nb-text-area-2-border-color);
    border-radius: var(--nb-text-area-2-border-radius);
    padding: var(--nb-text-area-2-padding-y) var(--nb-text-area-2-padding-x);
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
}

.form-control.nb-textarea:active,
.form-control.nb-textarea:focus{
    border-color: var(--nb-spec-color);
}

.nb-textarea::placeholder{
    color: var(--nb-text-area-placeholder-color);
}

/* Select */
.nb-select{
    height: var(--nb-select-height);
    font-size: var(--nb-select-font-size);
    line-height: var(--nb-select-line-height);
    /*background: var(--nb-input-bg);*/
    color: var(--nb-select-color);
    border: var(--nb-select-border-width) var(--nb-select-border-style) var(--nb-select-border-color);
    border-radius: var(--nb-select-border-radius);
    padding: 0 var(--nb-select-padding-x);
    cursor: pointer;
    /*background-image: var(--nb-select-arrow);*/
    background: url(../../../static/images/core/select-background.png) no-repeat calc(100% - 10px) var(--nb-select-bg);
}

.nb-select-2 {
    height: var(--nb-select-2-height);
    font-size: var(--nb-select-2-font-size);
    line-height: var(--nb-select-2-line-height);
    /*background: var(--nb-input-bg);*/
    color: var(--nb-select-2-color);
    border: var(--nb-select-2-border-width) var(--nb-select-2-border-style) var(--nb-select-2-border-color);
    border-radius: var(--nb-select-2-border-radius);
    padding: 0 var(--nb-select-2-padding-x);
    cursor: pointer;
    /*background-image: var(--nb-select-arrow);*/
    background: url(../../../static/images/core/select-background.png) no-repeat calc(100% - 10px) var(--nb-select-2-bg);
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: 0;
}

.form-select.nb-select.nb-select-xs{
    height: var(--nb-select-height-xs);
    font-size: var(--nb-select-font-size-xs);
    line-height: var(--nb-select-line-height-xs);
}
.form-select.nb-select.nb-select-s{
    height: var(--nb-select-height-s);
    font-size: var(--nb-select-font-size-s);
    line-height: var(--nb-select-line-height-s);
}
.form-select.nb-select.nb-select-m{
    height: var(--nb-select-height-m);
    font-size: var(--nb-select-font-size-m);
    line-height: var(--nb-select-line-height-m);
}
.form-select.nb-select.nb-select-l{
    height: var(--nb-select-height-l);
    font-size: var(--nb-select-font-size-l);
    line-height: var(--nb-select-line-height-l);
}

.form-select[multiple]{
    height: auto;
}

/* Label */
.nb-label{
    font-size: var(--nb-label-font-size);
    line-height: var(--nb-label-line-height);
    color: var(--nb-label-color);
    margin-bottom: var(--nb-label-margin-bottom);
}

.form-floating .nb-float-label.nb-label-xs,
.nb-label.nb-label-xs{
    font-size: var(--nb-label-xs);
}

.form-floating .nb-float-label.nb-label-s,
.nb-label.nb-label-s{
    font-size: var(--nb-label-s);
}

.form-floating .nb-float-label.nb-label-m,
.nb-label.nb-label-m{
    font-size: var(--nb-label-m);
}

.form-floating .nb-float-label.nb-label-l,
.nb-label.nb-label-l{
    font-size: var(--nb-label-l);
}

/* Floating label */
.form-floating .nb-float-label{
    font-size: var(--nb-float-label-font-size);
    /*line-height: var(--nb-float-label-line-height);*/
    line-height: var(--nb-input-line-height);
    color: var(--nb-float-label-color);
    padding: 0 10px;
}

.form-floating .nb-input.nb-input-m + .nb-float-label{
    line-height: var(--nb-input-line-height-m);
}
.form-floating .nb-input.nb-input-l + .nb-float-label{
    line-height: var(--nb-input-line-height-l);
}

/* Floating label - Input field */
.form-floating .nb-input::placeholder{
    opacity: 0;
}

.form-floating .form-control.nb-input {
    padding: 15px var(--nb-input-padding-x) 0;
}

/* Floating label - Textarea field */
.form-floating .form-control.nb-textarea,
.form-floating .form-control.nb-textarea:active,
.form-floating .form-control.nb-textarea:focus{
    padding: 20px 10px 0;
    height: unset;
}

/* Floating label - Select field */
.form-floating .form-select.nb-select {
    padding: 15px 10px 0;
    height: var(--nb-select-height);
    line-height: 1.2;
}

.form-floating .form-select.nb-select.nb-select-xs {
    height: var(--nb-select-height-xs);
}

.form-floating .form-select.nb-select.nb-select-s {
    height: var(--nb-select-height-s);
}

.form-floating .form-select.nb-select.nb-select-m {
    height: var(--nb-select-height-m);
}

.form-floating .form-select.nb-select.nb-select-l {
    height: var(--nb-select-height-l);
}

/* Bottom label */
.nb-bl-label {
    font-size: var(--nb-label-font-size);
    line-height: var(--nb-label-line-height);
    color: var(--nb-label-color);
    margin-top: var(--nb-label-margin-top);
}

/* Form group */
.nb-form-group{
    position: relative;
}

.nb-form-group:not(:last-child) {
    margin-bottom: var(--nb-spacer-y);
}

/* Reset checkbox */

.nb-check:focus{
    box-shadow: none;
    border-color: var(--nb-border-color);
}
.nb-check:checked:focus{
    border-color: var(--nb-check-checked-border-color);
}

/* Reset form control select */
.form-select:focus{
    border-color: var(--nb-spec-color);
}

@media screen and (max-width: 576px) {
    .form-floating .nb-textarea,
    .form-floating .nb-textarea:active,
    .form-floating .nb-textarea:focus{
        min-height: 170px;
    }
}

.nb-check-group-with-parent > .nb-items-wrapper{
    padding-left: 15px;
}

/* Input file */
.nb-btn-input-file {
    height: var(--nb-input-height);
    line-height: calc(var(--nb-input-height) - 2px);
    padding-top: 0;
    padding-bottom: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    color: var(--nb-text-color-primary);
    background: var(--nb-color-gray-200);
    border-color: var(--nb-color-gray-200);
}
.nb-btn-input-file:focus,
.nb-btn-input-file:active,
.nb-btn-input-file:hover{
    color: var(--nb-text-color-primary) !important;
    background: var(--nb-color-gray-200) !important;
    border-color: var(--nb-color-gray-200) !important;
}
.nb-btn-input-file input[type='file']{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.nb-btn-input-file-1 {
    background: var(--nb-color-gray-100);
    color: var(--nb-text-color-primary);
    border-color: var(--nb-border-color);
}

.nb-form-group .nb-input-date-and-icon-wrapper:has(.nb-date) {
    position: relative;
}

.nb-form-group .nb-input-date-and-icon-wrapper:has(.nb-date) .nb-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(0) translateY(0);
}

.nb-form-group .nb-input-date-and-icon-wrapper:has(.nb-date) .nb-icon {
    padding: 0 20px;
    border-left: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
    height: 100%;
    display: flex;
    align-items: center;
}

.nb-form-group .nb-input-date-and-icon-wrapper:has(.nb-date:focus) .nb-icon {
    color: var(--nb-spec-color);
    border-color: var(--nb-spec-color);
}

/* color filter 1 */

.nb-color-checkbox-form-group-v1 .nb-check{
    border-radius: 50% !important;
    height: 25px;
    width: 25px;
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-color-checkbox-form-group-v1 .nb-check:checked:focus{
    border-color: var(--nb-border-color);
}
.nb-color-checkbox-form-group-v1.nb-form-check{
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nb-color-checkbox-form-group-v1.nb-form-check:before{
    content: '';
    width: 32px;
    height: 32px;
    border: var(--nb-border-width) var(--nb-border-style) transparent;
    border-radius: 50%;
}
.nb-color-checkbox-form-group-v1.nb-form-check:has(input:checked):before{
    border-color: var(--nb-border-color);
}

.nb-color-checkbox-form-group-v1.nb-form-check{
    padding-left: 0;
}
.nb-color-checkbox-form-group-v1.nb-form-check .nb-check{
    margin-left: -28px !important;
}
.nb-color-checkbox-form-group-v1.nb-form-check .nb-label{
    margin-left: 15px;
}

.nb-color-checkbox-form-group-v1.nb-form-check .nb-check:checked{
    background-image: unset !important;
}
.nb-color-checkbox-form-group-v1.nb-form-check.dark .nb-check:checked:before{
    content: '\2713';
    color: var(--nb-color-white);
}
.nb-color-checkbox-form-group-v1.nb-form-check .nb-check:checked:before{
    content: '\2713';
    color: var(--nb-color-black);
}