body {
    background: #f1f7fc;
}

.wrapper {
    display: table;
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.form-check {
    display: inline-block;
}

button.btn.save-btn {
    padding: 10px 60px;
    border-radius: 5px;
}

@media (max-width: 576px) {
    .col-xs-6 {
        width: calc(100%/2);
    }
}

#error-msg {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 10000;
    top: -1000px;
    transition: 0.5s;
}

#error-msg .alert {
    min-width: 30% !important;
    text-align: center !important;
}

.alert-success {
    color: green !important;
}

#error-msg.show {
    top: 8px !important;
}

.event-name, {
    color: #800207;
}
.msg-error{
    color: red;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}