@media all {
	/* GLOBAL */
	html, body, p {
		margin:0;
		padding:0;
	}
	body * {
		font-family: Tahoma, Verdana, sans-serif;
	}
	img {
		border:0;
	}
	input[type="text"], input[type="password"], select {
		border:1px solid #AAAAAA;
		outline:none;
		padding:2px 4px 2px 4px;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 
		box-sizing:border-box;
	}
	textarea {
		height:86px;
		line-height:18px;
		padding:2px 4px 2px 4px;
		outline:none;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box; 
		box-sizing:border-box;
	}
	button {
		border:1px outset #dfdfdf;
		outline:0;
	}
	button:focus {
		border:1px outset #dfdfdf;
	}
	button:active {
		border:1px inset #dfdfdf !important;
	}
	select {
		padding:0;
	}
	input[type="text"]:focus {
		border:1px solid #30A0EF;
	}
	.hint {
		position:fixed;
		display:none;
		padding:20px;
		background-color:#40D050;
		bottom:0;
		right:0;
		z-index:1000;
	}
	.error {
		position:fixed;
		display:none;
		padding:20px;
		background-color:#F0F0F0;
		bottom:0;
		right:0;
		z-index:1000;
	}
	
	/* PAGE "LOGIN" */
	#login-form {
		margin:40px auto;
		width:310px;
		height:140px;
		box-shadow:0 0 8px 5px rgba(96,96,96,0.25);
		padding:20px;
	}
	#login-form * {
		font-size:18px;
	}
	#login-form input[type="text"], #login-form input[type="password"] {
		height:24px;
		width:300px;
		line-height:18px;
		margin-bottom:10px;
	}
	#login-form .login-signal {
		display:none;
		color:#ff3030;
		font-weight:bold;
		font-size:16px;
		margin:6px;
	}
	
	/* PAGE "MANAGER MORE" */
	.expand-link {
		width: 100%;
		padding: 5px;
		margin: 10px 0 20px 0;
	}
	.expand-link a {
		text-decoration: none;
		color: #007eff;
		font-weight: bold;
		border-bottom: 1px dashed #606060;
	}
	
	/* DIALOG GLOBAL */
	.dialog-window {
		position:fixed;
		max-height:calc(100dvh - 20px);
		width:700px;
		padding:32px;
		box-sizing:border-box;
		top:10px;
		left:50%;
		margin-left:-350px;
		z-index:999;
		background-color:#fff;
		overflow:auto;
		display:none;
	}
	.dialog-window .dialog-title {
		width:100%;
		padding:6px 0 6px 0;
		font-size:20px;
		margin:0 0 5px 0;
	}
	.dialog-window .dialog-close {
		position:absolute;
		top:10px;
		right:10px;
	}
	.dialog-window .dialog-full-name {
		color: #007700;
		margin: 0 0 10px 0;
		clear: both;
	}
	.dialog-flex-block-x > p {
		font-size: 16px;
		margin: 0 0 1px 0;
	}
	.dialog-block-title {
		font-size:20px;
		margin:0 0 10px 0;
	}
	.dialog-buttons{
		width:620px;
		display:flex;
		justify-content:center;
	}
	.dialog-width-full{
		width:620px;
		display:flex;
		justify-content:space-between;
	}
	.dialog-buttons input[type="button"], .dialog-buttons input[type="submit"]{
		width: 140px;
		height: 28px;
		font-size: 16px;
	}
	.dialog-flex-block-y {
		display:flex;
		flex-wrap:wrap;
		gap: 15px 20px;
		margin-bottom:20px;
	}

	/* TOP MENU TITLE */
	#top-menu {
		color:#ffffff;
		font-size:120%;
		font-weight:bold;
		background-color:#00cc22;
		/*background-color:#00b6ff;*/
		height:26px;
		width:100%;
		text-align:center;
	}
	/* TOP MENU */
	#menu-wrapper {
		width:860px;
		margin:28px auto;
	}
	#menu-wrapper .menu-item a {
		padding:6px;
		text-align:center;
		float:left;
		margin:16px;
		color:#007eff;
		text-decoration:none;
		cursor:pointer;
	}
	#menu-wrapper .menu-item a:hover, #menu-wrapper .menu-item a:active {
		background-color:rgba(64,160,255,0.31);
	}
	
	/* CONTENT */
	#content {
		width:800px;
		margin:20px auto;
	}
	#modal-wrapper {
		height:100%;
		width:100%;
		top:0;left:0;
		position:fixed;
		z-index:50;
		background-color:rgba(0,0,0,0.70);
		display:none;
	}
	
	/* USERS TABLE FILTERS */
	#filters {
		display: flex;
		width: 800px;
		margin-bottom: 20px;
		justify-content: space-between;
		vertical-align: middle;
		gap: 10px;
	}
	#filters .users-showonly-box {
		display: flex;
		justify-content: space-between;
		gap: 10px;
	}
	#filters .users-showonly-box p {
		display: inline-block;
		margin: 0;
		padding: 4px 0 4px 0;
		box-sizing: border-box;
	}
	#filters .users-showonly-box a {
		display: inline-block;
		color: #007eff;
		padding: 4px;
		margin: 0;
		box-sizing: border-box;
	}
	#filters .users-showonly-box a.so-selected {
		background-color: rgba(64,160,255,0.31);
	}
	#filters .users-showonly-box a:last-child {
		margin-right:5px;
	}
	#filters .users-search-box {
		display: flex;
		gap: 5px;
		justify-content: space-between;
	}
	#filters .users-search-box input[type="text"], #filters .users-search-box select {
		height: 28px;
		font-size: 16px;
	}
	#filters .users-search-box .search-text {
		width:160px;
	}
	#filters .users-search-box .search-button {
		display: block;
		height: 28px;
		width: 28px;
		margin: 0;
	}
	
	/* USERS TABLE */
	table.users, table.logs {
		width:100%;
		border:1px solid #a0d0f0;
		border-collapse:collapse;
	}
	table.users td, table.users th, table.logs td, table.logs th {
		border:1px solid #a0d0f0;
		font-size:90%;
		padding:6px;
	}
	table.users th:first-child {
		width:32px;
		height:32px;
		padding:0;
	}
	table.users td:first-child {
		width:32px;
		height:32px;
		padding:0;
		vertical-align:top;
		text-align:left;
		position:relative;
	}
	table.users tr:hover, table.logs tr:hover{
		background-color:rgba(64,160,255,0.31);
	}
	table.users td:nth-child(3), table.users th:nth-child(3)  {
		text-align:right;
		width:110px;
	}
	table.users td:nth-child(4), table.users th:nth-child(4) {
		text-align:right;
		width:96px;
	}
	table.users td:nth-child(5), table.users th:nth-child(5) {
		text-align:right;
		width:114px;
	}
	table.users td:nth-child(5) .action-buttons a {
		display:inline-block;
		background-size:contain;
		width:18px;
		height:18px;
	}
	table.users .users-has-debt {
		background-color:rgba(210,210,0,1);
		display:block;
		width:8px;
		height:8px;
		border-radius:4px;
	}
	table.users .users-status-online {
		background-color:rgba(0,195,0,1.0);
		display:block;
		position:absolute;
		width:8px;
		height:8px;
		bottom:0px;
		left:0px;
		border-radius:4px;
	}
	table.users .users-attention-flag {
		border:0;
		outline:0;
		box-shadow:inset 0 0 3px 1px rgba(255, 40, 40, 0.9);
	}
	p.total-users {
		margin:16px 0 8px;
		float:right;
	}
	.no-user-info {
		float:right;
		text-align:right;
		font-weight:bolder;
		font-size:1.8vmin;
		display:inline-block;
		padding:0 0.1vmin 0 0.1vmin;
		color:orange;
		cursor:pointer;
		margin:0 !important;
		line-height:1.8vmin;
	}
	.td-red {
		background-color: red;
	}
	.td-green {
		background-color: green;
	}
	.td-purple {
		background-color: purple;
	}
	.action-startsess {
		background:url(../image/start-mobile.png) no-repeat;
	}
	.action-stopsess {
		background:url(../image/stop-mobile.png) no-repeat;
	}
	.action-addmoney {
		background:url(../image/addmoney-mobile.png) no-repeat;
	}
	.action-edituser {
		background:url(../image/edituser-mobile.png) no-repeat;
	}
	.action-userlog {
		background:url(../image/userlog-mobile.png) no-repeat;
	}
	.action-docprint {
		background:url(../image/printer-mobile2.png) no-repeat;
	}
	.action-buttons-left {
		display:none;
	}
	.action-buttons-right {
		display:none;
	}
	.action-buttons {
		display:inline-block;
	}
	
	/* DIALOG "ADD MONEY" */
	#addmoney-form * {
		font-size: 16px;
	}
	#addmoney-form input[type="submit"] {
		margin: 16px 0 0 0;
		width: 160px;
		height: 28px;
	}
	#addmoney-form input[type="checkbox"] {
		margin: 0 16px 0px 16px;
		width: 28px;
		height: 28px;
		vertical-align: middle;

	}
	#addmoney-form input[type="text"] {
		width: 120px;
		height: 28px;
	}
	#money-amount {
		margin:0 16px 0 16px;
		width:100px;
	}
	#debt-list-table {
		table-layout:fixed; 
		width:100%;
		border-collapse:collapse;
	}
	#debt-list-table th{
		padding:3px;
		text-align:left;
	}
	#debt-list-table td{
		padding:3px;
		text-align:left;
	}
	
	/* DIALOG "START/STOP USER" */
	#stopsess-form input[type="submit"], #startsess-form input[type="submit"] {
		width: 160px;
		height: 28px;
		font-size: 16px;
	}

	/* DIALOG "USER ADD/USER EDIT" */
	
	#useradd-org-block, #useredit-org-block, #useradd-person-block, #useredit-person-block
	{
		display:none;
	}
	#useradd-dialog input[type="text"], #useredit-dialog input[type="text"],
	#useradd-dialog input[type="password"], #useredit-dialog input[type="password"],
	#useradd-dialog select, #useredit-dialog select	{
		height: 28px;
		font-size: 16px;
		border: 1px solid #222222;
	}
	#useradd-full-name, #useredit-full-name, #useradd-org-contact, #useredit-org-contact {
		width: 300px;
	}
	#useradd-login, #useredit-login, #useradd-password, #useredit-password, #useredit-static-ip, 
	#usereadd-attention-flag, #useredit-attention-flag,
	#useradd-unlim-mode, #useredit-unlim-mode, #useradd-org-inn, #useredit-org-inn {
		width: 140px;
	}
	#useredit-group-change-date {
		width: 150px;
	}
	#useradd-city, #useredit-city, #useradd-street, #useredit-street, #useradd-phone, #useredit-phone,
	#useradd-tariff-id, #useredit-tariff-id, #useradd-connect-type, #useredit-connect-type,
	#useredit-connect-box, #useradd-org-name, #useredit-org-name, #useradd-org-account, #useredit-org-account {
		width: 220px;
	}
	#useradd-ident-card, #useredit-ident-card {
		width: 400px;
	}
	#useradd-home, #useredit-home, #useradd-apartment, #useredit-apartment{
		width: 60px;
	}
	#useradd-mac, #useredit-mac, #useradd-ap-name, #useredit-ap-name {
		width: 180px;
	}
	#useredit-connect-box-port {
		margin: 0;
		width: 40px;
	}
	#useradd-org-bank, #useredit-org-bank {
		width: 220px;
	}
	#useradd-notes, #useredit-notes{
		max-width: 660px;
		width: 620px;
		border: 1px solid #222222;
	}
	#useredit-offers-count {
		display: inline;
		margin: 0;
		font-size: 18px;
	}
	#useredit-offers-count img{
		display: inline;
		height: 12px;
		width: 12px;
	}
	#useredit-form table td {
		vertical-align: top;
	}
	.dialog-user-status {
		display:flex;
		justify-content:space-between;
		gap:10px;
		margin:10px 0 10px 0;
	}
	.dialog-user-status div {
		padding: 5px;
	}
	.dialog-user-status div a {
		color: #404040;
	}
	#action-deleteuser {
		width: 140px;
		font-size: 16px;
	}

	/* DIALOG "USER LOG" */
	#userlog-text {
		font-style:italic;
		font-size:10px;
		color:#A7A7A7;
		margin-bottom:5px;
	}
	#userlog-print {
		margin:0 20px 2px 0;
	}
	#userlog-output{
		overflow-y:scroll;
		max-height:60vh;
	}
	#logs {
		font-family:Tahoma, Geneva, sans-serif;
		width:620px;
		text-align:left;
		border:1px solid #DEDEDE;
		border-collapse:collapse;
	}
	#logs td,#logs th {
		padding:10px;
		border:1px solid #DEDEDE;
	}
	#logs tr:hover {
		background-color:rgba(64,160,255,0.31);
	}
	
	/* DIALOG "USER OFFERS LIST" */
	#offers-list{
		border-collapse:collapse;
	}
	#offers-list td{
		border:1px solid #dfdfdf;
		padding: 4px;
	}
	#offers-list th{
		border:1px solid #dfdfdf;
		padding: 4px;
	}
	
	/* DIALOG "ADD USER OFFER" */
	
	/* DIALOG "PRINT DOCS" */
	#print-dialog a {
		color:#007eff;
		font-size:17px;
	}
	#print-dialog a img {
		height:32px;
		width:32px;
		vertical-align: middle;
	}
	
	/* PAGE "MANAGER MORE" */
	.users-month-block, .tariffs-list-block, .opt-list-block, .userip-list-block, .calc-list-block, .stats-block {
		display:none;
	}
	.tariffs-table, .opt-list-table, .userip-list-table {
		width: 100%;
		border: 1px solid #888888;
		border-collapse: collapse;
	}
	.opt-list-table {
		font-size:13px !important;
	}
	.tariffs-table td, .tariffs-table th, .opt-list-table td, .opt-list-table th,
	  .userip-list-table td, .userip-list-table th, .serviceip-list-table td, .serviceip-list-table th {
		text-align: left;
		padding: 5px;
		border-collapse: collapse;
		border: 1px solid #888888;
		width; 180px;
	}
	#index-wrapper {
		margin-bottom: 16px;
		width: 800px;
		clear: both;
	}
	#index-wrapper a{
		margin-right:13px;
		font-weight:bold;
		font-size:14px;
		text-decoration-style:dotted;
		color:#007eff;
		font-family:Tahoma, sans-serif;
	}
	#action-deleteuser {
		color: #ff0000;
		margin-right: 20px;
	}
	.calc-list-block {
		font-size:100%;
	}
	.calc-result-table {
		border: 1px solid #333;
		border-collapse: collapse;
		/*table-layout: fixed;*/
		width: 100%;
	}
	.calc-result-table td, .calc-result-table th {
		border: 1px solid #333;
		padding: 5px;
		text-align: left;
	}
	.input-wrapper {
		width:40%;
		float:left;
		margin-right:50px;
		border-bottom: 1px dotted #dfdfdf;
	}
	.input-wrapper-label {
		width: 100%;
		padding:8px;
		display: inline-block;
	}
	.input-wrapper-label:hover {
		background-color: #84d1ff;
	}
	.input-wrapper .apindex {
		float:right;
		height: 18px;
		width: 18px;
	}
	#stats-table {
		border-collapse:collapse;
		border:1px solid #dfdfdf;
		width:100%;
	}
	#stats-table tr:hover {
		background-color: #dfdfea;
	}
	#stats-table td {
		border-collapse:collapse;
		border:1px solid #dfdfdf;
		padding: 4px;
	}
	#stats-block-content table {
		width:100%;
		table-layout:fixed;
		border:1px solid #777777;
		border-collapse:collapse;
	}
	#stats-block-content table td {
		border:1px solid #777777;
		border-collapse:collapse;
		padding:5px;
	}
	#stats-block-content table td a {
		font-size: 100%;
		text-decoration:dashed;
	}
	
	/* DIALOG "HELPDESK ADD/UPDATE" */
	#helpdesk-add-form-table, #helpdesk-update-form-table {
		width:100%;
		font-size:15px;
	}
	#helpdesk-add-form-table input[type=text], #helpdesk-add-form-table select,
	#helpdesk-update-form-table input[type=text], #helpdesk-update-form-table select	{
		width:100%;
		margin:0;
	}
	#helpdesk-add-form-table textarea, #helpdesk-update-form-table textarea {
		width:100%;
		max-width:100%;
	}
	#helpdesk-update-form-table tr td:first-child {
		width:110px;
	}
	
	/* HELPDESK FILTERS */
	#helpdesk-topbar {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		align-items:baseline;
		line-height:24px;
	}
	#helpdesk-topbuttons {
		display:flex;
		margin-left:auto;
	}
	#helpdesk-topfilters-row1 {
		display:flex;
		flex-wrap:nowrap;
		width:100%;
		align-items:baseline;
		line-height:24px;
	}
	#helpdesk-topfilters-row2 a {
		margin: 2px 18px 2px 0;
		font-weight:600;
		font-size:14px;
		color: #007eff;
	}
	#helpdesk-topfilters-row2 a.helpdesk-topfilters-type-selected {
		background-color:rgba(64,160,255,0.31);
	}
	#helpdesk-topfilters-select {
		justify-content:flex-start;
		margin:0 5px 0 0 !important;
		width:140px;
	}
	#helpdesk-topfilters-state {
		justify-content:flex-start;
		margin:0 15px 0 0 !important;
		width:140px;
	}
	#helpdesk-topfilters-datefrom {
		justify-content:flex-start;
		width:86px;
		margin:0 0 0 0 !important;
	}
	#helpdesk-topfilters-dateto {
		justify-content:flex-start;
		width:86px;
		margin:0 5px 0 0 !important;
	}
	#helpdesk-topfilters-search {
		width: 120px;
		margin-left: 5px;
	}
	#helpdesk-topfilters {
		flex-wrap:nowrap;
		align-items:center;
		display:flex;
	}
	#helpdesk-topfilters label {
		font-size:14px;
	}
	#helpdesk-topbutton-report, #helpdesk-topbutton-add, #helpdesk-topbutton-back {
		display:flex;
		justify-content:flex-end;
	}
	#helpdesk-topbutton-report a, #helpdesk-topbutton-add a, #helpdesk-topbutton-back a {
		padding:8px 0 8px 8px;
		color:#000;
		font-weight:bold;
		font-size:12px;
	}
	#helpdesk-topfilters-order-created {
		width: 176px;
		display: none;
	}
	#helpdesk-topfilters-scheme {
		width: 106px;
		display: none;
	}
	#helpdesk-topfilters-row3 {
		display:flex;
		flex-wrap:nowrap;
		gap: 15px;
		width: 100%;
		align-items: baseline;
		line-height: 24px;
	}
	#helpdesk-topfilters-row3 p
	{
		margin-right: 20px;
	}
	#helpdesk-topfilters-row3 a {
		margin: 2px 18px 2px 0;
		font-weight:600;
		font-size:14px;
		color: #007eff;
	}
	#helpdesk-topfilters-row3 a.helpdesk-topfilters-sort-selected {
		background-color:rgba(64,160,255,0.31);
	}
	
	/* DIALOG "HELPDESK ADD"
	#helpdesk-add-dialog {
		position:fixed;
		width:480px;
		top:25px;
		left:50%;
		max-height:calc(100vh - 100px);
		overflow:auto !important;
		margin-left:-240px;
		display:none;
		border:1px solid #999999;
		z-index:999;
		background-color:#fff;
		padding:24px;
	} */
	
	/* DIALOG "HELPDESK EDIT"
	#helpdesk-update-dialog {
		position:fixed;
		width:480px;
		top:25px;
		left:50%;
		max-height:calc(100vh - 100px);
		overflow:auto !important;
		margin-left:-240px;
		display:none;
		border:1px solid #999999;
		z-index:999;
		background-color:#fff;
		padding:24px;
	} */
	
	/* PAGE "HELPDESK MORE" */
	#helpdesk-distance-box {
		display: none;
	}
	
	#helpdesk-optclients-box {
		display: none;
	}
	#helpdesk-distance-table {
		margin-top: 8px;
		border-radius: 5px;
		border: 1px solid #dedede;
		border-collapse:collapse;
	}
	#helpdesk-distance-table td, #helpdesk-distance-table th {
		border: 1px solid #dedede;
		padding: 4px;
		font-size: 14px;
	}
	
	/* DIALOG "HELPDESK ADD" */
	.helpdesk-add-form-specialists, .helpdesk-update-form-specialists {
		width:90% !important;
		margin-bottom:4px !important;
	}
	.helpdesk-add-form-specialists-more, .helpdesk-add-form-specialists-less,
	.helpdesk-update-form-specialists-more, .helpdesk-update-form-specialists-less {
		width:28px;
		text-decoration:none;
		color:#333;
		display:inline-block;
		text-align:center;
	}
	/* HELPDESK TABLE ITEM */
	
	.helpdesk-request {
		width:100%;
		display:flex;
		flex-direction:column;
		margin: 5px 0 5px 0;
		border: 1px solid #dedede;
		font-size: 14px;
	}
	.helpdesk-request-specialists {
		margin-top:5px;
	}
	.helpdesk-row-new .helpdesk-request-specialists p, .helpdesk-row-ongoing .helpdesk-request-specialists p {
		color:#5050A5;
	}
	.helpdesk-row-closed .helpdesk-request-specialists p {
		color:#969696;
	}
	.helpdesk-request-top {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:baseline;
		background-color:#eeeeee;
		padding:5px;
	}
	.helpdesk-request-top > div {
		margin:0 10px 0 0;
	}
	.helpdesk-print-item > img {
		width:14px;
		height:14px;
	}
	.helpdesk-request-top > div.helpdesk-request-tools {
		margin-left:auto;
	}
	.helpdesk-request-middle {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:baseline;
		padding:5px;
	}
	.helpdesk-request-middle > div {
		margin:0 10px 0 0;
	}	
	.helpdesk-request-address {
		margin-left:auto !important;
	}
	.helpdesk-request-bottom {
		display:flex;
		flex-direction:row;
		padding:5px;
		margin-top:5px;
		flex-basis:180px auto;
	}
	.helpdesk-request-bottom > div {
		margin:0 10px 0 0;
	}
	.helpdesk-request-bottom-right {
		margin-left:auto !important;
		min-width: 100px !important;
	}
	.helpdesk-row-new .helpdesk-request-top {
		background-color: rgba(30, 100, 220, 0.3);
	}
	.helpdesk-row-new {
		color:#333333;
	}
	.helpdesk-row-ongoing .helpdesk-request-top {
		background-color: rgba(220, 220, 40, 0.4);
	}
	.helpdesk-row-ongoing {
		color:#333333;
	}
	.helpdesk-row-closed .helpdesk-request-top {
		background-color: rgba(220, 220, 220, 0.4);
	}
	.helpdesk-row-closed {
		color: #434343 !important;
	}
	.helpdesk-request-result {
		margin-top:10px;
	}
	.helpdesk-box {
		margin: 8px 0 8px 0;
	}
	#helpdesk-update-form-order-details {
		width: 260px !important;
		display:inline-block;
	}
	
	/* HELPDESK PAGING */
	a.helpdesk-requests-page {
		margin: 2px 5px 2px 0;
		font-weight:600;
		font-size:14px;
		color: #007eff;
	}
	.helpdesk-requests-page-selected {
		background-color:rgba(64,160,255,0.31);
	}
	
	/* USER SUGGESTIONS */
	.helpdesk-add-form-suggestions, .useradd-full-name-suggestions
	{
		position:absolute;
		background-color:#ffffff;
		z-index:9999;
		border: 1px solid #aaaaaa;
		cursor:pointer;
	}
	.user-search-result-box {
		padding: 3px;
		color: #202020;
	}
	.user-search-result-box-name {
		display:block;
	}
	.user-search-result-box-address {
		font-size: 12px;
		color: #606060;
	}
	.user-search-result-box-phone {
		font-size: 12px;
		color: #606060;
		margin-left: 10px;
	}
	
}

@media screen and (max-width: 1080px) {
	/* GLOBAL MOBILE */
	html, body, p {
		margin:0;
		padding:0;
		box-sizing:border-box;
	}
	
	body * {
		font-family:Tahoma, Verdana, sans-serif;
		font-size:4vmin;
	}
	
	input[type="text"], input[type="password"] {
		height:10vmin !important;
		padding:5px !important;
	}
	
	/* LOGIN PAGE MOBILE */
	#login-form {
		width:94vw;
		height:50vmin;
	}
	#login-form * {
		font-size:6vmin;
	}
	#login-form input[type="text"], #login-form input[type="password"] {
		width:94vw;
	}

	/* USERS,LOGS LIST MOBILE */
	table.users, table.logs {
		width:100vw;
	}
	table.users th, table.logs th {
		display:none;
	}
	table.users td, table.logs td {
		padding:28px 6px 28px 6px;
		font-size:3vmin;
	}
	table.users td:first-child {
		width: 2vw;
	}
	table.users td:nth-child(3) {
		display:none;
	}
	table.users td:nth-child(4) {
		width: 18vmin;
	}
	table.users td:nth-child(5) {
		padding:5px !important;
		white-space:nowrap;
		width:auto !important;
	}
	table.users td:nth-child(5) a {
		width:60px !important;
		height:60px !important;
		padding:0;
		margin:4px;
	}
	p.total-users {
		font-size:3vmin;
	}
	.no-user-info {
		font-size:16px;
		line-height:16px;
	}
	.action-button-left {
		background:url(../image/more-mobile-left.png);
		background-size:60px 60px;
		display:inline-block;
	}
	.action-button-right {
		background:url(../image/more-mobile-right.png);
		background-size:60px 60px;
		display:none;
	}
	
	.action-buttons {
		display:none;
		position:absolute;
		width:auto !important;
		right: 80px;
		background:#fff;
		border:1px solid #dfdfdf;
	}

	/* DIALOG GLOBAL MOBILE */
	.dialog-window {
		position:fixed;
		top:36px !important;
		right:36px !important;
		height:calc(100dvh - 72px) !important;
		left:36px !important;
		margin:0 !important;
		width:auto !important;
		overflow:auto;
		font-size:4vmin !important;
	}
	.dialog-window p {
		font-size:4vmin !important;
	}
	.dialog-window input[type="checkbox"] {
		height:4vmin;
		width:4vmin;
	}

	.dialog-window input, .dialog-window button {
		font-size:4vmin !important;
		margin:0 auto;
		padding:5px;
	}
	.dialog-window input[type="text"], .dialog-window select {
		font-size:4vmin !important;
		padding:5px;
	}
	.dialog-close img {
		height:40px !important;
		width:40px !important;
	}
	.dialog-title {
		width:84vw;
		padding:6px 0 6px 0;
		font-size:5vmin !important;
		font-weight:700;
		margin:0;
	}
	.dialog-block-title {
		font-size:4vmin !important;
		font-weight:700;
		margin:0 0 2vmin 0;
	}
	.dialog-buttons{
		width:84vw;
		height:10vmin;
		display:flex;
		justify-content:center;
	}
	.dialog-width-full{
		width:84vw;
		display:flex;
		justify-content:space-between;
	}
	.dialog-buttons input[type="button"], .dialog-buttons input[type="submit"]{
		width: 40vw;
		height: 8vmin;
		font-size:4vmin !important;
	}
	.dialog-flex-block-y {
		display:flex;
		flex-wrap:wrap;
		gap:10px 40px;
		margin-bottom:16px;
	}
	
	
	/* TOP MENU MOBILE */
	#top-menu {
		font-size:6vmin !important;
		height: 8vmin !important;
	}
	
	/* TOP MENU ICONS MOBILE */
	#menu-wrapper {
		width:100%;
		display:flex;
		justify-content:center;
	}
	
	#menu-wrapper .menu-item {
		flex-grow:1;
	}

	#menu-wrapper .menu-item a {
		font-size:2.2vmin;
		overflow:hidden;
	}
	
	/* CONTENT MOBILE */
	#content {
		width:100%;
		margin:20px auto;
	}
	
	/* TOP FILTERS MOBILE */
	#filters {
		display:flex;
		justify-content:space-between;
		gap:5px;
		width:100vw;
	}
	#filters .users-showonly-box {
		display:none;
	}
	#filters .users-search-box {
		align-items:center;
		height:8vmin !important;
		display:flex;
		width:100vw;
	}
	#filters .users-search-box select{
		height:8vmin !important;
		width:280px !important;
		font-size:4vmin !important;
		margin:0 8px 0 0 !important;
		padding:4px !important;
	}
	#filters .users-search-box .search-text {
		height:8vmin !important;
		flex-grow:1;
		font-size:4vmin !important;
		margin:0 !important;
		padding:0 !important;
	}
	#filters .users-search-box .search-button {
		border:0;
		height: 8vmin !important;
		width: 8vmin !important;
		padding:4px !important;
		margin:12px 4px;
	}
	
	/* LETTER INDEX */
	#index-wrapper {
		margin:18px 0 22px 0;
		width:97vw;
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(2.9vmin, 1fr));
		grid-auto-rows: 2.9vmin;
		grid-gap: 2.9vmin;
		margin-bottom: 5vmin;
	}
	#index-wrapper a{
		height:5vmin;
		width: 5vmin;
		font-size:4vmin;
		margin:0;
		color:#007eff;
		padding:8px !important;
		text-align: center;
	}
	
	/* OFFERS LIST MOBILE */
	#offers-list td, #offers-list th {
		font-size:4vmin;
		padding:4px;
	}
	
	/* DIALOG "ADD MONEY" */
	#money-amount {
		height: 8vmin;
		width:40vw !important;
		font-size:4vmin !important;
		margin-left:18px;
	}
	#debt-list-table {
		table-layout:fixed; 
		width:84vw;
		border-collapse:collapse;
	}
	#debt-list-table th{
		padding:3px;
		text-align:left;
	}
	#debt-list-table td{
		padding:3px;
		text-align:left;
		white-space:nowrap;
	}
	#startsess-dialog input[type="submit"],
	#stopsess-dialog input[type="submit"]
	{
		height: 8vmin;
		width:40vw;
		font-size:4vmin !important;
		padding:4px;
	}

	#addmoney-dialog input[type="text"],
	#addmoney-dialog input[type="submit"]
	{
		height: 8vmin;
		font-size:4vmin !important;
		padding:4px;
	}
	#addmoney-form * {
		font-size: 4vmin;

	}
	#addmoney-form input[type="checkbox"] {
		margin: 0 16px 0px 16px;
		width: 8vmin;
		height: 8vmin;
		vertical-align: middle;

	}

	/* DIALOG "USERADD,USEREDIT" MOBILE */
	#useradd-dialog input[type="text"], #useredit-dialog input[type="text"],
	#useradd-dialog select, #useredit-dialog select
	{
		height: 8vmin;
		font-size:4vmin !important;
		padding:4px;
	}
	#useradd-full-name, #useredit-full-name {
		width:84vw !important;
		
	}
	#useradd-login, #useradd-password, #useradd-login, #useredit-login, #useradd-password, #useredit-password, 
	#useradd-city, #useredit-city, #useradd-street, #useredit-street, #useradd-phone, #useredit-phone,
	#useradd-group-change-date, #useredit-group-change-date, #useradd-unlim-mode, #useredit-unlim-mode,
	#useradd-tariff-id, #useredit-tariff-id, #useredit-static-ip, #useradd-mac, #useredit-mac,
	#useradd-connect-type, #useredit-connect-type, #useradd-ap-name, #useredit-ap-name {
		width:40vw !important;
	}
	#useredit-create-date, #useradd-attention-flag, #useredit-attention-flag{
		width:auto !important;
		white-space:nowrap;
	}
	#useradd-home, #useredit-home,
	#useradd-apartment, #useredit-apartment{
		width:18vw !important;
	}
	#useradd-notes, #useredit-notes{
		max-width:84vw !important;
		min-height:12vmin;
		width:84vw !important;
		font-size:4vmin !important;
	}
	#useredit-connect-box {
		width:28vw !important;
	}
	#useredit-connect-box-port {
		margin:0;
		width:8vw !important;
	}
	#useredit-offers-count {
		display:inline;
		padding:8px;
		line-height:8vmin;
		font-size:4vmin !important;
		margin: 0 !important;
	}
	#offers-link-icon img{
		/*display:inline;*/
		height: 3vmin !important;
		width: 3vmin !important;
		margin: 0 !important;
	}
	#useredit-form table td {
		vertical-align:top;
	}
	#action-deleteuser {
		height: 8vmin;
		width: 40vw;
	}
	
	/* STATS TABLE MOBILE */
	#stats-block-content table {
		width:100%;
		table-layout:fixed;
		border:1px solid #777777;
		border-collapse:collapse;
	}
	#stats-block-content table td {
		border:1px solid #777777;
		border-collapse:collapse;
		padding:5px;
	}
	#stats-block-content table td a {
		font-size: 100%;
		text-decoration:dashed;
	}
	
	/* USER LOG MOBILE */
	#userlog-output{
		overflow-y:scroll;
	}
	#userlog-text {
		font-size:16px;
	}
	#logs {
		width:84vw;
		height:calc(10dvh - 80px);
	}
	#logs td, #logs th {
		padding:10px;
		border:1px solid #DEDEDE;
		font-size:16px;
	}
	#logs tr:hover {
		background-color:rgba(64,160,255,0.31);
	}
	
	/* DIALOG "PRINT" MOBILE */
	#print-dialog table {
		width:84vw;
	}
	#print-dialog td a {
		color:#007eff;
		font-size: 4vmin;
	}

	#print-dialog td a img {
		color:#007eff;
		width:140px;
	}
	
	
	/* HELPDESK FILTERS */
	
	#helpdesk-topbuttons {
		display:inline-block;
	}
	#helpdesk-topbutton-add a {
		font-size:4vmin;
		padding: 10px;
	}
	#helpdesk-topbutton-report a, #helpdesk-topbutton-back a {
		display: none !important;
	}
	#helpdesk-topfilters-order-created {
		display: none !important;
	}
	#helpdesk-topfilters-scheme {
		display: none !important;
	}
	#helpdesk-topfilters-row1, #helpdesk-topfilters-row2, #helpdesk-topfilters-row3 {
		line-height:4vmin;
		margin-bottom: 10px;
	}
	#helpdesk-topfilters-row2 a {
		margin: 2px 18px 2px 0;
		font-size:4vmin;
		line-height:6vmin;
	}
	#helpdesk-topfilters-select {
		margin:0 5px 0 0 !important;
		width:180px;
		height:10vmin;
		font-size:3vmin;
	}
	#helpdesk-topfilters-state {
		width:340px;
		height:10vmin;
	}
	#helpdesk-topfilters-datefrom, #helpdesk-topfilters-dateto {
		display:none;
	}
	#helpdesk-topfilters-search {
		width:320px;
		margin-left: 5px;
	}
	#helpdesk-topfilters label {
		font-size:4vmin;
	}
	#helpdesk-topfilters-row3 {
		gap: 10px;
		line-height: 4vmin;
	}
	#helpdesk-topfilters-row3 a {
		font-size:4vmin;
	}
	
	/* HELPDESK TABLE ITEM MOBILE */
	
	.helpdesk-request {
		width:100%;
		overflow:hidden;
		font-size: 3vmin;
	}
	.helpdesk-request-top {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:baseline;
		background-color:#eeeeee;
		padding:5px;
	}
	.helpdesk-request-top > div {
		white-space:nowrap;
		font-size:4vmin;
	}
	.helpdesk-request-top .helpdesk-request-author {
		display:none;
	}
	.helpdesk-request-top > div.helpdesk-request-tools {
		width:4vmin;
		height:4vmin;
	}
	.helpdesk-request-top > div.helpdesk-request-tools img {
		width:4vmin;
		height:4vmin;
	}
	.helpdesk-request-middle {
		flex-direction: column;
	}
	.helpdesk-request-middle > div {
		margin:0 10px 0 0;
	}	
	.helpdesk-request-address {
		margin: 0 !important;
	}
	.helpdesk-request-bottom {
		display:flex;
		flex-direction:row;
		padding:5px;
		margin-top:5px;
		flex-basis:180px auto;
	}
	.helpdesk-request-bottom > div {
		margin:0 10px 0 0;
	}
	.helpdesk-request-bottom-right {
		margin-left:auto !important;
		min-width: 100px !important;
	}
	.helpdesk-request-result {
		margin-top:10px;
	}
	.helpdesk-box {
		margin: 8px 0 8px 0;
	}
	
	/* DIALOG "HELPDESK ADD/UPDATE" */
	#helpdesk-add-form-table, #helpdesk-update-form-table {
		width:84vw !important;
		font-size:4vmin !important;
	}
	#helpdesk-add-form-table td, #helpdesk-update-form-table td {
		padding:5px 0 5px 0;
	}
	#helpdesk-add-form-table input[type=text], #helpdesk-add-form-table select,
	#helpdesk-update-form-table input[type=text], #helpdesk-update-form-table select	{
		width:59vw !important;
		height:8vmin !important;
		font-size:4vmin !important;
	}
	#helpdesk-add-form-table textarea, #helpdesk-update-form-table textarea {
		width:84vw !important;
		max-width:84vw !important;
		font-size:4vmin !important;
		padding:8px !important;
		min-height:20vmin !important;
		line-height:4vmin !important;
		margin:0 !important;
		/*font-family:Calibri,Tahoma,Verdana,sans-serif;*/
	}
	#helpdesk-update-form-table tr td:first-child {
		width:25vw !important;
	}
	.helpdesk-update-form-specialists {
		width:50vw !important;
	}
	#helpdesk-update-form-submit{
		height: 8vmin !important;
		width: 40vw !important;
		padding: 5px;
		font-size: 4vmin !important;
	}
	
	
	/* HELPDESK PAGING */
	a.helpdesk-requests-page {
		margin: 2px 5px 2px 0;
		font-weight:600;
		font-size:14px;
		color: #007eff;
	}
	.helpdesk-requests-page-selected {
		background-color:rgba(64,160,255,0.31);
	}
	
}