/* ===========================
======== MISC CONTENT ========
=========================== */
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.03em;
	padding: 0;
	margin: 0;
}

label {
font-weight:normal !important;
}

a {
text-decoration:none !important;
}

/* =====================
======== TOPBOX ========
===================== */

#header {
background:#470d0d;
width:100%;
height:60px;
}

#header_content, #usefulinfo_content {
padding:15px;
}

#usefulinfo_content {
padding-left:35px;
}

#usefulinfo {
background:#fff;
width:100%;
height:55px;
}

#logospan_qdu, #logospan_cms {
font-family:Georgia;
font-size:25px;
letter-spacing:0em;
color:#fff;
}

#logodiv {
width:230px;
text-align:center;
float:left;
}

#logospan_qdu {
color:#e27f7f !important;
}

#navbar_text {
	float:right;
	color:#FFF;
	margin-top:-5px;	
}

/* ========================
======== TEXTBOXES ========
======================== */

input[type='text'], input[type='password'] {
	height: 40px;
    box-sizing: border-box;
	outline:none;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
	font-family: "Century Gothic","Apple Gothic";
	font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type='text']:focus, input[type='password']:focus {
	border: 1px solid #5baaff;
    border-radius: 0.25rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* =========================
======== CHECKBOXES ========
========================= */

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
  font-family: "Open sans", "Segoe UI", "Segoe WP", Helvetica, Arial, sans-serif;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 1;
  width: 1.25em; height: 1.25em;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 3px;
  margin-top:4px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .13em; left: 0.15em;
  font-size: 1.15em;
  line-height: 0.8;
  color: #7A0202;
  transition: all 0.4s cubic-bezier(.86,0,1,1);
  margin-top:4px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #5baaff !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* ===========================
======== RADIO GROUPS ========
=========================== */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #7A0202;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.4s cubic-bezier(.86,0,.07,1);
    transition: all 0.4s cubic-bezier(.86,0,.07,1);
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ========================
======== DROPDOWNS ========
======================== */

select {
	height: 40px;
    box-sizing: border-box;
	outline:none;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
	font-family: "Century Gothic","Apple Gothic" !important;
    border: 1px solid #d9d9d9;
    border-radius: 0.25rem;
	font-size: 15px;
    -webkit-transition: all 0.4s cubic-bezier(.86,0,.07,1);
    transition: all 0.4s cubic-bezier(.86,0,.07,1);
}

select:hover {
	border: 1px solid #5baaff;
    border-radius: 0.25rem;
    -webkit-transition: all 0.4s cubic-bezier(.86,0,.07,1);
    transition: all 0.4s cubic-bezier(.86,0,.07,1);
}

/*option {
	box-shadow: inset 20px 20px #f00;
}

option:active, option:hover {
	box-shadow: inset 20px 20px #00f;
}*/


/* ======================
======== BUTTONS ========
====================== */

#map_canvas button {
  height: 30px !important;
  width: 30px !important;
}

.btn {
	border: none;
    padding: 12px 20px;
    font-size: 12px !important;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    cursor: pointer;
	display: inline-block;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: all 0.3s ease-in-out;
}

.btn:hover {
	background: #4b8e01;
}

.green {
	border: none;
	color: #fff !important;
	background: #61ba00;
}

.green:hover {
	background: #4b8e01;
}

.purple {
	border: none;
	color: #fff !important;
	background: #6900ba;
	padding: 3px;
}

.purple:disabled, .darkpurple:disabled, .pink:disabled {
	opacity:0.65 !important;
}

.purple:hover {
	background: #52028e;
}

.darkpurple {
	border: none;
	color: #fff !important;
	background: #2d004c;
	padding: 3px;
}

.darkpurple:hover {
	background: #150023;
}

.pink {
	border: none;
	color: #fff !important;
	background: #d600b9;
	padding: 3px;
}

.pink:hover {
	background: #8e207e;
}

.red {
	border: none;
	color: #fff !important;
	background: #ba0000;
}

.red:hover {
	background: #8E0101;
}

.logout {
	border: 1px solid #fff;
	color: #fff !important;
	margin-left:23px;
	margin-right:8px;
}

.logout:hover {
	color: #fff !important;
	background: #AD2323;
}

input[type='submit']:disabled, input[type='button']:disabled, button:disabled {
  cursor: not-allowed !important;
  pointer-events: all !important;
}

.minibox {
	width:350px !important;
	max-width:350px !important;
}

.validatebox {
	display:none;
}

.gm-style.button {
  width:40px !important;
  height:40px !important;
}