td {
    vertical-align: top;
}
.container-fluid {
    max-width: 100%;
}
input[type="file"] {
    display: block;
    max-width: 200px;
}
.progress {
    display:none;
}

.modal-content.metadata-form {
    padding: 15px;
}

.glyphicon.glyphicon-remove.form-control-feedback.metadata-form-feedback {
    top: 30px;
    right: 0px;
}

.glyphicon.glyphicon-ok.form-control-feedback.metadata-form-feedback {
    top: 30px;
    right: 0px;
}

.metadata-wrapper {
   overflow: hidden;
}


/* layout.css Style */
.upload-drop-zone {
  height: 600px;
  border-width: 2px;
  margin-bottom: 20px;
  width: 100%;
 /*float: left;*/
}
		
/* skin.css Style*/
.upload-drop-zone {
    /*max-width: 33%;*/
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 400px;
  text-align: center
}
.upload-drop-zone.activate {
  color: #222;
  border-color: #222;
}

.upload-drop-zone.non-empty {
  overflow: scroll;
  border-style: solid;
}

.form-label {
    color: #333333;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 20px;
}

.validation-fail-reason {
    color: red;
    float: right;
    font-size: smaller;
    font-weight: 200;
}


.form-category-view {
    -moz-transition: height 5s linear; /* Firefox 4 */
    -webkit-transition: height 5s linear; /* Safari and Chrome */
    -o-transition: height 5s linear; /* Opera */
    -ms-transition: height 5s linear; /* Explorer 10 */
    transition: height 5s linear;
}

.form-category-view:hover, .form-category-view:focus {
    height: 250px;
}

.selected-categories {
    color: cornflowerblue;
    line-height: 18px;
}

.categories-field-view {
    height: 300px;
    overflow: scroll;
    /*margin-top: 30px;*/
}

/*Thumbnail images*/
.img-thumbnail {
    max-width: 100%; 
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.img-thumbnail[validated="false"]:hover {
    border: 5px solid #f95757;
}

.img-thumbnail[validated="true"]:hover {
    border: 5px solid #17aa11;
}

.img-thumbnail.header-thumb[validated="true"] {
    border: 3px solid #17aa11;
    border-radius: 5px;
}
.img-thumbnail.header-thumb[validated="false"] {
    border: 3px solid #f95757;
    border-radius: 5px;
}

.error-message {
    color: red;
    line-height: normal;
}

.grid-item {
    width: 150px;
    height: 200px;
    float: left;
    border: 2px solid;
    border-color: #f95757;
    border-radius: 5px;
    margin-bottom: 0px;
    line-height: 0px;
    position:relative;
}

.sign-out {
    float: right;
}

.thumbnail-shim {
    position:absolute;
    max-width: 100%; 
    max-height: 100%;
    width: 100%;
    height: 100%;
}

.thumbnail-remove-button {
    color: red;
    position: inherit;
    top: 0px;
    left: 5px;
}

.close.thumbnail-remove-button:hover {
    color: red;
}