body {
		overflow-y: hidden;
		background: navy;
	}

	* {
		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;
	}

	input, textarea {background: yellow; border-radius: 5px}
	
	#dinamic_main_div { 
		overflow-y:auto; 
		border: 1px solid #aaaaaa;
	}

	#dinamic_main_tbl_header .sort {cursor:pointer;}
	#dinamic_main_tbl_header .sort span {color:red;}

	.main_name {text-align:left!important;}

	#details_link:hover {cursor:pointer; text-decoration: underline}
	#alert_dialog .account:hover {cursor:pointer; text-decoration: underline}

	.class_block td {color:grey;}
	.class_block a {color:grey;}

	#dinamic_details_tbl td {cursor:pointer;}
	#dinamic_details_tbl tr:hover {background-color:rgb(229,227,227);}

	#calls_list .edit {background:red;}

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

	.change_tarif_or_date_class {background:#e8faf5}

	#detal_totals tr td:nth-child(2) {cursor:pointer; text-decoration: underline}
	#detal_totals tr:nth-child(2) td:nth-child(2) {cursor:auto; text-decoration: none}

	#call_type_details_tbl tr:hover {background:black!important}

	table .checked {background-color:red;}

	#monthes_totals_rests_div .tbl_body td {color:white; text-align:center;}
	#monthes_totals_rests_div .tbl_body tr:hover {background-color:rgb(0, 0, 0);}

	.clickable {cursor:pointer;}
	#monthes_totals_rests_div .checked {background-color:red;}
	#monthes_totals_rests_div .bold {font-weight:bold; color: white!important}

	.legend_sort span {display:none;}
	#legend_msg, #legend_services_msg {color:red; font-weight:bold;}

	#tarif_sel, #contract_sel, #account_sel, #tel_nom_input {display:none;}

	#user_profile_img:hover {cursor:pointer;}

	#user_profile_tbl {border:none;}
	#user_profile_tbl td {border:none;}

	#user_profile_tbl {margin-left:20px}
	#user_profile_tbl td {border:0; color:white}
	#user_profile_tbl textarea {width:260px; heigth:50px; font-size:12px; color:black}
	#user_profile_form button {margin-top:20px; color:black; border-radius:5px}

	.comment_td {cursor:pointer; text-align:left!important;}
	.comments_tbl tr:hover {background-color:rgb(229,227,227);}

	#alert_dialog input {border:1px solid grey; text-align:center; border-radius:6px;}
	#alert_dialog textarea {border:1px solid grey; border-radius:6px;}
	#alert_dialog .comments_tbl tbody tr td.tel_nom:hover {text-decoration:underline;}
	#alert_dialog .comments_tbl tbody tr {cursor:pointer;}

	#attentions_by_phone_tbl tr:hover {background-color:rgb(229,227,227);}

	#comments_list_div .comments_history_tbl th {font-size:14px;}
	#comments_list_div .comments_history_tbl tr {height:20px;}
	#comments_list_div .comments_history_tbl td {font-size:12px; color:white}
	#comments_list_div .comments_history_tbl td:nth-child(1) {text-align:center;}
	#comments_list_div .comments_history_tbl td:nth-child(2) {text-align:center;}
	#comments_list_div .comments_history_tbl td:nth-child(3) {width:320px; max-width:320px;}
	#comments_list_div .comments_history_tbl td:nth-child(3) div {font-size:12px!important;}
	#comments_list_div .comments_history_tbl tr:hover {background-color:black;}

	#alert_dialog .comments_history_div {width:540px; height:230px; margin-left: 10px; overflow-y: auto; text-align:center}
	#alert_dialog .comments_history_tbl tr {height:16px}
	#alert_dialog .comments_history_tbl td {font-size:11px; color:black}
	#alert_dialog .comments_history_tbl td:nth-child(1) {text-align:center; cursor:pointer}
	#alert_dialog .comments_history_tbl td:nth-child(2) {text-align:center;}
	#alert_dialog .comments_history_tbl td:nth-child(3) {width:320px; max-width:320px}
	#alert_dialog .comments_history_tbl tr:hover {background-color:rgb(229,227,227);}

	#account {font-weight:bold; cursor:pointer}
	#account:hover {text-decoration:underline}

	#numbers_list tr:hover {background-color:rgb(229,227,227);}
	
	.changes_update {
		animation-name: spin;
	    animation-duration: 1200ms;
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;
	}

	@keyframes spin {
		from {
		    transform:rotate(0deg);
		}
		to {
		    transform:rotate(-360deg);
		}
	}

	#main_tbl td {border:0px;}

	#sort_form_service td {border:none; text-align:center; color:white; font-weight:bold;}

	#sort_form td {border:none; text-align:center; color:white; font-weight:bold;}

	#roaming_in_img {display:none;}
	#roaming_out_img {display:none;}
	#roaming_in_disabled_img {display:none;}
	#roaming_out_disabled_img {display:none;}

	#roaming_tbl th:hover {cursor:pointer}

	.edit_spended:hover {cursor:pointer; text-decoration:underline}

	#service_on_off_form tr:hover {background-color:rgb(209, 209, 209);}

	#attention_reason {width:100%; text-align:center; font-weight:bold; color:red; cursor:pointer}
	#attention_reason:hover {text-decoration: underline}

	.change_tarif_tbl tr:hover {background-color:rgb(229,227,227);}

	.month_down, .month_up, .day_down, .day_up {
		font-weight:bold;
		color:red;
		cursor:pointer;
		-webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	}

	#block_scheduler table tr:hover {background-color:rgb(0,0,0);}
	#block_scheduler table th.sortable {cursor:pointer}
	#block_scheduler button {border-radius: 10px}
	#block_scheduler select {border-radius: 10px}

	select, input {
		background: yellow;
		border-radius: 5px;
	}

	.underline {
		text-decoration: underline;
	}

	.comment {
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 94%;
	}

	#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:20%}
	#phone_history_form table td:nth-child(2) {width:20%}

	#tel_clients_group {cursor:pointer}

	#abonents_history_form {width:735px; height:auto; padding:0px 10px 10px; position: absolute; z-index:1000; top:200px; left:425px; border-radius:10px; border:2px solid black}
	#abonents_history_form th {font-size:12px}
	#abonents_history_form td {font-size:13px; color:white}
	#abonents_history_form table th:nth-child(1) {min-width:135px; max-width:135px}
	#abonents_history_form table th:nth-child(2) {min-width:200px; max-width:200px}
	#abonents_history_form table th:nth-child(3) {min-width:200px; max-width:200px}
	#abonents_history_form table th:nth-child(4) {min-width:140px; max-width:140px}
	#abonents_history_form table td:nth-child(3) {cursor:pointer}
	#abonents_history_form .fio:hover {background-color:black;}

	#personalData_form {width:735px; height:auto; padding:0px 10px 10px; position: absolute; z-index:1000; top:345px; left:445px; border-radius:10px; border:2px solid black}
	#personalData_form td {color:white}
	
	.red {background:red;}

	.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
	}

	#service_on_off_form .comment {color:aquamarine}