* { margin: 0; padding: 0; }
body { font:  "Arial" , Tahoma, sans-serif;  }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; line-height: 25px; }
ul, ol { list-style: none; margin-bottom:0; margin:0}
img { border: 0; }
a { color: #1c9970; text-decoration: none;}
a:hover { text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
form
{
	margin:0;
}
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { outline: none; }
div.row-function a:hover
{
	text-decoration:none;
}
div.row-function i
{
	font-size:24px;
	color:#1c9970;
	margin-right:4px;
}
div.row-function i:hover
{
	color:#0045FF;
}
.wraper
{
	
}
.container
{
    margin: 0 auto;
    width :960px;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td
{
	padding:6px 8px;
}
.control-group select
{
	min-width:210px;
}
.htbtn
{
	border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 3px 11px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color:White;
    background-color:#335BA5;
    transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
}

.htbtn-cancel
{
	
}
.htbtn img
{
	width:20px;
	height:20px;
}
input.htbtn
{
	border-style:none;
	padding:6px 11px;
}
.htbtn:hover,.htbtn:focus
{
	background-color: #819DC1;
    text-decoration:none;
    color:White;
}
.htbtn-ok
{
	background-color:#006dcc;
	padding: 6px 20px;
}

.htbtn-ok:hover
{
	background-color:#4690D1;
}

.htbtn-cancel
{
	padding: 6px 20px;
}
.htbtn-cancel:hover
{
	
}
.htbtn-100
{
	min-width:100px;
}

.class-menu{
text-align: center;
margin-bottom: 5px;
}
.class-menu a.btnNote{
display: inline-block;
font-size: 0.95em;
height: 60px;
margin-top: 4px;
background-image: none;
border: medium none;
border-radius: 0;
box-shadow: none;
text-shadow: none;
cursor: pointer;
line-height: 20px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
width: 70px;
}
.class-menu a.btnNote:hover {
text-decoration: none;
}
.class-menu a.btnNote i{
display: block;
font-size: 35px;
padding-top: 0.2em;
vertical-align: middle;
line-height: 30px;
margin-right: 0px;
margin-left: 5px;
}
.class-menu a.btnNote p{
padding-top: 0.1em;
text-align: center;
vertical-align: bottom;
font-size: 12px;
margin: 0;
line-height: 30px;
font-weight:bold;
} 
.panel
{
	background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    outline: medium none;
    width: 560px;
}
.div-albums
{
  
}
.div-albums .album-item
{
	height:250px;
	width:200px;
	overflow:hidden;
	display:inline-block;
	margin:2px;
	border:1px solid #DDD;
		background-color:#FFF;
	transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
}
.div-albums .album-add .div-add
{
	text-align:center;
	display: table-cell; vertical-align: middle;
	height:250px;
	width:200px;
	cursor:pointer;
}
.div-albums .album-add
{
	
}
.div-albums .album-add i.icon-plus
{
	font-size:50px;
	color:#DDD;
}
.div-albums .album-add a
{
	margin-top:40%;
}
.div-albums .album-add a:hover
{
	text-decoration:none;
}
.div-albums .album-item:hover
{
		background-color:#DAF8FD;
}
.div-albums .album-item img
{
	height:200px;
	max-width:none;
}
.div-albums .album-chitiet
{
	padding:3px;
	position:relative;
}
.div-albums .album-item p
{
	color:#89919C;
	font-size:11px;
	margin:0px;
}
.div-albums .album-item a.title
{
	font-size:11px;
	font-weight:bold;
}
.div-albums .album-item a.status
{
	font-size:15px;
	font-weight:bold;
	position:absolute;
	right:3px;
	bottom:3px;
}
.div-albums .album-item a.del
{
	font-size:15px;
	font-weight:bold;
	position:absolute;
	right:20px;
	bottom:3px;
}
.div-pictures
{
	padding-top:10px;
}
.div-pictures .picture-item
{
	display:inline-block;
	height:100px;
	width:100px;
	overflow:hidden;
	position:relative;
    border:1px solid #DDD;
    background-color:#FFF;
	transition: background-color 0.2s;
   -webkit-transition: background-color 0.2s;
}
.div-pictures .picture-add
{
	
}
.div-pictures .picture-add:hover
{
	background-color:#DAF8FD;
}
.div-pictures .picture-add .div-add
{
	display: table-cell; vertical-align: middle;
	text-align:center;
	cursor:pointer;
	font-size:11px;
	color:#B1B1B1;
	background-image:url("no-img-user.png");
	position:relative;
}
.div-pictures .picture-add .div-add .filepic
{
	position:absolute;
	height:100px;
	width:100px;
	opacity:0;
	cursor:pointer;
	
}
.div-pictures .picture-add .div-add img
{
	position:absolute;
	height:100px;
	width:100px;
}
.div-pictures .picture-add i.icon-plus
{
	font-size:50px;
	color:#DDD;
}
.div-pictures .picture-item .funtions
{
	position:absolute;
	top:5px;
	right:5px;
	display:none;
}
.div-pictures .picture-item .funtions a
{
	background-color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DDD;
    
}
.div-pictures .picture-item .funtions a i
{
	
}
.div-pictures .picture-item .picture-chitiet
{
	padding:3px;
	position:absolute;
	bottom:0px;
	width:100%;
	color:#FFF;
	background-image:url("transparent_bg.png");
	background-repeat:repeat;
	opacity:0;
	transition: opacity 0.4s;
   -webkit-transition: opacity 0.4s;
}
.div-pictures .picture-item:hover > .picture-chitiet
{
	opacity:1;
}
.div-pictures .picture-item:hover > .funtions
{
	display:block;
}
.div-pictures .picture-item p.title
{
	font-size:12px;
	font-weight:bold;
	margin:0;
}
.div-pictures .picture-item img
{
	height:200px;
	max-width:none;
}
.album-title
{
	text-align:center;
	background-color:#E0F6FB;
	margin-top:10px;
	padding:10px;
} 
.album-title h4
{
	text-align:center;
}
.album-title p
{
	margin:0;
}
.album-title p.mota
{
	font-size:12px;
}
.album-title p.time
{
	font-size:11px;
}
#dialog-form-ThietBi .form-horizontal .control-group {
  margin: 0px;
  float: left;
  width: 45%;
}
#dialog-form-ThietBi .modal-body {
    padding: 0px 15px;
}

.jtable i.fa {
    font-size:20px;
}