@font-face {
    font-family: Matricha; /* Гарнитура шрифта */
    src: url('../../fonts/Matricha.ttf'); /* Путь к файлу со шрифтом */        
   }
@font-face {
    font-family: GraphoType; /* Гарнитура шрифта */
    src: url('../../fonts/Akcyz Tygra.ttf'); /* Путь к файлу со шрифтом */
   }   
#floatTip {
  position: absolute; 		/* Абсолютное позиционирование */
  width: 250px; 			/* Ширина блока */
  display: none; 			/* Прячем от показа */
  border: 1px solid #000; 	/* Параметры рамки */
  padding: 4px; 			/* Поля вокруг  текста */
  font-family: sans-serif; 	/* Рубленый шрифт */
  font-size: 9pt; 			/* Размер  шрифта */
  color: #333; 				/* Цвет текста */
  background: #ffe5ff; 		/* Цвет фона */
}
.mytooltip span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
    left: 200px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333; 
    border-radius: 5px;	
}
 
.mytooltip:hover span{
visibility: visible;
}

input {
	
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	// font-size: 40px;
	font: 40px Matricha;
	background-color: rgb(0, 0, 0); 
	color: rgb(0, 255, 0); 	
	}

textarea {
	
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	// font-size: 40px;
	font: 1.1em Matricha;
	background-color: rgb(0, 0, 0); 
	color: rgb(0, 255, 0); 
	
	}
button {
	
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	// font-size: 40px;
	font: 40px Matricha;
	background-color: rgb(0, 0, 0); 
	color: rgb(0, 255, 0); 
	
	}
button.cancel {
	
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	// font-size: 40px;
	font: 40px Matricha;
	background-color: rgb(0, 0, 0); 
	color: rgb(255, 0, 0); 
	
	}
option {
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	font: 40px GraphoType;
	background-color: rgb(0, 0, 0); 
	color: rgb(0, 255, 0);
	}
	
select {
	// font-size: 1.5em; /* Альтернативный вариант размера шрифта */
	font: 40px GraphoType;
	background-color: rgb(0, 0, 0); 
	color: rgb(0, 255, 0);
	}

/*
// исходный вариант - скрываемый текст появляется в загружаемой форме
.hide-N-show { display: none; }
.hide-N-show:not(:checked) + label + * { display: none; }
*/

/*
 Реализованный вариант - скрываемый текст появляется по запросу
*/
	
.hide-N-show 
	{ display: none; }
.hide-N-show:checked + label + * 
	{ display: none; }

/* вид CSS кнопки */
.hide-N-show:not(:checked) + label,
.hide-N-show:checked + label {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 2px;
  color: #fff;
  /* background: #4e6473; */ /* Серый цвет для вводимых данных */
  background: #00FF00;
  cursor: pointer;
}
.hide-N-show:checked + label {
  /* background: #e36443; */ /* Оранжевый цвет для предложения ввода данных */
  background: #FF0000;
}
/* Всплывающие подсказки по щелчку мыши */
* {
 outline: none;
}
/*---------Оформление. Общие стили---------*/

.support {
	display: inline-block;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.support em {
	background: #FF6600;
	border-radius: 20px;
	border: 1px solid #999;
	text-align: center;
	color: #FFF;
	/* шрифт по умолчанию */
 	/* font: normal bold 16px Arial; */
	font: normal bold 16px GraphoType; 
 	padding: 0 4px;
}
.tip-three {
	display: none;
  	position: absolute;
  	z-index: 9998;
  	top: 0;
  	left: 100%;
  	background: #EDEDED;
  	border-radius: 3px;
  	border: 1px solid #ccc;
  	box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5);
  	text-align: left;
  	color: #000;
	/* шрифт по умолчанию */
  	/* font: normal 500 14px Arial, sans-serif; */
	font: normal 500 14px GraphoType, sans-serif;
  	opacity: .9; 
  	cursor: default;
  	padding: 5px;
  	margin: -15px 0 0 10px;
	/* Ширина изображения */
  	/* width: 200px; */
	width: auto;
  	min-height: 50px; 
 	height: auto;
}
.tip-three { 
  	margin: -30px 0 0 0;
}
.tip-three:before {
 	border-width: 9px 8px 9px 0;
 	border-color: transparent #cccccc transparent transparent;
 	top: 13px;
 	left: -9px;
}
.tip-three:after {
 	border-width: 7px 7px 7px 0;
 	border-color: transparent #ededed transparent transparent;
 	top: 15px;
 	left: -7px;
}
.tip-three:before,
.tip-three:after {
 	content:"";
 	position:absolute;
 	width: 0px;
 	height: 0px;
 	border-style: solid;
}
#tip-checkbox-1:checked ~ .support em {
 	background: #6699FF;
}
#tip-checkbox-2:checked ~ .support em {
 	background: #6699FF;
}
#tip-checkbox-3:checked ~ .support em {
 	background: #6699FF;
}
#tip-checkbox-4:checked ~ .support em {
 	background: #6699FF;
}
#tip-checkbox-5:checked ~ .support em {
 	background: #6699FF;
}
.tip-block {
 	display: inline-block;
 	position: relative;
 	background: transparent;
 	margin: 0;
 	padding: 0;
 	border: 0;
 	height: 0;
 	width: 1px;
}
/*----------Использование тега 'INPUT'--------------*/

.tip-checkbox-1 {
  	display: none;
}
.tip-checkbox-2 {
  	display: none;
}
.tip-checkbox-3 {
  	display: none;
}
.tip-checkbox-4 {
  	display: none;
}
.tip-checkbox-5 {
  	display: none;
}
#tip-checkbox-1:checked ~ * .tip-three {
    	display: block;
}
#tip-checkbox-2:checked ~ * .tip-three {
    	display: block;
}
#tip-checkbox-3:checked ~ * .tip-three {
    	display: block;
}
#tip-checkbox-4:checked ~ * .tip-three {
    	display: block;
}
#tip-checkbox-5:checked ~ * .tip-three {
    	display: block;
}
.tip-close {
 	display: inline-block;
  	position: absolute;
 	background: #333;
 	border-radius: 20px;
 	border: 2px solid #FFF;
 	top: -8px;
 	right: -8px;
	/* Шрифт по умолчанию */
 	/* font: normal bold 14px Comic Sans MS; */
	font: normal bold 14px GraphoType;
 	text-align: center;
 	color: #fff;
 	cursor: pointer;
 	padding: 0 4px;
}