body{
	margin:0px;
	padding:0px;
	background: #151515; /*theme*/
}
body.login, #sch_header{
	/*background:#f5f5f5;*/
	background:url(../images/back6.png); /*theme*/
}
body.login, #sch_headerSA{
	/*background:#f5f5f5;*/
	background:url(../images/back10.png); /*theme*/
}
body.login.student, #sch_header.student{ /*theme for student account*/
background:url(../images/back7.jpg);
/*background:#333;*/
margin-right:0px;
}
textarea { /*Disable resizing of the textarea in Chrome*/
    resize: none; 
}
.login #sch_header{background:none;}
.row {
  margin-left: 0px;
  margin-right: 0px;
}

.successinfo {
  padding: 5px;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
  color: #468847;
  border: 1px solid #d6e9c6;
  margin: 10px 0px 10px 0px;
  background-color: #dff0d8;
	
}

.errorinfo {
  padding: 5px;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
  color: #a94442;
  border: 1px solid #ebccd1;
  margin: 10px 0px 10px 0px;
  background-color: #f2dede;
}

.errorinfo.list {
   text-align: left;
}

.container-fluid{
	padding:0px;

}
.container{
	width:1280px;
	position:relative;
	/*border:1px dashed green;*/
}
.container.in{
	/*background:#fff;*/
	/*border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;*/
}

#footer{
	text-align: center;
	font-size:12px;
	color:#fff;
	padding:10px 0px 10px 0px;
}
#top_nav{
	position:fixed;
	width:100%;
	margin:0px;
	padding:0px;
	z-index: 100;
}
.navbar{
	border:none;
	margin-bottom:0px;
}
#top_nav, .navbar{
	background: #151515; /*theme*/
}
.navbar-brand-img{
	background:url(../images/fc_logo.png) no-repeat 10px;
	padding-left:170px;
}
.navbar-brand-plus-img{
	background:url(../images/fc_plus_logo.png) no-repeat 10px;
	padding-left:170px;
}

#sch_header{
	/*position:fixed;
	width:100%;
	top:50px;*/
	margin:0px;
	margin-top:50px;
	z-index:99;
	padding:20px 0px 30px 0px;
}

#sch_header h1, #sch_header h3{
	padding-left: 10px;
	color:#fff; /*theme*/
}
#sch_header h3{
	margin-top:0px;
}

#school_logo{
	width:100px;
	height:100px;
	float:left;
	margin-right:20px;	
}

#sch_headerSA{
	/*position:fixed;
	width:100%;
	top:50px;*/
	margin:0px;
	margin-top:50px;
	z-index:99;
	padding:20px 0px 30px 0px;
}

#sch_headerSA h1, #sch_headerSA h3{
	padding-left: 10px;
	color:#fff; /*theme*/
}
#sch_headerSA h3{
	margin-top:0px;
}


/*inside pages*/

#content_row{
	/*margin-top:205px;*/
	background:#E9EAED;
	padding-bottom:20px;
	min-height:550px;
}

#design_content_row{
	/*margin-top:205px;*/
	background:#fff;
	padding-bottom:0px;
	min-height:50px;
}

#directory{
	background:#eceff2;
	border:1px solid #e1e3e6;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding-top:5px;
	padding-bottom:10px;
}

#directory .folder_settings{
	padding:10px 10px 5px 10px;
	margin-bottom:20px;
	border-bottom:1px solid #d6dde4;

}

#content_area{
	padding-top:20px;
}

#content_area h1{ 
	color:#3399f3; /*theme*/
	margin:0px;
	margin-bottom:20px;
	font-size:30px;
}

.glyphicon.glyphicon-folder-open{ /*if no padding, the icon gets cutoff in Chrome*/
	padding-right:5px;
}


/*For all modals*/

.modal-header{
	background:#3e648d; /*theme*/
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	padding:10px;
}

.modal-title, .close{
	color:#fff;
}
.modal-body{
	padding-bottom:0px;
	margin:0px;
}

.modal-footer{
	padding:0px 20px 20px 0px;
	border-top:none;
}

/* USED IN THE SWITCH BETWEEN ACCOUNTS */
.mini_avatar{
	width:20px;
	margin-right:4px;
}

/*when the screen is in mobile size*/
@media screen and (max-width: 1200px) {
	.container{
		width:100%;
	}
	#content_row{
		margin-top:0px;
	}
	#directory{
		position:relative;
	}
	.tab_vid td{
		font-size:10px;
	}
	.vid_thumbs{
		width:50px;
		height:33px;
	}

	#searchbox, #select{
		width:300px;
	}

	.delete_vid{
		margin-top:5px;
		padding-top:5px;
		padding-left:15px;
		border-top:1px solid #ddd;
	}
	.btn.btn-primary.btn-xs{
		font-size:9px;
	}
	.btn-sm.editable-submit, .btn-sm.editable-cancel{
		font-size: 9px;
		padding:3px 5px 3px 5px;
	}
	.editableform .form-control.input-sm{
		font-size: 10px;

	}
	.editableform .form-control.input-large	{
		font-size:10px;
	}
}

/*Announcement setup for student and admin studen preview page*/
.announcetop{
        border-bottom: 1px solid #5D85B1;
        background: #5D85B1; 
        text-align: center;
        color: #FFFFFF; 
        font-weight: bold;
}

.announce_minimize{
	float:right;
	background: #4B698B; 
	padding:3px 10px;
	font-size:10px;

}
.announce_minimize a{
    color: #FFFFFF; 
}

.announce_area{
    border: 1px solid #5D85B1;
    margin-bottom: 10px;
    
}

.noannouncement{
    text-align: center;
    padding: 3px;
    /* background: #FDF98B; */
    color: #5D85B1;
    font-weight: bold;
    border: 1px dashed #5D85B1;
}

.announce_area table{
    width:100%;
}

.announce_content{
    padding: 10px;
}


.navbar-inverse .badge.notify{
	background-color: #BD0C0C;
  	color: #FFFFFF;
}
/* ------ Notification  ------*/
.dropdown-menu.not{
	padding-bottom:0px;
}
.dropdown-menu li.outside{
	padding: 5px 10px 10px 3px;
	font-size:12px;
	border-bottom:1px solid #ddd;
	margin-top:0px;
}

.dropdown-menu li.outside td:first-child{
	font-size:13px;
	color:#000;
	padding-left:10px;
}
.dropdown-menu li.outside td:last-child{
	text-align: right;
}


.dropdown-menu .notify{
	max-height:300px;
        overflow-y: auto;
	overflow-x:hidden;
	padding:0px;
}
.dropdown-menu .notify > li {
  display: block;
  padding: 10px 5px 10px 5px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  /*white-space: nowrap;*/
  font-size: 12px;
  border-bottom:1px solid #ddd;
  width:400px;
  background:#edeff5;
}

.dropdown-menu .notify > li a{
	display:block;
}

.dropdown-menu .notify > li:last-child{
	text-align: center;
	border-bottom: none;
}
.dropdown-menu .notify > li:hover,
.dropdown-menu .notify > li.seen:hover{
	background:#f6f7f8;
	cursor: pointer;
}
.dropdown-menu .notify > li table td{
	vertical-align: top;
	padding:0px 4px 0px 0px;
}
.dropdown-menu .notify > li .user_avatar{
	width:32px;
	height:32px;
}
.dropdown-menu .notify > li span.avatar_name{
	color:#000;
}
.dropdown-menu .notify > li span.date_time{
	color:#9e9e9e;
}
.dropdown-menu .notify > li span.types{
	color:#3399f3;
	font-weight:bold;
}
.dropdown-menu .notify > li.seen,
.dropdown-menu .notify > li.none{
	background:#fff;
}

/*End of Announcement setup for student and admin studen preview page*/

/*error alert */
.alert-danger
{
    padding:10px 15px;
}

/* FOR SHARING icons IN ALL PAGES 06/04/16 */

.share_round {
    height: 18px;    
   	border-radius: 3px;
    text-align: center;
    color: #cb3939;
   	display: inline-block;
   	border:1px solid #cb3939;

   
}
.share_round{
	font-size:10px;
	padding:0px 5px;
	vertical-align: top;
	
}
.share_round.share{
	color: #3399f3;
	border:1px solid #3399f3;
}

#hearts { color: #cb3939;margin-right:10px;cursor:pointer;}
#hearts-existing { color: #cb3939;}
span.countnum{font-size:12px;}


/* ------ Sharing - Dropdown select picker  ------*/
.btn-selectp {
  color: #666;
  background-color: #ffffff;
  border-color: #ccc;
  text-shadow:none;
}
.btn-selectp:hover,
.btn-selectp:focus,
.btn-selectp:active,
.btn-selectp.active,
.open .dropdown-toggle.btn-selectp {
  color: #666;
  background-color: #ffffff;
  border-color: #ccc;
}
.btn-selectp:active,
.btn-selectp.active,
.open .dropdown-toggle.btn-selectp {
  background-image: none;
}
.btn-selectp.disabled,
.btn-selectp[disabled],
fieldset[disabled] .btn-selectp,
.btn-selectp.disabled:hover,
.btn-selectp[disabled]:hover,
fieldset[disabled] .btn-selectp:hover,
.btn-selectp.disabled:focus,
.btn-selectp[disabled]:focus,
fieldset[disabled] .btn-selectp:focus,
.btn-selectp.disabled:active,
.btn-selectp[disabled]:active,
fieldset[disabled] .btn-selectp:active,
.btn-selectp.disabled.active,
.btn-selectp[disabled].active,
fieldset[disabled] .btn-selectp.active {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-selectp .badge {
  color: #ffffff;
  background-color: #555555;
}

.selectp .btn-group.open .dropdown-toggle {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.selectp .dropdown-menu > li.selected > a {
    color:#379bf3;
}
.selectp .dropdown-menu > li.selected > a:hover {
    color:#fff;
}

.selectp-sm .btn-group.open .dropdown-toggle {
  border-color: #66afe9;
  font-size: 12px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.selectp-sm .dropdown-menu{
    font-size:12px;

}
.selectp-sm .dropdown-menu > li.selected > a {
    color:#379bf3;
}
.selectp-sm .dropdown-menu > li.selected > a:hover {
    color:#fff;
}



/* ------ Sharing - Info "all fields are compulsory" area  ------*/
.info_det{
    border-bottom:1px solid #ddd;
    padding:12px 0px 5px 0px;
    margin-bottom:15px;
}

.border_round {
    height: 20px;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    color: #3399f3;
    border: 1px solid #3399f3;
    font-size: 10px;
    vertical-align: top;
}