.panel-body-picture-template {
	min-height: 31.7em !important;
}

.panel-body-picture-template-list {
	min-height: 34.5em !important;
}

.condition-area-picture-template {
	margin-bottom : 10px;
}

.search-input-picture-template-process {
	margin-right: 10px;
    width: 160px !important;
    display: inline-block;
}

.search-input-picture-template-using {
	margin-right: 10px;
    width: 260px !important;
    display: inline-block;
}

.search-clear-button-picture-template {
	display: inline-block;
	vertical-align: top;
}
.search-button-picture-template {
    display: inline-block;
    vertical-align:top;
}
.condition-message-area {
	margin: 30px;
	color: #6c757d;
}

.label-picture-template {
	vertical-align: top;
	padding-top: 5px;
}

ul.picture-template-thumnail {
	list-style-type: none;
}

.picture-template-thumnail li {
	width:100px;
	margin:4px;
    padding:2px 2px 3px;
	float:left;
	list-style-type: none;
	text-align:center;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.picture-template-thumnail img {
	max-width:90px;
	max-height:70px;
}

.picture-template-thumnail .process-name-label {
	height:15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.picture-template-thumnail .using-label {
	height:27px;
	padding:3px;
}

.picture-template-thumnail .using-label label{
	font-weight: normal;
	margin-bottom:0px;
}

.picture-template-thumnail .using-label input{
	vertical-align:sub;
}

.picture-template-thumnail .using-label text{
	color:#065ca8;
	vertical-align:sub;
}

.picture-template-thumnail .image-area {
	height:90px;
}

.picture-template-thumnail .using-label,
.picture-template-thumnail .process-name-label {
	font-size:smaller;
}

.picture-template-large {
	width:100%;
	height:380px;
	border:1px solid #ddd;
	float:left;
	position:relative;
}

.picture-template-large img{
	max-width:360px;
	max-height:360px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:3px;
}

.picture-template-edit-button {
	height:380px;
    padding-top:150px;
}

.no-show {
	display : none !important;
}


.picture-listItems{
	border: 1px solid #696969;
}

.is-publish-to-owner {
	background-color:#B0C4DE;
}

.is-not-publish-to-owner {
	background-color:#fff;
}

div.example {
	height:50px;
}

div.example ul{
	position:absolute;  
	right:10px; 
	width:130px;
}

div.example ul {
	width:140px;
	border:1px solid #B0C4DE;
}

div.example ul li {
	padding:3px;
}

#picture-vertical-list td.comment {
	text-align:left;
	width:210px;
}

.return-button {
	float:right; 
}


div.consumption-situation {
	padding:3px;
	text-align:right;
}

.upload-progress {
	height: 20px !important;
	width: 95%;
}

.upload-progress-td {
    width: 180px;
	position:relative !important;
}

.upload-delete-btn-td {
    width:100px;
    height:45px;
}

.picture-temp-upload-title,
.picture-temp-edit-title {
    width: 100%;
    padding: 12px 15px 9px;
    margin-bottom: 5px;
    text-align:center;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
}

.picture-temp-upload-btn-area {
    padding-bottom: 10px;
}

.picture-temp-upload-btn-area .left {
    float: left;
    width: 50% !important;
    padding-bottom: 10px;
}

.picture-temp-upload-btn-area .right {
    float: right;
    padding-bottom: 10px;
}

.picture-temp-edit-btn-area {
    padding-bottom: 10px;
}

.picture-temp-edit-btn-area .left {
    float: left;
    padding-bottom: 10px;
}

.picture-temp-edit-btn-area .right {
    float: right;
    padding-bottom: 10px;
}

.picture-temp-upload-label {
    color:#808080;
}

.picture-temp-upload-column-width-title {
    width: 50%;
    max-width: 50%;
}

.picture-temp-upload-column-width-size {
    width: 30%;
    max-width: 30%;
}

.picture-temp-upload-column-width-status {
    width: 10%;
    max-width: 10%;
}

.picture-temp-upload-column-width-button {
    width: 10%;
    max-width: 10%;
}

.picture-temp-upload-overflow {
    max-width: 0px !important;
}