.datatbl_container{margin:0px auto; padding:0px 10px; overflow-x: auto; width:100%;}
.custom_data_table{ position:relative;}
.custom_data_table thead{border:1px solid #1f588f; position:relative;}
.custom_data_table thead tr th{color:#fff;position:relative; cursor:pointer; padding-right:18px;background:#336699;}
.custom_data_table tfoot tr th{ background:#012c56 !important; color:#fff;}
.custom_data_table tbody tr:nth-child(odd){background:#fff}
.custom_data_table tbody tr:nth-child(even) {background:#fff;}
.custom_data_table thead tr th.shorting_asdg:after{  content: "\f0de";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 14px;padding-right: 0.5em;position: absolute;top: 8px;z-index:888; right:0px;opacity: 0.6;}
.custom_data_table thead tr th.shorting_dsdg:before{  content: "\f0dd";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 14px;padding-right: 0.5em;position: absolute;top: 8px;z-index:888; right:0px;opacity: 0.6;}
.custom_data_table thead tr th.shorting_sort:before {content: "\f0dc";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 14px;padding-right: 0.5em;position: absolute;top: 8px;z-index: 888;right: 0px;opacity: 0.6;}
.custom_data_table tbody tr:hover { background-color:#d2d1d1;}
.custom_data_table tbody tr:hover td { background-color: transparent;}
.shorting_table{ float:right;}
.datatbl_dropdown{ float:left; position:relative;}
/*.datatbl_drop_btn{float:left; padding:5px; border-radius:3px; border:1px solid #C1C1C1; font-size:16px; text-align:left; min-width:50px; background:#fff; color:#000; clear:both; height:35px;}*/
.datatbl_drop_btn {height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;margin: 0px 3px}
.group_section{ display:table; position:relative; float:right;}
.input_search {border-radius: 4px 0px 0px 4px;background: #fff;height: 35px;padding: 5px;border: 1px solid #ccc;}
.group_btn_section{ display:table-cell; vertical-align:middle;}
.search_btn{background:#fff;border-width: 1px 1px 1px 0px; border-style:solid; border-color:#ccc; border-radius: 0px;float: left;padding: 5px;height: 35px;width: 35px; transition:all ease-in-out.3s;-webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s;}
.search_btn:hover{ background:#1f588f; color:#fff; border:1px solid #1f588f;}
.search_btn:last-child {border-radius:0px 3px 3px 0px;}
.datatbl_tag { float: left; margin: 0px 0px 0px 0px; padding-top: 10px !important; padding-bottom:5px !important }
ul.paging_custom{ float:right;}
ul.paging_custom li{ list-style:none; float:left; display:inline;}
ul.paging_custom li a{ float:left; padding:5px; text-align:center;color:#012c56; height:30px; min-width:30px; font-size:14px; transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s;border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0px; background:#fff;}
ul.paging_custom li a:hover{background:#0e66bb;border-style:solid; border-color:#0e66bb; border-width:1px 1px 1px 0px; color:#fff; text-decoration:none; cursor:pointer;}
ul.paging_custom li a.active{background:#0e66bb;border-style:solid; border-color:#0e66bb; border-width:1px 1px 1px 0px; color:#fff; text-decoration:none;}
ul.paging_custom li:first-child a{border-top-left-radius:3px; border-bottom-left-radius:3px; border-width:1px 1px 1px 1px;}
ul.paging_custom li:last-child a{ border-top-right-radius:3px; border-bottom-right-radius:3px;border-width:1px 1px 1px 0px;}
.loading_datatbl{ background:rgba(0,0,0,.3); width:100%; height:100%; top:0px; left:0px; position:fixed; z-index:999;display:none;}
.loading_datatbl img{width:64px; height:64px; transform:translate(-50%,-50%); top:50%; left:50%; position:fixed; z-index:999; }
.dsp_center{ display:inline-block; text-align:center;}
.table-striped > tbody > tr:nth-of-type(even) {
    background: #ececec;
}
@media (min-width:0px) and (max-width:767px) {

.group_section {display: table;position: relative;float: none;margin: 12px auto;}
.shorting_table{float: left;margin: auto;width: 165px;overflow: hidden;}
/*.datatbl_tag {float: none;text-align: left; margin:10px auto 10px auto;width: 100%;}*/
ul.paging_custom {float: right;margin: auto;text-align: center; width:100%;margin-bottom: 15px;}
ul.paging_custom li a {font-size: 11px;}
    }



@media print {
    .custom_data_table thead tr th.shorting_asdg:after {bottom:8px !important; top:auto !important }
    .custom_data_table thead tr th.shorting_dsdg:before { bottom: 8px !important; top: auto !important }
    .custom_data_table thead tr th.shorting_sort:before { bottom: 8px !important; top: auto !important }
}