#task {
    padding-top: 11vh;
    min-height: 100vh;
    background: #71767a;
}

.well {
    color: black;
}

.right {
    width: 50%;
    float: left;
    text-align: right;
}

.left {
    width: 50%;
    float: left;
}

.well-lg {
    min-height: 20vh;
}

.ok, .bad {
    border-radius: 15px;
    color: white;
    text-align: center;
    /* width: 50%; */

    min-width: 59px;
    min-height: 34px;
}

.ok {
    background: #4caf50;
    width: 10vw;
    height: 2vh;
}

.ok::after {
    /*content: "SUCCESS";*/
}

.bad {
    background: #b71c1c;
    width: 10vw;
    height: 2vh;
}

.bad::after {
   /* content: "FAIL";*/
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.status-task {
    width: 100%;
    height: 100%;

    background: #01579b;
    border-radius: 30%;

    color: transparent;
}

.toggle.btn {
    border-radius: 15px;
}