/* Your app custom styles here */
.nav-brand img {
    height: 25px;
    margin-bottom: -10px;
    margin-right: 10px;
}

tr.active {
	background: #9f9;
}

table.banded tbody tr:nth-child(even):not(:hover) td:not(.background-dotted) {
	background: #ccc;
}

table.banded tbody tr:nth-child(odd):not(:hover) td:not(.background-dotted){
	background: #eee;
}

table.banded tr:hover td:not(.background-dotted) {
	background: #ff7;
}

.container {
	width: 330px;
	min-width: 330px;
	margin-bottom: 3px;
	overflow-x: hidden;
	float: left;
	border: 1px solid #aaa;
	display: inline-block;
}

.container h2 {
	margin: 0;
    padding-left: 5px;
    border-bottom: 2px solid #999;
    background: #f3d8d8;
    font-size: 0.9em;
}

.item-content.item-link {
	#background-color: #c00;
}

.thumbnail {
	max-width: 200px;
	max-height: 200px;
}

input, 
select,
textarea,
select, 
checkbox{
	border: 1px solid #000 !important;
}

input:disabled,
select:disabled,
textarea:disabled,
checkbox {
  border: none !important;
  box-shadow: none;
}

.iconbox {
	text-align: center;
	line-height: 17px;
}

div.image-preview {
	float: left;
	border-radius: 5px;
	border: 1px solid #777;
	margin-top: 10px;
	width: 100px;
	height: 100px;
}
.photopreview {
	width: 102px;
	height: 102px;
}
div.image-preview div.placeholder {
    text-align: center;
    padding-top: 6px;
    font-size: 24px;
}
div.image-preview img{
	max-height: 100%;
	max-width: 100%;
}

div.image-upload {
    border-radius: 5px;
    border: 1px solid #777;
    background: #cfc;
    width: 100px;
    height: 100px;
    text-align: center;
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
}

div.image-upload input[type="file"] {
    display: none;
}

button.uploadphoto {
	margin-top: 2em;
    height: 81px;
    border-radius: 5px;
    border: 1px solid #777;
}