.modal {
}

.modal .hide {
    display: none;
}

.modal.xl .modal-dialog {
    max-width: 80%;
}

.createModalContainer .btn {
    display: block;
    background-color: #0eb4fd;
    padding: 7px 10px;
    border-radius: 10px;
    margin: auto;
    width: 200px;
    color: white;
    margin-top: 10%;
}

.fade-in {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}

.editable-placeholder[placeholder]:empty:before {
    content: attr(placeholder);
}

.editable-placeholder[placeholder]:empty:focus:before {
    content: "";
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}