html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}

@font-face {
	font-family: se_font;
    src: url(fonts/roboto/Roboto-Regular.ttf);
}
 

#main_srch_window {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: flex;
	background: white;
	padding-bottom: 35px;
	box-sizing: border-box;
	min-height: 750px;
	height: 100%;
	font-family: se_font, sans-serif, arial;
}



#se_holder_left, #se_holder_center, #se_holder_right {
  height: 100%;
  padding: 5px;
  background-color: white;
}

#se_holder_left {
	width: 5%;
}

#se_holder_center {
  width: 50%;
}

#se_holder_right {
  width: 20%;
  margin-left: 5%;
  margin-top: 50px;
}

#adv_holder {
	background: white;
}

#search_holder {
	margin-top: 15px;
}

#q_Panel {
	position: absolute;
	BACKGROUND-COLOR: white;
	opacity: 1.0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 700;
	transition: right 1s;
	padding: 10px;
	border: 3px solid #c6cedf;
	border-radius: 5px;
	font-size: 18px;
	color: #2080ce;
	top: 2%; 
	box-sizing: border-box;
	display: none;
}

#q_inner {
	position: relative;
}

#q_answers {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 16px;
	color: black;
}

#vote_thanks {
	position: relative;
	font-size: 22px;
	border-top: 5px solid gray;
	padding-top: 10px;
	margin-top: 20px;
	transition: height 1s;
	height: 0%;
}

#human_powered {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#get_involved {
	border-top: 2px solid gray;
	padding-top: 10px;
	font-size: 16px;
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
}

#close_q_p, #close_thanks {
	position: absolute;
	top: -12px;
	left: -10px;
	cursor: pointer;
}

#close_thanks {
	top: -13px;
	left: -1px;
}


.humans {
	color: red;
	font-style: italic;
}


.pop_window, .pop_window_red {
	POSITION: absolute; 
	DISPLAY: none;
	width: 200px; 
	padding: 5px; 
	BORDER: 3px solid #6a7faa;  
		border-radius: 5px;
	BACKGROUND-COLOR: white; 
	z-index: 800;
	top: -25px;
	right: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: left;
}


.pop_window_red {
	BORDER: 3px solid red;  
}


.report_issued {
	BORDER: 2px solid red; 
	border-radius: 5px;
}

.vote_issued {
	BORDER: 2px solid green; 
	border-radius: 5px;
}


/* this is for each Review issued  */
.comments_container, .comments_container_red {
	position: relative;
	margin: 5px;
	padding: 5px;
	padding-bottom: 10px;
	border: 1px solid #d7d3e2;
	border-bottom: 5px solid #d7d3e2;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
	background-color: #fafafa;
}

.comments_container_red {
	border-bottom: 5px solid red;
	background-color: white;
}

.member_name, .posting_date {
	display: inline;
	font-size: 14px;
}

.posting_date {
	color: gray;
	position: absolute;
	right: 5%;
}

.review_comments {
	margin-top: 10px;
	margin-bottom: 10px;
}

#team_image {
	POSITION: absolute; 
	width: 100px;
	height: 50px; 
	bottom: 5px;
	right: 5px;
}


.char_rem {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 10px;
	text-align: left;
}	

.sub_butns {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.submit_butn, .close_butn {
	display: inline-block;
	padding: 5px;
	border: 3px solid #3399FF;
	border-radius: 3px;
	color: #3399FF;
	font-size: 16px;
	cursor: pointer;
}

.close_butn {
	border: 3px solid gray;
	color: gray;
}

.submit_butn:hover {
	background: #3399FF;
	color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.close_butn:hover {
	background: gray;
	color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.char_rem_val {
	font-size: 12px;
}

/*  used by Top_Nav search field - START */
.search_input_w {
	padding: 5px; 
	font-size: 18px; 
	color: black;
	border: 2px solid #fecc00;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	BACKGROUND-COLOR: lemonchiffon;
	 box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
	width: 70%;
}


.search_input_w:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.search_button_new {
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	padding: 5px;
	border: 2px solid white;
	color: white;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #61B329;
}

.search_button_new:hover {
	background: #ff7b00;
}
/*  used by Top_Nav search field - END */

#adv_mix_cls {
	padding: 5px;
	font-size: 0.8rem;
	font-weight: bold;
	color: navy;
	background: white;
	padding-bottom: 20px;
	margin-top: 25px;
}

.clicked_border {
	border-left: 2px solid red;
}

.search_item  {
	position: relative;
	border: 2px solid white;
	border-top: 2px solid #d3d3d3;
	padding: 5px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	display: flex;
	min-height: 90px;
	height: auto;
}

.search_item:hover {
	border: 2px solid #d3d3d3;
}


.search_val_holder {
	width: 75%;
	margin-left: 5px;
	vertical-align: top; 
}

.search_actions {
	margin-left: 5%;
	width: 15%;
	right: 5px;
	top: 10px;
}

.search_val_miss {
	float: right;
	width: 50%;
	right: 5px;
	top: 5px;
	border: 1px solid orange;
	border-radius: 3px;
	padding: 5px;
}

.cw_action_holder {
	text-align: right;
	margin-bottom: 5px;
	position: relative;
}

.rev_holder {
	display: inline-block;
	padding: 2px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	text-align: center;
	margin-left: 1px;
}

.rev_counter {
	display: inline-block;
	color: orange;
	font-weight: bold;
	cursor: pointer;
}

.rev_counter:hover {
	border-bottom: 1px solid blue;
}

.rev_counter_zero {
	display: inline-block;
	color: gray;
}

.pop_coms_holder {
	POSITION: absolute; 
	width: 300px; 
	padding: 5px; 
	BORDER: 3px solid #6a7faa;  
	border-radius: 5px;
	BACKGROUND-COLOR: white; 
	z-index: 800;
	DISPLAY: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	right: 100%;
	top: 5px;

	max-height: 250px; /*  This is Default value in case there are NO comments to hold in here  */
	overflow-y: scroll;
	overflow-x: hidden;

}

.box_comment {
	POSITION: absolute; 
	DISPLAY: none;
	width: 250px; 
	padding: 5px; 
	BORDER: 3px solid #6a7faa;  
	border-radius: 5px;
	BACKGROUND-COLOR: white; 
	z-index: 800;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	right: 100%;
	top: -50px;
	text-align: center;
	box-sizing: border-box;
}

.com_text_area {
    height: 150px;
    width: 95%;
	BACKGROUND-COLOR: white; 
	border: 1px solid #d3d3d3;
	padding: 5px;
	text-align: left;
}

.com_text_area::placeholder {
  color: gray;
}


.comments_anim_container {
	display: none;
	text-align: center;
	margin: 10px;
}


.like_by_list, .report_by_list {
	background: #4ECB4A;
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

.report_by_list {
	background: red;
}

.usr_like_hold {
	padding-bottom: 10px;
}

.usr_like_name {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	font-size: 14px;
}

.like_icon_holder {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

.rev_icon_holder {
	display: inline-block;
	cursor: pointer;
}

.rev_icon_holder:hover {
	border-bottom: 1px solid blue;
}

#pagef_holder {
	margin-top: 40px;
	border: 1px solid #d3d3d3;
	text-align: center;
	font-size: 18px;
}

.disp_more {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

.date_holder {
	display: inline-block;
	margin-right: 5px;
	color:  #d3d3d3;
	font-size: 14px;
}

.report_sel {
	font-size: 14px;
	width: 100px;
	background: white;
}

.icon_circle {
	border: 1px solid #f9f9f9;
	padding: 5px;
	background: white;
	border-radius: 50%;
	cursor: pointer;
	vertical-align: middle;
}

.error_action_pop {
	position: absolute;
	background: red;
	color: white;
	padding: 5px;
	font-size: 18px;
	z-index: 500;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 250px;
	display: none;
	top: 100%;
	right: 100%;
}

.good_action_pop {
	background: #3399FF;
	position: absolute;
	color: white;
	padding: 5px;
	font-size: 18px;
	z-index: 500;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width: 250px;
	display: none;
	bottom: 100%;
	right: 100%;
}

.error_action_rev {
	background: red;
	color: white;
	padding: 5px;
	font-size: 18px;
	z-index: 500;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 5px;
	margin-bottom: 15px;
}


.report_pop_find {
	POSITION: absolute;
	display: none;
	width: 200px; 
	padding: 5px; 
	BORDER: 3px solid #6a7faa;  
	border-radius: 5px;
	BACKGROUND-COLOR: white; 
	z-index: 800;
	DISPLAY: none;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	right: 100%;
	top: -25px;
	text-align: left;
}

.report_top {
	margin: 5px;
	margin-bottom: 10px;
	background: navy;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	cursor: auto;
}

.report_item_find {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid red;
	border-radius: 5px;
	background: white;
	color: red;
	font-size: 14px;
	padding: 5px;
	cursor: pointer;
}

.report_item_find:hover {
	background: red;
	color: white;
}

#error_list_uni {
	position: fixed;
	width: 70%;
	left: 15%;
	top: 20%;
	background: white;
	border: 5px solid red;
	border-radius: 5px;
	padding: 10px;
	z-index: 900;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#error_printer_head_con {
	margin: 5px;
	margin-bottom: 10px;
}

#error_printer_head_labl {
	display: inline-block;
	padding: 5px;
	background: red;
	color: white;
	font-size: 20px;
	font-weight: bold;
}

.sign_in_up {
	font-size: 18px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #d3d3d3;
	padding: 5px;
}

.error_printer_items {
	margin: 5px;
	margin-bottom: 5px;
	border: 1px solid red;
	border-radius: 5px;
	padding: 5px;
}

.on_mo_action {
	display: inline-block;
	border-bottom: 1px solid blue;
	cursor: pointer;
}

.on_mo_action:hover {
	border-bottom: 1px solid red;
}

.adm_holder {
	border: 1px solid blue;
	position: absolute;
	min-width: 60%;
	width: auto;
	bottom: -10px;
	left: 20%;
	background: white;
}

.adm_parts {
	float: right;
	margin-right: 5px;
}

#loading_anim {
	text-align: center;
	display: none;
}


/*  Search Result Recorder - START */

.tug_holder {
	cursor: pointer;
	margin-bottom: 1px;
	font-size: 16px;
}

.tug_icon {
	vertical-align: middle
	width: 16px;
	height: 16px;
}


#footer_top {
	background: #f9f9f9;
	margin-top: 50px;
	display: flex;
	text-align: center;
	padding: 10px;
}

.box_loader {
	background: white;
	box-sizing: border-box;
	width: 30%;
	padding: 5px;
	border: 1px solid #d3d3d3;
    cursor: pointer;
	text-align: left;
	margin-left: 3%;
}

.box_loader:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.info_header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: dosis_bld;
	color: #6b0080;
}

.info_body {
	font-size: 14px;
	font-family: dosis_med;
}

.get_info_icon {
	vertical-align: top;
	width: 16px;
	height: 16px;
	border: 1px solid #d3d3d3;
	border-radius: 50%;
	margin-right: 1px;
}

.normal_sreen_prsnt {
	display: inline-block;
}



.search_val_hiden { 
	overflow: hidden;
}

.ad_brief_desc {
	width: 90%;
	white-space: nowrap;
}

.search_q_head, .search_q_res {
	font-family: amsi-pro-ultra-narrow;
	font-size: 22px;
}

.search_q_res {
	font-family: cabins_ketch_bold;
}

#q_Panel {
	font-family: economica_bold;
	font-size: 16px;
}

.tug_holder {
	font-size: 18px;
}

.green-leaf-list {
    list-style: none;
    padding-left: 0;
}
.green-leaf-list li {
    position: relative;
	background: #f9f9f9;
	font-weight: normal;
	margin: 0; /* To remove default bottom margin */ 
	padding: 5px;
	padding-left: 30px;
	margin-top: 10px;
}
.green-leaf-list li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url('images/leaf.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
	opacity: 0.75;
}

.section_q_head {
	background: #22cbaa;
	color: white;
	font-size: 20px;
	padding: 5px;
}

.greenshoot_under_ftop {
    border-bottom: 1px solid #00bfb5;
}

.red_under_top {
	border-bottom: 1px solid red;
}

.bold_ftop {
	font-family: amsi-pro-ultra-narrow;
}

/* Apr/2/21 for Anti Hacking Section */

#pop_human_check {
	position: absolute;
	background: white;
	z-index: 1000;
	width: 90%;
	left: 5%;
	top: 5%;
	bottom: 10%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#pop_human_head {
	margin: 10px;
	padding: 5px;
	background: red;
	color: white;
	font-family: economica_bold;
	font-size: 30px;
}

#pop_human_body {
	margin: 10px;
	padding: 5px;
	border: 2px solid #d3d3d3;
	font-family: economica_reg;
	font-size: 30px;
}

.pop_human_wrap, .pop_human_sub {
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 10px;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	padding: 5px;
}

.pop_item_labl, .pop_item_val {
	display: inline-block;
	font-family: economica_bold;
	font-size: 22px;
	width: 30%;
}

.pop_item_val {
	display: inline-block;
	font-family: economica_reg;
	padding-left: 10px;
	border-left: 3px solid gray;
	position: relative;
}

.pop_human_sub {
	text-align: center;
	padding: 15px;
}

#bad_sum_nums {
	position: absolute;
	background: red;
	color: white;
	padding: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 1100;
	width: 200px;
	left: 100px;
	top: -40px;
}

.no_match_found {
	border: 1px solid red;
	padding: 5px;
}

.general_wrap {
	margin-bottom: 10px;
}

.error_head_lbl {
	display: inline-block;
	background: red;
	color: white;
	padding: 5px;
}

.mobile_show_stat {
	display: inline-block;
}


@media only screen and (min-device-width: 300px) and (max-device-width: 480px) {

	#se_holder_left, #se_holder_right {
		display: none;
	}

	#se_holder_center {
		width: 98%;
		margin-left: 1%;
	}


	#get_involved {
		display: none;
	}

	#error_list_uni {
		width: 80%;
		left: 10%;
	}

	.box_comment {
		width: 200px;
	}

	.submit_butn, .close_butn {
		font-size: 14px;
	}

	#bix_3, .normal_sreen_prsnt {
		display: none;
	}

	#bix_1, #bix_2 {
		width: 45%;
	}

	#error_messages {
		font-size: 16px;
	}

	.mobile_show_stat {
		display: none;
	}



}