/* =======================
*  GENERAL SECTION
========================*/
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  max-width: 980px;
  background-color: #F2F2F2;
  margin: auto;
}

a, a:link {
  text-decoration: none;
  font-weight: bold;
  color: #355EFF;
}

hr {
  border: 1px solid #e0e0e0;
}

button {
  text-shadow: #345580 0 1px 2px;
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  height: 30px;
  padding: 5px 16px;
  cursor: pointer;
  font-family: tahoma, sans-serif;
  border-top: 1px #236FAC solid;
  border-right: 1px #19629D solid;
  border-left: 1px #19629D solid;
  border-bottom: 1px #18619C solid;
  background: #2382CF;
  background: -webkit-gradient(linear, left top, left bottom, from(#34A1E7), to(#2382CF));
  background: -moz-linear-gradient(top, #34A1E7, #2382CF);
  text-shadow: #345580 0 1px 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .3), inset 0 1px 0 #80C5F0;
  border-radius: 3px;
}

input {
  height: 22px;
  padding: 2px;
    padding-right: 2px;
  font-size: 13px;
  border: 1px solid #A1A1A1;
  border-radius: 3px;
  -webkit-appearance: none;
  outline: none;
  box-shadow: 0 0 0 black, inset 0 3px 3px #EEE;
  color: #555555;
  background-color: #FFFFFF;
}



/* =======================
*  HEADER SECTION
========================*/
header {
  background-color: #323232;
  height: 41px;
  padding-left: 5px;
}

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header ul li {
  float: left;
}

header .nav-title {
  padding: 5px;
  width: 200px;
}

header .title {
  font-size: 24px;
  color: #fe8100;
  font-weight: bold;
}

header .nav-join {
  color: white;
}

header .nav-join p {
  margin: 5px 0 0 0;
}

header .nav-account {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

header .nav-credits {
  background-color: #78be4e;
  height: 21px;
  padding-top: 2px;

  cursor: pointer;
  text-align: center;
  color: #323232;
  font-weight: bold;

  display: inline-block;
  cursor: pointer;
  text-align: center;
  width: 80px;
  border: 1px solid #b1b1b1;
  color: #323232;
  font-weight: bold;
  height: 23px;
  margin-top: 2px;
  margin-right: 20px;
}

header .nav-credits p {
  padding: 4px 0 0 0;
  margin: 0;
}

header .nav-username {
  padding-top: 8px;
  font-size: 13px;
  margin-right: 10px;
}

/* =======================
*  CONTENT SECTION
========================*/

main .card {
  background-color: white;

  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  border: 0px solid #E0E0E0;
  border-bottom-width: 1px;
  background-color: #FFFFFF;
  border-spacing: 0px;
  transition: box-shadow 1s;
}

main .card .header {
  background-color: #404050;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 4px;
}

main .card .content {
  padding: 4px;
  line-height: 15px;
}

main .content-table {
  border-collapse: collapse;
  width: 100%;
}

main .content-table td {
  vertical-align: top;
}

main .sidebar {
  width: 200px;
  margin: 0;
  padding: 10px 5px 0 0;
}

main .primary {
  /* width: 100%; */
  margin: 0;
  padding: 10px 0 0 5px;
}

main .filelist {
  list-style-type: none; 
  padding: 0;
  margin: 0;
}

main .filelist li {
  padding: 10px 0;
}

main .filelist li:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

main .share-file .content {
  padding: 4px 8px 8px 4px;
}

main .share-file input,
main .share-file textarea,
main .share-file button {
  width: 100%;
}

main .share-file textarea {
  resize: vertical;
  min-height: 50px;
  max-height: 100px;
}

/* =======================
*  FOOTER SECTION
========================*/

footer {
  text-align: center;
}