div.gridviewex {
    display:inline-block;
    border-bottom:1px solid black;
}

.gridviewex table {
}

.gridviewex th
{
    border: 1px solid #EEEEEE;
}

.gridviewex th {
    font-size: 9px;
    padding: 0px;
    text-align:center;
}

.gridviewex td {
    font-size: 11px;
    padding: 0px;
}

.gridviewex .footer td
{
    border-right-color: #EEEEEE;
    border-left-color: #EEEEEE;
}

.gridviewex th a {
    color: #ffffff;
    text-decoration: none;
}

.gridviewex td {
    border: 1px solid #CCCCCC;
    padding: 0px;
}


.gridviewex td a {
    color: #000000;
    text-decoration:underline;
}
.gridviewex td a:hover {
    color: blue;
    text-decoration: underline;
}

table.gridviewex tr:not(.header):hover
{
    background-color:yellow;
}

.gridviewex span {
    font-size: 11px;
}

.gridviewex .fieldbutton {
    padding: 0px !important;
    margin-top: 0px !important;
}

.gridviewex .header
{
    background-color:#6B696B;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
}
.gridviewex .header th
{
    padding:0px;
}

.gridviewex .thirdheader
{
    background-color:#6B696B;
    font-weight:bold;
    color:#ffffff;
}
    .gridviewex .thirdheader th {
        padding: 0px;
    }

.gridviewex .secondheader
{
    background-color:#6B696B;
    font-weight:bold;
    color:#ffffff;
}
    .gridviewex .secondheader th {
        padding: 0px;
    }

.gridviewex .secondfooter {
    background-color: #6B696B;
    font-weight: bold;
    color: #ffffff;
}
    .gridviewex .secondfooter th {
        padding-left: 2px;
        text-align:right;
    }

.gridviewex .footer
{
    background-color:#CCCC99;
}

.gridviewex .row {
    background-color: #FFFFFF;
    color: #000000;
    height:26px;
}
.gridviewex .altrow {
    background-color: #F7F7DE;
    color: #000000;
    height:26px;
}
.gridviewex .selected {
    background-color: #588094;
    color: #FFFFFF;
    font-weight: normal;
    height: 26px;
}


.deleteSelected td {
    background-color: red !important;
}

.gridviewex tr.pager
{
    background-color:#F7F7DE;
    color:#000000;
}
.gridviewex tr.pager a, .gridviewex tr.pager span
{
	padding-left: 4px;
	padding-right: 4px;
}
.gridviewex tr.pager span
{
    color: #FFFF00;
    font-weight: bold;
    color: #FF0000;
}
.gridviewex tr.pager table
{
    border-collapse:collapse;
}
    .gridviewex tr.pager > td {
        border-radius: 0px 0px 0px 13px;
        -webkit-border-radius: 0px 0px 0px 13px;
        /*vertical-align:top;*/
        /*padding-top:2px;*/
    }
    .gridviewex tr.pager > td > a {
        position: relative;
        /*top: -5px;*/
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
    }
    .gridviewex tr.pager > td > span {
        position: relative;
        /*top: -5px;*/
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
    }
        .gridviewex tr.pager > td > input[type="image"] {
            position: relative;
            top: -2px;
        }
        .gridviewex tr.pager > td > span.SelectedPageButton {
            font-size: 15px;
        }

.gridviewex td.nowrap {
    white-space: nowrap;
}

.gridviewex tr.norepsep > td {
    border-top: 2px solid black;
}

.gridviewexbutton
{
    border: 1px solid #FF3300;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #FFFF66;
    padding: 1px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 11px !important;
}


.gridviewex td input, .gridviewex td input[type=image], .gridviewex td a:not(.nobutton) img:not(.loader), .gridviewex td a:not(.nobutton) img:not(.nobutton), .gridviewex th img:not(.loader), .gridviewex th input {
    border: 1px solid #FF3300;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #FFFF66;
    padding: 1px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 11px !important;
    box-sizing: content-box;
    vertical-align: auto;
}

    .gridviewex td a.nobutton:hover
    {
        cursor:default;
    }


.gridviewex td input[type=image]:disabled, .gridviewex td img:disabled {
    border: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: transparent;
    padding: 2px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 11px !important;
}

.gridviewex td input[type=text] {
    width: calc(100% - 6px);
    height: 16px;
}

.gridviewex td input[type=image] {
    vertical-align: middle;
}

.gridviewex td input[type="checkbox"]:not(:checked),
.gridviewex td input[type="checkbox"]:disabled:not(:checked),
.gridviewex td input[type="checkbox"]:checked,
.gridviewex td input[type="checkbox"]:disabled:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    padding-top: 1px;
}


.gridviewex td input[type="checkbox"]:not(:checked) {
    border: 1px solid red;
    background-color: yellow;
    color: yellow;
    cursor:pointer;
}
.gridviewex td input[type="checkbox"]:disabled:not(:checked) {
    border: 1px solid black;
    background-color: white;
    color:white;
    cursor:default;
}

.gridviewex td input[type="checkbox"]:checked {
    border: 1px solid red;
    background-color: yellow;
    color: black;
    cursor: pointer;
}

.gridviewex td input[type="checkbox"]:disabled:checked {
    border: 1px solid black;
    background-color: white;
    color: black;
    cursor: default;
}

.gridviewex td input[type="checkbox"]::after {
    color:black !important;
}

.gridviewex td input[type="checkbox"]:not(:checked)::after {
    content: "\0020";
    font-weight: bold;
}

.gridviewex td input[type="checkbox"]:checked::after {
    content: "\2714";
    font-weight: bold;
}

.gridviewex .break {
    border-top: 1px solid blue;
}

.gridviewex .hideoverflow
{
    overflow:hidden; 
    white-space:nowrap; 
    padding-top:4px;
    display:inline-block;
    margin-right:2px;
    border-right:2px dotted gray;
}

.gridviewex .hideoverflowV {
    white-space: normal;
    display: inline-block;
    padding-top: 0px;
    line-height:11px;
}