html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: url('../img/bg.jpg');
    background-color: #279268;
    color: #FFF;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

header {
    height: 200px
}

header .logo {
    height: 100%;
    width: auto
}

header .logo-ambra {
    max-width: 100%;
}

.content {
    text-align: center;
    display: inline-block;
}

footer {
    margin-top: 25px
}

.title {
    font-size: 96px;
}

.bg-red {
    background-color: #d1473c
}

.bg-green {
    background-color: #3a9b91
}

.bg-green::-webkit-input-placeholder {
    color: #faf6eb !important;
}

.bg-yellow {
    background-color: rgba(252, 250, 255, 0.95)
}

.bg-gray {
    background-color: #606060
}

.color-red, .color-red a:visited {color: #d1473c}
.color-red a{text-decoration: none;font-weight: bold}
.color-red a:hover, .color-red a:active{color: #6d0016}
.color-red:hover {color: #b92c28}

.color-green {color: #3a9b91}

.color-yellow, .color-yellow a:visited {color: #faf6eb}
.color-yellow a{color: #c4b67d; text-decoration: none;font-weight: bold}
.color-yellow a:hover, .color-yellow a:active{color: #c4b67d}


.color-green:hover {
    color: #245269
}

.color-yellow:hover {
    color: #f7e1b5
}

.m15 {
    margin: 15px
}

.box {
    padding: 20px;
    border-radius: 2px
}

.landing-page h1{
    font-family: 'Ruge Boogie', cursive;
    font-size:120px;
    margin-bot:40px;
    text-shadow: #000 1px 1px 1px;
}

.landing-page .claim{
    font-family: 'Patrick Hand', cursive;
    text-transform: uppercase;
    font-size:30px;
    text-shadow: #000 1px 1px 1px;
}

/* Letter form */

form {
    text-align: left;
    padding: 20px;
    border-radius: 30px
}

input, input.form-control, select.form-control {
    background-color:#d83643;
    color: #fbfbfc;
    font-size: 16px;
    border: 0
}

input::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder {
    color: #6d0016 !important;
}

.scrivi {
    font-family: 'Patrick Hand', cursive;
    font-size: 24px;
    white-space: normal;
}

label {
    font-family: 'Patrick Hand', cursive;
    color: #b96565;
    font-weight: bold;
    font-size: 17px;
}

.modal-dialog {
    width: 80%;
    color: #000
}

/* Print QR COde*/
.stamp {
    width: 404px;
    height: 175px;
    background: white;
    margin: 0 auto;
    text-align: center;
    display: flex;
    /* flex-direction: column; */
    align-items: center;

}

.stamp .sideStamp {
    height: 280px;
    width: auto
}

.stamp .topStamp {
    width: 303px;
    height: auto
}

.stamp img.qrCode {
    margin: 10px;
    height: 260px;
    image-rendering: optimizeSpeed; /* Legal fallback */
    image-rendering: -moz-crisp-edges; /* Firefox        */
    image-rendering: -o-crisp-edges; /* Opera          */
    image-rendering: -webkit-optimize-contrast; /* Safari         */
    image-rendering: optimize-contrast; /* CSS3 Proposed  */
    image-rendering: crisp-edges; /* CSS4 Proposed  */
    image-rendering: pixelated; /* CSS4 Proposed  */
    -ms-interpolation-mode: nearest-neighbor;
}


.stamp img.barcode {
    margin: 10px;
    width: 260px;
    height: 56px;
    image-rendering: optimizeSpeed; /* Legal fallback */
    image-rendering: -moz-crisp-edges; /* Firefox        */
    image-rendering: -o-crisp-edges; /* Opera          */
    image-rendering: -webkit-optimize-contrast; /* Safari         */
    image-rendering: optimize-contrast; /* CSS3 Proposed  */
    image-rendering: crisp-edges; /* CSS4 Proposed  */
    image-rendering: pixelated; /* CSS4 Proposed  */
    -ms-interpolation-mode: nearest-neighbor;
}

/* Admin */
ul.view-letter{list-style: none}
.letter-label{font-weight: bold; color: #3a9b91;width: 200px; display: inline-block;}

.pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover,
.pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #3a9b91;border-color:  #307f92}