*:hover {
    transition: .3s all ease;
}

a:hover {
    text-decoration: none;
}

.padding-block {
    padding: 1em 0em;
}

.custom-card .card-body {
    padding: 1em;
}

.create label {
    font-weight: bolder;
}

.create-wrapper .card-header {
    text-align: center;
}

.custom-btn {
    padding: 5px 15px;
    border-radius: 0px;
}

.btn-clear {
    background: rgb(244, 67, 54);
    color: #fff;
    border: 1px solid transparent;
}

.btn-submit {
    background: #0041d8;
    color: #fff;
    border: 1px solid transparent;
}

.btn-submit:hover {
    background: #fff;
    color: #0041d8;
    border: 1px solid #0041d8;
}

.btn-clear:hover {
    background: #fff;
    color: rgb(244, 67, 54);
    border: 1px solid rgb(244, 67, 54);
}


.view {
    background: rgb(244, 244, 244);
    padding: 5px 15px;
    color: #000;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.edit {
    background: rgb(94, 165, 101);
    padding: 5px 15px;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.delete {
    background: rgb(244, 67, 54);
    padding: 5px 15px;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.add-new a {
    background: rgb(94, 165, 101);
    padding: 5px 15px;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.add-new {
    margin-top: 7px;
}

.card .card-header {
    /*padding: 0px 10px;*/
    /*padding-top: 10px;*/
}

.card h3 {
    font-size: 18px;
}

.required-field {
    color: red;
}

.selectize-input > .item {
    overflow: hidden !important;
    height: 20px !important;
    padding-right: 10px;

}

.main-title {
    width: 20%;
    margin: 0 auto;
}

.login-page {
    padding-top: 12%;
}

.fc-week .fc-day > div .fc-day-number {
    text-align: center;
    border-radius: 100% !important;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0px !important;
}

.fc-state-down,
.fc-state-active {
    background-color: #1976d2;
    background-image: none;
    outline: 0;
    color: #333;
}

.fc-event.todo {
    background: #1976d2;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.on_progress {
    background-color: #FFC107;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.todo .fc-event-title, .fc-event.completed .fc-event-title, .fc-event.on_progress .fc-event-title, .fc-event.past_on_progress, .fc-event.past_completed, .fc-event.past_todo {
    color: #fff;
    line-height: 21px !important;
    padding: 5px;
    text-overflow: clip;
}

.fc-event.past_completed {
    background: #64dd17;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.completed {
    background: #64dd17;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.past_completed {
    background: #00c853;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.past_on_progress {
    background: #e65100;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-event.past_todo {
    background: #f44336;
    color: #fff;
    height: 40px;
    line-height: 21px !important;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #1976d2 !important;
}

.fc-state-highlight > div > div.fc-day-number {
    background-color: #1976d2 !important;
}

.fc-state-default {
    border-color: #1976d2 !important;
    color: #1976d2 !important;
}

.fc-state-down, .fc-state-active {
    background-color: #1976d2 !important;
    color: #aaa !important;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: #FFF !important;
}

.fc-header td.goodies {
    display:block;
}

.fc-header td.foodie{
    display: contents;
}

.custom-filter-bar {
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
    margin-bottom: 10px
}

.custom-filter-button{
    color: dodgerblue;
}

@media screen and (max-width: 768px) /* height >= 820 px */ {
    .display-filter-bar-for-small-device {
        display: block;
        visibility:visible;
    }

    .do-not-display-filter-bar-for-small-device{
        display:none;
        visibility:hidden;
    }
}

.table-bottom{
    border: 1px solid #eee;
    background: white;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}

.table-bottom td {
    padding: 5px;
}

.table-bottom {
    border: 1px solid #eee;
}