/*--- CssAr | (c) Avrial Ramdhani 2018 | avrial87@gmail.com ---*/

/*-- Color : #0089E1 0,137,225 | #201E1E 32,30,30 | #009049 0,144,73 | #FDFA00 253,250,0 | #EB3D00 235,61,0 --*/

.img_btn_home img{
	width: 150px;
	margin-bottom: 4px;
	cursor: pointer;
	border: 1px solid #E6E7E8;
}
@media (max-width:480px){
.img_btn_home img{
	width: 48%;
}
}

.btn_foot_act{
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 99999;
}
.btn_foot_act button{
	border-radius: 0px;
	font-size: 14px;
	font-weight: bold;
}

.bg_row_page_admin{
	margin-top: 60px;
}
.bg_row_page_admin_home{
	margin-top: 0px;
}
.col_page_app{
	width: 100%;
	padding-right: 15px;
}
.bg_col_app_view{
	width: 100%;
	background-color: transparent;
	padding: 10px;
}
.app_view{
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: 1px solid #E6E7E8;
}
.hd_title_app_view{
	padding: 0px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
	color: rgb(105, 105, 105);
	border-bottom: 1px solid #E6E7E8;
}
.bg_app_view_main{
	padding: 0px;
	padding-right: 10px;
}
.bg_app_view_main.v1{
	margin-top: 10px;
}
.btn_hd_app_view_main{
	padding: 0px;
	margin-top: 5px;
}
.btn_hd_app_view_main.v1{
	padding: 0px;
	margin-top: 0px;
}
.btn_hd_app_view_main button{
	border-radius: 0px;
	margin-top: 5px;
}
.error_form{
	padding-top: 5px;
	color: #C20F40;
}
.form_app_view{
	padding: 0px;
	margin-bottom: 10px;
}
.form_app_view label{
	font-size: 12px;
	color: rgb(105, 105, 105);	
	padding: 5px 0px 0px;
}
.form_app_view label.warning{
	font-size: 12px;
	color: #C20F40;
	padding: 5px 0px 0px;
}
.bg_lb_app_view_div{
	float: left;
	width: 100%;
	border-bottom: 1px solid #E6E7E8;
}
.lb_form_view{
	float: left;
	padding: 5px 0px;
	font-size: 13px;
	color: rgb(105, 105, 105);
	font-weight: 600;
	width: 50%;
}
.lb_app_view{
	float: right;
	padding: 5px 0px;
	width: 50%;
}
.lb_form_app_view{
	padding: 5px 0px;
	font-size: 13px;
	color: rgb(105, 105, 105);
	font-weight: 600;
}
.form_app_view input[type=email],.form_app_view input[type=text],.form_app_view input[type=password],.form_app_view input[type=number] {
	width: 100%;
	height: 35px;
	padding: 7px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
	-moz-appearance: textfield;
}
.form_app_view input[type=email]:disabled,.form_app_view input[type=text]:disabled,.form_app_view input[type=password]:disabled,.form_app_view input[type=number]:disabled {
	background-color: #EEE;
	cursor: not-allowed;
}
.form_app_view input[type=file]{
	display: none;
}
.form_app_view select {
	width: 100%;
	height: 35px;
	padding: 7px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
    -moz-appearance: none;
    cursor: pointer;
}
.form_app_view textarea {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 200px;
	max-height: 200px;
	padding: 7px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
}
.form_app_view textarea:disabled,.form_app_view select:disabled {
	background-color: #EEE;
	cursor: not-allowed;
}
.bg_nav_app_view{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.nav_app_view{
	margin-top: 5px;
	padding: 0px;
}
.nav_app_view input{
	width: 35px;
	height: 35px;
	text-align: center;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	padding: 7px 5px 5px 5px;
	color:#4B4B4D;
	-moz-appearance: textfield;
}
.nav_app_view button{
	margin-top: -5px;
	height: 35px;
	text-align: center;
	border-radius: 0px;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
}
.nav_app_view button:hover{
	opacity: 0.9;
}
.bg_nav_form_search_app_view{
	display: none;
	margin-top: 10px;
}
.nav_form_search_app_view{
	padding: 0px;
	padding-left: 5px;
}
.bg_nav_form_search_app_view input{
	width: 100%;
	height: 35px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	padding: 7px 5px 5px 5px;
	color:#4B4B4D;
	-moz-appearance: textfield;
}
.bg_nav_form_search_app_view select {
	width: 100%;
	height: 35px;
	padding: 7px 5px 5px 5px;
	background-color:#FFF;
	border:1px solid #E6E7E8;
	color:#4B4B4D;
    -moz-appearance: none;
    cursor: pointer;
}
.data_null{	
	width: 100%;
	height: 200px;
	line-height: 200px;
	background-color: #FFFFFF;
	border: 1px solid #E6E7E8;
	color: #E6E7E8;
	z-index:99900;
	font-size: 14px;
	font-weight: 600;
	color: rgb(105, 105, 105);
}
.table_data.v1{
	height: 335px;
	overflow-y: auto;
	overflow-x: auto;
}
.table_data{
	overflow-x: auto;
}
.table-view{
	width: 100%;
	border: 1px solid #E0E0E0;
}
.table-view a{
	text-decoration: none;
	color: #f96d01;
}
.table-view tr th {
	font-size: 12px;
	color: #222;
	padding: 10px;
	border: 1px solid #E0E0E0;
	background-color: rgba(230,231,232,0.3);
}
.table-view tr td {
	padding: 5px;
	border: 1px solid #E0E0E0;
	cursor: pointer;
}

@media (max-width:480px){
}