/*LAYOUT CSS ON THE FRONT*/
#search-results{
    text-align: center;
}
#search-results h4 {
    text-align: left;
}
.search-hash {
    width: 100%;
    padding: 7px;
    font-size: 18px;
    font-weight: 800;
}
.dummy-image {
    height: auto;
    width: 100%;
}

@media only screen and (max-width: 767px) .col-3-main {
    width: 25%;
    float: left;
}
.col-3-main {
    width: 25%;
    float: left;
	margin-bottom: 39px;
	margin-bottom: -12vh;
}

@media only screen and (max-width: 767px) .col-s-1 {
    width: 100%;
	position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	float: left;
}
.col-s-1 {
    width: 100%;
	position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
	float: left;
}
.col-s-1 img{
	width:100%;
}

.col-s-11 {
   width: 91.66666667%;
       float: left;
      position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.spinner-psa {
    background: url('../../charles-river-analytics-filter/img/Spinner.svg')no-repeat center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 30px;
}

.psa-row {
    margin-right: -15px;
    margin-left: -15px;

}
.psa-clearfix {
    zoom: 1;
    margin-top: 3em;
    padding-bottom: 20px;
        clear: both;
}
.psa-clearfix:before,
.psa-clearfix:after,{
    display: table;
  content: " ";
    clear: both;
}
.h4-background-scs h4 {
    font-size: 23px;
    color: #fff;
}
 
.h4-background-scs {
    background: rgb(0 0 0 / 0.3);
    display: block;
    clear: both;
    height: 110px;
    padding: 1px 10px 10px 10px; 
    margin: 15px 15px 15px 15px;
    bottom: 115px;
    position: relative;
}
/*.col-s-3-2 {
    min-height: 275px;
}
*/




.form-options ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #007AFC;
}
.form-options :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #007AFC;
   opacity:  1;
}
.form-options ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #007AFC;
   opacity:  1;
}
.form-options :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #007AFC;
}
.form-options ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #007AFC;
}

.form-options ::placeholder { /* Most modern browsers support this now. */
   color:    #007AFC;
}
.form-options  option {
  width: 250px;
}

.hover_menu_category {
    border: 1px solid;
    padding: 8px 10px 10px 10px;
    border-radius: 2px;
    color: #007AFC;
    border-color: #000;
    font-weight: 700;
    cursor: pointer;
}


/*==hover menu*/
.hover_container {
    position: absolute;
    z-index: 1;
    width: 100%;
    columns: 100px 6;
    top: -30px;
    background: rgb(0 122 252 / .8);
    padding: 10px 10px 10px 10px;
}
.hover_container a {
     color: #fff!important;
    font-weight: 700;
    margin-top: 3px;
    display: block;
    transition: .3s ease-in-in;
    text-align: left;
    padding: 10px 5px 10px 5px;
    font-size: 14px;
    margin: 0px 5px 5px 5px;
}

.hover_container {
    position: absolute;
    z-index: 1;
    width: 100%;
    columns: 100px 5;
    top: -50px;
    background: rgb(0 122 252 / .8);
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
}
/*.hover_container a:hover {
    background: #007afc;
    text-align: center;
    transition: .3s ease-in-out;
    color: #fff;
    padding: 5px 5px 10px 5px;
}
*/
/*.hover_container {
    display: none;
}*/

.hover_container {
 display: none;
    transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.hover_container.hover_meu {
    display: block;
  vertical-align: top;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
/*  opacity: 1;*/
}.select-content td {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
        padding: 0px;
}

.select-content table tr td {
    background: #007AFC!important;
    border: 0;
}
td.filter-text {
    padding-right: 15px;
    padding-top: 9px;
}
select#content-types-filter {
    background: #007AFC;
    border: 3px solid #FFF;
    color: #fff;
    border-radius: 9px;
}
.h4-background-scs h4 {
    margin-bottom: 5px;
}

.h4-background-scs p {
    color: #fff;
    font-size: 13px;
    text-align: left;
    margin-bottom: 0px;
}
.col-s-1 img {
    width: 100%;
    height: 100%;
}