@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

html, body, #root {
    height: 100%;
    width: 100%;
}

html, body, input, button {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

header {
    padding: 20px;
}

h1 {
    color: #0b6461;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}


h3 {
    color: #000000;
    font-size: 26px;
    font-weight: 400;
    opacity: .7;
    margin-bottom: 10px;
}

.button-green {
    background: #1B995F;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 10;
    text-align: center;
    min-width: 100px;
    border: none;
}
    .button-green img { max-width: 30px; margin-right: 10px; }
    .button-green:hover { opacity: .8; color: #fff; text-decoration: none; }

.button-red {
    background: #bd2929;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 10;
    text-align: center;
    min-width: 100px;
    border: none;
}
    .button-red img { max-width: 30px; margin-right: 10px; }
    .button-red:hover { opacity: .8; color: #fff; text-decoration: none; }

    .button-red { background: #bd2929; }


.button-info {
    background: #3374E3;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 8px;
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 10;
    text-align: center;
    min-width: 100px;
    border: none;
}
    .button-info img { max-width: 30px; margin-right: 10px; }
    .button-info:hover { opacity: .8; color: #fff; text-decoration: none; }

    .button-info { background: #3374E3; }

    .button-dark { background: #0b6461; }
    .button-border { border: 1px solid #0b6461; background: #fff; color: #0b6461 !important; }


.buttons-tab .button-green { margin-right: 10px;}

#login header { display: none; }

.slogan {
    background: #0b6461;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 8px;
    letter-spacing: 5px;
    margin-left: 20px;
    font-family: 'Montserrat', sans-serif;
}

.user-welcome {
    color: #1B995F;
    font-size: 26px;
    font-weight: 300;
}

.user-settings {
    margin: 0 40px;
    cursor: pointer;
}

.user-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.user-avatar {
    width: 65px;
    height: 65px;
    border-radius: 65px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: rgb(224,251,147);
    background: linear-gradient(121deg, rgba(224,251,147,1) 0%, rgba(205,247,166,1) 50%, rgba(111,186,142,1) 100%);
}
    .user-avatar img {
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        opacity: .3;
        filter: grayscale(100%);
    }



.buttons-tab { padding: 20px; }

.content { width: 100%; margin-top: -80px; }

.content-tabs {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    border-right: 1px solid #ffffff;
    padding: 0 30px;
    transition: all .3s ease-in-out;
}
    .tab:hover {
        opacity: .6;
        color: #fff;
        text-decoration: none;
    }

.tab-number {
    font-size: 36px;
    font-weight: 200;
    margin-right: 10px;
}
.tab-product {
    font-size: 14px;
    line-height: 16px;
}
.tab-cart {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 400;
}
.tab-order {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tab-light {
    background: #1B995F;
    padding: 10px 0 20px 0px;
    display: flex;
    flex-direction: row;
    border-radius: 20px 0 0 0;
}
.tab-dark {
    background: #0b6461;
    padding: 10px 0px 20px 0;
    display: flex;
    flex-direction: row;
    border-radius: 0 20px 0 0;
}
    .tab-dark .tab { border: none; }


.content-holder {
    border: 2px solid #1B995F;
    border-radius: 20px;
    padding: 20px 5px;
    margin-top: -14px;
    position: relative;
    z-index: 10;
    background: #fff;
}


/* Sidebar */

.content-sidebar {
    border-radius: 20px;
    overflow: hidden;
    background: #165755;
}

.sidebar-title {
    background: #165755;
    font-weight: 500;
    font-size: 20px;
    display: block;
    color: #fff;
    padding: 30px 20px 15px 20px;
    margin-bottom: 2px;
    text-transform: uppercase;
    opacity: .6;
    transition: all .3s ease-in-out;
}
    .sidebar-title:hover, .sidebar-title.active {
        color: #7db51e;
        text-decoration: none;
        background: #133f3e;
        cursor: pointer;
    }


.sidebar-link {
    background: #247472;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding: 14px 20px;
    display: block;
    margin-bottom: 2px;
    text-transform: uppercase;
    opacity: .6;
    transition: all .3s ease-in-out;
}
    .sidebar-link:hover, .sidebar-link.active {
        color: #7db51e;
        text-decoration: none;
        background: #133f3e;
        cursor: pointer;
    }

.sidebar-bottom {
    background: #165755;
    display: block;
    height: 20px;
}

.form-search { position: relative; margin-bottom: 30px; }
.form-search input {
    border: 2px solid #1B995F;
    height: 80px;
    line-height: 80px;
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    color: #1B995F;
    font-size: 20px;
}
.form-search button {
    position: absolute;
    top: 15px;
    right: 20px;
    border: none;
    background: none;
}
    .form-search button img { max-width: 50px; }




.box-product {
    border: 2px dashed #1B995F;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}

.product-image {
    border: 2px solid #1B995F;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}
    .product-image img { max-width: 80%; max-height: 80%; }

.product-title {
    color: #1B995F;
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.product-cod {
    color: #0b6563;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}
.product-ref {
    color: #868686;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
    text-align: center;
}
.product-cart {
    border-top: 2px solid #cccccc;
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.product-infos { height: 180px; }

.cart-infos {
    display: flex;
    flex-direction: column;
}
    .product-attr {
        color: #000;
        font-size: 11px;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        display: inline-block;
        min-width: 80px;
    }
    .product-value {
        color: #1B995F;
        font-size: 16px;
        font-weight: 500;
    }
    .product-qty {
        border: 1px solid #1B995F;
        height: 35px;
        line-height: 35px;
        color: #1B995F;
        font-size: 20px;
        font-weight: 500;
        padding: 0 10px;
        width: 100px;
        border-radius: 10px;
        margin-top: 5px;
    }

    .form {
        display: inline;
    }




.with-nav { padding-bottom: 0; overflow: hidden; }
.content-navigation {
    background: #f2f2f2;
    padding: 0 15px;
    margin: 0 -10px;
    padding: 30px;
    text-align: center;
    margin-top: 30px;
}
    .content-navigation a { color: #acacac; }
    .content-navigation a:hover { color: #acacac; }
.button-nav {
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 60px;
    border: 3px solid #acacac;
    color: #acacac;
    font-weight: 700;
    margin: 0 6px;
    transition: all .3s ease-in-out;
}
    .button-nav.active, .button-nav:hover {
        background: #1B995F;
        border-color: #1B995F;
        color: #fff !important;
        text-decoration: none;
    }






.bg-gray {
    background: #f7f7f7;
    padding: 40px 20px 20px 20px;
}

    .row-cart .product-cart {
        border-top: none;
        border-left: 2px solid #c6c6c6;
        padding-left: 40px;
        padding-bottom: 20px;
    }
    .row-image {
        width: 200px;
        height: 140px;
        border: 1px solid #7fb11a;
        margin-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }
        .row-image img {
            max-width: 80%;
            max-height: 80%;
        }
    .row-product .product-infos { height: auto; }
    .row-product .product-infos span { text-align: left; }
    .row-product .product-title { font-size: 20px; line-height: 26px; }
    .row-product .product-cod { display: inline-block; margin-right: 30px; }
    .row-product .product-ref { display: inline-block; }

    .row-cart .product-attr { font-size: 14px; min-width: 120px; }
    .row-cart .product-value { font-size: 20px; }

    .row-infos { display: flex; }

    .product-line { margin-bottom: 30px; }

.cart-tabs {
    justify-content: space-between;
    padding: 30px;
    padding-bottom: 0;
}
    .cart-tabs .tab-light, .cart-tabs .tab-dark { background: none; }
    .cart-tabs .tab { border: none; }
    .cart-tabs .tab-number { font-size: 58px; color: #7fb11a; font-weight: 400; }
    .cart-tabs .tab-product { font-size: 18px; line-height: 24px; color: #8f8f8f; margin-left: 10px; }
    .cart-tabs .button-dark { display: flex; padding: 2px 20px; height: auto; box-sizing: border-box; }


.bg-gray .cart-tabs {
    margin: 0 -30px;
    padding: 0;
}

.content-separator {
    padding-top: 30px;
    border-top: 2px solid #acacac;
    position: relative;
    padding-bottom: 40px;
}
    .content-separator::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        background: #acacac;
        left: -50%;
        right: -50%;
        margin: auto;
        top: 0;
    }



.checklist { margin-bottom: 5px; display: block; }
.checklist input { margin-right: 10px; }
.checklist { color: #0b6461; font-size: 18px; }
.checklist-title { color: #0b6461; font-size: 18px; text-decoration: none; }


.button-big { height: 60px; line-height: 55px; display: flex; align-items: center; }
.button-big img { max-height: 20px; }
.button-simple-big { color: #000000; opacity: .7; transition: all .3s ease-in-out; }
.button-simple-big:hover { color: #000000; opacity: 1; }




.titulo-form {
    color: #1B995F;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}

.form-user {}
.form-user input {
    width: 100%;
    border: 2px solid #007067;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    color: #000000;
    background: #fff;
    text-transform: uppercase;
    font-weight: 400;
}
.form-user select {
    width: 100%;
    border: 2px solid #007067;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    color: #000000;
    background: #efefef;
    text-transform: uppercase;
    font-weight: 400;
    appearance: none;
    -webkit-appearance: none;
}
.form-user textarea {
    width: 100%;
    border: 2px solid #007067;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    color: #000000;
    background: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.select-holder { position: relative; }
.select-holder::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #007067;
    position: absolute;
    top: 20px;
    right: 20px;
}






.column-gray { position: relative; padding: 30px; }
.column-gray::after {
    content: '';
    background: #efefef;
    padding: 30px;
    width: 2000px;
    height: calc(100% + 120px);
    position: absolute;
    top: -60px;
    left: 0;
}
.column-gray * { position: relative; z-index: 10; }

.box-user { display: flex; background: #fff; padding: 15px; border-radius: 10px; margin-bottom: 30px; transition: all .2s ease-in-out; }
.box-user:hover { transform: scale(1.01); box-shadow: 0 5px 20px rgba(0,0,0,.1); }
.box-user .user-avatar { margin-right: 20px; }
.user-title { font-size: 18px; font-weight: 600; color: #7fb11a}
.user-commands { display: flex; justify-content: space-between; align-items: center; }
.user-commands img { max-width: 15px; }
.box-user a { font-size: 10px; text-transform: uppercase; color: #0e60be; margin-right: 20px; }
.box-user a img { margin-right: 5px; }

.box-login {
	width: 405px;
	margin: 150px auto 0;
	text-align: center;
}
	.box-login img { max-width: 60%; margin-bottom: 20px; }

.form-login { padding: 20px; border: 1px solid #1B995F; border-radius: 15px; }
	.form-login input {
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin-bottom: 15px;
		border: none;
		border-bottom: 1px solid #006461;
		color: #1B995F;
		background: #fff;
		font-size: 18px;
		font-weight: 300;
	}
	.form-login button {
		background: #1B995F;
		height: 35px;
		line-height: 35px;
		color: #fff;
		font-size: 18px;
		text-transform: lowercase;
		padding: 0 15px;
		border-radius: 30px;
		margin-left: 10px;
		border: none;
		font-weight: 300;
		transition: all .3s ease-in-out;
	}
	.form-login button:hover { opacity: .6; }
	.form-login .esqueci { color: #1B995F; }
	.form-login .esqueci:hover { text-decoration: underline !important; }

	.form-login input::-webkit-input-placeholder { color: #1B995F; }
	.form-login input::-moz-placeholder { color: #1B995F; }
	.form-login input:-ms-input-placeholder { color: #1B995F; }
    .form-login input:-moz-placeholder { color: #1B995F; }




.imagem-ilustrativa {
    margin: 0 0 30px;
    font-size: 11px;
    color: #a0a0a0;
    font-style: italic;
    text-align: center;
    display: block;
}

.produto-detail-image {
    background: #fff;
    border: 1px solid #7fb11a;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    height: 500px;
    margin-bottom: 10px;
}

.produto-detail-image img {
    max-height: 80%;
    max-width: 90%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.produto-detail-title {
	color: #7fb11a;
	font-size: 32px;
	line-height: 32px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	margin-bottom: 30px;
}
	.produto-detail-code {
		color: #016563;
		font-size: 16px;
		line-height: 26px;
		text-transform: uppercase;
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 25px;
	}
	.produto-detail-ref {
		color: #016563;
		font-size: 16px;
		line-height: 26px;
		text-transform: uppercase;
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 25px;
		color: #797979;
		font-style: italic;
	}

.produto-detail-table { position: relative; }
	.produto-detail-table::after {
		content: '';
		height: 100%;
		background: #fff;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 10px;
		border: 2px dotted #80b336;
	}
	.produto-detail-table.remove-after::after { background: none; }
	.produto-detail-table table { position: relative; z-index: 10; }
	.produto-detail-table tr {}
	.produto-detail-table tr:last-child td { border-bottom: none; }
	.produto-detail-table tr td {
		padding: 10px;
		color: #7db51e;
		font-size: 18px;
		width: 33.33333%;
		font-weight: 100;
		text-transform: uppercase;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
	}
	.produto-detail-table tr td:last-child { border-right: none; }
	.produto-detail-table tr td small {
		font-size: 16px;
		color: #000000;
		display: block;
	}

.content-produto .product-cart { margin: 30px 0 50px; }
.content-produto .product-value { font-size: 18px; }

.box-link {
    background: #7db51e;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}
    .box-link.dark { background: #006462; }

.box-link i {
    font-size: 14px;
    font-weight: 200px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1px;
}

.box-link img { margin-right: 15px; }

.link-name {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
}



.box-combina {
    border: 1px dotted #006462;
    border-radius: 8px;
    padding: 20px;
}
    .box-combina .box-product { margin-bottom: 0; }

.combina-title {
    display: block;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 200;
    text-transform: uppercase;
    color: #0b6563;
}

.content-holder { margin-bottom: 30px; }


.box-scroll {
    max-height: 600px;
    overflow-y: auto;
    padding: 30px;
}

.cart-button span {
    color: #1B995F;
    font-size: 10px;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.cart-button span.red { color: #bd2929; }



@media (max-width: 1500px) {
    .slogan { font-size: 16px; letter-spacing: 3px; }
    .user-welcome { font-size: 16px; }
    .user-settings { margin: 0 15px; }
    .user-settings img { max-width: 40px; }

    .product-attr { display: block; }

    .tab { padding: 5px 15px; }
    .tab-number { font-size: 30px; }
    .tab-cart { font-size: 12px; }
    .tab-order { font-size: 14px; }
}

@media (max-width: 1240px) {
    .buttons-tab .col-12 { display: flex; justify-content: space-between; }
    .buttons-tab a { flex: 1; }
    .content { margin-top: 0; }

    .content-tabs {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .tab-light, .tab-dark { flex: 1; }
    .tab-light .tab, .tab-dark .tab { flex: 1; }

    .tab { justify-content: center; }
}



@media (max-width: 968px) {
    .app {
        display: block;
        grid-template-columns: inherit;
        min-height: 100vh;
    }

    h1 { font-size: 30px; }
    h3 { font-size: 22px; }

    header { padding: 20px 0; }
    header .slogan {
        display: block;
        margin: 0;
        font-size: 12px;
        text-align: center;
        letter-spacing: 2px;
        margin-top: 15px;
    }

    .logo-cliente { display: none; }

    .buttons-tab { padding: 20px 0; }
    .buttons-tab .button-green { margin-right: 0; width: 100%; margin-bottom: 10px; }

    .content { width: 100%; margin-top: 0; }
    .content-tabs, .tab-light, .tab-dark { flex-direction: column; width: 100%; border-radius: 0; }
    .tab-light { border-radius: 10px 10px 0 0; }
    .tab { justify-content: center; border: none; }

    .button-nav {
        display: inline-block;
        font-size: 13px;
        padding: 0 10px;
        height: 40px;
        width: 40px;
        line-height: 38px;
        border-radius: 60px;
        border: 2px solid #acacac;
        color: #acacac;
        font-weight: 700;
        margin: 2px;
        transition: all .3s ease-in-out;
    }

    .bg-gray { padding: 0; padding-top: 20px; }
    .column-gray::after {
        content: '';
        background: #efefef;
        padding: 0;
        width: 2000px;
        height: calc(100% + 120px);
        position: absolute;
        top: 0;
        left: -30px;
    }
    .column-gray {
        position: relative;
        padding: 20px;
        margin-top: 30px;
    }
    .column-gray {
        position: relative;
        padding: 20px;
        margin-top: 30px;
    }

    .user-commands img { max-width: 12px; }
    .box-user a { margin-right: 5px; font-size: 10px; }
    .box-user a img { margin-right: 5px; }
    .user-title {
        font-size: 20px;
        font-weight: 600;
        display: block;
        color: #7fb11a;
        margin-bottom: 10px;
    }

    .content-search { margin-top: 30px; }

    .box-link { margin-bottom: 10px; }

    .product-cart {
        border-top: 2px solid #cccccc;
        padding-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .cart-infos { margin-bottom: 15px; flex-direction: row; justify-content: space-between; width: 100%; }
    .cart-button .button-green { width: 100%; }
    .content-produto .product-value { font-size: 22px; }
    .cart-button { width: 100%; }




    .produto-detail-title { font-size: 22px; line-height: 26px; margin-top: 20px; }
    #product-qty { width: 70px; }

    .produto-detail-table { padding: 20px; margin-bottom: 30px; }
    .produto-detail-table::after { width: 100%; }

    .combina-title { font-size: 24px; line-height: 30px; }
    .product-infos { height: auto; }
    .product-title { font-size: 14px; }
    .product-cod, .product-ref { font-size: 14px; }

    .box-combina .box-product { margin-bottom: 30px; }
    .box-product .product-cart { margin: 20px 0 0; }

    .bg-gray .cart-tabs { margin: 0; }
    .tab {
        justify-content: flex-start;
        border: none;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .tab .tab-number { margin-right: 0; }
    .cart-tabs .tab .tab-product { text-align: center; margin: 0; }
    .cart-tabs .tab-number { font-size: 30px; }
    .content-separator::after { display: none; }
    .content-separator .col-md-6 { padding: 0 15px !important; }

    .content-holder { padding: 20px 0; }

    .checklist { font-size: 14px; }

    .content-separator { padding-bottom: 10px; }
    .cart-tabs {
        justify-content: space-between;
        padding: 20px 15px;
        padding-bottom: 0;
    }

    .button-big {
        height: 60px;
        line-height: 55px;
        display: flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
        margin: 0 0 15px 0;
    }

    .row-infos { display: flex; flex-direction: column; }
    .row-image { width: 100%; margin-bottom: 20px; }
    .row-cart .product-cart { margin-top: 15px; border-left: none; border-top: 2px solid #cccccc; padding: 0; padding-top: 15px; }

    .row-product .product-title { font-size: 14px; }
    .cart-tabs .button-dark { justify-content: center; }

    .content-tabs, .content-sidebar { display: none; }
    .content-holder .button-green {  margin-top: 0 !important; }

    .buttons-tab .col-12 { display: block;}

    .product-cart > a { width: 100%; }

    .user-avatar {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

    .checklist { position: relative; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 5px;  }
    .checklist input { position: absolute; top: 5px; left: 0; }
    .checklist label { padding-left: 30px; }

    .content-separator h3 { margin-top: 30px; }
}

/* Color of invalid field */
.has-error input, .has-error textarea { box-shadow: none !important; }
input:focus, textarea:focus, select:focus { box-shadow: none !important; outline: none !important; }
.menu-mobile { display: inline-block; font-size: 30px; color: #006461; margin-top: 40px; display: none; }
.mm-menu.mm-theme-dark { background: #006461 !important; box-shadow: 5px 0 35px rgba(0,0,0,0.3);}

.item-with-image { padding-left: 75px !important; position: relative; }
    .item-with-image img { width: 23px; position: absolute; left: 30px; }


/*DESCRIÇÕES*/

.produto-detail-table { position: relative; }
    .produto-detail-table::after {
        content: '';
        height: 100%;
        background: #fff;
        width: 6000px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 10px;
        border: 2px dotted #80b336;
    }
    .produto-detail-table.remove-after::after { background: none; }
    .produto-detail-table table { position: relative; z-index: 10; }
    .produto-detail-table tr {}
    .produto-detail-table tr:last-child td { border-bottom: none; }
    .produto-detail-table tr td {
        padding: 10px;
        color: #7db51e;
        font-size: 18px;
        width: 33.33333%;
        font-weight: 100;
        text-transform: uppercase;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        vertical-align: top;
    }
    .produto-detail-table tr td:last-child { border-right: none; }
    .produto-detail-table tr td small {
        font-size: 16px;
        color: #000000;
        display: block;
    }

.produto-detail-table.remove-after { padding: 15px; }


.description-header { cursor: pointer; }
.description-header span {
    font-size: 18px;
    text-transform: uppercase;
    color: #016563;
    font-weight: 600;
    padding-left: 20px;
    background: url(https://www.copapel.com.br/images/arrow-right-green.png) left center no-repeat;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.active .description-header span {
    font-size: 18px;
    text-transform: uppercase;
    color: #7db51e;
    font-weight: 900;
    padding-left: 20px;
    background: url(https://www.copapel.com.br/images/arrow-down-green.png) left center no-repeat;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.description-content {
    border-left: 2px solid #7db51e;
    padding: 20px 20px 5px;
    background: #fff;
    color: #006560;
    margin: 10px 0;
    position: relative;
}
.description-content::after {
    content: '';
    background: #fff;
    position: absolute;
    width: 5000px;
    height: 100%;
    left: 0;
    top: 0;
}
.description-content p { color: #006560; position: relative; z-index: 10; }
.description { position: relative; margin: 10px 10px 20px 10px; z-index: 100; }
    .description::after {
        content: '';
        position: absolute;
        width: 5000px;
        height: 1px;
        border-bottom: 1px solid #ccc;
        left: 0;
        bottom: -10px;
    }