.table td {
    padding: 0.2rem;
    font-size: 14px;
}
.table th {
    vertical-align: middle;
    padding: 0.2rem;
    font-size: 14px;
}
.work-true, .workday {
    background-color: rgb(252, 248, 213);
    transition: 0.3s;
}
.work-true:hover {
    background-color: rgba(252, 248, 213, 0.5);
    transition: 0.3s;
}
.meet-true {
    background-color: rgb(163, 255, 111);
    transition: 0.3s;
}
.meet-true:hover {
    background-color: rgba(163, 255, 111, 0.5);
    transition: 0.3s;
    cursor:pointer;
}
.meet-success {
    background-color: rgba(0, 255, 0);
    transition: 0.3s;
    /*display: block;*/}
.meet-success:hover {
    background-color: rgba(0, 255, 0, 0.5);
    transition: 0.3s;
    cursor:pointer;
}
.meet-fail {
    background-color: rgb(255, 0, 0);
    transition: 0.3s;
}
.meet-fail:hover {
    background-color: rgba(255, 0, 0, 0.5);
    transition: 0.3s;
    cursor:pointer;
}
.meet-working {
    background-color: rgb(80, 255, 151);
    transition: 0.3s;
}
.meet-working:hover {
    background-color: rgba(80, 255, 151, 0.5);
    transition: 0.3s;
    cursor:pointer;
}
.meet-replaced {
    background-color: rgb(255, 237, 0);
    transition: 0.3s;
}
.meet-replaced:hover {
    background-color: rgba(255, 237, 0, 0.5);
    transition: 0.3s;
    cursor:pointer;
}
.lunch-true {
    background-color: #ffb63b !important;
    transition: 0.3s !important;
}
.work-false {
    background-color: rgba(240, 240, 240, 0.66);
    transition: 0.3s;
}
.weekend, .absence, .longweekend {
    background-color: rgba(165, 165, 165, 0.66);
    transition: 0.3s;
}
.meet-border {
    border-left: 1px solid rgba(131, 126, 130, 0.50);
    border-right: 1px solid rgba(131, 126, 130, 0.50);
}
.meet-ready {
    background-color: rgba(47, 51, 255, 0.76) !important;
    transition: 0.3s !important;
}
.meet-ready:hover {
    background-color: rgba(47, 51, 255, 0.3) !important;
    transition: 0.3s !important;
}
.time-picker {
    width: 50px;
    display: inline;
    border: none;
}
/*for details*/
details{
    display:block;
    background: #fff;
    /*width:400px;*/
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    overflow:hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 1.5rem;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
    display:block;
    padding: inherit;
    /*padding: .3em 1em .3em .9em;*/
    border-bottom: 1px solid #e2e8f0;
    /*font-size:1.4em;*/
    cursor: pointer;
    position: relative;
}
summary:before {
    top: .4em;
    right: .3em;
    color: transparent;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
    width: 1em;
    height: 1em;
    content: "";
    position: absolute;
    transition: transform .5s;
}
details[open] > summary:before {
    transform: scale(1,-1);
}
/*summary ~ * {*/
/*    padding: 0 1em 10px 1.4em;*/
/*}*/
details[open] summary ~ *{
    animation: sweep .5s ease-in-out;
}
@keyframes sweep {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}
summary:focus {
    outline:0;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
.meet-docs-copy {
    background-color: rgb(255, 77, 246);
    transition: 0.3s;
}
.meet-docs-copy:hover {
    background-color: rgba(255, 77, 246, 0.5);
    transition: 0.3s;
    cursor:pointer;
}