@charset "utf-8";

#eventCalendar .tab{
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#eventCalendar .tab .tab_menu2 button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0;
    transition: 0.3s;
    font-size: 12px;
    width: 90px;
    box-sizing: border-box;
}
#eventCalendar .tab .tab_menu2 button.active {background-color: #ccc; font-weight: bold; box-sizing: border-box;}
#eventCalendar .tab .edit_btn{
    border: 1px solid #dfdfdf;
    background-color: #113a6b;
    text-align: center;
    cursor: pointer;
    min-width: 50px;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    padding:0 10px;
    font-size: 12px;
    margin-right: 10px;
}
#eventCalendar .tabcontent {
    display: none;
    padding: 0;
    border-top: none;
}
#eventCalendar #thisweek,#eventCalendar #nextweek,#eventCalendar #lastweek {display: none;width: 100%;}
#eventCalendar #thisweek .tw, #eventCalendar #nextweek .tw, #eventCalendar #lastweek .tw{display: flex; justify-content: flex-start; width: 100%; flex-direction: row; align-items: center; border-bottom:1px solid #eee; margin-bottom: 20px; border:1px solid #000;}
#eventCalendar #thisweek .tw:first-child, #eventCalendar #nextweek .tw:first-child, #eventCalendar #lastweek .tw:first-child{margin-top: 20px;}
#eventCalendar #thisweek .tw:last-child, #eventCalendar #nextweek .tw:last-child, #eventCalendar #lastweek .tw:last-child{margin-bottom: 0;}
#eventCalendar #thisweek h4, #eventCalendar #nextweek h4, #eventCalendar #lastweek h4{width: 93px; text-align: center; background: #f1f1f1; color:#000; height: 155px; line-height: 155px; border-right:1px solid #000;}

#thisweek_table,#nextweek_table,#lastweek_table{ width: 100%;  height: 100px; overflow-y: scroll;}

#thisweek_table tr th,#nextweek_table tr th,#lastweek_table tr th{text-align: center; position: sticky;
    top: 0px; color:#fff;
    background-color: gray !important;}
#thisweek_table tr td:first-child, #thisweek_table tr th:first-child,
#nextweek_table tr td:first-child, #nextweek_table tr th:first-child,
#lastweek_table tr td:first-child, #lastweek_table tr th:first-child{border-left:none;}
#thisweek_table tr td input,#nextweek_table tr td input,#lastweek_table tr td input{text-align: center; min-width: 50%; border:1px solid #777; padding: 2px 10px; height: 20px;}
#thisweek_table tr td select,
#lastweek_table tr td select,#nextweek_table tr td select{width: 100px; padding:2px 5px;}