@charset "utf-8";
		
/* CSS Document */
body{
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 14px;
	}

.ssilka {font-weight: bold; 
	cursor: pointer;
	text-decoration: underline;
	color:blue;
	
}

tr.yellow { background-color: yellow;}
tr.green { background-color:#4FCB5A;}
tr.red { background-color:#FE777B;}
tr.red2 { background-color:#7C4142;}
tr.orange { background-color:#D16030;}
tr.pink { background-color:#FC94B1;}

.bord0 td{ border: 0px;}
td{border: 1px solid black;
		padding: 5px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		font-size: 12px;}
td.bigbold{
		font-size: 16px;
		font-weight: bold;}

td.pink{ background-color: #FFC0E1;}
td.rout{background-color:#DCF8AB;}
td.send{background-color: #B3F864;}

.mesta{	border:1px solid black; background-color: white;}
.mesta td 
	{  	border:1px solid black;
		font-size: 12px;
		text-align: center;
	}
.mesta0{	border:2px solid red; background-color: white;}
.mesta0 td 
	{  	border:2px solid red;
		font-size: 12px;
		text-align: center;
	}

.mess2 { background-color:#4CA03E; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.grey { background-color:#7B7A7A; font-size: 12px; text-decoration: none; padding: 3px;}
	
.mestaS{	border:2px solid black; background-color: white;}
.mestaS td 
	{  	border:1px solid black;
		font-size: 12px;
		text-align: center;
	}
.seat1{ background-color:darkred; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.seat2{ background-color:darkgoldenrod; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.seat3{ background-color:chocolate; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.seat4{ background-color:darkgreen; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.seat5{ background-color:cornflowerblue; color:white; font-size: 12px; text-decoration: none; padding: 3px;}
.seat6{ background-color:darkorchid; color:white; font-size: 12px; text-decoration: none; padding: 3px;}

.visa {background-color:#78999B; vertical-align: top; padding: 5px;  border:1px solid black;}
.sht{background-color:#C49FA0; vertical-align: top; padding: 5px; border:1px solid black;}


th{border: 1px solid black;
		padding: 5px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		}
.button-group {
    display: inline-block;
	overflow: hidden;
}
.button-group-item {
	display: inline-block;
    float: left;
}
.button-group-item input[type="radio"] {
  display: none;
}
.button-group-item label {
	display: inline-block;
	cursor: pointer;
    padding: 5px 15px;
	border: 1px solid #999;
	border-right: none;
	user-select: none;
    transition: background-color 0.3s, color 0.3s;
}
.button-group .button-group-item:first-child label {
	border-radius: 6px 0 0 6px;
}
.button-group .button-group-item:last-child label {
	border-radius: 0 6px 6px 0;
	border-right: 1px solid #999;
}
/* Checked */
.button-group-item  input[type="radio"]:checked + label {
  background-color: #007BFF;
  color: #fff;
}
/* Hover */
.button-group-item  label:hover {
  background-color: #0056b3;
  color: #fff;
}
/* Disabled */
.button-group-item  input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}

/* Скрываем стандартный чекбокс */
.visually-hidden {
  display: none;
}

/* Оформляем лейбл как обычную кнопку */
.btn-checkbox {
  display: inline-block;
  padding: 10px 20px;
  background-color:#ACD4F9;
  color: #333;
  cursor: pointer;
  border-radius: 4px;

  user-select: none;
  transition: background-color 0.2s;
}

/* Изменяем вид кнопки, когда чекбокс выбран */
#r1:checked + .btn-checkbox , #r2:checked + .btn-checkbox, #r3:checked + .btn-checkbox, #r4:checked + .btn-checkbox, #r5:checked + .btn-checkbox, #r6:checked + .btn-checkbox, #r7:checked + .btn-checkbox, #r8:checked + .btn-checkbox {
  background-color: #0056b3;
  color: #fff;
}