﻿.left-col {
    float: left;
    width: 33%;
}

.center-col {
    float: left;
    width: 33%;
}

.right-col {
    float: left;
    width: 33%;
}

.checkbox-list, .radio-list {
    margin: 1em 0;
}

.checkbox-list:before,
.checkbox-list:after {
    content: " ";
    display: table;
}

.checkbox-list:after {
    clear: both;
}

tr[data-has-joined="True"], div.team-is-full-True {
    font-weight: bold;
    color: #4caf50 !important;
}

tr[data-has-joined="False"], div.team-is-full-False {
    font-weight: bold;
    color: #f44336 !important;
}

ul.skills-list {
    margin: 0;
}

.preserve-white-space {
    white-space: pre-wrap;
}

.applications-button {
    width: 50%;
}

.actions-reduced-margin {
    margin-bottom: -25px !important;
}

.extra-padding {
    padding-left: 20px;
}

.is-disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.is-current-link-active {
    color: currentColor;
    cursor: not-allowed;    
    font-weight: bolder;
}
.is-current-link-active:hover {
    color: currentColor;
    cursor: default;
    text-decoration: none;
}

tr[data-is-active="False"] {
    color: lightgray;
}

ul.reviewers-list {
    margin-right: 10px;
    text-align: left !important;
}

.criteria-wrapper {
    display: table;
    width: 100%;
}

.criteria-wrapper .left-side {
    display: table-cell;
    width: 75%;
}

.criteria-wrapper .left-side h2 {
    text-align: right;
    padding-top: 25px;
}

.criteria-wrapper .right-side {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.criteria-wrapper .right-side .ui.radio label {
    text-align: left;
}

.criteria-wrapper .right-side .rating-score-view-only {
    font-size: 5em;
}

.criteria-wrapper .right-side .rating-score-view-only.total-score {
    color: #00919f;
}

.rating-container {
    /*Making the container a flexbox*/
    display: flex;
    /*Making equal spaced divs*/
    justify-content: space-between;
}

.box {
    width: 20%;
    height: 25%;
    text-align: center;
}

.box .ui3.toggle label {
        margin-left: calc(1.5625rem + 4em);
}

.pad-right-10 {
    padding-right: 10px;
}

ul.list-no-style {
    list-style: none;
    text-align: left;
    padding-left: 0;
}