.dashboard{max-width:96%;margin:0 auto}.dashboard .welcome-box{background:#fff;-webkit-box-shadow:5px 5px 10px #dcdcdc;box-shadow:5px 5px 10px #dcdcdc;margin-top:55px;padding:20px 25px;border-radius:30px;position:relative}.dashboard .welcome-box .hello,.dashboard .welcome-box .hello>span{color:#515a5a;font-size:30px;margin-bottom:10px}.dashboard .welcome-box .status{font-weight:lighter!important;font-size:20px;color:#616a6b}.dashboard .welcome-box .icon-dashboard{position:absolute;bottom:-10px;right:5%;height:200px;width:auto}.dashboard .header-st{font-size:22px}.dashboard .time-st{width:70px;font-size:12px;border-radius:10px;text-align:center;background:#f1c40f;color:#fff;padding:2px 0;margin-top:8px}.dashboard .to-do-line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;overflow:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dashboard .to-do-box{background:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;padding:5px 15px;text-align:center;margin:10px 2%;border-left:4px solid #205d86;-webkit-box-shadow:5px 5px 10px #ccd1d1;box-shadow:5px 5px 10px #ccd1d1;border-top-right-radius:20px;border-bottom-right-radius:20px;width:200px}.dashboard .to-do-box .project{color:#205d86;font-size:14px;padding-top:5px;padding-left:45px;text-align:start;text-transform:uppercase}.dashboard .to-do-box .title{color:#616a6b;font-size:12px;margin-top:-10px;padding-left:45px;text-align:start;overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize!important}.dashboard .to-do-box .number{color:#1f618d;top:0;font-weight:100;background:#eaf2f8;height:100%;right:0;position:absolute;font-size:25px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:15px 0;width:45px}.dashboard .icon-small{height:40px;width:40px;position:absolute;top:15px;left:5%}.dashboard .one-todo-list{height:300px;overflow:scroll;-webkit-box-shadow:5px 5px 10px #dcdcdc;box-shadow:5px 5px 10px #dcdcdc;margin:10px 0}.dashboard .one-todo-list table{margin:15px 0}.dashboard .one-todo-list table>tbody>tr>td{font-size:12px}.dashboard .tab-content>.active{display:block!important;opacity:1}.dashboard .to-do-tab{width:100%}.dashboard .to-do-tab .nav-pills{width:auto;overflow:auto;padding:10px 0 0 0;display:-webkit-box}.dashboard .to-do-tab .nav-pills>li{width:auto;position:relative}.dashboard .to-do-tab .nav-pills .project{color:#154360;font-weight:500!important;text-transform:uppercase;font-size:10px;margin-bottom:-6px;padding-top:-5px}.dashboard .to-do-tab .nav-pills .number{color:#fff;font-size:14px;position:absolute;background:#ec7063;width:25px;height:25px;padding:2px;top:-8px;right:0;border-radius:50%}.dashboard .to-do-tab .nav-pills>li.active>a,.dashboard .to-do-tab .nav-pills>li.active>a:focus,.dashboard .to-do-tab .nav-pills>li.active>a:hover{text-align:center;background:#aed6f1;color:#fff;margin-bottom:15px;border-radius:25px;padding:5px 45px 8px 45px;margin:0 5px 20px 5px;-webkit-box-shadow:5px 5px 10px #d7dbdd;box-shadow:5px 5px 10px #d7dbdd}.dashboard .to-do-tab .nav-pills>li>a,.dashboard .to-do-tab .nav-pills>li>a:focus,.dashboard .to-do-tab .nav-pills>li>a:hover{text-align:center;border-radius:25px;background:#e3e8fd;margin-bottom:15px;color:#707b7c;padding:5px 45px 8px 45px;margin:0 5px 20px 5px;-webkit-box-shadow:5px 5px 10px #d7dbdd;box-shadow:5px 5px 10px #d7dbdd}.dashboard .to-do-tab .nav-pills>li>a{border-top:none}.dashboard .active,.dashboard .collapsible:hover{background:none}.dashboard .to-do-tab .tab-content{background:#aed6f1;padding:10px 10px;margin-bottom:20px;max-height:350px;min-height:100px;overflow:scroll;border-radius:3px;position:relative}.dashboard .to-do-tab table>tbody>tr>td{background:#fff}.dashboard .to-do-tab table>thead>tr>th{background:#81b3d4;color:#fff}.dashboard .to-do-list-title{color:#fff;font-size:18px!important;text-align:center;margin-bottom:30px;width:100%}.dashboard .to-do-tab .nav-pills>li.active>a,.dashboard .to-do-tab .nav-pills>li.active>a:focus,.dashboard .to-do-tab .nav-pills>li.active>a:hover{border-top-color:#5dade2}@media only screen and (max-width:768px){.dashboard .welcome-box .icon-dashboard{height:130px}}