@media screen and (min-width: 1026px) {
	header .loggedIn {
		display: block;
	}
	
	.mobmenu-handle {
		display: none;
	}
	
	.frameHeader .loggedIn {
		display: none;
	}
	
	.intmobile {
		display: none !important;
	}
	
	.hideonmobile {
		display: table-cell !important;
	}
	
	h1 span.hideonmobile {
		display: inline !important;
	}
}

@media screen and (max-width: 1025px) {
	
	header .logo {
		width: auto;
	}
	
	header .logo a {
		width: auto;
		padding-left: 15px;
	}
	
	header .logo a img {
		left: auto;
		transform: translateY(-50%);
	}
	
	.mobile-table tr:not(:first-child) {
		cursor: pointer;
	}
	
	.mobile-table tr td .moreinfo i {
		font-size: 20px;
	}
	
	.tblFancyAssignments {
		min-width: 250px;
	}
	
	.tblFancyAssignments tr td {
		vertical-align: top;
		padding: 4px;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	.tblFancyAssignments tr td:first-child {
		font-weight: bold;
	}
	
	.tblFancyAssignments tr:not(:first-child):not(:last-child) td {
		border-top: 1px solid rgba(0,0,0,0.08);
	}
	
	.tblFancyAssignments tr td input[type=submit],
	.tblFancyAssignments tr td input[type=button] {
		min-width: auto;
	}
	
	.intmobile {
		display: inline !important;
	}
	
	.hideonmobile {
		display: none !important;
	}
	
	header .loggedIn {
		display: none;
	}
	
	.frameHeader {
		width: 220px;
		left: auto;
		right: 0;
		transform: translateX(105%);
		z-index: 1001;
		box-shadow: -3px 0px 10px rgba(0,0,0,0.24)
	}
	
	.frameHeader ul li a::after {
		display: block;
	}
	
	.frameHeader.show {
		transform: translateX(0);
	}
	
	.frameWrapper {
		width: calc(100%);
	}
	
	.frameHeader .loggedIn {
		padding: 30px 10px;
		display: block;
		text-align: center;
		color: white !important;
		font-size: 0.8em;
	}
	
	.frameHeader .loggedIn {
		padding: 30px 10px;
		display: block;
		text-align: center;
		color: white !important;
		font-size: 0.8em;
	}
	
	.frameHeader .loggedIn span {
		display: block;
	}
	
	.frameHeader .loggedIn .separator {
		display: none;
	}
	
	.frameHeader .loggedIn a {
		display: block;
		color: white;
		max-width: 180px;
		padding: 10px;
		text-align: center;
		background-color: #36586a;
		margin: 20px auto;
	}
	
	.frameHeader .loggedIn a i {
		margin-left: 5px;
	}
	
	.mobmenu-handle {
		position: relative;
		float: right;
		width: 44px;
		height: 44px;
		cursor: pointer;
	}
	
	.mobmenu-handle i {
		font-size: 25px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #2b4f62;
	}
	
	/*
	.tblData.mobile-table tr:first-child {
		display: none;
	}
	*/
	
	.tblData.mobile-table {
		border-bottom: none;
		min-width: auto;
	}
	
	/*
	.tblData.mobile-table tr {
		display: inline-block;
		width: calc(33.33% - 30px);
		border: 1px solid #2b4f62;
		margin: 10px;
	}
	
	.tblData.mobile-table tr td {
		display: block;
		text-align: center;
	    background-color: #f2f2f2 !important;
	}
	
	.tblData.mobile-table tr td .mobile-helper {
		display: block !important;
		font-weight: bold;
	}
	.btnAccept, .btnDeny, .btnDownload {
		display:block!important;	
		width:70%!important;
		margin:0 auto 0 auto;
	}
	*/
}

@media screen and (max-width: 900px) {
	form[name=frmFilter] {
		display:none;	
	}
	.tblData.mobile-table tr {
		width: calc(50% - 30px);
	}
}

@media screen and (min-width: 768px) {
	.showoncustomer.hide {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	
	.showoncustomer {
		display: none !important;
	}
	
	.tblCreateInterpretor {
		max-width: 420px;
		width: 100%;
	}
	
	.tblCreateInterpretor tr td:first-child {
		min-width: auto !important;
		font-weight: bold;
	}
	
	.tblCreateInterpretor tr td:last-child {
		padding-left: 0;
	}
	
	.tblCreateInterpretor tr td.nomobilepad {
		padding: 0;
	}
	
	.tblCreateInterpretor .ms-parent,
	.tblCreateInterpretor input:not([type=checkbox]) {
		width: 100% !important;
	}
	
	.tblLogin input[type=submit], .tblLogin input[type=text], .tblLogin input[type=tex], .tblLogin input[type=email], .tblLogin input[type=password], .tblLogin select, .tblLogin textarea,
	.tblForgotLogin input[type=submit], .tblForgotLogin input[type=text], .tblForgotLogin input[type=tex], .tblForgotLogin input[type=email], .tblForgotLogin input[type=password], .tblForgotLogin select, .tblForgotLogin textarea {
		width: 100%;
		max-width: none;
	}
	
	.tblLogin,
	.tblForgotLogin {
		text-align: center;
	}
	
	.headTitle {
		padding: 20px 20px 0;
		clear: left;
	}
	
	.maincontent .actualcontent {
		padding: 20px;
	}
	
	
	.tblLogin,
	.tblForgotLogin,
	.tblCreateUser {
		width: 100%;
	}
	
	/*
	.tblLogin tbody,
	.tblForgotLogin tbody {
		width: 100%;
		display: block;
	}
	
	.tblLogin tbody tr,
	.tblForgotLogin tbody tr {
		width: 100%;
		display: block;
	}
	
	.tblLogin tbody tr td,
	.tblForgotLogin tbody tr td {
		width: 100%;
		display: block;
	}
	
	.tblForm:not(.tblLogin),
	.tblForm:not(.tblForgotLogin) {
		margin: 50px auto;
	}
	
	.tblForm tr {
		display: block;
		margin-top: 10px;
	}
	
	.tblForm tr td {
		display: block;
	}
	
	.tblForm tr td {
		padding-left: 0;
		padding-top: 0;
	}
	
	.tblForm tr td:first-child {
		font-weight: bold;
	}
		
	.tblForm input[type=text],
	.tblForm input[type=password],
	.tblForm select,
	.tblForm textarea {
		padding: 5px;
		max-width: 400px;
		width: 100%;
	}
	*/
	
	.smallbutton {
		min-width: 0 !important;
		padding: 5px !important;
		max-width: 100px;
	}
	
	.fancybody {
		padding: 0 !important;
	}
	
	.fancybody input[type=text] {
		display: block;
	}
	
	.fancybody .actualcontent-holder {
		padding: 5px !important;
		background-color: white !important;
	}
}

@media screen and (max-width: 590px) {
	.tblRate {
		display: block;
		width: 100%;
		background-color: #F4F4F4;
		padding: 20px;
	}
	
	.tblRate tbody {
		display: block;
		width: 100%;
	}
	
	.tblRate .starrr a {
		font-size: 40px;
	}
	
	.tblRate tr:first-child td {
		white-space: nowrap;
	}
	
	.tblRate tr {
		display: block;
		width: 100%;
	}
	
	.tblRate tr td {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.tblRate textarea {
		width: 100%;
	}
}

@media screen and (max-width: 580px) {
	.tblData.mobile-table tr {
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 485px) {
	body.login .wrapper, body.createuser .wrapper {
		padding: 40px 20px 20px;
	}
}

@media screen and (max-width: 450px) {
	.fc-toolbar .fc-left {
		float:none!important;
		display:block!important;
		margin-bottom:15px;
	}
	.fc .fc-toolbar .fc-left>* {
		float:none!important;
		display:block!important;
			
	}
	
	.tblCreateInterpretor tr td {
		display: block !important;
	}
	
	.fancybody .xdsoft_datetimepicker .xdsoft_datepicker {
		width: auto;
	}
	
	.xdsoft_datetimepicker {
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.fancybody .xdsoft_datetimepicker .xdsoft_datepicker,
	.fancybody .xdsoft_datetimepicker .xdsoft_timepicker {
		position: absolute;
		transform: scale(0.8);
	}
	
	.fancybody .xdsoft_datetimepicker .xdsoft_datepicker {
		top: 0;
		left: -20px;
	}
	
	.fancybody .xdsoft_datetimepicker .xdsoft_timepicker {
		top: 0;
		right: 0;
	}
	
	.xdsoft_datetimepicker .xdsoft_datepicker,
	.xdsoft_datetimepicker .xdsoft_timepicker {
		margin-left: 0;
	}
	
	.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
		margin-top: 5px;
	}
}