/* Large desktop & notebooks */
@media (min-width: 768px) and (max-width: 2560px) { 
 	/* sidebar */
	#sidebar {
 		width: 80px;
 		position: fixed;
 		left: 0px;
  	}

  	#sidebar ul{
  		margin-top:0px;
  		width: 80px;
  	}

  	/* body container */
  	#main-content {
		margin-top: 0px !important;
		margin-left:80px !important;
	}
}

 @media (min-width: 980px) { 
 	/* sidebar */
	#sidebar {
 		width: 80px;
 		position: fixed;
 		left: 0px;
  	}

  	#sidebar ul{
  		margin-top:0px;
  		width: 80px;
  	}

  	/* body container */
  	#main-content {
		margin-top: 0px !important;
		margin-left:80px !important;
	}
}


/* dashboard date range button for all device size */

/* General styles for phones and tablets */
@media (max-width:979px) { 
	/* header bar */
	#header .navbar-inner li.dropdown i {
		display: inline-block;
		position: relative;
		top:1px;
		right:-2px;
	}

	#header.navbar {
		margin-bottom: 0px !important;
	}

	#header .navbar-search {
	  margin-left: 80px !important;
	}

	/* page title*/
	.page-title {
		margin: 4px 0px 7px 0px !important;
	}

	/* body */
	#main-content {
		margin-top: 0px !important;
		margin-left:80px !important;
	} 

	/* container */
	#container {
		margin-top: 0px !important;
	}

	.fixed-top #container {
		margin-top: 0px !important;
	}

	#sidebar .sidebar-toggler {
		display: none;
		width:80px;
	}

	#sidebar.in {
		margin-top: 0px !important;

	}

	#sidebar ul {
		margin-top:0px !important;
		width:80px;
	}

	.top-nav .text {
		display: none;
	}

	/* sidebar menu */
	#sidebar .triangle {
		display: none;
	}

	#sidebar {		
		 -webkit-border-radius: 4px !important;
    		-moz-border-radius: 4px !important;
         		 border-radius: 4px !important;
	}

	#sidebar > ul > li:first-child > a{
		border-top:0px !important;
	}		
	#sidebar > ul > li:last-child > a {
		border-bottom:0px !important;
	}

	#sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a{
		 -webkit-border-radius: 4px 4px 0 0 !important;
    		-moz-border-radius: 4px 4px 0 0 !important;
         		 border-radius: 4px 4px 0 0 !important;
         border-top:0px !important;		 
	}		
	#sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
		 -webkit-border-radius: 0 0 4px 4px !important;
    		-moz-border-radius: 0 0 4px 4px !important;
         		 border-radius: 0 0 4px 4px !important;
         border-bottom:0px !important;		 
	}

	/* stat overview containers */
	.stats-overview-cont {
		margin: 0px;
	}
	.stats-overview { 
		margin: 0px;
		padding: 10px 10px 0px 10px;
 		margin-bottom: 20px;
	}	

	.stats-overview .details  .title {
		font-size: 13px;
	}

	/* cirlce stats */
	.circle-stat .details {
		margin-top: 0px !important;
	}
	.circle-stat .details .title {
		margin: 0px !important;
	}

	/* style switcher */
	#theme-change {
		top:55px;
		right:28px;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	/* body */
	body {
	 	padding-top: 0px;
	}

	/* body container */	
	#main-content {
		margin-left: 80px;
		margin-top: 0px;
	}

	/* sidebar */
	#sidebar {
	 	width:80px;
	}
} 

@media (max-height: 300px){ 
 	/* sidebar */
	#sidebar {
 		display:none;
  	}
}