﻿.ie-msg {
    display: none;
    padding: 15px;
}

.nay-script {
    display: none;
    padding: 15px;
}

.yea-script {
    display: block;
    padding: 15px;
}

.form-signin {
    width: 100%;
    max-width: 420px;
    padding: 15px;
    margin: auto;
}

.otherinteger {
    width: 100px;
}

.textarea {
    resize: none;
}

/* *************** Responsive List ******************************************** */
.radiobuttonlist input[type=radio], .checkboxlist input[type=checkbox] {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

.radiobuttonlist label, .checkboxlist label {
    width: 100%;
    margin-bottom: 0;
}
/* **************************************************************************** */

/* *************** Responsive Grid ******************************************** */
.gridview-responsive {
    width: 100%;
}

    .gridview-responsive th:not(:first-child) {
        text-align: center;
        vertical-align: bottom;
        width: 100px;
    }

    .gridview-responsive td:not(:first-child) {
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }

@media only screen and (max-width: 767px) {
    .gridview-responsive, .gridview-responsive thead, .gridview-responsive tbody, .gridview-responsive th, .gridview-responsive td, .gridview-responsive tr {
        display: block;
    }

        .gridview-responsive thead tr {
            display: none;
        }

        .gridview-responsive tbody tr {
            border: 1px solid #dee2e6;
        }

        .gridview-responsive td {
            position: relative;
            border: none !important;
        }

            .gridview-responsive td:before {
                position: absolute;
            }

            .gridview-responsive td:not(:first-child) {
                text-align: left;
                width: 100%;
            }
}
/* **************************************************************************** */