/* Brand Logo */

.brand-logo {
    margin: 0 auto;
}

.brand-logo > a > img {
    max-height: 60px !important;
}

.mobile-logo > a > img {
    max-height: 40px !important;
}

/* End Brand Logo */

/* Body Content */

#kt_body_content {
    background-color:#ffffff;
    margin: 40px auto;
    padding: 45px 0 34px 0;
    border-radius: 24px;
    max-width: 800px;
}

#body-content {
    text-align: center;
    margin: 0 60px 34px 60px;
    min-height: 70vh;
}

/* End Body Content */

/* Rating */

.rating {
    display: flex;
    align-items: center;
}

.rating-input {
    position: absolute !important;
    left: -9999px !important;
}
.rating-input[disabled] {
    display: none;
}

.rating-label {
    padding: 0;
    margin: 0;
}
.rating-label > i,
.rating-label > .svg-icon {
    line-height: 1;
    color: var(--kt-rating-color-default);
}

label.rating-label {
    cursor: pointer;
}

div.rating-label.checked > i,
div.rating-label.checked > .svg-icon,
label.rating-label > i,
label.rating-label > .svg-icon {
    color: var(--kt-rating-color-active);
}

.rating-input:checked ~ .rating-label > i,
.rating-input:checked ~ .rating-label > .svg-icon {
    color: var(--kt-rating-color-default);
}

.rating:hover label.rating-label > i,
.rating:hover label.rating-label > .svg-icon {
    color: var(--kt-rating-color-active);
}

label.rating-label:hover ~ .rating-label {
    color: var(--kt-rating-color-default);
}
label.rating-label:hover ~ .rating-label > i,
label.rating-label:hover ~ .rating-label > .svg-icon {
    color: var(--kt-rating-color-default);
}

/* End Rating */

/* Custom Form */

.asterix {
    color: rgba(255, 0, 0, 0.8);
}

.input-group-addon i {
    cursor: pointer;
    z-index: 4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: smaller;
    transition: margin-left 0.3s ease-in-out;
}

.input-group-addon.pre i {
    margin-left: 10px;
}

.input-group-addon.pre ~ input {
    padding-left: 30px;
}

.input-group-addon.post i {
    margin-left: -30px;
}

.is-invalid + .input-group-addon.post i {
    margin-left: -50px;
    transition: margin-left 0.3s ease-in-out;
}

.is-valid + .input-group-addon.post i {
    margin-left: -50px;
    transition: margin-left 0.3s ease-in-out;
}

.ck.ck-content:not(.ck-comment__input *) {
    height: 300px;
    overflow-y: auto;
}

.select2-container--open {
    z-index: 999999;
}

/* End Custom Form */