/* Minification failed. Returning unminified contents.
(2,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(5,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(38,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(41,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(41,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(54,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(58,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(78,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(78,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(86,17): run-time error CSS1039: Token not allowed after unary operator: '-success-color'
(109,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(109,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(113,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(120,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(135,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(140,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(162,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
 */
.api-facturacao section {
    margin: 160px var(--spacing-10);
}
.api-facturacao section p {
    margin-top: var(--spacing-2);
}

.api-facturacao .section-hero {
    text-align: center;
    margin-top: 0 !important;
}
.section-hero p {
    text-align: center;
}
.section-hero h2 {
    text-align: left;
}
.section-hero .api-checks {
    display: inline-flex;
    margin-top: var(--spacing-2);
}
.section-hero .api-checks .api-check {
    flex: 1;
    font-size: 15px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5);
}
.section-hero .api-checks .api-check img {
    height: 16px;
    width: 16px;
    display: inline-block;
}
.section-hero .notes {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: rgba(0, 0, 0, 0.65);
    margin-top: var(--spacing-1);
}
section.section-free {
    margin: var(--spacing-4) var(--spacing-2);
}
.section-free p {
    text-align: center;
    margin: 0;
}
.section-free h2 {
    color: black;
    font-weight: 900;
    margin:0;
    font-size:32px;
}
.section-free button {
    margin-top: var(--spacing-2);
}

.box {
    margin-bottom: var(--spacing-2);
}
.box .box-left {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    box-sizing: border-box;
    border-radius: 8px 0 0 8px;
    height: 84px;
    display: inline-block;
}
.box .link {
    margin: 16px 0 0 7%;
}
.section-free-container {
    background: rgba(235, 235, 235, 0.23); 
    padding: 10px 0; 
}

.api-facturacao ul {
    margin: var(--spacing-2) 0 0 var(--spacing-4);
}

.api-facturacao .synchronization-clients-grid {
    padding: 10px 0;
}

.code span.green {
    color: var(--success-color);
}
.code span.blue {
    color: #36C8D1;
}
.code span.orange {
    color: #CAA212;
}
.code span.purple {
    color: #E00EBF;
}
.code span.red {
    color: #DF2728;
}
.code span.gray {
    color: #A7A7A7;
}
.code span.white {
    color: #FFFFFF;
}

@media only screen and (max-width: 1054px) {
    .api-facturacao section {
        margin: var(--spacing-4) var(--spacing-2) !important;
    }
    .api-facturacao button {
        font-size: 14px !important;
        padding: var(--spacing-1) !important;
    }
    .section-hero .api-checks {
        display: block;
        text-align: left;
    }
    .flags div {
        padding: 0 var(--spacing-1);
    }
}
@media only screen and (max-width: 992px) {
    .force-half-to-last {
        order: 1;
    }
    .longer-on-left-side,
    .longer-on-right-side,
    .divide-in-half {
        flex-direction: column;
    }
    .longer-on-left-side .left,
    .longer-on-right-side .left,
    .divide-in-half .left {
        padding: var(--spacing-2) 0 !important;
    }
    .longer-on-left-side .right,
    .longer-on-right-side .right,
    .divide-in-half .right {
        padding: var(--spacing-2) 0 !important;
    }
    .longer-on-left-side img, .longer-on-left-side .browser,
    .longer-on-right-side img, .longer-on-right-side .browser,
    .divide-in-half img, .divide-in-half .browser {
        max-width: 600px;
        margin: auto;
    }
    .longer-on-left-side .link,
    .longer-on-right-side .link,
    .divide-in-half .link {
        max-width: 600px;
        margin: 16px auto;
    }
    .longer-on-right-side .button-wrapper,
    .longer-on-left-side .button-wrapper,
    .divide-in-half .button-wrapper {
        text-align: center !important;
    }
}
@media only screen and (max-width: 767px) {
    section {
        margin: 50px var(--spacing-10) !important;
    }
    .text-api-steps {
    font-size:12px!important;
    }
}

.text-api-steps {
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    font-size: 17px;
    font-weight: bold;
    color: #666;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%;
}
.step1 {
    background-image: url("https://magnipublicresourceseun.blob.core.windows.net/site/images/api/ask-invoicing-api-trial.svg");
}


.step2 {
    background-image: url("https://magnipublicresourceseun.blob.core.windows.net/site/images/api/start-sandbox-of-invocing-api-test.svg");
}

.step3 {
    background-image: url("https://magnipublicresourceseun.blob.core.windows.net/site/images/api/setup-invoice-api-production-account.svg");
}
.woocommerce_graphic_wrapper {
    background-color: #f2f2f2;
    border: solid 1px #8D8D8D;
    min-height: 330px;
    max-width: 700px;
    display: block;
    border-radius: 4px;
    margin:0 auto;
}
.woocommerce_graphic {
    display: grid;
    background-color: #fff;
    min-height: 330px;
    margin: 15px;
    padding: 20px 15px;
}

.grid_woocommerce_graphic_first_row {
    display: grid;
    grid-template-columns: 200px 1fr 120px;
    border-bottom: solid 1px #ccc;
    padding: 15px 0px;
}

.grid_woocommerce_graphic_second_row {
    display: grid;
    grid-template-columns: 200px 1fr;
    text-align:right;
    padding:15px 0px;
    font-size:17px;
}

.woocommerce_graphic_wrapper .bymagni {
    font-style: italic;
}

    .woocommerce_graphic_wrapper .bymagni strong {
        color: #1A7BB8;
        font-weight:normal;
    }
.woocommerce_graphic h2 {
    color: #1A7BB8;
}
.woocommerce_graphic button {
    padding: 10px;
    display: block;
    margin: 0 auto;
}
.grid_woocommerce_graphic_first_row img {
    margin: 0 auto;
    max-width:160px;
}

.woocommerce_graphic .woocommerce_review img {
    width: 22px;
    height: 22px;
    display: inline-block;
   
}

.woocommerce_graphic span {
    font-size: 17px;
}

.woocommerce_graphic .woocommerce_review {
margin-bottom:8px;
}