body{
    background-color:#000;
    color:#fff;
    font-size:12px;
}
.ops{
    background:#365836;
    width:100%;
    height:1000px;
    max-height:calc(100vh - 100px);
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
table tr:not(.cat) td:last-of-type{
    width:50px;
    
}
table tr:not(.cat) td:first-of-type{
    width:50px;
    
}
table tr.cat > td{
    background-color:#657946;
    height:65px;
}
table tr > td > i.glyphicon{
    font-size:32px;
}
#add-op{
    position:absolute;
    bottom:70px;
    right:10px;
}
#add-op a{
    border-radius: 75px;
    width:75px;
    height:75px;
    display:inline-block;
    line-height: 75px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 70px;
    text-decoration: none;
    cursor:pointer;
    padding:0px;
    border:0;
    transition: all .2s;
}

.main{
    overflow: hidden;
    padding:0 !important;
}

#left-menu{
    display:inline-block;
    position:absolute;
    top:0px;
    left:-80%;
    background-color: rgba(0,0,0,.9);
    width:80%;
    height:100%;
    transition: all .5s;
    overflow-x: hidden;
    overflow-y: scroll;
}

#left-menu-back{
    font-size:32px;
    color:#28902b;
}
#left-menu-back:hover{
    color: #22e00b;
}

#left-menu a.btn{
    margin-bottom:10px;
}

a.remove{
    border:0;
    margin:0;
    padding:6px;
    color:#f00;
    cursor:pointer;
    display:inline-block;
}
a.remove:hover{
    color:#600;
}
a.remove .glyphicon{
    font-size:32px;
    line-height:32px;
    text-shadow: #000 0 0 2px;
}
.set-time{
    display:table;
    width:100%;
    border-spacing: 1px;
    border-collapse: separate;
}
.set-time .time-row{
    display: table-row;
}
.set-time a{
    background-color:#050;
    color:#fff;
    text-decoration: none;
    display:table-cell;
    height:20px;
    text-align:center;
    vertical-align: middle;
    cursor:pointer;
    transition: all .3s;
}
.set-time a.selected{
    background-color:#0a0;
}
.set-time a:hover{
    background-color:#22e00b;
}

.btn-primary{
    color: #fff;
    background-color: #28902b;
    border-color: #11a001;
}

.btn-primary:hover,
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary,
.btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
    color: #fff;
    background-color: #22e00b;
    border-color: #11a001;
}

.input-group.unique,
.form-control{
    width:86%;
}

#msg-box{
    width:100%;
    height:100px;
    position:absolute;
    left:0px;
    bottom:-100px;
    transition: all .2s;
    background-color: rgba(0,0,0,.9);
    color:#fff;
    text-align:center;
    font-size:24px;
    padding-top: 30px;
    z-index:9999999;
}