.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.navbar-left{margin: 0 0 0 -35px;}
.list-buttons{
    width: 100px;
    position: fixed;
    right: 0;
    bottom: 20px;
    text-align: center;
    z-index:999;
}
.btn-floating{
    width: 60px;
    height: 60px;
    padding: 0 !important;
    margin: 0;
    font-size: 3rem;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 6px 10px rgba(0,0,0,.15);
}
.btn-floating .icon{
    margin-top: 8px;
}
.list-buttons .btn-floating:nth-child(n + 1){
    margin-top:10px;
}
.grid-subtask{
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 5px;
}

.body-background .navbar-default{background: transparent !important;}
.body-background .topbar .topbar-left{background: transparent !important;}
.body-background .side-menu.left{background: transparent !important;}
.body-background .side-menu a{color:#fff !important;}
.body-background .navbar-left .mdi{color:#fff !important;}
.body-background .page-title-box{padding: 10px;border-bottom:none;}
.body-background .page-title-box .page-title{color:#fff !important;font-weight:normal;}
.body-background .panel{border:none;box-shadow:none;}
.body-background .panel-border{border-radius:0;}
.bootstrap-select .btn{border:1px solid #e3e3e3 !important;border-radius: 4px;color: #555;margin-left:0 !important;padding: 7px 10px !important;}
.mytable tbody td{padding: 5px !important;}
table td a{
  cursor:pointer;
}
.clock-main-out{
    background: rgb(199,57,57,1);
    padding: 0 10px;
}
.clock-main-out:hover{
    background: rgb(0, 0,0,0.4);
}
.clock-main-in{
    background: rgb(0, 0,0,0.4);
    padding: 0 10px;
}
.clock-in-out{color: #fff;font-size: 38px;margin-right: 30px;}
.clock-in-out .clock-left{float:left;}
.clock-in-out .clock-right{
    float:left;
    font-size:20px;
    width: 100px;
    margin-left: 10px;
}
.clock-in-out .clock-right .clock-check-in{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clock-in-out .clock-right .clock-check-in a{text-decoration:none;color:#fff !important;cursor:pointer;}
.loading{position: fixed;width: 100%;height: 100%;z-index: 9999;background-color: rgba(255, 255, 255, 0.8);top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.user-box .user-link h5 {margin: 0;}
.user-box .user-link p {margin: 2px 0 0 0;text-align: right;}
.user-box .user-link p span {background-color: #000051;color: #fff;padding: 2px 14px;border-radius: 10px;}