@import "bootstrap";
@import "fontawesome/font-awesome";
@import "./redactor";

.translucide{
max-width: 900px;	
padding: 30px;	
margin: 20px auto ;	
background:rgba(255,255,255,.7);  	
border-radius :5px;	
box-shadow: 0 1px 2px rgba(0,0,0,.05);
color:rgba(0,0,0,.5);
label{  color:rgba(0,0,0,.5);  }
p:last-child{    margin-bottom:0px;}
}


.download_link a{

display:block;
padding:5px 10px;
border: 1px solid rgba(84,132,187,1);
border-radius:3px;
margin:1em 0;
&:hover{
background:rgba(84,132,187,.1);
text-decoration:none;

}
}


img{
max-width:100%;
}
.row{
//margin-left:0px;
//margin-right:0px;
}
.form-signin {
	max-width: 900px;
	padding: 30px;
	margin: 0 auto 20px;
	background:rgba(255,255,255,.7);
  
	border-radius :5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
  opacity:0;
  color:rgba(0,0,0,.5);
  label{
  color:rgba(0,0,0,.5);
  }
  p:last-child{
  
  margin-bottom:0px;
  }

}

.white_block{

background:rgba(250,250,250,0.9);
border-radius:4px;
}

.pad{
padding:10px;
}
.student_users{

tr th{
background:transparent !important;
}
}
#topic_app_index{

	
  


	#left{
  
  li{
  a{
  background:rgba(250,250,250,0.9);
  
  
  }
  &.active{
  a{
    background:rgba(66,139,202,0.9);
  }
  }
  
  }
	
	}
	
	#topic_show{
  
	
  .note_files{
  padding:10px;
    background:rgba(84,132,187,.4);
  }
  
  .note_file{
  
		margin:8px 0px;
		
		img{
    height:40px;
    }
    
    
    
	}
		
		.note{
    border-radius:4px;
    margin-bottom:1em;
    background:rgba(250,250,250,0.9);
    
    .note_content{
    padding:10px;
    
    }
    }
		

	
	}


  }


















#menu_top{
background:rgba(84,132,187,0.5);
border-radius:0;
border:0;
color:rgba(255,255,255,.9);

a{
color:rgba(255,255,255,.9);
}

.dropdown ul{
a{
color:rgba(0,0,0,.9);
}
}

}

#main{
min-height:600px;

}

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

.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;
}


}

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

}

h1{
margin-top:10px;
font-family:Stylograph;
}

.student_users{

td{
vertical-align:middle !important;
}
}
	
.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:430px;
  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:25px;
  height:25px;
  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:40px;
left:0px;
right:0px;

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


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

}

#flashs{
	position:fixed;
	bottom:0px;

	right:1em;
	min-width:600px;
	width:50%;

}