/* CSS crunched with Crunch - http://crunchapp.net/ */
@font-face {
	font-family: bebasNeue;
	src: url('/etanah-awam/javax.faces.resource/theme/public/blue/fonts/BebasNeue.otf.xhtml')
}

html {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 62.5%
}

body {
	font-size: 12px;
	font-size: 1.2rem;
	background: #f2f2f2
}

a {
	cursor: pointer;
	text-decoration: none !important;
	color: #b0cff9
}

.ui-commandlink {
	cursor: pointer !important;
	text-decoration: underline !important
}

a:hover, a.ui-state-hover, .ui-state-hover a {
	color: #263646 !important
}

h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

h1 {
	font-size: 28px
}

h2 {
	font-size: 25px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 19px
}

h5 {
	font-size: 16px
}

h6 {
	font-size: 13px
}

p {
	margin: 0 0 10px
}

table, .ui-datatable-tablewrapper>table {
	width: 100%;
	font-family: Arial, sans-serif, Helvetica;
	font-size: 1.2rem;
	font-size: 12px
}

.ui-datatable table {
	table-layout: auto;
}

fieldset {
	display: table-column;
}

thead, tbody, tfoot, th, td, tr, .ui-datatable>.ui-datatable-tablewrapper>table>thead,
	.ui-datatable>.ui-datatable-tablewrapper>table>tbody, .ui-datatable>.ui-datatable-tablewrapper>table>tfoot,
	.ui-datatable>.ui-datatable-tablewrapper>table tr, .ui-datatable>.ui-datatable-tablewrapper>table tr>td,
	.ui-datatable>.ui-datatable-tablewrapper>table tr>th {
	border-color: #a1a1a1 !important
}

thead>tr>th, .ui-datatable>.ui-datatable-tablewrapper>table>thead>tr>th
	{
	background: #ccc !important;
	color: #0d0d0d !important;
	font-weight: bold !important
}

table>tbody>tr>td, .ui-datatable>.ui-datatable-tablewrapper>table>tbody>tr>td
	{
	background: #fff
}

tfoot>tr>td, .ui-datatable>.ui-datatable-tablewrapper>table>tfoot>tr>td
	{
	background: transparent;
	color: #0d0d0d !important;
	font-weight: bold !important
}

th, td, .ui-datatable>.ui-datatable-tablewrapper>table tr>th,
	.ui-datatable>.ui-datatable-tablewrapper>table tr>td {
	padding: 5px;
}

.ui-datatable .ui-datatable-header {
	background: #263646 !important;
	background: -ms-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -moz-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: -o-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #263646),
		color-stop(1, #263646)) !important;
	background: -webkit-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: linear-gradient(to bottom, #263646 0, #263646 100%)
		!important
}

.ui-datatable .ui-datatable-scrollable-header, .ui-datatable .ui-datatable-scrollable-body,
	.ui-datatable .ui-datatable-scrollable-footer {
	width: 100% !important
}

.ui-datatable .ui-datatable-scrollable-footer-box, .ui-datatable .ui-datatable-scrollable-header-box,
	.ui-datatable .ui-datatable-scrollable-body {
	margin-right: 0 !important
}

.ui-datatable .ui-datatable-tablewrapper>table>tbody>tr.ui-state-hover {
	color: #0d0d0d !important
}
/* REMOVE THIS INSIDE PUBLIC.LESS LATER  */
/* .ui-datatable .ui-datatable-tablewrapper>table>tbody>tr>td .ui-radiobutton .ui-radiobutton-box {
    background: #263646 !important;
    background: -ms-linear-gradient(top, #263646 0, #263646 100%) !important;
    background: -moz-linear-gradient(top, #263646 0, #263646 100%) !important;
    background: -o-linear-gradient(top, #263646 0, #263646 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #263646), color-stop(1, #263646)) !important;
    background: -webkit-linear-gradient(top, #263646 0, #263646 100%) !important;
    background: linear-gradient(to bottom, #263646 0, #263646 100%) !important
} */
.ui-datatable .ui-datatable-tablewrapper>table>tbody>tr>td .ui-radiobutton .ui-radiobutton-box>.ui-radiobutton-icon
	{
	margin: -0.2em 0 0 -0.02em !important
}

.ui-datatable .ui-datatable-tablewrapper>table>tbody>tr>td .ui-chkbox .ui-chkbox-box
	{
	background: #fff !important;
	vertical-align: middle !important
}

.ui-datatable .ui-datatable-tablewrapper>table>tbody>tr>td .ui-chkbox .ui-chkbox-box>.ui-chkbox-icon
	{
	margin: -0.2em 0 0 -0.02em !important;
	cursor: pointer
}

.ui-datatable .ui-datatable-tablewrapper>table>tbody>tr>td .ui-chkbox .ui-chkbox-box.ui-state-active
	{
	background: #b0cff9 !important
}

.ui-datatable .ui-paginator {
	background: #CECECE !important;
	background: -ms-linear-gradient(top, #fff 0, #d1d1d1 100%) !important;
	background: -webkit-linear-gradient(top, #fff, #d1d1d1) !important;
	background: -o-linear-gradient(top, #fff, #d1d1d1) !important;
	background: -moz-linear-gradient(top, #fff, #d1d1d1) !important;
	background: linear-gradient(to bottom, #fff, #d1d1d1) !important;
	border: 1px solid #a1a1a1;
	border-top-width: 0
}

.ui-datatable .ui-paginator .ui-paginator-current {
	color: #0d0d0d !important
}

.ui-datatable .ui-paginator span.ui-paginator-first, .ui-datatable .ui-paginator span.ui-paginator-prev,
	.ui-datatable .ui-paginator span.ui-paginator-next, .ui-datatable .ui-paginator span.ui-paginator-last,
	.ui-datatable .ui-paginator .ui-paginator-pages>span.ui-paginator-page
	{
	background: #54c3ef;
	background: -ms-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -moz-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -o-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54c3ef),
		color-stop(1, #198ed2));
	background: -webkit-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: linear-gradient(to bottom, #54c3ef 0, #198ed2 100%);
	color: #fff !important;
	border-color: #b0cff9
}

.ui-datatable .ui-paginator select.ui-paginator-rpp-options {
	background: #54c3ef !important;
	background: -ms-linear-gradient(top, #54c3ef 0, #198ed2 100%) !important;
	background: -moz-linear-gradient(top, #54c3ef 0, #198ed2 100%)
		!important;
	background: -o-linear-gradient(top, #54c3ef 0, #198ed2 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54c3ef),
		color-stop(1, #198ed2)) !important;
	background: -webkit-linear-gradient(top, #54c3ef 0, #198ed2 100%)
		!important;
	background: linear-gradient(to bottom, #54c3ef 0, #198ed2 100%)
		!important;
	border-radius: 1px !important;
	width: 64px !important;
	color: #fff !important;
	border-color: #b0cff9
}

.ui-datatable .ui-paginator select.ui-paginator-rpp-options option {
	color: #666 !important
}

.ui-datatable .ui-paginator select.ui-paginator-rpp-options.ui-state-hover
	{
	background-color: #b0cff9 !important
}

.ui-datatable-footer.ui-widget-header.ui-corner-bottom {
	background: #ccc;
	border-color: #a1a1a1
}

table.ui-selectoneradio>tbody>tr>td {
	background: transparent
}

button, input[type="button"], input[type="reset"], input[type="submit"],
	button.ui-button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 25px;
	padding: 0;
	border: 1px solid #1681C7 !important;
	background: #54c3ef !important;
	background: -ms-linear-gradient(top, #54c3ef 0, #198ed2 100%) !important;
	background: -moz-linear-gradient(top, #54c3ef 0, #198ed2 100%)
		!important;
	background: -o-linear-gradient(top, #54c3ef 0, #198ed2 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54c3ef),
		color-stop(1, #198ed2)) !important;
	background: -webkit-linear-gradient(top, #54c3ef 0, #198ed2 100%)
		!important;
	background: linear-gradient(to bottom, #54c3ef 0, #198ed2 100%)
		!important;
	-webkit-box-shadow: inset 0 -3px 2px -1px #56c4f0;
	-moz-box-shadow: inset 0 -3px 2px -1px #56c4f0;
	box-shadow: inset 0 -3px 2px -1px #56c4f0;
	margin-right: 5px;
	padding: 0 5px;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover,
	input[type="submit"]:hover, button.ui-button:hover {
	background: #b0cff9 !important;
	color: #000 !important
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus,
	input[type="submit"]:focus, button.ui-button:focus {
	outline: 0
}

button:active, input[type="button"]:active, input[type="reset"]:active,
	input[type="submit"]:active, button.ui-button:active {
	background: #b0cff9 !important;
	color: #000 !important
}

button.ui-button>span.ui-button-text {
	padding: 0
}

.small-button {
	padding: 0.15em !important;
	border: 0 !important;
	background: #4a5155 !important;
	background: -ms-linear-gradient(top, #4a5155 0, #232428 100%) !important;
	background: -moz-linear-gradient(top, #4a5155 0, #232428 100%)
		!important;
	background: -o-linear-gradient(top, #4a5155 0, #232428 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5155),
		color-stop(1, #232428)) !important;
	background: -webkit-linear-gradient(top, #4a5155 0, #232428 100%)
		!important;
	background: linear-gradient(to bottom, #4a5155 0, #232428 100%)
		!important
}

.small-button:hover {
	background: #232428 !important;
	background: -ms-linear-gradient(top, #232428 0, #4a5155 100%) !important;
	background: -moz-linear-gradient(top, #232428 0, #4a5155 100%)
		!important;
	background: -o-linear-gradient(top, #232428 0, #4a5155 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #232428),
		color-stop(1, #4a5155)) !important;
	background: -webkit-linear-gradient(top, #232428 0, #4a5155 100%)
		!important;
	background: linear-gradient(to bottom, #232428 0, #4a5155 100%)
		!important
}

.right-command-btn {
	text-align: right;
	margin-top: 5px
}

.right-command-btn .mandatory-control {
	display: inline-block;
	padding-right: 4px !important;
	float: none
}

.right-command-btn:before, .right-command-btn:after {
	content: '';
	display: block;
	clear: both
}

.left-p-btn {
	text-align: left
}

.right-p-btn {
	text-align: right
}

.d-p-btn {
	display: block
}

.currency-align-right {
	float: right
}

input, input.ui-inputfield {
	font-family: Arial, sans-serif, Helvetica;
	font-size: 1.2rem;
	font-size: 12px
}

input[type="text"], input[type="password"], input.ui-inputfield {
	height: 25px;
	width: 100%;
	padding: 0 10px;
	border: 1px solid #ccc !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 0 #a1a1a1 !important;
	-moz-box-shadow: inset 0 0 1px 0 #a1a1a1 !important;
	box-shadow: inset 0 0 1px 0 #a1a1a1 !important
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: #b0cff9 !important;
	border: 1px solid #b0cff9 !important;
	-webkit-box-shadow: 0 0 2px 1px #b0cff9 !important;
	-moz-box-shadow: 0 0 2px 1px #b0cff9 !important;
	box-shadow: 0 0 2px 1px #b0cff9 !important
}

textarea {
	padding: 5px 10px;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 1px 0 #a1a1a1 !important;
	-moz-box-shadow: inset 0 0 1px 0 #a1a1a1 !important;
	box-shadow: inset 0 0 1px 0 #a1a1a1 !important
}

.form-mandatory {
	float: left;
	padding-left: .5em;
	min-height: 24px;
	margin-right: -6px
}

.mandatory-control {
	/* COMMENTED FOR TEST PURPOSE.DONT REMOVE.WILL FULLY DELETED WHEN TESTING PHASE DONE!!!!!! */
	/* margin-right: -4px;
    padding: 0 7px !important */
	padding-left: 0 !important;
}

.ui-selectoneradio {
	height: 25px !important
}

.ui-selectoneradio td {
	height: 25px !important;
	padding: 0 !important
}

.ui-selectoneradio td label {
	margin-top: 0 !important
}

.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box {
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer
}

.ui-selectoneradio .ui-radiobutton .ui-radiobutton-box>.ui-radiobutton-icon
	{
	margin: -0.2em 0 0 -0.02em !important
}

.ui-selectmanycheckbox td {
	height: 25px
}

.ui-selectmanycheckbox td label {
	margin-top: 0 !important
}

.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
	background: #fff !important;
	vertical-align: middle !important;
	border: 1px solid #ccc !important
}

.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box>.ui-chkbox-icon {
	margin: -0.2em 0 0 -0.02em !important
}

.ui-selectmanycheckbox .ui-chkbox .ui-chkbox-box.ui-state-active {
	background: #b0cff9 !important
}

.form-group .ui-selectmanycheckbox.ui-widget td {
	background: transparent
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	margin-top: 3px
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover
	{
	background: #b0cff9 !important
}

.ui-datepicker .ui-datepicker-title {
	color: #0d0d0d
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-month
	{
	padding: 0;
	width: 45%;
	margin: 0 2px
}

.ui-datepicker .ui-datepicker-header {
	background: #263646 !important;
	background: -ms-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -moz-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: -o-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #263646),
		color-stop(1, #263646)) !important;
	background: -webkit-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: linear-gradient(to bottom, #263646 0, #263646 100%)
		!important
}

.ui-datepicker .ui-datepicker-calendar td a {
	background: #263646 !important;
	background: -ms-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -moz-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: -o-linear-gradient(top, #263646 0, #263646 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #263646),
		color-stop(1, #263646)) !important;
	background: -webkit-linear-gradient(top, #263646 0, #263646 100%)
		!important;
	background: linear-gradient(to bottom, #263646 0, #263646 100%)
		!important;
	color: #fff !important;
	text-align: center
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
	background: #b0cff9 !important;
	color: #0d0d0d !important
}

.ui-autocomplete .ui-autocomplete-input, .ui-autocomplete button.ui-button
	{
	vertical-align: middle
}

.ui-autocomplete button.ui-button {
	background: #ccc !important;
	margin-left: -24px;
	margin-right: -5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ccc !important;
	box-shadow: none;
	width: 24px
}

.file-upload-custom .ui-fileupload .ui-fileupload-buttonbar {
	padding: 0
}

.file-upload-custom .ui-fileupload .ui-fileupload-content {
	display: none
}

.file-upload-custom .single-file-upload {
	padding-left: 15px;
	line-height: 25px
}

.file-upload-data .ui-datalist .ui-datalist-content {
	background: #fff;
	padding: .2em .5em;
	min-height: 25px;
	border: 1px solid #ccc
}

.file-upload-data .ui-datalist .ui-datalist-content ul {
	margin-bottom: 0
}

.file-upload-data .ui-datalist .ui-datalist-content a {
	vertical-align: middle;
	margin-right: .5em
}

.file-upload-data .ui-datalist .ui-datalist-content a.ui-commandlink {
	vertical-align: initial
}

.et-file-upload {
	width: auto
}

.file-upload-section::-webkit-file-upload-button {
	cursor: pointer
}

.file-upload-section .ui-fileupload {
	width: 32px;
	height: 35px
}

.file-upload-section .ui-fileupload .ui-fileupload-content {
	display: none
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar {
	background: none;
	border: none;
	padding: 0;
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose
	{
	height: 32px
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text
	{
	visibility: hidden
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-active
	{
	background: transparent !important
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-cancel,
	.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-upload
	{
	display: none
}

.file-upload-section .ui-fileupload .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon
	{
	width: 30px;
	height: 30px;
	background: url('/etanah-awam/javax.faces.resource/img/lampiran.png.xhtml') no-repeat;
	top: 0;
	left: 0;
	margin-top: 0
}

.currency-align-right {
	float: right
}

.currency-align-right:after {
	content: '';
	display: block;
	clear: both
}

select, select.form-control {
	border: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 25px;
	padding: 0 10px;
	line-height: normal
}

.ui-selectonemenu {
	border: 0 !important;
	background: #ccc !important;
	padding: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100% !important
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: 100% !important;
	height: 25px;
	padding: 5px 10px;
	line-height: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 0 1px 0 #a1a1a1;
	-moz-box-shadow: inset 0 0 1px 0 #a1a1a1;
	box-shadow: inset 0 0 1px 0 #a1a1a1
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: auto;
	border: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	background: #ccc
}

.ui-selectonemenu .ui-selectonemenu-trigger>span.ui-icon {
	margin-top: 5px
}

.ui-selectonemenu-panel {
	width: auto;
	/* max-width: 250px !important */
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper>.ui-selectonemenu-items>.ui-selectonemenu-list-item:hover
	{
	background: #b0cff9;
	color: #4c4c4c
}

select:focus, .ui-selectonemenu:focus {
	outline-color: #b0cff9;
	border: 1px solid #b0cff9
}

@media ( max-width : 767px) {
	#awam-kemaskini-form .ui-selectonemenu {
		width: 100% !important
	}
	#awam-kemaskini-form .ui-selectonemenu label {
		width: 100% !important
	}
}

label.text-red, span.text-red {
	color: red
}

form .mandatory-field {
	position: relative
}

form .mandatory-field i {
	position: absolute;
	padding: 12.5px 2px;
	pointer-events: none
}

form .mandatory-field i .mandatory-border {
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-bottom-left-radius: 1px;
	border-bottom-left-radius: 1px;
	-webkit-border-top-left-radius: 1px;
	-moz-border-top-left-radius: 1px;
	border-top-left-radius: 1px
}

form .mandatory-field i .mandatory-required {
	background: #FF0000
}

form .mandatory-field i .mandatory-completed {
	background-color: #008000
}

form .mandatory-field i .mandatory-optional {
	background-color: #fff
}

fieldset.ui-fieldset {
	background: rgba(88, 167, 218, 0.1)
}

fieldset.ui-fieldset legend {
	font-size: 13px !important;
	font-weight: bold !important;
	text-align: -moz-center;
	text-align: -webkit-center;
	height: 25px;
	padding: 2px 0;
	border: 0 !important;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #57a7da !important;
	background: -ms-linear-gradient(top, #57a7da 0, #2b82ba 100%) !important;
	background: -moz-linear-gradient(top, #57a7da 0, #2b82ba 100%)
		!important;
	background: -o-linear-gradient(top, #57a7da 0, #2b82ba 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57a7da),
		color-stop(1, #2b82ba)) !important;
	background: -webkit-linear-gradient(top, #57a7da 0, #2b82ba 100%)
		!important;
	background: linear-gradient(to bottom, #57a7da 0, #2b82ba 100%)
		!important
}

fieldset.ui-fieldset legend.fieldset-toggleable {
	width: 70% !important;
	margin-left: 20% !important;
	height: 26px;
}
/* fieldset.ui-fieldset legend #tooglepanel-control-box { */
/*     float: right; */
/*     margin-top: -18px; */
/*     padding-right: 2px */
/* } */
form .ui-message-info, form .ui-message-error, form .ui-message-warn,
	form .ui-message-fatal {
	width: 100%;
	height: 25px;
	margin: 0;
	margin-top: 5px;
	padding: 5px 10px;
	display: table
}

.form-horizontal label {
	padding-top: 0
}

.form-horizontal input, .form-horizontal select, .form-horizontal textarea
	{
	width: 100%
}

.form-horizontal select, .form-horizontal textarea {
	line-height: 12.5px
}

.form-horizontal .ui-selectonemenu {
	width: 100% !important
}

.form-horizontal .form-control {
	height: 25px;
	padding: 5px 10px;
	border: 1px solid #ccc
}

.form-horizontal .control-label {
	padding-top: 0;
	text-align: left !important
}

.form-horizontal .form-group {
	margin-bottom: 0;
	margin-left: 0 !important;
	margin-right: 0 !important
}

.row {
	margin: 0 !important
}

.awamDaftarHeading {
	background: #fdfdfd;
	background: -ms-linear-gradient(top, #fdfdfd 0, #c9c9c9 100%);
	background: -moz-linear-gradient(top, #fdfdfd 0, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fdfdfd 0, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd),
		color-stop(1, #c9c9c9));
	background: -webkit-linear-gradient(top, #fdfdfd 0, #c9c9c9 100%);
	background: linear-gradient(to bottom, #fdfdfd 0, #c9c9c9 100%);
	padding: 12px 25px;
	border: 1px solid #D7D7D7;
	font-weight: bold;
	color: #666666
}

header {
	/* background: #263646 */
	background: #fff;
}

header .awam-header-top {
	width: 75.9%;
	color: #fff;
	margin: 0 auto;
	/* padding-bottom: 20px */
}

header .awam-header-bottom {
	background: #f5861f;
	background: -ms-linear-gradient(top, #f5861f 0, #c66509 100%);
	background: -moz-linear-gradient(top, #f5861f 0, #c66509 100%);
	background: -o-linear-gradient(top, #f5861f 0, #c66509 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5861f),
		color-stop(1, #c66509));
	background: -webkit-linear-gradient(top, #f5861f 0, #c66509 100%);
	background: linear-gradient(to bottom, #f5861f 0, #c66509 100%)
}

header .awam-header-bottom .header-bottom {
	width: 75.9%;
	margin: auto;
	line-height: 80px
}

.header-bottom .header-left {
	width: 50%;
	float: left
}

.header-bottom .header-left a img {
	float: left;
	padding: 15px 5px 0 0
}

.header-bottom .header-left p {
	text-transform: uppercase;
	font-size: 20px;
	font-family: "bebasNeue", Helvetica, Arial, sans-serif;
	margin: 0 !important;
	line-height: 30px
}

.header-bottom .header-left p.jenis-akaun-pengguna {
	line-height: 10px;
	font-size: 10px !important;
	font-family: Arial, sans-serif, Helvetica;
	text-transform: capitalize;
	padding-left: 30px
}

.header-bottom .header-left>p, .header-bottom .header-right>a {
	color: #ffffff
}

.header-bottom .header-right {
	font-weight: bold;
	text-align: right
}

.header-bottom .header-right .border-left {
	border-left: 1px solid #A75307;
	padding: 8px 5px
}

#content {
	width: 100%;
	height: auto
}

#content .content-container {
	height: auto;
	min-height: 600px;
	margin: 0 auto;
	width: 75.9%
}

#content .content-container .content-menu-left {
	float: left;
	width: 10%;
	height: 700px !important;
}

#content .content-container .content-menu-left .normal-left-nav {
	width: 92px
}

#content .content-container .content-right {
	float: right;
	width: 90%;
	padding: 5px 0;
	background: #fff;
	min-height: 700px
}

#content .content-container.content-login {
	border: 0;
	background: none
}

#content ul.awam-list {
	list-style-type: disc;
	padding-left: 15px;
	margin-bottom: 5px
}

#content ul.awam-list.list-padding li {
	padding: 5px 0
}

#content article .header {
	background: #C9C9C9;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
	padding: 10px 20px;
	border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 14px
}

#content-logout {
	display: inline-block;
	width: 1016px;
	min-width: 1016px;
	height: auto;
	min-height: 600px;
	margin: 0 auto 2px;
	padding: 8px
}

#content #awam-content-container #penyerah-urusan {
	margin-left: -15px;
	margin-right: -15px
}

.awam-leftbar-header {
	height: 36px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px
}

.awam-leftbar-header label {
	line-height: 36px;
	vertical-align: middle
}

.awam-leftbar-img-content-1 {
	height: 92px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 4px;
	cursor: pointer
}

.awam-leftbar-img-content-2 {
	height: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 4px;
	cursor: pointer
}

#content #bayaran-content-container #bayaran-content-panel-header #bayaran-header-icons ul li
	{
	padding-left: 3px;
	display: inline;
	cursor: pointer
}

#content #bayaran-content-container #bayaran-content-panel-header label
	{
	float: left
}

#content #bayaran-content-container #bayaran-content-panel-header #bayaran-header-icons
	{
	float: right
}

#content #bayaran-content-container #bayaran-form {
	padding-left: 2.5%;
	font-size: 11px
}

#content #bayaran-content-container #bayaran-form #proceed-payment-button
	{
	float: right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 2.5%;
	width: 96px;
	height: 36px;
	border: none;
	cursor: pointer
}

#content #bayaran-content-container #bayaran-form #proceed-payment-button:hover
	{
	background: skyblue !important;
	color: #000
}

#content #bayaran-content-container #bayaran-form #bayaran-content-panel-content #awam-bayaran-meps-fpx #meps-fpx-container,
	#content #bayaran-content-container #bayaran-form #bayaran-content-panel-content #awam-bayaran-visa-master #visa-master-container
	{
	width: 108px;
	height: 48px
}

#content #bayaran-content-container #bayaran-form #bayaran-content-panel-content #awam-bayaran-meps-fpx #meps-fpx-container
	{
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/mepsfpx.png.xhtml')
		no-repeat
}

#content #bayaran-content-container #bayaran-form #bayaran-content-panel-content #awam-bayaran-visa-master #visa-master-container
	{
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/visa-master.png.xhtml')
		no-repeat
}

#content #bayaran-content-container #bayaran-form #bayaran-content-panel-content #awam-bayaran-meps-fpx div:first-child
	{
	width: 5%
}

#content #popup-maklumat-bayaran-container {
	width: 640px;
	height: 650px;
	text-align: left;
	margin: 12px
}

#content #popup-maklumat-bayaran-container u {
	cursor: pointer;
	color: orange
}

#content #popup-maklumat-bayaran-container #popup-merchant-selection-container
	{
	margin-top: 16px
}

#content #popup-maklumat-bayaran-container #popup-merchant-selection-container img
	{
	line-height: 36px;
	vertical-align: middle;
	height: 36px;
	padding: 8px
}

#content #popup-maklumat-bayaran-container #popup-information-fillup-container
	{
	margin-top: 16px
}

#content #popup-maklumat-bayaran-container #popup-payment-buttons {
	margin-top: 16px
}

#content #popup-maklumat-bayaran-container #popup-payment-buttons input[type=button]
	{
	width: 142px;
	height: 32px;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 6px
}

#content #popup-maklumat-bayaran-container #popup-payment-buttons input[type=button]:hover
	{
	background: skyblue !important;
	color: #000
}

#content #popup-payment-reciept-container {
	width: 500px;
	height: 500px;
	margin: 12px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table
	{
	border-bottom: 1px solid grey;
	border-spacing: 0 !important;
	margin-top: 12px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tbody tr td:first-child
	{
	border-right: 1px solid grey;
	border-top: 1px solid grey;
	border-left: 1px solid grey
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tbody tr td:last-child
	{
	border-top: 1px solid grey;
	border-right: 1px solid grey
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td input[type=text],
	#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td input[type=password]
	{
	width: 30%;
	min-width: 180px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container label .awam-content-title
	{
	font-size: 16px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-fileupload .ui-state-default
	{
	background: #abe6ff !important;
	background: -ms-linear-gradient(top, #abe6ff 0, #3535ef 100%) !important;
	background: -moz-linear-gradient(top, #abe6ff 0, #3535ef 100%)
		!important;
	background: -o-linear-gradient(top, #abe6ff 0, #3535ef 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abe6ff),
		color-stop(1, #3535ef)) !important;
	background: -webkit-linear-gradient(top, #abe6ff 0, #3535ef 100%)
		!important;
	background: linear-gradient(to bottom, #abe6ff 0, #3535ef 100%)
		!important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-chkbox
	{
	float: right
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-chkbox-box
	{
	background: white !important;
	box-shadow: 1px 0px 6px grey !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-fileupload .ui-state-default:hover
	{
	color: black
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-fileupload .ui-state-default:active
	{
	background: skyblue !important;
	box-shadow: 1px 1px 6px skyblue !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-fileupload *
	{
	border: none !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-widget-header,
	#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tr td .ui-fileupload-content
	{
	background: none !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tbody tr td:first-child
	{
	width: 30%
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table thead tr
	{
	text-align: left;
	font-size: 14px !important;
	height: 36px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table thead tr th
	{
	vertical-align: middle;
	padding-left: 8px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container table tbody tr td
	{
	padding: 8px;
	vertical-align: middle
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container #awam-pengguna-pendaftaran-pengesahan-table tbody tr td:first-child
	{
	width: 5% !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container #awam-pengguna-pendaftaran-pengesahan-table table tbody tr td label
	{
	margin-top: -6px
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container #awam-pengguna-pendaftaran-pengesahan-table table,
	#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container #awam-pengguna-pendaftaran-pengesahan-table table *
	{
	border: none !important;
	border-top: none !important;
	border-right: none !important
}

#content-logout #awam-registration-form #awam-pengguna-pendaftaran-container #awam-pengguna-pendaftaran-form-buttons
	{
	margin-top: 12px;
	float: right
}

#content #awam-kemaskini-container>#awam-pengguna-kemaskini-successful {
	margin-top: 32px !important;
	width: 300px;
	height: 60px;
	border: 1px solid #ccc;
	margin: 0 auto;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#content #awam-kemaskini-container>#awam-pengguna-kemaskini-successful label
	{
	line-height: 60px;
	vertical-align: middle
}

#content-logout #awam-pengguna-pendaftaran-successfull {
	width: 300px;
	height: 60px;
	border: 1px solid grey;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

#content-logout #awam-pengguna-pendaftaran-successful label {
	line-height: 60px;
	vertical-align: middle
}

.awam-registration-field-maxwidth {
	width: 95% !important
}

#awam-kemaskini {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/kemaskini.png.xhtml')
		no-repeat;
	display: inline-block;
	height: 33px;
	width: 115px;
	margin-top: 5px;
	margin-left: 140px
}

#awam-logkeluar {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/logout.png.xhtml')
		no-repeat;
	display: inline-block;
	height: 33px;
	width: 98px;
	margin-top: 5px
}

#content #sticky-left-navigation, #content-logout #sticky-left-navigation
	{
	position: absolute;
	width: 64px;
	height: auto;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
	background: #CECECE;
	background: -ms-linear-gradient(top, #fff 0, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #fff, #d1d1d1);
	background: -o-linear-gradient(top, #fff, #d1d1d1);
	background: -moz-linear-gradient(top, #fff, #d1d1d1);
	background: linear-gradient(to bottom, #fff, #d1d1d1);
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	left: 0
}

#content #sticky-left-navigation .navigation-images, #content-logout #sticky-left-navigation .navigation-images
	{
	height: 48px;
	border-bottom: 1px solid grey;
	padding: 6px 0 0 12px;
	cursor: pointer
}

#content-logout #sticky-left-navigation .navigation-images div {
	height: 32px;
	width: 32px;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 12px
}

#content #sticky-left-navigation .navigation-images:last-child,
	#content-logout #sticky-left-navigation .navigation-images:last-child {
	border-bottom: none !important
}

.awam-left-panel {
	padding-right: 15px
}

.awam-right-panel {
	padding-left: 15px
}

ul.awam-list li a {
	color: blue;
	text-decoration: none !important
}

.control-label {
	padding-right: 5px
}

.awam-som {
	display: block
}
/* COMMENTED FOR TEST PURPOSE.DONT REMOVE.WILL FULLY DELETED WHEN TESTING PHASE DONE!!!!!! */
/* .awam-poskod { */
/*     margin-left: -7px !important */
/* } */
fieldset {
	margin-bottom: 5px
}

.ui-widget fieldset span, .field {
	line-height: 25px
}

.info-pengguna-portal {
	color: #666666;
	background: rgba(255, 255, 255, 0.4);
	padding: 10px 10px;
	width: 270px
}

.awam-form-label {
	font-weight: bold
}

.content-menu-left {
	float: left;
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/awam_left_blue_bg.png.xhtml');
	background-repeat: repeat-y
}

.content-menu-left .normal-left-nav>p {
	margin: 0
}

.content-menu-left .normal-left-nav>p a {
	width: 92px;
	height: 66px;
	display: block
}

.content-menu-left p a.menu-1 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/permohonan_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-1:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/permohonan_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-2 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/status_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-2:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/status_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-3 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/cukai_petak_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-3:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/cukai_petak_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-4 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/carian_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-4:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/carian_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-5 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/ecarian_off150318.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-5:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/ecarian_on150318.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-6 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/bayaran_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-6:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/bayaran_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-7 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/eJanjitemu_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-7:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/eJanjitemu_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-8 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/bilKelompok_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-8:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/bilKelompok_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-9 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/wakil_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-9:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/wakil_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-10 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/profil_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-10:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/profil_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-11 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/tukarganti_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-11:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/tukarganti_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-12 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/pengurusan_idpengguna_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-12:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/pengurusan_idpengguna_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-13 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/laporan_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-13:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/laporan_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-14 {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/pelelong_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-14:hover {
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/pelelong_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-15 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/carian_gis_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-15:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/carian_gis_on.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-16 {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/rekodbayaran_off.png.xhtml')
		no-repeat 0 0
}

.content-menu-left p a.menu-16:hover {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/rekodbayaran_on.png.xhtml')
		no-repeat 0 0
}

.ui-widget-content {
	border: none
}

.ui-tabs {
	padding: 0
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all
	{
	background: #263646 !important;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 4px 0 0 4px
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all>li
	{
	padding: 3px;
	font-weight: bold
}

.ui-tabs-nav li.ui-state-default.ui-state-active, .ui-tabs-nav li.ui-state-default.ui-state-hover
	{
	background: #bfbfbf !important;
	background: -ms-linear-gradient(top, #bfbfbf 0, #fff 100%) !important;
	background: -moz-linear-gradient(top, #bfbfbf 0, #fff 100%) !important;
	background: -o-linear-gradient(top, #bfbfbf 0, #fff 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfbfbf),
		color-stop(1, #fff)) !important;
	background: -webkit-linear-gradient(top, #bfbfbf 0, #fff 100%)
		!important;
	background: linear-gradient(to bottom, #bfbfbf 0, #fff 100%) !important
}

.ui-tabs-nav li.ui-state-default {
	border: none;
	background: #55a6d9 !important;
	background: -ms-linear-gradient(top, #55a6d9 0, #2b83ba 100%) !important;
	background: -moz-linear-gradient(top, #55a6d9 0, #2b83ba 100%)
		!important;
	background: -o-linear-gradient(top, #55a6d9 0, #2b83ba 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #55a6d9),
		color-stop(1, #2b83ba)) !important;
	background: -webkit-linear-gradient(top, #55a6d9 0, #2b83ba 100%)
		!important;
	background: linear-gradient(to bottom, #55a6d9 0, #2b83ba 100%)
		!important
}

.ui-tabs-nav li.ui-state-default.ui-state-hover a {
	color: #000 !important
}

.media-viewer-modal {
	overflow: hidden
}

@media ( max-width : 767px) {
	#content {
		width: 100%;
		height: auto
	}
	#content .content-container .content-begin {
		height: 0
	}
	#content .content-container.content-pushup {
		margin-top: 0
	}
}

#footer {
	width: 100%;
	height: auto;
	clear: both;
	background: #263646
}

/** new footer*/
.awam-footer-bottom {
	background: #333333;
	color: #b5b5a9;
	text-align: center;
	height: 50px;
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding: 29px 0 88px 55px;
}

.footer1 {
	font-weight: bold;
}

#footer footer div.awam-footer {
	width: 90%;
	line-height: normal;
	font-size: 12px;
	color: #fff;
	padding: 10px 0;
	margin: 0 auto
}

div.awam-footer-container li {
	display: inline-table
}

div.awam-footer-container li#awam-footer-left {
	width: 33%;
	margin-left: 0.2%
}

div.awam-footer-container li#awam-footer-middle {
	width: 33%
}

div.awam-footer-container li#awam-footer-right {
	width: 33%
}

div.awam-footer-container .awam-footer-bottom {
	clear: both;
	text-align: center;
	border-top: 2px solid #666;
	padding-top: 5px
}

#h {
	font-family: "bebasNeue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	border-bottom: 3px solid #666666;
	padding-left: 20px
}

p.f-h-kami {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/add.png.xhtml')
		0 5px no-repeat
}

p.f-aduan {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/aduan.png.xhtml')
		0 0 no-repeat
}

p.f-u-lazim {
	background:
		url('/etanah-awam/javax.faces.resource/theme/public/blue/img/fav.png.xhtml')
		0 0 no-repeat
}

#p {
	font-size: 11px;
	line-height: 20px
}

p#awam-footer-bottom-link a {
	color: yellow;
	padding-right: 3px;
	font-weight: bold;
	line-height: 20px
}

p#awam-footer-bottom-link a:hover {
	color: #fff;
	cursor: pointer
}

.ui-outputlabel-rfi {
	color: red
}

.ui-dialog-titlebar {
	background: #f2f2f2 !important;
	background: -ms-linear-gradient(top, #f2f2f2 0, #aeaeae 100%) !important;
	background: -moz-linear-gradient(top, #f2f2f2 0, #aeaeae 100%)
		!important;
	background: -o-linear-gradient(top, #f2f2f2 0, #aeaeae 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2),
		color-stop(1, #aeaeae)) !important;
	background: -webkit-linear-gradient(top, #f2f2f2 0, #aeaeae 100%)
		!important;
	background: linear-gradient(to bottom, #f2f2f2 0, #aeaeae 100%)
		!important;
	color: #333
}

.ui-dialog .ui-dialog-content {
	padding: 5px !important
}

.et-dialog .ui-dialog {
	overflow: hidden !important
}

.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover {
	background: #fff !important
}

.ui-tabs-nav li.ui-state-default.ui-state-active.ui-state-hover a {
	color: #000 !important
}

.ui-tabs-nav li.ui-state-default.ui-state-hover a {
	color: #fff
}

.ui-tabs table {
	text-align: left
}

.ui-tabs table tr {
	border: none
}

.ui-tabs table th.ui-state-default {
	color: #000;
	font-weight: bold
}

.ui-tabs .ui-tabs-panels {
	background: #fff !important;
	border-left: solid 0.1em silver;
	border-bottom: solid 0.1em silver;
	border-right: solid 0.1em silver
}

li.ui-tabs-selected {
	background: #fff !important;
	color: #000
}

.ui-chkbox .ui-chkbox-box {
	border: 1px solid silver;
	background: #fff;
	cursor: pointer
}

span.ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active {
	background: #263646 !important
}

.ui-autocomplete {
	width: 100%
}

.ui-dialog-titlebar-icon.ui-state-hover, .ui-dialog-titlebar-icon.ui-state-focus
	{
	background: #666;
	border: 1px solid #fff
}

.ui-widget {
	font-family: Arial, sans-serif, Helvetica !important;
	font-size: 12px;
	font-size: 1.2rem
}

.et-file-upload .ui-fileupload span.ui-button {
	border: 1px solid #1681C7;
	background: #54c3ef;
	background: -ms-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -moz-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -o-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #54c3ef),
		color-stop(1, #198ed2));
	background: -webkit-linear-gradient(top, #54c3ef 0, #198ed2 100%);
	background: linear-gradient(to bottom, #54c3ef 0, #198ed2 100%);
	-webkit-box-shadow: inset 0 -3px 2px -1px #56c4f0;
	-moz-box-shadow: inset 0 -3px 2px -1px #56c4f0;
	box-shadow: inset 0 -3px 2px -1px #56c4f0
}

.et-file-upload .ui-fileupload .ui-fileupload-buttonbar.ui-widget-header,
	.et-file-upload .ui-fileupload .ui-fileupload-content.ui-widget-content
	{
	background: none;
	border: 0
}

.et-file-upload-iconize .ui-fileupload span.ui-button {
	background: transparent;
	border: transparent;
	box-shadow: none
}

section.vertical {
	height: auto;
	margin: 0 0 5px 0;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px
}

section.vertical .section-header-container {
	width: 100%;
	height: 40px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	background: #57a7da;
	background: -ms-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -moz-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -o-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57a7da),
		color-stop(1, #2b82ba));
	background: -webkit-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: linear-gradient(to bottom, #57a7da 0, #2b82ba 100%)
}

section.vertical .section-header-container label {
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	line-height: 40px;
	padding: 5px 15px
}

section.vertical .section-content {
	width: 100%;
	height: auto;
	padding: 5px 10px;
	background: #CECECE;
	background: -ms-linear-gradient(top, #fff 0, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #fff, #d1d1d1);
	background: -o-linear-gradient(top, #fff, #d1d1d1);
	background: -moz-linear-gradient(top, #fff, #d1d1d1);
	background: linear-gradient(to bottom, #fff, #d1d1d1)
}

section.horizontal {
	height: auto;
	min-height: 76px;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: Arial, sans-serif, Helvetica;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

section.horizontal .section-header {
	height: 76px;
	min-height: 76px;
	background: #57a7da;
	background: -ms-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -moz-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -o-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57a7da),
		color-stop(1, #2b82ba));
	background: -webkit-linear-gradient(top, #57a7da 0, #2b82ba 100%);
	background: linear-gradient(to bottom, #57a7da 0, #2b82ba 100%);
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	text-align: center
}

section.horizontal .section-header .adjust-img-position {
	height: 71px
}

section.horizontal .section-header a, section.horizontal .section-header a label
	{
	cursor: pointer
}

section.horizontal .section-header a {
	height: 76px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	-ms-word-break: break-all;
	word-break: break-all
}

section.horizontal .section-content {
	height: 76px;
	min-height: 76px;
	display: table;
	background: #fff;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px
}

section.horizontal .section-content a.urusan-tanah {
	display: table-cell;
	color: blue;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none
}

#container {
	width: 100%;
	height: 100%;
	position: relative
}

#awam-dashboard table>tbody>tr>td:nth-child(2) {
	background: #efefef !important
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.word-break {
	-ms-word-break: break-all;
	word-break: break-all
}

.awam-image-navigation {
	height: auto;
	margin: 0 0 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.awam-image-navigation a {
	display: block;
	width: auto;
	height: auto
}

.awam-image-navigation a img {
	width: 100%;
	height: auto
}

.awam-common-title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 5px 0
}

.awam-common-title .light-blue {
	color: #109AE7
}

.awam-common-title .blue {
	color: blue
}

.awam-panel {
	color: white;
	font-family: arial;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-weight: bold;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background: #7db9e8;
	background: -ms-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -moz-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -o-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db9e8),
		color-stop(1, #5d29ce));
	background: -webkit-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: linear-gradient(to bottom, #7db9e8 0, #5d29ce 100%)
}

.awam-gray-content {
	padding: 15px 0;
	border: solid;
	border-top: none;
	border-width: 1px;
	border-color: silver;
	background: #fff;
	background: -ms-linear-gradient(top, #fff 0, #e9dbfc 100%);
	background: -moz-linear-gradient(top, #fff 0, #e9dbfc 100%);
	background: -o-linear-gradient(top, #fff 0, #e9dbfc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #e9dbfc));
	background: -webkit-linear-gradient(top, #fff 0, #e9dbfc 100%);
	background: linear-gradient(to bottom, #fff 0, #e9dbfc 100%)
}

.awam-gray-panel {
	margin-bottom: 5px;
	color: #333333;
	font-family: arial;
	font-size: 14px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	border: 1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	background: -ms-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -moz-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #c9c9c9));
	background: -webkit-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: linear-gradient(to bottom, #fff 0, #c9c9c9 100%)
}

.langkahsteps {
	background: url('')
		no-repeat;
	width: 69px;
	height: 45px;
	display: inline-block
}

.langkahNo {
	padding-top: 12px;
	padding-left: 25px;
	font-weight: bold;
	color: black;
	display: inline-block
}

.modul_title, .modul_title span {
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.modul_title {
	background: #7db9e8;
	background: -ms-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -moz-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -o-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db9e8),
		color-stop(1, #5d29ce));
	background: -webkit-linear-gradient(top, #7db9e8 0, #5d29ce 100%);
	background: linear-gradient(to bottom, #7db9e8 0, #5d29ce 100%);
	width: 111px;
	height: 82px;
	float: left
}

.modul_title span {
	color: white;
	font-weight: bold;
	display: table-cell;
	height: 82px;
	width: 190px;
	text-align: center;
	vertical-align: middle;
	padding: 0
}

.modul_txt {
	background: #fff;
	background: -ms-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -moz-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -o-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #c9c9c9));
	background: -webkit-linear-gradient(top, #fff 0, #c9c9c9 100%);
	background: linear-gradient(to bottom, #fff 0, #c9c9c9 100%);
	display: table-cell;
	height: 82px;
	width: 190px;
	text-align: left;
	vertical-align: middle;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 20px 0 20px
}

#modul_table {
	margin-left: 10px;
	margin-right: 10px;
	width: 100% !important
}

#modul_table tr {
	border-spacing: 0px
}

#modul_table td {
	padding: 10px;
	width: 350px
}

#modul_table td a {
	text-decoration: none;
	color: black;
	font-family: arial;
	font-size: 13px
}

.cyan-blue-title {
	padding: 15px 0 5px 0;
	border-bottom: solid;
	border-width: 1px;
	font-family: arial;
	font-size: 12px
}

.content_box {
	margin: 10px 0 0 0;
	padding: 5px;
	border: solid;
	border-width: 1px;
	border-color: lightgreen;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	background: -ms-linear-gradient(top, #fff 0, #8cffbf 100%);
	background: -moz-linear-gradient(top, #fff 0, #8cffbf 100%);
	background: -o-linear-gradient(top, #fff 0, #8cffbf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #8cffbf));
	background: -webkit-linear-gradient(top, #fff 0, #8cffbf 100%);
	background: linear-gradient(to bottom, #fff 0, #8cffbf 100%)
}

.table_header {
	background-color: #7fc9ec;
	text-align: center;
	height: 30px;
	color: #000
}

.cyan-blue-title {
	padding: 15px 0 5px 0;
	border-bottom: solid;
	border-width: 1px;
	font-family: arial;
	font-size: 12px
}

.table_header {
	background-color: #7fc9ec;
	text-align: center;
	height: 30px;
	color: #000
}

.text-left td {
	text-align: left
}

.row-color-1 {
	background-color: #B0D0F9
}

.row-color-2 {
	background-color: #FECCFF
}

.maklumat-cukai-tanah-width {
	width: 50px
}

.maklumat-cukai-tanah-width-2 {
	width: 5px;
	text-align: right !important
}

.akaunDialog {
	top: 38px !important;
	width: 600px !important
}

#warga-nav-mobile {
	text-align: center
}

#header-top-nav-mobile {
	line-height: 32px;
	vertical-align: middle;
	text-align: center
}

#header-top-nav-mobile select {
	width: 80%
}

.ft_black_container {
	height: 158px;
	width: 1024px;
	margin: 0 auto;
	font-family: arial;
	font-size: 14px
}

.ft_black_left_content {
	height: 158px;
	width: 35%;
	display: inline-block;
	float: left;
	text-align: left;
	color: silver
}

.ft_black_right_content {
	height: 158px;
	width: 65%;
	display: inline-block;
	float: right;
	text-align: right;
	color: silver
}

#ecarian-blue-box, #ecarian-yellow-box, #ecarian-yellow-box2 {
	border-radius: 5px
}

#ecarian-blue-box {
	display: inline-block;
	width: 60%;
	height: 220px;
	margin: 0 2em 0 0.5em;
	background: #fff;
	background: -ms-linear-gradient(top, #fff 0, #88fcdf 100%);
	background: -moz-linear-gradient(top, #fff 0, #88fcdf 100%);
	background: -o-linear-gradient(top, #fff 0, #88fcdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #88fcdf));
	background: -webkit-linear-gradient(top, #fff 0, #88fcdf 100%);
	background: linear-gradient(to bottom, #fff 0, #88fcdf 100%);
	border: solid .1em #99fcd8
}

#ecarian-yellow-box {
	display: inline-block;
	width: 32%;
	margin: 0 0 3em 0;
	padding: 5px;
	background: #fff4bf;
	background: -ms-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -moz-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -o-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff4bf),
		color-stop(1, #fff359));
	background: -webkit-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: linear-gradient(to bottom, #fff4bf 0, #fff359 100%)
}

#ecarian-yellow-box2 {
	background: #fff4bf;
	background: -ms-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -moz-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -o-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff4bf),
		color-stop(1, #fff359));
	background: -webkit-linear-gradient(top, #fff4bf 0, #fff359 100%);
	background: linear-gradient(to bottom, #fff4bf 0, #fff359 100%)
}

#bayaran-content-panel-content #awam-bayaran-meps-fpx #meps-fpx-container
	{
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/mepsfpx.png.xhtml')
		no-repeat;
	width: 108px;
	height: 48px
}

#bayaran-content-panel-content #awam-bayaran-visa-master #visa-master-container
	{
	background: url('/etanah-awam/javax.faces.resource/theme/public/blue/img/visa-master.png.xhtml')
		no-repeat;
	width: 108px;
	height: 48px
}

#ecs-carian-baru-container {
	font-family: arial;
	font-size: 0.8em
}

#ecarian-persendirian-menu ul {
	padding: 0.5em 3em;
	text-align: left
}

#ecarian-persendirian-menu li {
	padding: 0.5em 0
}

#ecarian-baru-ps-wrapper {
	text-align: left;
	margin: 1em;
	line-height: 3em;
	font-family: arial;
	font-size: 13px;
	padding-bottom: 2em;
	border-bottom: 0.2em dashed silver
}

button.ui-state-default.blue-button {
	border: 1px solid silver;
	background: #7db9e8;
	background: -ms-linear-gradient(top, #7db9e8 0, #7031f7 100%);
	background: -moz-linear-gradient(top, #7db9e8 0, #7031f7 100%);
	background: -o-linear-gradient(top, #7db9e8 0, #7031f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7db9e8),
		color-stop(1, #7031f7));
	background: -webkit-linear-gradient(top, #7db9e8 0, #7031f7 100%);
	background: linear-gradient(to bottom, #7db9e8 0, #7031f7 100%)
}

#ecs-carian-baru-container th.ui-state-default {
	color: #000;
	font-weight: bold
}

#ecs-bayaran-carian-container th.ui-state-default {
	color: #000;
	font-weight: bold
}

#ecs-bayaran-carian-container .ui-datatable .ui-datatable-footer {
	text-align: right;
	background: silver !important;
	color: #333;
	border: 1px solid gray
}

#ecs-sejarah-carian-container th.ui-state-default {
	color: black;
	font-weight: bold
}

#ecs-sejarah-carian-container .ui-datatable .ui-datatable-footer {
	text-align: right;
	background: silver !important;
	color: #333;
	border: 1px solid gray
}

.awam-content-padding-top {
	padding-top: 34px
}

.awam-header-panel-title-padding-left {
	padding-left: 16px
}

.awam-header-panel-title-padding-right {
	padding-right: 16px
}

.awam-header-panel {
	border: 1px solid #B8B8B8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 50px;
	width: 95%;
	margin: 0 auto
}

.awam-header-title {
	line-height: 50px;
	vertical-align: middle
}

.awam-payment-popup-heading-1 {
	font-size: 15px;
	font-weight: bold;
	color: skyblue
}

.awam-payment-popup-heading-2 {
	font-size: 12px;
	font-weight: bold
}

.awam-bayaran-type-container {
	border: 1px solid #B8B8B8;
	border-radius: 4px;
	width: 108px;
	height: 48px
}

.payment-label-padding-left {
	padding-left: 16px
}

.awam-table-header, .awam-table-footer {
	font-size: 12px;
	font-size: 1.2rem;
	width: 100% !important;
	padding-left: 10px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	line-height: 28px;
	height: 28px
}

.awam-table-header {
	-webkit-border-top-right-radius: 3px !important;
	-moz-border-top-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
	-webkit-border-top-left-radius: 3px !important;
	-moz-border-top-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
	color: white !important;
	font-weight: bold !important;
	font-family: Arial, sans-serif, Helvetica !important;
	margin-bottom: 1px !important;
	text-align: left
}

.awam-table-footer {
	-webkit-border-bottom-left-radius: 3px !important;
	-moz-border-bottom-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	-webkit-border-bottom-right-radius: 3px !important;
	-moz-border-bottom-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	margin-top: 2px !important;
	text-align: right
}

.awam-table {
	display: table;
	width: 100%
}

.awam-inline-table {
	display: inline-table
}

.awam-table-row {
	display: table-row
}

.awam-table-cell {
	display: table-cell;
	vertical-align: middle
}

.hide {
	display: none
}

.show {
	display: block
}

.vertical-separator {
	display: table-cell;
	width: 1px;
	height: 95%;
	border-right: 1px solid grey;
	-webkit-border-radius: .045px;
	-moz-border-radius: .045px;
	border-radius: .045px;
	background: grey;
	margin-left: 1em;
	margin-right: 1em;
	vertical-align: middle
}

.horizontal-separator {
	display: table-cell;
	height: 1px;
	width: 244px;
	border-top: 1px solid grey;
	-webkit-border-radius: 22.22222222px;
	-moz-border-radius: 22.22222222px;
	border-radius: 22.22222222px;
	background: grey
}

.vertical-spacing {
	height: 6px
}

.gradient-default {
	background: #263646;
	background: -ms-linear-gradient(top, #263646 0, #263646 100%);
	background: -moz-linear-gradient(top, #263646 0, #263646 100%);
	background: -o-linear-gradient(top, #263646 0, #263646 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #263646),
		color-stop(1, #263646));
	background: -webkit-linear-gradient(top, #263646 0, #263646 100%);
	background: linear-gradient(to bottom, #263646 0, #263646 100%)
}

.gradient-white {
	background: #CECECE;
	background: -ms-linear-gradient(top, #fff 0, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #fff, #d1d1d1);
	background: -o-linear-gradient(top, #fff, #d1d1d1);
	background: -moz-linear-gradient(top, #fff, #d1d1d1);
	background: linear-gradient(to bottom, #fff, #d1d1d1)
}

/* IMPORTANT!!. NEED TO ADD THIS TO less file LATER!! */
thead.ui-panelgrid-header .ui-widget-header {
	background: #ccc !important;
	color: black;
}

.ui-panelgrid-cell.ui-widget-header, .ui-panel {
	background: #fff;
}

table.ui-panelgrid tbody tr, table.ui-panelgrid tbody tr td {
	border: 1px solid #A1A1A1 !important;
}

/*PLEASE ADD THIS INSIDE LESS FILE LATER!!!!!!*/
.fieldset-toggle.tgPanelContainer {
	/*     float: left; */
	display: inline-block;
}

fieldset.ui-fieldset legend #tooglepanel-control-box {
	float: right;
	margin-top: 1px;
	width: 44px;
}

.ui-dialog .ui-datatable-tablewrapper {
	overflow: visible !important;
}

.ui-dialog .ui-datatable tbody td {
	overflow: visible;
}

fieldset {
	display : block;
}