.scheme {
	display: 	block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.scheme-row {
	display: 	flex;
	justify-content: center;
}
.scheme-row-backround-blue {
/*	background: #D9E2F3;	*/
	background: #dcb;	
}
.scheme-row-backround-gray { 
	background: #F3D9EF;	
}
.scheme-row-backround-red {
	background: #dcb;	
/*	background: #FBE4D5;	*/
}
.scheme-row-backround-green {
	background: #dcb;	
/*	background: #EAF1DD;	*/
}
.left-size {
	margin-right: 50px;
}
.right-size {
	margin-left1: 10%;
}
.scheme-stairs {
	border: 1px dotted #006892;
  	border-radius: 4px;
  	padding: 12px 6px 6px;
  	margin: 3px;
  	width: 80%;
  	max-width00: 70px;
  	text-align: center;
	color:#006892;
  	-moz-user-select: none;
  	height: 30px;
}
.scheme-table {
	border: 1px solid #006892;
  	border-radius: 4px;
  	padding: 2px 6px 4px;
  	margin: 3px;
  	width: 80%;
  	max-width00: 70px;
  	text-align: center;
	color:#006892;
  	-moz-user-select: none;
  	height0: 30px;
}
.place-back-top {
	border-top-width: 4px !important;
}
.place-back-bottom {
	border-bottom-width: 4px !important;
}

.scheme-place, .scheme-place0 {
	border: 	1px solid blue;
	border-radius: 5px;
	padding: 	5px;
	margin: 	3px;
	width:		15%;
	min-width:	40px;
	max-width:	40px;
	text-align: center;
	-moz-user-select: none;
}
.scheme-place:hover {
  	background: #ff9000;	
	cursor: pointer;
}
.scheme-place-my-book {
	background: red !important;
	color: white;	
}
.scheme-place-my--book {
	background: #ff9000 !important;
	color: white;
}
.scheme-place-other-book {
	background: blue !important;
	color: white;	
}
.i-bold {
	font-weight: bold;
}
.absent {
	border: 	none !important;
}
.absent:hover {
	background: none !important;
	cursor: default !important;
}
.span28 {
	font-size:0.8em;
	width: 22px;
    display: inline-table;
}
.istanbul {
	color: #101095;
}

p.button, div.button {
	border: 	1px solid #ff9000;
	border-radius: 6px;
	padding: 	5px;
	margin: 	10px;
	text-align: center;	
	width: 120px;
}
p.button:hover, div.button:hover {
  	background: #006892;
  	background-image: linear-gradient(to bottom, #ff9000, #fff);
	cursor: pointer;
}

/* ORDER */

.ticket-order {
	display: none;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */

}
.order-row {
	display: flex;
	justify-content: center;
	align-items: center;
}
#order-number {
	font-size: 1.2em;
	margin-right: 20px;
	padding-left: 15px;
	padding-right: 15px;
	border: 	1px solid black;
	border-radius: 5px;
}
.order-date {
	font-style: italic;
	margin-left: 0.5em;
	margin-right: 10px;
}
.tourist-row {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-right: 5px;
	padding-left: 2px; 
	margin-bottom: 1px;	
	padding-bottom: 2px;
	height:24px;
}
.tourist-name, .tourist-sname, .tourist-birth, .tourist-until, .tourist-passp,  .tourist-nation, .tourist-phone, .tourist-place0, .tourist-place1   {
	width: 99%;
	border: 1px solid #eee;
	border-radius: 4px;
}
.tourist-name, .tourist-sname {
	/*text-transform: lowercase;*/
}
.tourist-name::first-letter, .tourist-sname::first-letter {
	text-transform: uppercase !important;
	color: red;
	font-weight: bold;
}
.tourist-row-header {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-right: 5px;
	padding-left: 2px; 
	margin-bottom: 5px;	
	padding-bottom: 2px;
	background-color: #ffcc90;
	font-size: 0.9em;
	text-align: center;
	margin-top: 10px;
	height: 25px;
	display: none;
}
.tourist-sname-div, .tourist-name-div {
	width: 10%;
}
.tourist-birth-div, .tourist-until-div {
	width: 11%;
	min-width: 11%;
}
.tourist-tel-div {
	width: 8%;
	min-width: 100px;
}
.tourist-passp-div {
	width: 8%;
}
.tourist-passp input {
	width: 90%;
}
.tourist-nation-div {
	width: 8%;
}
.tourist-place0-div, .tourist-place1-div {
	width: 2%;
}
.tourist-command {
	width: 25%;
	text-align: center;
}
.tourist-command > img {
	cursor: pointer;
}
#id-div-tickets {
	display: none;
	margin-top: 20px;
	margin-bottom: 20px;
	justify-content: center;
}
.div-ticket-flex {
	display: flex !important;
}
.div-from {
	width: 49%;
	max-width1: 400px;
	margin-right: 1em;
	text-align1: right;
	border: 1px solid #ffcc90;
	border-radius: 6px;
	padding: 5px;
}
.div-order-header-row {
	display:flex;
	justify-content:space-around;
}
.div-order-header-fld {
	width: 49%;
	text-align: center;
}
.date-trip {
	width:3em;
	font-size:1em;
	text-align: center;
}
.div-to {
	width: 49%;
	max-width1: 400px;
	padding-left: 1em;
	text-align: right;
	border: 1px solid #ffcc90;
	border-radius: 6px;
	padding: 5px;
}
.div-from > input, .div-to > input {
	width: 20%;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#id-sel-trip-root {
	display: none;
	justify-content: center;
}
#id-sel-trip0 {
	display: flex;
	flex-direction: column;
	width: 49%;
	max-width: 400px;
	margin-left: 1.5em;
	max-height1: 300px;
	border1: 1px solid red;
}
#id-sel-trip {
	display: flex;
	flex-direction: column;
	width1: 99%;
	max-width1: 900px;
	margin-right1: 1.5em;
	max-height1: 300px;
	border1: 1px solid red;
}
.row-sel-trip, .row-sel-trip0 {
	justify-content22: center;
	align-items: center;
/*	background: #dcb;*/
	font-size: 1.2em;
	margin-top: 2px;
	display: flex;
}
.row-sel-trip-istanbul {
	align-items: center;
	background: #a5aef4;
	font-size: 1.2em;
	margin-top: 2px;
	display: flex;
}
.row-sel-trip:hover, .row-sel-trip-istanbul:hover {
  	background: #fab81c;
	cursor: pointer;
}
.row-sel-trip:hover .td0-tickets, .row-sel-trip-istanbul:hover .td0-tickets{
  	color: blue;
}
.td0-tickets {
	width:124px;
	min-width:124px;
	max-width:124px;
	text-align:center;
	border1:1px solid white;
	vertical-align: middle;
	padding: 1px;
	color: #a00;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.td0-tickets:hover {
 	background1: white;
}*/
.td-style64 {
	width:64px !important;
	margin: 0 auto;
	font-size:0.7em;
	font-weight:700;
	border: 1px;
}
.td-style124 {
	width:124px;
	max-width:auto;
	min-width:auto;
	margin: 0 auto;
}
.dayname {
	width:84px;
	min-width:84px;
	max-width:84px;
	font-size: 0.8em;
	text-align:center;
	vertical-align: baseline;
	padding: 1px;
}
.td-tickets, .td-tickets-- {
	width:124px;
	min-width:124px;
	max-width:124px;
	text-align:center;
	border:1px solid #ffffff00;
	vertical-align: baseline;
	padding: 1px;
	align-items: stretch;
	border-top: 0;
	border-bottom: 0;
}
.no-left-border {
	border-left:1px solid #ffffff00 !important;	
}
.td-two {
	display:flex;
	justify-content:center;
	align-items:center;
}
.td-tickets-h {
	width:128px;
	max-width:auto;
	min-width:auto;
	border: 1px transparent;
	font-size: 1em;
}
.td-tickets0 {
	text-align:center;
	border 1px solid none;
	border-radius: 10px;
	padding-left: 1px;
}
.td-more {
	font-size: 0.7em;
	font-weight: bold;
	width: 60px;
	padding: 4px 0 3px 0;
}
.td-tickets:hover {
 	background: #fab81c !important;
}
.td-tickets0:hover {
 	background: white;
}
.div-orders {
counter-reset: li; 
list-style: none; 
font1: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font-size: 0.9em;
}
.div-orders .li-order {
position: relative;
display: block;
padding: .2em .2em .2em .2em;
margin: .2em 0;
background: #FFFEC9;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
align-items: center;
}
.div-orders .li-order:hover {background: #FFCC90;}
.div-orders .li-order1:hover:before {transform: rotate(360deg);}
.div-orders .li-order1:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #ffcc90;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
.li-order {
	display: flex !important;
}
.li-order:hover {color: red;}
.li-order-caption {
	background-color: #ccc !important;
	color: black !important;
}
.li-order div {
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;	
}
.li-order-number {
	width: 40px;
}
.li-order-date {
	width: 140px;
}
.li-order-trip {
	width: 254px;
}
.li-order-trip-date {
	width: 80px;
	text-align: right !important;
	padding-right: 5px;
}
.li-order-trip-route {
	width: 170px;
	text-align: left !important;
}
.order-draft {
	background-color: #0909090A !important;
}
.order-prebook {
	background-color: #F957577A /*#fcf8a6*/ !important;
}
.order-book {
	background-color: #FFFF007A /*c1ccf8*/ !important;
}
.order-pay {
	background-color: #30D5307A /*fb9d9d*/ !important;
}
#id-name-agency {
	font-family:"Arial";
	padding-top:20px;
}
.header-graph {
	text-align:	center;
	font-size:	1.2em;
	font-weight:bold;
	margin:		1em;
}
.header-column-graph {
	display:	flex;
	justify-content:center;
	font-size:	0.8em;
	margin-bottom:5px
}
#head_02 {
	text-align: center; 
	min-width: 840px;
}
.ui-dialog {
	z-index: 9999 !important;
}
.div-row1-order {
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:2px 0;
}

.info-for-tourist td, .info-for-tourist th { 
	padding: 3px 10px; 
	border: 1px solid gray;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	user-select: text;
}
.info-for-tourist { 
	border-spacing: 0px; 
	border-collapse: collapse; 
	text-align: center;
	margin:  20px auto;
	font-family:"Arial";
	font-size: 0.9em;
	border: 1px solid gray;
}
/*
.info-for-tourist tr:nth-child(odd) {
	background-color: #f2edcf;
}
.info-for-tourist th {
	background-color: #ff9000a9;
}
*/
/* перемикач */
.toggle-switch {
  margin:6px 0;
}
.toggle-switch label {
  position:relative;
  display:block;
  width:30px;
  height:12px;
  background:#ddd;
  cursor:pointer;
  border-radius:6px;
  transition:all 300ms ease-in-out;
  font-size: 0px;
}
.toggle-switch label:after {
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  background:#eee;
  top:50%;
  left:0px;
  transform:translateY(-50%);
  border-radius:50%;
  /*box-shadow:inset 0px 0px 1px 1px #ddd;*/
  transition:all 300ms ease-in-out;
}
.toggle-switch input:checked + label:after {
  left:calc(30px - 12px);
}

.toggle-switch input#toggle-is-my:checked + label {
  background:rgb(157,213,255);
}
.toggle-switch input#toggle-is-my:checked + label:after {
  background:#348def;
}

.toggle-switch input {
  display:none;
  cursor: none;
}
.span-num-bus {
	margin-left: 10px;
	font-size: 0.8em;
	min-width: 36px;
}

@media (max-width: 980px) {
body {
	margin-left: 0;
	margin-right: 0;
}
#logo2{
	display: none;
}
.tourist-birth-div, .tourist-passp-div, .tourist-until-div, .tourist-nation-div {
	display: none;
}
.tourist-sname-div, .tourist-name-div {
	width: 28%;
}
.tourist-tel-div {
	width: 25%;
}
.tourist-place0-div, .tourist-place1-div {
    width: 5%;
}
.div-row1-order {
	display:block;
}
.div-from, .div-to {
	text-align: center;
	margin: 0;
	width: auto;
}
.div-ticket-flex {
	display: block !important;
}
.td0-tickets {
	width:280px;
	min-width:140px;
	max-width:360px;
	text-align:center;
	border1:1px solid white;
	vertical-align: middle;
	padding: 1px;
	color: #a00;
	margin: 0 auto;

}
.td-more {
	width:148px;
	min-width:148px;
	max-width:148px;
}
#caption-orders {
	display: none !important;
}
.li-order {
	display: block !important;
}
.header-column-graph {
	display:	block;
}
#head_02 {
	text-align: center; 
	min-width: 140px;
	max-width: 100% !important;
}
}
@media (max-width: 660px) {
	.row-sel-trip {
		display: block;
		max-height1: 28px;
		width: 324px;
		margin: 0 auto;
	}
	#id-sel-trip {
		width111: 324px;
	}
	.dayname {
		margin: 6px auto 0 auto;
	}
		.header-graph, .row-sel-trip0 {
		display: none;
	}
	.td-tickets, .td-tickets-- {
		width:144px;
		min-width:144px;
		max-width:144px;
	}
	.td-hide {
		display: none !important;
	}
}
