﻿@media only screen and (max-width: 768px) {
    /*****************************CreateKFRecipe media CSS start*****************************/
    .divcontFilContainer {
        height: 100%;
    }
    .divflowsectionContainer #divRecipeForm {
        height: 775px !important;
    }
    /*****************************PatientList media CSS start*****************************/
    .divModalLeft,
    .divModalRight {
        height: 100vh !important;
    }
    .divmodalInSlide {
        height: auto !important;
    }
    .filterShowHideBtn {
        display: none !important;
    }
    .dropdown-list-icon {
        display: initial !important;
    }
    .divcontFilContainer.patientListBlock {
        display:flex;
    }
    /*****************************NewPatient1 media CSS start*****************************/
    .divcontFilContainer.newPatientBlock {
        display: flex;
    }
    .divflowsectionContainer.newPatientSideblock {
        width: 30%;
        max-width: 30%;
        margin-right: 10px;
    }
    .diventersectionContainer_M.newPatientMainblock {
        width: 70%;
        max-width: 70%;
        margin-left: 10px;        
    }
    .diventersectionContainer_M.newPatientMainblock .diventersectionContainer_S {
        padding: 20px;
    }
    .diventersectionContainer_M.newPatientMainblock #btnNewAdmission,
    .diventersectionContainer_M.newPatientMainblock #btnReadmission{
        width: 47% !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /*****************************CreateKFRecipe media CSS start*****************************/
    .divcontFilContainer {
        height: 100%;
    }
    .divflowsectionContainer #divRecipeForm {
        height: 475px !important;
    }
}

@media screen and (max-width: 1024px) {
    /*****************************CreateDepartment media CSS start*****************************/
    .divcontFilContainer.createDepartmentBlock {
        display: block;
    }
    .divflowsectionContainer.createDepartmentSideBlock, .diventersectionContainer_M.createDepartmentMainBlock {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 10px 0px 10px 0;
    }
    /*****************************Menu media CSS start*****************************/
    .menubottom {
        font-size: 11px;
    }
    .menuHeader {
        height: 100px;
    }
    /*.menuHeader img {
        height: 100px;
        left: 40%;
        top: -15px;
    }*/
    .menuTitle {
        font-size: 17px;
        padding: 25px 15px;
    }
    .patient-reassessment-btn {
        padding: 6px 10px;
    }
    .graphContainer .nav.nav-tabs li a {
        padding: 8px !important;
        font-size: 11px;
    }
    /*****************************PatientList media CSS start*****************************/
    .divModalLeft,
    .divModalRight {
        height: 100vh !important;
    }
    .divmodalInSlide {
        height: auto !important;
    }
    .filterShowHideBtn {
        display: none !important;
    }
    .dropdown-list-icon {
        display: initial !important;
    }
}

@media only screen and (min-width: 1200px) {
    /*****************************SystemSetup media CSS start*****************************/
    .menuTitle {
        font-size: 16px !important;
        padding: 25px 15px !important;
    }
    /*.menuHeader img {
        top: -15px !important;
        height: 140px !important;
        left: 30% !important;
    }*/
    /*****************************Menu media CSS start*****************************/
    .menuTitle {
        font-size: 16px !important;
        padding: 25px 15px !important;
    }
    /*.menuHeader img {
        top: -15px !important;
        height: 140px !important;
        left: 30% !important;
    }*/
}

@media screen and (min-width: 1366px) {
    /*****************************PatientList media CSS start*****************************/
    .filterShowHideBtn {
        display: initial;
    }
    .dropdown-list-icon {
        display: none;
    }
}

@media only screen and (min-width: 2000px) {
    /*****************************Menu media CSS start*****************************/
    #divMenuTitle .col-md-3 {
        width: 16.66666667% !important;
    }
    .menuHeader img {
        left: 38% !important;
    }
    .divtilecontainer .hover-bg-img {
        left: 32%;
    }
    .divtilecontainer .divtileheaderImg {
        left: 41% !important;
        top: -4.5% !important;
    }
    .divtilecontainer .divtileheaderImg.no-of-sheets {
        left: 41% !important;
        top: -4.5% !important;
    }
    .divtilecontainer .divtileheaderImg.length-of-stay {
        left: 44% !important;
        top: -3% !important;
    }
    .divtilecontainer .divtileheaderImg.patient-count {
        left: 37% !important;
        top: -8% !important;
    }
    .divtilecontainer .divtileheaderImg.doctor-count {
        left: 40% !important;
        top: -6% !important;
    }
    /*****************************SystemSetup media CSS start*****************************/
    #divHospitalList .col-md-3 {
        width: 16.66666667%;
    }
    .menuTitle {
        font-size: 16px !important;
        padding: 25px 20px !important;
    }
    .menuHeader img {
        left: 38% !important;
    }
}