	
.box-row .box-form {
        padding: 20px;
	}
		.box-form .form-grup {
		    padding: 10px 0px;
		}
			.box-form .W50 {
			    display: table;
			    width: 100%;
			}
			
			.box-form .W50 .form-grup {
			    width: 50%;
			    float: left;
			}
				.box-form .form-grup label {
				    color: #0e3c5d;
			        width: 100px;
			        display: block;
				    float: left;
			        height: 33px;
				    line-height: 33px;
				}
				.box-form .form-grup .select {
				    width: calc(100% - 100px);
				    border: 1px solid #d7d7d7;
				}
				.box-form .form-grup input[type="text"] ,
				.box-form .form-grup input[type="date"] {
				    width: calc(100% - 100px);
				    top: 0px;
				    left: 0px;
				    background-color: #fefefe;
				    border: 1px solid #d7d7d7;
				    height: 33px;
				    color: #a9a9a9;
			        padding: 10px;
		            font-size: 16px;
				    font-family: Pridi,serif;
				}
				.box-form .form-grup input[type="submit"] {
				    background-color: #252525;
				    padding: 5px 10px;
				    color: #ffffff;
				    font-size: 16px;
				    font-family: Pridi,serif;
				    text-align: center;
				    border: 0;
				    border-radius: 4px;
				    width: 250px;
				    margin: auto;
				    display: block;
			        cursor: pointer;
				    transition: .3s;
				}
				.box-form .form-grup input[type="submit"]:hover {
				    background-color: #4596c8;
				}
				
.box-body {
    margin-top: 30px;
}
	.box-body h4 {
	    font-weight: 400;
	    color: #3a3a3a;
	    margin-left: 20px;
	}
	.box-body table {
	    width: 100%;
	}
		.box-body table thead {
		    color: #ffffff;
		}
			.box-body table thead tr {
			    border-bottom: 1px solid #e9e9e9;
			}
				.box-body table thead th {
					padding: 10px;
				}
				.box-body table th:first-child, .box-body table td:first-child {
			        text-align: center;
				}
				
		.box-body table tbody {
		    color: #0e3c5d;
		}
			.box-body table tbody tr {
			    border-bottom: 1px solid #e9e9e9;
			}
				.box-body table tbody td {
					padding: 15px;
				}
				.box-body table tbody td:nth-child(1) ,
				.box-body table tbody td:nth-child(3) ,
				.box-body table tbody td:nth-child(4) ,
				.box-body table tbody td:nth-child(5) ,
				.box-body table tbody td:nth-child(6) ,
				.box-body table tbody td:nth-child(7) {
				    text-align: center;
				}
			

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {


}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-head .box-link {
	    padding-right: 20px;
	}
	.box-body table {
        margin-bottom: 0px;
	}
	.box-body table thead th:nth-child(1) ,
	.box-body table thead th:nth-child(2) ,
	.box-body table thead th:nth-child(3) ,
	.box-body table tbody td:nth-child(1) ,
	.box-body table tbody td:nth-child(2) ,
	.box-body table tbody td:nth-child(3) {
	    display: table-cell;
	}
/*
	.box-body table thead th ,
	.box-body table tbody td {
	    display: none;
	}
*/
	.box-body table th:first-child, .box-body table td:first-child {
	    padding-left: 15px;
	}
	.box-body table th:last-child, .box-body table td:last-child {
	    padding-right: 15px;
	}
	.box-body table tfoot .box-num {
	    width: calc(100% - 144px);
	}
	.box-body table tfoot .box-num select {
	    margin: auto;
	    display: block;
    }
    .box-body table tfoot .box-pagination {
	    width: 100%;
	}
	.box-body table tfoot td .Lpc-tablet {
		display: none !important;
	}
	.box-form .form-grup .select ,
	.box-body .form-grup select ,
	.box-body .form-grup input ,
	.box-body .form-grup textarea ,
	.box-body .form-grup date {
	    width: 100% !important;
	}
	.box-form .W50 .form-grup {
		width: 100%;
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	.box-body h4 {
	    margin-left: 0px;
	}
	.box-form .form-grup input[type="text"], .box-form .form-grup input[type="date"] {
	    width: 100%;
    }
    .box-form .form-grup select {
	    width: 100%;
    }
}
