input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* modal */

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	z-index: 1000;
	background: rgba(52, 58, 64, .10);
}
.overlay > div {
	background: rgba(255, 255, 255, 1);
}
.modal .modal-backdrop {
	z-index: 1001;
}

x-a.btn:not(.no-mxt) {
	display:inline-flex !important;
}
a.btn[data-icon] {
	display:inline-flex !important;
}

.table-borderless td,
.table-borderless th {
    border: 0;
}

.bs-bg {
	background-color: rgba(0,0,0,.03);
}

/* icons */
.icon-success:before{
	content: "\f00c";
}
.icon-info:before{
	content: "\f05a";
}
.icon-warning:before{
	content: "\f071";
}
.icon-danger:before{
	content: "\f071";
}
.icon-loading:before{
	content: "\f1ce";
}
.icon-new:before{
	content: "\f055";
}
.icon-export:before{
	content: "\f1c3";
}
.icon-required:before{
	content: "\f069";
	color: red;
	font-size: 50%;
	vertical-align: super;
}
.icon-comment:before{
	content: "\f075";
}
.icon-cancel:before{
	content: "\f00d";
}
.icon-save:before{
	content: "\f00c";
}
.icon-address:before{
	content: "\f041";
}
.icon-logout:before{
	content: "\f011";
}

/* datatable */
.dataTables_wrapper > .dt-buttons {
	display: none;
}

/* atv */
.atv.collapsed > table > tbody.items > tr.arraytablerow > td {
	border-top: none;
}
.atv.collapsed > table > tbody.items > tr.arraytablerow:not(:first-child) > td {
	border-top: none;
}
.atv.w-100 > table > tbody.items > tr.arraytablerow > td.frm {
	width: 100%;
}

.table-nonfluid{
	width: auto !important;
}
.table-striped > tbody > tr:nth-child(2n+1) {
   /* background-color: transparent;
}
.table-striped > tbody > tr:nth-child(2n) {
   /* background-color: #f8f9fa; */
}
.table-form td:nth-child(1){
	font-weight: bold;
	text-align: left;
}

.dataTables_filter{
	display:none;
}

.dt-buttons btn-group{
	display:none;
}

/* semantic.dropdown*/
.ui.dropdown > .ui.label { background-color: rgba(0,0,0,0.03); color: #007bff !important; border-radius: .25rem; }
.ui.dropdown > .ui.label .icon:before { content: '\f00d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 0.25rem; position: relative; color: #ced4da }
.ui.dropdown > .ui.label .icon:hover { cursor: pointer }
.ui.dropdown > .ui.label .icon:hover:before { color: #dc3545; }
.input-group > .ui.dropdown {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.ui.dropdown.multiple {
	height: inherit;
	min-height: calc(2.25rem + 2px);
}