@use "../../../../../styles/abstracts/variables";
@use "../../../../../styles/abstracts/mixins";

.port {
    display: grid;
    color: variables.$col-white;
    grid-template-columns: 170px 120px 120px 120px 120px;
    grid-gap: 20px;
    padding-left: 1rem;
    font-size: .82rem;
    border-bottom: 1px solid variables.$col-active-btn-bg;
    line-height: 4;
    font-weight: 500;
    cursor: pointer;
    // @media only screen and (max-width: 1000px) {
    //     grid-template-columns: 120px 100px 100px 100px 100px 100px;
    //     border: none;
    // }

    &--success{
        color: variables.$col-success-color;
    }

    &--failed{
        color: red;
    }
}

.port:nth-child(odd){
    background: variables.$col-border-lining;
}