/* # Media queries
================================================== */

@media only screen and (max-width: 1350px) {
	body { -webkit-text-size-adjust: none; }

}
@media only screen and (max-width: 1100px) {
	#content-two .resBtnSearch {	display: block;	position: absolute;	right:15px;}
	#content-two .search {
		z-index: 1000;
		display: none;
		position: absolute;
		top:0px;
		right: 70px;
		float: left;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		border:1px solid #c4c4c4;
		/*border-top: none;*/
		padding-right: 0;
		padding-top: 0px;
	}
	#content-two #searchform .top-search {width: 150px;}
	.heading .breadcrumb {margin-right: 40px;}
}

@media only screen and (max-width: 1024px) {
	#header .navbar .nav a {text-indent: -9999px; padding: 8px 0; width: 46px;}
	#header .navbar .nav a img.image {margin-left: 4px;}
	#header .navbar .nav a span.icon16 {text-indent: +9999px; margin-left: 15px; display: inline-block; line-height: 14px;}
	#header .navbar .nav a span.notification {text-indent: 0;}
	#header .dropdown-menu li span.name a {text-indent: 0 !important; padding: 5px 0 5px 5px; width:100%}
	#header .dropdown-menu li span.time {margin-top:-18px;}
	#header .dropdown-menu li.view-all a {text-indent: 0; padding: 5px 0 5px 5px; width: auto;}
	#header .dropdown-menu li.view-all a span.icon16 {text-indent: 0;}
	#header .dropdown-menu li.menu a {text-indent: 0;} 
	#header .dropdown-menu li.menu a span {text-indent: 0 !important;margin-left: 0 !important;}
	#header .dropdown-menu .messages {padding-top:0;}
	#header .dropdown-menu span.icon span {margin-left:5px !important;}
	#header .dropdown-menu ul.notif a {width: 100% !important;}

	#header .dropdown-menu li a {width: auto !important;}

}

@media only screen and (max-width: 980px) {
	.resBtn {left: 175px; display: block}
	.navbar .nav {margin-left: 25px;}
	.collapseBtn {display: none;}
	
	#sidebar, #sidebar-right {
		width: 100%;
		z-index: 999;
		margin-top: 67px;
		padding-top: 0;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 0;
		float: left;
		display: none;
	}
	#sidebarbg, #sidebarbg-right {display: none;}
	#sidebar .shortcuts, #sidebar-right .shortcuts {display: none;}
	#sidebar .sidenav, #sidebar-right .sidenav {display: none;}
	#sidebar>.sidebar-widget, #sidebar-right>.sidebar-widget {display: none;}
	#content {	margin-left: 0 !important;}
	#content-one {	margin-right: 0 !important;	padding-top: 0;	}
	#content-two {	margin-left: 0 !important; margin-right: 0 !important;}
	.mainnav ul li .sub {width: 100%;}
}

@media only screen and (max-width: 767px) {
	body {padding-left:0; padding-right: 0;}
	
	.heading .breadcrumb {margin-right: 80px;}
	.resBtnSearch {
		display: block;
		position: absolute;
		right:15px;
	}
	.search {
		z-index: 1000;
		display: none;
		position: absolute;
		top:0px;
		right: 70px;
		float: left;
		background: rgb(255,255,255);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		border:1px solid #c4c4c4;
		/*border-top: none;*/
		padding-right: 0;
		padding-top: 0px;
	}
	#searchform .top-search {width: 150px;}
	.loginContainer input#username {width: 100%;}

	.form-row .form-label {text-align: left;}
	input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {width: 98%;}
	.input-prepend input[class*="span"], .input-append input[class*="span"] {width: auto;} 


	/*Responsive tables*/
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0;width: 5%; 
		overflow: hidden; /*overflow-x: scroll;*/ border-right: 1px solid #c4c4c4;/* border-left: 1px solid #ccc;*/ }
	.pinned table { border-right: none; border-left: none; width: 100%;}
	.box .pinned table { border-right: none; border-left: none; width: 100%; margin-bottom: 1px;margin-bottom: 5px;}
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	.box div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right:none; }
	div.table-wrapper div.scrollable table { margin-left: 5%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, 
	table.responsive.pinned td { display: none; }

	.dataTables_filter {position: absolute; top:15px;}
	.dataTables_wrapper .table-wrapper{margin-top:45px; border-top:1px solid #c4c4c4;}
	.paging_full_numbers a {display: none !important;}
	.paging_full_numbers a.previous, .paging_full_numbers a.next {display: block !important;}
}

@media only screen and (max-width: 687px) {
	#header .nav .notification {display: none;}
	#header .navbar .nav > li {margin-right: 1px;}
	#header .usernav {margin-right: 15px;}

	.modal {width:70%; left:60%;}
	.faq-search .searchfield {width: 90%;}
}

@media only screen and (max-width: 572px) {
	#header {height: 110px;}
	.loginPage #header {height: 67px;}
	.loginPage .navbar .brand {width: auto;}
	#header .navbar .nav.pull-right {margin-left:0;}
	.navbar .brand {margin-right: 0; width:100%; text-align: center; padding-bottom: 0; padding-right: 0;}
	.navbar .nav {margin-top:0; margin-left: 50px; }
	.resBtn {top:59px;left: 10px;}
	#wrapper {padding-top: 44px;}
	.dropdown-menu .menu { padding: 0 5px;}
	.holder a, .holder span {display: none;}
	.holder a.jp-previous, .holder a.jp-next {display: inline-block;}
	.modal {left:70%;}

	.errorContainer {width: 450px; margin-left: -241px;}

	.support-section .sendMsg textarea {width: 94%;}
	.support-section .nav-tabs {width: 100px;}
	.support-section .nav-tabs li {width: auto;}
	.support-section .notification {right: 18px;top: 0;}
	.support-section .nav-tabs .name {line-height: 18px;width: 100%;}
	.support-section .support-search {left: 0;}
	.support-section .support-search .searchfield {width: 60px;margin: 10px 0px;}
	.support-section .support-search .search-btn {left: 7px;}

}
@media only screen and (max-width: 500px) {
	.heading {height: 96px;}
	.heading .breadcrumb {
		width: 100%;
		padding: 14px 0 0 0;
		margin: 0;
		float: left;
		margin-top: -8px;
		border-top: 1px solid #C4C4C4;
		padding-right: 28px;
		text-align: center;
		margin-left: -27px;
		padding-left: 28px;
	}
	.modal {left:90%;}
	.errorContainer {width: 340px; margin-left: -185px;}
	.elfinder-navbar {width : 120px !important;}
	.search .search-btn {top:18px;}
	.search {padding-top: 1px;}
}	

@media only screen and (max-width: 400px) {
	.resBtn {top:15px; left:15px}
	#header .navbar .nav {margin-left:15px;}
	#header .navbar-inner {padding-left: 0;}
	.loginContainer {width: 250px;margin-left: -150px;}
	.leftBox, .rightBox {width: 100%; float: left;}
	.dualBtn {
		text-align: center;
		width: 100%;
		margin: 10px -10px;
		position: relative;
		float: left;
		left: 0;
		border-top: 1px solid #C4C4C4;
		border-bottom: 1px solid #C4C4C4;
		padding: 10px 10px;
		background: #f2f2f2;
		padding-bottom: 12px;
	}
	.modal {width:100%; left:0; margin-left:0}
	.errorContainer {width: 280px; margin-left: -155px;}

	.invoice .you, .invoice .client {float: none;width:100%; margin-bottom: 15px;}
	.invoice .total {width: 100%; margin-top: 15px; text-align: center;}

	.support-section .support-search .searchfield {width: 100%; float:none;}
	.support-section .nav-tabs {width: 100%;}
	.support-section .nav-tabs .name {line-height: 38px;width: auto;}
	.support-section .notification {top: 18px;}

}

@media only screen and (max-width: 340px) {
	#header .navbar .nav {margin-left: 2px;}
	#header .usernav {margin-right: 2px;}
	.ui-datepicker{ max-width: 260px;}
	.activity li .btn {margin-left: 0px;margin-right: 15px;}
	.dataTables_filter {position: absolute; top:15px;}
	.dataTables_wrapper .table-wrapper{margin-top:60px;}
	.dataTables_paginate {
		margin: 0;
		display: inline-block;
		margin-left: 50px;
		float: none;
		margin-bottom: 15px;
	}
	.dataTables_info{
		text-align: center;
		width: 100%;
		margin: 10px 0 15px 0;
		padding-left: 0;
	}
	.errorContainer {width: 240px; margin-left: -135px;}
	.errorContainer.offline h1 {font-size: 4em;}
	.elfinder-ltr .elfinder-button-search {width:90%;}

	form .image {margin-bottom: 20px;}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width : 480px) {
	.loginPage #header {display: none;}
	.loginContainer {top: 10px;margin-top: 0;}
}


/* Most phones */
@media only screen and (max-width: 320px) {
	#header .navbar .nav a {width: 36px;}
	#header .navbar .nav a span.icon16 {margin-left: 10px;}
	#header .navbar .nav a img.image {margin-left: 0px;}
	#header .navbar .nav {margin-right:0px;}
	.resBtnSearch {right:20px;}
	.fc-header-right {
		position: relative;
		top: 0;
		right: 0;
		float: left;
		margin-left: 60px;
	}
	.fc-header-center {margin-right: 80px;}
	.todo li .txt{width:75%;}
	.sparkStats li {text-align: center;}
	.sparkStats li span:first-child {margin-right: 0px;width: 100%;float: left;}
	.loginContainer {width: 220px;margin-left: -130px;top: 15%;margin-top: 0;}
	.loginPage #header {display: none;}
	.ui-datepicker{ max-width: 220px;}
	.breadcrumb li:first-child {display: none;}

	.recent-users .status {float: left;margin-left: 15px;}
	.modal {width:100%; left:0; margin-left:0}
	.ui-pnotify {position: fixed; right:10px !important; }

	.errorContainer {width: 200px; margin-left: -115px;}
	.errorContainer .btn {margin-bottom: 15px;}
	.elfinder-navbar { width : 80px !important;}
	.plupload_filelist_footer {height:auto; line-height:none;}
	#html4_uploader{height:auto !important;}
	.plupload_button {margin-bottom:10px;}
}
/* Crappy phones :) :D */
@media only screen and (max-width: 241px) {
	.resBtn {left:5px}
	#searchform .top-search {width: 130px;}
	.fc-header-right {margin-left: 25px;}
	.fc-header-center {margin-right: 45px;}
	.loginContainer {width: 180px;margin-left: -100px;}
	.ui-datepicker{ max-width: 180px;}
}



/*** POS content ***/
#pos-content {
	padding: 67px 25px 25px 25px;
	padding-top: 67px;
	margin-left: 513px;
	background: url(../img/patterns/5.png) repeat;
    height: 100%;
}
#pos-sidebar {
	width: 512px;
	padding-top: 67px;
	float: left;
	z-index: 1;
	position: fixed;

}