.subtext {
    font-size: 0.9rem;
    color: rgb(90, 90, 90);
}

.text-xl {
    font-size: 1.5em;
}

.text-lg {
    font-size: 1.25em;
}

.text-md {
    font-size: 1.1em;
}

.text-sm {
    font-size: 0.9em;
}

.text-xs {
    font-size: 0.8em;
}

.text-xxs {
    font-size: 0.7em;
}

.text-primary {
    color: $primary-color !important;
}

.text-green{
    color: rgb(66, 202, 53);
}


.text-searched {
    background-color: yellow;
    color: black;
    font-weight: 600;
    padding: 0 0.1rem;
}

.text-hide-sm {
    @media screen and (max-width: 420px) {
        display: none;
    }
}

.text-strong {
    font-weight: 600;
}

.text-w500 {
    font-weight: 500;
}
.text-w600 {
    font-weight: 600;
}
.text-muted2 {
    color: rgb(197, 197, 197);
}


@for $i from 1 through 4 {
    .text-size#{$i} {
        font-size: calc(0.8rem + (4 - $i)*0.1rem);
        //color: lighten(rgb(0, 0, 0), ($i - 1)*20);
    }
}

.progress-text {

    &-50 {
        color: rgb(46, 158, 61);
    }

    &-30 {
        color: rgb(80, 163, 149);
    }

    &-20 {
        color: rgb(214, 166, 10);
    }

    &-10,
    &-11 {
        color: rgb(110, 108, 108);
    }

    &-1,
    &-2 {
        color: rgb(204, 28, 28);
    }
}

.text-edit {
    font-size: 0.9rem;
    color: rgb(53, 53, 53);
    border-radius: 0.2rem;
}


*[class^='file-']{
    font-size: 2rem;
}

.file{

    &-pdf{
        color: rgb(226, 10, 10);
    }
    &-doc, &-docx, &-dot{
        color: rgb(66, 102, 201);
    }
    &-xls, &-xlsx{
        color: rgb(59, 138, 52);
    }
    &-ppt, &-pptx{
        color: rgb(199, 88, 15);
    }
    &-jpg, &-jpeg, &-png{
        color: rgb(255, 166, 2);
    }
    &-ttf{
        color: rgb(111, 31, 131);
    }
    &-mp3{
        color: rgb(216, 157, 29);
    }
}

.filenumber{
    font-size: 0.8rem;
    color: rgb(125, 144, 255);
    letter-spacing: 1px;
}

.strikethrough{
    text-decoration: line-through;
    color: $primary-color;
}