body{font-family: "Poppins", sans-serif;;margin: 0px; padding: 0px;}

a{text-decoration: none;}

h1{margin:0px; padding: 0px; color: #3D464F; font-size: 48px; font-weight: 400;}

h2{font-size: 42px; font-weight: 700; color:  #1D3D3C;margin:0px; padding: 0px; }

h3{font-size: 36px;  line-height: 42px;margin:0px; padding: 0px; }

h4{font-size: 30px;margin:0px; padding: 0px; }

h5{font-size: 26px;margin:0px; padding: 0px; }

h6{font-size: 22px;margin:0px; padding: 0px; }

.loginmain-wrapper{height: 100vh;background: #f9f8f8;}

.loginform { padding-left: 35px; padding-right: 10px;}

.appform {background: #fff;}

.appform .loginform h1{
    font-size: 30px; font-weight: 600; margin-bottom: 20px; text-transform: uppercase;
}

.appform .loginform input{border: none; border-bottom: 1px solid #cecece; border-radius: 0px;
padding: 7px 0px; outline: none; box-shadow: none; font-size: 15px;}

.appform .loginform i{
    position: absolute; right: 0; color: #8f8989; top: 50%; transform: translateY(-50%);
}

.appform .loginform a{ color: #3a3e42 ; font-size: 15px; float: right;}

.appform .loginform button{
   background: linear-gradient(45deg, #5D0D41, #B31551);
    border-radius: 30px; border: none; font-size: 17px;
    padding: 15px 30px; width: 100%; font-weight: 600;
}

.appform .loginform p span{
  color: #007bff;
}
.appform .loginformright{
    background-image: url('../images/loginbg.jpg');
    height: 450px;
    background-size: cover;
    background-position: center;
}
.appform .loginformright:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background:linear-gradient(45deg, #5D0D41, #B31551);
    opacity: 0.5;
}

.loginformright img {
    margin-bottom: 20px; background: #fff; position: relative;  z-index: 1;  padding:0px 0px; width:100%;
}

.appform .loginformright p{
    z-index: 1;
}

.logo-dv img{max-width: 100%;}


header {      background: #ffffff;
    padding: 15px 0px;
    border-bottom: solid 1px #7d1047;}

.logo-dv p{margin: 0px; padding: 0px; color: #fff; font-size: 30px;}

.logo-dv img { width: 100%;}

.top-menus {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.menubar {
    padding: 5px 0px;
    background: #fff;
}

#menu ul li a img{width: 35px; margin-bottom:5px;}

.addclient-sect{min-height: 100vh; padding: 40px 0px;
}

.client-heading h1{font-size: 28px; margin-bottom: 30px; font-weight: 600;}

.client-listmainnew{
    overflow-x: auto; 
}

.client-listmainnew table {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.client-listmainnew table thead th {
       color: #fff;
    background-color: #4b8389;
    padding: 10px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}

.client-listmainnew table tbody tr {
     background: #ffffff;
    padding: 10px 0px;
    border: solid 1px #ebeaea;
   

}

.client-listmainnew table tbody tr:nth-child(even) {
    background:#f7f7f7;
}

.client-listmainnew table tbody td {
    color: #000;
    padding: 26px 10px 7px;
    font-size: 13px;
    font-weight: 500;
}

.blocktble table tbody td {
    padding: 14px 10px;}

.client-listmainnew table tbody tr td a {
    padding: 7px;
    font-size: 13px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    margin: 1px 2px;
    float: left;
}

.client-listmainnew table tbody tr td a.editicn{background-color: #6aa902;}

.client-listmainnew table tbody tr td a.trashicn{background-color: #f35353;}

.blueclr {
    color: #2a65c1;
}

.add-dct-frm {
    background: #fff;
    padding: 30px; box-shadow: 0px 0px 5px #eee6e6;
    border-radius: 20px;
}

.addfrmlabel{margin: 15px 0px;}

.addfrmlabel label {
    font-size: 14px;
    margin: 6px 0px 0px; float: left;
    font-weight: 500;
    color: #3f414d; width: 27%;
}

.addfrmlabel input, .addfrmlabel select, .addfrmlabel textarea{
    margin: 0px;
    padding: 0px;
    height: 37px;
    background: transparent;
    font-weight: 400;
    border: none;
    font-size: 14px; width: 73%;
    color: #a09e9e;
    border-radius: 0;
    outline: none;
    border-bottom: 2px solid #D1D1D4;
}

.addfrmlabel textarea{height: 100px}

.submit-add input, .viewcalendar-btn a{
    margin: 10px 0px 0px; 
    padding: 0px 15px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    height: 40px;
    background: #524b89;
    float: right;
    border: none;
    border-radius: 5px;
}

.submit-add input, .viewcalendar-btn button{
  margin: 10px 0px 0px; 
  padding: 0px 15px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  height: 40px;
  background: linear-gradient(45deg, #5D0D41, #B31551);
  float: right;
  border: none;
  border-radius: 5px;
}

.submit-add button, .viewcalendar-btn button{
  margin: 10px 0px 0px; 
  padding: 0px 15px;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  height: 40px;
 background: #524b89;
  float: right;
  border: none;
  border-radius: 5px;
}

.viewcalendar-btn a{margin: 0px;}

.invoice-tb{background: #fff;    box-shadow: 0px 0px 5px #eee6e6;
    border-radius: 20px; overflow: hidden;}

.client-listmain{padding: 20px; border-right: 1px solid #e7e4e4; background: #fbfbfb;}

.client-heading h2{margin: 0px; font-size: 24px; padding: 0px; font-weight: 400;}

.clientlisting ul{margin: 0px; padding: 0px; list-style: none;}

.clientlisting ul li{margin: 0px;}

.clientlisting ul li a{
    padding: 10px 0px;  margin: 0px;  font-size: 14px; border-bottom: 1px dashed #aca2a2;
    display: block; color: #000;
}

.client-search {margin: 15px 0px 10px;}

.client-search input{
    margin: 0px;
    padding: 0px;
    height: 40px; background-image: url("../images/searchicon.png"); background-repeat: no-repeat;
    background-size: 20px; background-position: right 15px center;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid #d7dbda;
    font-size: 13px;
    color: #a09e9e;
    border-radius: 5px;
    width: 100%;
    padding: 3px 10px;
    outline: none;
}

.invoicebtnw{display: flex; align-items: center; }

.invoice-right {padding:30px 20px 20px 0px;}

.exemptdv{
    margin: 17px 0px 0px;
}

.exemptdv label {
    margin-top: 5px;font-size: 14px;
    margin: 6px 0px 0px;
    float: left;
    font-weight: 500;
    color: #3f414d;
}

.exemptdv input {
    border: 1px solid #D1D1D4;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}

.calendar{
  margin-bottom:200px;
}
.class-link{
  color:#333333;
  text-decoration:none;
}

.class-link:hover{
 color:#ffbb00; 
}

/* From here you can start to copy */

.calendar {
  padding:8px;
  background: #ffffff;
  border-radius: 4px;
  font-size:18px;
  border: 1px solid #333333;
  box-shadow: 0px 20px 40px rgba(59,60,56,0.05);
}
.ui-datepicker {
  background: #ffffff;
  border-radius: 15px;
}
.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background: #612f8f;
  margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}
.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #333333;
}
.ui-datepicker-title {
  text-align: center;
  font-size:16px;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th span {
  display: block;
  width: 35px;
  color:#612f8f;
  margin-bottom: 5px;
  font-size: 15px;
}
.ui-state-default {
  display: block;
  text-decoration: none;
  color: #333333;
  line-height: 35px;
  font-size: 14px;
}
.ui-state-default:hover {
  color: #ffffff;
  background:#612f8f;
  border-radius:50px;
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-state-highlight {
  color: #ffffff;
  background-color:#612f8f;
  border-radius:50px;
}

.ui-state-active {
  color: #ffffff;
  background-color:#612f8f;
  border-radius:50px;
}
.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}

.icon{
    right: 0;
    position: absolute;
    color: #612f8f;
    font-size: 20px;    bottom: 8px;
}

.datesbmit-frm label{width: 100%;}

.datesbmit-frm input{width: 100%;}

.client-searching {
    margin-bottom: 20px;
}

.serachingmain input {
    margin: 0px;
    padding: 0px;
    height: 40px;
    background: #fff;
    font-weight: 400;
    border: 1px solid #d7dbda;
    font-size: 13px;
    color: #a09e9e;
    border-radius: 5px;
    width: 100%;
    padding: 3px 10px;
    outline: none;
}
.client-searching{
    background: #fdfdfd;
    padding: 20px;
    border: solid 1px #4b83892e;
    border-radius: 10px;
}

.serachingmain select {
    margin: 0px;
    padding: 0px;
    height: 40px;
    background: #fff;
    font-weight: 400;
    border: 1px solid #d7dbda;
    font-size: 13px;
    color: #a09e9e;
    border-radius: 5px;
    width: 100%;
    padding: 3px 10px;
    outline: none;
}

.searchbtn input{
    margin: 0px 0px 0px;
    padding: 0px 15px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    height: 40px;
      background: #894b6a;
    border: none;
    border-radius: 5px;
}
 
.total-btn{
  margin: 0px 0px 0px;
  padding: 8px 15px;
  font-size: 14px;
  line-height: 0px;
  color: #fff;
  height: 28px;
  background: #417176;
  border: none;
  /* border-radius: 5px; */
  border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
/**menu-css**/

.menus {
    width: 100%; float: left; padding: 0px;margin-top: 0px; height: 100% ;
    display: flex; align-items: center; justify-content: center;
}

div#overlay { display: none; }

a#toggle {
  position:absolute;
  right:0px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  display: none;
  transition: all ease-out 0.3s;
}

a#toggle i {
  position: relative;font-size: 26px;
  top: 50%;
  transform: translateY(-50%);
}

.open-menu a#toggle i{color: #6C63AC;}

main#content { padding: 10px; }

#menu  {
    text-align: left;
    transition: all ease-out .3s;
    height: 100%;
    font-family: "Roboto", sans-serif;
    align-items: center;
    display: flex;
    justify-content: center;
}

#menu a { color:#343D43; text-decoration: none;}

#menu ul {
    margin: 0px;
    padding: 0px; text-align: right;
}

#menu ul li {
  display: inline-block;
  position: relative; margin: 0px 0px;
}

#menu ul li > a {
    display: inline-block;
    font-size: 15px;
    padding: 5px 20px;
    text-align: center;
    font-weight: 400;
    border-radius: 20px;
    color: #1e203a;
    position: relative;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    background: #ffffff;
    border: solid 1px #3d2458;
    margin-left: 10px;
}

#menu ul li > a.active{font-weight: 600;}
/*
#menu ul li > a:after {
    content:"";
    background: #fff;
    display: block;
    height:3px; border-radius:0px;
    width: 100%;
    bottom: 0;
}

#menu ul li > a.active:after, #menu ul li > a:hover:after {
    content:"";
    background: linear-gradient(91.46deg, #B5277C 2.31%, #116EA8 34.66%, #0DB5E1 71.94%, #8DEBD7 109.4%);
    display: block;
    height:3px; border-radius:0px;
    width: 100%;
    bottom: 0;
}*/

#menu ul li ul li a:hover:after,#menu ul li ul li a:after{display: none;}

#menu ul li > a > i {
  margin-left: 5px; font-weight: bold;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.1s;
}

#menu ul li ul {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 9;
  width: 150px;
  text-align: left;
  padding:0;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  box-shadow: 0px 0px 4px #eeeeee;
}

#menu ul li ul li { display: block; }

#menu ul li ul li a {
    display: block; color: #000; font-size: 14px; padding: 8px 15px;
    font-weight: 300;  border-radius: 0px; position: relative;
}

#menu ul li > a:hover {
    background: transparent; color: #020305;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

#menu ul li ul li a:hover {
    color: #fff;
    background-color:#005283;
}

/*#menu ul li a.active:after{
    border-bottom: 4px solid #A5DB77;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}*/

/*#menu ul li a.active{font-weight: 600;}*/

#menu ul li:hover > a > i { transform: rotateZ(0deg); }

#menu ul li:hover ul { display: block; }



@media screen and (max-width: 767px) {

/*a#toggle { display: block; }*/

.menubar{padding: 0px;}

a#toggle i.timeicon{display: none;}

.open-menu a#toggle i.toggleicon{display: none;}

.open-menu a#toggle i.timeicon{display: block;}

#menu ul li > a::after{display: none;}

a#toggle {
  display: block;
  position: absolute; 
  z-index: 5;
}

main#content {
  margin-top: 65px;
  transition: all ease-out 0.3s;
}
#menu ul li a.active:after {
    display: none;
}
#menu{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0; 
    padding: 0px;
    right: 0;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
    background-color:#F7FAFB;
    transform: translateX(600px); 
    z-index: 99;
}

#menu ul {
  text-align: left;width: 100%;margin-top: -80px;
  background-color: transparent;
  padding-top: 0px; padding-left: 30px; padding-right: 30px;
}
#menu ul li ul{
  padding-top:0px;
}

#menu ul li { display: block; }

#menu ul li a { display: block; color:#232628; padding:15px 0px;  text-align: left;
font-size: 16px}

#menu ul li a  img{margin-right: 5px;}

#menu ul li a br{display: none;}

#menu ul li a > i { float: right; }

#menu ul li ul {
  display: none;
  position: static;
  width: 100%;
  padding: 0px 20px;
  background-color:transparent;
}

#menu ul li:hover > ul { display: none; }

#menu ul li:hover > a > i { transform: rotateZ(0); }

#menu ul li.open > ul {
    display: block;
    background: #fff;
    padding: 0px 10px;
  }

div#overlay {
  display: block;
  visibility: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  opacity: 0;
}

html.open-menu { overflow: hidden; }

html.open-menu div#overlay {
  visibility: visible;
  opacity: 1;
  width: calc(-150%);
  left: 250px;
}

/*
html.open-menu a#toggle,
 html.open-menu main#content { transform: translateX(-250px); }
*/

html.open-menu a#toggle, html.open-menu main#content {
  transform: translateX(0px);
}

html.open-menu nav#menu {
  z-index: 3;
  transform: translateX(0);
}

html.open-menu a#toggle i{
  transform: rotate(90deg);
  margin-top: -22%;
}

.dropdown-item{display: flex !important;}

#menu a.dropdown-item span{  color: #6c63ac;}

}

.client-listmainnew table tbody tr td button {
  padding: 4px 9px 4px 9px;
  font-size: 13px;
  color: #fff;
  background-color: #524b89;
  border-radius: 5px;
  margin: 1px 2px;
  float: left;     border: 0px !important;
}
.client-listmainnew table tbody tr td a {
    padding: 4px 9px 4px 9px;
    font-size: 13px;
    color: #fff;
    background-color: #894b6a;
    border-radius: 5px;
    margin: 1px 2px;
    float: left;
    border: 0px !important;
}

.confirm {
  color: #0ba30b;
}

.pending {
  color: #3733e5;
}

.deny {
  color: #e53333;
}

.client-listmainnew table tbody tr td button.confirm {
  background-color: #0ba30b;
  border: none;
}
.client-listmainnew table tbody tr td button.pending {
  background-color: #3733e5;
  border: none;
}
.client-listmainnew table tbody tr td button.deny {
  background-color: #e53333;
  border: none;
}
.client-listmainnew table tbody tr td button.deleteAction {
  background-color: #e53333;
  border: none;
}
.client-listmainnew table tbody tr td button.pending {
  background-color: #3733e5;
  border: none;
}
 

.btn_more {
  color: #5179c5;
  font-size: small;
  text-align: center;
  cursor: pointer;
}
 
.fc-event-title {
  padding: 0 !important;    /* Removes padding */
  margin: 0 !important;     /* Removes margin */
  background-color: transparent !important; /* Removes background color */
}
.fc-event-inner{
  text-align: center;
}
.calendar_list{
  text-align: center;
}
 
#datepicker-error, #datepicker1-error, #block_from_time-error, #block_to_time-error, 
#first_name-error, #last_name-error, #email-error, #bookingDate-error,
#slot_id-error, #appointment_id-error, #schedule_time_id-error, #name-error, #password-error,
#image-error
{
  color:red;
}
/**menu-end**/


.appendDaysRow{
  margin-top: 42px;
  padding-left: 8px;
  font-size: 11px;
  color: #fff;
 background: linear-gradient(45deg, #5D0D41, #B31551);
  border: none;
  border-radius: 38px;
  font-size: 19px;
  cursor: pointer;
}

.deleteRow{
  margin-top: 19px;
  padding-left: 10px;
  font-size: 11px;
  color: #fff;
 background: linear-gradient(45deg, #5D0D41, #B31551);
  border: none;
  border-radius: 38px;
  font-size: 19px;
  cursor: pointer;
}