body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,ul{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

button, 
button:active, 
button:focus {
    outline: none;
}

html{
	min-height:100%;
	font-family: 'Roboto', sans-serif;
	}

@media screen and (min-width:769px) {

div.date-dropdowns {
	padding: 0 24px;
}

input.test {
	margin-left: 24px;
	margin-bottom: 24px;
	}
p >	input {
	margin-left: 0px;
	margin-bottom: 24px;
	}
	
label > input {
	margin: 0 0 24px 0;
}	
	
select {
	margin-bottom: 24px;
	}	

}

input {
	border: 1px solid black;
}

p, label, div.date-dropdowns {
	margin: 0 0 8px 0;
}

h1.title {
	width: 100%;
	text-align: center;
	color: white;
	background:linear-gradient(to bottom, #fc4a3c, #ff887f);
	border-bottom: 5px solid #ffdac0;
	padding: 7px 5px;
	font-size:20px;
	margin-bottom: 32px;
	box-sizing: border-box;
}
div.menu {
	text-align: center;
	margin-bottom: 32px;
}
div#main {
	margin: 0 10px;
}
div#select, div#select2 {
	margin: 0 10px;
	padding: 24px 0 24px 0;
	border: 2px solid #F15500;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
body.PC div#select, body.PC div#select2 {
	margin: 0 auto;
	width: 500px;
}
button.button {	
	cursor:pointer;
	
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;

	border: 1px solid #F15500;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    
	background: #ffedd5;
	color: #eb590f;
	
	width: 250px;
	display: inline-block;
	
	margin: 10px 0;
	padding: 7px 10px;
}
input.button {	
	cursor:pointer;
	
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;

	border: 1px solid #F15500;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    
	background: #ffedd5;
	color: #eb590f;
	
	width: 250px;
	display: inline-block;
	
	margin: 10px 0;
	padding: 7px 10px;
}
button.button.tiny {
	width: 50px;
}
button.button.small {
	width: 100px;
}
button.button.big {
	height: 60px;
	font-size: 25px;
}
button.button.ok {
	width: 40px;
	height: 40px;
	padding: 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
p.lstitle {
	color: #eb590f;
	text-align:center;
	font-weight: bold;
	font-size: 16px;
}
div#qrcode {
	margin: 0 auto;
	width:256px;
}
a.back {	
    text-decoration: none;    	
	color: #eb590f;
}
p.title {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	margin: 24px;
}
div#mainzone p {
	text-align: center;
}
span.red {
	color: red;
}
span.green {
	color: green;
}
table.list {
	margin: 0 auto;
}
table.list tr.title td {
	border-bottom: 3px solid black;
}
table.list a {
	padding:5px;
	color: #eb590f;
	text-decoration: none;
	display: block;
}
table.list a.help {
	padding:5px;
	color: auto;
	text-decoration: none;
	border: 1px solid #eb590f;
	border-radius:10px;
	margin:5px 5px 0;
		background: #ffedd5;
}

table.list a.help {
	padding: 8px 16px 8px 16px;
    
}

div.popup {	
	position: fixed;
	top: 20%;
	left: 50%;	
}
div.type {
	position: relative; 
	left: -50%;
	width: 300px;
	background: white;
	padding: 20px;
	text-align:center;	
	border: 3px solid #F15500;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
div.type table {
	border-collapse: separate;
	border-spacing:10px;
}
div.type td { 
	text-align: left;
}

div#admin_div {
	position:fixed;
	bottom: 10px;
}
div#vkmain {
	width:237px;
	height:40px;
	margin:10px 0;
	cursor:pointer;
	border-radius:4px;
	background: #3d6898;
}
div#vkmain table tr td.logo {
	width:40px;
}
img#vklogo {
	margin:5px; 
	width:30px; 
	height:30px;
}
div#vktext {
	color:white;			
	padding:0;
	margin:0 0 0 12px;
	line-height:40px;
}
.google_place_icon {
	background-image: url("https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png");
	width: 15px;
	height: 15px;
	display: inline-block;
	background-position: -1px -161px;
}
p.caption	{
	margin-left:5px;
}
div#hidescreen {
	position: fixed;
	background-color: white;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
a.lang_link {
	color: #eb590f;
	font-weight: bold;
	text-decoration: none;
}

#fb-share-button {
    background: #3b5998;
    border-radius: 3px;
    font-weight: 600;
    padding: 5px 8px;
    display: inline-block;
    position: static;
}

#fb-share-button:hover {
    cursor: pointer;
    background: #213A6F
}

#fb-share-button svg {
    width: 18px;
    fill: white;
    vertical-align: middle;
    border-radius: 2px
}

div#setting_container {
	float: right; 
	margin-right:20px; 
	position: relative;
	height: 30px;
	width: 30px;	
	cursor: pointer;
}
body.PC div#setting_container {
	width:500px;
	text-align:right;
	margin: 0 auto;
	float: none;
}
div#setting_button img {
	height: 30px;
	width: 30px;
}
div#setting_menu {
	border: 2px solid #F15500;
	border-radius:5px;
	width:120px;
	padding: 10px 10px 0;
	clear: both;
	display: none;
	position: absolute;
	top: 30px;
	right:0px;
}

select#hours, select#minutes {
	width: 75px;
}
select#fhours, select#fminutes {
	width: 75px;
}
div#language { 
	margin: 0 auto;
	text-align: center;
	width: 100px;
}
body.PC div#chart_div {
	width: 40%;	
}
body.PC p.back_container {
	margin: 0 auto;
	width: 500px;
}
p#iphone_link {
	padding: 5px;
	border: 2px solid #F15500;
	border-radius: 10px;
	width: 450px;
	margin: 0 auto;
}