.brand-image-center {
    left: 0 !important;
    right: 0;
    margin-left: auto !important;
    margin-right: auto;
}

.brand-image-custom {
    height: 30px;
    top: 15px !important;
}

.custom-file-input:lang(sl) ~ .custom-file-label::after {
    content: "Brskaj";
}

.input-validation-error ~ .invalid-feedback,
.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.invalid-feedback.field-validation-error {
    display: block;
}

.invalid-feedback.validation-summary-errors {
    display: block;
}

.form-control.input-validation-error {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .form-control.input-validation-error:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    }

textarea.form-control.input-validation-error {
    padding-right: 2.25rem;
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.custom-select.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #ffffff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .custom-select.input-validation-error:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    }

.form-check-input.input-validation-error ~ .form-check-label {
    color: #dc3545;
}

.form-check-input.input-validation-error ~ .invalid-feedback,
.form-check-input.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.input-validation-error ~ .custom-control-label {
    color: #dc3545;
}

    .custom-control-input.input-validation-error ~ .custom-control-label::before {
        border-color: #dc3545;
    }

.custom-control-input.input-validation-error:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.custom-control-input.input-validation-error:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.custom-control-input.input-validation-error:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

.custom-file-input.input-validation-error ~ .custom-file-label {
    border-color: #dc3545;
}

.custom-file-input.input-validation-error:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}

.input-validation-error + .select2 > .selection > .select2-selection {
    border-color: #dc3545;
}

.login-card-body .input-group .form-control.input-validation-error:focus,
.register-card-body .input-group .form-control.input-validation-error:focus {
    box-shadow: none;
}

.login-card-body .input-group .form-control.input-validation-error ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control.input-validation-error ~ .input-group-append .input-group-text {
    border-color: #dc3545;
}

.accent-primary .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #80bdff;
}

.accent-secondary .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #afb5ba;
}

.accent-success .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #71dd8a;
}

.accent-info .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #63d9ec;
}

.accent-warning .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #ffe187;
}

.accent-danger .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #efa2a9;
}

.accent-light .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: white;
}

.accent-dark .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #6d7a86;
}

.accent-lightblue .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #99c5de;
}

.accent-navy .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #005ebf;
}

.accent-olive .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #87cfaf;
}

.accent-lime .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #81ffb8;
}

.accent-fuchsia .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #f88adf;
}

.accent-maroon .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #f083ab;
}

.accent-blue .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #80bdff;
}

.accent-indigo .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #b389f9;
}

.accent-purple .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #b8a2e0;
}

.accent-pink .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #f6b0d0;
}

.accent-red .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #efa2a9;
}

.accent-orange .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #fec392;
}

.accent-yellow .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #ffe187;
}

.accent-green .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #71dd8a;
}

.accent-teal .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #7eeaca;
}

.accent-cyan .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #63d9ec;
}

.accent-white .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: white;
}

.accent-gray .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #afb5ba;
}

.accent-gray-dark .form-control:focus:not(.is-invalid):not(.input-validation-error):not(.is-warning):not(.is-valid) {
    border-color: #6d7a86;
}

.customer-logo {
    max-width: 250px;
    max-height: 250px;
    display: inline-block;
}

.modal-content .bg-danger .close,
.modal-content .bg-danger .mailbox-attachment-close,
.modal-content .bg-info .close,
.modal-content .bg-info .mailbox-attachment-close,
.modal-content .bg-primary .close,
.modal-content .bg-primary .mailbox-attachment-close,
.modal-content .bg-secondary .close,
.modal-content .bg-secondary .mailbox-attachment-close,
.modal-content .bg-success .close,
.modal-content .bg-success .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.icheck-empty > label {
    padding-left: 22px !important;
}

[class*="icheck-"].icheck-empty > input:first-child + label::before, [class*="icheck-"].icheck-empty > input:first-child + input[type="hidden"] + label::before {
    margin-left: -22px;
}

.signature-pad {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}

.signature-pad-container {
    width: 100%;
    height: 250px;
}

.overlay-signature {
    display: none !important;
}

@media (max-width: 768px) {
    @media screen and (orientation: portrait) {
        .overlay-signature {
            display: flex !important;
        }
    }

    @media screen and (orientation: landscape) {
        .overlay-signature {
            display: none !important;
        }
    }

    #signOrderDocument {
        padding: 0 !important;
    }

        #signOrderDocument .modal-dialog {
            max-width: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            height: 100%;
        }

            #signOrderDocument .modal-dialog .modal-content {
                height: 100%;
            }

    .signature-pad-container {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 575.98px) {
    .pagination .paginate_button:not(.previous):not(.next) {
        display: none;
    }

    .fa-sm-x {
        font-size: 1.3em;
    }

    .table-sm-mobile > tbody > tr > td {
        padding: 0.25rem;
    }

    .table-sm-mobile > tbody > tr > td {
        word-break: break-all;
        overflow-wrap: anywhere;
    }
}

.select2-result-table th, .select2-result-table td {
    line-height: 1;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.1rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.1rem;
    }

tr.row-updated{
    background-color: #c7d0d7;
}

.btn-container-toggle.active {
    box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.3), inset 0 5px 10px rgba(0,0,0, 0.1) !important;
    filter: brightness(0.8);
    outline: none !important;
}

.btn-container-toggle {
    transition: transform 0.1s ease, filter 0.1s ease, box-shadow 0.1s ease;
}