/*hide text when small screen*/
@media (max-width: 767px){

	.index-hidden-xs{
		display: none!important;
	}

/*sidebar main menu*/
}
/*
body {
	background:  radial-gradient(circle farthest-corner at 90% 35%, rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 100%), url('images/background/rayong2.jpg') no-repeat fixed center;
 	background-size: 100%;
 	opacity:0.94;
}*/
a{
	cursor:pointer;
}
.depth{
	visibility: hidden;
}
.unit_box{
    background-color:#FFFFFF;
    border:1px solid #777777;
    padding:3px;
    border-radius: 5px;
}
.index-sidebg{
	background: #11aaff!important;
}

.index-sidebg a{
	color: #2090dd!important;
	background: #f9f9f9!important;
}

.index-sidebg a:hover{
	color: #f9f9f9!important;
	background: #11aaff!important;
}

/*decrease padding top content glitch from phalcon (20px)*/
.index-content-padding{
	padding: 15px 15px 15px!important;
	min-height: inherit;
}

.index-content-padding-normal{
	padding: 20px 15px!important;
}

.index-fontsize9{
	font-size: 9px!important;
}

.index-table table{
	width: 100%;
	margin-bottom: inherit;
}

.index-table tr, .index-table th, .index-table td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
}

.index-table-nocss{

}

.index-table-nocss tr,.index-table-nocss th,.index-table-nocss td{
	padding: 0px!important;
}

.headerbar{

}

headerbar tr, .headerbar th, .headerbar td {
	padding: 0px 0px 8px 0px;
}

.personnel-headerbar{
	margin: -16px 0px 0px -16px;
}

.liAction .action{

    transition: all 1s;
    opacity: 0;
}
.liAction .action span{

}

.liAction:hover .action{
    opacity: 1;
}