﻿.icon:not(.icon-c-s):not(.icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}
.icon {
    display: inline-block;
    color: inherit;
    text-align: center;
    vertical-align: -0.125rem;
    fill: currentColor;
}

.table-responsive .w-60 {
    width: 60%;
}
.table-responsive .w-50 {
    width: 50%;
}
.table-responsive .w-45 {
    width: 45%;
}
.table-responsive .w-40 {
    width: 40%;
}
.table-responsive .w-35 {
    width: 35%;
}
.table-responsive .w-30 {
    width: 30%;
}
.table-responsive .w-25 {
    width: 25%;
}
.table-responsive .w-20 {
    width: 20%;
}
.table-responsive .w-15 {
    width: 15%;
}
.table-responsive .w-0 {
    display: none;
}

@media (max-width: 768px) {
    .table-responsive td, .table-responsive th {
        display: block;
        float: left;
    }
    .table-responsive .tc-d-none { display: none; }
    .table-responsive .tc-w-100 {
        width: 100%;
    }

    .table-responsive .tc-w-60 {
        width: 60%;
    }
    .table-responsive .tc-w-50 {
        width: 50%;
    }
    .table-responsive .tc-w-40 {
        width: 40%;
    }
    .table-responsive .tc-w-30 {
        width: 30%;
    }
    .table-responsive .tc-w-35 {
        width: 35%;
    }
    .table-responsive .tc-w-25 {
        width: 25%;
    }
    .table-responsive .tc-w-20 {
        width: 20%;
    }
    .table-responsive .tc-w-0 {
        display: none;
    }
    .table-responsive .tc-h-95 {
        height: 95px;
    }
    .table-responsive .tc-h-55 {
        height: 55px;
    }

    .table-responsive .input-group-append {
        width: 100%;
    }
    .table-responsive .input-group-append .mark-all-received {
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    .sm-text-small  {
        font-size: 0.7rem;
    }

}

.img-rotate-180 {
    transform: rotate(180deg);
}

.extended-input-image label {
    border: 2px solid transparent;
}

.extended-input-image input:checked + label {
    border: 2px solid #06a6c8;
}

.numeric-question {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;

}
.numeric-question li {
    
    display: flex;
    flex-direction: column;
    width: 2rem;
    margin-bottom: 1rem;
    align-items: center;
}
.numeric-question li label {
    cursor: pointer
}
