@charset "UTF-8";
/**
 * Form instructions.
 */
.instructions a[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none !important;
}

.instructions a[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none !important;
}

#instructionsCollapse {
    margin-top: 0.25em;
}

/**
 * Shortcut highlight.
 */
.shortcut {
    text-decoration: underline;
}

/**
 * Form changes.
 */
.info-with-image {
    height: 1em;
}

.info-with-image img {
    height: 1em;
}

form.error .form-group:not(.validate) input {
    border-color: #dee2e6;
}

.bootstrap-tagsinput {
    width: 100%;
}

/* Select readonly */
select[readonly] {
    background: #eee;
    pointer-events: none;
    touch-action: none;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

/*Select2 ReadOnly End*/

/**
 * File.
 */
.bootstrap-filestyle .form-control:disabled {
    background-color: #fff !important;
}

.group-span-filestyle .btn {
    padding-top: 9px !important;
    height: 38px !important;
}

/**
 * Image preview.
 */
.previewContainer {
    height:auto;
}
.previewContainer .remove {
    position: absolute;
    right: -5px;
    top: -5px;
    background-color: red;
    color: white !important;
    border-radius: 15px;
    width: 25px;
    height: 25px;
    padding-top: 2px;
    text-align:center;
}
.previewContainer .remove:hover {
    cursor: pointer;
}

/* Required for our custom image preview */
.previewContainer div.imageContainer {
    height: auto !important;
}

.previewContainer div.imageContainer {
    position: relative;
    width: 200px;
    height: 200px;
    margin-bottom: 1em;
}

div.imageContainer img {
    border: solid 2px #343a40;
    border-radius: 10px;
}

.previewContainer img.image {
    max-width: 200px;
}