/* ====== custom Css ===== */

/*

*,

*::before,

*::after {

	box-sizing: border-box;

}

*/

/*======= footer popup form ======*/

/*#website_text_msg {overflow-x: hidden;}

.Msg #website_text_msg input[type="text"] {min-height: 40px !important;}

.Msg {width: 250px;padding: 5px 20px;}*/



/*------ Grid System -------*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

    box-sizing: border-box;

}

.col-md-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-md-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-md-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-md-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-md-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-md-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-md-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-md-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-md-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-md-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-md-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-md-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

/*------ # Grid System -------*/



/* -------- New Form --------*/

.form-group {margin-bottom: 15px;}

.book-appt-today .form-group label {display: block;}

.book-appt-today .time-box .form-row {display: flex;justify-content: space-between;}

/*.book-appt-today .time-box .form-row .span-new {flex: 0 0 33.33%;max-width: 33.33%;margin-bottom: 0;}*/

.book-appt-today .two-box {display: flex;justify-content: space-between;}

.book-appt-today .form-group .span-new {margin-left: 0 !important;margin-right: 10px;margin-bottom: 0;}

.book-appt-today .form-group .span-new:last-child {margin-right: 0px;}

.book-appt-today .time-box .form-row select {height: auto !important;}



.form-section .form-control {

    display: block;

    width: 100%;

    height: calc(2.25rem + 2px);

    padding: 0.50rem .75rem;

    font-size: 16px;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



.book-appt-today .form-group.two-box, .book-appt-today .cell-box {display: flex;align-items: center;}

.book-appt-today .form-group #message-text {height: 100px !important;}

.book-appt-today .more-btn {text-align: center;}

.accept-select {display: block;}

.bottom-btn {display: flex;justify-content: space-around;margin: 20px 0;}

.book-appt-today .cell {margin-right: 5px;}

.book-appt-today .cell:last-child {margin-right: 0;}

.book-appt-today .two-box .span-new, .appt-form .form-inline .span-new {flex: 0 0 50%;max-width: 50%;}

.book-appt-today .three-box .span-new {max-width: 33% !important;}

.book-appt-today .two-box .span-new select {width: 98%;}

.appt-form-section .bsrow {justify-content: center;}

.appt-form-section .appt-form .form-inline {display: flex;align-items: center;}

.appt-form-section .appt-form .form-inline input#first_name, .appt-form .form-inline input#last_name {width: 92% !important;height: auto !important;}

.appt-form-section .appt-form label small {font-size: 75%;}

/* ============ popup mag =============*/

button {

    background-color: #4E3E55;

    color: white;

    border: none;

    box-shadow: none;

    font-size: 17px;

    font-weight: 500;

    font-weight: 600;

    border-radius: 3px;

    padding: 15px 35px;

    margin: 26px 5px 0 5px;

    cursor: pointer;

}









/*---------- Responsive ------------*/

@media (min-width: 992px) {

	.book-appt-today .cell {width: 33.33%;height: auto !important;}

	.new-form-design .form-group input#date, .new-form-design .form-group #message-text {width: -webkit-fill-available;height: auto !important;width: -moz-available;}

}



@media (max-width: 640px) {

	.two-btn .location-btn, .book-appt-today .form-group .span-new {margin-bottom: 20px;}

	.book-appt-today .time-box .form-row {flex-wrap: nowrap;}

	.book-appt-today .form-group .span-new {margin-right: 0;}

	.book-appt-today .two-box {display: block;}

	.book-appt-today .form-group .span-new, .time-box, .book-appt-today .form-group label {text-align: left;}

	.bottom-btn {display: block;text-align: center;}

	.bottom-btn .inner-box {margin-bottom: 20px;}

	.book-appt-today .time-box .form-row select {width: 98%;}

	#waiting_form {padding-bottom: 0;}

	#myModal .modal-dialog {width: 95%;}

	.book-appt-today .cell {height: auto !important;}

	.new-form-design .form-group input#date, .new-form-design .form-group #message-text {padding: 4px 8px;width: -webkit-fill-available;width: -moz-available;}

	.book-appt-today .form-group.two-box, .book-appt-today .cell-box {align-items: flex-end;}

	.col-sm-12, .book-appt-today .two-box .span-new, .appt-form .form-inline .span-new {flex: 0 0 100%;max-width: 100%;}

  .book-appt-today .three-box .span-new {max-width: 100% !important;}

	.appt-form-section .appt-form .form-inline, .book-appt-today .form-group.two-box {display: block;}

}