/* collapsed sidebar styles */
@media screen and (max-width: 1025px) {
	a.spp-logo-tablet {
		display: inline-block;
		height: 70px;
		background: white url('MENU-back-TABLET.svg') no-repeat 10px 50%;
		padding: 10px 0 0 60px;
	}

		a.spp-logo-tablet img {
			height: 45px;
		}

	.navbar-spp {
		margin-bottom: 6px;
	}

		.navbar-spp .navbar-header {
			/*width: 8.33333333%;*/
			width: 70px;
			min-width: auto;
			background-color: #FFFFFF;
			margin-left: 0;
			display: table-cell;
		}

		.navbar-spp .container-fluid {
			display: table;
			width: 100%;
			table-layout: fixed;
			padding: 0;
		}

			.navbar-spp .container-fluid > div {
				display: table-cell;
				width: 100%;
			}

			.navbar-spp .container-fluid > ul {
				display: table-cell;
				float: none !important;
				vertical-align: top;
				padding-top: 8px;
			}

			.navbar-spp .container-fluid > div.navbar-header {
				width: 70px;
				padding-top: 0px;
				float: none;
				margin-left: 0;
			}



			.navbar-spp .container-fluid > ul.title-div {
				width: 100%;
				padding-right: 20px;
			}

				.navbar-spp .container-fluid > ul.title-div > li {
					max-width: 100%;
				}

					.navbar-spp .container-fluid > ul.title-div > li > div {
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						width: 100%;
						margin-right: 20px;
					}

	#ul-head-products {
		display: none;
	}

	.navbar-spp .container-fluid > ul.title-div > li#head-products {
		width: 70px;
	}

		.navbar-spp .container-fluid > ul.title-div > li#head-products div.circle-badge {
			white-space: normal !important;
		}

	/*.navbar-spp .container-fluid > ul.title-div > li > div.head-content {
		font-size: vw;
	}*/

	.navbar-spp .container-fluid > div.product-div {
		width: 80px;
	}

	.navbar-spp .container-fluid > ul.navbar-right {
		display: table-cell;
		width: 60px;
		float: none !important;
		padding-top: 12px;
	}

	.navbar-toggle {
		height: 70px;
		width: 70px;
		margin: 0;
		border: solid 0 white;
		background-color: white !important;
		display: block;
		background: url('hamburger.jpg');
		background-repeat: no-repeat;
		background-position: center center;
	}


	.navbar-brand {
		display: none;
	}

	p-calendar > span > input.form-control {
		float: left;
		width: 95%;
	}

	element.style {
		z-index: 1006;
		transform: translate(-50%, -50%);
		opacity: 1;
	}


	div.content {
		margin-top: 80px;
		width: 100%;
		margin-bottom: 100px;
	}

	div.userdata {
		display: none;
	}

	.row-offcanvas, .row-offcanvas.tab {
		display: none
	}

		.row-offcanvas.tab.active {
			display: inline-block;
			position: fixed;
			-webkit-transition: all 0.25s ease-out;
			-moz-transition: all 0.25s ease-out;
			transition: all 0.25s ease-out;
			/*background: rgba(0, 0, 0, 0.85);*/
			background: white;
			width: 50%;
			min-width: 300px;
			z-index: 850;
			top: 0px;
			left: 0px;
			height: 100%
		}

	div.radio.withfield {
		display: inline-block;
		margin-left: 8px;
	}

		div.radio.withfield label {
			padding-left: 0;
		}

		div.radio.withfield .form-group {
			float: none;
			margin-bottom: 0;
			width: 100% !important;
			margin-left: 0;
		}

	.form-pad .form-group {
		margin-left: 8px;
	}

	.circle-badge {
		margin-left: 4px;
		margin-right: 4px;
	}

	.slimscroll-wrapper, .sidebar {
		display: none;
	}

	.row-offcanvas.tab .sidebar {
		width: 100%;
		margin: 0;
		display: inline
	}

	.completeDiv {
		width: 100%;
	}

	.inline-row {
		display: inline-block
	}

		.inline-row .form-group, .inline-row h4 {
			display: inline-block !important;
			width: 100% !important;
			float: none !important;
			padding-right: 0 !important;
		}

	.control-row .form-group {
		display: inline-block !important;
		width: 100% !important;
		float: none !important;
		padding-right: 0 !important;
	}

	.control-row .input-group {
		width: 100% !important;
	}
	/*.control-row.fix .input-group, .control-row.fix .control-group {
		width: auto !important;
	}*/

	.control-row .form-group.text {
		width: auto !important;
	}

	.control-row p-fileUpload {
		margin-top: 8px;
	}

	.control-row p-fileUpload {
		margin-top: 8px;
	}

	p-fileupload, .ui-button {
		width: 100%;
	}

		p-fileupload, .ui-button .ui-button-text {
			padding: .25em;
		}

	.ui-buttonset .ui-button {
		width: auto;
	}

	.radio-inline, .checkbox-inline {
		margin-right: 10px !important;
		margin-left: 0 !important;
	}

	.content .btn {
		white-space: normal;
		width: 100%;
		margin-bottom: 8px;
	}

	.content table .btn {
		width: auto;
	}

	i.fa-info-circle {
		display: none;
	}

	footer {
		margin-left: -20px;
		margin-right: -20px;
	}

	.navbar-fixed-bottom {
		display: inline-block;
		position: fixed; /*initial;*/
		width: 100%
	}

	footer .navbar {
		padding: 0;
	}

	footer .navbar-right {
		margin: 0;
	}

	footer button.btn:last-child {
		margin-bottom: 6px;
	}

	footer button.btn {
		margin-top: 6px;
		vertical-align: top;
	}



	.posting-content img {
		width: 30%;
		text-align: center;
	}

	#veglegszoveg {
		max-height: 180px;
	}

	.completeDiv {
		top: 10px !important;
	}

	.ui-dialog-titlebar h4 {
		margin: 0;
	}

	.main {
		display: block
	}

	.mainpaddding {
		display: none;
	}
}