body {
	font-family: Arial, Helvetica, sans-serif;
}
*{	
	margin: 0;
	padding: 0;
}


		.header {
			overflow: hidden;
			background-color: #339933;
			padding: 20px 10px;
		}

		.footer{
			overflow: hidden;
			background-color: #339933;
			padding: 5px 10px;
			font-size: 15px;
			font-weight: bold;
			color: white;
			text-align: center;
			position: float; 
			left: 0;
			bottom: 0;
			width: 100%;
			margin-top: 200px; 
		}

		h5{
			float: center;
			color: white;
			text-align: center;
			padding: 1px;
			text-decoration: none;
		}

		.header a {
			float: left;
			color: white;
			text-align: center;
			padding: 12px;
			text-decoration: none;
			font-size: 18px; 
			line-height: 25px;
			border-radius: 4px;
		}

		.header a.logo {
			font-size: 25px;
			font-weight: bold;
		}

		.header a:hover {
			background-color: #53c653;
			color: white;
		}

		.header a.active {
			background-color: #53c653;
			color: white;
		}

		.header-right {
			float: right;
		}

		footer {
			display: block;
		}
		img {
			max-width: 100%;
			height: auto;
			left: 0;
			bottom: 0;
			position: float;
		}

		h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 22px;
    margin-bottom: 11px;
    margin-left: 11px;
}

		.button2 {
			background-color: #339933;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 10px 10px;
			cursor: pointer;
		}

		.button2:hover {
			background-color: #4CAF50; /* Green */
			color: white;
		}

				.button3 {
			background-color: #ff9900;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 4px 2px;
			cursor: pointer;
		}

				.button3:hover {
			background-color: #ffad33; /* Green */
			color: white;
		}
						.button4 {
			background-color: #ff3300;
			border: none;
			color: white;
			padding: 15px 32px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 4px 2px;
			cursor: pointer;
		}

				.button4:hover {
			background-color: #ff5c33; /* Green */
			color: white;
		}

		.button5 {
			background-color: #339933;
			border: none;
			color: white;
			padding: 10px 6px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 14px;
			margin: 4px 4px;
			cursor: pointer;
		}

		.button5:hover {
			background-color: #4CAF50; /* Green */
			color: white;
		}
		.container {

  			padding:0.01em 16px;
		}


		/* Modal Content */

		.modal-content2 {
			background-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid #888;
			width: 100%;
		}
		/* The Close Button */
		.close {
			color: #aaaaaa;
			float: right;
			font-size: 28px;
			font-weight: bold;
		}

		.close:hover,
		.close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}

		input[type=text], select {
			width: 100%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}

		input[type=submit] {
			width: 100%;
			background-color: #4CAF50;
			color: white;
			padding: 14px 20px;
			margin: 8px 0;
			border: none;
			border-radius: 4px;
			cursor: pointer;
		}

		input[type=submit]:hover {
			background-color: #45a049;
		}

		.modal2{
			border-radius: 5px;
			background-color: #f2f2f2;
			padding: 20px;
		}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: rgba(255, 255, 255, 1) !important;
    border: 1px solid #339933;
    background-color: #339933;
    background: linear-gradient(to bottom, #6bd66b 0%, #339933 100%);
}
		.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
			color:white !important;border:1px solid #339933;background-color:#585858;
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
			background:-webkit-linear-gradient(top, #66cc66 0%, #339933 100%);
			background:-moz-linear-gradient(top, #66cc66 0%, #339933 100%);
			background:-ms-linear-gradient(top, #66cc66 0%, #339933 100%);
			background:-o-linear-gradient(top, #66cc66 0%, #339933 100%);
			background:linear-gradient(to bottom, #66cc66 0%, #339933 100%)}

 .table{
 	overflow-x: hidden!important; 
 }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}