::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: marker;
}

.accordionContent {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 192px;
    font-family: Calibri;
    font-size: 14px;
    background-color: #ffffe7;
}

.accordionHeader {
    cursor: pointer;
    font-family: Calibri;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #2F4F4F;
    width: 192px;
    background: url(Images/img-collapse.png) no-repeat 750px 7px;
    background-color: #425e89;
    color: white;
    text-align: left;
}

.accordionHeaderSelected {
    color: white;
    cursor: pointer;
    font-family: Calibri;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #2F4F4F;
    width: 192px;
    background: url(Images/img-expand.png) no-repeat 750px 7px;
    background-color: #2fa4e7;
    text-align: left;
}


   .headerText {
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -ms-writing-mode: tb-rl;
    filter: fliph() flipv();*/
}



.GVFixedHeader {
    /*font-weight: bold;
    background-color: Green;
    position: absolute !important;
    top: expression(document.getElementById("GridViewContainer").scrollTop-2);*/
    
}

.GridViewContainer {
    overflow-y: scroll;
    overflow-x: hidden;
}

gridview {
    width: 100%;
    top: 2px;
    margin-top: 2px;
    /*word-wrap: break-word;
    white-space:pre-wrap;
    table-layout: fixed;*/
    /*border: 1px solid #2fa4e7;*/
    /*grid-cell: unset;*/
}

.gridview table  {
    width: 100%;
    border-collapse:collapse;
}

.gridview th {
        position: sticky !important;
        top: 0;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    }
   .gridview tr {
        width:unset;       
    }
   .gridview  td {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        /*white-space:pre-wrap;*/
        border: 1px solid #2fa4e7;
        /*display:inline-block;*/
        /*width: unset;*/
        box-sizing: border-box;
        width:100%;
    }

.gridview_dyn {
    width: 100%;
    top: 2px;
    margin: 5px 5px 5px 5px;
    /*word-wrap: break-word;
    white-space:pre-wrap;
    table-layout: fixed;*/
    /*border: 1px solid #2fa4e7;*/
    grid-cell: unset;
}

.gridview_dyn table {
    width: 100%;
    margin: 5px 5px 5px 5px;
}

    .gridview_dyn th {
        /*display:inline-block;*/
        top: 0px;
        width: unset;
        /*overflow:hidden;*/
        background-color: #007acc;
        color: white;
        font: bold 12px calibri;
    }

     .gridview_dyn td {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        /*white-space:pre-wrap;*/
        border: 1px solid #2fa4e7;
        /*display:inline-block;*/
        width: inherit;
        box-sizing: border-box;
    }

.paging {
    border: none;
}

 .paging table {
    border: none;
    width: 100%;
}

     .paging table td {
        width: auto !important;
        border: none;
    }

.paging a {
    /*margin: auto 1%;
    border-radius: 50%;
    background-color: #444;
    padding: 2px 4px 2px 4px;
    color: #fff;
    
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;*/
    font: normal 10px calibri;
    text-decoration: none;
}

    .paging a:hover {
        /*background-color: #1e8d12;
        border-radius: 50%;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;*/
        color: #fff;
    }

.paging span {
    background-color:#ae2676;
    color:#fff;
    /*-o-box-shadow:1px 1px 1px #111;
    -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
    border-radius:50%;*/
    padding: 2px 4px 2px 4px;
}

.FixedHeader_GridView {
    font-weight: bold;
    font-family: Calibri;
    font-size: 14px;
    background-color: #556B2F;
    text-decoration: underline;
    text-align: left;
    position: relative;
    top: expression(this.parentNode.parentNode.scrollTop-2);
    left: expression(this.parentNode.parentNode.scrollLeft-1);
    right: 1px;
    width:100%!important;
}

.tdTitle {
    background-color: #009ee0!important;
    font-family: Calibri;    
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: white;
    width: 100% !important;
}


table {
    width: 97%;
    /*grid-row-span: 5;
    grid-column-span: 5;*/
    table-layout: auto;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

td {
    font-family: Calibri;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    border-spacing: 5px;
    white-space: nowrap;
    /*overflow:hidden;*/
}

.td_col1 {
    font-family: Calibri;
    font-size: 12px;
    text-align: left;
    width: 100px;
    vertical-align: top;
    border-spacing: 5px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.td_col2 {
    font-family: Calibri;
    font-size: 12px;
    text-align: left;
    width: 300px;
    vertical-align: top;
    border-spacing: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.control_CRUD {
    font: normal 14px Calibri;
    width: 100%;
}

.control {
    font: normal 14px Calibri;
    width: 100%;
}

.control_block {
    font: normal 14px Calibri;
    background-color: #f6f6f6;
    width: 100%;
}

.control_writeable {
    font: normal 14px Calibri !important;
    width: 99%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline;
}

.control_number {
    font: normal 14px Calibri;
    width: 99% !important;
}

.control_input {
    font: normal 14px Calibri;
    width: 99% !important;
}

.control_label_title {
    border: none;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.control_label_content {
    /*border:0 none;*/
    font-family: Calibri;
    font-size: 12px;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}