@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }


.center-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border: 2px solid #00689f;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.center-screen-priceing {
    display: grid;
    align-items: center;
    grid-template-columns: 100px 100px 100px 100px 100px 100px 100px;
    grid-template-rows: 100px 100px 100px 100px 100px 100px 100px;
    grid-column-gap: 5px;
    padding: 10px;
    border: 2px solid #00689f;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.center {
    margin: auto;
    width: 100%;
    border: 2px solid #00689f;
    border-radius: 25px;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


@media (min-width:1100px) {
    .center {
        margin: auto;
        width: 50%;
        border: 3px solid #00689f;
        border-radius: 25px;
        padding: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}

@media (min-width:1100px) {
    .container-ch {
        display: grid;
        grid-template-columns: 380px 500px 380px;
        grid-template-rows: 100px 100px 100px 100px 100px 100px 100px;
        grid-column-gap: 5px;
    }
}

@media (min-width:1100px) {
    .container-home {
        display: grid;
        align-items: center;
        grid-template-columns: 100px 100px 100px 100px 100px 100px;
        grid-template-rows: 100px 100px 100px 100px 100px 100px 100px;
        grid-column-gap: 5px;
    }
}


.container-home-gg {
    grid-gap: 150px;
}



@media (min-width:992px) {
    .container-home1 {
        display: grid;
        align-items: center;
        grid-template-columns: 350px 350px 350px;
        grid-template-rows: 100px;
        grid-column-gap: 5px;
        grid-gap: 10px;
    }
}



@media (min-width:1100px) {
    .container-Profile1 {
        display: grid;
        align-items: center;
        grid-template-columns: 550px 550px;
        grid-column-gap: 5px;
        grid-gap: 10px;
    }
}

@media (min-width:1100px) {
    .container-price1 {
        display: grid;
        align-items: center;
        grid-template-columns: 270px 270px 270px 270px;
        grid-template-rows: auto;
        grid-column-gap: 5px;
        grid-gap: 10px;
    }
}

@media (min-width:1100px) {
    .container-reg1 {
        display: grid;
        align-items: center;
        grid-template-columns: 350px 350px;
        grid-template-rows: auto;
        grid-column-gap: 5px;
        grid-gap: 10px;
        border: 2px solid #00689f;
        padding: 10px;
        border-radius: 25px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
}

.container-itm {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-rows: 40px 40px 40px 40px;
    grid-gap: 5px;
}

.item-itm-itmHeader {
    grid-column: span 2;
    grid-row-start: 1;
    grid-row-end: 1;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
}



.item-itm-itm1 {
    grid-row: span 1;
    text-align: left;
}

.item-reg-itm1 {
    grid-row: span 1;
    text-align: left;
}

.item-reg-col {
    grid-column: span 2;
    text-align: left;
}

.item-reg-itm2 {
    grid-row: span 1;
    grid-column: 2;
    text-align: left;
}

.item-itm-itm2 {
    grid-area: 2 / 2 / 2 / 2;
}

.item-itm-itm3 {
    grid-area: 3 / 1 / 3 / 1;
    text-align: left;
}

.item-itm-itm4 {
    grid-area: 3 / 2 / 3 / 2;
}

.item-itm-itm5 {
    grid-area: 4 / 1 / 4 / 1;
}

.item-itm-itm6 {
    grid-area: 4 / 2 / 4 / 2;
}

.item-itm-itm7 {
    grid-area: 2 / 2 / 6 / 2;
}

.item-ch1 {
    grid-row: span 2;
    border: 2px solid #00689f;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-ch2 {
    grid-row: span 4;
    border: 2px solid #00689f;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-home1 {
    grid-row: span 4;
    grid-column: span 5;
}

.item-home8 {
    grid-row: span 4;
    grid-column: span 5;
}

.item-home7 {
    grid-row: 9 / span 4;
    grid-column: span 5;
}

.item-home4 {
    grid-row: 1/ / 1;
    grid-column: 1 / 1;
    margin-top: 10px;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-Profile1 {
    display: grid;
    grid-template-columns: 250px 250px;
    grid-column: 1 / 1;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-Profile2 {
    display: grid;
    grid-column: 2 / 2;
    grid-template-columns: 250px 250px;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-home5 {
    grid-row: 1/ / 1;
    grid-column: 2 / 2;
    margin-top: 10px;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-home6 {
    grid-row: 1/ / 1;
    grid-column: 3 / 3;
    margin-top: 10px;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-home7 {
    grid-row: 1/ / 1;
    grid-column: 4 / 4;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-price1 {
    grid-row: auto;
    text-align: center;
    grid-column: span 1;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-margens {
    grid-row: auto;
    grid-column: span 1;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-home3 {
    text-align: center;
    grid-row: span 1;
    grid-column: 1 / 13;
}

.item-home2 {
    grid-row: span 4;
    grid-column: 6 / span 5;
}

.img {
    width: 100%;
    height: auto;
}


.item-home9 {
    grid-row: span 4;
    grid-column: 4 / span 2;
}

.h1-header {
    font-weight: bold;
    background: -webkit-linear-gradient(#00679f, #67419f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h1-bold {
    font-weight: bold;
    color: #00679f;
}

.h1-boldnc {
    font-weight: bold;
}

.item-apic1 {
    grid-row: span 9;
    border: 2px solid #00689f;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.container-apic {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 40px 40px 40px 40px;
    grid-gap: 5px;
}

.item-apic-itm1 {
    grid-row: span 1;
    text-align: left;
}

.row-container {
    display: flex;
    width: 100%;
    height: 700px;
    flex-direction: row;
    overflow: hidden;
}



.second-row {
    flex-grow: 1;
    column-fill: auto;
    border: none;
    margin: 0;
    padding: 0;
}

.center-screen-priceing {
    display: grid;
    align-items: center;
    grid-template-columns: 100px 100px 100px 100px 100px 100px 100px 100px 100px 100px 100px;
    grid-template-rows: 50px 50px 100px 100px 100px 100px 100px;
    grid-column-gap: 5px;
    border: 2px solid #00689f;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.greentext {
    color: forestgreen
}

.goldentext {
    color: goldenrod
}

.bluetext {
    color: dodgerblue
}

.graytext {
    color: darkgray
}

.EvolveBluetext {
    color: #00689f
}

.container-order1 {
    display: grid;
    align-items: center;
    grid-template-columns: 270px 270px 135px 135px 250px;
    grid-template-rows: auto;
    grid-column-gap: 5px;
    grid-gap: 10px;
    padding: 20px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-ordercd {
    grid-row: auto;
    grid-column: span 1;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item-orderdesc {
    grid-row: auto;
    grid-column: span 2;
}

.item-orderqty {
    grid-row: auto;
    grid-column: span 1;
}

.item-orderbl {
    grid-row: auto;
    grid-column: span 1;
    padding: 10px;
}

.NoTopMargin{
    margin-top:0;
}
.CookiesaccespButton {
    margin-left: auto;
    margin-right: 0;
}
#cookieConsentdiv {
    z-index: 1000;
    position: fixed;
    width: 400px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 30px 20px 30px;
    font-family: 'Century Gothic', sans-serif;
    box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
    border-radius: 30px 30px 0 0;
}


    #cookieConsentdiv button {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: none;
        background-color: green;
        padding: 10px 50px;
        margin-top: -5px;
        color: white;
        transition: all ease 0.5s;
    }

        #cookieConsentdiv button:hover {
            background-color: darkgreen;
        }
     

    #cookieConsentdiv h3 {
        font-size: 22px;
    }

    #cookieConsentdiv p {
        font-size: 13px;
    }

    #cookieConsentdiv a {
        color: gray;
        text-decoration: underline;
    }