/* ----------- Login ----------- */
@media (max-width: 1200px) {
    .loginsection {
        background-image: url(/img/emr-login-doctor.png);
    }

    .loginsection .loginbox {
        left: 30%;
    }
}

@media (max-width: 992px) {
    .loginsection {
        background-image: url(/img/emr-login-icon.png);
        background-size: auto 100%;
        background-position: center;
    }

    .loginsection .loginbox {
        left: 50%;
        transform: translate(-50%, -52%)
    }
}

/* ----------- Dashboard ----------- */
@media (max-width: 1200px) {
    .header {
        padding: 10px 20px 8px 20px;
    }

    .facilitiesinfo .facilitiesleft {
        flex: 0 0 300px;
        ;
        padding: 40px 20px;
    }

    .facilitiesright .facilitiesfilter {
        padding: 22px 40px 22px 20px;
    }

    .facilitiesfooter {
        padding-left: 20px;
    }

    .patienttable table tr th:first-child,
    .patienttable table tbody tr td:first-child {
        padding-left: 20px;
    }

    .tabblepagination {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: space-between;
    }

    .facilitiesright .facilitiesfilter .patientlink {
        margin-top: 20px;
    }

    .patienttable table {
        font-size: 12px;
    }

    .facilitiesfooter .footerlinks ul li {
        margin: 0 20px;
    }

    .facilitiesfooter .footerlinks ul li a {
        font-size: 18px;
    }

    .facilitiesfooter .startvisit {
        width: 200px;
    }
}


/* ----------- Visit ----------- */