/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	body {
		font-size: 0.9rem;
	}
		
	#pageContentWrapperWithoutPatch {
	
	}
		
	h3 {
    	font-size: 1.2rem;
	}

	.leftMenuActive {
		margin-left: 200px;
	}
	
	.sidenav-icon-only {
		margin-left: 90px;
	}
	
	.sidebarNav {
		width: 200px;
	}
	.sideMenu > li {
		padding: 0 15px;
	}
	.sideMenu li a {
	    font-size: 1rem;
	    padding: 15px 0;
	}
	
	.hasSubMenu > ul a {
		padding: 10px 0;
	}
	
	
	.page-header {
		margin: 10px 0 !important; 
	}
	
	.customCard .card-head, .customCard .card-title {
		font-size: 14px;
	}
	
	.logo_text {
		width: 190px
	}
}

@media(max-width: 980px) {
	.cbtn.medium {
    	min-width: 80px;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.login-box {
	    position: absolute;
	    left: 14rem;
	    transform: translate(-12rem, -50%);
	    width: 25rem;
    }
    
    .logo_text {
    	width: 200px
    }
    
    
    
    .customCard .card-head, 
    .customCard .card-title {
     	font-size: 14px;
    }
    
    .cbtn {
    	font-size: 0.9rem;
    }
    
    .row {    
	    margin-right: -10px;
	    margin-left: -10px;
	}
    
    div[class^="col-"] {
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
}

@media (min-width: 768px) {
	.navbar-toggler-icon {
		display: none;
	}
	
	.d-none-mobile {
		display: block !important;;
	}
	
	.d-block-mobile,
	.d-inblock-mobile {
		display: none !important;;
	}
}

@media (max-width: 767px) {
	footer {
		display: none;
	}
	.managementTable {
		display: block !important;
	}
	
	.d-none-mobile {
		display: none !important;;
	}
	
	.d-block-mobile {
		display: block !important;;
	}
	
	.d-inblock-mobile {
		display: inline-block !important;;
	}
	.form-control {
		height: 35px;	
		font-size: 13px;
	}
	
	label, .form-group label {
		margin-bottom: 5px;
	}
	.cbtn {
		font-size: 0.8rem;
		height: 35px;
		padding: 5px 10px;
	}
	
	.cbtn.medium {
		min-width: 75px;
	}
	
	.cbtn-blue-icon,
	.cbtn-icon-circle {
		padding: 0;
	}
	
	/* .mIcon-history,
	.mIcon-history-active {
		width: 30px;
    	height: 30px;
	} */
	
	.card.customCard > .cardBody,
	.card.customCard .card-body {
		min-height: 200px;
	}
	
	.card.customCard .card-body.overflowyauto {
		max-height: 300px;
	}
	
	.navbar-toggler-icon {
		display: block;
	}
	
	.navbar .dropdown-item, 
	.navbar .dropdown-item.active, 
	.navbar .dropdown-item:active {
		padding: 7px 5px;
		font-size: 1rem;
	}
	
	.container-fluid {
		padding: 0 10px 0 10px;
	}
	.dataTables_wrapper .dataTables_paginate .ellipsis {
		padding: 0 5px;
	}
	
	.login-box {
		transform: translate(0, 0); 
		margin: 0;
		top: 20%;
    	left: 50%;
    	margin-left: -150px;
    	width: 300px;
    	background: transparent;
	}
	
	.login-box .logo_text {
		width: 150px;
	}
	
	.login-box form {
		margin-top: 20px !important;
	}
	
	.emrocTopNavbar {
		height: 55px;
	}
	
	.navbar-toggler-icon {
		color: #000;
	}
	
	.leftMenuActive,
	.sidenav-icon-only {
		margin: 0;		
	}
	
	.sidebarNav,
	.sidenav-icon-only .sidebarNav {		
		z-index: 1000;
		overflow: hidden;
		left: -100%;
		width: 0;
		transition: all 0.4s ease-in-out;
		top: 55px;
	}
	
	.leftMenuActive .sidebarNav  {
		left: 0;
		width: 80%;
	}
	
	.navbar-brand {
		margin-left: 10px;
	}
	
	.userName  {
		display: none;
	}	
	
	.sideMenu li a {
		font-size: 0.9rem;
	}

	.sidenav-icon-only .sideMenu > li > a,
	.sideMenu > li > a {
		text-align: left;
		position: relative;
		padding: 15px 0;
		font-size: 1rem;
	}
	.sideMenu > li > a img {
		width: 20px !important;
	}
	.sidenav-icon-only .sideMenu > li > a .logo {
		float: left;
	}
	

	.sidenav-icon-only .sidebarNav .menuArrow {
		display: initial;
		right: 8px;
	}
	
	.sidenav-icon-only .sideMenu li .menuItemTitle, 
	.sidenav-icon-only .sideMenu li ul a,
	.sidenav-icon-only .sideMenu > li:not(.hasSubMenu) .menuItemTitle,
	.sidenav-icon-only .sideMenu > .hasSubMenu:hover > ul a {
		color: inherit;
		background: transparent;
		display: block;
		position: static;		
		line-height: 100%;
    	width: auto;
    	font-weight: 400;
    	margin-left: 30px;
    	left: auto;
	}
	
	.sidenav-icon-only .sideMenu > .hasSubMenu > ul a {
		background: transparent;
		padding: 10px 0;
	}
	
	.sidenav-icon-only .sideMenu li .menuItemTitle {
		padding-left: 5px;
		display: block;	
		position: relative;	
	}
	
	
	.sidenav-icon-only .sideMenu > li.hasSubMenu:hover .menuItemTitle {
		display: block;
	    background: inherit;
	    color: inherit;
	}
	
	.sidenav-icon-only .sideMenu .hasSubMenu > ul {
		position: static;
		background: transparent;
		width: 100%;
	}
	#pageContentWrapperWithoutPatch {
		min-height: calc(100vh - 55px);
	}
	
	#timefilter {
		display: block;
	}
	
	.page-header {
		padding: 0 0 10px;
	}
	.leftMenuActive .addPatient .page-header,
	.addPatient .page-header {
		left: 0;
	}
	
	#pageContentWrapperWithoutPatch.addPatient {
		margin-top: 100px;
	}
	.addPatient .page-header {
		top: 55px;		
	    padding: 5px 10px !important;
	    height: 55px;		
	}
	.page-header h3 {
		font-size: 1.2rem;
		margin-bottom: 6px;
	}
	
	.page-header h3 i {
		font-size: 24px !important;
	}
	
	.page-header .searchControl {
		width: 150px;
	}
	.searchControl .searchIcon {
		font-size: 20px;
	}
	
	.page-header .headerAction {
		position: fixed;
		bottom: 15px;
		right: 15px;
		z-index: 1000;
	}
	
	
	.table.mCustomTable thead th,
	.table.mCustomTable tr td  {
		font-size: 13px;
	}
	
	.mCustomTableWrapper .dataTables_paginate .paginate_button {
	    width: 25px;
	    height: 25px;
	    font-size: 13px;
	    min-width: 20px;
	    line-height: 22px;
	    margin: 0 2px;
	}
	
	.mrnWidth {
		width: 50px;
	}
	

	
	.card.customCard  {
		margin-bottom: 15px;
	}
	
	.customCard .card-head {
		min-height: 35px;
	}
	
	.customCard .card-head, 
	.customCard .card-title {
		font-size: 14px;
		line-height: 16px;
	}
	
	.card.customCard .card-body {
		padding: 5px !important;
	}
	
	.editPatient .patientCardAction {
		left: 0;
		height: 50px;
	}
	
	.cbtn-blue-icon {
		width: 30px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}
	
	.cbtn-blue-icon i {
		font-size: 18px;
    	line-height: 25px;
	}
	
	.patientCard .patientNameCircle {
		left: 10px;
	}
	.patientCard .patientInfo {
		min-height: 40px;
    	margin-top: 10px;
	}
	
	.mIcon-xls {
		height: 20px;
	}	

	.notesItem {
		padding: 0
	}
	
	footer {
		margin-left: 0;
	}
	.prescriptionCard .presHeader {
		padding: 10px !important;
		font-size: 0.8rem;
	}
	
	.prescriptionCard .presHeader .pLogo {
		width: 90px;
		height: 40px;
	}
	
	.prescriptionCard .presHeader h3 {
		font-size: 0.8rem;
	}
	.prescriptionCard .preContainer  {
		min-height: 200px;
	}
	
	
	.sidePanelInfo {
		width: 100%;
		z-index: 1000;
	}
	
	.sidePanelInfo .sidePanelHeaderTop {
		padding: 10px !important;
	}
	
	.sidePanelInfo .sidePanelHeader h3 {
		font-size: 1rem;
	}
	
	.sidePanelInfo .sidePanelContent {
		padding: 10px !important;
		font-size: 0.9rem;
	}
	
	.sidePanelInfo .sidePanelFooter .btn {
		min-width: 50%;
	}
	
	.mainCat  {
		margin-bottom: 5px;
	}
	
	
	.mcustomModal .modal-header, 
	.mcustomModal .modal-footer {
		padding: 15px 10px;
	}
	
	.mcustomModal .modal-header .mIcon {
		font-size: 3rem;
	}
	
	.mcustomModal .modal-content, 
	.mcustomModal .modal-content p {
		font-size: 1rem;
	}
	
	.mcustomModal .modal-title {
		font-size: 1rem;
	}
	
	.prescriptionList .notes.list .noteActionsItem {
		opacity: 1;
		display: inline-block;
	}
	
	.card.customCard.prescriptionList .card-body.overflowyauto {
		max-height: none;
		min-height: 200px;
	}
	
	.card.customCard.prescriptionList {
		min-height: none;
		height: auto;
	}
	
	
	.patientList .page-header {
		position: relative;
	}
	
	.patientList .page-header .page-header-action {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.patientList .page-header .mIcon-xls {
		height: 16px;
		width: 12px;
	}
	
	.patientList .page-header .page-header-action-wrapper {
		display: block !important;
		margin: 15px 0 0;
	}
	
	.patientList  .page-header-action-wrapper .searchControl   {
		width: 100%;
	}
	
	.patientList  .page-header-action-wrapper .mr-2 {
		margin-right: 0 !important;
	}
}