#wpbody-content{
    width: 98%;
}
.vakils-header {
    text-align:center;
    padding: 10px;
    margin:0 auto;
    margin-bottom:0;
    background-color: white;
    border: 1px solid #dddddd;
    border-bottom: 0;
    margin-top: 25px;
}
.vakils-header img{
    max-width: 130px;
    max-height: 120px;
}
.vakils-data-tabs {
    margin:0 auto;
}
.vakils .tab-content {
    min-height:500px;
}
.no-margin {
    padding: 0px;
    margin: 0px;
}
.vakils-data-tabs > .tab-content > .tab-pane > form > p .button-primary {
    color: #ffffff !important;
    background-color: #4A4544 !important;
    text-decoration: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 5px 20px 5px 20px !important;
    height: auto !important;
    font-size: 14px !important;
}
.vakils-data-tabs > .tab-content > .tab-pane > form > p .button-primary:hover{
    color: #ffffff !important; 
    background-color: #074E9E !important;
}
.vakils-data-tabs > .tab-content > .tab-pane > form > table > tbody > tr > td > a .button-primary {
    color: #ffffff !important;
    background-color: #4A4544 !important;
    text-decoration: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}
.vakilsBtn {
    color: #ffffff !important;
    background-color: #4A4544 !important;
    text-decoration: none !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    padding: 5px 20px 5px 20px !important;
    height: auto !important;
    font-size:14px !important;
}
.vakilsBtn:hover{
    color: #ffffff !important; 
    background-color: #074E9E !important;
}
.image {
    border: 1px solid #CCC;
    border-radius:0px;
    padding: 5px;
}
#vakilsform > .form-table >tbody >tr >th {
    font-weight: 500;
    font-size: 13px !important;
    color: #4e5e6a;
}
#vakilsform > .form-table >tbody >tr >td {
    font-size: 13px !important;
    color: #4e5e6a;
}
#vakilsform > .form-table >tbody >tr >td >input[type="text"], input[type="search"], input[type="radio"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], select {
    color: #4e5e6a;
    height: 30px;
    width: 400px;
}
#vakilsform > h4 {
    font-weight: 600;
    font-size: 13px !important;
    color: #4e5e6a;
}
#vakilsform > p {
    color: #4e5e6a;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border:1px solid #4e5e6a !important;
}
.vakils-data-tabs > .tab-content > .tab-pane > form >h4{
    background-color: #F9F9F9 !important;
    border: 1px solid #e5e5e5 !important; 
    padding: 10px !important;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}
.ui-tabs-nav { 
    padding-left: 0px !important; 
    background: transparent !important; 
    border-width: 0px 0px 1px 0px !important; 
    -moz-border-radius: 0px !important; 
    -webkit-border-radius: 0px !important; 
    border-radius: 0px !important; 
} 
.ui-tabs-panel { 
    background-color: #ffffff !important; 
    border-width: 0px 1px 1px 1px !important; 
}
.wp-person a:focus .gravatar, a:focus, a:focus .media-icon img{
    box-shadow: none !important;
}
.ui-tabs-nav .ui-state-default a { 
    background-color: #4A4544 !important;
    color: #ffffff !important;
} 
.ui-tabs-nav .ui-state-default a:hover{ 
    color: #ffffff !important; 
    background-color: #074E9E !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff !important;
    font-weight: 700;
    background-color: #074E9E !important;
    text-decoration: none;
    border:none;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.9em 1.5em !important;
    text-transform: uppercase;
}
.ui-corner-all,.ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 0 !important;
    background: #074E9E !important; 
}
@media (max-width: 640px) {

    #vakilsform > .form-table >tbody >tr >td >input[type="text"], input[type="search"], input[type="radio"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="password"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], select {
        width: 100%;
    }
}
a:hover, a:focus {
    text-decoration: none;
}
#eventBookingTb_wrapper {
    width: 98%;
}
/*
#eventBookingTb {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 98%;
}
#eventBookingTb td, #eventBookingTb th { 
  padding: 8px;
}
#eventBookingTb tr:nth-child(even){background-color: #ffffff;}
#eventBookingTb tr:hover {background-color: #ddd;}
#eventBookingTb th {text-align: center;background-color:rgba(0,0,0,0.1);border: 1px solid #ddd;padding: 0.5rem;	color: #444;}
#eventBookingTb td { 
  text-align: center; 
}*/

#cancelEventModal .modal-title, #cancelForm, #cancelEventModal .modal-body, #successCancellation {
    text-align: center;
}
#cancelEventModal button {
    margin: 15px;
}
.processing {
     display: none;
  border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}