body {
	width: 100%;
	font-size: 13px;
	overflow: hidden;
	overflow: scroll;
	overflow-x: hidden;
}

.gw-container {
	clear: both;
	position: relative;
}

/*gw-div-table*/
.gw-div-table {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	box-sizing: border-box;
}
.gw-div-table-row {
	display: block;
}
/*END gw-div-table*/

/*top*/
#gw-top {
	height: auto;
	clear: both;
	overflow: hidden;
	line-height: 25px;
	padding: 10px 2%;
	background-color: #3a7ba3;
}
#gw-top .logo {
	width: auto;
	float: left;
	color: #FFF;
	font-size: 180%;
	font-weight: 100;
}
#gw-top .user {
	width: auto;
	float: right;
	color: rgba(255,255,255,0.8);
}
#gw-top .user .iconUser {
	opacity: 0.6;
}
#gw-top .user .link {
	display: inline-block;
	float: left;
	color: #FFF;
	margin-left: 20px;
	cursor: pointer;
}
#gw-top .user .name {
	color: rgba(255,255,255,0.8);
}
/*END top*/

/*header*/
#gw-header {
	width: 100%;
	height: auto;
	clear: both;
	line-height: 28px;
	padding: 5px 2%;
	background-color: #f5f5f5;
	border-bottom: solid 1px #DDD;
	box-sizing: border-box;
	position: relative;
	z-index: 3;
	right: 0;
	top: 0;
}
/*END header*/

/*gw-menu-mobile-btn*/
#gw-menu-mobile-btn {
	width: 28px;
	height: 28px;
	line-height: 28px;
	float: left;
	color: #FFF;
	font-size: 110%;
	text-align: center;
	cursor: pointer;
	border: solid 1px #3a7ba3;
	background-color: #3a7ba3;
}
#gw-menu-mobile-btn:hover {
	border-color: #d15b47;
	background-color: #d15b47;
}

#gw-menu-mobile-nav .fa {
	width: 20px;
	text-align: center;
}
/*END gw-menu-mobile-btn*/

/*gw-navigator-admin*/
.gw-navigator-admin {
	display: none;
	width: auto;
	float: left;
	margin: 0;
	white-space: nowrap;
}
.gw-navigator-admin .gw-navigator-home {
	color: #888;
	font-size: 130%;
}
.gw-navigator-admin .gw-navigator-link {
	color: #888;
	font-weight: bold;
	margin-right: 20px;
}
.gw-navigator-admin .gw-navigator-span {
	font-size: 80%;
	opacity: 0.7;
}
/*END gw-navigator-admin*/

/*gw-admin-menu*/
#gw-admin-menu {
	display: none;
	width: 100%;
	min-width: 220px;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #FFF;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 1;
}

#btn-resize-left {
	display: none;
}

.gw-menu-list,
.gw-menu-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.gw-menu-list li {
	clear: both;
	line-height: 20px;
	border-bottom: solid 1px #DDD;
	background-color: #f9f9f9;
}
.gw-menu-list li a {
	display: block;
	color: #666;
	padding: 9px 0 9px 7px;
	text-decoration: none;
}
.gw-menu-list li a:hover,
.gw-menu-list .gw-menu-active {
	color: #333;
	background-color: #DDD;
}
.gw-menu-list li a .fa {
	width: 20px;
	text-align: center;
	opacity: 0.6;
}
.gw-menu-list li a .gw-menu-label {
	display: inline-block;
	min-width: 150px;
	padding-right: 10px;
}
/*END gw-admin-menu*/

/*gw-admin-content*/
#gw-admin-content {
	max-width: 96%;
	margin: 20px 0 0 2%;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
/*END gw-admin-content*/

/*gw-btn-quick*/
.gw-btn-quick {
	width: auto;
	float: right;
}
.gw-btn-quick .gw-btn-quick-item,
.gw-btn-quick .gw-btn-quick-mobile {
	padding: 7px;
	white-space: nowrap;
}
.gw-btn-quick .gw-btn-quick-mobile {
	display: none;
}
.gw-btn-quick a {
	text-decoration: none;
}
.gw-btn-quick .gw-btn-quick-action,
.gw-btn-quick .gw-btn-quick-action-2 {
	cursor: pointer;
}
.gw-btn-quick .gw-btn-quick-action:hover {
	color: #FFF;
	background-color: #d15b47;
}
.gw-btn-quick .gw-btn-quick-action-2:hover {
	color: #d15b47;
}
/*END gw-btn-quick*/

/*document search*/
.gw-document-search {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.gw-document-search .gw-field,
.gw-document-search .gw-field-none {
	display: block;
	margin: 0;
	padding: 0 1% 5px 1%;
	box-sizing: border-box;
}
.gw-document-search .gw-document-search-radio span {
	display: inline-block;
	width: auto;
	float: left;
	margin: 7px 15px 0 0;
}
.gw-document-search .gw-document-search-radio span input {
	width: auto;
	float: left;
	margin: 1px 5px 0 0;
	cursor: pointer;
}

.gw-document-search .gw-document-search-from,
.gw-document-search .gw-document-search-to {
	width: 50%;
	float: left;
}
/*END document search*/

/*gw-document-table*/
.gw-document-table {
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px #CCC;
}
.gw-document-table .gw-document-table-box {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #CCC;
}
.gw-document-table .gw-document-table-box td,
.gw-document-table .gw-document-table-box th {
	line-height: 22px;
	vertical-align: top;
	padding: 5px 10px;
	border: none;
}
.gw-document-table .gw-document-table-box tr:nth-child(odd) {
	background: #F8F8F8;
}
.gw-document-table .gw-document-table-box .gw-document-table-header {
	background-color: #DDD !important;
	border-bottom: solid 1px #CCC;
}
.gw-document-table .gw-document-table-box .gw-document-table-header th {
	min-width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.gw-document-table .gw-document-table-box .gw-document-table-header th:first-child{
	min-width: inherit;
}
.gw-document-table .gw-document-table-box .gw-document-table-check {
	margin-top: 5px;
	cursor: pointer;
}
.gw-document-table .gw-document-table-box .gw-document-table-row:hover {
	background-color: #F2F2F2;
}
.gw-document-table .gw-document-table-box .gw-status-disable {
	opacity: 0.6;
}
.gw-document-table .gw-document-table-box .gw-document-table-name {
	max-width: 150px;
	color: #444;
	position: relative;
}
.gw-document-table .gw-document-table-box .gw-document-table-name a {
	color: #444;
}
.gw-document-table .gw-document-table-box .gw-document-table-height {
	width: 100%;
	max-height: 44px;
	overflow: hidden;
}
.gw-document-table .gw-document-table-box .gw-document-row-height-22 {
	height: 22px;
}
.gw-document-table .gw-document-table-box .gw-document-table-width {
	max-width: 110px;
}

.gw-document-table .gw-document-table-box .gw-document-table-action {
	display: none;
	height: 25px;
	padding: 2px 3px 0px 3px;
	box-shadow: 0px 0px 2px #666;
	position: absolute;
	top: 3px;
	right: 0;
	background-color: rgba(255,255,255,.9);
	border-radius: 3px;
}
.gw-document-table .gw-document-table-name:hover .gw-document-table-action {
	display: block;
}
.gw-document-table .gw-document-table-box .gw-document-table-action a {
	font-size: 110%;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-create {
	color: #33CC00;
	padding: 3px 5px;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-create:hover {
	color: #FFF;
	background-color: #33CC00;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-update {
	color: #2283c5;
	padding: 3px 5px;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-update:hover {
	color: #FFF;
	background-color: #2283c5;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-delete {
	color: #c84400;
	padding: 3px 5px;
}
.gw-document-table .gw-document-table-box .gw-document-table-action .gw-document-delete:hover {
	color: #FFF;
	background-color: #c84400;
}

.gw-document-table .gw-document-table-box .gw-document-table-active {
	background-color: #ffffc6 !important;
}
.gw-document-table .gw-document-table-box .gw-document-table-active .gw-document-table-action {
	display: block;
}
/*gw-document-table*/

/*gw-uploads*/
.gw-uploads {
	display: block;
}
.gw-uploads-pp {
	width: 100%;
	height: 150px;
	overflow: auto;
	padding: 5px 2%;
	border-top: solid 1px #999;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #FFF;
	z-index: 5;
}
.gw-uploads .gw-uploads-size {
	float: right;
	color: #FFF;
	padding: 3px 6px;
	background-color: #999;
	border-radius: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
.gw-uploads .gw-uploads-size:hover {
	background-color: #666;
}

.gw-uploads .gw-uploads-drop-zone {
	width: 220px;
	max-width: 100%;
	height: 139px;
	float: left;
	text-align: center;
	margin-right: 5px;
	padding: 15px 0px;
	border: 2px dashed #CCC;
	box-sizing: border-box;
}
.gw-uploads .gw-uploads-title {
	display: block;
	color: #BBB;
	font-size: 120%;
	padding-bottom: 15px;
}
.gw-uploads .gw-uploads-files {
	width: 100%;
	clear: both;
	padding-bottom: 15px;
}
.gw-uploads .gw-uploads-label {
	width: 100%;
	clear: both;
	text-align: center;
	padding-bottom: 15px;
}
.gw-uploads .gw-uploads-label label {
	display: block;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 130%;
	margin: 0 10px;
	border-radius: 5px;
	cursor: pointer;
}
.gw-uploads .gw-uploads-label label:hover {
	background-color: #E1E1E1;
}
.gw-uploads .gw-uploads-loading {
	font-size: 130%;
}
.gw-uploads .gw-uploads-btn {
	width: 100px;
	clear: both;
	margin: auto;
}
.gw-uploads .gw-uploads-drag-over {
	border-color: #333;
	color: #333;
}

.gw-uploads .gw-uploads-list-file {
	
}
.gw-uploads .gw-uploads-item {
	width: 120px;
	height: 139px;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 5px 5px 0;
	background-color: #FFF;
	border: solid 1px #E1E1E1;
	position: relative;
	box-sizing: border-box;
}
.gw-uploads .gw-uploads-item-active {
	border-color: #d15b47;
}

.gw-uploads .gw-uploads-item-img {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover;
}

.gw-uploads .gw-uploads-item-text {
	display: block;
	width: 100%;
	line-height: 139px;
	color: #999;
	font-size: 210%;
	text-transform: uppercase;
	position: relative;
}

.gw-uploads .gw-uploads-item-action {
	display: none;
	width: 100%;
	line-height: 22px;
	font-size: 85%;
	background-color: rgba(255,255,255,.9);
	position: absolute;
	top: 0;
	left: 0;
}
.gw-uploads .gw-uploads-item-btn {
	text-align: start;
	border-bottom: dashed 1px #CCC;
	cursor: pointer;
}
.gw-uploads .gw-uploads-item-action .gw-uploads-item-btn:last-child {
	border-bottom: none;
}
.gw-uploads .gw-uploads-item-btn:hover {
	color: #FFF;
	background-color: rgba(0,0,0,.5);
}
.gw-uploads .gw-uploads-item-btn .fa {
	display: inline-block;
	width: 22px;
	text-align: center;
}
/*.gw-uploads .gw-uploads-item:hover .gw-uploads-item-action {
	display: block;
}*/
/*END gw-uploads*/

/*copy*/
#copy-data {
	display: none;
	padding: 30px 50px;
	background-color: #FFF;
	border: solid 1px #F90;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #333;
	position: absolute;
	z-index: 2
}
#copy-data .js-data {
	margin-bottom: 20px
}
#copy-data .js-btn button {
	margin-right: 5px;
	padding: 5px 10px
}
#copy-data .js-message {
	display: none;
	font-weight: bold
}
/*END copy*/

/*user form login*/
.gw-user-login {
	width: 100%;
	height: 100%;
	min-height: 480px;
	max-height: 100%;
	position: absolute;
	background-color: #222;
}

.gw-user-login .gw-user-login-content {
	width: 96%;
	height: auto;
	max-width: 390px;
	min-width: 250px;
	margin: auto auto 30px auto;
}
.gw-user-login .gw-user-login-content .h1 {
	color: #FFF;
	font-weight: 100;
	font-size: 220%;
	text-align: center;
	letter-spacing: 3px;
	margin: 20px 0 5px 0;
}
.gw-user-login .gw-user-login-content .h2 {
	color: #09C;
	font-weight: 100;
	font-size: 120%;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.gw-user-login .gw-user-login-frm {
	padding: 5%;
	background-color: #f7f7f7;
	border: solid 5px #394557;
}
.gw-user-login .gw-user-login-frm .gw-user-login-frm-title {
	line-height: 180%;
	color: #478fca;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	word-wrap: 1px;
	margin-bottom: 30px;
	padding: 10px 0;
	border-bottom: solid 1px #d5e3ef;
	background-position: 0 10px
}
.gw-user-login .gw-user-login-frm ul {
	list-style: none;
}
.gw-user-login .gw-user-login-frm .remember {
	width: auto;
	float: left;
	font-size: 110%;
	line-height: 180%;
}
.gw-user-login .gw-user-login-frm .remember input {
	width: auto;
	float: left;
	margin: 7px 5px 0 0;
	cursor: pointer;
}
/*END user form login*/


/*quyettoan*/
#quyettoan-check {
	max-width: 100%;
	overflow: auto;
}
.btn-quyettoan {
	cursor: pointer;
}
/*END quyettoan*/

.gw-contact-copy-link {
	cursor: pointer;
}

@media all and (min-width: 480px) {
	/*gw-btn-quick*/
	.gw-btn-quick .gw-btn-quick-item,
	.gw-btn-quick .gw-btn-quick-mobile {
		padding: 7px 12px;
	}
	.gw-btn-quick .gw-btn-quick-mobile {
		display: inline;
	}
	/*END gw-btn-quick*/
	
	/*document search*/
	.gw-document-search .gw-field,
	.gw-document-search .gw-field-none {
		width: 25%;
		float: left;
		padding-left: 0px;
	}
	.gw-document-search .gw-field:nth-child(n+4) {
		display: none;
	}
	/*END document search*/
}

@media all and (min-width: 768px) {
	/*document search*/
	.gw-document-search .gw-field,
	.gw-document-search .gw-field-none {
		width: 20%;
	}
	.gw-document-search .gw-field:nth-child(n+4) {
		display: inline;
	}
	/*END document search*/
}

@media all and (min-width: 1024px) {
	/*gw-navigator-admin*/
	.gw-navigator-admin {
		display: inline-block;
	}
	/*END gw-navigator-admin*/
	
	/*gw-div-table*/
	.gw-div-table {
		display: table;
	}
	.gw-div-table-row {
		display: table-row;
	}
	/*END gw-div-table*/

	#gw-menu-mobile-btn {
		display: none;
	}
	
	/*gw-admin-menu*/
	#gw-admin-menu {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-bottom: 10px;
		background-color: #FFF;
		box-sizing: border-box;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	#gw-admin-menu {
		display: table-cell;
		width: auto;
		max-width: 210px;
		vertical-align: top;
		border-right: 1px solid #CCC;
		position: relative;
	}
	
	#btn-resize-left {
		display: block;
		width: 13px;
		height: 100%;
		color: #333;
		text-align: center;
		background: linear-gradient(to right, rgba(153,153,153,0.0), rgba(153,153,153,0.1), rgba(153,153,153,0.3));
		opacity: 0.75;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 2;
	}
	#btn-resize-left:hover {
		color: #222;
		background: linear-gradient(to right, rgba(153,153,153,0.3), rgba(153,153,153,0.5), rgba(153,153,153,0.8));
	}
	.btn-resize-left-min:before  {
		font-weight: bold;
		font-family: "FontAwesome";
		content: "\f100";
		position: relative;
		top: 45%;
	}
	.btn-resize-left-max:before  {
		font-weight: bold;
		font-family: "FontAwesome";
		content: "\f101";
		position: relative;
		top: 45%;
	}
	/*END gw-admin-menu*/
	
	/*gw-admin-content*/
	#gw-admin-content {
		min-width: 768px;
	}
	/*END gw-admin-content*/
	
	/*document search*/
	.gw-document-search .gw-field,
	.gw-document-search .gw-field-none {
		max-width: 200px;
	}
	/*END document search*/

	/*quyettoan*/
	#quyettoan-check {
		width: 75%;
		height: 80vh;
	}
	/*END quyettoan*/
}