@charset "utf-8";

@font-face {

    font-family: 'open_sansbold';

    src: url('../fonts/opensans-bold-webfont.eot');

    src: url('../fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-bold-webfont.woff') format('woff'),

         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),

         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sansbold_italic';

    src: url('../fonts/opensans-bolditalic-webfont.eot');

    src: url('../fonts/opensans-bolditalic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),

         url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),

         url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),

         url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sansextrabold';

    src: url('../fonts/opensans-extrabold-webfont.eot');

    src: url('../fonts/opensans-extrabold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),

         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),

         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sansextrabold_italic';

    src: url('../fonts/opensans-extrabolditalic-webfont.eot');

    src: url('../fonts/opensans-extrabolditalic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),

         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'),

         url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),

         url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sansitalic';

    src: url('../fonts/opensans-italic-webfont.eot');

    src: url('../fonts/opensans-italic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),

         url('../fonts/opensans-italic-webfont.woff') format('woff'),

         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),

         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sanslight';

    src: url('../fonts/opensans-light-webfont.eot');

    src: url('../fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-light-webfont.woff2') format('woff2'),

         url('../fonts/opensans-light-webfont.woff') format('woff'),

         url('../fonts/opensans-light-webfont.ttf') format('truetype'),

         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sanslight_italic';

    src: url('../fonts/opensans-lightitalic-webfont.eot');

    src: url('../fonts/opensans-lightitalic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),

         url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),

         url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'),

         url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/opensans-regular-webfont.eot');

    src: url('../fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),

         url('../fonts/opensans-regular-webfont.woff') format('woff'),

         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),

         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sanssemibold';

    src: url('../fonts/opensans-semibold-webfont.eot');

    src: url('../fonts/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),

         url('../fonts/opensans-semibold-webfont.woff') format('woff'),

         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),

         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sanssemibold_italic';

    src: url('../fonts/opensans-semibolditalic-webfont.eot');

    src: url('../fonts/opensans-semibolditalic-webfontd41d.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),

         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'),

         url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),

         url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

:focus { outline: none; }

::-moz-selection {background-color: #c20f00;color:#FFFFFF;}

::selection {background-color: #c20f00; color:#FFFFFF;}

body{margin:0px; padding:0px; /*background-color:#f7f7f7; */font-family: 'open_sansregular'; font-size:16px;color:#333333; line-height:21px;}

p {margin-bottom:20px; margin-top:0px; line-height:22.8571px; font-size:16px; font-family: 'open_sansregular';}

h1, h2, h3, h4, h5, h6{font-weight:normal;font-family: 'open_sansbold';text-align: left; line-height: 2rem;}

.main-container{max-width:800px; width:94%; margin:auto; /*background-color:#FFFFFF; text-align: center;*/}

.main-container-new{max-width:1170px; width:94%; margin:auto;}

.inner-container{margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; max-width: 850px; width: 100%; box-sizing:border-box; display: inline-block; clear:both;}

.inner-container-flex{display:flex;}



/*Header Design*/

.top-bar {background-color: #b8daf2; padding: 15px 0px;}

header {padding: 0px;box-shadow: 1px 1px 25px rgba(0,0,0,0.5);}

.logo-section{padding:30px 0px;}

.mt-4{margin-top:40px;}

.mt-8{margin-top:80px;}

.mb-8{margin-bottom:80px;}

img.logo-adjustment {max-width: 230px; width: 100%;}

.phone-number-box a {font-size: 22px; color: rgba(102,102,102,.85); text-decoration: none;}

.phone-number-box a i{color:#09abf1;}

.phone-number-box a span{margin-left:5px;}

.header-booking-box, .phone-number-box {max-width: 180px; width: 100%; justify-content: center; align-items: center; display: flex;}

.logo-box {width: calc(100% - 360px); text-align: center;}

.header-booking-box a {background-color: #09abf1;color: #fff; text-decoration: none; padding: 10px 25px; font-weight: bold; border-radius: 30px;}



/*Footer Design*/

footer {padding: 0px 0px;}

footer p{padding: 0px; margin:0px; text-align:center;}

.top-border{border-top:1px solid #ccc;}

.pt-3{padding-top:30px;}

.pb-3{padding-bottom:30px;}

.terms-btn, .privacy-btn, .covid-btn{cursor:pointer; font-weight:bold; margin-bottom:10px; display:inline-block;}

.terms-btn:hover, .privacy-btn:hover, .covid-btn:hover{cursor:pointer; font-weight:bold; color:#09abf1;}



/*Progress-bar-design*/

.progress-bar{background-color: #f9f9f9; border-radius: 30px; height: 30px; padding: 6px; box-sizing: border-box;}

.outter-bar {width: 100%; height: 17px; background-color: #09abf1; border-radius: 30px;}

.progress-bar-increasing-outter{height: 17px; background-color: #f82539; border-radius: 30px;}

.progress-bar-increasing {height: 17px; border-radius: 30px; /*background-image: url('../images/progress.gif');*/opacity: 0.3;}

.outter-bar ul {list-style: none; padding: 0px; margin: 0px; position: relative; top: -30px; display: flex; width: 100%;}

.outter-bar ul li {align-content: space-between; display: inline-flex; justify-content: center; width: 100%;}

.dot-block {width: 35px; height: 35px; background-color: #07abef; border-radius: 50px; border:4px solid #f9f9f9;}

.question-hide {

    text-align: right;

    margin-top: 40px;

}

.active-bot {background-color: #f82539; border: 4px solid #07abef;}

.dot-block.active-bot:before {content: "\f00c"; font-family: 'FontAwesome'; color: #fff; text-align: center; margin: auto; display: block; font-size: 22px; margin-top: 6px;}

a.my-calling-btn {color: rgba(102,102,102,.85); text-decoration: none; font-size: 25px;}

a.my-calling-btn i {

    color: #09abf1;

}

a.my-calling-btn span {

    margin-left: 5px;

}

.padding-top-0{

	padding-top:0px !important;

}

.padding-bottom-0{

	padding-bottom:0px !important;

}

/*Design Setting */

.common-box {width: 50%; float: left; padding: 10px 20px; box-sizing: border-box;}

.common-box-color{background-color:#07abef;text-align: center; color: #fff; padding: 30px; cursor:pointer; width: 100%;box-sizing: border-box;border-radius: 40px 0px 40px 0px;}

.common-box-color:hover{background-color:#f82539; color:#FFFFFF;}

.active .common-box-color{background-color:#f82539; color:#FFFFFF;}

/*Calendar CSS File*/

.calendar {max-width: 1140px; margin: 20px auto 0; width: 100%;}

.calendar__month {font-size: 25px; font-weight: 800; padding: 10px 0; width: 100%; position: relative; background-color: #09abf1; color: #fff; line-height: 50px;}

.cal-month__previous,

.cal-month__next {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; width: 30px;/*  height: 30px; */ text-align: center;}

.cal-month__previous{left:20px;}

.cal-month__next {right: 20px;}

.cal-month__current {text-align: center; color: #fff;}

.cal-head__day,

.cal-body__day {display: inline-block; width: 14.22%; height: 70px; float: left; border-top: 1px solid #ccc; line-height: 70px; text-align: center;}

.calendar__head {background-color: #f7f7f7; font-weight: bold;}

.cal-body__week,

.calendar__head {display: block;height: 71px; /*  width: 350px;*/}

.calendar__head {line-height: 50px;position: relative;}

.cal-body__day {color: #e1e1e1; line-height: 70px; text-align: center; cursor: pointer; font-size: 20px;}

.cal-body__day:hover {background-color: #09abf1;/*  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .75); border-radius: 50%; */color: #fff;}

.cal-day__month--current {color: #777;}

.cal-day__day--today {font-weight: 800; color: #2196f3;}

.cal-day__day--selected {background-color: #09abf1;/*  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .75); border-radius: 50%;*/ color: #fff;}



/*Styling Of CSS*/

.chk_label {margin-bottom:20px !important; margin-top:0px; line-height:22.8571px; font-size:16px !important; font-family: 'open_sansregular'; font-weight: normal !important; display: inline !important;}

.popup-details {background: rgba(0,0,0,0.5); position: fixed; width: 100%; top: 0px; height: 100%;}

.popuop-table {display: table; width: 100%; height: 100%;}

.popup-cell {display: table-cell; vertical-align: middle;}

.white-bg {width: 100%; display: inline-block; text-align: center;}

.inner-white-bg {max-width: 900px; width: 100%; margin: auto; background-color: #fff; padding: 15px; display: flex;}

.left-block {width: 60%; text-align: left;}

.right-details-block {width: 40%;}

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

.time-selection ul li {display: inline-block; float: left; padding: 15px 30px; background-color: #f9f9f9; border-radius: 50px; margin: 5px; cursor:pointer;}

.time-selection ul li.active {background-color: #f82539; color:#FFFFFF;}

.time-selection ul li:hover {background-color: #f82539; color:#FFFFFF;}

.select-clinic select {width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 16px;}

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

.service-required ul li {display: inline-block; float: left; padding: 15px 30px; background-color: #f9f9f9; border-radius: 50px; margin: 5px; cursor:pointer;}

.service-required ul li:hover {background: #f82539; color:#FFFFFF;}

.service-required ul li.active {background: #f82539; color:#FFFFFF;}

.question1, .question2, .question3 {margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;}

span.new-patient-btn, span.existing-patient-btn, #teliphonic-consults, span.step-back {background-color: #09abf1; color: #fff; padding: 10px 30px; display: inline-block; cursor:pointer;}

span.new-patient-btn:hover, span.existing-patient-btn:hover, #teliphonic-consults:hover, span.step-back:hover {background-color: #f82539; color: #fff; padding: 10px 30px; display: inline-block;}

.save-button {

    background-color: #09abf1;

    color: #fff;

    padding: 16px 30px;

    display: inline-block;

    cursor: pointer;

    border: 0px;

    margin-top: 0px;

    font-size: 16px;

    font-weight: bold;

}



.booking-details {margin-bottom: 30px; text-align: center;}

.booking-set {text-align: left; font-size: 20px; margin-bottom: 25px; line-height:30px; display: inline-block; width: 100%;}

.booking-set:last-child {margin-bottom: 0px;}

span.icon-box {width: 30px;display: inline-block; text-align: center; float: left; padding-bottom: 5px; margin-top: 6px;}

.form-setting {/*background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0px 0px 15px #ccc; margin-top: 35px;*/}

.form-setting h2{font-size: 25px; line-height: 40px; margin: 0px;}

.form-setting input[type="text"], .form-setting input[type="email"], .form-setting input[type="tel"], .form-setting input[type="date"], .form-setting input[type="number"], .form-setting select {width: 100%; padding: 10px; background-color: #f3f3f3; border: 1px solid #e3e3e3; box-sizing: border-box; margin-bottom: 15px;}

.form-setting h2 {font-size: 20px; line-height: 30px; margin: 0px; background-color: #09abf1; padding: 10px; color: #fff; margin-bottom: 20px;}

.feilds-outter {display: inline-block; width: 100%;}

.block-set {width: 33.3333%; float: left; padding: 0px 10px; box-sizing: border-box;    min-height: 83px;}

.box-1 {width: 31%; float: left;}

.block-set label {display: block;}

.box-1:nth-child(3) {margin: 0px 7px;}

.form-setting label {display: block; margin-bottom: 5px;}

.form-setting button {width: 100%; background-color: #1A8943; border: 0px; font-size: 20px; text-transform: uppercase; color: #fff; padding: 6px 8px; margin-top: 24px; cursor: pointer;}

.form-setting a {width: 100%; background-color: #1A8943; border: 0px; font-size: 20px; text-transform: uppercase; color: #fff; padding: 6px 8px; margin-top: 24px; cursor: pointer;}



.image-block img {max-width: 100px; width: 100%;}

.common-box-color p{font-size: 25px; font-weight: bold; margin-top: 20px; margin-bottom:0px; line-height:35px; letter-spacing: 1px;}

.teliphonic-message {text-align: center;}

.teliphonic-message-inner {display: inline-block; width: 100%; background-color: #fff; padding: 0px 25px 25px; box-sizing: border-box; max-width: 550px; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin-top: 40px;}

.booking-details-inner{display: inline-block; width: 100%; background-color: #fff; padding:25px; box-sizing: border-box; max-width: 550px; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin-top: 40px;}



/*Popup Background*/

.popup-background {background: rgba(0,0,0,0.5); position: fixed; width: 100%; top: 0; height: 100%;}

.popup-vertically-center {width: 100%;}

.popup-inner-box {height: 100%;justify-content: center; align-items: center; display: flex;}

.popup-content-part {max-width: 800px;width: 90%; background-color: #fff; margin: auto; padding: 20px; box-sizing: border-box; position: relative;}

span.close-popup {position: absolute;right: -16px; background-color: #09abf1; color: #fff; padding: 10px; border-radius: 50px; width: 36px; box-sizing: border-box; text-align: center; top: -16px; cursor:pointer;}

span.close-popup:hover {background-color:#f82539;}

.popup-background{display:none;}

.content-popup {overflow-y: scroll;height: 450px; padding-bottom: 0px; padding-right: 30px;}

.content-popup {scrollbar-width: auto;scrollbar-color: #f00 #ffffff;}

.content-popup::-webkit-scrollbar {width: 16px;}

.content-popup::-webkit-scrollbar-track {background: #f9f9f9;}

.content-popup::-webkit-scrollbar-thumb {background-color: #09abf1; border-radius: 0px; border: 0px solid #ffffff;}



.booking-set span.confirm-booking {background-color: #07abef; color: #fff; padding: 10px; display: inline-block; font-weight: bold; margin: auto; text-transform: uppercase; cursor:pointer; width: 100%; box-sizing: border-box; text-align: center; border-radius: 20px 0px 20px;}

.booking-set span.confirm-booking:hover {background-color: #f82539;}



.payment-options {text-align: center;    display: inline-block;
    width: 100%;}

.payment-form-box {text-align: left;}

.payment-options-inner {display: inline-block; width: 100%; background-color: #fff; padding: 0px; box-sizing: border-box; width: 50%; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin-top: 40px; float: left;}


.payment-options-inner h2 {background-color: #07abef;color: #FFFFFF; margin: 0px; padding: 25px; border-radius: 10px 10px 0px 0px;}

.payment-options-inner form{padding:25px;}

.payment-form-box label{font-weight:bold; margin-bottom:5px; display: block;}

.payment-form-box input[type="text"]{width: 100%;padding: 15px;background-color: #f3f3f3;border: 1px solid #e3e3e3;box-sizing: border-box;margin-bottom: 15px;}
.payment-option-text .inner-text {
    background-color: #f9f9f9;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 40px;
}
.payment-option-text {
    width: 50%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}
.payment-option-text h2 {
    background-color: #07abef;
    color: #fff;
    margin: 0px;
    padding: 15px;
}
.payment-option-text h1 {
    text-align: center;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.payment-option-text h1{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.inner-text ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.inner-text ul li {
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.inner-text p {
    font-weight: bold;
    margin-bottom: 10px;
}
.payment-form-box button {background-color: #07abef; border: 0px; color: #fff; width: 100%; padding: 15px; font-size: 20px; font-weight: bold; cursor:pointer;    width: 100%;

    box-sizing: border-box;

    text-align: center;

    border-radius: 20px 0px 20px;}

.payment-form-box button:hover {background-color: #f82539;}

.back-btn {text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 16px;}



.existing-patient-form-outter {text-align: center;}

.existing-patient-form {display: inline-block;width: 100%; background-color: #fff; padding: 0px; box-sizing: border-box; max-width: 550px; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin-top: 40px;}

.existing-patient-form h2 {background-color: #09abf1; color: #fff; padding: 15px; margin: 0px;}

.inner-padding-box {padding: 20px;text-align: left;}

.field-box input[type="text"], .field-box input[type="email"], .field-box input[type="tel"], .field-box input[type="date"], .field-box textarea {width: 100%; border: 1px solid #ccc; padding: 15px; box-sizing: border-box; margin-bottom: 15px;}

.field-box select{width: 100%; border: 1px solid #ccc; padding: 15px; box-sizing: border-box; margin-bottom: 15px;}

.astaric-red{color:#d54227;}

.patient-form-columns {display: flex;}

.patient-form-full-columns {padding: 0px 10px;}

.patient-form-columns .field-box {width: 50%;padding: 0px 10px;}

.field-box label {font-weight: bold; margin-bottom: 5px; display: block;font-size: 13px;}



.new-patient-form-outter{text-align:center;}

.new-patient-form-inner {display: inline-block;width: 100%; background-color: #fff; padding: 0px; box-sizing: border-box; max-width: 750px; border-radius: 10px; box-shadow: 0px 0px 10px #ccc; margin-top: 40px;}

.new-patient-form-inner h2 {background-color: #09abf1; color: #fff; padding: 15px; margin: 0px;}

input#r1, input#r2, input#r3, input#r4, input#r5, input#r6, input#r7, input#r8, input#r9, input#r10, input#r11, input#r12, input#r13, input#r14, input#r15, input#r16, input#r17, input#r18, input#r19, input#r20, input#r21, input#r22, input#r23, input#r24, input#r25, input#r26, input#r27, input#r28, input#r29, input#r30
{visibility: hidden; position: absolute;}

label.button-set-medicare {border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-medicare {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

label.button-set-allergies{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-allergies {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-medicare{margin-top:20px;}

.show-allergies{margin-top:20px;}



label.button-set-operations{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-operations {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-operations{margin-top:20px;}



label.button-set-diabetes{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-diabetes {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-diabetes{margin-top:20px;}



label.button-set-hypertension{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-hypertension {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-hypertension{margin-top:20px;}



label.button-set-kidney-liver-disease{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-kidney-liver-disease {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-kidney-liver-disease{margin-top:20px;}


label.button-set-gout{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-gout {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-gout{margin-top:20px;}


label.button-set-haemochromatosis{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-haemochromatosis {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-haemochromatosis{margin-top:20px;}


label.button-set-g6pd-deficiency{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-g6pd-deficiency {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-g6pd-deficiency{margin-top:20px;}


label.button-set-other-patient-option{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-other-patient-option {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-other-patient-option{margin-top:20px;}



label.button-set-smoke{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-smoke {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-smoke{margin-top:20px;}



label.button-set-alcohol{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-alcohol {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-alcohol{margin-top:20px;}



label.button-set-heartproblem{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-heartproblem {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-heartproblem{margin-top:20px;}



label.button-set-fluid{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-fluid {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}

.show-fluid{margin-top:20px;}



label.button-set-remindersemail{border: 1px solid #ccc; padding: 15px; border-radius: 5px; text-align: center; font-weight: normal; font-size: 16px; text-transform: uppercase;}

.active-remindersemail {background-color: #09abf1;color: #fff; border: 1px solid #09abf1;}
.show-remindersemail{margin-top:20px;}
canvas#signature-pad {border: 1px solid #ccc; margin-bottom: 20px;}
.signature-component {position: relative; width: 322px; height: auto;}
button#clear {background-color: #09abf1; border: 0px; position: absolute; top: 0; right: 0; color: #fff; padding: 10px; cursor: pointer;}
span.notification-signature {background: rgba(9,171,141,0.1); padding: 15px 20px; display: inline-block; margin: 5px 0px 20px; color: #000; font-size: 14px; width: 100%; box-sizing: border-box;}

.patient-form-full-columns h3 {margin-top: 0px;}

@media screen and (max-width: 767px) {
	.payment-option-text, .payment-options-inner {width: 100%;}
	.payment-option-text{padding-left:0px;}
}
@media screen and (max-width: 700px) {

	.common-box-color {padding: 20px;}

	.common-box-color p {font-size: 20px;}

	.image-block img {max-width: 80px; width: 100%;}

}

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

	header .inner-container-flex {display: flex; flex-direction: column; text-align: center;}

	.header-booking-box, .phone-number-box {max-width: 180px; width: 100%; justify-content: center; align-items: center; display: flex; margin: auto;}

	.logo-box {width: 100%; text-align: center; margin: 15px 0px;}

}

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

	.inner-container-flex {display: flex; flex-direction: column; text-align: center; justify-items: center; justify-content: center; align-content: center;}

	.common-box {width: 100%;float: none; padding:20px 0px;}

}

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

	.patient-form-columns .field-box {width: 100%; padding: 0;}

	.patient-form-full-columns {padding: 0px;}

	.patient-form-columns {display: flex; flex-direction: column;}

}

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

	.save-button {padding: 16px 16px;font-size: 13px;width: 100%;}

}