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

/*     staff tab design       */

.bsf_staff_wrapper{
	width:100%;
	float:left;
}
.bsf_staff_wrapper .bsf_sidebar{
	width:35%;
	float:left;
}
.bsf_staff_wrapper .bsf_staff_details{
	width:100%;
	float:right;
}
/*category header style*/

.bsf_staff_wrapper .bsf_sidebar{
	position: relative;
}
.bsf_staff_category_list{
	width:100%;
	float:left;
	min-height:50px;
	max-height:400px;
	overflow-y: auto;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel{
	width:100%;
	float:left;
	background:#eee;
	border-radius:5px;
	margin-bottom:10px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading{
	width:100%;
	float:left;
	min-height:50px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading{
	background:#6e6c6a;
	border-radius: 5px; 
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_title{
	width:70%;
	float:left;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_title{
	width:68%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_title i{
	color:#fff !important;
	float:left;
	font-size:24px;
	margin:15px 15px;
	cursor:pointer;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_title i.bsf_drag_staff_category{
	cursor:move;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_title h3{
	color:#fff !important;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool{
	width:32%;
	float:left;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading 
.bsf_panel_category_tool .bsf_panel_category_tool_menu{
	float:right;
	width:25%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading 
.bsf_panel_category_tool .bsf_panel_category_tool_menu i{
	color:#020f2c !important;
	float:left;
	font-size:20px;
	width:24px;
	height:24px;
	margin:15px 0px;
	background:#fff;
	border-radius: 50%;
	text-align:center;
	line-height: 1.3em;
	display:block;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	cursor:pointer;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menu i:hover{
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menus{
	float:left;
	display:none;
	width:75%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menus ul{
	float:left;
	display:block;
	width:100%;
	margin-bottom:0px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menus ul li{
	list-style: none;
	float:right;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menus ul li a{
	text-decoration: none;
	color:#020f2c;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_heading .bsf_panel_category_tool 
.bsf_panel_category_tool_menus ul li a i{
	color:#fff !important;
	float:left;
	font-size:20px;
	margin:0px 5px;
	text-align:center;
	line-height: 1.3em;
	display:block;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
}

/*category staff design*/

.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body,
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list{
	width:100%;
	float:left;
	min-height:50px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list .bsf_category_staff{
	width:95%;
	float:left;
	margin:7px 10px;
	min-height:50px;
	border-radius:5px;
	background:#999;
	cursor: pointer;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list .bsf_staff_active{
	background:#000070;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_url, 
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_name, 
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff_drag{
	float:left;
	display:block;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_name{
	width:69%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_url{
	width:16%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff_drag{
	width:15%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_url img{
	width:30px;
	height:30px;
	margin:10px 0px 0px 15px;
	border-radius: 50%;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff_drag i{
	color:#fff !important;
	font-size:22px;
	margin:15px 15px 15px 0px;
	display:block;
	float: right;
	cursor:move;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_category_panel .bsf_panel_body .bsf_category_staff_list 
.bsf_category_staff .bsf_category_staff_name h4{
	color:#fff;
}

/*   Add category button design  */

.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons{
	width:100%;
	float:left;
	margin:15px 0px 20px 0px;
	position: relative
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_button{
	float:right;
	width:70%;
	position: relative;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_button .bsf_add_new_category,
.bsf_add_staff_important_days{
	color:#fff;
	padding:10px 25px;
	border:none !important;
	box-shadow:none !important;
	position: relative;
	background: #138f30 !important;
	width:auto !important;
	height:auto !important;
	float:right;
	text-shadow:none;
	font-size: 14px;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}
.bsf_add_staff_important_days i{
	margin-right:5px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_add_category:hover,
.bsf_staff_wrapper .bsf_sidebar .bsf_new_category_button .bsf_add_new_category:hover, 
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_add_staff:hover,
.bsf_staff_delete_breaks:hover, 
.bsf_staff_add_breaks:hover,
.bsf_add_staff_important_days:hover{
	box-shadow:0 0 3px #000 !important;
}

/*Add Category and Add staff popup design*/

.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form, 
.bsf_staff_wrapper .bsf_new_staff_form{
	position:absolute;
	left:0px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
	display:block;
	z-index: 999;
	opacity: 1;
	width:300px;
	min-height:145px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form{
	margin-top:-200px;
	display:none;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_close_category_popup, 
.bsf_staff_wrapper .bsf_new_staff_form .bsf_close_staff_popup{
	width:100%;
	display:block;
	float:left;
	padding:5px 0px;
	border-bottom:1px solid #ccc;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_close_category_popup i, 
.bsf_staff_wrapper .bsf_new_staff_form .bsf_close_staff_popup i{
	color: #bbb;
	font-size: 22px;
	float: right;
	margin-right: 8px;
	margin-top: 2px;
	cursor: pointer;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_close_category_popup i:hover, 
.bsf_staff_wrapper .bsf_new_staff_form .bsf_close_staff_popup i:hover{
	color:#f00;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form:before, 
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form:after{
	top: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 13px;
	margin-left: -13px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form h3{
	color:#222;
	padding-left:15px;
	margin-top:15px;
	float:left;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form input[type='text']{
	width:85%;
	height:35px;
	border-radius:5px;
	margin-left:15px;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_staff_buttons .bsf_new_category_form .bsf_add_category,
.bsf_staff_wrapper .bsf_new_staff_form .bsf_add_staff{
	font-family: 'Roboto', sans-serif;
	padding: 5px 10px;
	background: #138f30;
	color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	margin:15px 0px 10px 15px;
	width:auto !important;
	height:auto !important;
	text-shadow:none;
	font-size: 14px;
	font-weight:bold;
}
.bsf_add_staff_popup{
	font-family: 'Roboto', sans-serif;
	padding: 10px 20px;
	background: #138f30;
	color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	margin:15px 0px 10px 0px;
	width:auto !important;
	height:auto !important;
	text-shadow:none;
	font-size: 14px;
	font-weight:bold;
}
.bsf_staff_wrapper .bsf_new_staff_form{
	margin-top:5px;
}
.bsf_staff_wrapper .bsf_new_staff_form:before, 
.bsf_staff_wrapper .bsf_new_staff_form:after{
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.bsf_staff_wrapper .bsf_new_staff_form:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.bsf_staff_wrapper .bsf_new_staff_form:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}
.bsf_new_staff_form label{
	font-family: 'Roboto', sans-serif;
	width:90%;
	display:block;
	font-size:16px;
	padding:15px 0 15px 15px;
	cursor:default;
	float:left;
}
.bsf_new_staff_form span.select2{
	width:90% !important;
	padding-left:15px;
} 
span.select2-dropdown{
	z-index:999999999 !important;
}
.bsf_staff_wrapper .bsf_sidebar .bsf_new_staff_form h3{
	color:#222;
}

/* Add Staff tab design */

.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul{
	width:95.6%;
	float:left;
	margin:20px 0 0 0;
	list-style: none;
	border-bottom:2px solid #6e6c6a;
	padding-left:34px;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li{
	float:left;
	display:block;
	background:#f7f7f7;
	padding:10px 12px 8px;
	margin-right: 25px;
	position:relative;
	margin-bottom:0px;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li:before,
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li:after{
	content:'';
	position:absolute;
	display:block;
	height:100%;
	width:20px;
	background:#f7f7f7;
	top:0;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li:before{
	right:-10px;
	transform: skew(25deg, 0deg);
	box-shadow:0 0 3px #000;
	box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li:after{
	left:-10px;
	transform: skew(-25deg, 0deg);
	box-shadow:0 0 3px #000;
	box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;

}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li a{
	text-decoration: none;
	font-size:14px;
	color:#222;
	font-family: 'Roboto', sans-serif;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li a:active{
	border:none;
	box-shadow:none;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li.bsf_staff_tab_active{
	background:#6e6c6a;
	z-index: 2;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li.bsf_staff_tab_active a{
	color:#fff;
	font-weight:bold;
	border:none;
	box-shadow:none;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li.bsf_staff_tab_active a:active{
	border:none;
	box-shadow:none;
}
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li.bsf_staff_tab_active:before,
.bsf_staff_details .bsf_edit_staff ul.bsf_staff_tab_wrapper_ul li.bsf_staff_tab_active:after{
	background:#6e6c6a;
}
.bsf_staff_tab_wrapper_content{
	width:100%;
	float:left;
	border:2px solid #6e6c6a;
	margin-bottom:30px;
	border-radius:10px;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content{
	width:94%;
	float:left;
	margin:10px 0px 20px 25px
}

/*    staff image design  */

.bsf_staff_general_tab_content .bsf_profile_image_edit{
	float:left;
	width:98%;
	margin:15px 0px;
	padding:15px 0px 12px 15px;
	border-bottom:1px dashed #222;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image{
	float:left;
	width:17%;
	border:1px solid #333;
	border-radius:5px;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image .bsf_upload_image, 
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload{
	float:left;
	width:100%;
	text-align:center;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload{
	background:#6e6c6a;   
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image .bsf_upload_image img{
	width:100%;
	height:auto;
/*    box-shadow:0 0 3px #000;*/
	cursor:pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload i {
	width:50%;
	float:left;
	color:#fff;
	font-size:18px;
	padding:5px 0px;
	cursor:pointer;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload i.fa-upload{
	border-right:1px solid #ccc;
	width:49% !important;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload i.fa-upload:hover{
	background:#138f30;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_image_upload i.fa-trash:hover{
	background:#f05050;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_staff_name{
	float:left;
	width:60%;
}
.bsf_staff_general_tab_content .bsf_profile_image_edit .bsf_profile_staff_name h3{
	color:#000070;
	margin-top:50px;
	margin-left:30px;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table{
	width:100%;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr th{
	width:21%;
	padding:10px 0px;
	font-size:14px;
	vertical-align: middle;
	text-align: left;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td{
	padding:10px 0px;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td input[type='text'],
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td input[type='number'],
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td input[type='email'],
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td input[type='url'],
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td textarea,
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td select,
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='text']{
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset;
	border: none;
	width: 300px !important;
	border: 1px solid #333;
	border-radius: 5px;
	height: 35px !important;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td textarea{
	min-height:100px;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_general_tab_content table tr td select{
	background:#fff url('../../../assets/images/others/arrow-217-10.png') no-repeat right 10px center ;
	-moz-appearance: none;
	position:relative;
	appearance: none;
	-webkit-appearance:none;
}
.bsf_staff_general_tab_content table tr td .bsf_switch{
	margin-left:0;
}
.bsf_staff_general_tab_content table tr td input:checked + .bsf_slider,
.bsf_staff_services_panels_content input:checked + .bsf_slider,
.bsf_staff_services_panel input:checked + .bsf_slider
{
	background-color: #00e359;
	border: 1px solid rgba(0, 162, 63,1)
}
/*working hours design*/

.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content .bsf_working_hours_rows{
	width:100%;
	float:left;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content .bsf_working_hours_rows h3{
	border-bottom:1px dashed #138f30;
	padding-bottom:15px;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content 
.bsf_working_hours_rows .bsf_working_hours_select{
	margin-top:10px;
	width:20%;
	float:left;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content 
.bsf_working_hours_rows .bsf_working_hours_label{
	margin-top:10px;
	width:5%;
	float:left;    
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content 
.bsf_working_hours_rows .bsf_working_hours_label span, .bsf_working_hour_break span{
	font-size:14px;
	color:#000;
	text-align:center;
	display:block;
	line-height: 2.5em;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content 
.bsf_working_hours_rows .bsf_working_hours_select select, .bsf_working_hour_break select{
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset;
	height: 35px !important;
	border:1px solid #333;
	border-radius:5px;
	background:#fff url('../../../assets/images/others/arrow-217-10.png') no-repeat right 10px center ;
	width:100%;
	-moz-appearance: none;
	position:relative;
	appearance: none;
	-webkit-appearance:none;
}
.bsf_working_hour_break{
	width:100%;
	float:left;
	margin-top:15px;
}
.bsf_working_hour_break select{
	width:20% !important;
	float:left;
}
.bsf_working_hour_break span{
	width:5%;
	float:left;
}
.bsf_staff_tab_wrapper_content .bsf_staff_tab_content .bsf_staff_working_hours_tab_content 
.bsf_working_hours_rows .bsf_working_hour_breaks .bsf_staff_add_breaks, .bsf_working_hour_break .bsf_staff_delete_breaks{
	font-family: 'Roboto', sans-serif;
	padding: 9px 10px;
	color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: none;
	cursor: pointer;
	margin:11px 0px 10px 15px;
	width:130px !important;
	height:auto !important;
	text-shadow:none;
	font-size: 14px;
/*    font-weight:bold;*/
}

.bsf_staff_add_breaks{
	background: #138f30;
} 
.bsf_staff_delete_breaks{
	background: #f05050 !important;
	margin:0px 0px 10px 12px !important;
}

/* Service tab design */

.bsf_staff_services_tab_content, .bsf_staff_services_panels, .bsf_staff_services_panels_content, .bsf_staff_services_panel{
	width:100%;
	float:left;    
}
.bsf_staff_services_panel{
	margin:10px 0px;
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content{
	background:#999;
	margin:10px 0px;
	border-radius:5px;
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content label,
.bsf_staff_services_tab_content .bsf_staff_services_panel label{
   float:right; 
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content h3,
.bsf_staff_services_tab_content .bsf_staff_services_panel h3{
	margin-left:15px;
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content h3,
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content span.bsf_staff_services_panels_content_price,
.bsf_staff_services_tab_content .bsf_staff_services_panel h3,
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='text']{
	float:left;
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content h3,
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content span.bsf_staff_services_panels_content_price{
	color:#fff;
	width:25%;
}
.bsf_staff_services_tab_content .bsf_staff_services_panel h3,
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='text']{
	width:25%;
	float:left;
	color:#111;
}
.bsf_staff_services_tab_content .bsf_staff_services_panels .bsf_staff_services_panels_content span.bsf_staff_services_panels_content_price{
	font-size:18px;
	margin-top:15px;
	font-weight:bold;
}
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='text'],
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='number']{
	width:120px !important;
	margin:1em 0;
}
.bsf_staff_services_tab_content .bsf_staff_services_panel input[type='number']{
	margin-left:40px;
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset;
	border: none;
	border: 1px solid #333;
	border-radius: 5px;
	height: 35px !important;
}
.bsf_staff_services_panels_content label,
.bsf_staff_services_panel label{
	margin-top:10px;
	margin-right:15px;
}
.bsf_staff_services_panel label{
	margin-top:15px !important;
}
/*Staff important days design*/

.bsf_staff_important_days{
	width:100%;
	float:left;
	min-height:50px;
	max-height:400px;
	overflow-y: scroll; 
}
.bsf_staff_important_days_heading{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px dashed #222;
	float:left;
}
.bsf_staff_important_days_rows{
	width:99.5%;
	float:left;
	background:#fbfbfb;
	border-radius:5px;
	border:1px solid #bbb;
	margin:3px 0;
}
.bsf_staff_important_days_rows:first-child{
	margin-top:10px;
}
.bsf_staff_important_days_rows h3{
	border-bottom:1px dashed #138f30;
	padding-bottom:15px;
}
.bsf_staff_important_days_rows .bsf_staff_important_days_select{
	margin-top:10px;
	width:20%;
	float:left;
}
.bsf_staff_important_days_rows .bsf_staff_important_days_label{
	margin-top:10px;
	width:5%;
	float:left;    
}
.bsf_staff_important_days_rows .bsf_staff_important_days_datepicker{
	margin-top:10px;
	margin-right:15px;
	margin-left:15px;
	width:20%;
	float:left;    
}
.bsf_staff_important_days_rows .bsf_add_staff_important_days_break{
	float:left;
	width:auto;
	margin-right:15px;
}
.bsf_staff_important_days_rows .bsf_staff_important_day_checkbox_section{
	margin-top:20px;
	float:left;
	width:auto;
	vertical-align: middle;
}
.bsf_staff_important_days_rows .bsf_staff_important_days_label span, 
.bsf_staff_important_days_break span{
	font-size:14px;
	color:#000;
	text-align:center;
	display:block;
	line-height: 2.5em;
} 
.bsf_staff_important_days_rows .bsf_staff_important_days_select select, .bsf_working_hour_break select,
.bsf_staff_important_days_break select{
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset;
	height: 35px !important;
	border:1px solid #333;
	border-radius:5px;
	background:#fff url('../../../assets/images/others/arrow-217-10.png') no-repeat right 10px center ;
	width:100%;
	-moz-appearance: none;
	position:relative;
	appearance: none;
	-webkit-appearance:none;
}
.bsf_staff_important_days_rows .bsf_staff_important_days_datepicker input[type='text']{
	box-shadow: 0 -5px 10px 2px rgba(0, 0, 0, 0.03) inset;
	height: 35px !important;
	border:1px solid #333;
	border-radius:5px;
	background:#fff;
	width:100%;
}
.bsf_staff_important_days_breaks{
	width:100%;
	float:left;
}
.bsf_staff_important_days_break{
	width:95%;
	float:left;
	margin-top:5px;
	margin-left:15px;
}
.bsf_staff_important_days_break select{
	width:20%;
	float:left;
}
.bsf_staff_important_days_break span{
	width:5%;
	float:left;
}
.bsf_staff_important_days_rows .bsf_add_staff_important_days_break .bsf_add_staff_important_days_break_btn i,
.bsf_staff_important_day_delete_break i{
	margin-right:5px;
}
.bsf_staff_important_days_rows .bsf_add_staff_important_days_break .bsf_add_staff_important_days_break_btn, 
.bsf_staff_important_days_break .bsf_staff_important_day_delete_break{
	font-family: 'Roboto', sans-serif;
	padding: 9px 10px;
	border-radius: 5px;
	box-shadow: none;
	cursor: pointer;
	margin:11px 0px 10px 15px;
	width:130px !important;
	height:auto !important;
	text-shadow:none;
	font-size: 14px;
	/*    font-weight:bold;*/
}
.bsf_add_staff_important_days_break_btn{
	float:left;
	border:1px solid #138f30;
	color:#138f30;    
} 
.bsf_add_staff_important_days_break_btn:hover{
	background: #138f30;
	color:#fff;
}
.bsf_staff_important_day_delete_break{
	 border:1px solid #f05050;
	 color:#f05050;
	 margin:0px 0px 10px 12px !important;
}
.bsf_staff_important_day_delete_break:hover{
	background: #f05050 !important;
	color:#fff;
}
.bsf_staff_important_days_footer{
	margin-top:10px;
	width:100%;
	padding-top:10px;
	border-top:1px dashed #222;
	float:left;
}
.bsf_staff_important_days_footer .bsf_delete_staff_important_days{
   color:#fff;
	padding:10px 25px;
	border:none !important;
	box-shadow:none !important;
	position: relative;
	background: #f05050 !important;
	width:auto !important;
	height:auto !important;
	float:right;
	text-shadow:none;
	font-size: 14px;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}
.bsf_delete_staff_important_days i{
	margin-right:5px;
}
.bsf_staff_important_days_footer .bsf_delete_staff_important_days:hover{
	box-shadow:0 0 3px #000;
}
/*Staff footer cotent design*/

.bsf_staff_details .bsf_staff_tab_footer{
	width:100%;
	float:left;
	margin:10px 0px 20px 0px;
	padding:20px 0px;
	border-top:1px dashed #222;
}
.bsf_staff_tab_footer input[type='submit']{
	float:right;
}
.bsf_staff_tab_footer .bsf_staff_delete_btn, .bsf_delete_services .bsf_delete_services_btn{
	padding: 10px 20px !important;
	border-radius:5px !important;
	cursor:pointer;
	background: #f05050 !important;
}
.bsf_staff_tab_footer .bsf_staff_archive_btn{
	text-transform: uppercase !important;
	padding: 8px 20px !important;
	border-radius:5px !important;
	cursor:pointer;
	color: #000 !important;
	width: auto !important;
	height: auto !important;
	border:2px solid #6e6c6a !important;
	text-shadow: none !important;
	font-weight: 500;
	margin-right: 10px;
	font-size: 14px !important;
	letter-spacing: 1px;
	font-weight:bold;
}
.bsf_staff_tab_footer .bsf_staff_archive_btn:hover{
	box-shadow:0 0 3px #000;
	background:#6e6c6a;
	color: #fff !important;
}