#col1 {
    background-color: #c7ecbf;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col2 {
    background-color: #aae29f;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col3 {
    background-color: #8bd880;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col4 {
    background-color: #69cd60;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col5 {
    background-color: #3ec23e;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}
#col11 {

    background-color: #fffce5;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col22 {

    background-color: #fff8cb;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col33 {

    background-color: #fff5b1;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col44 {
    background-color: #fff296;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

#col55 {

    background-color: #feef7b;
    min-width: 100px;
    min-height: 100px;
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}
#col66 {

    text-align: center;
    vertical-align: middle;
}

.textfont {
    text-align: start;
}

.table {
    color: black;
    margin-top: 1%;
}
@media (min-width: 1200px) {
    .table {
        margin-top: 1%;
        font-size:12px;
    }
}

@media (min-width: 1950px) {
    .table {
        margin-top: 1%;
        font-size: 16px;
    }
}

@media (min-width: 1600px) {
    .table {
        margin-top: 1%;
        font-size: 14px;
    }
}
.tabl{
    margin-left:20px;
    
}
.block_head > div {
    font-size: 25px;
    height: 100px;
    margin: 1%;
}
.text-center{
    margin-top:20px;
    
}

.my-custom-class {
    font-size: 20px;
}

.swal2-container.swal2-center > .swal2-popup {
    font-size: 20px;
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
}
input[type="radio"] {
    transform: scale(1.25);
}