html {
    height: 100%;
}
body {
  padding-top: 20px;
  padding-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
    height: 100%;
    background: #000 url(/Content/images/backdrop.jpg) 50% 0 no-repeat;
    color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

h4 span {
    font-size: 13px;
    font-weight: normal;
}

.container.main {
    width: 970px !important;
}
.container.main div.container {
    width: auto;
}

div.modal-content,
div.well,
div.panel {
    color: #222;
}
table.table {
    background-color: #fff;
    color: #222;
}

.header,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

.header {
  padding-bottom: 20px;
  border-bottom: 2px solid #014e56;
}

nav.navbar {
    width: 410px;
}
.navbar-collapse,
.nav-container {
    padding: 0;
}

.footer {
  padding-top: 19px;
  color: #777;
  border-top: 2px solid #014e56;
}


.field-validation-error {
    font-size: 11px;
    color: #f66;
    font-weight: bold;
}
.input-validation-error {
    background-color: #f99;
}

.input-group-addon.time {
    padding: 0; 
    border: none;
    font-size: 0;
    width: 100px;
}
.input-group-addon.time select {
    width: 50px; 
    padding-left: 2px; 
    padding-right: 2px;
}

div.select-file { 
    background: #eee; 
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
    xheight: 30px;
    xwidth: 180px;
    padding: 5px;
    xline-height:30px;
    color: #444;
    overflow: hidden;
}

div.select-file:hover {
    background: #fff; 
    border-color: #ddd;
}

div.select-file.selected {
    background: #758ecc;
    color: #fff;
}
    
div.select-file input {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    z-index:2; /* bring the real upload interactivity up front */
    width:200px;
    height: 100%;
    font-size: 400px;
}
div.select-file:hover input {
    display: block;
}
div.thumbnail {
    width: 100px;
    height: 100px;
}

.created-by {
    font-size: 12px;
}

.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}




.thumbnail-container {
    margin: -5px;
}

.thumbnail-group {
    width: 110px; 
    float: left;
}

.thumbnail-group a.close{
    position: absolute; 
    margin-left: 90px; 
    margin-top: 5px
}

.thumbnail-item {
    border: solid 1px white;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
    margin: 5px;
}

div.audiojs {
    display: none;
    width: 283px;
    margin-bottom: 10px;
}
div.audiojs .scrubber {
    width: 120px;
}