@import url("./fonts/text-security/text-security-disc.css");

.swal-overlay [class*="custom-"],
.swal-overlay .employee_settingPassword,
.swal-overlay .admin_required,
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box,
.swal-modal.print-list-configuration {
    border-radius: 0px;
    box-shadow: 5px 5px 3px 3px rgba(0, 0, 0, 0.42);
}

.swal-overlay [class*="custom-"] .swal-title {
    color: #fff;
    font-weight: 300;
    font-size: 19px;
    margin-top: 26px;
    margin-bottom: 26px;
}

.swal-modal.custom-info,
.swal-modal.employee_settingPassword {
    background-color: var(--confirmation);
    color: #fff;
    width: 520px;
    max-width: 90vw;
}

.swal-modal.admin_required {
    background-color: var(--note);
    color: #000;
    width: 520px;
    max-width: 90vw;
}

.swal-modal.custom-request {
    background-color: var(--ci-grey-100);
}

.swal-modal.custom-request .swal-title {
    font-size: 22px;
}

.swal-modal.custom-request .swal-button {
    background-color: #fff;
    color: var(--ci-grey-100)
}

.swal-modal.custom-request .swal-button.btn-success,
.swal-button-container .swal-button.swal-button--confirm.btn.btn-primary {
    background-color: var(--ci-blue-100);
    color: #fff;
}

.swal-modal.custom-info .swal-button,
.swal-modal.employee_settingPassword .swal-button,
.swal-modal.admin_required .swal-button,
.swal-modal.creditcard-error .swal-button,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #f2f2f2!important;
    color: #000!important;
    height: 30px!important;
}

.swal-modal.custom-info .swal-button.swal-button--confirm,
.swal-modal.employee_settingPassword .swal-button.swal-button--confirm,
.swal-modal.admin_required .swal-button.swal-button--confirm {
    background-color: var(--checked-in)!important;
    color: #fff !important;
}

.swal-button-container .swal-button.swal-button--close.btn.btn-default:hover {
    background-color: var(--ci-blue-100);
    color: #fff;
}

.swal-modal.custom-info .swal-text,
.swal-modal.employee_settingPassword .swal-text {
    color: #fff;
}

.swal-modal.admin_required .swal-text {
    color: #000;
}

.swal-modal.custom-message {
    background-color: var(--messages);
    color: #fff;
}

.swal-modal.print-list-configuration {
    width: 770px;
    background-color: var(--messages);
    color: #fff;
}

.swal-modal.custom-error,
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    background-color: var(--error-message);
    color: #fff;
}

.swal-modal.creditcard-error {
    background-color: var(--error-message);
    color: #fff;
}

.swal-modal.creditcard-error .swal-text {
    color: #fff;
}

.swal-modal.custom-info .swal-content > form,
.swal-modal.employee_settingPassword .swal-content > form {
    display: flex;
}

.swal-modal.custom-info .swal-content__input,
.swal-modal.employee_settingPassword .swal-content__input {
    flex: 1;
}

.swal-modal.custom-info .swal-content__input.concealed,
.swal-modal.employee_settingPassword .swal-content__input.concealed {
    font-family: 'text-security-disc';
}

.swal-modal.custom-info .swal-content .visibility-icon,
.swal-modal.employee_settingPassword .visibility-icon {
    width: 3rem;
    margin-left: 0.5rem;
    cursor: pointer;
    background: url("/Public/Images/Icons/Show.svg") center no-repeat;
    position: relative;
}

.swal-modal.custom-info .swal-content:not(.plain) .visibility-icon::after,
.swal-modal.employee_settingPassword .swal-content:not(.plain) .visibility-icon::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(55deg);
    width: 0.1rem;
    height: 100%;
    background: var(--error-message);
    pointer-events: none;
}