/* ================================
   Usage
   ================================ */

/* Mobile (up to 768px) */
.table thead th,
	.table tbody td {
		font-size:smaller;
		padding: 4px 5px;
		vertical-align: middle;
	}
@media (max-width: 768px) {
	/* GENERAL */
	html, body {
	  width: 100%;
	  max-width: 100vw;
	  overflow-x: hidden !important;
	}
	
	.notifications {
		min-width: 90vw;
		max-width: 90vw;
		right: 5%;
		left: auto;
	 }

	body{font-size:smaller;}
	.table thead th,
	.table tbody td {
		font-size:smaller;
		padding: 4px 5px;
		vertical-align: middle;
	}
	.nav-profile span {
		display: none !important;
	}
	.pagetitle h1{font-size:18px;}
	.breadcrumb-item{font-size:12px;}
	.card-title{padding:10px 0 5px 0;}
	.card-title .addbtn{
		width:100%;
		margin-top:5px;
	}
	.tab-pane .row > [class^="col-"]:not(:last-child),
	#shop_settings .row > [class^="col-"]:not(:last-child)	{
        margin-bottom: -20px;
    }
	#profile .tab-pane .row > [class^="col-"]:not(:last-child){
        margin-bottom: 10px;
    }
	div.dataTables_wrapper div.dataTables_length select{
		width:50%;
		margin:0 auto;
		margin-bottom:25px;
	}
	#payment .dataTables_length select, #agent .dataTables_length select {
		width:50%;
		margin:0 auto;
		margin-bottom:5px;
    }
	.dataTables_info{margin-bottom:20px;}
	#payment .dataTables_info, #agent .dataTables_info{margin-bottom:2px;}
	.tab-content{
		width:100%;
		padding:0;
	}
	.nav-tabs .nav-item{
		font-size:10px;
		font-weight:bold;
		width:30%;
		margin-left:3%;
	}
	
	/***** ACCOUNTS ***/	
	
	.exportbtn{
		width:100%;
		margin-top:5px;
	}
	.dashboard .filter {top:80px;}
	#view_set .filter, .view_set .filter {top:15px;}
	
	.page-item{display:none;}
	.previous,.next{display:block;}
	
	.pricing_design{margin:5px auto;padding:0;}
	.single_pricing{padding:0;}
	
	#edit_account_su{overflow-x:hidden;}
	#edit_account_su input,select{padding-left:5px;}
	#params form{padding:10px;}
	#params .submitbtn{margin-top:-50px;}
	
	/* Table Body */
	#inv_tab .card-body, #sales_tab .card-body,
	#expense_tab .card-body, #invoice_tab .card-body,
	#notif_tab .card-body, #cat_tab .card-body,
	#subs_tab .card-body, .card-body{padding:5px !important;}
	
	#inv_tab .card-title, #sales_tab .card-title,
	#expense_tab .card-title, #invoice_tab .card-title,
	#notif_tab .card-title, #cat_tab .card-title,
	#subs_tab .card-title, .card-title{font-size:smaller;}
}

/* Tablet (577px - 768px) */
@media (max-width: 768px) {
	.col-md-3, .col-md-9, .col-8{width:100% !important;}
}

/* iPad and Other Screens with High Resolution (769px - 1200px) */
@media (max-width: 1201px) {
	#dash_view .container{max-width:95%;}
	.col-md-3, .col-md-9, .col-8{width:100% !important;}
	#dash_view .col-xl-4, #dash_view .col-md-4, #dash_view .col-md-6{width:100% !important;}
}

/* Big screens (1201px and up) */
@media (max-width: 1280px) {
	#dash_view .container{max-width:95%;}
	.col-md-3, .col-md-9{width:100% !important;}
	#dash_view .col-xl-4, #dash_view .col-md-4, #dash_view .col-md-6{width:100% !important;}
}