.modal-xl {
    max-width: 1280px;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .5rem .5rem;
  font-size: .875rem;
  line-height: .75;
  border-radius: .2rem;
}

.table td, .table th {
    padding: .2rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.table th {
    text-align: center;
	
}

*,
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

[class^="container-"], 
[class^="container-"] *,
[class^="col-"], 
[class^="col-"] *,
[class^="row"],
[class^="row"] *,
[class^="form-"],
[class^="form-"] *,
[class^="bg-"],
[class^="bg-"] *,
[class^="card-"],
[class^="card-"] *{
  box-sizing:border-box;
}

/*.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
	opacity: 1;
}*/

.modal-title {
	font-size: 1.25rem;
}

/*.my-custom-scrollbar {
position: relative;
height: 400px;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}*/

/*.table-fixed tbody {
    display:block;
    height:300px;
    overflow:auto;
}
.table-fixed thead, .table-fixed tbody tr {
    display:table;
    width:100%;
}

.tableFixHead    { overflow-y: auto; overflow-x: hidden; height: 400px; }
.tableFixHead th { position: sticky; top: 0px;  z-index: 10; height: 55px;}

.tableFixHead2    { overflow-y: auto; overflow-x: hidden; height: 350px; }
.tableFixHead2 th { position: sticky; top: 0px;  z-index: 10; height: 55px;}

table  { border-collapse: collapse; width: 100%;}
th, td { padding: 1px 1px; }
th     { background:#ffffff; }
*/

/*.header-fixed {
    width: 100% 
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 300px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 13%;
    float: left;
}*/

.loading{
    position:   absolute;
    z-index:    1100;
    top:        400px;
    left:       50%;
    height:     151px;
    width:      151px;
    background: rgba( 255, 255, 255, .9 )
                url('/common/images/progress_circle.gif') 
                50% 50% 
                no-repeat;
}

.wrap-loading{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
	z-index:1999;
}

.wrap-loading div{
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -64px;
	margin-top: -64px;
	z-index:2000;
}

.dt_length_menu {
	width: 60px;
	height: 25px;
}

.dt_length_menu_label {
	margin-bottom: 0 !important;
}

.dataTables_paginate .paginate_button {
	padding : 0.2em 0.7em !important;
}

.row {
	margin-top : 5px;
}

.addr-row {
	background-color : white;
	width : 100%;
	margin-left:1px;
}

.ar-fixed {
	position : fixed;
	top: 0px;
	width:980px;
	z-index:999;
	background:#ffffff;
	margin: 0 auto;
}

.addr-row .col-xl-12{padding-left: 0px !important; padding-right: 0px !important;}

.toast {
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0px);
    z-index: 9999;
}

.card-body-dams {
    padding: 0.5rem;
}

.dt_scrollbar::-webkit-scrollbar {
    width: 17px;
}

.dt_scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.dt_scrollbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #007bff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.dt_scrollbar::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}


/*.dt_head_inner { 
	width: 759px !important;
	padding-right: 9px !important;
}*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.dt_scrollbar {
	scrollbar-face-color: #007bff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: none;
	scrollbar-highlight-color: #e0e0e0;
	scrollbar-3dlight-color: none;
	scrollbar-shadow-color: #e0e0e0;
	scrollbar-darkshadow-color: none;
}


}

.ui-autocomplete { z-index:1200 !important; background: #fefbe7}

.modal-footer-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .5rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.modal-footer-inner>:not(:last-child) {
    margin-right: .25rem;
}

#dt-temp-result-dunggi {
    display: block;
	width: 500px;
    height: 300px;
	margin-bottom: 0.5rem;
}

#dt-temp-result-dunggi tbody {
	display: block; overflow-y:scroll; height:274px;
}

#dt-temp-result-dunggi th:nth-of-type(1), #dt-temp-result-dunggi td:nth-of-type(1) { width: 50px; }
#dt-temp-result-dunggi th:last-child { width: 450px; }
#dt-temp-result-dunggi td:last-child { width: calc( 450px - 19px );  }

.scroll_body {
    display: block;
	width: 500px;
    height: 150px;
	margin-bottom: 0.5rem;
}

.scroll_body tbody {
	display: block; overflow-y:scroll; height:150px;
}