@import "bootstrap";

@import "fontawesome/font-awesome";

@import "qi_css/reset";
@import "qi_css/grid";

@import "redactor";


#main{
min-height:600px;

}
.icon{
border:1px solid #0088cc;
display:inline-block;
padding:6px;
border-radius:50%;

text-align:center;
background:white;

&:hover{
background:#0088cc;
color:white;
text-decoration:none;
}


}
.footer{
background:rgba(244,243,239,1);
padding:2em;
}
.transparent{
td, th{
background-color:transparent !important;}
}
#main{
padding:0 1em;
}


.container-fluid{
max-width:1100px;
margin:auto;

}

h1{
margin-top:10px;
}

	
	
.message{
min-height:150px;
border:1px solid black;
margin:1em 1em 0 1em;

}

.right{float:right;}





.forum_message{
	border-radius: 0 2em 0 2em ;
	border:1px solid rgba(244,243,239,1);
	position:relative;
	margin-bottom:1em;
	min-height:120px;

	.left{
	
		border-radius :0px 0px 0px 2em ;
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		width:150px;
		background:rgba(244,243,239,1);
		text-align:center;
		padding:10px;
		
		
		
		*{
			text-align:center;
		}
		
		.avatar{
			width:90px;
			border-radius:60%;
    
			margin:auto;
      margin-bottom:1em;
		}
	
	}

	.right{
		min-height:150px;
		margin-left:170px;
		padding:10px 2%;
		line-height:1.1em;		
		float:none;	
    position:relative;
			
		img{
		max-width:100%;
		max-height:90%;
    display:block;
    margin:1em auto;
    
			
		}
		
			
		.large{
		max-width:100%;
		margin-left:0px;
			
			
		}
		
		.links{
			position:absolute;
      top:-1.2em;
      right:1em;
		
		}
	}
	
	
	
	
	

}

.user_images{
	width:450px;
  box-shadow:0 0 5px rgba(0,0,0,0.5);
	position:fixed;
  bottom:2em;
  right:-450px;
  top:100px;
  background:white;
  padding:0;
  padding-left:20px;
  
  h3, a{
  color:black;
  }
  
  .toggle-button{
  font-size:25px;
  color:white;
  background:rgba(24,24,24,0.9);
  width:45px;
  height:45px;
  text-align:center;
  padding:10px;
  position:absolute;
  top:0px;
  left:-45px;
  .c{
  display:none;
  }
  }
  
  
  &:hover{
  right:0px;
  .o{
  display:none;
  }
  .c{
  display:block;
  }
  }
  
	.progress{
	
		float:right;
		width:250px;
		
		.bar{
		text-align:right;
		}
	}

input[type=file]{
	display:none;
		
}
	.images{
		height:400px;
		overflow:auto;

	
		.user_image_block{
			padding:5px;
			float:left;
			width:120px;
			
			min-height:140px;
			text-align:center;
			margin:5px;
			.user_image{
			cursor:pointer;
			display:block;
			margin:auto;
				max-width:120px;
				max-height:120px;
			
			
			}
		}
	}

}

.redactor_box{
border:0px !important;
background:transparent !important;
}
.message_form{	

	.form{
		width:60%;
		
		float:left;
		.ace_editor{
			height:400px;
			width:57%;
			border:solid 1px #C9C9C9;


			.ace_scroller{


				background:transparent !important;
			}




		}
	}


	
	}
#toolbar-text{

background: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
z-index:10;
position:fixed;
top:50px;
left:0px;
right:0px;

.redactor_toolbar{
border:0px;
margin:5px 0 !important;
background:transparent !important;
}
}


.fix-submit{
z-index:10;
position:fixed;
top:50px;
margin-top:0px;
right:1em;

}

.clear{
  
  clear:both;
}