@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

.bsf_tab_inner_content .bsf_table_wrap{
	width:100%;
	float:left;
	font-family: 'Roboto', sans-serif;
	padding:0;
	margin:0;
}
.bsf_table_wrap{
	width:95%;
	margin:0px auto;
	font-family: 'Roboto', sans-serif;
	background:#fff;
	padding:2.5%;
}
.bsf_table_wrap h2{
	padding-bottom: 10px;
	border-bottom: 1px dashed #000070;
}
.bsf_table_wrap .bsf_add_btn{
	font-family: 'Roboto', sans-serif;
	display:block !important;
	position: relative;
	padding:10px 20px;
	border-radius:5px;
	background:#7b1fa2;
	color:#fff;
	font-size:14px;
	border:none;
	float:left;
}
.bsf_table_wrap .bsf_add_btn:hover{
	background:#7b1fa2;
}
.bsf_table_wrap .search-box{
	margin-bottom:10px;
}
.bsf_table_wrap .bsf_add_submit_btn{
	font-family: 'Roboto', sans-serif;
	display:block !important;
	position: relative;
	padding:10px 20px;
	border-radius:5px;
	color:#000000;
	font-size:14px;
	border:1px solid #7b1fa2;
	float:left;
}
.bsf_table_wrap .subsubsub{
	clear: both;
}
.bsf_table_wrap .bsf_create_new_staff{
	width:92px;
}
.bsf_table_wrap .bsf_create_new_service{
	width:108px;
}
.bsf_table_wrap .bsf_add_btn:hover,
.bsf_table_wrap .button:hover{
	box-shadow:0 0 3px #000;
}
.bsf_table_wrap .bsf_add_submit_btn:hover,
.bsf_table_wrap .button:hover{
	/*box-shadow:0 0 3px #000;*/
	background:#7b1fa2;
	border:1px solid #7b1fa2;
	border-radius:5px;
}
.bsf_table_wrap table.wp-list-table, .bsf_shortcodes_content table.bsf_shortcodes_info{
	border:none;
	width:100%;
	border-collapse: collapse;
}
.bsf_shortcodes_content table.bsf_shortcodes_info{
	border:1px solid #6e6c6a;
} 
.bsf_table_wrap .bulkactions select,
.bsf_table_wrap .search-box input[type='search']{
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset !important;
	border: 1px solid #bbb !important;
	border-radius: 5px !important;
	height: 35px !important;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400 !important;
	color:#666 !important;
	padding:0px 0px 0px 10px !important;
	outline: none !important;
}
.bsf_table_wrap .bulkactions select{
	background:#fff url('../../../assets/images/others/arrow-217-10.png') no-repeat right 10px center !important;
	-moz-appearance: none;
	position:relative;
	appearance: none;
	-webkit-appearance:none;
	margin-bottom:5px;
	width: 150px !important;
}
.bsf_table_wrap .search-box input[type='search']{
	width: 250px !important;
	background:#fff !important;
}
.bsf_table_wrap table.wp-list-table thead,
.bsf_table_wrap table.wp-list-table tfoot,
.bsf_shortcodes_content table.bsf_shortcodes_info thead{
	background:#6e6c6a;
	padding:5px;
}
.bsf_table_wrap table.wp-list-table thead tr th,
.bsf_table_wrap table.wp-list-table tfoot tr th,
.bsf_shortcodes_content table.bsf_shortcodes_info tr th{
	color:#fff !important;
	font-weight:bold;
	padding:12px 10px;
	font-family: 'Roboto', sans-serif;
}
.bsf_shortcodes_content table.bsf_shortcodes_info tbody tr:nth-child(even){
	background:#f3f3f3;
}
.bsf_shortcodes_content table.bsf_shortcodes_info tr td{
	color:#222 !important;
	padding:12px 10px;
	border-right:1px solid #6e6c6a;
	border-bottom:1px solid #6e6c6a;
	font-family: 'Roboto', sans-serif;
}
.bsf_table_wrap .button, 
.bsf_submit_filter_actions,
.bsf_submit_filter_for_payment{
	font-family: 'Roboto', sans-serif;
	padding: 10px 20px;
	background: #138f30;
	color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	margin-bottom: 5px !important;
	line-height:normal !important;
	height:auto !important;
	font-weight:bold;
}
.bsf_table_wrap #search-submit{
	background: #7b1fa2;
}
.bsf_table_wrap #search-submit:hover, 
.bsf_submit_filter_actions:hover{
	box-shadow:0 0 3px #000;
	color:#fff;
	border:none;
}
.bsf_table_wrap .button:hover,
.bsf_submit_filter_for_payment:hover{
	background: #138f30;
	box-shadow:0 0 3px #000;
	color:#fff;
	border:none;
}
/*Status button design*/

.bsf_table_wrap .bsf_status_btn{
	display: inline-flex;
	border-radius: 4px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	margin: -.25em 0;
	cursor: default !important;
	white-space: nowrap;
	max-width: 100%;
	padding: 0.3em 1em;
	font-weight: bold;
	word-break: break-all;
	white-space: normal;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}
.bsf_table_wrap .bsf_completed_status{
	background:#c8d7e1;
	color:#2e4453 !important;
}
.bsf_table_wrap .bsf_approved_status{
	background:#02cc4f;
}
.bsf_table_wrap .bsf_rejected_status{
	background: #d63369;
}
.bsf_table_wrap .bsf_cancelled_status{
	background: #ff0000;
}
.bsf_table_wrap .bsf_pending_status{
	background: #efd812;
	color: #000 !important;
}
.bsf_delete_data{
	color:#f00 !important;
}
.bsf_table_wrap .tablenav{
	width:100%;
}
.bsf_table_wrap .tablenav .bulkactions{
	width:100%;
	display:block;
	float:left;
}
.bsf_table_wrap .tablenav .bsf_col-1,
.bsf_table_wrap .tablenav .bsf_col-2,
.bsf_table_wrap .tablenav .bsf_col-3{
	width:32%;
	float:left;
}
.bsf_appointment_start_date_field, 
.bsf_appointment_end_date_field, 
.bsf_appointment_staffs_field,
.bsf_appointment_customers_field,
.bsf_appointment_services_field,
.bsf_customer_start_date_field,
.bsf_customer_end_date_field,
.bsf_payment_staffs_field,
.bsf_payment_method_field,
.bsf_payment_services_field,
.bsf_payment_customers_field,
.bsf_payment_start_date_field,
.bsf_payment_end_date_field{
	float:left;
	display:inline-block; 
	padding-bottom:10px !important;
	padding-right:10px !important;
	position:relative;
	width:100%;
}
/*.bsf_appointment_services_field, .bsf_payment_customers_field{
	clear: both;
}*/
.bsf_appointment_start_date_field label, 
.bsf_appointment_end_date_field label,
.bsf_appointment_staffs_field label,
.bsf_appointment_services_field label,
.bsf_appointment_customers_field label,
.bsf_customer_start_date_field label,
.bsf_customer_end_date_field label,
.bsf_payment_staffs_field label,
.bsf_payment_method_field label, 
.bsf_payment_services_field label,
.bsf_payment_customers_field label,
.bsf_payment_start_date_field label,
.bsf_payment_end_date_field label{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#000;
	width:100%;
	display:block;
	margin-bottom:5px;
}
.bsf_appointment_start_date_field input[type='text'].bsf_datepicker, 
.bsf_appointment_end_date_field input[type='text'].bsf_datepicker,
.bsf_customer_start_date_field .bsf_datepicker,
.bsf_customer_end_date_field .bsf_datepicker,
.bsf_payment_start_date_field .bsf_datepicker,
.bsf_payment_end_date_field .bsf_datepicker{
	width:95%;
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset !important;
	border: 1px solid #bbb !important;
	border-radius: 5px !important;
	height: 35px !important;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400 !important;
	color:#666 !important;
	padding:0px 0px 0px 10px !important;
	outline: none !important;
}
.bsf_appointment_staffs_field select{
	background:#fff url('../../../assets/images/others/arrow-217-10.png') no-repeat right 10px center !important;
	-moz-appearance: none;
	position:relative;
	appearance: none;
	-webkit-appearance:none;
	z-index: 9;
}
.bsf_appointment_staffs_field span,
.bsf_appointment_services_field span,
.bsf_appointment_customers_field span,
.bsf_payment_staffs_field span,
.bsf_payment_method_field span,
.bsf_payment_services_field span,
.bsf_payment_customers_field span{
	width:97% !important;
}
.bsf_appointment_staffs_field span ul span,
.bsf_appointment_services_field span ul span,
.bsf_appointment_customers_field span ul span,
.bsf_payment_staffs_field span ul span,
.bsf_payment_method_field span ul span,
.bsf_payment_services_field span ul span,
.bsf_payment_customers_field span ul span{
	width:auto !important;
}
.bsf_appointment_staffs_field select,
.bsf_appointment_services_field select,
.bsf_appointment_customers_field select,
.bsf_payment_staffs_field select,
.bsf_payment_method_field select,
.bsf_payment_services_field select,
.bsf_payment_customers_field select{
	width:90%;
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset !important;
	border: 1px solid #bbb !important;
	border-radius: 5px !important;
	height: 35px !important;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400 !important;
	color:#666 !important;
	padding:0px 0px 0px 10px !important;
	outline: none !important;
	display:block;
}
.bsf_filter_submit_for_appointment,
.bsf_filter_submit_for_customer{
	margin-top:20px;
}