.mobile{
	display: none;
}

/* Small desktops */
@media screen and (max-width: 1400px){
	.mobile{
		display: block;
	}
	div.wrapper{
		min-width: 0;
		min-height: 0;
	}
		.wrapper.menuActive{
			left: 230px;
		}
		.header{
			position: fixed;
		}
			.wrapper.menuActive .header{
				left: 260px;
			}
			.menu-toggle{
				float: left;
				font-size: 20pt;
				cursor: pointer;
				margin-top: 25px;
				margin-left: 10px;
				margin-right: 30px;
			}
			.menu-container{
				display: none;
			    position: fixed;
				width: 190px;
				height: 100%;
				top: 0;
			    left: 0;
			    padding: 20px;
			    background: #13414B;
			    overflow-y: auto;
			}
				div.menu{
					width: auto;
					margin: 0;
				}
					div.menu ul{
						height: auto;
					}
						div.menu ul li{
							float: left;
							clear: both;
							display: list-item;
							line-height: normal;
							margin: 0px 0px 6px 0px;
							padding: 0;
							font-size: 10pt;
						}
							div.menu ul li:hover{
								background: none;
							}
							div.menu ul li a,
							div.menu ul li.active a{
								position: relative;
								display: block;
								clear: both;
								padding: 0;
								color: #fff;
							}
							div.menu ul li ul{
								float: left;
								position: relative;
								z-index: 0;
								opacity: 1;
								background: none;
								box-shadow: none;
								padding: 0;
								left: auto;
								top: auto;
								margin: 6px 0;
								list-style: inherit;
								list-style-type: disc;
								color: #fff;
							}
								div.menu ul li ul li{
									margin-left: 17px;
								}
									div.menu ul li ul li a{
										font-size: 10pt;
										text-transform: none;
									}
				div.login-bar{
					float: left;
					width: auto;
					height: auto;
					max-width: none;
				}
					div.login-bar p, div.login-bar a{
						color: #fff;
					}
			div.page-title{
				width: calc(100% - 60px);
			}
		div.container{
			margin-top: 100px;
		}
}

/* All mobile devices */
@media screen and (max-width: 1024px){
	body{
		font-size: 10pt;
	}
		div.container{
			margin-top: 100px;
		}
			div.sidebar-toggle{
				display: none;
			}
			div.sidebar, div.sidebar.folded{
				width: 100%;
				width: calc(100% - 10px);
				min-height: 0;
				height: auto;
				margin-bottom: 20px;
			}
				div.sidebar ul{
					margin: 0;
				}
					div.sidebar ul li{
						clear: none;
						margin: 4px 7px 4px 0px !important;
						text-align: left !important;
					}
						div.sidebar ul li.sidebar-group-header{
							float: left;
							height: auto;
							max-width: 60px;
							width: auto;
							margin-left: 15px !important;
						}
							div.sidebar ul li.sidebar-group-header:first-child{
								margin-left: 5px !important;
							}
							div.sidebar a{
								width: 60px;
							}
								div.sidebar .icon{
									width: 100%;
								}
			div.content{
				width: 100% !important;
				margin: 0;
			}
				div.content-inner{
					overflow-y: scroll;
					-webkit-overflow-scrolling: touch;
				}
}


/* Small mobile devices */
@media screen and (max-width: 667px){
	div.wrapper{
		margin: 0 8px;
	}
	div.header{
		margin: 0 -8px;
	}
		.wrapper.menuActive .header{
			left: 238px;
		}
		div.logo{
			margin-top: 5px;
			margin-right: 0px;
		}
			.logo img{
				max-width: 60px;
				max-height: 30px;
			}
		div.page-title{
			width: calc(100% - 20px);
			padding: 0 10px;
			height: 40px;
		}
			div.page-title-left{
				padding: 0 10px;
				margin-left: -10px;
				margin-right: 10px;
			}
				h1.page-title{
					line-height: 40px;
					font-size: 12pt;
				}
			.menu-toggle{
				margin-left: 2px;
				margin-top: 8px;
				margin-right: 10px;
			}
			a.go-back-url{
				display: none;
			}
	div.container{
		margin-top: 50px;
	}
		div.content-inner{
			margin: 10px;
		}
		.col3set .col-1,
		.col3set .col-2,
		.col3set .col-3{
			width: 100%;
		}
		.load-more-results,
		.add-table-row,
		.table-pager{
			text-align: left;
		}
		.dashboard-block{
			width: 100%;
			max-width: 100% !important;
			margin: 10px 0 !important;
		}
		div.form-fields{
			width: 100%;
		}
			div.form-field{
				float: left;
				width: 100%;
			}
				div.form-field label{
					width: 100%;
				}
				div.form-field label span{
					clear: none;
				}
				div.form-field span{
					clear: both;
					width: 100%;
				}
				div.form-field input[type=text],
				div.form-field input[type=password],
				div.form-field textarea,
				div.form-field select{
					width: 100%;
					width: calc(100% - 8px);
				}
	div.sidebar, div.sidebar.folded{
		margin-bottom: 10px;
	}
		div.sidebar.folded ul{
			margin-top: 0;
		}
			div.sidebar ul li{
				margin: 0px 1px 1px 0px !important;
			}
			div.sidebar ul li.sidebar-group-header{
				clear: both;
				margin-left: 5px !important;
			}
}

/* iphon mobile devices */
@media screen and (max-width: 450px){
	div.mobile-logo {
		display: block;
	}
	div.app-logo {
		display: none;
	}
	div.app-login-banner {
		display: block !important;
	}
	div.app-login-banner div.auth-img {
		width: 100% !important;
	}
}