/*
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 : 3-gen-2017, 10.18.57
    Author     : fabiomarcone
*/

body {
        color: #000;
        font-family: 'Quicksand', sans-serif;
        font-size:13px;
        text-align:center;

        background-color: #fff;
        margin: 0px;
}

#info {
        color:#000;
        position: absolute;
        top: 0px; width: 100%;
        padding: 5px;

}
a {
        color: limegreen;
}
textarea {
  box-sizing: border-box;
  display: block;
  margin-bottom: 1%;
  padding: 1%;
  height: 9em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.ng-invalid{border: 1px solid red;}
.ng-valid{border: 1px solid gray;}
button img{width:100%; height: 50%; float:left;}
.smiley button{padding: 0 !important; border: 0; background: #FFF; float: left; width:50%;}
div.status{font-size: 1em; color: red; vertical-align: middle;}

.smiley div{padding: 0; }
/*div.smiley{margin: 0;}*/
input[type=number]{max-width: 80px !important;}
button.checkout{margin-top: 5px;}
label, span, select, input {
    float: left; margin-right: 10px;padding-left: 0 !important;
    text-align: left;}
#loadingbuy{float: left;}
#loadingbuy img{float:left; width:30px; height: 30px;}
#previewimg img{float: left; width:100%;}
.divresponsabilita {
	float: left;
	margin: 10px 0;
}
#previewtext {
	text-align: justify;
	height: 10em;
	overflow: auto;
}
input[type=checkbox]{float: none;}
p.footer{margin-top:10px;display:none;}

#anteprima img {float: left;}

label.large {
	font-size: 1.3em !important;
	margin: .5em 0 !important;
}
label.small {
	font-size: 1em !important;
	margin: .1em !important;
}

@media only screen and (min-width: 768px) {
#editor {
	height: 21em;
	overflow: hidden;
        width: 50% !important;
        display: inline-grid;
}
}

#editor {
	height: 21em;
	overflow: hidden;
        width: 100%;
}

@media only screen and (min-width: 768px) {
.divresponsabilita {
    float: inline-end;
    margin: 10px 0;
}
}