.callout{
    text-align: center;
}
.progress{
    border-radius: 9999px;
}

.progress.utm .progress-meter {
    background-color: hsl(171, 100%, 41%);
    border-radius: 9999px;
}

.tabs-title {
    float: left;

}
.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #000000;
    }
[data-whatinput='mouse'] .tabs-title > a {
    outline: 0; }
.tabs-title > a:hover {
    background: #fefefe;
    color: #000000; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(336,61.1%,29.2%); }


/*tabs-title */

.tabs-title.ar1 > a:focus, .tabs-title.ar1 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(336,61.1%,29.2%); }

.tabs-title.ar2 > a:focus, .tabs-title.ar2 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(3,46.2%,43.7%); }

.tabs-title.ar3 > a:focus, .tabs-title.ar3 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(22, 100%, 35%); }

.tabs-title.ar4 > a:focus, .tabs-title.ar4 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(41, 80%, 40%); }

.tabs-title.ar5 > a:focus, .tabs-title.ar5 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(64, 80%, 34%); }

.tabs-title.ar6 > a:focus, .tabs-title.ar6 > a[aria-selected='true'] {
    background: #e6e6e6;
    color: hsl(73, 80%, 40%); }




/*Label*/

.label {
    display: inline;
    padding: 0.2rem;
    border-radius: 0;
    font-size: 0.6rem;
    cursor: pointer;
    background: #1779ba;
    color: #fefefe;
    }
.label.tx{
    display: inline;
    padding: 0.2rem;
    border-radius: 0;
    font-size: 0.75rem;
    cursor: default;
    background: #1779ba;
    color: #fefefe;
}

.label.alumno{
    display: inline;
    padding: 0.2rem;
    border-radius: 0;
    font-size: 0.80rem;
    cursor: default;
    background: #1779ba;
    color: #fefefe;
}

.label.ar1, .label.tx.ar1 {
    background: hsl(336,61.1%,29.2%);
    color: #fefefe; }
.label.ar2, .label.tx.ar2 {
    background: hsl(3,46.2%,43.7%);
    color: #fefefe; }
.label.ar3, .label.tx.ar3 {
    background: hsl(22, 100%, 35%);;
    color: #fefefe; }
.label.ar4, .label.tx.ar4 {
    background: hsl(41, 80%, 40%);
    color: #fefefe; }
.label.ar5, .label.tx.ar5 {
    background: hsl(64, 80%, 34%);
    color: #fefefe; }
.label.ar6, .label.tx.ar6 {
    background: hsl(73, 80%, 40%);
    color: #fefefe; }




.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a; }
.button{
    background-color: #00749D;
}

.button:hover, .button:focus {
    background-color: #008dc0;
    color: #fefefe; }