@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
}

#parent {
	/*width: 100%;*/
	/*width: 1400px;*/
    height: 500px;
}

.qG_Main {
	/*border: 1px solid black;*/;
}
	/*grid header*/
.qG_Header {
    white-space: nowrap;
    height: 48px;
    border-bottom: 1px solid #F0F0F0;
}

.qG_Main .qG_Cell.qG_inHead:hover:not(.qG_Options) {
    cursor: pointer;
    background: #96C93D;
    color: white;
}

.qG_Main .qG_Cell.qG_inHead.qG_Options:hover {
    cursor: pointer;
    background: #96C93D;
}

.qG_Main .qG_Cell.qG_inHead.active {
    background: #d4d4d4;
}

.qG_Main .qG_Cell.qG_inHead div:not(.qG_DownRow):not(.qG_dropDown):not(.qG_SortIco) {
    margin-top: 9px;
    font-size: 15px;
}

.qG_Main .qG_Cell.qG_inHead .qG_SortIco {
    position: absolute;
    top: 9px;
    right: 0;
    padding: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    display: none;
}

.qG_Main .qG_Cell.qG_inHead .qG_SortIco.qG_Up {
    border-width: 0 11px 10px 11px;
    display: block;
    border-color: transparent transparent #007bff transparent;
}

.qG_Main .qG_Cell.qG_inHead .qG_SortIco.qG_Down {
    border-width: 10px 11px 0 11px;
    display: block;
    border-color: #007bff transparent transparent transparent;
}

.qG_Main .qG_Cell.qG_Options {
    cursor: pointer;
    min-width: 15px !important;
}

.qG_Main .qG_Cell.qG_Options .qG_inOptions {
    background: url("../images/grid-options.png") center no-repeat;
    background-size: 13px 13px;
}

.qG_Main .qG_Cell.qG_hidden {
    visibility: hidden;
    width: 0 !important;
}
	/*grid container*/
.qG_Main .qG_Container {
    overflow: auto;
}

.qG_Main .qG_Container .qG_Content {
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    cursor: pointer;
    width: 100%;
    color: #666;
}

.qG_Main .qG_Container .qG_Content:hover {
    background-color: #96C93D;
    color: white;
}

.qG_Main .qG_Container .qG_Content.qG_Highlight,
		.qG_Main .qG_Container .qG_Content.qG_Active {
    background-color: #2FA0D9 !important;
    color: white;
}
	/*grid cell's*/
	.qG_Main .qG_Cell{
		vertical-align: top;
		height: 		100%;
	}

	.qG_Main .qG_Cell{
		position:		relative;
		display:		inline-block;
	}

		.qG_Main .qG_Cell div:not(.qG_DownRow){
			font-size: 13px;
			text-indent: 	2px;
			padding-top: 7px;
			height: 23px;
			white-space:	nowrap;
			overflow:		hidden;
			text-overflow:	ellipsis;	
			position:		relative;
		}
	/*grid footer*/
	/*grid footer*/
	.qG_Main .qG_Footer{
		font-size: 11px;
		/*border-top: 1px solid silver;*/
		border-bottom: 1px solid #F0F0F0;
		border-top: 1px solid #F0F0F0;
		padding: 5px 5px 5px 13px;
		z-index: 1;
	}


		.qG_Main .qG_Footer .qG_ResultNum,
		.qG_Main .qG_Footer .qG_Pages{
			display: inline-block;
		}

		.qG_Main .qG_Footer .qG_Pages{
			position: absolute;
			right: 0;
		}

			.qG_Main .qG_Footer .qG_Pages div{
				display: inline-block;
				width: 10px; 
				height: 0;
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				cursor: pointer;
			}			

			.qG_Main .qG_Footer .qG_Pages .qG_Back{
				border-right:8px solid black;
				margin-right: 5px;
			}

			.qG_Main .qG_Footer .qG_Pages .qG_Next{
				border-left: 8px solid black;
				margin-left: 5px;
			}

				.qG_Main .qG_Footer .qG_Pages .qG_Back:hover {
					border-right: 8px solid #96C93D;
				}

				.qG_Main .qG_Footer .qG_Pages .qG_Next:hover {
					border-left: 8px solid #96C93D;
				}
			
	/*grid checkbox*/
	.qG_Main .qG_CheckBox{
		cursor: pointer;
		width: 40px;
	}

		.qG_Main #qG_CheckBox {
			position: 			relative;
			padding: 			0 !important;
			width:				15px !important;
			height: 			15px !important;
			margin:				7px auto 0px;
			background:			url("../images/checkbox.gif") center no-repeat;
		}

		.qG_Main #qG_CheckBox.qG_inHead {
			margin-top: 16px;
		}

		.qG_Main #qG_CheckBox.qG_Active {
			background:			url("../images/checkbox1.gif") center no-repeat;
		}

.qG_Down {
	position: absolute;
	width: 15px;
	height:50px;
}

	.qG_Down.qG_Active{
		background-color: #2FA0D9;
	}

	.qG_Down .qG_Drop{
		width:15px;
		height:50px;
		background-color: red;
	}

	.qG_dropDown{
		position: absolute;
		z-index: 10;
		width:150px;
	/*	height:200px;*/
		background-color: white;
		border: 2px solid #2FA0D9;
		padding-top: 0 !important;
	}

	.qG_dropDown .qG_DownRow{
		position: absolute;
		height: 30px;
		width: 100%;
		cursor: pointer;
	}

	.qG_dropDown .qG_DownRow{
		position: absolute;
		height: 30px;
		width: 100%;
		cursor: pointer;
	}

	.qG_dropDown .qG_DownRow:hover{
		background-color: #96C93D;
		color: white;
	}

		.qG_dropDown .qG_DownRow p{
			padding: 0;
			margin: 0;
			font-size: 14px;
			margin-top: 6px;
		}