@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700|Poppins:400,700");a{text-decoration:none;color:#3709b9}a:visited{color:#3709b9}body{width:900px;margin:auto;font-family:'Montserrat';background-color:#f7f7f7;color:#545454}header{font-family:'Poppins';text-align:center;color:#3709b9;margin:1rem 0 0;display:flex;justify-content:space-between;align-items:baseline}header div{flex-grow:0;margin:0 2rem}header div:last-child{margin-right:0}header h1{font-size:3rem;font-weight:normal;margin:0;flex-grow:1;text-align:left}header span{font-size:1.5rem;padding-left:5px}header a.active,header a:hover,header a:focus{font-weight:bold}header a::after{display:block;content:attr(title);font-weight:bold;height:0;overflow:hidden;visibility:hidden}.log-out{position:absolute;top:0;right:0;margin:0.5rem}.segment{background-color:white;border:1px solid #ddd;border-radius:8px;padding:1rem}.segment.centered{text-align:center}.segment.padded{padding:3rem}.button{background-color:#3709b9;color:white;text-decoration:none;padding:0.7rem;border-radius:8px;cursor:pointer}a.button:visited{color:white}.to-login .button{display:inline-block}.runner.segment,.project.segment,.job.segment{margin:0.75rem 0}.runner.segment:first-child,.project.segment:first-child,.job.segment:first-child{margin-top:0}.runner.segment .title,.project.segment .title,.job.segment .title{font-weight:bold;display:inline-block;margin-bottom:0.5rem}.runner .status{float:right;display:flex}.runner .status::after{content:'⬤';font-size:0.8rem;margin-top:-1px;margin-left:0.5rem}.runner .status.online::after{color:#05ca05}.runner .status.paused::after{color:red}.runner .job{font-size:0.9rem}.runner .job a{text-decoration:none;color:#3709b9}.runner .job span{font-weight:bold;padding-right:0.25rem}.runner .note{font-size:0.9rem;font-style:italic}.project a.title{color:#545454}.project a.title:hover{color:#3709b9}.project .branches{font-size:0.9rem}.project .branches .branch{display:flex;align-items:center;margin-bottom:0.25rem}.project .branches .branch:last-child{margin-bottom:0}.project .branches .branch .pipeline{width:4rem;max-width:4rem;min-width:4rem}.project .branches .branch .branch-name{margin:0;font-weight:bold;color:#545454}.project .branches .branch a.branch-name{border-bottom:2px solid transparent}.project .branches .branch a.branch-name:hover{color:#3709b9}.project .branches .branch .status-icon{font-size:0.8rem;margin:0 0.5rem;margin-top:-1px}.project .branches .branch .status-icon.success{color:#05ca05}.project .branches .branch .status-icon.failed{color:red}.project .branches .branch .jobs{margin-left:1rem}.project .branches .branch .jobs .job{padding:0.3rem 0.5rem;display:inline-flex;align-items:center}.project .branches .branch .jobs .job .status-icon{font-size:0.6rem;margin:0 0.4rem 0 0}.project .branches .branch .jobs .job a{color:#545454}.project .branches .branch .jobs .job a:hover{color:#3709b9}.job.segment{display:flex;align-items:center}.job.segment .position{padding:1rem;padding-right:2rem;font-weight:bold}.job.segment span{font-weight:bold}table{background-color:white;border:1px solid #ddd;border-radius:8px;border-spacing:0;width:100%}thead{background-color:#f7f7f7}th,td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:0.5rem}th:first-child,td:first-child{border-left:none}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}form label{font-weight:bold}form input[type=text]{padding:0.5rem;border-radius:4px;margin:0.5rem}.stats{text-align:center}.stats form{margin:1rem;display:flex;align-items:center;justify-content:center}.stats a{display:block;color:#545454;font-weight:bold;margin:1rem}.stats a:hover{text-decoration:underline #3709b9 solid 3px}