TABLE
{
    background: white; /* Цвет фона таблицы */
}

.textColorBlack{
color: #333333;
}

.textColorBlackGray{
color: #3A3A3A;
}

.tdTableBlack { background-color: #F2F2F2; }
.tdTableBlack2 { background-color: #E4E4E4; }
.tdTableBlack3 { background-color: #4A4A4A; }

.tableBorderBlack { border: 1px solid #F8F8F8; }
.tableBorderBlack2 { border: 1px solid #E4E5E7; }

.loginAvtor{
position: relative;
left: 68px;
}

.menuTop{
background: linear-gradient(to bottom, #414141, #3B3B3B);
}

.menuTop a i {
    font-size: 24px; /* Увеличиваем иконку */
    margin-bottom: 5px; /* Отступ между иконкой и текстом */
}

#menuTop{
	cursor:pointer;	
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
}
#menuTop A{
	text-decoration:none;
	cursor:pointer;	
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
}
#menuTop:hover{
	background: #F4860B;
    border-radius: 5px; /* Округленные углы при наведении */
    transition: background 0.3s ease-in-out; /* Плавный эффект */
}

/* Если есть новые сообщения - в меню иконка */
.new-message-menu {
    color: #ffcc00; /* Ярко-желтая иконка */
    animation: pulse 1s infinite alternate; /* Анимация мигания */
}
/* Эффект мигания */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}


#rotateText {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	writing-mode:tb-rl;
	height: 20px;
	width: 80px;
}


BODY {
max-width: 1000px;
width: 100%; /* Для адаптивности */
height: 100%;
margin-right: auto;
margin-left: auto;
font-family: Blogger-Sans-Light;
font-size: 16px;
background-attachment: fixed; background-repeat: no-repeat; background-position: 50%;
background-color: white; /* Цвет фона веб-страницы */
/* background-image: url(fon.jpg); */ /* Цвет фона и путь к файлу */
}

* {margin: 0; padding: 0}
a {color: #0F5B26; text-decoration: none;} /* #0C3E18 */
a:hover {color: #F4860B; text-decoration: underline;}

@font-face {
    font-family: Blogger-Sans-Light; /* имя шрифта для CSS правил */
    src: local("Anahit"), /* проверяем наличие шрифта в ОС пользователя */
         url(Blogger-Sans-Light.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }

.numberCircle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);

    width: 15px;
    height: 15px;
    padding: 2px;

    background: #fff;
    border: 1px solid #666;
    color: #666;
    text-align: center;

    font: 12px Arial, sans-serif
}

ul {
	width: 150px;
	padding: 0 9px;
	background: #F2F7FD url(image/bg.gif) 0 100% repeat-x;
  border: 1px solid #C0D7FB;

	overflow: hidden; /* небходимо для того, чтобы
	спрятать верхний бордюр у первого пункта и
	нижний бордюр у последнего пункта */
}

lii {
	list-style: none;
  background: url(image/bullet2.png) 4px 8px no-repeat;
	padding: 5px 0 8px 22px;

  margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}
pi {
	list-style: none;
  background: url(image/bullet.gif) 4px 8px no-repeat;
	padding: 5px 0 8px 22px;

  border-top: 1px solid #C0D7FB; /* синяя линия */
  border-bottom: 1px solid #FFF; /* белая линия */
  margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}


/* Radio кнопка в горизонтальном меню "Запомнить" */
label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  content:url(https://derbi.pw/image/menu/button_remem_yes.png);
}


	#menuu{
		margin:0 auto;
		width:1000px;
	}
		#menuu ull{
			list-style:none;
		}
			#menuu liii{ 
				list-style:none;
				display:block;
				float:left;
				background:#f4f4ec;		

			}
				#menuu liii a{
					display:block;
					float:left;
					color:#44494f;
					text-transform:uppercase;
					text-align: center;
					font-size:11px;
					font-weight:bold;
					line-height:35px;
					text-decoration:none;
					padding:0 23px;				
					
				}
					#menuu liii a:hover{
						color:#75902d;
					}
							
					
			liiii a{
					color:#44494f;
				}
			liiii a:hover{
				text-decoration:none;
				color:#75902d;
					}



ul a {color: #444; text-decoration: none}
ul a:hover {color: #3C97C0; text-decoration: underline}





border-radius: 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);





  .photoo {
    display: inline-block; /* Строчно-блочный элемент */
    position: relative; /* Относительное позиционирование */
   }
   .photoo:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
   }
   
   
/*CLASS ДЛЯ INPUT*/
.input-1 {
 padding: 4px;
 font-size: 18px;
 border-radius: 7px;
 border: 1px solid #cccccc;
 @include box-shadow(
 0 2px 10px rgba(0, 0, 0, .25) inset,
 0 2px 10px rgba(0, 0, 0, .25));
 @include border-radius(10px);
 background: rgba(255, 255, 255, .5);
 @include appearance(none);
 outline: none;
 color: #333;
}
   
   
   
   
   
   
   /*СООБЩЕНИЕ ОБ ОШИБКЕ*/
   .error_mes{
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: red;
   }
   
   /*УСПЕШНОЕ ДЕЙСТВИЕ*/
   .ok_mes{
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #242424;
   }
   
   
   
   
   /*СЕЛЕКТ*/
select.minimal {
  /* styling */
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 3px 50px 3px 5px;

  /* reset   padding: 0.5em 3.5em 0.5em 1em; */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;


  font: "Helvetica Neue", Arial, sans-serif;

  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(0.65em + 2px),
    calc(100% - 15px) calc(0.65em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    6px 6px,
    6px 6px,
    0px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 0.65em,
    calc(100% - 20px) 0.65em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    6px 6px,
    6px 6px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}





/*КНОПКА "ОТПРАВИТЬ"*/
.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:11px;
	-moz-border-radius-topright:11px;
	border-top-right-radius:11px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:11px;
	-moz-border-radius-bottomleft:11px;
	border-bottom-left-radius:11px;
	text-indent:0px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	cursor: pointer;
}
.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}
.submit:active {
	position:relative;
	top:1px;
}








/* ТАБЛИЦА */

.simple-little-table {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:13px;
    background:#eaebec;
    margin:0px;
    border:#ccc 1px solid;
    border-collapse:separate;
 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
 
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
 
.simple-little-table th {
    font-weight:bold;
    padding:11px 15px 12px 15px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
 
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.simple-little-table th:first-child{
    text-align: left;
    padding-left:20px;
}
.simple-little-table tr:first-child th:first-child{
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.simple-little-table tr:first-child th:last-child{
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.simple-little-table tr{
    text-align: center;
    padding-left:10px;
}
.simple-little-table tr td:first-child{
    text-align: left;
    padding-left:10px;
    border-left: 0;
}
.simple-little-table tr td {
    padding:10px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.simple-little-table tr:nth-child(even) td{
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.simple-little-table tr:last-child td{
    border-bottom:0;
}
.simple-little-table tr:last-child td:first-child{
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.simple-little-table tr:last-child td:last-child{
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.simple-little-table tr:hover td{
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);    
}
 
.simple-little-table a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
}
.simple-little-table a:visited {
    color: #999999;
    font-weight:bold;
    text-decoration:none;
}
.simple-little-table a:active,
.simple-little-table a:hover {
    color: #F4860B;
    text-decoration:underline;
}



.message {  
  line-height: 24px;  
  font-weight: normal;  
  padding: 15px 15px 15px 80px;  
  position: relative;  
  margin: 10px 0;  
  border-radius: 5px; 
}
.warning-message {  
background: url("https://derbi.pw/image/index/warning.png") no-repeat scroll 15px 3px #FFEA97;  
border: 1px solid #E2B500;  
}
.success-message {  
background: url("https://derbi.pw/image/index/success.png") no-repeat scroll 15px 3px #EEF4D4;  
border: 1px solid #8FAD3D;  
}
.error-message {  
background: url("https://derbi.pw/image/index/error.png") no-repeat scroll 15px 3px #EFCEC9;  
border: 1px solid #AE3F2E;  
}
.message-message {  
background: url("https://derbi.pw/image/index/message.png") no-repeat scroll 15px 3px #C6D8F0;  
border: 1px solid #4282CC;  
}