/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 18, 2019, 3:30:17 PM
    Author     : Hannes
*/


* {
    box-sizing: border-box;
}


body {display:flex;background-image:url('bg.jpg');background-size:contain;background-position:center;background-repeat:no-repeat;}

#object_form {padding:20px; margin:auto; width: 435px;  background: #fff; border-radius: 10px;box-shadow:10px 10px 15px rgba(0,0,0,0.4)}
label {font-weight:bold;margin-bottom:5px;color:#77787C;}
.form_field {margin-bottom:20px;}
h2 {text-align:center;color:#248FC8;}
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input { width: 100%; display: inline-block;  
                   padding: 10px !important; box-sizing: border-box;    box-shadow: none;
                   border-radius: 5px;border:1px solid #77787C;
    }

.form_field label {display: block}

input[type="submit"] {display: inline-block;  border: none; width: auto;
                   padding: 10px 20px !important; box-sizing: border-box;    box-shadow: none;
                   border-radius: 5px; background:#248FC8; color: #fff;}

input[type="submit"]:hover {opacity:0.5;cursor:pointer;}

@media screen and (max-width:768px) {
	body {background-size:cover;}
}

@media screen and (max-width:500px) {
	#object_form {width:90%;}
}