@media only screen and (min-width: 1025px) {
	.dataTables_scroll {
	    width: 100% !important;
	    overflow-x: scroll !important;
	}
	.dataTables_scrollBody::-webkit-scrollbar,
	.fc .fc-view-harness-active>.fc-view::-webkit-scrollbar {
		display: block !important;
	}
	.dataTables_scroll .dataTables_scrollHead table{
		margin-bottom: 0px !important;
	}
	.dataTables_scroll .dataTables_scrollBody table thead tr th{
		padding-bottom: 0px !important;
		padding-top:0px !important;
		border:0 !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody {
	     border-bottom: none !important; 
	}
	.chart-style{
		height: 200px !important;
	}
	.member-pack{
		margin: 10px;
		border: 1px solid #ddd !important;
	}

	/*calendar*/
	.fc .fc-scroller-liquid-absolute{
		overflow: hidden !important;
	}
	.fc .fc-view-harness{
	    height: 420px;
	    overflow-y: hidden;
	}
	.fc .fc-view-harness-active>.fc-view{
		overflow-x: scroll;
	    overflow-y: hidden;
	}
}

@media only screen and (max-width: 1024px) {
	.dataTables_scroll {
	    width: 100% !important;
	    overflow-x: scroll !important;
	}
	.dataTables_scrollBody::-webkit-scrollbar,
	.fc .fc-view-harness-active>.fc-view::-webkit-scrollbar {
		display: block !important;
	}
	.dataTables_scroll .dataTables_scrollHead table{
		margin-bottom: 0px !important;
	}
	.dataTables_scroll .dataTables_scrollBody table thead tr th{
		padding-bottom: 0px !important;
		padding-top:0px !important;
		border:0 !important;
	}
	.dataTables_wrapper.no-footer .dataTables_scrollBody {
	     border-bottom: none !important; 
	}
	.chart-style{
		height: 100% !important;
	}

	/*calendar*/
	.fc .fc-scroller-liquid-absolute{
		overflow: hidden !important;
	}
	.fc .fc-view-harness{
	    height: 420px;
	    overflow-y: hidden;
	}
	.fc .fc-view-harness-active>.fc-view{
		overflow-x: scroll;
	    overflow-y: hidden;
	}
}

@media only screen and (min-width: 769px) {

	div::-webkit-scrollbar {
		display: none;
	}
	.search-wrapper i {
		margin: 6px;
	}
	.sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm {
	    margin: 0 !important;
	}
	.sidebar-xs .sidebar-main .navigation > li > a > i {
    	margin: 2px auto !important;
	}
	.sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span {
	    background-color: #EEF1F6 !important;
	    border: unset !important;
	    color: #354359 !important;
	}
	.nav-tabs.nav-tabs-bottom > li.active > a:after {
	    background-color: #54B8F3 !important;
	}
	.nav-tabs.nav-tabs-bottom > li > a:after {
		height: 3px !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 900px) {

	.search-form {
		width: unset !important;
	}
	.login-container .login-page .login-form {
	    width: 50vw;
	    max-width: 460px;
	}
	.login-page .panel-body {
	    padding: 0 64px !important;
	}
	.login100 {
	    width: 50vw;
	}
}

@media only screen and (max-width: 768px) {
	.navbar-brand{
		position:absolute;
	}
	.login-page .content {
		padding: 0 !important;
	}
	.login-container .login-page .login-form {
	    width: 100vw;
	}
	.login100 {
		display: none !important;
	}
	.content {
    	padding: 30px !important;
	}
	.card-footer-border-bottom .float-left{
		float: none !important;
		text-align: center;
	}
	.padding-t47 {
		padding-top:0px;
	}
	.page-header-default{
		margin-bottom: 0px;
	}
	.dash-status h6, .border-bottom-grey h4{
		width:100%;
		/*margin-bottom: 15px;*/
	}
	.border-bottom-grey h4 a{
		line-height: 0;
	}
	.border-bottom-grey .padding-r55{
		text-align: center;
    	padding-right: 0px !important;
    	float: none !important;
	}
	.border-bottom-grey .padding-r55 button,
	.border-bottom-grey .padding-r55 a{
		margin-top: 10px;
	}
	.dataTables_wrapper{
		text-align: center;
	}
	.dataTables_wrapper table{
		text-align: left;
	}
	.datatable-header {
		display: block !important;
	}
	.datatable-footer {
		display: block;
	}
	.datatable-footer div{
		display: inline-block;
	}
	.datatable-footer .vmore{
		float: right !important;
	}
	.dataTables_filter {
	    float: right !important;
	    margin-right: 0 !important;
	}
	.dataTables_length {
	    float: left !important;
	    margin-left: 0 !important;
	}
	.tabbable .nav > li {
	    position: relative;
	    display: inline-block;
	}
	.nav-tabs {
		padding: 0;
		border: unset;
	}
	.nav-tabs:before {
	    content: "";
	    position: absolute;
	    bottom: 0 !important;
	    left: 0;
	    width: 100%;
	    height: 1px;
	    background-color: #ddd;
	    margin: 0;
	}
	.nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after {
	    content: '';
	    position: absolute;
	    top: unset;
	    bottom: 0 !important;
	    left: 0;
	    bottom: 0;
	    height: 3px;
	    width: 100%;
	    background-color: #54B8F3;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	    border: 0;
	    background-color: #fff;
	}
	.table-responsive {
		border: unset;
	}

	.brand-img-cntn img{
		width: 100px;
    	margin: 10px;
	}
	form .form-group{
		margin-bottom:15px !important;
	}	
	.panel-flat .panel-heading .visible-elements {
	    margin-top: 40px;
	}
	.panel-flat .panel-heading.has-visible-elements {
	    padding-bottom: 0px;
	}
	/*calendar*/
	.fc .fc-scroller-liquid-absolute{
		overflow: hidden !important;
	}
	.fc .fc-view-harness{
	    height: 420px;
	    overflow-y: hidden;
	}
	.fc .fc-view-harness-active>.fc-view{
		overflow-x: scroll;
	    overflow-y: hidden;
	}
	.modal-report-wz{
		width:50%;
	}
	.dataTables_filter > label > span{
		margin-right: 0px;
	}
}

@media only screen and (max-width: 640px) {

	.login-page .panel-body {
	    padding: 0 46px !important;
	}
	.search-form {
    	width: 100% !important;
	}
	.navbar-right .dropdown-user {
		border-bottom: 1px solid #d5d5d5;
	}
}

@media only screen and (max-width: 460px) {

	/*.datatable-header {
		text-align: left !important;
	}*/
	.datatable-header label span {
		min-width: 46px;
	}
	.dataTables_length {
	    float: none !important;
	    margin-left: 0 !important;
	    text-align: left !important;
	}
	.dataTables_filter {
	    float: none !important;
	    margin-right: 0 !important;
	    text-align: left !important;
	}
	.label-wrapper {
		max-width: 86px;
	}
	.tab-in label {
	    padding-left: 0;
	}
	.qr-style{
		width: 100% !important;
	}
	.brand-img-cntn img{
		width: 80px;
    	margin: 20px;
	}
	.qr-style div {
	    width: 100% !important;
	    text-align: center !important;
	    margin: auto;
	}

}

@media only screen and (min-device-width: 1024px) and (orientation:portrait) {

	.page-container {
		height: calc(100% - 47px);
	}
}