@font-face {
    font-family: "Dosis Regular";
    src: url('DroidSans-webfont.eot');
    src: url('Dosis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{	
font-family: FontAwesome, 'Dosis',  Arial, sans-serif;		
}

a{	
color: #56698F;
text-decoration: none;		
}

.intLink { cursor: pointer; }
img.intLink { border: 0; }
#toolBar1 select { font-size:10px; }
#textBox {
  border: 2px;
  border-bottom-style: dashed;
  padding: 12px;
  overflow-x: auto;
  border-color:#E8E8E8;
}

#textBox:focus {
border-color: #E85F4A;	
outline: none;
border-bottom-style: dashed;
}

#textBox #sourceText {
  padding: 0;
  margin: 0;
  min-width: 498px;
  min-height: 200px;
}

#editMode label { cursor: pointer; }  
  
.fa-input {
  text-decoration:none;
  font-weight: normal;		
  border:none;
  background:none;
  font-size:20px;
  font-family: FontAwesome, 'Dosis',  Arial, sans-serif;
  padding:9px;
  color:#ADADAD;
}

.fa-input:hover {
	
color:#E85F4A;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;

}

select{
   border:none;
}
select:not(:checked) {
   color: gray;
}

input[type="checkbox"]{
	display: none;
}


input[type="file"]::-webkit-file-upload-button {
     text-decoration:none;
  font-weight: normal;		
  border:none;
  background:none;
  font-size:20px;
  font-family: FontAwesome, 'Dosis',  Arial, sans-serif;
  padding:9px;
  color:#ADADAD;
}
input[type="file"]::-webkit-file-upload-button:hover {
color:#E85F4A;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;

}


/* ---- login ---- */

.loginp{
	
width:20%;
margin-left:40%;
margin-right:40%;
   
}

.loginbody{
	
font-family: FontAwesome, 'Dosis',  Arial, sans-serif;	
background: #8AB839;
color:#F2F2F2;

}

.loginbutton{
	
  height: 40px;	
  width: 100%;	
  padding: 5px;
  background:#6C8F31;
  color:#F2F2F2;
  border:none;
  margin-bottom: 20px;
   
}

.loginbutton:hover{
	
background:none;
color:#F2F2F2;
border:2px solid white;

-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;

}

input[type=text],input[type=password],textarea {
    
	font-family: FontAwesome, 'Dosis',  Arial, sans-serif;	
	width: 100%;
    padding: 10px 10px;
    margin: 4px 0;
    box-sizing: border-box;
	margin-bottom: 20px;
	border: none;
	border-color: #E8E8E8;	
	outline: none;
	border-bottom-style: dashed;

}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
    

	border-color: #E85F4A;	


}

.select {
    
	background: none;
	font-family: FontAwesome, 'Dosis',  Arial, sans-serif;	
	font-size: 15px;
    padding: 10px;
    margin: 4px 0;
    box-sizing: border-box;
	margin-bottom: 20px;

}

.error{
	color: #6C8F31;
}

.logo{
	margin-bottom:40px;
}

.centerbox{

background:#fff;
margin-left:20%;
margin-right:20%;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);

}

.postbody{
	
background:#f2f2f2;	
	
}

.toppanel{
color:white;
padding-left:5px;
padding-top:10px;
position: fixed;
background:#3f3f3f;
z-index:1000;
top:0px;
left:0px;
width:100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	
}

.toppanelbtn{padding:10px;color:white;}
.toppanelbtn:hover{color:#8AB839;transition: 0.3s;}

.toppanelsubmit{
  font-size:100%;
  text-decoration:none;	
  border:none;
  background:none;

  color:white;
}

.toppanelsubmit:hover {
	
color:#8AB839;transition: 0.3s;

}