/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.required-asterisk {
    color: #DC3545;
    /* You can change the color to suit your design */
    margin-left: 5px;
    /* Adjust the margin for proper spacing */
    position: absolute;
    right: 5px;
}

.field {
    display: flex;
}

.datepicker-months,
.datepicker-years {
    width: 210px !important;
}

.datepicker table {
    width: 100% !important;
}

.step_info {
    float: right;
    margin-top: -33px;
    margin-bottom: 0px;
    font-size: 14px;
}

.signature_heading {
    width: 450px;
}

#signwrapper1 {
    height: 212px;
}

#canvas_1 {
    width: 430px;
    height: 200px;
}

@media screen and (max-width: 1480px) and (min-width: 992px) {
    .signature_heading {
        width: 281px;
    }

    .sigWrapper {
        width: 285px !important;
    }

    #canvas_2 {
        width: 278px !important;
    }

    #canvas_1 {
        width: 278px !important;
        height: 200px;
    }
}

@media screen and (max-width: 932px) and (min-width: 768px) {
    .signature_heading {
        width: 361px;
    }

    .sigWrapper {
        width: 370px !important;
    }

    #canvas_2 {
        width: 361px !important;
    }

    #canvas_1 {
        width: 361px !important;
        height: 200px;
    }
}

@media (max-width: 476px) {
    .signature_heading {
        width: 100%;
    }

    .sigWrapper {
        width: 100% !important;
    }

    #canvas_2 {
        width: 100% !important;
    }

    #canvas_1 {
        width: 100% !important;
        height: 200px;
    }
    .step_info {
        margin-top: -30px;
    }
    #top-wizard{
        padding-bottom: 10px;
    }
}

.sigWrapper {
    position: relative;
}

.sig {
    border: 1px solid #000;
}

.pad {
    width: 100%;
    height: 100vh;
}


section {
    padding: 0px 50px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 38px
}

td {
    padding: 10px;
}

.justify {
    text-align: center;
    /* font-weight: 500; */
    margin-top: -20px;
    font-size: 20px;
}

.box-tab {
    border: 1px solid black;
    padding: 8px 15px;
    font-family: ffs;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.5;
}

.border-tab {
    border-bottom: 1px solid #000;
    padding-top: 15px;
    color: blue;
    width: 250px !important;
}

.border-tab1 {
    border-bottom: 1px solid #000;
}

ul {
    padding-left: 1rem;
}

.para {
    font-size: 15px;
    margin-top: -12px;
}

.img-size {
    width: 406px;
    /* margin: 20px auto; */
    display: block;
}

.padd-tab {
    padding-bottom: 25px;
    font-size: 15px;
}

.date-box {
    display: flex;
    justify-content: space-between;
}

.date-box p {
    margin: 0;
}

td.special-column {
    width: 50%;
}

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

.justify-two {
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
}

.mar-tp {
    margin-top: 30px;
    padding-bottom: 8px;
}

.australian_g_doh {
    margin-bottom: 40px;
    width: 290px;
}

.name_sign {
    color: blue;
    width: 250px;
}

#canvas_3 {
    width: 400px;
    height: 150px;
}

@media (max-width: 991px) {
    .modal-dialog.modal-lg {
        /* Your styles for modal-lg at 992px and above */
        /* Example: */
        max-width: 80%;
        /* Adjust as needed */
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .only-pt {
        padding-top: 15px;
    }

    .justify-two {
        text-align: center;
        margin-top: 15px;
        font-size: 12px;
    }

    .mar-tp {
        margin-top: 15px;
        padding-bottom: 5px;
    }

    .name_sign {
        box-sizing: border-box;
    }

    #canvas_3 {
        width: 300px;
    }

}

@media (max-width: 798px) {
    td.special-column {
        width: 368px;
        display: block;
    }

    #canvas_3 {
        width: 340px;
    }

    #signwrapper3 {
        width: 350px;
    }
}

@media (max-width: 575.98px) {
    .modal-dialog {
        margin: 0 !important;
        max-width: 100% !important;
    }

    td.table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .special-column {
        width: 100%;
        display: block;
    }

    .only-pt {
        padding-top: 15px;
    }

    .justify-two {
        margin-top: 15px;
        font-size: 12px;
    }

    .mar-tp {
        margin-top: 15px;
        padding-bottom: 5px;
    }

    .name_sign {
        width: 100%;
    }
}

@media (max-width: 405px) {
    #canvas_3 {
        width: 220px;
    }

    #signwrapper3 {
        width: 230px;
    }

    td.special-column {
        width: 249px;
    }
    #personl_step {
        margin-top: -59px;
    }
}

.term_condition {
    color: aqua;
}

.privacy_policy {
    color: aqua;
}

#accept_condition {
    margin-top: 46px;
}

.accuret_info {
    margin-top: 46px;
}

@media (max-width: 1480px) {
    #accept_condition {
        margin-top: 70px;
    }

    .accuret_info {
        margin-top: 68px;
    }
}

@media (max-width: 1269px) {
    .accuret_info {
        margin-top: 35px;
    }
}

@media (max-width: 1190px) {
    #accept_condition {
        margin-top: 47px;
    }

    .accuret_info {
        margin-top: 13px;
    }
}

@media (max-width: 991px) {
    .accuret_info {
        margin-top: 47px;
    }
}

@media (max-width: 894px) {
    .accuret_info {
        margin-top: 11px;
    }
}

@media (max-width: 768px) {
    #accept_condition {
        margin-top: 0px;
    }

}


.privacy_policy_info p {
    margin-bottom: 10px;
}

.privacy_policy_info .privacy_question {
    margin-top: 20px;
    color: #000;
}

.privacy_policy_info li {
    margin-bottom: 2px;
}

.complain {
    margin-bottom: 0px !important;
}

.dpa_link:focus {
    color: #00B3CC;
}

.dpa_link:hover {
    color: blue;
}

.kid_button {
    background-color: #00B3CC;
    color: #fff;
    font-weight: 600;
}

.kid_button:hover,
.kid_button:focus {
    color: #00B3CC;
    background: #fff;
    border: 1px solid #00B3CC;
}


.privacy_close_btn {
    border: none;
    color: #fff;
    background: #00B3CC;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding: 9px 22px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
}

.privacy_close_btn:hover {
    color: #00B3CC;
    background: #fff;
    border: 1px solid #00B3CC;
}

.term_condition_info p {
    margin-bottom: 10px;
}

.term_condition_info .term_question {
    margin-top: 20px;
    color: #000;
}

input[type="checkbox"][id="cigarette_type"]+span.error:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 0 0 6px;
    border-color: transparent #e34f4f;
    display: block;
    width: 0;
    z-index: 1;
    bottom: 25px;
    left: 20%;
}

/*
.container_check.version_2 .cigarette_type_label .error {
    left: 9px;
    top: 41px;
    right: inherit
}

.contact_error span.error {
    top: 26px;
    left: -3px;
    right: inherit;
} */

/* span.error[for="cigarette_type[]"]:after, span.error[for="contact_reminder[]"]:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 0 0 6px;
    border-color: transparent #e34f4f;
    display: block;
    width: 0;
    z-index: 1;
    bottom: 25px;
    left: 20%
} */

.required-asterisk-label {
    color: #DC3545;
    margin-left: 5px;
}

.clearButton {
    margin-bottom: 0px;
}

/*
@media (max-width: 571px) {
    span[for="affiliation_with_va"].error {
        top: -74px !important;
    }
}

@media (max-width: 308px) {
    span[for="affiliation_with_va"].error {
        top: -99px !important;
    }
} */
@media (max-width: 2129px) {

    #osteoporosis-details {
        padding-top: 22px;
    }
}

@media (max-width: 1935px) {

    #blood-thinner-details {
        padding-top: 22px;
    }
}

@media (max-width: 1173px) {

    #osteoporosis-details {
        padding-top: 45px;
    }
}

@media (max-width: 1088px) {

    #osteoporosis-details {
        padding-top: 22px;
    }
}

@media (max-width: 1081px) {

    #blood-thinner-details {
        padding-top: 45px;
    }
}

@media (max-width: 991px) {

    #blood-thinner-details {
        padding-top: 22px;
    }
}

@media (max-width: 767px) {
    #blood-thinner-details {
        padding-top: 0px;
    }

    #osteoporosis-details {
        padding-top: 0px;
    }
}

.clear_btn:hover:active,
#term_condition:hover:active,
#privacy_policy:hover:active {
    color: #111;
}

.clear_btn:focus,
#term_condition:focus,
#privacy_policy:focus {
    color: #00B3CC;
}

input[type="radio"]+span.error {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 125px;
}

span[for="contact_reminder[]"].error {
    top: 23px !important;
}

span[for="cigarette_type[]"].error {
    top: 50px !important;
}

span[for="patient_confirmation"].error {
    top: 41px !important;
}

input[type="checkbox"]+span.error {
    position: absolute;
    top: 23px;
    left: 2px;
    width: 122px;
}

/* span[for="alcohol_consumption"].error{
    top: -22px;
    left: 189px;
} */
select+span.error {
    position: absolute;
    left: 2px;
}

span[for="dentist_attendance"].error {
    top: 102px !important;
}

span.error[for="consent"] {
    top: 56px !important;
}

span[for="about_us"].error {
    top: 222px !important;
}

#text-box-container {
    margin-top: 28px;
}

.due_date {
    margin-top: 20px;
}

@media (min-width: 1431px) and (max-width: 1461px) {
    span[for="cigarette_type[]"].error {
        top: 66px !important;
    }
}

@media (min-width: 992px) and (max-width: 1417px) {
    span[for="terms"].error {
        top: 45px !important;
    }
}
@media (min-width: 992px) and (max-width: 1269px) {
    span[for="patient_confirmation"].error {
        top: 62px !important;
    }
}
@media (min-width: 992px) and (max-width: 1189px) {
    span[for="understand"].error {
        top: 45px !important;
    }
}


@media (max-width: 1170px) {
    #text-box-container {
        margin-top: 50px;
    }
}

@media (max-width: 1152px) {
    span[for="dentist_attendance"].error {
        top: 121px !important;
    }

    span[for="about_us"].error {
        top: 222px !important;
    }
}

@media (max-width: 991px) {
    span[for="dentist_attendance"].error {
        top: 102px !important;
    }

    #text-box-container {
        margin-top: 28px;
    }
}
@media (max-width: 894px) {
    span[for="terms"].error {
        top: 45px !important;
    }
}
@media (max-width: 796px) {
    span[for="patient_confirmation"].error {
        top: 63px !important;
    }
}
@media (max-width: 767px) {
    span[for="dentist_attendance"].error {
        top: 222px !important;
    }

    span[for="about_us"].error {
        top: 396px !important;
    }

    #text-box-container {
        margin-top: 0px;
    }

    .due_date {
        margin-top: 0px;
    }
    span[for="patient_confirmation"].error {
        top: 28px !important;
    }
    span[for="terms"].error {
        top: 23px !important;
    }
}
@media (max-width: 686px) {
    span[for="patient_confirmation"].error {
        top: 45px !important;
    }
}
@media (max-width: 470px) {
    #end_step {
        margin-top: -61px;
    }
}
@media (max-width: 465px) {
    span[for="cigarette_type[]"].error {
        top: 161px !important;
    }
}

@media (max-width: 450px) {
    span[for="terms"].error {
        top: 44px !important;
    }
}

@media (max-width: 437px) {
    span[for="smoke"].error {
        top: 65px !important;
    }
}

@media (max-width: 401px) {
    span[for="patient_confirmation"].error {
        top: 63px !important;
    }
}

/* @media (max-width: 387px) {
    span[for="cigarette_type[]"].error {
        top: 60px !important;
    }
} */
@media (max-width: 374px) {
    span[for="understand"].error {
        top: 45px !important;
    }
}

@media (max-width: 362px) {
    span[for="dentist_attendance"].error {
        top: 237px !important;
    }
}

@media (max-width: 331px) {
    span[for="about_us"].error {
        top: 414px !important;
    }

    span[for="dentist_attendance"].error {
        top: 237px !important;
    }
}

#successMessage {
    font-size: 15px;
}

#errorMessage {
    font-size: 15px;
}

.allergies_options {
    flex-grow: 1;
}

.message_error {
    text-align: left;
}