@font-face {
    font-family: mahanuni;
    src: url(../fonts/mahanuni_2.ttf);
}

body{ background-color:#007f12; font-family: mahanuni, Arial, Helvetica, san-serif;}

.header{ background-color:#d9eca8; border-bottom:3px solid #007f12;}
.logo{ padding:8px 0px;}

.user-icon{ width:60px; height:60px;}
.user-icon img{ padding:4px; margin:13px;}
.dropbtn { border: none; cursor: pointer;}
.dropbtn:hover, .dropbtn:focus {background-color: #3e8e41;}
.dropdown {float: right; position: relative; display: inline-block;   }
.dropdown-content {background-image:url(../images/arrow.png); background-position:top right; background-repeat:no-repeat; display: none; position: absolute;  border-radius:6px;   min-width: 260px; overflow: auto; box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2); right: 0; z-index:2;  padding-top:8px; margin-top:-15px;}

.dropdown-content span { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown-content a { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}
.show2 {display:block;}
.btn-set{ color:#fff!important;}
.btn-set:hover{color:#000!important;}



.dropdown-content3 {background-image:url(../images/arrow.png); background-position:top right; background-repeat:no-repeat; display: none; position: absolute;  border-radius:6px;   min-width: 120px; overflow: auto; box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2); right: 0; z-index:2;  padding-top:8px; margin-top:-5px; margin-right:-15px;}
.dropdown-content3 span { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown-content3 a { color: black; padding: 6px 16px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #f1f1f1}
.show3 {display:block;}


.top-left{ text-align:right; line-height:70px;}
.top-left a{ color: #333; font-size:14px; text-decoration:none; padding:10px 15px; line-height:36px;}
.top-left a:hover{ color: #FFF;  background-color:#007f12; text-decoration:none;}

.dropbtn2 { padding:15px; cursor: pointer; }
.dd-menu{position:absolute; right:10px; top:0px;}

.drop-user-left{width:25%; float:left; padding-right:10px; }
.drop-user-left img{ margin:5px;}
.drop-user-right{width:75%; float:left; padding-top:5px; }
.fixed {position:fixed!important; top:0; left:0; z-index:1; width:100%; box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.4); }
.drop-user-buttom{ padding:10px; background-color:#cdcdcd; border-top:1px solid #CCC;}
.search-container{ background-color:#eef9d1; position:relative;}
#keyboard { 
	position: absolute; 
	display: none; 
	border: 1px solid #BDBDBD;
	padding: 1px; 
	cursor: move;
	padding:9px;
	background-color:#FAFAFA;
	width:320px;
	left:20px;
	border-radius:4px;
	text-align:center;
	
	margin-top:-40px;
	box-shadow:10px 10px 5px #888888;
	z-index:9;
}

.tab-logo{ display:block!important;}
#tab-logo-hidden{display:none;}

.search-box{ background-color:#FFF; border-radius:8px; padding:15px; border:1px solid #CCC; }
.search_tagline{ font-size:24px; line-height:52px;}
.ser_box{background-color:#619309;  border:3px solid #619309; border-radius:50px; padding-right:40px;}
.ser{ border-radius:50px; background-color:#b0d76b; color:#000}
.sericon{position:absolute; width:40px; height:50px; right:5px; top:0px; z-index:0; font-size:22px; padding:0px; color:#FFF;}
.keyicon{position:absolute; width:40px; height:50px; right:30px; top:0px; z-index:0; font-size:22px; padding:2px; color:#FFF;}
.ser-redio-box{ margin-bottom:10px; padding-top:10px;}
.buttom-bar{background-color: #008c00;  height: 35px; color:#FFF; line-height:33px;}
.copy{ width:30%; float:left;}
.link{width:70%; float:right;}
.footer-link { text-align:right;}
.footer-link a{ color:#FFF; text-decoration:none; padding:10px 8px;}
.footer-link a:hover{ color:#333;  background-color:#f0f5e3; text-decoration:none;}

.main-box{ background-color:#FFF; border-radius:6px; margin-top:15px;}

.main-box h1{ color:#007f12; font-size:24px; line-height:42px; border-bottom:2px solid #007f12;}
h1 a{ color:#007f12; font-size:18px; }
h1 a:hover{ color:#666; }

.main-box p{ line-height:26px;}
.topic-detail{ color:#007f12; font-size:14px; line-height:26px; text-align:right; } 

.right-link a{ color:#333; display:block; text-decoration:none; padding:5px; margin-right:30px;}
.right-link a:hover{  color: #000; display:block; text-decoration:none; }

.feed h1{background-color:#007f12; color:#FFF; padding:5px 15px; border-radius:6px; margin:0px;}
.feed-comm{ background-color:#dbe6bf; border-radius:6px; padding:10px 0px; margin-top:1px; }
.feed-name{text-align:right; font-weight:bold; border-top:1px solid #999; font-size:14px; line-height:32px;}


.team{ padding:20px 0px;}
.team h3{ color:#007f12!important; font-size:21px; line-height:42px; font-weight:bold; }
.team small{ font-size:14px; font-weight:bold;}
.team p{ line-height:24px;}

