* {
		scrollbar-width: thin;
		scrollbar-color: blue lightgray;
	}

	/* для Chrome/Edge/Safari */
	*::-webkit-scrollbar {
		height: 12px;
		width: 12px;
	}
	*::-webkit-scrollbar-track {
		background: lightgrey;
	}
	*::-webkit-scrollbar-thumb {
		background-color: royalblue;
		border-radius: 7px;
		border: 2px solid lightgray;
	}

	body {overflow:hidden}

	input, select, textarea {background: yellow; border:1px solid black; border-radius:5px}
	input, select {text-align: center}

	button {width:150px; text-align:center; border:1px solid black; border-radius:5px; cursor:pointer}

	#main_tabs {
		width:100%;
		height:100%;
		margin-left: -8px!important;
    	margin-top: -8px!important;
	}

	.from_date, .to_date {width:110px}

	#left_menu {width:285px; height:810px; overflow-y: auto}
	.left_menu_item {width:250px; height:18px; background:grey; font-weight:bold; margin-top:3px; border-radius:5px; padding:4px; box-shadow: 2px 2px;}
	.left_menu_item:first-child {background:yellow;}
	.left_menu_item:hover {cursor:pointer; background:darkgrey;}

	.submenu {margin-left:18px; height:0px; overflow-y:hidden;}
	.submenu td {border:0;}
	.submenu div {background:#e3dede; border-radius:5px; width:230px; height:26px; margin-top:-2px; box-shadow: 2px 2px;}
	.submenu div:hover {cursor:pointer; background: #E3DECC;}
	.submenu img {right:5px;}
	.submenu table {width:100%; margin-top:3px; font-weight:bold;}
	.submenu .logo_td {text-align:right;}

	#left_menu .logo {width:20px;}

	.right_block_td {vertical-align:top}

	#vedomost {width:1200px; text-align:center; display:none}
	#act {width:1200px; text-align:center; display:none; font-size:10px}
	#act .data_area table td {font-size:12px}
	#act_sverki {width:1200px; text-align:center; display:none}
	#factura {width:1520px; text-align:center; display:none; font-size:12px}
	#factura .data_area table td {font-size:12px}
	#settings {width:1200px; text-align:center; display:none}

	.data_area {width:1065px; height:735px; overflow-y:auto;}
	.act {font-size:12px; width:1200px!important;}
	.act_sverki {font-size:12px; width:1200px!important;}
	.factura {font-size:12px; width:1500px!important;}

	.vedomost_tbl {margin-left:20px; border-collapse: collapse}
	.vedomost_tbl td {border:1px solid grey; text-align:center}

	.vedomost_header {font-size:15px}

	.totals {background:yellow}

	.benefits_tbl {margin-left:20px; border-collapse: collapse}
	.benefits_tbl td {border:1px solid grey; text-align:center}

	.benefits_header {font-size:15px}

	.group_phones_tbl {width:700px; height:805px}

	.left_align {text-align:left!important}
	.right_align {text-align:right!important}
	.without_border_left {border-left:0px!important}
	.without_border_right {border-right:0px!important}
	.totals {font-weight:bold}

	.operations {background:white;}

	.clickable:hover {text-decoration: underline; cursor:pointer}
	.clickable_payment:hover {text-decoration: underline; cursor:pointer}
	
	.groupsStats:hover {text-decoration: underline; cursor:pointer}

	#form_spended_details .tel_nom:hover {text-decoration: underline; cursor:pointer}

	#form_spended_details {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

	#spended_details_tbl {border-collapse:collapse; margin-top:5px; margin: 0 auto; width: 90%}
	#spended_details_tbl th:nth-child(1) {width:200px;}
	#spended_details_tbl th:nth-child(2) {width:100px;}
	#spended_details_tbl th:nth-child(3) {width:100px;}
	#spended_details_tbl th:nth-child(4) {width:100px;}
	#spended_details_tbl th {font-size:12px;}
	#spended_details_tbl td:nth-child(2) {text-align:center;}
	#spended_details_tbl td:nth-child(3) {text-align:center;}
	#spended_details_tbl td:nth-child(4) {text-align:center;}
	#spended_details_tbl td {border:1px solid #bbb; font-size:15px; color: white;}
	#spended_details_tbl tr:hover {background: rgb(229,227,227)}

	.month_up, .month_down, .month_up_vedomost, .month_down_vedomost {color:red; font-weight: bold; cursor:pointer}

	.error_msg {font-weight:bold; color:red}

	.editable {cursor: pointer;}

	#settings .group_phones_div {width:700px; height:805px; overflow-y:auto}
	#settings .settings_tbl td {text-align:center}
	#settings .settings_tbl span {font-weight: bold}
	#settings .group_phones {margin:0 auto; border-collapse: collapse}
	#settings .group_phones th {border: 1px solid gray}
	#settings .group_phones td {border: 1px solid gray}
	#settings .group_phones th:nth-child(1) {width:40px; text-align: center}
	#settings .group_phones th:nth-child(2) {width:150px; text-align: center}
	#settings .group_phones th:nth-child(3) {width:320px}
	#settings .group_phones th:nth-child(4) {width:110px}
	#settings .group_phones td:nth-child(1) {text-align:center}
	#settings .group_phones td:nth-child(2) {text-align:center}
	#settings .group_phones td:nth-child(4) {text-align:center; cursor: pointer}
	#settings .group_phones tr:hover {background: rgb(229,227,227)}


	#docs_list_form .docs_list_div {width:475px; height:516px; overflow-y:auto}
	#docs_list_form .docs_list_tbl {margin:0 auto; border-collapse: collapse}
	#docs_list_form .docs_list_tbl th {font-size:12px; border: 1px solid #bbb; font-family: Verdana,Arial,sans-serif;}
	#docs_list_form .docs_list_tbl td {font-size:13px; border: 1px solid #bbb; color:white; text-align:center; font-family: Verdana,Arial,sans-serif;}
	#docs_list_form .docs_list_tbl th:nth-child(1) {width:140px;}
	#docs_list_form .docs_list_tbl th:nth-child(2) {width:100px;}
	#docs_list_form .docs_list_tbl th:nth-child(3) {width:80px;}
	#docs_list_form .docs_list_tbl th:nth-child(4) {width:100px;}
	#docs_list_form .docs_list_tbl tr:hover {background:black; cursor:pointer}

	.number_not_in_group {color:lightgrey}

	#ui-datepicker-div {font-size: 12px}

	.new_date .ui-datepicker {font-size:10px; width:165px}

	#phone_history_form table {border-collapse: collapse}
	#phone_history_form table th {font-size: 12px}
	#phone_history_form table td {border: 1px solid #bbb; color:white; font-size:13px; text-align:center; cursor:pointer}
	#phone_history_form table td:nth-child(1) {width:50%}

	.sort {cursor:pointer}
	.sort span {color:red!important}

	th:not(.no_background) {
		background-image: url(https://офис.димс.рф/js/img/th.png);
	    height: 30px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    color: white;
	    text-shadow: #012b4d 2px 2px 2px;
	    text-align: center;
	}

	.header_btn {height:38px; cursor:pointer}

	#no_bills_div .ui-datepicker {
		width:203px;
	}

	.gradient {
		background: grey;
		background: linear-gradient(90deg, rgba(133,130,130,0.9808298319327731) 0%, rgba(108,106,106,1) 27%, rgba(101,100,100,1) 50%, rgba(111,108,108,1) 73%, rgba(133,130,130,1) 100%);		
	}

	.shadow {	
		box-shadow:
		  0 8px 8px rgb(0 0 0 / 51%), 20px 0 20px -19px rgb(0 0 0 / 80%), 25px 0 20px -23px rgb(0 0 0 / 80%), 0 0 40px rgb(0 0 0 / 10%) inset
	}