/*FONTS*/
	@font-face {
		font-family:'rcgn_reg';
	    src: url('../fonts/rcgn_reg.eot?#iefix') format('embedded-opentype'), 
	         url('../fonts/rcgn_reg.woff') format('woff'),
	         url('../fonts/rcgn_reg.ttf') format('truetype'),
	         url('../fonts/rcgn_reg.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family:'rcgn_bold';
	    src: url('../fonts/rcgn_bold.eot?#iefix') format('embedded-opentype'), 
	         url('../fonts/rcgn_bold.woff') format('woff'),
	         url('../fonts/rcgn_bold.ttf') format('truetype'),
	         url('../fonts/rcgn_bold.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family:'rcgn_light';
	    src: url('../fonts/rcgn_light.eot?#iefix') format('embedded-opentype'), 
	         url('../fonts/rcgn_light.woff') format('woff'),
	         url('../fonts/rcgn_light.ttf') format('truetype'),
	         url('../fonts/rcgn_light.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
/*ESSENTIALS*/
	html, body {
		color:#333;
	    font-family:'rcgn_reg', Arial, Helvetica, sans-serif;
	    font-size: 14px;
	    height: 100%;
	    /*overflow: auto;*/
		 /*touch events */
		/*-ms-touch-action: none;
		touch-action: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		-ms-content-zooming: none;*/
		-webkit-overflow-scrolling: touch;
	}
	a {
		color: #698c00;
	}
	a:hover, a:active, a:focus {
		color:#666;
		text-decoration: none;
	}
	/*form elements*/
		input, select, textarea {
	    	max-width: 220px;
	    	min-width: 50px;
			height: 50px;
			background-color: #fff;
			border: 1px solid #ccc;
			border-bottom: 1px solid #999;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			-ms-border-radius: 0px;
			border-radius: 0px;
			padding: 5px;
			margin:0;
	    }
	    input:last-child, select:last-child, textarea:last-child {
	    	margin-right: 0;
	    }
	    input[readonly], select[readonly], textarea[readonly],
	    input[disabled], select[disabled], textarea[disabled],
	    input[disable], select[disable], textarea[disable] {
	    	color: #666;
			background:#eee;
	    }
	    input, textarea {
	    	-webkit-appearance: none;
	    }
	    select{
			height: 38px;
			border: 0;
			outline: 1px solid #ccc;
	    }
	    textarea {
	    	max-width: auto;
	    	height: auto;
	    	min-height: 60px;
	    }
	    input[type='checkbox'] {
			vertical-align: middle;
			line-height: 1em;
			width: 20px;
			min-width: 20px;
			height: 20px;
			background-color: #fff;
			border: 1px solid #ccc;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			padding: 0;
			margin: 5px 0;
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
		}
		input[type='checkbox']:active {
			background-color: #dadada;
		}
		input[type='checkbox']:checked {
			background-color: #690;
			border: 1px solid #fff;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			border-radius: 50%;
		}
		input[type='checkbox']:checked::after {
			-webkit-appearance: none;
			width: 66%;
			height: 28%;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			-webkit-transform: rotate(-50deg);
			-ms-transform: rotate(-50deg);
			transform: rotate(-50deg);
			position: absolute;
			left: 15%;
			top: 25%;
			content: '';
		}
		input[type='checkbox']:focus {
			outline-color: transparent;
			outline: -webkit-focus-ring-color auto 0;
		}
		input[type='checkbox'] [disabled] {
			border: 1px solid #dadada;
			background-color:#eee;
		}
		input[type='radio'] {
		    vertical-align: middle;
		    line-height: 1em;
		    width: 20px;
		    min-width: 20px;
		    height: 20px;
		    margin: 5px 0;
		    padding: 0;
		    background-color: #fff;
		    border: 1px solid #999;
		    -webkit-border-radius: 50%;
		    -moz-border-radius: 50%;
		    -ms-border-radius: 50%;
		    border-radius: 50%;
		    -webkit-appearance: none;
		    position: relative;
		    display: inline-block;
		    cursor: pointer;
		}
		input[type='radio']:active {
		    background-color: #dadada;
		}
		input[type='radio']:checked {
			background-color: #fff;
			border: 5px solid #777;
	    }
	    input[type='radio']:focus {
			outline-color: #333;
		}
		input[type='radio'] [disabled] {
			background-color:#fff;
		}
		input[placeholder],
		:-moz-placeholder, 
		::-moz-placeholder, 
		input:-moz-placeholder, 
		:-ms-input-placeholder, 
		::-webkit-input-placeholder {
			color: #999;
			background:#fff;
		}
		*:focus {
			outline: none;
		}
		select:focus,
		input:focus,
		textarea:focus {
			outline: #ccc auto 4px;
		}
		form input,
		form select {
			margin-right: 10px;
		}
		form label {
			text-transform: uppercase;
			margin-right: 5px;
		}
		form .form_big label {
			color: #666;
			text-transform: uppercase;
			margin-top: 10px;
			margin-bottom: -5px;
			display: block;
		}
	/*buttons*/
		button, img {
			border:none;
		}
		button,
		input[type='button'] {
			color: #666;
			font-family:'rcgn_light', Arial, Helvetica, sans-serif;
			font-size: 1.3em;
			font-weight: normal;
			text-align: center;
			text-transform: uppercase;
			line-height: initial;
			vertical-align: middle;
			width: auto;
			min-width: 50px;
			min-height:50px;
			background: #dadada;
			border: 0;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			-ms-border-radius: 0px;
			border-radius: 0px;
			padding: 2px 10px;
			cursor: pointer;
		}
		button:hover, button:focus, button:active,
		input[type='button']:hover, input[type='button']:active {
			color: #dadada;
			background:#333;
			box-shadow:none;
		}
		button i+span,
		input[type='button'] i+span {
			padding-left: 5px;
		}
		button.btn_acc,
		input[type='button'].btn_acc {
			color: #dadada;
			background:#698c00;
		}
		button.btn_acc:hover, button.btn_acc:focus, button.btn_acc:active,
		input[type='button'].btn_acc:hover, input[type='button'].btn_acc:active {
			color: #dadada;
			background: #666;
		}
		button.btn_search,
		input[type='button'].btn_search {
			color: #dadada;
			background: #999;
			border-bottom: 1px solid #999;
			margin-left: -14px;
			margin-right: 10px;
		}
		button.btn_search:hover, button.btn_search:focus, button.btn_search:active,
		input[type='button'].btn_search:hover, [type='button'].btn_search:active {
			color: #999;
			background: #dadada;
		}
		button.btn_search i,
		input[type='button'].btn_search i {
			padding-right: 0;
		}
		button.btn_index,
		input[type='button'].btn_index {
		    color: #fff;
		    font-family:'rcgn_bold', Arial, Helvetica, sans-serif;
		    font-size: 20px;
		    width: 100%;
		    height: 200px;
		    background: #698c00;
		    border-radius: 3px;
		    padding: 5px 5px;
		    margin-top: 20px;
		}
		button.btn_index:hover, button.btn_index:focus, button.btn_index:active,
		input[type='button'].btn_index:hover, input[type='button'].btn_index:active {
			color: #dadada;
			background: #333;
		}
		button.btn_index i:before,
		input[type='button'].btn_index i:before{
			font-size: 85px;
			text-shadow: 0px 0px 15px rgba(0,0,0,0.8);
			line-height: 72px;
			height: 72px;
		}
		button.btn_index span,
		input[type='button'].btn_index span{
			height: 70px;
			padding-left: 0;
			margin-top: 20px;
			margin-bottom: -20px;
			display: block;
		}
		.pay_note {
			color: #222;
			font-family: 'rcgn_bold', Arial, Helvetica, sans-serif;
			font-size: 1.8em;
			border: 3px solid #ddd;
			border-radius: 3px;
		}
		.pay_note i:before{
			font-size: 0.7em;
	    	margin-left: -5px;
		}
		.pay_note.note_05 {
			background:#6a926a;
		}
		.pay_note.note_10 {
			background:#ff5353;
		}
		.pay_note.note_20 {
			background:#5da1f5;
		}
		.pay_note.note_50 {
			background:#ffb93d;
		}
		.pay_note.note_100 {
			background:#35bd35;
		}
		.pay_note.note_200 {
			background:#d5e405;
		}
		.pay_note.credit,
		.pay_note.ticket {
			height: 40px;
			width: 100px;
			background:transparent;
			border: none;
			border-radius: 0;
			padding: 5px 0 0;
		}
		.pay_note.credit i:before,
		.pay_note.ticket i:before{
			font-size: 58px;
    		margin: 14px 0 0;
		}
		.pay_note:hover {
			background:#333;
		}
	/*icon - materialdesign*/
		i.mdi::before,
		span.mdi::before,
		button.mdi::before,
		input[type='button'].mdi::before {
		    font-size: 24px;
		    line-height: 13px;
		}
		.btn.mdi::before,
		.btn .mdi::before {
		    position: relative;
		    top: 4px;
		}
		.btn-xs.mdi::before,
		.btn-xs .mdi::before {
		    font-size: 18px;
		    top: 3px;
		}
		.btn-sm.mdi::before,
		.btn-sm .mdi::before {
		    font-size: 18px;
		    top: 3px;
		}
		.dropdown-menu .mdi {
		    width: 18px;
		}
		.dropdown-menu .mdi::before {
		    position: relative;
		    top: 4px;
		    left: -8px;
		}
		.nav .mdi::before {
		    position: relative;
		    top: 4px;
		}
		.navbar .navbar-toggle .mdi::before {
		    position: relative;
		    top: 4px;
		    color: #FFF;
		}
		.breadcrumb .mdi::before {
		    position: relative;
		    top: 4px;
		}
		.breadcrumb a:hover {
		    text-decoration: none;
		}
		.breadcrumb a:hover span {
		    text-decoration: underline;
		}
		.alert .mdi::before {
		    position: relative;
		    top: 4px;
		    margin-right: 2px;
		}
		.input-group-addon .mdi::before {
		    position: relative;
		    top: 3px;
		}
		.navbar-brand .mdi::before {
		    position: relative;
		    top: 2px;
		    margin-right: 2px;
		}
		.list-group-item .mdi::before {
		    position: relative;
		    top: 3px;
		    left: -3px
		}
	/*table*/
		.table {
			border-bottom: 1px solid #ddd;
			margin: 20px 0 20px;
		}
		.table thead>tr>th,
		.table thead>tr>td,
		.table tbody>tr>th,
		.table tbody>tr>td,
		.table tfoot>tr>th, 
		.table tfoot>tr>td {
			text-align: left;
		    vertical-align: middle;
		    border-top: 0;
		    border-bottom: 1px solid #ddd;
		}
		.table thead>tr>th,
		.table thead>tr>td {
			text-transform:uppercase;
			border-top: 1px solid #ccc !important;
			border-bottom: 1px solid #ccc;
		}
		.table thead tr th input,
		.table thead tr td input,
		.table thead tr th select,
		.table thead tr td select {
			width: 100%;
		}
		.table caption {
			color: #333;
			font-size: 1.8em;
			text-transform: uppercase;
		}
		.table td button,
		.table td input[type='button'] {
		    min-width: 30px;
		    min-height: 30px;
		    padding: 4px 5px 0px;
		}
		.table-condensed {
			margin: 10px 0 10px;
		}
		.table-condensed thead>tr>th,
		.table-condensed thead>tr>td,
		.table-condensed tbody>tr>th,
		.table-condensed tbody>tr>td,
		.table-condensed tfoot>tr>th, 
		.table-condensed tfoot>tr>td {
			padding: 2px;
		}
		.table-striped tbody>tr{
			background: #fff;
		}
		.table-striped tbody>tr:nth-of-type(odd) {
			background: #f1f1f1;
		}
		.row_c01 {
			background: #ddd !important;
		}
		.table_total {
			color: #fff;
			font-size: 1.2em;
    		background: #333 !important;
		}
	::selection {
		background-color: #dadada;
	}
	.pointer {
		cursor: pointer;
	}
	.no-padding  {
		padding: 0 !important;
	}
	.no-margin  {
		margin: 0 !important;
	}
	.clear {
		clear: both !important;
	}
	.font-xs {
		font-size: 0.85em;
	}
	.strong, b, strong {
		font-family:'rcgn_bold', Arial, Helvetica, sans-serif;
	}
	.uppercase {
		text-transform: uppercase !important;
	}
	.align-center {
		text-align:center!important;
	}
	.align-right {
		text-align:right!important;
	}
	.align-left {
		text-align:left!important;
	}
	.float-right {
		float:right!important;
	}
	.strech {
		width: 1px !important;
	}
	.width-100 {
		width: 100% !important;
		max-width: 100% !important;
	}
	.red {
		color: red;
	}
/*LOGIN*/
	.login_view {
		max-width: 320px;
		height: 50%;
		max-height:400px;
		background: #ddd;
		padding:0 0 20px;
		margin: auto;
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	}
	.login_view .brand_logo {
		text-align: center;
		height: 102px;
	    padding: 0;
	    margin: -50px auto -25px;
    	z-index: 1;
	}
	.login_view .brand_logo img {
		width: auto;
		height: 100%;
	}
	.login_view .login_msm {
		color: #eee;
		text-align: center;
		min-height: 70px;
		background:#444;
		margin-bottom: 10px;
	}
	.login_view .login_msm div{
		margin: 20px auto 5px;
	}
	.login_view input {
		width: 100%;
		max-width: 100%;
		margin:10px 0 0;
	}
	.login_view button,
	.login_view input[type='button'] {
		width: 100%;
		max-width: 100%;
		margin:20px 0 10px;
	}
	.login_view .login_forgot{
		text-align: center;
		margin: 10px auto 10px;
	}
	.login_view .login_iw {
		text-align: center;
		height: 40px;
		padding: 0;
		margin: 0 auto 0;
	}
	.login_view .login_iw img {
		width: auto;
		height: 100%;
	}
/*DASHBOARD*/
	/*menu*/
		body {
			/*overflow-x: hidden;*/
		}
		/* Toggle Styles */
		    #wrapper {
		        padding-left: 0;
		        -webkit-transition: all 0.5s ease;
		        -moz-transition: all 0.5s ease;
		        -o-transition: all 0.5s ease;
		        transition: all 0.5s ease;
		    }
		    #wrapper.toggled {
		        padding-left: 200px;
		    }
		    #sidebar-wrapper {
		        z-index: 1000;
		        position: fixed;
		        left: 200px;
		        width: 0;
		        height: 100%;
		        margin-left: -200px;
		        overflow-y: auto;
		        background: #222;
		        -webkit-transition: all 0.5s ease;
		        -moz-transition: all 0.5s ease;
		        -o-transition: all 0.5s ease;
		        transition: all 0.5s ease;
		        box-shadow: 1px 0px 15px rgba(0,0,0,1);
		    }
		    #wrapper.toggled #sidebar-wrapper {
		        width: 200px;
		    }
		    #page-content-wrapper {
		        width: 100%;
		        position: absolute;
		        padding: 15px;
		    }
		    #wrapper.toggled #page-content-wrapper {
		        position: absolute;
		        margin-right: -200px;
		    }
		/* Sidebar Styles */
			.sidebar-nav {
			    position: absolute;
			    top: 0;
			    width: 100%;
			    max-width: 200px;
			    margin: 0;
			    padding: 0;
			    list-style: none;
			}
			.sidebar-nav li {
			    /*text-indent: 10px;
			    line-height: 40px;*/
			    padding: 10px;
			}
			.sidebar-nav li a {
			    text-decoration: none;
			    color: #999999;
			}
			.sidebar-nav li a:hover {
			    text-decoration: none;
			    color: #fff;
			}
			.sidebar-nav li a:active,
			.sidebar-nav li a:focus {
			    text-decoration: none;
			}
			.sidebar-nav li a span {
			    padding-left: 5px;
			}
			.sidebar-nav li a i.mdi::before {
				color: #ddd;
			    font-size: 18px;
			}
			.sidebar-nav > .sidebar-brand {
			    height: 65px;
			    font-size: 18px;
			    text-align: center;
			    background: #333;
			    border-bottom: 10px solid #111;
			    margin-bottom: 20px;
			}
			.sidebar-nav > .sidebar-brand a {
			    color: #999;
			}
			.sidebar-nav > .sidebar-brand a:hover {
			    color: #fff;
			    background: none;
			}
			.sidebar-nav > .sidebar-brand img {
			    max-height: 60px;
			    margin-top: -5px;
			}
			.sidebar-nav .font-xs {
			    color: #999;
			    font-family:'rcgn_light', Arial, Helvetica, sans-serif;
			    border-top: 1px dashed #666;
			    margin-top: 20px;
			}
			@media(min-width:768px) {
			    #wrapper {
			        padding-left: 200px;
			    }
			    #wrapper.toggled {
			        padding-left: 50px;
			    }
			    #sidebar-wrapper {
			        width: 200px;
			        margin-left: 0;
			        left: 0;
			    }
			    #wrapper.toggled #sidebar-wrapper {
			        width: 50px;
			       /* overflow: hidden;*/
			    }
			    #wrapper.toggled #sidebar-wrapper .sidebar-nav > .sidebar-brand img {
				    max-width: 130px;
				    max-height: 80px;
				    margin: -5px 0 0 -15px;
					-webkit-transition: all 0.5s ease;
			        -moz-transition: all 0.5s ease;
			        -o-transition: all 0.5s ease;
			        transition: all 0.5s ease;
				}
				#wrapper.toggled #sidebar-wrapper .sidebar-nav span,
				#wrapper.toggled #sidebar-wrapper .sidebar-nav .font-xs {
				    display: none;
				    -webkit-transition: all 0.5s ease;
			        -moz-transition: all 0.5s ease;
			        -o-transition: all 0.5s ease;
			        transition: all 0.5s ease;
				}
				#wrapper.toggled #sidebar-wrapper .sidebar-nav li a i.mdi::before {
				    font-size: 28px;
				    padding: 3px;
				}
			    #page-content-wrapper {
			        padding: 0 0px;
			        position: relative;
			    }
			    #wrapper.toggled #page-content-wrapper {
			        position: relative;
			        margin-right: 0;
			    }
			}
			@media(max-width:768px) {
			    #wrapper {
			        padding-left: 30px;
			    }
			    #wrapper.toggled {
			        padding-left: 160px;
			    }
			    #sidebar-wrapper {
			        width: 50px;
			        margin-left: 0;
			        left: 0;
			      /*  overflow: hidden;*/
			    }
			    #wrapper.toggled #sidebar-wrapper {
			        width: 200px;
			    }
			    #wrapper #sidebar-wrapper .sidebar-nav > .sidebar-brand img {
					max-width: 130px;
				    max-height: 80px;
				    margin: -5px 0 0 -15px;
					-webkit-transition: all 0.5s ease;
			        -moz-transition: all 0.5s ease;
			        -o-transition: all 0.5s ease;
			        transition: all 0.5s ease;
				}
				#wrapper #sidebar-wrapper .sidebar-nav span,
				#wrapper #sidebar-wrapper .sidebar-nav .font-xs {
				    display: none;
				    -webkit-transition: all 0.5s ease;
			        -moz-transition: all 0.5s ease;
			        -o-transition: all 0.5s ease;
			        transition: all 0.5s ease;
				}
				#wrapper #sidebar-wrapper .sidebar-nav li a i.mdi::before {
				    font-size: 28px;
				    padding: 3px;
				}
				#wrapper.toggled #sidebar-wrapper .sidebar-nav span {
				    display: inline-block;
				    -webkit-transition: all 0.5s ease;
			        -moz-transition: all 0.5s ease;
			        -o-transition: all 0.5s ease;
			        transition: all 0.5s ease;
				}
				#wrapper.toggled #sidebar-wrapper .sidebar-nav li a i.mdi::before {
				    font-size: 14px;
				    padding: 0px;
				}
			}	
	/*top*/
		.dash_top {
			margin: 10px 0;
		}
		.dash_top_user {
			text-align: right;
		}
		.dash_top_user a i:before{
			font-size: 16px;
	    	margin-right: 5px;
		}
	/*body*/
		.dash_row {
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 10px 0;
			margin: 10px 0 20px;
		}
		.dash_tabs {
			border-bottom: 1px solid #ddd;
			padding-bottom: 20px;
			margin-top: 20px auto;
		}
		.dash_tabs .nav-tabs > li > a {
		    text-transform: uppercase;
		    border-radius: 0 0 0 0;
		}
		.dash_tabs .tab-pane {
			padding: 0 10px;
			margin-top: 20px;
		}
		.dash_tabs .tab-pane h3{
			margin-top: 10px;
		}
		.dash_tabs .tab-pane input {
			margin: 3px 0;
		}
		.dash_tabs .tab-pane select{
			margin: 10px 0;
		}
/*INVOICE*/
	.invoice_page  {
	    padding-top:50px;
	}
	.invoice_page b,
	.invoice_page strong,
	.invoice_page .strong {
	    font-family: 'rcgn_reg', Arial, Helvetica, sans-serif;
	    font-weight:bold;
	}
	.invoice_page .line_top {
	    border-top:2px solid #999!important;
	}
	.invoice_page .line_bott {
	    border-bottom:2px solid #999!important;
	}
	.invoice_page .panel-heading {
	    border-bottom:2px solid #999;
	    padding: 0px 5px;
	    margin-top: 40px;
	}
	.invoice_page .panel-body{
		font-size: 0.9em;
		padding: 0 5px;
	}
	.table_invoice.table-bordered.table {
		border:none;
		padding: 5px;
	}
	.invoice_page .panel-body tbody>tr>td:first-child {
		color: #999;
	}
	.invoice_page .table tbody>tr>td{
	    vertical-align: top;
	}
	.table_invoice.table-bordered.table thead,
	.table_invoice.table-bordered.table tbody {
		border-bottom: 2px solid #999!important;
	}
	.table_invoice.table-bordered.table > tfoot,
	.table_invoice.table-bordered.table > tfoot > tr,
	.table_invoice.table-bordered.table > tfoot > tr > td {
		border:none;
	}
	.table_invoice.table-bordered.table tfoot h3{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.invoice_page .invoice_duedate {
		text-align: center;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 50px auto 30px;
	}
	@media print {
		.table_invoice.table-bordered.table > tfoot,
		.table_invoice.table-bordered.table > tfoot > tr,
		.table_invoice.table-bordered.table > tfoot > tr > td {
			border-top:none!important;
			border-right:none!important;
			border-left:none!important;
			border-bottom:none!important;
		}
		.table_invoice.table-bordered.table .line_top {
		    border-top:2px solid #999!important;
		}
		.table_invoice.table-bordered.table .line_bott {
		    border-bottom:2px solid #999!important;
		}
	}