.colums-two {

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0.50rem;
    -moz-column-gap: 0.50rem;
    column-gap: 0.50rem;
    orphans: 1;
    widows: 1;
    column-fill: auto;
}

.colums-one {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.colums-two .column-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid black;
    background-color: unset;
}

.max-w-50 {
    max-width: 50%;
}

.sps-row-red {
    background-color: #f5919b;
}

.sps-row-grey {
    background-color: #cccccc;
}

.sps-row-blue {
    background-color: #9fcdff50;
}

.sps-row-yellow {
    background-color: #fcff4630;
}

.sps-row-purple {
    background-color: #282ea730;
}

.sps-row-green {
    background-color: #28a74630;
}

.sps-row-click {
    background-color: #9fcdff !important;
    cursor: pointer;
}

.sps-modal-header {
    flex-wrap: nowrap;
    justify-content: space-between !important;
    width: auto !important;
}

.sps-modal-header .h6 {
    font-weight: 600 !important;
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.firefox-nosign {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    top: 20rem;
    max-width: 80%;
    right: 0;
    text-align: center;
    transform: rotate(45deg);
    color: red;
    opacity: 0.5;
    font-size: 2rem;
}

.text-break-word,
text-break-word>* {
    word-break: break-word;
}



/* Max LG+ */
@media (max-width: 1099px) {
    .colums-two-task {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/* Max LG */
@media (max-width: 991px) {
    .sps-modal-header {
        flex-wrap: wrap;
    }

    .colums-two {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}