/********************** css for ajax form success and error message design - don't change/delete ******************/
/* start  */
.invalid-feedback {
    color: red;
    font-size: 14px;
    display: none
}

.message-box {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    /* margin-bottom: 10px; */
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    display: none;
    text-align: center
}

.success-message {
    background-color: #28a745
}

.error-message {
    background-color: #dc3545
}

/* end  */

/*************************** css for Summernote textarea change **************************/
/* start */
.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
    min-width: 177px !important;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 342px !important;
}

.note-editor .note-toolbar .note-para .note-dropdown-menu,
.note-popover .popover-content .note-para .note-dropdown-menu {
    min-width: 237px !important;
    padding: 5px !important;
}

.note-modal-footer {
    height: 48px !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.note-editor.note-frame.fullscreen {
    background-color: #ffffff !important;
}

/* end */

/* start model appear asd disappear style */
/* Keyframes for Zoom-In */
@keyframes zoomInEffect {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Keyframes for Zoom-Out */
@keyframes zoomOutEffect {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

/* Apply custom animation to modal dialog */
.modal.zoomIn .modal-dialog {
    transform-origin: center center;
    animation: zoomInEffect 0.3s ease-out;
}

.modal.zoomIn.fade:not(.show) .modal-dialog {
    animation: zoomOutEffect 0.3s ease-in;
}
/* end model appear asd disappear style */