@import url("https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css");	
	
.mwd-preview-area {

}	

.mwd-results-table-container {
  background-color: #ffffff;
  border: 1px solid #ececec;
  padding: 2rem;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.mwd-search-info {
  background-color: #f0f0f0;
  border: 1px solid #ececec;
  padding: 4px 20px;
  margin: 1rem 0;
  border-radius: 4px;
}

.btn-search-demo {
  margin-left: -20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
	
.btn-search-demo::before {
  content: "\f002";
  font-family: FontAwesome;
  color: #FFFFFF;
  float: left;
}

.search-input {
  padding-right: 40px;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  outline: none !important;
  outline: 0 !important; 
}
	
.form-select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 160px;
  background-color: #F0F0F0;
  outline: none !important;
  outline: 0 !important; 
}

.highlight-01 {
  color: #FF6F50;
  font-weight: 600;
}
	
.highlight-02 {
  color: #F8C536;
  font-weight: 600;
}
	
.highlight-03 {
  color: #25CED1;
  font-weight: 600;
}
	
.dataTables_paginate {
  margin-top: 20px;
}
	
textarea:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
.form-select:focus, .btn:focus {  
  border-color: rgba(208, 212, 218, 0.9); 	
  box-shadow: none !important;
  outline: 0 none !important;
}
	
@media only screen and (max-width: 600px) {
	
.form-select {
    width: 100%;
	margin-bottom: 1em;
}
	
.btn-search-demo {
  margin-left: 0;
  margin-top: 1em;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  width: 100%;
}
	
.search-input {
  padding-right: 0;
  border-right: 1px solid rgba(208, 212, 218, 0.9);
  border-left: 1px solid rgba(208, 212, 218, 0.9);
  border-radius: 4px;
  width: 100%;
  outline: none !important;
  outline: 0 !important; 
}
		
}