body {
  
  margin: 0;
  font-family: 'Lato', sans-serif;
      overflow: hidden;
}

a {
  color: #1c8bbb;
  text-decoration: none;
}


.header {
  
  background: #232a2d;
  height: 54px;
  
}

.header .navigation{
  float: right;
  text-align: right;
  line-height: 54px;
  margin-right: 20px;
}

.header .navigation a {
  margin-left: 10px;
  display: inline-block;
  font-size: 13px;
}



.subheader {
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 20px 10px 20px 20px;
}



.subheader:after {
  content: "";
  display: table;
  clear: both;
} 

.subheader .school {
  float: left;
}

.subheader #school {
  font-size: 26px;
  
}

.subheader #activity {
  font-size: 13px;
  
}


.subheader #status {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1bbb9b;
  
}


.subheader #active {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1c8bbb;
  margin-left: 20px;
  
}





.subheader .search {
  float:right;
  text-align: right;
  margin-right: 10px;
}

.subheader .search a {
  padding: 0 10px;
    opacity: .8;
}

.subheader .search input {
  
  border: none;
    outline: none;
    width: 260px;
    font-size: 13px;
    font-style: italic;
    font-family: 'Lato', sans-serif;
    padding: 10px 10px;
    border: 1px solid #E7E7E7;
    margin-right: 20px;
}


.content:after {
  content: "";
  display: table;
  clear: both;
  
}

.content .folders {
  width: 50%;
  float: left;
}


.content .documents {
  width: 50%;
  float: right;
  height: 100%;
}




.folder {
  float: left;
  text-align: center;
  padding: 20px 30px;
  width: 25%;
  box-sizing: border-box;
  font-size: 12px;
}


.folder img {
  width: 100%;
}


.content .document {
  float: right;
  text-align: center;
  padding: 20px;
  width: 16.6666666666%;
  box-sizing: border-box;
  font-size: 12px;
  color: #999;
}


.content .document img {
  
  display: block;
  width: 100%;
}






/*modal*/ 

.cover {
  background: rgba(0,0,0,.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.feeds {
  position: fixed;
  right: 10px;
  top: 10px;
  color: #fff;
  font-size: 14px;
  z-index: 10000;
  display: none;
}

.feed {
  width: 300px;
  float: right;
  margin-right: 20px;
}
.feed input {
}

.feed .copy {
padding: 10px;
}

.feed .copy span {
  font-weight: 700;
}

.feed .knob {
  float: left;
  margin-right: 10px;
}

input[type="text"], .remodal input[type="email"] {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  background: #efefef;
  border: none;
  box-shadow: inset 0px 0px 4px #bfbfbf; 
  padding: 10px;
  box-sizing: border-box; 
}

#third {
  padding: 150px 0px;
}



.remodal h1 {font-size: 1.5em; font-weight: 400; margin-top: 0px;}
.remodal p { font-size: .8em; color: #999; margin-top: 20px;
}

.remodal h4 {
	margin: 0;
	padding-bottom: 10px;
	display: inline-block;
}

.remodal .form {
  width: 300px;
  margin: 30px auto 0 auto;
}

.remodal input[type="text"], .remodal input[type="email"] { 
  width: 100%;
  height: 45px;
}

.remodal[data-remodal-id="third"] {
  padding: 100px 0px;
}

.remodal-overlay {
	background: rgba(0, 0, 0, 0.82)
}

.remodal-confirm {
    color: #fff;
    background: #1c8bbb;
    padding: 20px 0;
}

.upload-confirm:disabled {
  background: #ccc;
  cursor: inherit;
}

.fp__btn {
  display: none !important;
}

.fp__btn + div {
  width: 100%;
  height: 45px;
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
  line-height: 7em !important;
  height: 100px;
  border: 2px dashed #1c8bbb !important;
}

.fp__btn + div span {
  margin-top: -137px;
}

.fp__overlay {
  z-index:999999 !important;
}