::ng-deep .progress-green {
    .mat-progress-bar-fill::after {
        background-color: #4caf50;
    }
    .mat-progress-bar-buffer {
        background-color: #d5ecd5;
    }
}

::ng-deep .progress-red {
    .mat-progress-bar-fill::after {
        background-color: #f44336;
    }
    .mat-progress-bar-buffer {
        background-color: #fcd2cf;
    }
}

::ng-deep .progress-yellow {
    .mat-progress-bar-fill::after {
        background-color: #ffc107;
    }
    .mat-progress-bar-buffer {
        background-color: #fff0c4;
    }
}

.poll-result {
    .poll-progress-bar {
        height: 5px;
        width: 100%;
        .mat-progress-bar {
            height: 100%;
            width: 100%;
        }
    }
    .poll-progress {
        display: flex;
        margin-bottom: 15px;
        margin-top: 15px;
        mat-icon {
            min-width: 40px;
            margin-right: 5px;
        }
        .progress-container {
            width: 85%;
        }
    }
}

.main-nav-color {
    color: rgba(0, 0, 0, 0.54);
}

.poll-quorum-line {
    display: flex;
    vertical-align: bottom;
    .mat-button {
        padding: 1px;
    }
}

.poll-grid {
    display: grid;
    grid-gap: 5px;
    padding: 5px;
    grid-template-columns: 30px auto 250px 150px;
    .candidate-name {
        word-wrap: break-word;
    }
}
.poll-border {
    border: 1px solid lightgray;
}
.poll-menu {
    justify-content: flex-end;
}
.poll-quorum {
    text-align: right;
    margin-right: 10px;
    mat-icon {
        vertical-align: middle;
        font-size: 100%;
    }
}
.top-aligned {
    position: absolute;
    top: 0;
    left: 0;
}

.wide {
    width: 90%;
}