@charset "utf-8";
/* CSS Document */
table#mytable {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: Agenda-Light, sans-serif;
    background: #333;
    color: #fff;
    text-rendering: optimizeLegibility;
    border: 1px solid rgb(220, 220, 220);
    width: 100%;
}

    table#mytable thead th {
        background: #c3c3c3);
        background: -moz-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #c3c3c3));
        background: -webkit-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -o-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -ms-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: linear-gradient(to bottom, #f1f1f1 0%, #c3c3c3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ececec', GradientType=0 );
        color: #444;
        text-align: left;
    }

    table#mytable thead th, table#miyazaki tbody td {
        padding: .5rem;
        font-size: 0.8rem;
    }

    table#mytable tbody td {
        padding: .5rem;
        font-size: 0.8rem;
        color: #444;
        background: #f4f4f4;
    }

    table#mytable tbody tr:not(:last-child) {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

@media screen and (max-width: 1023px) {
    table#mytable {
        width: 95%;
    }

        table#mytable caption {
            background-image: none;
        }

        table#mytable thead {
            display: none;
        }

        table#mytable tbody td {
            display: block;
            padding: .6rem;
        }

        table#mytable tbody tr td:last-child {
            border-bottom: 1px;
            border-bottom-style: solid;
        }

        table#mytable tbody td:before {
            content: attr(data-th);
            font-weight: bold;
            display: inline-block;
            width: 6rem;
        }
}

@media (min-width: 1024px) and (max-width:1275px) {
    table#mytable thead th {
    }

    table#mytable thead th, table#miyazaki tbody td {
        padding: .1rem;
        font-size: 0.7rem;
        text-align: center;
    }

    table#mytable tbody td {
        padding: .1em;
        font-size: 0.7rem;
        color: #444;
        background: #eee;
    }
}


/* Grid view specific css  added by [sainath - 31-May-2017] */
table.res-grid {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: Agenda-Light, sans-serif;
    background: #333;
    color: #fff;
    text-rendering: optimizeLegibility;
    border: 1px solid rgb(220, 220, 220);
    width: 100%;
    float:left; 
}

    table.res-grid th {
        background: #c3c3c3;
        background: -moz-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #c3c3c3));
        background: -webkit-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -o-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: -ms-linear-gradient(top, #f1f1f1 0%, #c3c3c3 100%);
        background: linear-gradient(to bottom, #f1f1f1 0%, #c3c3c3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ececec', GradientType=0 );
        color: #444;
        text-align: left;
    }

    table.res-grid th, table#miyazaki tbody td {
        padding: .5rem; 
        font-size: 0.8rem;
        /*border:1px solid rgb(220, 220, 220);*/ /*Added by sainath[01-Jun-2017]*/
    }

    table.res-grid tbody td {
        padding: .5rem;
        font-size: 0.8rem;
        color: #444;
        background: #eee;
        /*border:1px solid rgb(220, 220, 220);*/ /*Added by sainath[01-Jun-2017]*/
    }

    table.res-grid tbody tr:not(:last-child) {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .ajax__validatorcallout.ajax__validatorcallout_popup_table tbody td {
    padding: 1px;
    font-size: 0.8rem;
    color: #444;
    background: lemonchiffon;
    /* border: 1px solid rgb(220, 220, 220); */
}


@media screen and (max-width: 1023px) {
    table.res-grid {
        width: 95%;
        
    }

        table.res-grid caption {
            background-image: none;
        }

        table.res-grid th {
            display: none;
        }

        table.res-grid tbody td {
            display: block;
            padding: .6rem;
        }
        /*  table#miyazaki tbody tr td:first-child { 
    background: #666; color: #fff; 
  }*/
        table.res-grid tbody tr td:last-child {
            border-bottom: 1px;
            border-bottom-style: solid;
        }

        table.res-grid tbody td:before {
            content: attr(data-th);
            font-weight: bold;
            display: inline-block;
            width: 6rem;
        }

       table.res-grid tbody td[data-th="undefined"]:before {
        content: "";
        font-weight: bold;
        display: inline-block;
        width: 6rem;
    }
       
}

@media (min-width: 1024px) and (max-width:1275px) {
    table.res-grid th {
    }

    table.res-grid th, table#miyazaki tbody td {
        /*padding: .1rem;*/
        font-size: 0.7rem;
        text-align: center;
    }

    table.res-grid tbody td {
        padding: .1em;
        font-size: 0.7rem;
        color: #444;
        background: #eee;
    }
}