@import url('demo.css');
@import url('font-awesome.css');

/* GLOBALS */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.form-1, #content, .content {
    /* Size & position */
    width: 900px;
    margin: 60px auto 30px;
    padding: 10px;
    position: relative; /* For the submit button positioning */
    /* Styles */

    border-radius: 0px;
    background: #ffffff;
    background: #ffffff;
    background: #ffffff;
    background: #ffffff;
    background: #ffffff;
    background: #ffffff;
    background: #ffffff;
}
#content .content{
    width: auto;
    margin: 0 auto;
    background: transparent;
}
#sidebar{width:25%;float:left;}
#coldx{width:75%;float:left;font-size:.8em;}
.mini{
	width: 93%;
	margin: 10px 10px 50px;
}
.form-1 .field {
    position: relative; /* For the icon positioning */
}

.form-1 .field i {
    /* Size and position */
    left: 0px;
    top: 0px;
    position: absolute;
    height: 36px;
    min-width: 205px;
	padding:0 10px;
    /* Line */
    border-right: 1px solid rgba(0, 0, 0, 0.1);

    /* Styles */
    color: #000000;
    text-align: left;
    line-height: 42px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
.mini .field i {min-width: 120px;}
.form-1 input[type="text"], .form-1 input[type="date"], .form-1 input[type="password"] {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* Size and position */
    width: 100%;
    padding: 10px 18px 10px 215px;

    /* Styles */
    border: none; /* Remove the default border */

    border-radius: 3px;
    background: #f9f9f9;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.mini input[type=text],.mini input[type=date],input[type=password] {padding: 10px 18px 10px 140px;}
legend{color:#eebf01;font-weight:bold;}
.form-1 input[type="text"], .form-1 input[type="date"], .squaredFour{
    margin-bottom: 10px; display:block;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
    color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
    color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus,
#form-2 input[type=text]:focus,
#form-2 input[type=password]:focus,
#form-2 button[type=submit]:focus,
#del button[type=submit]:focus {
    outline: none;
}

.form-1 .submit,
#form-2 .submit,
#del .submit {
    /* Size and position */
    width: 65px;
    height: 65px;
    position: absolute;
    top: 17px;
    right: -25px;
    padding: 10px;
    z-index: 2;

    /* Styles */
    background: #ffffff;
    border-radius: 50%;

}

.form-1 .submit:after,
#form-2 .submit:after,
#del .submit:after {
    /* Size and position */
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -2px;
    left: 30px;

    /* Styles */
    background: #ffffff;

    /* Other masks trick */
}

.form-1 button,
#form-2 button,
#del button {
    /* Size and position */
    width: 100%;
    height: 100%;
    margin-top: -1px;

    /* Icon styles */
    font-size: 1.4em;
    line-height: 1.75;
    color: white;

    /* Styles */
    border: none; /* Remove the default border */
    border-radius: inherit;
    background: #ece34e; /* Fallback */
    background: -moz-linear-gradient(#ece34e, #e0d418);
    background: -ms-linear-gradient(#ece34e, #e0d418);
    background: -o-linear-gradient(#ece34e, #e0d418);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ece34e), to(#e0d418));
    background: -webkit-linear-gradient(#ece34e, #e0d418);
    background: linear-gradient(#ece34e, #e0d418);


    cursor: pointer;
}
#del button {
background: #ea544f; /* Old browsers */
background: -moz-linear-gradient(top,  #ea544f 0%, #dd2518 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea544f), color-stop(100%,#dd2518)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ea544f 0%,#dd2518 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ea544f 0%,#dd2518 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ea544f 0%,#dd2518 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ea544f 0%,#dd2518 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea544f', endColorstr='#dd2518',GradientType=0 ); /* IE6-9 */

}
.form-1 .submit.simple,
#form-2 .submit.simple,
#del .submit.simple{
	bottom: -44px;
	right: -25px;
	top:inherit;
}

#del .submit.simple{right: 1102px;}

.form-1 .submit.simple::after,
#form-2 .submit.simple::after,
#del .submit.simple::after {
}
.form-1 .submit.simple button,
#form-2 .submit.simple button,
#del .submit.simple button{
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
}
.form-1 button:hover,
.form-1 button[type=submit]:focus,
#form-2 button:hover,
#form-2 button[type=submit]:focus  {
    background: #edab0e;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#del button:hover,
#del button[type=submit]:focus {
    background: #DD2518;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.form-1 button:active,
#form-2 button:active,
#del button:active {
    background: #42A2BC;

}
#content a,.content a{text-decoration:underline;}
#content a:hover,.content a:hover{color:#000;}
#content li,.content li{list-style:none; line-height:2em; vertical-align:center;}
#content li li,.content li li{padding-left:40px;}
.msg{font-weight:bold; text-decoration:underline;text-align:center;}
.msg::before{content:">>";}
.msg::after{content:"<<";}


#form-2 #atto{padding: 0 0 20px;}
#form-2{
    /* Size & position */
    width:900px;
    margin:0 auto 30px;
    padding: 10px;
    position: relative; /* For the submit button positioning */
}
#form-2 input,#form-2 select{padding:2px; margin:2px 0;}
#form-2 input{border-width:0 0 1px;border-style:dotted;border-color:#aaa;background:#ddd;}
#form-2 div{margin:0 0 14px;width:883px;}
#form-2 #numero_doc{width:148px;}
#form-2 .oggetti {float:left;margin:0 0 14px;padding:5px;border:1px solid #aaa;width:25%;border:0;}
#form-2 .oggetto{width:106px;}
#data,#ora{text-align:right;}
#nome,#cognome,#cliente-nome,#cliente-cognome{width:370px;}
#luogo_nascita,#cliente-luogo_nascita{width:240px;}
#prov_nascita,#cliente-prov_nascita{margin:2px 7px 2px 0;}
#via,#cliente-via{width:237px;}
#stato,#cliente-stato{width:105px;}
#note{width:835px;}
.pezzi{width:25px;margin:5px 0;}
.peso{width:90px;margin:5px 0;}
#importo{width:60px;}
/* form admin-settings */

#settings-form {
  float: left;
}
#settings-form input,#settings-form textarea,#settings-form label,#settings-form hr{
  margin: 20px 0 0;
  display: block;
  float: left;
  width: 100%;
}
#settings-form input, #settings-form textarea{
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    width: 100%;
    padding: 10px 18px 10px 10px;
    border: none;
    border-radius: 3px;
    background: #f9f9f9;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}
#settings-form .field{
    line-height: 1em;
    vertical-align: middle;
}
#settings-form .inline{
    display: inline;
    width: auto;
    margin-right: 10px;
}