.form-box {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px!important;
    z-index: 10!important;
    display: relative;
    background: #fff;
    padding: 50px;
}

/*choose-file-button*/
.ff_elem::-webkit-file-upload-button {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: inherit!important;
    background: #f7941d;
    margin: 0;
    padding: 15px 25px;
    border: 0px solid #ffffffc4;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    color: white;
    border-radius: 50px;
    color: #fff!important;
}

.ff_elem::-webkit-file-upload-button:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;background: #000;
  cursor:pointer;
  border-radius: 50px!important;
  outline:none!important;
}


@media (max-width: 767px){
  .form-box {padding: 50px 15px!important;}
}/*end of mobile*/





section#emailbooking,
section#namephone,
section#emailsubject,
section#servicebranch,
section#pet{
    padding: 0;
}


.appointmentform .col-sm-6{
    padding: 0!important;
}

#namephone .row,
#emailbooking .row,
#emailsubject .row,
#servicebranch .row,
section#pet .row{
    margin: 0;
}

.appointmentform input {
    width: 100%!important;
    background:transparent;
    border: 0px;
    min-height: 50px!important;
    border: 1px solid #fb9124;
    border-radius: 13px;
    color:#000;
    background: #fff;
    font-weight:900;
}

.appointmentform select {
    width: 100%!important;
    background:transparent;
    border: 0px;
    min-height: 50px!important;
    border: 1px solid #f7941d;
    border-radius: 10px;
    color:#000;
    background: #fff;
}

.appointmentform label {
    font-size: 13px;
    color: #b5744c;
    margin-bottom: 0px!important;
    font-weight: 700 !important;
    margin-top: 10px!important;
}

label#bfLabel118 {
    width: 100%;
}



.appointmentform textarea {
    width: 100%!important;
    background:transparent;
    border: 0px;
    border: 1px solid #f7941d;
    border-radius: 16px;
    font-weight:900;
    color: #000;
    background: #fff;
}

@media (min-width: 768px){
section#emailbooking .col-sm-6:first-child,
section#namephone .col-sm-6:first-child,
section#emailsubject .col-sm-6:first-child,
section#servicebranch .col-sm-6:first-child,
section#pet .col-sm-6:first-child{
    padding-right:15px!important;
}

section#emailbooking .col-sm-6:nth-child(2),
section#namephone .col-sm-6:nth-child(2),
section#emailsubject .col-sm-6:nth-child(2),
section#servicebranch .col-sm-6:nth-child(2),
section#pet .col-sm-6:nth-child(2){
    padding-left:15px!important;
}
}

/*autofill*/
.appointmentform .form-control:focus {
    border-color: #f7941d;
    outline: 0;
      -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

div#bfPage2 p {
    margin: 0;
    background: #f7941d00;
    padding: 0px 0px;
}

input#ff_elem84 {
    /* background: #f7941d; */
}


/*calendar*/
.appointmentform .glyphicon-calendar:before, .appointmentform .glyphicon-upload:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900; 
}
.appointmentform .glyphicon-calendar:before {
    content: "\f133";line-height:0;
}


.appointmentform .glyphicon-upload:before{
    content: "\f093";line-height:0;
}

.appointmentform button#ff_elem75_calendarButton {
    border-radius: 0px!important;
    padding: 17px;
}

@media (max-width: 767px){
.appointmentform .input-group {
    width: 100%!important;
    min-width: 100%!important;
    margin: 0!important;
}}

.appointmentform .bfQuickMode .bfbs3-nonform-control, .appointmentform .bfQuickMode .nonform-control {
    width: 100%!important;
    display: block!important;
}

@media (min-width: 768px){
.appointmentform  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}}

@media (min-width: 768px){
.appointmentform  .form-inline .input-group {
    display: flex;
    vertical-align: middle;
    width: 100%;
    margin: 0!important;
  }}


.appointmentform .form-group.form-group-actions {
    float: left;
}

input#ff_elem163 {
    border: 0px; background:transparent;
}

.bfQuickMode .form-inline .form-control {
    font-family: roboto;
    letter-spacing: 1px;
    font-weight:300;
}