@import url(https://fonts.googleapis.com/css?family=Basier Circle:100,300,300italic,400,500,700,900&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);
@import url("fonts/BasierCircle/stylesheet.css");

*{margin:0px}

html, body, #fullheight {
min-height: 100% !important;
height: 100%;
 -webkit-overflow-scrolling: touch;
 -webkit-appearance:none;
 -ms-overflow-style: none;
 font-family:'Basier Circle';
 font-weight:400;
 -webkit-font-smoothing: subpixel-antialiased;
}

input, textarea, button, select {
	-webkit-appearance:none;
	border:none;
	outline:none;
}

button {
	padding:0px;
	font-weight:400;
	color:#000;
}

.big_label {
 	font-family:'Basier Circle';
	font-weight:600;
	font-size:35px;
}

.disabled {
	background-color: gray;
	opacity:0.5; 
	pointer-events:none;
}

img.icon {
	vertical-align:middle;
	height:20px;
}

a {
	text-decoration:none;
	color:inherit;
}

.shadow {
	-webkit-box-shadow: 0px 0px 24px 16px rgba(0,0,0,0.02);
	-moz-box-shadow: 0px 0px 24px 16px rgba(0,0,0,0.02);
	box-shadow: 0px 0px 24px 16px rgba(0,0,0,0.02);
}

.image-upload {
	display:inline-block;
	width:280px;
	height:auto;
	background:#333;
	color:white;
	border-radius:3px;
	padding:10px;
}

.image-upload > input {
    display: none;
}


::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius:2px;
}
 
::-webkit-scrollbar-track {
	background:none;
}
 
::-webkit-scrollbar-thumb {
	background: #CCC;
}

.button1 {
	padding:10px 20px 10px 20px;
	margin-top:20px;
	background:white;
	color:black;
	font-size:18px;
	font-family:'Basier Circle';
	font-weight:bold;
	border-radius:35px;
	transition:0.25s;
}

.button1:hover {
	transform:scale(1.1);
	color:white;
	background:#000;
}


.login {
	padding:12px;
	background:#FFF;
	border-radius:5px;
	font-size:16px;
	width:calc(100% - 22px);
	font-weight:400;
	transition:.25s;
	-webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow:4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

.register {
	padding:12px;
	background:#FFF;
	border-radius:5px;
	font-size:18px;
	width:calc(100% - 22px);
	-webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow:4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

select.register {
	width:100%;
}

.label {
	font-size:13px;
	color:grey;
	margin-bottom:7px;
	display:block;
}

.tileshadow {
	-webkit-box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
    box-shadow:4px 12px 40px 6px rgba(0, 0, 0, 0.09)
}

.actionBtn {
	padding:12px;
	background:#BE0023;
	color:white;
	border-radius:5px;
	font-size:14px;
	font-weight:500;
	transition:.25s;
}

.button1 {
	padding:10px;
	background:#FFF;
	color:#000;
	border-radius:5px;
	font-size:12px;
	font-weight:500;
	transition:.25s;
	border:solid 0.5px #CCC;
	-webkit-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
}

.bigbutton {
	padding:12px;
	background:#FFF;
	color:#000;
	border-radius:34px;
	font-size:16px;
	font-weight:700;
	transition:.25s;
	-webkit-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 14px 6px rgba(0,0,0,0.03);
	margin-bottom:10px;
}

.secondaryButton {
	padding:10px;
	background:#FFF;
	border-radius:3px;
	color:#000;
	font-size:14px;
	font-weight:500;
	border:solid 0.5px #CCC;
	border-bottom:solid 2px #EDEDED;
	transition:.25s;
}

.success {
	width:calc(100% - 40px);
	margin-top:20px;
	border-radius:6px;
	padding:10px 20px 10px 20px;
	height:auto;
	background:deepskyblue;
	color:white;
}

.error {
	width:calc(100% - 40px);
	margin-top:20px;
	border-radius:6px;
	padding:10px 20px 10px 20px;
	height:auto;
	background:red;
	color:white;
}

.load_more {
	padding:10px;
	font-size:16px;
	background:#333;
	color:#FFF;
	border-radius:3px;
}

.contentInsets {
	max-width:1000px;
	margin:0 auto;
}

.blur {
	-webkit-backdrop-filter:saturate(160%) blur(7px);
	backdrop-filter:saturate(160%) blur(7px);
}

.hod {
	display:none;
}


.sidebar {
	position:fixed;
	overflow-y:auto;
	z-index:10;
	left:0px;
	top:0px;
	width:230px;
	height:100%;
	border-right:solid 1px #EDEDED;
	text-align:center;
}

.aoh {
	transition:.25s;
}

.aoh:hover {
	transform:scale(1.025);
}

.header {
	width:calc(100% - 230px - 20px);
	position:fixed;
	z-index:1;
	top:0px;
	left:230px;
	padding:10px;
	border:solid 1px #EDEDED;
	background:#FFF;
}

.add_pr_window {
	display:none;
	width:calc(100% - 230px);
	background:rgba(255,255,255,0.9);
	position:fixed;
	top:0px;
	left:230px;
	height:100%;
	text-align:center;
	overflow:scroll;
}

.pr_box {
	display:block;
	position:absolute;
	max-width:470px;
	width:calc(100% - 60px);
	border:solid 0.5px #CCC;
	padding:20px; height:auto;
	background:#FFF;
	border-radius:3px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.add_window {
	display:none;
	width:calc(100%);
	background:rgba(255,255,255,0.9);
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	height:100%;
	text-align:center;
}

.loading_window {
	display:none;
	width:calc(100%);
	background:rgba(255,255,255,0.9);
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	height:100%;
	text-align:center;
}

.submit_confirmation {
	display:none;
	width:calc(100% - 230px);
	background:rgba(255,255,255,0.9);
	position:fixed;
	top:0px;
	left:230px;
	height:100%;
	text-align:center;
}

@media screen and (max-width:840px) {

	.submit_confirmation {
		display:none;
		width:calc(100% - 20px);
		border:solid 0.5px #CCC;
		padding:10px;
		left:0px;
		top:0px;
		height:100%;
		text-align:center;
	}

	.pr_box {
		display:block;
		position:static;
		width:calc(100% - 20px);
		border:solid 0.5px #CCC;
		padding:10px;
		height:auto;
		background:#FFF;
		border-radius:3px;
		-webkit-transform:none;
		transform:none;
	}
	
	.loading_window {
		display:none;
		width:calc(100% - 20px);
		padding:10px;
		background:rgba(255,255,255,0.9);
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		text-align:center;
		overflow:scroll;
		text-align:center;
	}
	
	.add_window {
		display:none;
		width:calc(100% - 20px);
		padding:10px;
		background:rgba(255,255,255,0.9);
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		text-align:center;
		overflow:scroll;
		text-align:center;
	}

	.header {
		position:static;
		width:100%;
		position:normal;
		border-bottom:solid 1px #EDEDED;
		background:#FFF;
		padding:0px;
		border:none;
	}
	
	.add_pr_window {
		display:none;
		width:100%;
		background:rgba(255,255,255,0.9);
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		text-align:center;
		overflow:scroll;
	}

	.nmom {
		margin:0 !important;
	}
	
	.nbom {
		border-left:none !important;
		border-right:none !important;
		border-top:none !important;
		border-bottom:none !important;
	}

	.sidebar {
		display:none;
		position:fixed;
		overflow-y:auto;
		z-index:10;
		left:0px;
		top:0px;
		width:100%;
		max-width:320px;
		height:100%;
		border:none;
		text-align:center;
	}


	#loginForm, #registerForm, #recoverForm {
		width:100% !important;
	}
	
	#navigationView {
		width:270px !important;
	}
	
	.hod {
		display:block;
	}

	.hom {
		display:none !important;
	}
	
	.fwom {
		display:block !important;
		width:100% !important;
		margin-left:0px !important;
		padding:0px !important;
		float:none !important;
	}
	
	.com {
		text-align:center !important;
	}
	
	.fwomwp {
		width:calc(100% - 20px) !important;
		padding:10px !important;
		position:static !important;
		max-width:none !important;
	}
	
	.mbottom20 {
		margin-bottom:20px;
	}
	
	.com {
		text-align:center !important;
	}
	
	.spacer {
		width:100%;
		height:60px;
	}
	
	.fwom10 {
		width:calc(100% - 20px) !important;
		margin:10px !important;
		padding:0px !important;
	}
	
	.sectionTitle {
		font-size:30px !important;
	}
	
	.aom {
		text-align:center !important;
	}
	
	.mediumTitle {
		font-size:20px !important;
	}
	
}