body {font-family: 'Muli', sans-serif;background-color: #F0F0F0;}


.powered {margin: 10px auto;max-width: 420px;padding: 15px;text-align:center;}

.form-signin {
  max-width: 420px;
  padding: 15px;
  margin: 0 auto;
  background-color:#fff;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}


span.subhead::before, span.subhead::after {
    border-top: 1px solid #C4C4C4;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0px 10px;
    width: 105px;
}
span.subhead {
    display: block;
    font-size: 16px;
    position: relative;
    text-align: center;
	color:#666;
	margin:20px 0;
}

.form-group {
    /*margin-bottom: 20%;*/
}

label {
font-size: 16px;
padding:3% 0;
}


.btn-primary {
    background-color: #F9D200;
    color: #037B00;
	font-size:24px;
	border:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	padding:8px;
	margin-top:20px;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #FFDD1C;
    color: #037B00;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #ccc;
	color:#999;
}


.help-block {
    margin-bottom: 20px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #00682D;
}


.form-control {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
}

.form-control-feedback {
	font-size: 20px !important;
	right: 6%;
	/*top: 15%;*/
}

.has-error .form-control-feedback {
    top:15%;
}

.has-success .form-control-feedback {
    top:25%;
}

.form-control:focus {
    border-color: #00682D;
	-webkit-box-shadow: 0 0 8px rgba(0, 104, 45, 0.6);
	-moz-box-shadow: 0 0 8px rgba(0, 104, 45, 0.6);
    box-shadow: 0 0 8px rgba(0, 104, 45, 0.6);
}

.form-comment {margin:20px 0; color: #a94442;}




/*    */



	html {
	  position: relative;
	  min-height: 100%;
	}

	body {
	  /* Margin bottom by footer height */
	  /*margin-bottom: 60px;*/
	}


	.sweet-alert {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px;}
	.sweet-alert h2 {font-size:16px;}
	.sa-button-container button {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px;}
	button.confirm {background-color:#f9d200 !important;color: #017900 !important;border:0px !important;}

	
	.modal-body {font-size:16px;color:#666;line-height:40px;text-align:center;}
	.modal-content {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px;}
	
	
	.modal-header {
		background-color: #00682d;
		border-bottom: 0;
		color: #fff;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	.modal-footer {
		text-align: center;
		border-top:0px;
		margin-bottom:20px;
	}
	
	#modal-price {font-size:30px;font-weight:bold}
	
	
	.close {
    color: #fff;
    opacity: 0.8;
    text-shadow: none;
}

	.close:hover {
	opacity:1;
	color:#fff;
	}
	
	
	div.dataTables_info {white-space:normal}
	
	#table-data_filter .input-sm {padding:0 5px;}
	
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	color:#f9d200;
	right:auto;
	left: 8px;
	opacity: 1;
}

table.dataTable thead .sorting:after {
    opacity: 1;
	color: #ddd !important;
}

	
	.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #fff;
}

	.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f7f7f7;
}
	
	#table-data_wrapper .row:nth-child(1) {padding:10px 20px;}
	#table-data_wrapper .row:nth-child(3) {margin:20px 0;}
	/*#table-data {table-layout: fixed; 	word-wrap:break-word; }*/
	#table-data th {color:#1F7A47;font-size:15px;text-align:center}
	#table-data td {color:#666;font-size:12px; vertical-align: middle;}

	
	/*#table-data th:nth-child(3),#table-data th:nth-child(4),#table-data th:nth-child(5),#table-data th:nth-child(6) {text-align:right;}*/
	#table-data td:nth-child(2),#table-data td:nth-child(3),
	#table-data td:nth-child(4),#table-data td:nth-child(5),
	#table-data td:nth-child(6),#table-data td:nth-child(7),
	#table-data td:nth-child(8) {text-align:right;}

	#table-data td:nth-child(9),#table-data td:nth-child(10){text-align:center;}
	#table-data th:nth-child(9),#table-data th:nth-child(10){padding-left:0;}


	#table-data th:nth-child(1) {width:10% !important;}
	#table-data th:nth-child(2) {width:10% !important;}
	#table-data th:nth-child(3) {width:10% !important;}
	#table-data th:nth-child(4) {width:10% !important;}
	#table-data th:nth-child(5) {width:10% !important;}
	#table-data th:nth-child(6) {width:10% !important;}
	#table-data th:nth-child(7) {width:10% !important;}
	#table-data th:nth-child(8) {width:10% !important;}
	#table-data th:nth-child(9) {width:5% !important;}
	#table-data th:nth-child(10) {width:5% !important;}

	table.dataTable thead > tr > th {
		padding-right:0px;
		padding-left: 30px;
	}
	
	
	.link-topup, .link-topup:hover, .link-topup:focus, .link-reset,.link-reset:hover, .link-reset:focus {color:#037B00;}
	
	
	.input-sm {
    font-size: 14px;
    height: auto;
	padding:0px;
}

	#table-data_filter .input-sm {
    height: 30px;
}
	
	
	.pagination > li > a, .pagination > li > span {
	color: #037b00;

	}

	.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #037b00;

	}

	
	.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
		background-color: #037b00;
		border-color: #037b00;
		
	}
	

	.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px;
	
	}
	
	.navbar {
		min-height: 95px;
		background-color:#00682D;
	}
	
	.footbar {
		min-height: 70px;
		color:#fff;
		text-align:center;
		padding-top:15px;
		background-color: #333;
		/*
		bottom: 0;
		position: absolute;
		*/
		width: 100%;
	}

	#logo {width:240px;margin-top:18px;}
	#logo-icon {width:65px;margin-top:16px;display:none}

		
	    table.dataTable th,
    table.dataTable td {
        white-space: nowrap;
    }	
		
	
.modal-body .col-sm-4 {color:#007900;text-align:right;}
.modal-body .col-sm-8 {text-align:left}



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

/*
	body {padding:0px !important;}


	span.subhead::before, span.subhead::after {
		width: 65px;
		font-size:14px;
	}

	.container {
		padding:0px;
	}


	.form-group {
		margin-bottom: 5%;
	}

	.help-block {
		margin-bottom: 10px;
	}

	label {
		margin-bottom: 0px;
	}
	
*/

		#logo {display:none;}
		#logo-icon {display:block;}
		.modal-dialog {margin:0px;}

		.modal-body .col-sm-4 {text-align:left;}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
			#logo {display:block;}
		#logo-icon {display:none;}
		.modal-dialog {margin:30px auto;}
		
		.modal-body .col-sm-4 {text-align:right;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}