@media screen and (max-width: 799px) {
	body {
		font-size: small;
	}
	#reload-message {
		position: absolute;
		top: -50px;
		left: 0;
		right: 0;
		height: 50px;
		background-color: #999;
		color: white;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
		font-weight: bolder;
		transition: top 0.3s ease;
	  }
	.mobilAscuns{
		display:none !important;
	}
	.header {
		height: 50px;
		background-position-x: 10px;
		background-position-y: center;
		background-size: 200px;
		background-image: url('myraS.png');
	}
	#zoom{
		display: block;
		width: 90vw;
	}
	.wrap {
		display: flex;
	}
	.ciPreview{
		top:60px;
		bottom:60px;
	}
	.LoginField {
		width: 80%;
	}

	.labelLogin {
		width: 140px;
	}

	.inputLogin {
		width: 140px;
	}
	.inputPermisiuni {
		font-size: x-small;
	}

	.logat {
		display: none;
	}

	a.btnLink:link {
		width: 300px;
		font-size: 20px;
	}

	#tichete .nrTichet {
		font-size: xx-small;
	}

	#tichete .sumarTichet {
		font-size: small;
	}

	#tichete .footerTichet {
		font-size: xx-small;
	}

	.page {
		margin-left: 10px;
		margin-right: 10px;
	}

	.maxTabel{
		display:block;
		overflow:auto;
		width:90vw;
		min-height: 70vh;
		max-height: calc(100vh - 250px);
	}
	.tabel.maxTabelPhone{
		display:block;
		overflow-x:auto;
		width:90vw;
	}
	td {
		font-size: x-small;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.tabelCelula {
		font-size: x-small;
		font-weight: bold;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.tabelCelula.ctMec{
		width:45px;
		text-align:center;
	}
	.tabelCelula.ctElec{
		width:55px;
		text-align:center;
	}

	.previewVT{
		left:20px;
		top:80px;
		bottom:80px;
		right:20px;
	}
	.inputForm.registru{
		height: 14px;
		display: inline-block;
		text-align: right;
		font-weight: bold;
		font-size: x-small;
	}
	.inputForm.registru.sume{
		width:40px;
	}
	.inputForm.registru.explicatie{
		width:80px;
	}
	.inputContor {
		height: 14px;
		display: inline-block;
		text-align: right;
		font-weight: bold;
		font-size: x-small;
	}
	.inputContor.ctMec{
		width: 70px;
		text-align:right !important;
	}
	.inputContor.ctElec{
		width: 80px;
		text-align:right !important;
	}

	.labelClientNou {
		display: inline-block;
		text-align: right;
		font-weight: bold;
		width: 100px;
	}

	.inputClientNou {
		display: inline-block;
		background-color: #FFFFFF;
		text-align: left;
		font-weight: bold;
		width: 200px;
		border-color: #ccc;
		border-style: inset;
		border-width: 2px;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 2px;
	}

	.inputClientNou:focus {
		display: inline-block;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	.fieldsetClientNou {
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	/*formular tichet nou*/
	.labelClientNou {
		display: inline-block;
		text-align: right;
		font-weight: bold;
		width: 100px;
	}

	.inputClientNou {
		display: inline-block;
		background-color: #FFFFFF;
		text-align: left;
		font-weight: bold;
		width: 200px;
		border-color: #ccc;
		border-style: inset;
		border-width: 2px;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 2px;
	}

	.inputClientNou:focus {
		display: inline-block;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	.fieldsetClientNou {
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	#map {
		height: 75vh;
	}
	#formBox {
		width: 95%;
	}
}

@media screen and (min-width: 800px) {
	.doarMobil{
		display:none !important;
	}
	.header {
		background-position: center left;
		background-position: 20px 10px !important;
		height: 120px;
		background-image: url('myraS.png');
	}

	.wrap {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.ciPreview{
		top:20px;
		bottom:20px;
	}
	.LoginField {
		width: 500px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.previewVT{
		left:250px;
		top:20px;
		bottom:20px;
		right:20px;
	}
	.labelLogin {
		width: 200px;
	}

	.inputLogin {
		width: 240px;
	}

	.logat {
		margin-top: 100px;
		margin-right: 20px;
	}

	.logat a {
		margin-top: 100px;
		margin-right: 20px;
	}

	a.btnLink:link {
		width: 400px;
		font-size: 25px;
	}

	#tichete .nrTichet {
		font-size: small;
	}

	#tichete .footerTichet {
		font-size: small;
	}

	.page {
		margin-right: 10px;
		margin-left: 10px;
	}

	.onlineFrame {
		border-style: none;
		width: -moz-calc(100% - 265px);
		/* Firefox */
		width: -webkit-calc(100% - 265px);
		/* Chrome, Safari */
		width: calc(100% - 265px);
		/* IE9+ and future browsers */
		height: -moz-calc(100% - 215px);
		/* Firefox */
		height: -webkit-calc(100% - 215px);
		/* Chrome, Safari */
		height: calc(100% - 215px);
		/* IE9+ and future browsers */
		overflow: hidden;
		position: absolute;
	}

	.maxTabel{
		display:block;
		overflow-x:auto;
		width:calc(100vw - 300px);
		min-height: 25vh;
		max-height: calc(100vh - 300px);
	}

	.tabelCelula {
		font-size: 13px;
		font-weight: bold;
	}
	td {
		font-size: 13px;
	}

	.tabelCelula.ctMec{
		width:75px;
		text-align:center;
	}
	.tabelCelula.ctElec{
		width:100px;
		text-align:center;
	}
	.inputForm.registru{
		display: inline-block;
		text-align: right;
		font-weight: bold;
	}
	.inputForm.registru.sume{
		width: 80px;
	}
	.inputForm.registru.explicatie{
		width:250px;
	}
	.inputContor {
		display: inline-block;
		text-align: right;
		font-weight: bold;
	}
	.inputContor.ctMec{
		width: 75px;
		text-align:right !important;
	}
	.inputContor.ctElec{
		width: 100px;
		text-align:right !important;
	}



	.labelClientNou {
		display: inline-block;
		text-align: right;
		font-weight: bold;
		width: 150px;
		margin-bottom: 2px;
	}

	.inputClientNou {
		display: inline-block;
		text-align: left;
		font-weight: bold;
		width: 200px;
		border-color: #ccc;
		border-style: inset;
		border-width: 2px;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 2px;
	}

	.inputClientNou:focus {
		display: inline-block;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	.fieldsetClientNou {
		width: 400px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
		margin-bottom: 5px;
	}

	/*forumlar client*/
	.labelTichetNou {
		display: inline-block;
		text-align: right;
		font-weight: bold;
		width: 150px;
		margin-bottom: 2px;
	}

	.inputTichetNou {
		display: inline-block;
		text-align: left;
		font-weight: bold;
		width: 200px;
		border-color: #ccc;
		border-style: inset;
		border-width: 2px;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-bottom: 2px;
	}

	.inputTichetNou:focus {
		display: inline-block;
		text-align: left;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
	}

	.fieldsetTichetNou {
		width: 400px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 2px solid #555;
		margin-bottom: 5px;
	}

	#map {
		height: 73vh;
	}
	#formBox {
		width: 50%;
		min-width: 250px;
	}
}