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

.esf_tab_inner_content .esf_table_wrap{
    width:100%;
    float:left;
    font-family: 'Roboto', sans-serif;
    padding:0;
    margin:0;
}
.esf_table_wrap{
    width:95%;
    margin:0px auto;
    font-family: 'Roboto', sans-serif;
    background:#fff;
    padding:2.5%;
}
.esf_table_wrap h2{
    padding-bottom: 10px;
    border-bottom: 1px dashed #000056;
}
.esf_table_wrap .esf_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;
}
.esf_table_wrap .esf_add_btn:hover{
    background:#7b1fa2;
}
.esf_table_wrap .search-box{
    margin-bottom:10px;
}
.esf_table_wrap .esf_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;
    margin-left:10px;
}
.esf_table_wrap .subsubsub{
    clear: both;
}
.esf_table_wrap .esf_create_new_staff{
    width:92px;
}
.esf_table_wrap .esf_create_new_service{
    width:108px;
}
.esf_table_wrap .esf_add_btn:hover,
.esf_table_wrap .button:hover{
    box-shadow:0 0 3px #000;
}
.esf_add_btn:active{
    transform:none !important;
}
.esf_table_wrap .esf_add_submit_btn:hover,
.esf_table_wrap .button:hover{
    /*box-shadow:0 0 3px #000;*/
    background:#7b1fa2;
    border:1px solid #7b1fa2;
    border-radius:5px;
}
.esf_table_wrap table.wp-list-table, .esf_shortcodes_content table.esf_shortcodes_info{
    border:none;
    width:100%;
    border-collapse: collapse;
}
.esf_shortcodes_content table.esf_shortcodes_info{
    border:1px solid #6e6c6a;
} 
.esf_table_wrap .bulkactions select,
.esf_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;
}
.esf_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;
}
.esf_table_wrap .search-box input[type='search']{
    width: 250px !important;
    background:#fff !important;
}
.esf_table_wrap table.wp-list-table thead,
.esf_table_wrap table.wp-list-table tfoot,
.esf_shortcodes_content table.esf_shortcodes_info thead{
    background:#6e6c6a;
    padding:5px;
}
.esf_table_wrap table.wp-list-table thead tr th,
.esf_table_wrap table.wp-list-table tfoot tr th,
.esf_shortcodes_content table.esf_shortcodes_info tr th{
    color:#fff !important;
    font-weight:bold;
    padding:12px 10px;
    font-family: 'Roboto', sans-serif;
}
.esf_shortcodes_content table.esf_shortcodes_info tbody tr:nth-child(even){
    background:#f3f3f3;
}
.esf_shortcodes_content table.esf_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;
}
.esf_table_wrap .button, 
.esf_submit_filter_actions,
.esf_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;
}
.esf_table_wrap #search-submit{
    background: #7b1fa2;
}
.esf_table_wrap #search-submit:hover, 
.esf_submit_filter_actions:hover{
    box-shadow:0 0 3px #000;
    color:#fff;
    border:none;
}
.esf_table_wrap .button:hover,
.esf_submit_filter_for_payment:hover{
    background: #138f30;
    box-shadow:0 0 3px #000;
    color:#fff;
    border:none;
}
/*Status button design*/

.esf_table_wrap .esf_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;
}
.esf_table_wrap .esf_completed_status{
    background:#c8d7e1;
    color:#2e4453 !important;
}
.esf_table_wrap .esf_approved_status{
    background:#02cc4f;
}
.esf_table_wrap .esf_rejected_status{
    background: #d63369;
}
.esf_table_wrap .esf_cancelled_status{
    background: #ff0000;
}
.esf_table_wrap .esf_pending_status{
    background: #efd812;
    color: #000 !important;
}
.esf_delete_data{
    color:#f00 !important;
}
.esf_table_wrap .tablenav{
    width:100%;
}
.esf_table_wrap .tablenav .bulkactions{
    width:100%;
    display:block;
    float:left;
}
.esf_table_wrap .tablenav .esf_col-1,
.esf_table_wrap .tablenav .esf_col-2,
.esf_table_wrap .tablenav .esf_col-3{
    width:32%;
    float:left;
}
.esf_appointment_start_date_field, 
.esf_appointment_end_date_field, 
.esf_appointment_staffs_field,
.esf_appointment_customers_field,
.esf_appointment_services_field,
.esf_customer_start_date_field,
.esf_customer_end_date_field,
.esf_payment_staffs_field,
.esf_payment_method_field,
.esf_payment_services_field,
.esf_payment_customers_field,
.esf_payment_start_date_field,
.esf_payment_end_date_field{
    float:left;
    display:inline-block; 
    padding-bottom:10px !important;
    padding-right:10px !important;
    position:relative;
    width:100%;
}
/*.esf_appointment_services_field, .esf_payment_customers_field{
    clear: both;
}*/
.esf_appointment_start_date_field label, 
.esf_appointment_end_date_field label,
.esf_appointment_staffs_field label,
.esf_appointment_services_field label,
.esf_appointment_customers_field label,
.esf_customer_start_date_field label,
.esf_customer_end_date_field label,
.esf_payment_staffs_field label,
.esf_payment_method_field label, 
.esf_payment_services_field label,
.esf_payment_customers_field label,
.esf_payment_start_date_field label,
.esf_payment_end_date_field label{
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    color:#000;
    width:100%;
    display:block;
    margin-bottom:5px;
}
.esf_appointment_start_date_field input[type='text'].esf_datepicker, 
.esf_appointment_end_date_field input[type='text'].esf_datepicker,
.esf_customer_start_date_field .esf_datepicker,
.esf_customer_end_date_field .esf_datepicker,
.esf_payment_start_date_field .esf_datepicker,
.esf_payment_end_date_field .esf_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;
}
.esf_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;
}
.esf_appointment_staffs_field span,
.esf_appointment_services_field span,
.esf_appointment_customers_field span,
.esf_payment_staffs_field span,
.esf_payment_method_field span,
.esf_payment_services_field span,
.esf_payment_customers_field span{
    width:97% !important;
}
.esf_appointment_staffs_field span ul span,
.esf_appointment_services_field span ul span,
.esf_appointment_customers_field span ul span,
.esf_payment_staffs_field span ul span,
.esf_payment_method_field span ul span,
.esf_payment_services_field span ul span,
.esf_payment_customers_field span ul span{
    width:auto !important;
}
.esf_appointment_staffs_field select,
.esf_appointment_services_field select,
.esf_appointment_customers_field select,
.esf_payment_staffs_field select,
.esf_payment_method_field select,
.esf_payment_services_field select,
.esf_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;
}
.esf_filter_submit_for_appointment,
.esf_filter_submit_for_customer{
    margin-top:20px;
}