/* CSS Document */
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-family:Arial, Helvetica, sans-serif;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
	font-size: 18px;
}

input[type=button], select {
-webkit-appearance: none;
}


input {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* CSS START */

html, body {
padding: 0px;
margin: 0px;
background-color: #2c3e50;
font-family: 'Lato', sans-serif;
width: 100%;
font-size: 16px;
color: #e0e1e3;
}

.div_title {
display: block;
font-size: 40px;
font-weight: bold;
margin-left: 5px;
margin-top: 5px;
}

.input_standard, .input_login {
height: 50px;
padding-left: 10px;
border-radius: 0px;
border: 0px;
width: 100%;
}

select {
margin: 0px;
width: 100%;
padding: 10px;
border: 0px;
border-radius: 0px;
background-color: white;
}

div#block_signin {
width: 100%;
margin: auto;
padding-top: 20%;
}

input[type="button"] {

}

label.block_label {
display: block;
margin: 5px;
padding: 5px;
}

div#wrapper {
	width: 100%;
	font-size: 18px;
	margin-bottom:30px;
}

.menu_link, .btn_logout {
display: inline-block;
padding: 7px 5px;
text-decoration: none;
color: black;
font-weight: bold;
}

div#div_title {
	padding: 5px;
}

div#div_header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #2c3e50;
padding-bottom: 2px;
}

.btn_open_event{
	cursor:pointer;
}

.menu_bar {
width: 100%;
display: block;
background-color: white;
}

.div_padded{
	padding-top:5px;
}

.div_padded10{
	padding-top:10px;
}

.div_inline {
	display: inline-block;
}

.div_hidden{
	display:none;
}

div#div_content {
	margin-top: 76px;
	width:100%;
	margin-bottom: 50px;
}

.div_wrapper{
	width:100%;
}

.div_row{
}

textarea {
margin: 0px;
width: 100%;
padding: 0px;
border: 0px;
height: 60px;
border-radius:0px;
font-size: inherit;
}

.div_event {
background-color: lightblue;
color: black;
margin-top: 5px;
margin-bottom: 10px;
}

.right_padding{
	padding-right:5px;
}

.btn_signin, .btn_delete, .btn_submit, .btn_upload2, .btn_signup, .btn_show_signup{
height: 40px;
width: 100%;
border-radius: 0px;
border: 0px;
font-size: 16px;
margin-bottom:3px;
background-color:#159B9C;
color:white;
}

input.input_very_short {
width: 60px;
height: 35px;
padding: 0px;
border: 0px;
background: white;
padding-left: 5px;
}


input.input_short {
width: 100px;
height: 35px;
padding: 0px;
border: 0px;
background: white;
padding-left: 5px;
}

.btn_complete, .btn_upload, .btn_short {
height: 35px;
width: 100px;
border-radius: 0px;
border: 0px;
font-size: 16px;
background-color:#159B9C;
color:white;
}

.div_row_right {
float: right;
}

.div_task {
background-color: lightgreen;
height: 35px;
color: black;
}

.div_row_standard{
	background-color: lightgreen;
	height: 50px;
	color: black;
}

.div_row_left {
padding-left: 5px;
}

#progress {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 9999;
}

#bar {
	height: 5px;
	background-color: red;
}

div#block_location {
	position: fixed;
	bottom: 0px;
	background-color: #f6f6f6;
	width: 100%;
	text-align: center;
	z-index: 999;
	height: 20px;
}

.div_img{
	width:50%;
	display:inline-block;
}

img.img_thumb {
width: 100%;
}

input[type="file"]{
position: absolute;
left: -1000px;
}

.div_full_screen{

width: 100%;
height: 100%;
z-index: 999;
position: fixed;
top: 0px;
left: 0px;
background-color:white;


}

.div_img_tools {
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 10px;
}


.div_img_full{
width: 90%;
height: 75%;
background-repeat: no-repeat;
background-size: contain;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.div_graph{
	width:100%;
}

.menu_link_selected {
background-color: #2c3e50;
color: white;
}

div#div_profile {
background-color: lightgreen;
}

.block_thumbnail_container {
text-align: center;
}

img.upload_thumb {
padding: 10px;
border: 0px;
border-radius: 10px;
background-color: lightgray;
margin-top: 10px;
}