.cssTobsGridViewDataPopup { border-collapse: separate; border-spacing: 0; border: 2px double #FFFFFF; border-radius: 0; width: 98%; margin-bottom: 20px; }
.cssTobsGridViewDataPopup > tbody > tr > th { border-right: none; border-left: none; padding: 7px 10px 7px 10px; border-bottom-color: #73aec7; text-align: left; }
.cssTobsGridViewDataPopup > tbody > tr > td { border-right: none; border-left: none; padding: 5px 5px 5px 5px; border-bottom-color: #bdb6b6; text-align: left; }
.cssTobsGridViewDataPopup > tbody > tr > td input { cursor: pointer; }
.cssTobsGridViewDataPopup > tbody > tr > td:nth-child(2) { display: none; }
.cssTobsGridViewDataPopup > tbody > tr > th:nth-child(2) { display: none; }
.cssTobsGridViewDataPopup > tbody > tr > td:nth-child(3) { color: #0d4760; font-weight: bold; }
.cssTobsGridViewDataPopup > tbody > tr:hover { background-color: #a7c8d7;}
.cssTobsGridViewDataPopup > tbody > tr:first-child:hover { background-color: #FFFFFF; }
.cssTobsGridViewDataPopup > tbody > tr > td > span { cursor: default; }
.cssTobsGridViewDataPopup > tbody > tr { transition: 0.2s background-color; }



/*Type 1    */
.DataPopupAddButtonControlDefault { background-color: #bfcfd5; 
                                    color: #38444F; 
                                    border: none; 
                                  
                                     cursor: pointer; 
                               
                                      transition: 0.3s background-color; 

}
/*input.DataPopupAddButtonControlDefault:hover { background-color: #0F7FAF; color: white; }*/

input.DataPopupAddButtonControlDefault:hover { background-color: #e93b5b; color: white; }






.DataPopupOverlayEffect { /*background-color: black; filter: alpha(opacity=70); 
                          opacity: 0.7; width: 99%;
                           height: 1500px;
                            z-index: 400;
                             position: absolute;
                              top: 0; left: 0; margin-top: 1%; margin-bottom: 1%;*/

 background-color: black; filter: alpha(opacity=30); opacity: 0.3; width: 100%; height: 100%; 
 z-index: 4000; 
                                position: fixed; top: 0; left: 0; margin-top: 0%; margin-bottom: 0%;
}

.DataPopupPanelEffect 
{
      border-color: #0F7FAF;
      border-style: solid; 
      color: #414040; 
      border-width: 5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;

      top: 20%; left: 50%; 
      padding: 0px 0px 0px 0px; 
      text-align: center; -ms-transform: translateX(-50%) translateY(-20%); 
      -webkit-transform: translate(-50%,-20%);
      transform: translate(-50%,-20%); z-index: 10000; 

      position: fixed ; background-color: White; display: block; 
 
}










/*Search Text Box*/
.DataPopupSearchTextLeft { box-sizing: border-box; border: 2px double #c3d2d8; width: 70%; margin: 0px; padding: 0px; border-right: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.DataPopupSearchTextLeft input { border: none; width: 99%; }
.DataPopupSearchTextRight { box-sizing: border-box; border: 2px double #73aec7; margin: 0px; padding: 0px; width: 30%; border-left: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.DataPopupSearchTextRight input {
     background-color: #73aec7; color: white; border: none; cursor: pointer; padding: 2px 10px 2px 10px; transition: 0.4s background-color; width: 101%;

}
.DataPopupSearchTextRight input:hover { background-color: #679fb6; }




/*Grid View Pagging */
ul.DataPopupPagination { display: inline-block; padding: 0; margin: 0; float: right; margin-right: 2%; }
ul.DataPopupPagination li { display: inline; }
ul.DataPopupPagination li a { color: black; float: left; padding: 4px 8px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; }
.DataPopupPagination li:first-child a { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.DataPopupPagination li:last-child a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
ul.DataPopupPagination li a.active { background-color: #73aec7; color: white; border: 1px solid #73aec7; pointer-events: none; }
ul.DataPopupPagination li a.DataPopupTotalLable { pointer-events: none; padding-top: 5px; padding-right: 5px; border: none; }
ul.DataPopupPagination li a:hover:not(.active) { background-color: #f1b7a8; }
ul.DataPopupPagination li a.DataPopupTotalLable:hover { background-color: white; }