/*дополнения*/
html,
button,
input,
select,
textarea {
	color: #222;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}

a {
	text-decoration: underline;
	color: #e84339;
	transition: all 0.2s ease;
}

    #scroll_data {
		overflow: auto;
		width: 98% !important;
		height: 300px;
	}

     #scroll_data_user {
		overflow: auto;
		height: 500px;
	}

    #scroll_data_user::-webkit-scrollbar {
		width: 10px;
		background-color: #f9f9fd;
	}
	
	#scroll_data_user::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: #0d6efd;
	}
	#scroll_data_user::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
		border-radius: 8px;
		background-color: #f9f9fd;
	}
	
	
.pointer{cursor:pointer;}	
.pointer:hover{background-color:#0d6efd20; }
.selectet{background-color:#0d6efd20; }

@media (max-width: 575.98px) {
	#css_info:before {
		content: "xs";
	}

}


@media (min-width: 576px) and (max-width: 767.98px) {
	#css_info:before {
		content: "sm_767";
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	#css_info:before {
		content: "md_991";
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#css_info:before {
		content: "lg_1199";
	}

}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	#css_info:before {
		content: "xl_1200";
	}

}

@media (min-width: 1400px) and (max-width: 1599.98px) {
	#css_info:before {
		content: "xxl_1400";
	}
}

@media (min-width: 1600px) {
	#css_info:before {
		content: "xxxl_1600";
	}


}