@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body
{
}

#DivLogo
{
    height: 120px;
    /*background-color: #2b5d92;*/
    border-bottom:2px solid #adadad;
}


.strike
{
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .strike > span
    {
        position: relative;
        display: inline-block;
    }

        .strike > span:before,
        .strike > span:after
        {
            content: "";
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: red;
        }

        .strike > span:before
        {
            right: 100%;
            margin-right: 15px;
        }

        .strike > span:after
        {
            left: 100%;
            margin-left: 15px;
        }


#Imgtext hr
{
    margin-bottom: 0px;
    margin-top: 0px;
    border: 1px solid #CFCFCF;
}
/*Css For Number Spinner Start*/
@media ( max-width: 240px ) {
    .input-group span.input-group-btn,.input-group input,.input-group button{
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }
    .input-group {
        position: relative;   
    }
    .input-group span.data-up{
        position: absolute;
        top: 0;
    }
    .input-group span.data-dwn{
        position: absolute;
        bottom: 0;
    }
    .form-control.text-center {
        margin: 34px 0;
    }
    .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }

}
/*Css For Number Spinner End*/

/*Css For CheckBox Button Checked Color Change Start*/
.btn-default.active
{
    color: #FFFFFF;
    background-color: #2184be;
    border-color: #adadad;
}
/*Css For CheckBox Button Checked Color Change End*/
/*Footer CSS Start*/
.footer-bottom
{
    background: #2b5d92;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-family: Calibri;
    font-size: 12pt;
}

/*Footer CSS End*/

/*Css For Horizontal Line*/
.hrline
{
    border-bottom: 1px dotted #000000;
    text-decoration: none;
    margin-bottom: 5px;
}

/*CSS Start For CheckboxList*/
.ChkList label
{
    font-weight: 500;
    padding-left: 5px;
}
/*CSS End For CheckboxList*/



/*CSS For Responsive Table Start*/
@media only screen and (max-width: 800px)
{
    table#Gridview1 tr th
    {
        display: none;
    }

    #no-more-tables tr td:nth-of-type(1):before
    {
        content: "No";
    }

    #no-more-tables tr td:nth-of-type(2):before
    {
        content: "Title";
    }

    #no-more-tables tr td:nth-of-type(3):before
    {
        content: "First Name";
    }

    #no-more-tables tr td:nth-of-type(4):before
    {
        content: "Last Name";
    }

    #no-more-tables tr td:nth-of-type(5):before
    {
        content: "Relationship";
    }

    #no-more-tables tr td:nth-of-type(6):before
    {
        content: "Age";
    }

    #no-more-tables tr td:nth-of-type(7):before
    {
        content: "Gender";
    }

    #no-more-tables tr td:nth-of-type(8):before
    {
        content: "ID Proof";
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr
    {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr
    {
        border: 1px solid #ccc;
    }

    #no-more-tables td
    {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before
        {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #no-more-tables td:before
        {
            content: attr(data-title);
        }
}

/*CSS For Responsive Table End*/


/*Css For Responsive Table Start*/
@media only screen and (max-height: 768px)
{

    #no-more-tables1 tr td:nth-of-type(1):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(2):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(3):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(4):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(5):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(6):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(7):before
    {
        content: "";
    }

    #no-more-tables1 tr td:nth-of-type(8):before
    {
        content: "";
    }

    /* Force table to not be like tables anymore */
    #no-more-tables1 table,
    #no-more-tables1 thead,
    #no-more-tables1 tbody,
    #no-more-tables1 th,
    #no-more-tables1 td,
    #no-more-tables1 tr
    {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables1 thead tr
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables1 tr
    {
        border: 1px solid #ccc;
    }

    #no-more-tables1 td
    {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables1 td:before
        {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #no-more-tables1 td:before
        {
            content: attr(data-title);
        }
    /*CSS For Responsive Table End*/
}