div {
    /* border: 1px solid #000000; */
}

body {
    padding: 20px 20px 0 20px;
    font-size: 0.75rem;
}

.error {
    color: red;
}

input.error, select.error {
    border-color: red;
    border-width: 1px;
}

.msg {
    background-color: pink;
    color: red;
    border-radius: .25rem;
    padding: .375rem .75rem;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: lightgreen;
}

.clickable-row {
    cursor: pointer;
}

.add-event-block, .add-function-block{
    background-color:#e0e0e0;
    border-radius: 5px; 
    margin: 20px 20px 20px 20px;
    padding: 20px 20px 20px 20px;
}

.event-detail-block {
    background-color:#e0e0e0;
    border-radius: 5px; 
}

.event-detail-row {
    padding: 10px 0 10px 0;
}

.event-detail-section {
    padding: 10px;
    /* border-color: #c0c0c0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px; */
}

.form-spacer div {
    padding-bottom: 10px;
}


select.event_status option[value="1"] { /* value not val */
    background: green;
}

select.event_status option[value="2"] { /* value not val */
    background: yellow;
}

.btn-group-xs>.btn, .btn-xs {
    font-size: 10px;
    padding: 1px 10px}



/* FullCalendar */

    #calendar {
        /* height: 450px; */
        /* width: 300px; */
        margin: 0 auto;
        font-size: 10px;
    }
    .fc-toolbar h2 {
        font-size: 1.25rem;
        white-space: normal !important;
    }
    .fc-view-month .fc-event, .fc-view-agendaWeek .fc-event {
        font-size: 0;
        overflow: hidden;
        height: 2px;
    }
    .fc-view-agendaWeek .fc-event-vert {
        font-size: 0;
        overflow: hidden;
        width: 2px !important;
    }
    .fc-agenda-axis {
        width: 20px !important;
        font-size: .7em;
    }
    
    .fc-button-content {
        padding: 0;
    }

/* Table Sorter */

.tablesorter th.header { 
    /* background-image: url(sort_asc_desc.gif);  */
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
    .tablesorter th.headerSortUp { 
        background-position: center right;
        background-image: url(sort_asc.gif); 
        background-color: #007bff; 
    } 

    .tablesorter th.headerSortDown { 
        background-position: center right;
        background-image: url(sort_desc.gif); 
        background-color: #007bff; 
    }