.alireza {
    visibility: hidden;
}

#ContentPlaceholder1_GridView1 {
    width: 100% !important;
}

table td, table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #000000;
    background-color: #fff !important;
}

table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #9fa1a1;
}

.mht-frame {
    background: #fff;
    padding: 25px;
    border: 1px solid #eaeaea;
    direction: rtl;
}

.mht-subject {
    color: #797773;
    font-size: larger;
    font-weight: 700;
    margin: 0px;
}

.mht-gheimat {
    color: red;
    font-size: large;
    font-weight: bolder;
}

.mht-qustion {
    padding: 3px 6px;
    border: 1px dashed #797773;
    border-radius: 28px;
}

    .mht-qustion:hover {
        color: #198754;
        border: 1px dashed #198754;
        transition: 0.4s;
    }

.mht-icone-active {
    font-size: xx-large;
    color: #198654;
}

.mht-icone {
    font-size: xx-large;
    color: #9fa1a1;
}

.mht-check {
    color: white;
    background: #198654;
    padding: 3px 4px;
    border-radius: 33px;
    position: relative;
    top: 12px;
    right: 6px;
}

.mht-border-step {
    border-bottom: 2px solid #4FBA6F;
}

.mht-border-step-off {
    border-bottom: 2px solid #a4a4a4;
}

.mht-title-check {
    color: #198654;
}

.mht-title-check-off {
    color: #9fa1a1;
}

.mht-icone-trash {
    font-size: larger;
}

    .mht-icone-trash:hover {
        font-size: larger;
        color: red;
        transition: 0.4s;
    }

.mht-icone-updown {
    color: #9fa1a1;
}

    .mht-icone-updown:hover {
        color: black;
        transition: 0.4s;
    }

@media (orientation: portrait) {
    .sls2 {
        display: none !important;
    }

    .fa-bars:before {
        content: "\f0c9";
        color: black !important;
    }
}

@media (orientation: landscape) {
    .s1 {
        width: 14% !important;
    }

    .s2 {
        width: 15% !important;
    }

    .s3 {
        width: 20% !important;
    }

    .s4 {
        width: 28% !important;
    }

    .s5 {
        width: 20% !important;
        white-space: nowrap !important;
    }

    .s21 {
        width: 100%
    }
}

@media (orientation: portrait) {
    .s20 {
        font-size: 9px;
    }

    .mt-5 {
        margin-top: unset !important;
    }
}


.fa-search:before {
    content: "\f002";
    color: black;
}

.ctr {
    display: flex;
    align-content: center;
    flex-direction: column;
}