.liststaff{padding: 0; margin: 0; list-style: none; max-height: 215px; overflow: auto;}
    .staffmain{ border: 1px solid #ddd; margin-left: 15px;}  
    .label15{padding-left: 15px;}
    .liststaff li{position: relative;display: block;margin-left: 15px;
    padding: 0 0px;margin-bottom: -1px;background-color: #fff;border: 0;}
    .list-group-item:first-child {border-top-left-radius: 4px;border-top-right-radius: 4px;}
    .list-group-item:last-child {margin-bottom: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
    .liststaff li.checkbox {position: relative; display: block;margin-top: 0px;margin-bottom: 0px;}
    .mailbox-date .btn-xs{font-family:'Roboto-Medium';}
.start-mr-20 {
    position: absolute;
    right: 30px;
    top: 7px;
    padding: 0;
}
.join-btn{background-color: #66aa18 !important;
    color: #fff !important;
    border-radius: .25em;
    font-weight: normal;
    vertical-align: middle;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}
.join-btn:hover{background-color: #449d44; color: #fff}
.label-warning{font-weight: normal;}
.labelurl{display: inline-block;vertical-align: middle;}
.label {
    font-family: 'Roboto-Medium';
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;}
/*.display_none{display: none;} */   
.fullselectbox{width: 100%;}
.starttop{ margin-top: 5px;display:-webkit-inline-box !important;}    
.select2{width: 100% !important; display: block;}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
color: #999 !important;}
    @media (max-width:767px){
        .label15{padding-left: 0;}
        .staffmain {margin-left: 0px;}
        .chgstatus_form{width: 150px;}
        .mintable-w900{min-width: 900px}
    }

     .online-timetable:hover{cursor: pointer;}
    @media (max-width:767px){
        .chgstatus_form{width: 150px;}
    }

.googlebtn {    background-color: #4285f4;
    border-color: #4285f4;
    color: #fff;
    border-radius: 4px;
    padding: 2px 10px 2px 2px;}
    .googlebtn  i{background: #fff;
    color: #000;
    padding: 5px;
    border-radius: 2px;
    margin-right: 5px;}
.googlebtn:focus,
.googlebtn:hover{background:#fff; color: #000;}    
.googlebtn:hover i{background-color: #4285f4;color: #fff;}
.gplusright{position: absolute;right: 15px;top: 8px;}
.whites-pace-nowrap{white-space: nowrap;}