/* NAVBAR */
.iq-navbar-profile-icon {
    height: 40px!important;
    width: 40px!important;
    display: inline-block!important;
    line-height: 38px!important;
    text-align: center!important;
    font-size: 22px!important;
}

/* ERROR PAGE */
.iq-error-img {
    width: 100%!important;
    max-width: 600px!important;
}

/* SOSIAL MEDIA */
.sosial-media {
    font-size: 22px!important;
    line-height: 0px!important;
}
.profile-pic.sosial-media {
    display: inline-block!important;
    vertical-align: unset!important;
}

/* ALERT */
.alert-warning {
    color: #d8b611!important;
}

/* FILE INPUT */
.form-control {
    line-height: 24px!important;
}
.form-control::-webkit-input-placeholder {
    color: #b0bdc7!important;
}
.form-control::-moz-placeholder {
    color: #b0bdc7!important;
}
.form-control:-ms-input-placeholder {
    color: #b0bdc7!important;
}
.form-control::-ms-input-placeholder {
    color: #b0bdc7!important;
}
.form-control::placeholder {
    color: #b0bdc7!important;
}
.file-caption-icon {
    padding: 0.625rem 0.375rem!important;
}
.file-caption-name:not(.file-caption-disabled) {
    background-color: #e9ecef!important;
}
.btn-file {
    padding: 0.7rem 0.5rem 0.7rem 1rem!important;
}
.kv-file-download, .kv-file-zoom {
    padding: .3rem .1rem .1rem .4rem!important;
}
.file-drop-zone {
    margin: 0!important;
    min-height: 0px!important;
}
.file-drop-zone-title {
    padding: 61px 0!important;
}
.file-error-message {
    margin: 5px 0 0!important;
}
.krajee-default .file-footer-caption {
    margin-bottom: 0!important;
}
.krajee-default.file-preview-frame {
    width: 100%!important;
    margin: 0!important;
    padding: 5px!important;
}
.krajee-default.file-preview-frame .kv-file-content {
    width: auto!important;
    height: auto!important;
    background-color: #f8f9fa!important;
}
.kv-file-remove, .file-drag-handle, .file-upload-indicator {
    display: none!important;
}
*[class^="expand-row-column"] {
    border-bottom: none!important;
}
.file-preview-image {
    max-height: 350px!important;
}
.payment-button {
    height: 45px!important;
    line-height: 2!important;
}

/* ROW WIDTH */
.min-w75 {
    min-width: 75px!important;
}
.min-w100 {
    min-width: 100px!important;
}
.min-w125 {
    min-width: 125px!important;
}
.min-w150 {
    min-width: 150px!important;
}
.min-w175 {
    min-width: 175px!important;
}
.min-w200 {
    min-width: 200px!important;
}
.min-w225 {
    min-width: 225px!important;
}
.min-w250 {
    min-width: 250px!important;
}

/* VALIDATION */
.has-error .form-control {
    border: 1px solid #f06543!important;
}
.has-success .form-control {
    border: 1px solid #3ddc97!important;
}

/* SWITCH BUTTON */
.bootstrap-switch-container {
    height: 43px!important;
}
.bootstrap-switch-handle-on, .bootstrap-switch-handle-off {
    line-height: 33px!important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: rgba(241, 87, 115, 1);
    background: -moz-linear-gradient(left, rgba(241, 87, 115, 1) 0%, rgba(248, 134, 159, 1) 100%)!important;
    background: -webkit-linear-gradient(left, rgba(241, 87, 115, 1) 0%, rgba(248, 134, 159, 1) 100%)!important;
    background: -o-linear-gradient(left, rgba(241, 87, 115, 1) 0%, rgba(248, 134, 159, 1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(241, 87, 115, 1) 0%, rgba(248, 134, 159, 1) 100%)!important;
    background: linear-gradient(to right, rgba(241, 87, 115, 1) 0%, rgba(248, 134, 159, 1) 100%)!important;
}
.bootstrap-switch {
    border-color: #e9edf4!important;
}
.bootstrap-switch.bootstrap-switch-focused {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

/* TABLE ACTION */
.summary {
    margin-bottom: 0.5rem!important;
}
.two-button, .three-button, .four-button {
    display: block!important;
    float: right!important;
    text-align: right!important;
}
.two-button {
    width: 70px!important;
}
.three-button {
    width: 105px!important;
}
.four-button {
    width: 140px!important;
}
.pay-now {
    background: #F15773!important;
    color: #FFFFFF!important;
}

/* USER ROLE */
.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    margin: 12px 10px 0 0!important;
}
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 7px!important;
}
.select2-container--krajee .select2-selection--single .select2-selection__clear, .select2-container--krajee .select2-selection--multiple .select2-selection__clear {
    top: 13px!important;
}

/* FORM-GROUP MARGIN-BOTTOM */
.field-setting-logo_wide {
    margin-bottom: 0!important;
}

/* FONT SIZE*/
.fs-12 {
    font-size: 12px!important;
}
.fs-14 {
    font-size: 14px!important;
}
.fs-16 {
    font-size: 16px!important;
}
.fs-18 {
    font-size: 18px!important;
}
.fs-20 {
    font-size: 20px!important;
}
.fs-22 {
    font-size: 22px!important;
}
.fs-24 {
    font-size: 24px!important;
}
.fs-26 {
    font-size: 26px!important;
}
.fs-28 {
    font-size: 28px!important;
}
.fs-30 {
    font-size: 30px!important;
}

/* THEME */
.theme-selector input {
    position: absolute;
    /* z-index: 999;
    margin: 2.5px 0 0 2.5px;
    width: 25px;
    height: 25px; */
    visibility: hidden;
}
input[type='radio']:after {
    position: relative;
    width: 25px;
    height: 25px;
    top: 2.5px;
    left: 2.5px;
    background-color: #f2f6fb;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    border-radius: 12.5px;
}
input[type='radio']:checked:after {
    position: relative;
    width: 25px;
    height: 25px;
    top: 2.5px;
    left: 2.5px;
    background-color: #00ca00;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    border-radius: 12.5px;
}
.thumbnail-label {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 240px;
    height: 240px;
}

/* LOKASI UNDANGAN */
#map-lokasi {
    height: 300px;
}

/* THUMBNAIL */
.theme-thumbnail {
    max-height: 100px!important;
    max-width: 150px!important;
    border: 1px solid #dee2e6!important;
    padding: 5px!important;
}
.galeri-thumbnail {
    max-height: 100px!important;
    max-width: 125px!important;
    border: 1px solid #dee2e6!important;
    padding: 5px!important;
}

/* TURBO */
.turbo-progress-bar {
    height: 5px;
    background-color: rgba(241, 87, 115, 1);
}