.top-nav{
background-color: transparent;
}
.top-nav h1{
color: #fff;
}
.top-nav h2{
color: #fff;
}
.top-nav h3{
color: #fff;
}
.top-nav h3 a{
color: #fff;
}
.top-nav p{
color: #fff;
}
.top-nav .fa-sort-down{
color: #fff;
}
.service{
background-color: #171616;
color: #fff;
}
.service a{
color: #fff;    
}
.btn-dark {
  color: #ffffff !important;
  border-color: #ffffff !important;
  text-transform: uppercase;
  padding: 10px 15px;
  margin-top: 4px;
}
.btn-dark:focus, .btn-dark:hover {
color: #fff;
background-color: #343a40!important;
}

#ApprovedKeywords{
color: #fff;    
}
#find_content{
  background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ),url("../images/updated_img/LandingHeroIMG.png")no-repeat center center fixed;
    background-size: auto, auto;
  background-size: auto, auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.columns{
  background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ),url("../images/updated_img/LandingHeroIMG.png")no-repeat center center fixed;
    background-size: auto, auto;
  background-size: auto, auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.columns .table{
margin-bottom: 0;
}
.columns h3{
color: #fff;
}
.tabs .nav-tabs > li > a {
  color: #3C4043 !important;
}
.nav-tabs .nav-link.active {
  color: #fff!important;
  background-color: #171616;
  border-color: #FF7B16;
}
.columns .container .tabs{
background-color:#31373d; 
}
.columns .container a{
color: #fff; 
}
.col-lightstone .bg-dark{
background-color: #000!important;
}
.media-body h2 {
  color: #fff;
}
.media-body h3 {
  color: #fff;
}
.media-body p{
color: #fff;
}
.adv-listing-filter {
position: relative;
background-color: transparent;
}
#top_load{
z-index:1052;   
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #004B7E;
  border-bottom: 16px solid #004B7E;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; 
  position: absolute;
  z-index:1053;
  margin: 15% auto;
  left: 0;
  right: 0; 
}

#acr .btn:active, .btn:active, .open>.dropdown-toggle.btn {
    color: #fff;
    background-color: #004876;
    border-color: #fff;
}
#acr .btn:focus, .btn:hover {
    color: #004876;
    background-color: #fff;
    border-color: #004876;
}
#acr-mobile .btn:hover, .btn:active, .btn:active, .open>.dropdown-toggle.btn {
    color: #fff;
    background-color: #056eaf;
    border-color: #fff;
}
#acr-mobile .btn-warning.focus, .btn-warning:focus {
    box-shadow:none;
}
#acr-mobile .material-icons {
    display: inline-flex;
    vertical-align: top;
}
#acr .btn-outline-secondary{
    background-color: #fff;
    color: #004876;
    border-color: #004876;
}
#acr .btn-outline-secondary:hover{
    background-color: #fff;
    color: #004876;
}
.container {
    position: relative;    
}
.ex2 {
    background-color: #fff!important;    
}
.ex3 {
    min-height: 50px;    
    max-height: 200px;
    height: 100%;
    overflow-y: auto;
    min-width: 150px;
    max-width: 800px;
    width: 100%;
}
.ex3 a:hover {
    text-decoration: none;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.adv-listing-filter h3{
	font-size:18px; 
	text-transform:uppercase; 
	margin-left:15px;
}
.panel-body {
	color:#000 !important; 
}
.accordion .panel-body {
	padding:10px !important;
}
.btn-find-adress {
text-transform: uppercase;
padding: 10px 15px; 
margin-top:20px; 
width:96% !important;
}
.btn-primary { 
color: #ffffff !important;
background-color: #FF7B16 !important;
border-color: #ffffff !important;
text-transform: uppercase;
padding: 10px 15px; 
margin-top:4px;
}
.btn-select { 
color: #ffffff!important;
background-color: #004876!important;
border-color: #ffffff!important;
text-transform: uppercase;
}
.btn-select:hover {
  background-color: #056eaf!important;  
}
.main-content section {
overflow:visible !important;
}
.dropdown-header {
padding:5px;
border-style: solid 1px;
border-color: #b24a00;	
}
.bootstrap-select .dropdown-header {
cursor: pointer;
}
.map_canvas {
border: 1px solid #eeeeee;
border-radius: 5px;
height: 400px;
margin: 10px 20px 10px 0;
width: 100%;
}
#approval_body { 
min-height:400px;
max-height:800px; 
}
.panel-heading .accordion-toggle:after {
font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
content:"\e253";    /* adjust as needed, taken from bootstrap.css */
float: right;        /* adjust as needed */
color: #000;         /* adjust as needed */
font-size:0.52em;	
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content:"\e252";    /* adjust as needed, taken from bootstrap.css */
}
input:not([type]), input[type="search"], input[type="text"] {
   background-color:#ffffff!important;
}
.input-sm {
  background-color:#ffffff!important;
}
.modal-body{ 
	max-height:none!important;	
}
.panel-heading {
 border-bottom: 1px solid #ffffff!important; 
 }
.panel-primary {
    border-color: 1px solid #ffffff!important;
}
.dropdown-toggle {
	color:#333 !important;
}

#name_submit {
	width:100%;
}
.dataTables_length {
  display: none;  
}
.dataTables_filter {
    display: none;
}
.btn-outline-secondary:focus {
    box-shadow: none;
}
.form-control:focus {
    box-shadow: none;
}
.position-absolute {
    z-index: 1052;
}
.acr-search {
    width: 91%;
}
.h4-responsive {    
    text-align: center;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px){
   
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.adv-listing-filter .modal-content{
margin-top: 120px;
margin-left: -306px;
border-radius: 0;
}
.h4-responsive {    
    text-align: left;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.ex3 {
    min-height: 150px;    
    max-height: 300px;
    height: 100%;
    overflow-y: auto;
    min-width: 234px;
    max-width: 400px;
    width: 100%;    
}
.h4-responsive {    
    text-align: left;    
}
    
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.ex3 {
    min-height: 150px;    
    max-height: 300px;
    height: 100%;
    overflow-y: auto;
    min-width: 234px;
    max-width: 400px;
    width: 100%;    
}
.h4-responsive {    
    text-align: left;
}
    
}