.pull-right {
    float: right;
}

.field-validation-error, .validation-summary-errors {
    color: #BC2534 !important;
}

.error-code {
    font-size: 10rem;
}

/*krajee bootstrap file input*/
.file-footer-caption, .file-thumb-progress, .kv-upload-progress {
    display: none !important;
}

.krajee-default .file-actions {
    margin-top: unset !important;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: unset !important;
}

.file-caption-main .form-control {
    padding: 4px !important;
}

.leaflet-vertex-icon {
    max-width: 5px;
    max-height: 5px;
    margin-left: -2px !important;
    margin-top: -2px !important;
}

.leaflet-middle-icon {
    max-width: 5px;
    max-height: 5px;
    margin-left: -2px !important;
    margin-top: -2px !important;
}

.profile-img-container {
    position: relative;
    overflow: hidden;
}

    .profile-img-container img {
        width: 100%;
    }

        .profile-img-container img:hover {
            opacity: 0.5 !important;
        }

    .profile-img-container:hover a {
        opacity: 1;
        top: 0;
        z-index: 500;
    }

        .profile-img-container:hover a span {
            top: 50%;
            position: absolute;
            left: 0;
            right: 0;
            transform: translateY(-50%);
        }

    .profile-img-container a {
        display: block;
        position: absolute;
        top: -100%;
        opacity: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        color: inherit;
    }

div.blockUI.blockOverlay {
    position: fixed !important;
}

.img-container img.file-crop {
    max-width: 100%;
    max-height: 70vh;
}

.modal-body-height {
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto;
}

.product-title {
    width: 100%;
    text-align: right;
    font-weight: 700;
    float: right;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    height: 38px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 32px;
    }