.scr{
    max-height: 300px;
    margin-bottom: 10px;
    overflow-y:scroll;
    overflow-x:no-display;
    -webkit-overflow-scrolling: touch;
}
.thcon  {
    padding: 0px;margin: 0px;
    position: relative;
    width: 100%;
height: auto;
     
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.thcon :hover .image {
  opacity: 0.3;
}

.thcon:hover .middle {
  opacity: 1;
}

.text {

}
    fieldset 
	{
		border: 1px solid #ddd !important;
		margin: 0;
		min-width: 0;
		padding: 10px;       
		position: relative;
		border-radius:4px;
		background-color:#f5f5f5;
		padding-left:10px!important;
	}	
	
		legend
		{
			font-size:14px;
			font-weight:bold;
			margin-bottom: 0px; 
			width: 35%; 
			border: 1px solid #ddd;
			border-radius: 4px; 
			padding: 5px 5px 5px 10px; 
			background-color: #ffffff;
		}

                .thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.maskclasson{
    left: 0px;
    top: 0px;
    position: absolute;
    display: inline-block;
    width: 200px;
    height: 200px;
    padding: 10px;
    vertical-align: bottom;
    text-align: right;
    background-image: url('../../../public/res/back_main.png');z-index: 10000;
}
.profile-pic {
    
	position: relative;
	display: inline-block;
}

.profile-pic:hover .edit {
	display: block;
}

.edit {
	padding-top: 7px;	
	padding-right: 7px;
	position: absolute;
	right: 0;
	
	display: none;
        bottom: 0px;
        right: 0px;
}

.edit a {
	color: #000;
}
/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.upload-area,.upload-csv{
    width: 70%;
    height: 200px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
}

.upload-area:hover,.upload-csv:hover{
    cursor: pointer;
}

.upload-area h1, .upload-csv h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#file{
    display: none;
}

/* Thumbnail */
.thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.size{
    font-size:12px;
}
table thead tr th{font-size: 12px;}
.table-condensed{
  font-size: 10px;
}
.table-font-12{
     font-size: 12px;
}
.table-font-14{
     font-size: 14px;
}
.table-font-16{
     font-size: 16px;
}