body {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
	padding: 0.1em;
}
/* body dark*/
body.body_dark {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
	padding: 0.1em;
	background-color: #111111;
    color: #eeeeee;
}
/* common style for div */
div.adiv {
	margin: 0.2em;
	overflow: hidden;
}
/* title div */
div.tdiv {
	font-weight: bold;
	text-align: center;
	background-color: #F7F7F7;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
}
/* title div dark*/
div.tdiv_dark {
	font-weight: bold;
	text-align: center;
	background-color: #404040;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
}
/* title tariffs div */
div.tdiv_tariffs {
	border: 1px solid gray;
    border-radius: 0.5em;
    background-color: #CDDFF6;
	margin-bottom: 1.2em;
}
/* title status div */
div.tdiv_status {
	font-weight: bold;
	text-align: center;
	background-color: #FFAFAF;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
}
/* button div */
div.bdiv {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #DDDDDD;
}
/* button div dark*/
div.bdiv_dark {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #808080;
}
/* button activate tariff div */
div.bdiv_activate_tariff {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #A9E1FF;
}
/* button activate tariff div */
div.bdiv_changeBlockThreshold {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #FFD1D1;
}
/* button yandex div */
div.bdiv_transferYandex {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #FFD1D1;
}
/* info div */
div.idiv {
	padding: 0.5em 0em;
	text-align: center;
}
/* center text align div */
div.cdiv {
	text-align: center;
}
/* float left */
div.fleft {
	float: left;
}
/* minimum width */
div.mwidth {
	min-width: 1.9em;
}
/* inherit background */
div.ibackground {
	background-color: inherit;
}
/* group div */
div.gdiv1 {
	background-color: #d7d7d7;
    padding: 0.1em;
    border-radius: 0.6em;
    margin: 2px 0px 2px 0px;
}
/* group div */
div.gdiv2 {
    background-color: #ffffff;
    border-radius: 0.6em;
    padding: 0.1em;
}
/* small font size */
.stext {
	font-size: 0.8em;
}
/* small font size */
.mtext {
	font-size: 0.9em;
}
/* keytab for confirm change tariff */
table.keytab {
	background-color: gray;
	box-sizing: border-box;
	border: 1px solid gray;
	border-radius: 0.5em;
	width: 98%;
	text-align: center;
	margin: 0.2em;
}

table.keytab td {
	background-color: white;
	border-radius: 0.5em;
	padding: 0.5em;
}

/* unvisited link */
a:link {
	color: inherit;
	text-decoration: inherit;   
}

/* visited link */
a:visited {
	color: inherit;
	text-decoration: inherit;
}

/* mouse over link */
a:hover {
	color: inherit;
	text-decoration: inherit;
}

/* selected link */
a:active {
	color: #FF704D;
	text-decoration: inherit;
}

/* form */
/* input[type=text] */
.form input[type=text] {
	width: 100%;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

.form input[type=submit], input[type=reset] {
	width: 49%;
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #DDDDDD;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

/* feedback_form */
/* input[type=text] */
.feedback_form input[type=text] {
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

.feedback_form textarea {
	width: 100%;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

.feedback_form input[type=submit], input[type=reset] {
	width: 49%;
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #DDDDDD;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

/* interview_form */

.interview_form input[type=submit], input[type=reset] {
	width: 49%;
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em 0.2em;
	text-align: center;
	background-color: #DDDDDD;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14pt;
}

.interview_form input[type=radio] {
	margin: 0px 10px 0px 25px;
}

.interview_form input[type=radio] + label {
    vertical-align:middle;	
    cursor:pointer;
}

/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #ff7c5b;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
/*.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}*/