.scheme {
	display: 	block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.scheme-row {
	display: 	flex;
	justify-content: center;
}
.scheme-row-backround-blue {
	background: #D9E2F3;	
}
.scheme-row-backround-gray { 
	background: #F3D9EF;	
}
.scheme-row-backround-red {
	background: #FBE4D5;	
}
.scheme-row-backround-green {
	background: #EAF1DD;	
}
.left-size {
	margin-right: 10%;
}
.right-size {
	margin-left: 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: 4px;
	padding: 	5px;
	margin: 	3px;
	width:		15%;
	min-width:	32px;
	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;	
}
.absent {
	border: 	none !important;
}
.absent:hover {
	background: none !important;
	cursor: default !important;
}
.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: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 	1px solid #ffff000a;
	border-radius: 6px;
}
.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;
	max-width: 80%;
	margin: 3px auto;
}
.tourist-name, .tourist-sname, .tourist-birth, .tourist-until, .tourist-passp,  .tourist-nation, .tourist-phone, .tourist-ticket, .tourist-place0, .tourist-place1, .tourist-price, .tourist-price-back   {
	width: 99%;
	border: 1px solid #eee;
	border-radius: 4px;
}
.tourist-price, .tourist-price-back   {
	text-align: center;
}
.tourist-place0, .tourist-place1   {
	text-align: center;
}
.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;
	max-width: 80%;
	margin: 3px auto;
}
.tourist-sname-div {
	width: 14%;
}
.tourist-name-div {
	width: 10%;
}
.tourist-birth-div, .tourist-until-div {
	width: 8%;
	min-width: 84px;
}
.tourist-tel-div {
	width: 14%;
	min-width: 124px;
}
.tourist-ticket-div {
	width: 12%;
}
.tourist-passp-div {
	width: 9%;
}
.tourist-passp input {
	width: 90%;
}
.tourist-nation-div {
	width: 8%;
}
.tourist-place0-div, .tourist-place1-div {
	width: 4%;
}
.tourist-price-div, .tourist-price-back-div {
	width: 5%;
}
.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 {
	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;
}*/
.dayname {
	width:84px;
	min-width:84px;
	max-width:84px;
	font-size: 0.8em;
	text-align:center;
	vertical-align: baseline;
	padding: 1px;
}
.td-tickets {
	width:124px;
	min-width:124px;
	max-width:124px;
	text-align:center;
	border1:1px solid white;
	vertical-align: baseline;
	padding: 1px;
	align-items: stretch;
}
.td-tickets0 {
	text-align:center;
	border 1px solid none;
	border-radius: 10px;
}
.td-tickets:hover {
 	background: #fab81c !important;
}
.td-tickets0:hover {
 	background: white;
}
.div-orders {
counter-reset: li; 
list-style: none; 
font: 14px "Roboto", "Arial";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font-size: 0.9em;
#max-width: 90%;
margin: auto;
}
.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 {
	min-width: 40px;
}
.li-order-go {
	width: 120px;
	margin: 0 auto !important;
}
.li-order-date {
	width: 140px;
}
.li-order-trip {
	width: 354px;
}
.li-order-trip-date {
	width: 80px;
	text-align: right !important;
	padding-right: 5px;
}
.li-order-trip-route {
	width: 170px;
	text-align: left !important;
}
.li-order-08 {
	font-size: 0.8em;
}
.status1 { /* нова */
	background-color: yellow;
#  	color: red;
}
.status2 { /* переглянута */
#	background-color: yellow;
  	color: blue;
}
.status3 { /* підтверджена */
#	background-color: yellow;
#  	color: red;
}
.status4 { /* анульована */
	background-color: rgb(136,136,136);
  	color: white;
}
.status5 { /* частково оплачена */
	background-color: yellow;
  	color: red;
}
.status6 { /* оплачена */
#	background-color: yellow;
  	color: red;
}
.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:"Roboto", "Arial";
	color: #e00505;
	font-weight: 600;
}
.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-switch-1:checked + label {
  background:rgb(157,213,255);
}
.toggle-switch input#toggle-switch-1:checked + label:after {
  background:#348def;
}

.toggle-switch input#toggle-switch-2:checked + label {
	background:rgb(157,213,255);
  }
  .toggle-switch input#toggle-switch-2: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-from {
	margin-right: 5px;
}
.div-ticket-flex {
	display: block !important;
}
.td0-tickets {
	width:280px;
	min-width:140px;
	max-width:280px;
	text-align:center;
	border1:1px solid white;
	vertical-align: middle;
	padding: 1px;
	color: #a00;

}
#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;
}
.row-sel-trip {
	display: block;
	max-height1: 28px;
	width: 284px;
}
#id-sel-trip {
	width: 284px;
}
}
@media (max-width: 360px) {
#id-div-tickets {
	display: block;
}
}