* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Sans-serif;
}



html, body {
   
}

.sd-backg{
	
	background-color: #F2F5F8;
}

.sr-backg{
	
	 background-color: #fff;
	
}
/*body {
	margin-left: 2.5rem; 
}*/

/* 1rem = 16px by default */
.sd-header {
	background-color: #2E4C62; /* For browsers that do not support gradients */
    background-image: linear-gradient(#2E4C62, #4E7A9C);
    color: #ffffff;
    font-size: 2.00rem; 
    height: 17.125rem; 
    padding: 5.625rem 1.6rem 1.6rem 1.6rem; 
    margin-left: -2.5rem; /* -40px */
    
}

.jumbotron {
	background-color: #2E4C62; /* For browsers that do not support gradients */
    background-image: linear-gradient(#2E4C62, #4E7A9C);
    color: #ffffff;
    font-size: 2.00rem; 
    height: 17.125rem; 
    padding: 2.3rem 1.6rem 1.6rem 1.6rem; 
    border-radius: 0px;
    
}

.container{
	
	background-color: #fff;
	padding: 0px;
	
}

.sd-container-fluid{
	
	padding: .5rem .5rem .5rem .5rem;
	
}

.sr-container-fluid{
	
	padding: 2rem 0rem 2.5rem 0rem;
	
}

#sd-container{
	
	width: 100%;
	
}



#sd-subheader {
    background: #507691;
    color: #fff;
    font-size: 1rem;
    padding: .8rem;
    z-index: 1;
    line-height: .9rem;
}


.sd-form {
	background: #fff;
	min-height: 30rem; /* 480px */
	padding: 3em; 
	position: relative;
	bottom: 123px;
	margin: 0 auto;
}

.toolbar {
	height: 2rem; /* 32px */
	margin-bottom: 1rem;
    width: 52rem; /* 832px */
}

.sd-row {

	position: relative;
	margin-bottom: 1rem; 
}

.sd-row > .sd-col-title,
.sd-row > .property-col-content {
	display: inline-block;
	vertical-align: top;
}

.sd-col-title {
	color: #3D5A6F;
	font-size: 1.25rem;		
    font-weight: 500;   
    width: 7rem; /* 284px */
    margin-right: 2rem; /* 48px*/
}



.sd-input {
    height: 1.5rem; /* 24px */
    width: 45%;
    padding: 1rem; /* 16px */
    border: 1px solid #ced4da;
    border-radius: 0.25rem; /* 4px */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
  
}

div#sd-subheader a{
	
	color: #b5edf5;
	
}

div#sd-subheader a:hover{
	
	text-decoration: underline;
	color: #b5edf5;
	
}

.l-border{
	border-left: 4px dotted blue;
	padding-left: 10px;
	font-size: 12px;
	display: inline-block;
	width: 250px;
	position: relative;
	top: 10px;
}


#instruction-slide {
	
    width: 33rem;
	padding: 1.25rem 1.25rem;
    background: #B6C9D8;
    color: #000;   
    float: right;
    font-size: 12.9px;
    height: 22.3rem;
    
}

p.instructions-text{
	
	position: relative;
	bottom: 7px;
}



.button-search:hover {
	color: #fff;
	background: #0087ff;
}
 

.button-search {
	display: inline-block;	
	min-width: 3.5em; /* 56px (off 12px) */
	height: 2.2em; /* 24px (off 12px) */	
	font-size: 1rem; /* 12px */
	color: #fff;
	padding: 0.167em 0.5em; /* 2px 6px (off 12px) */	
	background-color: #4472C4;
    border-radius: 0.125rem; /* 2px */
    border: none;
}

.button-clear{
	display: inline-block;	
	min-width: 3.5em; /* 56px (off 12px) */
	height: 2.2em; /* 24px (off 12px) */	
	font-size: 1rem; /* 12px */
	color: #fff;
	padding: 0.167em 0.5em; /* 2px 6px (off 12px) */	
	background-color: #7F7F7F;
    border-radius: 0.125rem; /* 2px */
    border: none;
	margin-right: 20px;	
}



#dropdown-bar{
	
  color:#000;
  font-size:15px;
  padding:5px;
  background-color:#B6C9D8;
  position:relative;  
  display:inline-block;
  width: 100%;
  text-align: center;
  display: none;
	
}

.sr-heading{
	
	padding: 20px;
	border-bottom: 3px solid #2E4C62;
	font-weight: bold;
	font-size: 25px;
}
#exact-results {
	 font-size: 16px;
	 float: left;
	 padding: 15px;
	
}
#suggested-results{
	font-size: 16px;
	 float: left;
	 padding-top: 20px;
	
}

.exreslt-container{
	
	width: 100%;
	padding: 20px;
	margin-top: 11px;
	border: 2px solid #96B1C6;
	justify-content: center;
}

#exact-results, #suggested-results{
	width: 100%;
	font-weight: bold;
	
}

.sgreslt-container{
	width: 100%;
	padding: 20px;
	margin-top: 50px;
	border: 2px solid #96B1C6;
}

h5{
	background: #B6C9D8;
	line-height: 20px;
	padding: 10px;
	margin: 3px; 
	font-size: 16px;
	height: 45px;
}

h6{
	
	border-bottom: 3px solid #B6C9D8;
    margin-left: 10px;
    width: 215px;
}

.slick-prev:before, .slick-next:before{
	
	color: #B6C9D8;
}

button.slick-next, .slick-arrow, .slick-prev{
	
	width: 37px;
}

.slick-track{
	
	margin-left: 0;
}


div.back-to-search{
	
	display: inline-block;
	float: right;
	padding: 15px;
	
}

div.back-to-search a{
	
	color:#000;
	font-size: 16px;
	
	
}

div.back-to-search a:hover{
	
	text-decoration: underline;
	
	
}

.exact-carousel, .suggested-carousel{
	
	
	width: 100%;
	overflow: auto;
	justify-content: center;
	
}

@media screen and (max-width: 3024px) {
  #instruction {
    
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  #instruction {
    
    display: none;
  }
  
  #instruction-slide{
   width: 28em;
   height: 30.3em;
   
  }
  
  p{
  
  font-size: .66rem;
  }
  
  
}

.arrow {
  position: absolute;
  top: 16px;
  right: 94px;
}

.arrow::before,
.arrow::after {
  position: relative;
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  background: white;
  transition: 0.3s ease-in-out;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  left: 6px;
  top: -1px;
  transform: rotate(-45deg);
}




.toggle-btn.active .arrow::before {
  transform: rotate(-45deg);
}

.toggle-btn.active .arrow::after {
  transform: rotate(45deg);
}



@media screen and (max-width: 768px) {
  #instruction {
 position: absolute;
  width:93.7vw;
  padding:20px;
  text-align:left;
  
  background-color:#B6C9D8;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.6);
  
  font-size:13.5px;
  color:#000;
  z-index:1;
  
}

 #dropdown-bar{
  display: block;
  cursor: pointer;
  
  }

#instruction-slide{
	display: none;
	
}


}


@media screen and (max-width: 601px) {
  div#instruction {
    width: 100%;
   
  }
  
  #sd-subheader{
   line-height: 1.4rem;
  
  }
  .jumbotron{
  font-size: 1.56rem;
  height: 16.125rem;
  
  }
  
  #dropdown-bar{
  
  cursor: pointer;
  
  }
}

@media screen and (max-width: 375px) {
  div#instruction {
    width: 100%;
  }
  
  #sd-subheader{
   line-height: 1.4rem;
  
  }
  
   .jumbotron{
  font-size: 1.56rem;
  height: 16.125rem;
  
  }
  
   #dropdown-bar{
  
  cursor: pointer;
  
  }
}

@media screen and (max-width: 360px) {
  div#instruction {
    width: 100%;
  }
  
  #sd-subheader{
   line-height: 1.4rem;
  
  }
  
   .jumbotron{
  font-size: 1.5rem;
  height: 16.125rem;
  
  }
   #dropdown-bar{
  
  cursor: pointer;
  
  }
}

@media screen and (max-width: 320px) {
  div#instruction {
    width: 100%;
  }
  
  #sd-subheader{
   line-height: 1.4rem;
  
  }
  
   .jumbotron{
  font-size: 1.3rem;
  height: 16.125rem;
  
  }
  
   #sd-form{
  width: 18em;
  
  }
   #dropdown-bar{
  
  cursor: pointer;
  
  }
}

td,
th {

white-space: nowrap;

}

tr {
  border: 1px solid black;
  border-collapse: collapse;

}
table, th, td {
  border-collapse: collapse;

}
th, td {
  padding:0.5px;
  height: 40px;
}
#organization {
    height: 2rem; /* 24px */
    border: 1px solid #ced4da;
    color: #495057;
    background-color: #fff; 
}