:root {
    --bg-color: #ffffff;
    --text-color: #2e2e2e;
    --brif-text-color: #595959;
    --link-color: #216EF4;
    --link-hover-color: #094cbf;

    --one-button-bg: #ffffff;
    --one-button-color: #000000;
    --one-button-border: 1px solid #cfcfcf;
    --one-button-hover-bg: #4792DE;
    --one-button-hover-color: #ffffff;
    --one-button-hover-border: 1px solid #4792DE;

    --two-button-bg: #216EF4;
    --two-button-color: #ffffff;
    --two-button-hover-bg: #3D8252;
    --two-button-hover-color: #ffffff;

    --hover-bg-color: #EAEFFF;
    --second-bg-color: #F8F8F8;
    --input-bg-color: #ffffff;
    --border-color: #dddddd;
    --border-focus-color: #2A3646;

    --tariff-bg: #fff;
    --tariff-title-color: #5b5b5b;
    --tariff-price-color: #5b5b5b;

    --title-color: #3D8252;

    transform: all 0.2s;
    height: 100%;
}

.theme_dark {
    --bg-color: #000;
    --text-color: #ffffff;
    --brif-text-color: #a4a4a4;
    --link-color: #c1d9ff;
    --link-hover-color: #7eadff;

    --one-button-bg: #1A191E;
    --one-button-color: #ffffff;
    --one-button-border: 1px solid #404A50;
    --one-button-hover-bg: #404A50;
    --one-button-hover-color: #ffffff;
    --one-button-hover-border: 1px solid #404A50;

    --two-button-bg: #4686f6;
    --two-button-color: #ffffff;
    --two-button-hover-bg: #3D8252;
    --two-button-hover-color: #ffffff;

    --hover-bg-color: #404A50;
    --second-bg-color: #1A191E;
    --input-bg-color: #253037;
    --border-color: #253037;
    --border-focus-color: #253037;

    --tariff-bg: #1A191E;
    --tariff-title-color: #fff;
    --tariff-price-color: #35ffa0;

    --title-color: #35FFA0;
}

html, body, div, span, object, iframe, menu, h1, h2, h3, h4, p, button, td, tr, tbody, ul, li, dl, dd, dt, figure {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	cursor: inherit;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	-ms-user-select: inherit;
	-o-user-select: inherit;
	user-select: inherit;
	box-sizing: border-box;
	transition: background-color 0.15s linear, color 0.15s linear;
}
body {
	background: var(--bg-color);
	font-size: 16px;
	overflow-y: scroll;
	font-family: Helvetica,verdana,arial,tahoma,sans-serif;
	/* user-select: none; */
	min-width: 300px;
	color: var(--text-color);
	height: 100%;
	font-family: Roboto,'Fira sans',sans-serif;
}
input, select {border-radius: 0;box-shadow: none;outline: none;}
input, textarea {-webkit-appearance: none;}
button {outline: none;}
a {text-decoration: none;color: var(--link-color);transition: color 0.15s;}
/*a:hover {color: var(--link-hover-color);}*/

.material-icons {
    font-size: inherit;
}