.grid_main{
	width:770px;
	resize: both;
	margin-left:5px;
}
.grid_menu{
	display:inline-block;
	position:relative;
	width:100%;
	color:white;
	text-align:center;
	margin-top:7px;
}
.grid_submit{
	width:100%;
}
.grid_submit button{
	position:relative;
	left:45%;
	margin-top:10px;
	width:100px;
	height:30px;
	color: #fff;
	border:0;
	background-color: #007bff;
	border-radius: 5px;
	cursor: pointer;
}
.colmenu{

}
.grid_content{
	overflow-y: scroll;
    width: 99.9%;
	display: inline-block;
	height:730px;
}

.total_row{
	width:99.9%;
	height:40px;
	color:#F1711A;
	font-size:16px;
	font-style:bold;
}

.grid_row{
	display:inline-block;
	position:relative;
	width:99.1%;
}
.grid_row input{
	width:97%;
	background-color: transparent;
	word-wrap: break-word;
	border:0;
}
.grid_row input:disabe{
	background-color: transparent;
	word-wrap: break-word;
}
.col_contain_1 input,
.col_contain_2 input,
.col_contain_3 input,
.col_contain_4 input{
	width:97%;
	background-color: transparent;
	word-wrap: break-word;
	border:0;
}
.col_contain_1,
.col_contain_3{
	float: left;
	height: 20px;
	width: 14%;
	border-bottom:0.2px dotted #646363; /*#F1711A;*/
	border-left:0.1px solid #646363;	
	border-right:0.1px solid #646363;	
	text-align:left;
}

.col_contain_2{
	float: left;
	height: 20px;
	width: 22%;
	border-bottom:0.2px dotted #646363; /*#F1711A;*/
	border-left:0.1px solid #646363;	
	border-right:0.1px solid #646363;	
	text-align:left;
}
.col_contain_4{
	float: left;
	height: 20px;
	width: 49%;
	border-bottom:0.2px dotted #646363; /*#F1711A;*/
	border-left:0.1px solid #646363;	
	border-right:0.1px solid #646363;	
	text-align:left;
}
.colmenu_1,
.colmenu_3
{
	width: 13.5%;
	float: left;
	height: 30px;
	padding-top:5px;
	border:0.2px solid #F1711A;
	background-color: #2a2a72;
	background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
	text-align:center;
}

.colmenu_2
{
	width: 21.3%;	
	float: left;
	height: 30px;
	padding-top:5px;
	border:0.2px solid #F1711A;
	background-color: #2a2a72;
	background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
	text-align:center;
}

.colmenu_4
{
	width: 47.4%;	
	float: left;
	height: 30px;
	padding-top:5px;
	border:0.2px solid #F1711A;
	background-color: #2a2a72;
	background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
	text-align:center;
}
@media screen and (max-width: 415px) {
	
.grid_main {
    width: 402px;
    resize: both;
    margin-left: 5px;
}
.grid_content {
    overflow-y: scroll;
    width: 388px;
    display: inline-block;
    height: 500px;
}
.grid_row {
    display: inline-block;
    position: relative;
    width: 388px;
}
.grid_submit button{
	position:relative;
	left:35%;
	top:25px;
	width:100px;
	height:30px;
	color: #fff;
	border:0;
	background-color: #007bff;
	border-radius: 5px;
	cursor: pointer;
}
}
@media screen and (max-width: 370px) {
	
.grid_main {
    width: 338px;
    resize: both;
    margin-left: 5px;
	
}

.grid_content {
    overflow-y: scroll;
    width: 324px;
    display: inline-block;
    height: 500px;
}
.grid_content input{
	font-size:10px;
	word-wrap: break-word;
}
.grid_row {
    display: inline-block;
    position: relative;
    width: 324px;
}
.grid_submit button{
	position:relative;
	left:35%;
	top:25px;
	width:100px;
	height:30px;
	color: #fff;
	border:0;
	background-color: #007bff;
	border-radius: 5px;
	cursor: pointer;
}
}