.btn-timeclock{background:none;border:none;color:#fff;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.btn-timeclock.stoped .text-info:before{color:#28a745;content:"Fichar"}.btn-timeclock.stoped:hover{color:#28a745}.btn-timeclock.played .text-info:before{color:#dc3545;content:"Parar tiempo"}.btn-timeclock.played:hover{color:#dc3545}.btn-timeclock i{font-size:25px;vertical-align:middle}.btn-timeclock i.la-stop-circle{color:#dc3545}.btn-timeclock i.la-play-circle{color:#28a745}.timeclock-control .card-body,.timeclock-control .la-play-circle,.timeclock-control .la-stop-circle{font-size:3rem}@media (max-width:768px){.timeclock-control .card-body,.timeclock-control .la-play-circle,.timeclock-control .la-stop-circle{font-size:2rem}}@media (max-width:576px){.timeclock-control .card-body,.timeclock-control .la-play-circle,.timeclock-control .la-stop-circle{font-size:1.5rem}}.space-layout-legend{border:1px solid #ccc;padding:15px}.space-layout-legend ul{align-content:center;display:flex;flex-direction:column;justify-content:space-evenly;list-style:none;margin:0;padding:0}.space-layout-legend ul li{line-height:16px;list-style:none;margin-bottom:8px}.space-layout-legend ul.legend-labels{flex-wrap:wrap;text-align:left}.space-layout-legend ul.legend-labels li:not(:last-child){margin-right:10px}.space-layout-legend ul.legend-labels li span{border-radius:50%;display:inline-block;height:19px;margin-left:0;margin-right:5px;position:relative;top:3px;width:19px}@media (min-width:576px){.space-layout-legend ul{flex-direction:row}.space-layout-legend ul li{margin-bottom:none}}