@import url('https://fonts.googleapis.com/css?family=Roboto');

.hideit , .hideit1{
	display:none !important;
	visibility:hidden;
	width: 0;
	height:0;
}

.noresult {
    text-align: center;
    text-align: center;
    background-color: #eef14a;
    padding: 10px;
    /* color: #eee; */
    font-size: 200%;
}


.resultBlock {
    margin: 20px 0 20px 0;
    border: 1px solid lightslategrey;
	border-radius: 7px;
    padding: 10px;
	background: #fff;
	position:relative;
}

.searchFormcss {
    border: 5px solid lightslategrey;
    padding:10px;
    margin:10px auto 50px auto;
    /*background: url(newyear.png);
    color: #fff;*/
	position: relative;
}


.prog_actions {
	position:absolute;
	right:0;
	bottom:0;
}
.prog_actions div {
	display: inline-grid;
    padding: 3px 8px;
    cursor: pointer;
    margin: 0;
    border: 1px solid black;
}

.siteDesc {
	margin:10px 0 25px 0;
}
.siteDesc .desc {
}
.siteDesc .descHeading {
	font-size: 170%;
    color: #777;
    margin: 15px 0 15px 0;
}

.searchFormcss .city input {
	height:30px;
}
		
.SearchFormDiv {
    /* float: left; */
    display: inline-grid;
    margin-top: 20px;
    margin-right: 20px;
}

.SearchFormDiv select {
    width: 175px;
        
}



.ulogo img {
    width:200px;
}

.resultBlock .univ {
    font-size: 120%;
    margin-top: 5px;
    color: #000000;
    text-decoration: underline;
}

 .name {
    font-size: 150%;


}

.result-label {
	display:inline-block;
	font-weight:bold;
}

.startDate {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
	margin: 10px 0;
    background-color: #ff00008f;
    color: #fff;
    padding: 3px 6px;
}

	


.resultBlock .types, .resultBlock .topics {
    display: inline-block;
    margin: 5px 10px 0 0;
    padding: 5px;
    font-size: 90%;
    color: #eee;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    text-decoration: none;
    opacity: 0.7;
    font-size: 14px;
    /* margin-top: 5px; */
}
 
.resultBlock .topics {
    background-color: #007bb6;
}
.resultBlock .types {
    background-color: #008000;
}

.resultBlock .ptypes, .resultBlock .ptopics {
	display:inline-block;
	width:49%;
	margin-top:10px;
	vertical-align:top;
}

a.url {
	color:#999;
}


	
.resetButton{
	border: solid 1px #f7f7f7;
    border-radius: 3px;
    moz-border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,1.0);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,1.0);
    box-shadow: 0px 0px 2px rgb(150, 144, 144);
    font-size: 18px;
    color: #ffffff;
    padding: 1px 10px;
    background: #969696;
    width: 150px;
    line-height: 30px;
    margin-left: 30px;
}


.btn-style{
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );
	width: 200px;
    line-height: 30px;
}

.prog_start_dt .dt_header{
	/*background-color:#949494*/
}
.resultBlock .url {
    overflow: hidden;
    font-size: 90%;
    font-style: italic;
}

.searchFormcss .prog_name {
	    padding: 5px;
}
.resultBlock .extra  >div{
    display: inline-block;
	width:32%;
	vertical-align:top;
} 
.resultBlock .extra .e_header{
	font-weight:bold;
	/*background-color:#524f4f;
	padding:3px;*/
} 

.addAction {
	display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid black;
    padding: 0px 10px;
    font-size: 30px;
    color: white;
    background-color: #1da91d;
}

.dt_block {
    border-bottom: 1px solid black;
    width: 210px;
	margin: 0 0 20px 0;
}

.more, .nomore {
	width: 200px;
    border: 1px dashed lightgray;
    padding: 5px;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    cursor: pointer;
}

.loading {
    margin: 0 auto;
    display: block;
}


.chosen-container-single .chosen-single  {
	background:#fff;
}
/*radio button*/

input[type=radio], input[type=checkbox] {
  position: absolute;
  visibility: hidden;
  display: none;
}

label {
	display: inline-block;
    cursor: pointer;
    /* font-weight: bold; */
    padding: 5px 10px;
    margin-right: -4px;
    font-size: 75%;
	background: #fff;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
  color: #fff;
  background: #675f6b;
}

label + input[type=radio] + label, label + input[type=checkbox] + label {
  border-left: solid 1px #c0bec1;
}

.radio-group, .check-group {
  border: solid 1px #675f6b;
  display: inline-block;
  /*margin: 20px;*/
  border-radius: 10px;
  overflow: hidden;
}



/* -------------- */

.addthisCss {
	position: absolute;
    top: 110px;
    right: -25px;
}

.at-resp-share-element .at-share-btn
,.at-share-btn
,.addthisCss .at-share-btn  {
    display: block;
}


.resultBlock .desc {
    margin-top: 10px;
    padding: 10px 5px 10px 0;
    word-break: break-word;
    border-bottom: 1px solid gray;
    line-height: 20px;
}
.extra {
    margin-top: 15px;
	width: 100%;
}

.collectionForm {
	background-color: #fff278;
}

.BarRatingContainer {
    width: 90%;
    margin: 10px auto;
    padding: 2px;
    border: 1px dashed #e4e4e4;
}
.rating1 {
	background-color:#ff7070;
}
.rating2 {
	background-color:#ffb66c;
}
.rating {
    font-size: 12px;
    padding: 2px;
    box-sizing: border-box;
    text-align: left;
    font-weight: 600;
    color: #fff;
}
/* circle shape
.ratingContainer{
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    background: #ffb2b2;
    margin: 10px auto;
} 
.ratingContainer .rating {
    /* color: #fff;
    background: #f70000;
    height: 100%; 
    margin: 3px; 
    line-height: 20px;* /
}
*/


.header-img {
	max-width:1500px;
	width:80%;
	margin:0 auto;
	background-image: url(https://hsnavigator.org/wp-content/uploads/2020/01/blog.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
	color: #dcd4d4;
    padding: 11px;
	text-align:center;
	background-size: cover;
}
.header-img-title {
    color: inherit;
    margin: 0;
    letter-spacing: .25em;
    font-size: 24px;
	display:inline-block;
}

.container {
	/*display: flex;
	flex-wrap: wrap;
    align-items: flex-end;*/
}
.site-branding {
	flex:30%;
}
.nav {
	flex:70%;
}

.approve {
	margin-top: 20px;
    display: inline-block;
    background-color: #eefb9a;
    padding: 5px;
}
.action_edit img, .action_del img {
	width: 20px;
    height: 20px;
}

@media only screen and (min-width: 1024px) {
	.startDate {
	width: 210px;
    text-align: left;
    font-weight: 600;
	}
	.container {
		 margin:5px auto;
		 /*width:90%;*/
		 width:1024px;
		 /*color: #cccccc;*/
		 position:relative;
	}
	.ulogo {
		display: inline-block;
		max-width: 218px;
		/*float: left;
		width: 210px;
		display: block;
		position: absolute;*/
	}
	.resultBlock .content {
		display: inline-block;
		max-width: 750px;
		padding-left: 10px;
		vertical-align: top;
		width: 100%;
	}
	
	.resultBlock .desc {
		display: inline-block;
		/*width: 560px;*/
	}
	
	.dt_block {
		/* margin: 15px 0; */
		display: inline-block;
	}
	
	.dt_block >div {
		/* display: inline-block; */
		/* width: 46%; */
		/* vertical-align: top; 
		margin: 20px 0 0 10px;*/
	}
}

@media only screen and (max-width: 1023px) {
	 .container {
		 margin:5px auto;
		 width:95%;
		 max-width:1024px;
		 /*color: #cccccc;*/
		 position:relative;
	}

	
	

	
	.btn-style {
		width:150px;
	}
	
}

.resultMsg {
	background: #fff;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
	position:relative;
}
.resultMsg a {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #00cc00;
    padding: 5px 10px;
    font-size: 80%;
    color: #fff;
}
.myfavorite {
    position: absolute;
    top: -8px;
    right: 0px;
    color: red;
    border: 1px solid gray;
    background: white;
    font-size: 25px;
    padding: 0 5px;
    cursor: pointer;
	z-index: 1;
}


/*---- heart ****/
.heartContainer {
    position: absolute;
    top: 50px;
    right: -21px;
    color: #afaaaa;
    border: 1px solid gray;
    background: white;
    font-size: 25px;
    padding: 0 5px;
	cursor:pointer;
}
.colored {
	color:red;
}
/*---- heart ****/






.header .logo img {
	width:250px;
	padding-left: 5px;
}

@media (max-width: 1023px) {

	.header .logo img {
		width:200px;
	}
}
.header li a {
	color:#00710a;
	font-family: 'Montserrat', sans-serif;
}



/* =================================================== */

.resultsContainer {
	width:100%;
}

.dt {
	width: 260px;
    display: inline-flex;
    margin-right: 20px;
}

.resultBlock .userSelect {
    /*display: inline-flex; */
	display:none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0 10px 0 10px;
    background-color: #a5a5a58a;
	cursor:pointer;
}
.resultBlock .userActive {
    display: inline-flex;
}

.resultBlock .userHighlight {
    background-color: red;
}