/*
Theme Name: Docup
Theme URI: https://docup.adigitalelse.com
Text Domain: docup
Author: Andrea Fornari | A Digital Else
Author URI: https://adigitalelse.com
Description: Premium generator of online documents
Version: 1.0
Tags: documents, pdf, generator, management
*/

/* General */
html {min-height:100%;}
body {font-family:'Source Sans Pro', sans-serif;border:0;margin:0;padding:0;overflow: hidden auto;min-height: 100vh;}
body * {box-sizing:border-box;-webkit-tap-highlight-color: transparent!important;}
a {text-decoration:none;}
a:focus {outline:0!important;}
iframe {border:0!important;}
p {margin-top:0;margin-bottom: 15px;}
p:last-child {margin-bottom:0;}
.site-container {padding-left:10%;padding-right:10%;}

.font-poppins {font-family:'Poppins', sans-serif;font-weight: 400;}

.colorer {position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}

::placeholder {color:#d4d5d9;}
::-webkit-input-placeholder {color:#d4d5d9;}
::-moz-placeholder {color:#d4d5d9;}
:-moz-placeholder {color:#d4d5d9;}
::-ms-placeholder {color:#d4d5d9;}

/* Scrollbar */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color:#f2effd;border-left:1px solid;border-right:1px solid;border-color:#ebe8f7;}
::-webkit-scrollbar-thumb {border-radius: 0;background-color:#bbb;}

/* Pagina protetta da password */
.pass-main {width:100%;height:100%;min-height: 100vh;display:flex;flex-direction: column;align-items: center;justify-content: flex-start;padding-top: 20vh;}
.pass-main .inner {background-color:#fff;display:inline-flex;flex-direction:column;align-items:center;padding: 40px 62px;}

.pass-main .inner .logo {margin-bottom:30px;}

.pass-main .inner .post-password-intro {text-align:center;font-style:italic;padding-bottom: 25px;}

.pass-main .inner form label {display:block;text-align:center;text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:600;padding-bottom:6px;}
.pass-main .inner form .inputs {display:flex;justify-content:center;line-height:1;font-size:0;}
.pass-main .inner form input {outline:0;border: 2px solid;padding: 7px 10px;padding-right: 37px;font-size: 15px;letter-spacing: 1px;font-weight: 600;text-align: left;line-height:1.2;min-width: 200px;}
.pass-main .inner form input[type="submit"] {transition:0.5s ease;text-transform:uppercase;font-size:11px;font-weight:600;padding-left:18px;padding-right:18px;color:#fff;cursor: pointer;min-width: unset;}
.pass-main .inner form input[type="submit"]:hover {filter:brightness(1.15);}

.pass-main .inner form .password {position:relative;margin-right:7px;}
.pass-main .inner form .password .toggle-password {position:absolute;top:50%;right: 12px;transform: translate3d(0, -50%, 0);cursor: pointer;}
.pass-main .inner form .password .toggle-password span {transition:0.5s ease;font-size: 16px;opacity:0;visibility:hidden;}
.pass-main .inner form .password .toggle-password span.pass-hidden {position:absolute;left:0;top:0;}
.pass-main .inner form .password .toggle-password span.pass-visible {color:#f53f7a;}
.pass-main .inner form .password .toggle-password.pass-hidden span.pass-hidden {visibility:visible;opacity:1;}
.pass-main .inner form .password .toggle-password.pass-visible span.pass-visible {visibility:visible;opacity:1;}
.pass-main .inner form .password .toggle-password span:hover {filter:brightness(1.1)}

/* Preventivi */
article.single-prev {width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 40px;background-color: #eee;}
article.single-prev .paper {width: 1000px;background-color: #fff;position: relative;margin-bottom: 60px;}
article.single-prev .paper:last-child {margin-bottom:0;}
article.single-prev .paper > .content {position:absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 40px 60px;padding-top: 5px;}

.content .header {display:flex;align-items:flex-start;justify-content:space-between;padding:0 13px;padding-bottom: 40px;}
.content .header .logo.prev {flex:0 0 auto;}
.content .header .identifier > * {display:block;text-transform:uppercase;text-align:right;}
.content .header .identifier .text {font-size:10px;letter-spacing:1px;}
.content .header .identifier .id {font-size: 19px;letter-spacing:2px;font-weight:800;}

.content .details {display:flex;align-items:flex-start;justify-content: space-between;flex-wrap: wrap;padding:0 13px;padding-bottom: 30px;margin-bottom: -25px;}
.content .details .detail {flex:0 0 auto;padding-right: 75px;font-size: 0;padding-bottom: 25px;}
.content .details .detail:last-child {padding-right: 0;flex: 1;}
.content .details .detail > * {display:block;}
.content .pretitle {font-size: 11px;text-transform:uppercase;letter-spacing:1px;}
.content .details .detail .title.with-pretitle {font-weight: 700;font-size: 13px;}
.content .details .detail .title.no-pretitle {font-weight:700;font-size: 11px;text-transform:uppercase;letter-spacing: 1px;}
.content .details .detail .text {font-size: 13px;}
.content .details .detail .text > * {display:block;}
.content .details .detail .text p {margin-bottom:0;}
.content .details .detail .text .vat .qnt,
.content .details .detail .text .cf .qnt {font-weight:700;}
.content .details .detail .roles .role {display:block;font-size: 13px;font-style:italic;}
.content .details .detail .separator {padding-top:15px;}
.content .details .detail .place-date {font-size: 13px;}

.content .intro {padding-bottom: 45px;}
.content .intro > * {display:block;}
.content .line {width:100%;height: 1px;background-color:#d1d3d4;margin: 4px 0 13px 0;}
.content .intro .pretitle,
.content .intro .text {padding: 0 13px;}
.content .intro .text {font-weight:300;font-size:17px;}

.content .services .table-legend {display:flex;align-items:center;justify-content:flex-start;padding: 0 13px;padding-bottom: 8px;}
.content .services .big-element {flex:0 0 50%;text-align: left;}
.content .services .normal-element {flex:1;text-align: right;}
.content .services .services-block .single-service {display:flex;align-items:flex-start;justify-content:flex-start;padding: 21px 13px;letter-spacing:1px;position: relative;z-index: 0;}
.content .services .services-block .single-service:nth-child(2n+1) .colorer {background-color:#edeef0;opacity: 0.6;}
.content .services .services-block .single-service .service-name > * {display:block;}
.content .services .services-block .single-service .service-name {line-height:1;font-size:0;}
.content .services .services-block .single-service .service-name .desc {text-transform:uppercase;font-size: 11px;font-weight: 400;color:#667990;padding-top: 6px;line-height: 1.3;}
.content .services .services-block .single-service .service-name .name {text-transform:uppercase;font-size: 13px;font-weight: 700;}
.content .services .services-block .single-service .cost,
.content .services .services-block .single-service .total {line-height:1;font-size:0;}
.content .services .services-block .single-service .qnt {font-size: 14px;}
.content .services .services-block .single-service .with-discount .qnt {font-size: 11px;letter-spacing: 0;text-decoration: line-through;opacity: 0.3;padding-bottom: 2px;display: block;}
.content .services .services-block .single-service .discount {display:block;text-transform:uppercase;color:#24c286;font-size:17px;}
.content .services .services-block .single-service .included .discount {font-size:15px;}
.content .services .services-block .single-service .cost .text,
.content .services .services-block .single-service .total .text {text-transform:uppercase;display:block;font-size:11px;padding-top:1px;}
.content .services .services-block .single-service .number {font-weight:700;line-height: 1;}
.content .services .services-block .single-service .number .text {text-transform:uppercase;font-size: 14px;}
.content .services .services-block .single-service .total {font-weight:700;}

.content .services .sumup {border-top:2px solid #d1d3d4;padding: 0 13px;padding-top:20px;display:flex;align-items:flex-start;justify-content:space-between;}
.content .services .sumup .payment-deferrals {flex:0 0 66.666667%;}
.content .services .sumup .payment-deferrals > * > * {display:block;}
.content .services .sumup .payment-deferrals .text {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;padding-top: 5px;}
.content .services .sumup .deferred {padding-top:20px;}
.content .services .sumup .big-total {flex:1;display:flex;flex-direction: column;}
.content .services .sumup .big-total > * {display:flex;align-items: flex-start;justify-content: flex-end;}
.content .services .sumup .big-total > * > * {flex:0 0 auto;width:50%;text-align:right;}

.content .services .sumup .big-total .total-discount {padding-bottom: 7px;}
.content .services .sumup .big-total .total-discount .label,
.content .services .sumup .big-total .total-discount .qnt {text-transform: uppercase;color:#24c286;letter-spacing:1px;font-weight: 800;font-size:13px;}

.content .services .sumup .big-total .total-number .label,
.content .services .sumup .big-total .total-number .number .qnt {font-size: 15px;font-weight: 800;text-transform: uppercase;letter-spacing: 1px;line-height: 1;}
.content .services .sumup .big-total .total-number .number > * {display:block;text-align: right;letter-spacing:1px;}
.content .services .sumup .big-total .total-number .number .old {font-size: 14px;text-decoration: line-through;opacity: 0.3;padding-bottom: 3px;display: block;line-height: 1;}
.content .services .sumup .big-total .total-number .number .text {font-size: 10px;font-weight: 800;padding-top: 3px;text-transform: uppercase;letter-spacing: 1px;}

.content .discount-details .details-container {padding-top: 40px;}
.content .discount-details .details-container .details-title {text-transform:uppercase;font-size: 10px;letter-spacing:1px;font-weight:700;padding:0 13px;padding-bottom: 10px;display: block;}
.content .discount-details .details-container .single-detail {padding: 13px 13px;display:flex;font-size: 0;line-height: 1;border: 2px dashed #e8edf3;margin-bottom: 13px;}
.content .discount-details .details-container .single-detail:last-child {margin-bottom:0;}
.content .discount-details .details-container .single-detail .title {flex: 0 0 auto;width: 192px;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size: 10px;line-height: 1.7;color: #24c286;padding-right: 20px;}
.content .discount-details .details-container .single-detail p {flex: 1;font-size: 13px;line-height: 1.4;font-style: italic;color: #667990;}

.content .footer {position: absolute;width: 100%;bottom: 130px;left: 0;padding: 0 60px;}

.content .footer .signature {display:flex;align-items: center;justify-content:space-between;padding-bottom: 50px;}
.content .footer .signature > * {flex:0 0 auto;width:50%;padding-right: 90px;padding-left: 13px;}
.content .footer .signature .company .place-date {text-transform:uppercase;letter-spacing: 2px;font-size: 13px;font-weight: 400;color:#667990;}
.content .footer .signature .company .sign {position:relative;z-index: 0;padding-top: 15px;}
.content .footer .signature .company .sign .line {position:absolute;bottom: 3px;left:0;width:100%;height:2px;background-color: #e1e2e6;margin: 0;z-index: -1;}
.content .footer .signature .company .sign .img {margin-left:6px;}
.content .footer .signature .client {border:4px solid;border-color:#e1e2e6;padding: 18px 36px;}
.content .footer .signature .client .text {text-transform:uppercase;letter-spacing:1px;color: #aaadbc;font-size: 13px;font-weight:600;display: block;line-height: 1;cursor: pointer;}
.content .footer .signature .client .space-to-sign {border: 0;width: 100%;border-bottom: 2px solid;border-color:inherit;line-height: 46px;padding: 0;font-size: 20px;outline: none;}

.content .footer .credits {display:flex;align-items: center;justify-content:space-between;padding:0 13px;border-top:2px solid #e1e2e6;padding-top: 11px;}
.content .footer .credits .company {text-transform:uppercase;font-size: 13px;letter-spacing:1px;font-weight: 700;line-height:1;}
.content .footer .credits .payoff {font-size:14px;letter-spacing:1px;font-weight:400;line-height:1;}
.content .footer .credits .payoff strong {font-weight:900;}

/* Pagine successive */
.content .textblocks .single-text-block {padding-bottom:40px;}
.content .textblocks .single-text-block:last-child {padding-bottom:0;}
.content .textblocks .single-text-block .title {text-transform:uppercase;padding:0 13px;padding-bottom: 4px;border-bottom: 1px solid #d1d3d4;display:block;font-size:12px;letter-spacing:1px;font-weight:700;margin-bottom: 8px;}
.content .textblocks .single-text-block p {padding:0 13px;font-size:16px;font-weight:300;line-height:1.4}
.content .textblocks .single-text-block p strong {font-weight:600;}