.popup-button {
    border: none;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    margin: 10px;
    padding: 1em 3em;
    background-size: 200% auto;
    color: #1e1e1e;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(to right, #ecedea 0%, #f9f9f9 50%, #ecedea 100%);
    transition: 0.5s;
}

    .popup-button:hover {
        color: #1e1e1e;
        text-decoration: none;
        background-position: right center;
    }

.customWidth {
    width: 261px;
}
.clear-signature {
    margin-left: 590px;
}

.text-danger{
    color: red !important;
}
.control--checkbox .control__indicator.red_control {
    border: 1.5px solid red !important;
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {
    .clear-signature {
        margin-left: 436px;
    }

    .btn-datepicker {
        left: 245px !important;
        padding: 10px 15px;
    }

}

@media only screen and (min-width: 769px) {

    .btn-datepicker {
        left: 256px !important;
        padding: 10px 15px;
    }
}
    

@media only screen and (max-width: 574px) {
    .clear-signature {
        margin-left: 80%;
    }
}

@media only screen and (max-width: 333px) {
    .customWidth {
        width: 100%;
    }
}

.newPatientTitle{
    font-size: 30px !important;
}

.newPatientTitle {
    font-size: 30px !important;
}

label {
    color: #3e3e3e;
}



@media only screen and (max-width: 768px) {
    .btn-datepicker {
        left: 250px !important;
    }
}

@media only screen and (max-width: 768px) {
    .btn-datepicker {
        left: 250px !important;
    }
}

@media only screen and (max-width: 430px) {
    .btn-datepicker {
        left: 260px !important;
    }
}

@media only screen and (max-width: 414px) {
    .btn-datepicker {
        left: 240px !important;
    }
}

@media only screen and (max-width: 412px) {
    .btn-datepicker {
        left: 240px !important;
    }
}

@media only screen and (max-width: 390px) {
    .btn-datepicker {
        left: 220px !important;
    }
}

@media only screen and (max-width: 375px) {
    .btn-datepicker {
        left: 210px !important;
    }
}

@media only screen and (max-width: 360px) {
    .btn-datepicker {
        left: 195px !important;
    }
}



    #infoWindow {
        max-width: 70% !important;
    }


@media only screen and (max-width: 480px) {
    #infoWindow {
        max-width: 100% !important;
    }
}