/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.border-md {
    border-width: 2px;
}

.btn-facebook {
    background: #405d9d;
    border: none;
}

.btn-facebook:hover,
.btn-facebook:focus {
    background: #314879;
}

.btn-twitter {
    background: #42aeec;
    border: none;
}

.btn-twitter:hover,
.btn-twitter:focus {
    background: #1799e4;
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/

body {
    min-height: 100vh;
}

.registration .form-control:not(select) {
    padding: 1.5rem 0.5rem;
}

.form-control::placeholder {
    color: #ccc;
    font-weight: bold;
    font-size: 0.9rem;
}
.form-control:focus {
    box-shadow: none;
}

.appointment {
    box-shadow: 0 0 20px rgb(0 0 0 / 7%);
    border-radius: 5px;
}
.prescription-content {
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    border-radius: 5px;
    padding: 15px 20px;
}
.prescription-content h3{
    text-align: center!important;
    font-size: 18px;
    color: #23a3c3;
}
.prescription-head h4 {
    font-size: 20px;
}
.prescription-head p, .prescription-body p{
    margin-bottom: 0px;
}
.prescription-footer h4,.prescription-details h4 {
    font-size: 18px;
}
.details-head {
    background-color: green;
    color: #fff;
    padding: 5px 0px;
    font-size: 18px !important;
    border-radius: 3px;
}
.modal-header {
    background-color: green;
    color: #fff;
    padding: .5rem .5rem !important;
    border: none;
}

@media only screen and (max-width: 768px) {
    .appointment {
        padding: 0px 10px !important;
    }
    .dashboard {
        margin-top: 0px !important;
    }

    .navbar-toggler-icon {
        width: 1em !important;
        height: 1.2em !important;
    }
    .navbar-nav {
        text-align: center;
    }
    .prescription-body {
        font-size: 11px !important;
    }
    .prescription-head {
        font-size: 13px;
    }
    .prescription-head h4 {
        margin-bottom: 0rem !important;
    }
    .prescription-details {
        font-size: 12px;
    }
    .prescription-details h4 {
        font-size: 15px;
    }
}