/* Modal */
.modal.fade.show {
    background: rgba(105, 105, 105, 0.5);
    backdrop-filter: blur(3px);
}

.modal-header {
    justify-content: space-between;
    padding: 15px 20px;
    box-shadow: unset;
    min-height: 80px;
    border-bottom: 1px solid #dedede;
}

.modal-body {
    padding: 10px 20px 15px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: none !important;
    background-clip: padding-box;
    border: none !important;
    border-radius: 8px;
    outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

[data-dismiss="modal"] {
    cursor: pointer;
}

.modal-bg-cust {
    box-shadow: unset;
    border-radius: 8px;
    background-color: var(--color-background-selected);
}

.modal-addon .modal-footer {
    border: 0 !important;
    box-shadow: none !important;
}

.modal-addon .modal-footer {
    border-radius: 0px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.modal-body,
.modal-header,
.modal-footer {
    background-color: var(--color-background-selected);
}

.modal-title {
    font-size: var(--font-size-heading-m);
    font-weight: 500 !important;
    font-family: var(--font-family-500) !important;
    color: var(--color-text-gray) !important;
    display: flex;
    align-items: center;
}

.modal-addon .modal-title {
    font-style: normal !important;
}

.modal-body-content-title {
    font-size: var(--font-size-heading-s);
    font-weight: 500 !important;
    font-family: var(--font-family-500) !important;
}

.sub-title-modal {
    font-size: var(--font-size-body-s);
    font-weight: 400 !important;
    font-family: var(--font-family) !important;
    margin-top: -8px;
}

.property-info {
    text-align: center;
}

.property-item {
    border: 1px solid var(--color-badge-danger);
    border-style: dotted;
    padding: var(--font-size-heading-s);
    color: var(--color-badge-danger);
}

.float-left {
    float: left !important;
}

.modal-footer {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: normal;
    padding: 10px 15px 15px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0;
}

.profile-area {
    border: 1px solid var(--color-profile-background);
    background-color: var(--color-profile-background);
    padding: var(--font-size-heading-s);
}

.profile-size {
    width: 80px;
    height: 80px;
}

.required-desc {
    font-size: var(--font-size-body-s);
    font-weight: 400 !important;
    font-family: var(--font-family) !important;
}

.name-info {
    font-size: var(--font-size-heading-s);
    font-weight: 500 !important;
    font-family: var(--font-family-500) !important;
}

.name-desc {
    font-size: var(--font-size-body-s);
    font-weight: 400 !important;
    font-family: var(--font-family) !important;
}

.close-modal-ico:hover {
    cursor: pointer;
}
/* End of Modal */

/* pop up message background */
.modal-popup {
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pop-msg-bg {
    width: 100%;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 200px;
}

.approve-bg {
    background-image: url("/assets/shared/img/popup-msg-bg/approve-popup-msg-bg.svg");
}

.sad-face-bg,
.swal2-html-container:before {
    background-image: url("/assets/shared/img/popup-msg-bg/sad-face-popup-msg-bg.svg");
}

.alert-popup-bg {
    background-image: url("/assets/shared/img/popup-msg-bg/alert-popup-msg-bg.svg");
}

.confirmation-popup-bg {
    background-image: url("/assets/shared/img/popup-msg-bg/confirmation-popup-msg-bg.svg");
}

.swal-icon {
    padding: 10px;
    margin: 3em auto 2em;
}

.swal-overlay .swal-modal {
    padding-top: 50px;
    background: #fff;
    border-radius: 8px;
    box-shadow: unset;
}

.swal-overlay .swal-modal .swal-title {
    font-family: var(--font-family-500);
    font-size: 24px !important;
    line-height: var(--line-height-heading-m);
    font-weight: 500 !important;
    position: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: center !important;
    text-transform: none !important;
    word-wrap: break-word !important;
}

.swal-overlay .swal-modal .swal-text {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: var(--font-weight-400);
    color: var(--color-text-heading);
    padding: 20px 0;
}

.swal-overlay .swal-modal .swal-icon {
    margin-bottom: 0;
}

.swal-content {
    font-family: var(--font-family);
    font-size: var(--font-size-heading-s);
    line-height: var(--line-height-heading-s);
    font-weight: var(--font-weight-500);
}

.swal2-input {
    width: 80% !important;
}
/* end of pop up message background */
/* For summernote bullet point */
.note-editable ul {
    list-style-type: disc !important;
}