.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /greenspark/static/src/scss/website/base.scss defined in bundle 'web.assets_frontend' */
 .col-2-4, .col-sm-2-4, .col-md-2-4, .col-lg-2-4, .col-xl-2-4{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%;} .col-2-4{flex: 0 0 20%; max-width: 20%;} @media (min-width: 576px){.col-sm-2-4{flex: 0 0 20%; max-width: 20%;}} @media (min-width: 768px){.col-md-2-4{flex: 0 0 20%; max-width: 20%;}} @media (min-width: 992px){.col-lg-2-4{flex: 0 0 20%; max-width: 20%;}} @media (min-width: 1200px){.col-xl-2-4{flex: 0 0 20%; max-width: 20%;}} .col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%;} .col-1-5{flex: 0 0 12.5%; max-width: 12.5%;} @media (min-width: 576px){.col-sm-1-5{flex: 0 0 12.5%; max-width: 12.5%;}} @media (min-width: 768px){.col-md-1-5{flex: 0 0 12.5%; max-width: 12.5%;}} @media (min-width: 992px){.col-lg-1-5{flex: 0 0 12.5%; max-width: 12.5%;}} @media (min-width: 1200px){.col-xl-1-5{flex: 0 0 12.5%; max-width: 12.5%;}} header{} body.o_connected_user header{top: 34px;} body{font-family: "Helvetica Neue",Helvetica,Arial,"Heiti TC","LiHei Pro","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif; text-align: justify; color: #505050; letter-spacing: 0.7px;} h1, h2, h3, h4, h5, h6{font-family: "Helvetica Neue",Helvetica,Arial,"Heiti TC","LiHei Pro","微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,sans-serif;} body a{text-decoration: none;} body a:hover, body a:focus{text-decoration: none;} body a:visited{text-decoration: none;} .display-table{display: table;} .display-table .display-table-row{display: table-row;} .display-table .display-table-row .display-table-cell, .display-table .display-table-row .display-table-header-cell{display: table-cell;} .display-table .display-table-row .display-table-header-cell{width: 1px; white-space: nowrap;} .comfort-text{line-height: 1.5; font-size: 16px;} .category-title{display: inline-block; vertical-align: middle; font-size: 30px; font-weight: bold; color: #455d40; padding-left: 5px; margin-bottom: 0;} .top-border{border-top: 1px solid #7db82c; padding-top: 15px;} .dotted-background{background-color: #f0efef; background-image: url(/greenspark/static/src/image/website/bg_white_dot.svg), url(/greenspark/static/src/image/website/bg_white_dot.svg); background-position: right 35px top -230px, left 30px bottom -150px; background-size: 400px, 400px; background-repeat: no-repeat, no-repeat;} .dotted-background-green{background-image: url(/greenspark/static/src/image/website/bg_green_dot.svg), url(/greenspark/static/src/image/website/bg_green_dot.svg);} .gradient-border-top{border-image: linear-gradient(to right, #7db82c, #18373c); border-image-slice: 1; border-style: solid; border-width: 3px; border-width: 3px 0 0 0;} .gradient-border-bottom{border-image: linear-gradient(to right, #7db82c, #18373c); border-image-slice: 1; border-style: solid; border-width: 3px; border-width: 0 0 3px 0;} .fa-video-camera{color: #3b3b3b;} .slick-slide[aria-hidden="true"], .slick-slide[aria-hidden="1"]{display: block !important;} .slick-slide > div{display: -webkit-box; display: -webkit-flex; display: flex;} .slick-slider{margin-bottom: 0;} .slick-slider .slick-dots{bottom: -16px;} .slick-slider .slick-dots li{display: inline-block !important;} .slick-slider .slick-arrow{position: absolute; cursor: pointer; z-index: 1000; top: 50%; transform: translate(0, -50%); border: 1px solid #efefef; border-radius: 5px; padding: 20px 5px; background-color: white; opacity: 0.65;} .slick-slider .slick-arrow.fa-angle-left{left: 0px;} .slick-slider .slick-arrow.fa-angle-right{right: 0px;} .modal-dialog{margin: 10px auto;} .modal-dialog.modal-xl{width: 85%;} .modal-dialog .modal-footer .x.btn.btn-primary{float: right; background-color: #9ca09c; border-color: #9ca09c;} .modal-dialog .modal-footer .x.btn.btn-primary:hover, .modal-dialog .modal-footer .x.btn.btn-primary:focus{background-color: #abafab; border-color: #abafab;} .emodal .modal-header{border-bottom: none;} .emodal .modal-header .close [aria-hidden="true"], .emodal .modal-header .close [aria-hidden="1"]{display: block !important;} .emodal .modal-header .modal-title{display: none;} .emodal .modal-body{padding-top: 0; max-height: none;} .emodal .modal-footer{display: none;} .row.slim-gutters{margin: 0 -5px;} .row.slim-gutters > .col, .row.slim-gutters > [class*='col-']{padding-left: 5px; padding-right: 5px;} :not(.row):not(.form-group) > [class*='col-']{/* padding-left: ;/* padding-right: 0; */t: 0;} .hover-effect{/* position: relativ;/* overflow: hidd;/* -webkit-backface-visibility: hidden; */d;backface-visibility: hidden;ra;transform: translateZ(0);translateZ(0); */: translateZ(0);} .hover-effect .slide-down{/* position: absolute; */te; */te; */top: 0;left: 0;right: 0;bottom: 0;opacity: 0;background-color: #18373c;transform: translateY(-100%);transition: all 0.3s ease;padding: 10px;color: white;border-radius: 10px;} .hover-effect:hover .slide-down, .hover-effect:focus .slide-down{transform: translate(0, 0); opacity: 1;} .jump-effect{transition: all 0.3s ease;} .jump-effect:hover, .jump-effect:focus{transform: translate3d(0, -5%, 0);} .floating-underline{position: relative;} .floating-underline::after{position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #18373c; content: ''; opacity: 0; transition: all 0.5s ease; transform: translateY(-10px);} .floating-underline:hover::after, .floating-underline:focus::after{height: 2px; opacity: 1; transform: translateY(-5px);} .floating-underline-triangle{position: relative;} .floating-underline-triangle::before{content: ''; position: absolute; left: 50%; margin-left: -15px; top: 100%; border-width: 15px; border-style: solid; border-color: #7db82c transparent transparent transparent; opacity: 0; transition: all 0.5s ease; transform: translateY(-10px);} .floating-underline-triangle::after{position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background-color: #7db82c; content: ''; opacity: 0; transition: all 0.5s ease; transform: translateY(-10px);} .floating-underline-triangle:hover::before, .floating-underline-triangle:focus::before, .floating-underline-triangle:hover::after, .floating-underline-triangle:focus::after, .floating-underline-triangle.active::before, .floating-underline-triangle.active::after{opacity: 1; transform: translateY(-1px);} .grey-border{border: 1px solid #d6d6d6; background: white;} .gradient-button{position: relative; background-color: white; color: #7db82c; border-radius: 20px; text-align: center;} .gradient-button:before{content: ''; position: absolute; background: linear-gradient(to right, #7db82c, #18373c); border-radius: inherit; margin: -2px; top: 0; right: 0; left: 0; bottom: 0; z-index: -1;} .button-link{background-color: #18373c; color: white; padding: 8px 70px; border-radius: 30px; display: inline-block;} .button-link:hover, .button-link:focus{color: white;} .shadow-border{box-shadow: 2px 2px 10px #9ca09c;} .shadow-border-hover:hover, .shadow-border-hover:focus{box-shadow: 2px 2px 10px #9ca09c;} .btn-success{background-color: #7db82c;} .list-unstyled li{list-style-type: none;} .fa-chevron-up, .fa-chevron-down, .fa-angle-double-up, .fa-angle-double-down{cursor: pointer;} .form-control:focus{border-color: #7db82c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(125, 184, 44, 0.6);} .breadcrumb{padding: 5px; margin-top: 4px; margin-bottom: 4px; background-color: transparent;} .breadcrumb li, .breadcrumb a{color: #aaa;} .oe_chat_button{display: block; text-align: center; position: fixed; z-index: 1030; bottom: 0px; right: 0px; border-color: #00ff0d; border-width: 5px; border-style: solid; border-right: none; border-bottom: none; border-top-left-radius: 15px; border-top-right-radius: initial; font-family: inherit; font-weight: normal; background-color: rgba(255, 255, 255, 0.6); color: black; text-shadow: initial; padding: 10px 10px 5px 10px;} .pagination{float: right;} .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus{color: initial;} .pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover, .pagination .page-item.active .page-link:focus{background-color: #7cb72c; border-color: #7cb72c;} .left-sidebar{padding-right: 0;} .gs-card{border: 0;} .gs-card .card-header{text-align: center; font-size: 20px; font-weight: bold; color: white; padding: 5px 0px; background-color: #5dbc94; border-radius: 0;} .gs-card .card-header img, .gs-card .card-header .fa{max-height: 40px; vertical-align: middle; margin-right: 10px;} .line-title{font-size: 18px; overflow: hidden; text-align: center;} .line-title:before, .line-title:after{content: ''; display: inline-block; position: relative; height: 2px; vertical-align: middle;} .line-title:before{right: 0.5em; margin-left: -50%;} .line-title:after{left: 0.5em; margin-right: -50%;} .line-title.dotted:before, .line-title.dotted:after{border-bottom: 6px dotted #4c4a4b; width: 40%;} .line-title.solid{color: #7db82c;} .line-title.solid:before, .line-title.solid:after{border-bottom: 2px solid #d6d6d6; width: 45%;} .dot-line:before{content: ''; position: absolute; left: -5%; top: 55%; width: 1px; height: 1px; background-color: #666666; border-radius: 50%; box-shadow: 0 0 0 1px #666666, 0 6px 0 1px #666666, 0 -12px 0 1px #666666, 0 -6px 0 1px #666666;} .top-contact-border{border-right: 2px dotted #d6d6d6; padding-right: 30px;} .text-green{color: #7db82c;} 

/* /greenspark/static/src/scss/website/component.scss defined in bundle 'web.assets_frontend' */
 .fa-volume-control-phone.rotated{transform: rotate(-45deg);} .top{position: relative;} .top .top-text{background: #fbfbfb; line-height: 24px; color: #aaa; border-bottom: 1px solid #d6d6d6;} .top .top-text a{color: #aaa; text-decoration: none; margin-left: 3px; margin-right: 3px;} .top .top-text .language-switch{display: inline-block; margin-bottom: 0;} .top .top-text .language-switch li{margin-left: 2px; margin-right: 2px;} .top .top-text .language-switch span{color: #aaa;} .top .top-contact *{margin-left: 2px; margin-right: 2px;} .top .top-contact .fa{color: black;} .top .top-contact > :nth-child(1) span{font-weight: bold;} .nav-container{background-color: white; border-bottom: 5px solid transparent; position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 1020; padding-top: 8px;} .navbar{flex-wrap: wrap; align-items: flex-end; border: none; min-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;} .navbar .main-navbar{max-height: 50vh; width: 50%; flex: 0 0 100%;} @media (min-width: 768px){.navbar .main-navbar{flex: 0 0 72%; padding-left: 0; padding-right: 0;}} @media (min-width: 992px){.navbar .main-navbar{flex: 0 0 55%;}} .navbar .navbar-nav{float: left; font-weight: bold; width: 100%; list-style: none; padding-left: 0;} @media (min-width: 768px){.navbar .navbar-nav{justify-content: space-between; align-items: flex-end;}} @media (min-width: 768px){.navbar .navbar-nav .nav-item{border-bottom: 0px; text-align: center;}} @media (min-width: 1200px){.navbar .navbar-nav .nav-item{min-width: 105px;}} .navbar .navbar-nav .nav-item > a{display: inline-block; font-size: 18px;} .navbar .navbar-nav .nav-item > a:hover, .navbar .navbar-nav .nav-item > a:focus{background-color: transparent;} .navbar .navbar-nav .top-category-menu{position: relative;} .navbar .navbar-nav .top-category-menu .category-menu{background-color: white; opacity: 0; visibility: hidden; display: none; z-index: 1060; transition: all 0.3s ease; text-align: left;} @media (min-width: 768px){.navbar .navbar-nav .top-category-menu .category-menu{position: absolute; left: -2px; right: -2px; top: 100%; display: -webkit-box; display: -webkit-flex; display: flex;}} .navbar .navbar-nav .top-category-menu:hover .category-menu, .navbar .navbar-nav .top-category-menu:focus .category-menu{opacity: 1; visibility: visible; display: -webkit-box; display: -webkit-flex; display: flex;} @media (min-width: 768px){.navbar .navbar-nav .top-category-menu{flex-basis: 165px;}.navbar .navbar-nav .top-category-menu > a{font-size: 22px; color: black; line-height: 1.2;}} @media (min-width: 992px){.navbar .navbar-nav .top-category-menu{flex-basis: 144.98px;}} @media (min-width: 1200px){.navbar .navbar-nav .top-category-menu{flex-basis: 175px;}} .navbar .navbar-nav .top-product-menu .top-product-icon{max-height: 21px;} .navbar .search-wrapper{width: 40%; flex: 1 1 140px; margin-left: 8px; margin-right: 8px;} .navbar .navbar-toggler{background-color: #7db82c; color: white; margin: 4px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; font-weight: bold; padding: 5px; line-height: inherit;} .second-navbar{padding-left: 0; list-style: none;} .second-navbar > li{display: block; padding-left: 15px; padding-right: 15px;} .second-navbar a{display: inline-block; padding-top: 10px !important; padding-bottom: 10px !important;} .second-navbar span{font-weight: bold;} footer #footer{padding-top: 16px;} .footer{background-color: #18373c; color: white; margin: 18px auto 0 auto;} .footer .title{display: inline-block; font-size: 18px; border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; color: #7db82c; font-weight: bold;} .footer .footer-category-grid{border-bottom: 1px outset #d6d6d6;} .footer a{color: white;} .footer-info-bar{background-color: #7db82c;} .footer-info-bar .logo{max-height: 80px;} .footer-info-bar .contact-info{font-size: 24px; text-align: center;} .footer-info-bar .contact-info *{color: white;} .footer-info-bar .contact-info .contact-phone{font-size: 32px;} .inquiry-cart{border-radius: 10px; padding: 2px 4px; text-align: center; display: inline-block; background-color: #18373c;} .inquiry-cart *{vertical-align: middle; color: white; background-color: transparent; padding: 0;} .inquiry-cart .inquiry-cart-count{font-size: 24px; margin-left: 4px; font-weight: bold;} .side-inquiry-cart{position: fixed; top: 60vh; right: 0px; border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 1030; transition: all 0.5s ease; opacity: 0; transform: translateX(100%);} .side-inquiry-cart.scrolled{opacity: 1; transform: translateX(0);} .quotation-popup .title-bar{background-color: #7db82c; color: white; padding: 4px 10px;} .quotation-popup .title-bar *{display: inline-block;} .quotation-popup .title-bar .title{font-size: 30px; letter-spacing: 2px;} .quotation-popup .title-bar .subtitle{font-size: 24px; margin-left: 4px;} .quotation-popup .title-bar .subtitle .fa{vertical-align: middle;} .quotation-popup .title-bar .title-phone{font-size: 30px; letter-spacing: 2px;} .quotation-popup #inquiry_form{width: 100%; overflow: hidden;} .quotation-popup #inquiry_form #item_table{text-align: center; border: 2px solid #359265;} .quotation-popup #inquiry_form #item_table tr:first-child{background-color: #359265;} .quotation-popup #inquiry_form #item_table tr:first-child td{color: white;} .quotation-popup #inquiry_form #item_table tr td{padding: 4px; vertical-align: middle; white-space: nowrap; max-width: 100%; border-top: 1px solid rgba(53, 146, 101, 0.25);} .quotation-popup #inquiry_form #item_table .photo, .quotation-popup #inquiry_form #item_table .quantity, .quotation-popup #inquiry_form #item_table .action{width: 15%;} .quotation-popup #inquiry_form #item_table .remove-from-cart{border: 0; color: #d6d6d6; transition: all 0.3s ease; background-color: white;} .quotation-popup #inquiry_form #item_table .remove-from-cart:hover{color: white; background-color: #d6d6d6;} .quotation-popup #inquiry_form #item_table .product-code{text-align: left; color: #8c8c8c;} .quotation-popup #inquiry_form #item_table .product-name{text-align: left; color: #7db82c;} .quotation-popup .page-1, .quotation-popup .page-2{height: 0; overflow: hidden; transition: all 0.5s ease; opacity: 0;} .quotation-popup .page-1.active, .quotation-popup .page-2.active{height: auto; transform: translateX(0); opacity: 1;} .quotation-popup .page-1{transform: translateX(-100%);} .quotation-popup .page-2{transform: translateX(100%);} .showcase .product-thumbnail{display: inline-block; border-radius: 50%; width: 70px; height: 70px; overflow: hidden;} .showcase .product-thumbnail .fa-video-camera{font-size: 50px; max-height: 100%; margin-top: 50%; margin-left: 50%; transform: translate(-50%, -50%);} .showcase .product-thumbnail img{max-height: 100%; margin-left: 50%; transform: translate(-50%) !important;} .contact-frame{background: #d6d6d6; z-index: -2;} .contact-frame .card-header{border: 0; background: url(/greenspark/static/src/image/website/banner/banner_contact_frame.jpg) right top no-repeat; background-size: contain; height: 140px;} .contact-frame .card-header .left-frame{border-left: solid 2px #7db82c; padding-left: 20px;} .contact-frame .card-header h4{margin: 0; font-size: 20px; font-weight: bold; color: #666666;} .contact-frame .card-body .sub-title{color: black; font-size: 14px;} .contact-frame .card-body p, .contact-frame .card-body a{color: black; font-size: 22px; font-weight: bold; letter-spacing: 0.5px; border-bottom: 0; height: 30px; padding: 5px;} .contact-frame .card-body p .fa, .contact-frame .card-body a .fa{font-size: 30px;} .contact-frame .card-body p.button-distance, .contact-frame .card-body a.button-distance{width: 55%; margin-left: 25%;} .contact-frame .card-body .description{margin: 0; font-size: 15px; font-weight: normal;} .contact-frame .card-body .bottom-frame{border-bottom: solid 2px #d6d6d6; display: inline-block; width: 30%;} .contact-frame .card-footer{border-top: 0; padding: 0; background-color: transparent;} .contact-frame .card-footer h4{font-size: 20px; font-weight: bold;} .contact-frame .card-footer .footer-award img{max-width: 120px; margin-top: -30px; margin-right: 22px;} 

/* /greenspark/static/src/scss/website/category_component.scss defined in bundle 'web.assets_frontend' */
 .category-title-button{color: #7db82c; font-size: 18px; font-weight: bold; letter-spacing: 2px; padding-top: 3px; padding-bottom: 3px;} .category-menu{border: 2px solid #d6d6d6; text-align: left;} .category-menu .special-category{font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 16px;} .category-menu .special-category a{display: block; color: black; font-weight: bold;} .category-menu .special-category a img{margin-right: 4px; max-height: 30px;} .category-menu .category-list{position: relative; z-index: 1010;} .category-menu .category-list .top-frame{border-top: dotted 1px #999999; display: inline-block; width: 75%; margin: 10px; margin-left: 12%;} .category-menu .category-list .main-category{padding: 3px 0px; transition: all 0.3s ease;} .category-menu .category-list .main-category .title{padding-left: 15px;} .category-menu .category-list .main-category .title a{color: black; font-size: 16px; font-weight: bold; vertical-align: middle; padding-bottom: 5px; transition: all 0.3s ease;} .category-menu .category-list .main-category .title img{max-width: 30px; max-height: 30px;} .category-menu .category-list .main-category .title .brand-img{max-width: 140px; max-height: 35px;} .category-menu .category-list .main-category:hover, .category-menu .category-list .main-category:focus{background-color: #18373c;} .category-menu .category-list .main-category:hover .title a, .category-menu .category-list .main-category:focus .title a{color: white;} .category-menu .category-list .main-category:hover .sub-category-section, .category-menu .category-list .main-category:focus .sub-category-section{visibility: visible; opacity: 1;} .category-menu .category-list .main-category .sub-category-section{position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; min-width: 550px; height: 100%; top: 15%; left: calc(100% - 2px); z-index: 1060; background-color: white; padding: 15px; margin: 2px; visibility: hidden; opacity: 0; border-right: 3px solid; border-image: linear-gradient(to bottom, #7db82c, #18373c) 1 100%; transition: 0.3s all ease-in;} .category-menu .category-list .main-category .sub-category-section > div{width: calc(100%/4);} .category-menu .category-list .main-category .sub-category-section .sub-category{position: relative; padding: 8px 0px; text-align: center;} .category-menu .category-list .main-category .sub-category-section .sub-category img{position: relative; float: left; width: 100%; height: 80%;} .category-menu .category-list .main-category .sub-category-section .sub-category a{color: black; font-size: 12px; font-weight: bold; transition: all 0.3s ease;} .category-menu .category-list .main-category .sub-category-section .sub-category a:hover{color: #7db82c;} .category-menu .category-list .main-category .sub-category-section .sub-category .hot-icon{display: inline-block; max-width: 16px; max-height: 16px; position: relative;} .category.listing .row li{height: initial;} .category.listing .row li.active p{border-bottom: 2px solid #7db82c;} .category.listing .row li p{margin-top: 10px;} .category-link{display: inline-block; padding: 2px 10px; background-color: #f3ffcf; color: #7db82c; border: 1px solid #7db82c; border-radius: 20px; font-weight: bold; margin-left: 2px;} .category-grid .category-name{font-size: 16px; color: #7db82c; font-weight: bold; white-space: nowrap;} .category-grid .category-name img{max-height: 24px; vertical-align: text-bottom;} .category-grid .category-grid-item li{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .category-grid .category-grid-item:not(:last-of-type) .category-name{border-right: 3px dotted #d6d6d6; padding-right: 8px;} .top-category-menu .category-menu{max-height: 80vh; overflow: auto; position: relative;} @media (min-width: 768px){.top-category-menu .category-menu{width: 90vw; max-width: 768px;}} @media (min-width: 992px){.top-category-menu .category-menu{min-width: 950px; max-width: 1024px;}} @media (min-width: 1200px){.top-category-menu .category-menu{width: 80vh; min-width: 1100px; max-width: 1300px;}} .top-category-menu .category-menu .left-section{background-color: #18373c;} .top-category-menu .category-menu .left-section .special-category a{color: white;} .top-category-menu .category-grid-item{border-bottom: 1px solid #d6d6d6; padding: 1rem 0;} .top-category-menu .category-grid-item ul{padding-left: 30px;} .top-category-menu .category-grid-item:last-of-type{flex-grow: 1; max-width: 100%;} .top-category-menu .category-title-button{width: 160px;} .category-icon-list img{max-height: 110px;} 

/* /greenspark/static/src/scss/website/product_component.scss defined in bundle 'web.assets_frontend' */
 .product-listing .preview-box:hover, .product-listing .preview-box:focus{border-color: #7db82c;} .product-listing .preview-box .photo-with-description{height: 235px; flex: 0 0 235px; border-bottom: 1px solid #d6d6d6;} .product-listing .preview-box .photo-with-description .photo-link{height: 205px;} .product-listing .preview-box .headline, .product-listing .preview-box .detail{border-top: 1px solid #d6d6d6;} .video-tooltip{position: absolute; min-width: 480px; border-radius: 2px; box-shadow: 0px 0px 7px 5px #887e7d; z-index: 1070;} .video-tooltip.embed-responsive{width: auto; max-width: 95vw;} .preview-box-wrapper{margin-top: 8px; margin-bottom: 8px; min-width: 160px;} .preview-box-wrapper .preview-box{border: 2px solid transparent; border-radius: 10px; background-color: white; transition: all 0.3s ease; overflow: visible; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; position: relative;} .preview-box-wrapper .preview-box:hover, .preview-box-wrapper .preview-box:focus{box-shadow: 0px 0px 5px #9ca09c;} .preview-box-wrapper .preview-box:hover .product-name, .preview-box-wrapper .preview-box:focus .product-name{color: #7db82c;} .preview-box-wrapper .preview-box:hover .headline, .preview-box-wrapper .preview-box:focus .headline{background-position: left bottom; color: white; font-weight: bold;} .preview-box-wrapper .preview-box .light-tag{padding-left: 10px; height: 30px;} .preview-box-wrapper .preview-box .light-tag img{max-width: 30px; max-height: 100%; display: inline-block;} .preview-box-wrapper .preview-box .title{padding: 5px 10px; transition: all 0.3s ease;} .preview-box-wrapper .preview-box .title .product-name{font-size: 16px; font-weight: bold; display: block;} .preview-box-wrapper .preview-box .title .product-code{color: #616161; display: block;} .preview-box-wrapper .preview-box .rank-tag{z-index: 1000; position: absolute; left: 10px;} .preview-box-wrapper .preview-box .rank-tag .rank-number{font-size: 27px; position: absolute; z-index: 1000; left: 12px; color: white; font-weight: bold;} .preview-box-wrapper .preview-box .rank-tag img{max-width: 40px; max-height: 40px; position: absolute;} .preview-box-wrapper .preview-box .top-product-tag{z-index: 1000; position: absolute; top: 4px; right: 4px;} .preview-box-wrapper .preview-box .top-product-tag .rank-number{font-size: 21px; position: absolute; z-index: 1000; left: 50%; top: 50%; color: black; font-weight: bold; transform: translate(-50%, -20%);} .preview-box-wrapper .preview-box .top-product-tag img{max-width: 50px; max-height: 50px;} .preview-box-wrapper .preview-box .photo-link{width: 100%; height: 100%; display: inline-block;} .preview-box-wrapper .preview-box .photo-link > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; max-height: 100%;} .preview-box-wrapper .preview-box .headline, .preview-box-wrapper .preview-box .detail{padding: 10px;} .preview-box-wrapper .preview-box .headline{background: -webkit-linear-gradient(left, #7db82c 34%, white 65%); background: -moz-linear-gradient(left, #7db82c 34%, white 65%); background: -o-linear-gradient(left, #7db82c 34%, white 65%); background: linear-gradient(left, #7db82c 34%, white 65%); background-size: 300% 100%; background-position: right bottom; transition: all 0.5s ease; flex-grow: 1;} .photo-with-description{position: relative; display: inline-block; width: 100%;} .photo-with-description .photo-description{position: absolute; bottom: 0px; width: 100%; font-size: 16px; color: white; text-align: center; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3));} .product-showcase .product-photo .big-picture-box{height: 75vh;} .product-showcase .product-photo .big-picture-box .big-picture{max-height: 100%;} .product-showcase .product-photo .thumbnail-box .product-thumbnail{border: 1px solid #666666;} .product-showcase .product-photo .thumbnail-box .product-thumbnail.hover{border: 1px solid red;} .product-showcase .title-section{border-bottom: 1px solid #d6d6d6; padding-bottom: 5px;} .product-showcase .title-section .title{color: #7db82c; font-size: 24px; font-weight: bold; margin-top: 16px; margin-bottom: 0;} .product-showcase .title-section .light-tag img{max-width: 35px; max-height: 35px; border-radius: 20%;} .product-showcase .title-section .fa-heart{font-size: 35px; padding-top: 9px; padding-left: 1px; max-height: 100%; border-radius: 50%; vertical-align: middle; text-align: center; width: 45px; height: 45px; color: red; box-shadow: 1px 1px 5px #d6d6d6;} .product-showcase .headline{padding: 16px 0; font-size: 20px; font-weight: bold; margin: 0; background-color: #f0efef; border-bottom: 1px solid #d6d6d6;} .product-showcase .detail.display-table{border-spacing: 5px;} .product-showcase .photo-description{background-color: #18373c;} .cart-button-group .add-to-cart{font-size: 20px;} .cart-button-group .remove-from-cart{background-color: #d6d6d6;} .client-reference-star{position: absolute; width: 55px; top: -10px; right: 2%; z-index: 1000; filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));} .show-client-reference-logo{border-top: 1px solid #d6d6d6;} .show-client-reference-logo p{font-size: 24px; font-weight: bold; margin: 0;} .show-client-reference-logo p .fa{color: #ed735b;} @media (min-width: 1200px){.show-client-reference-logo .col-xl-2{flex: 0 0 12.666667%; max-width: 12.666667%;}} @media (min-width: 992px){.show-client-reference-logo .col-lg-2{flex: 0 0 12.666667%; max-width: 12.666667%;}} 

/* /greenspark/static/src/scss/website/client_reference.scss defined in bundle 'web.assets_frontend' */
 .client-case-slide-show{width: 100%;} .client-case-slide-show .subtitle-style{font-size: 14px; vertical-align: bottom; padding-left: 13px; display: inline-block; color: black;} .client-case-slide-show .carousel-fade .carousel-indicators li{bottom: 45px;} .client-case-slide-show .carousel-fade .carousel-item, .client-case-slide-show .carousel-fade .active{min-height: auto !important;} .client-case-slide-show .carousel-fade .carousel-item img, .client-case-slide-show .carousel-fade .active img{height: auto;} .client-case-slide-show .carousel-fade .carousel-control-prev, .client-case-slide-show .carousel-fade .carousel-control-next{filter: invert(80%); width: 10%;} @media (min-width: 768px){.client-case-width{text-align: left; padding-left: 25%;}} @media (min-width: 1200px){.client-case-width{text-align: left; padding-left: 17%;}} .client-case .card-header{background-color: #7a5c98; border-top: 0;} .client-case .card-header h3{font-weight: bold; font-size: 36px; letter-spacing: 6px; color: white;} .client-case .card-header h4{font-size: 14px; color: white;} .client-case-preview-box .preview-box{border: 2px solid #d6d6d6; border-radius: 20px; overflow: hidden;} .client-case-preview-box .preview-box .primary-photo{flex-grow: 2;} .client-case-preview-box .preview-box .detail{padding: 10px; height: 100%;} .client-case-preview-box .preview-box .detail .logo-line{border-bottom: 1px solid #d6d6d6;} .client-case-preview-box .preview-box .detail .customer-logo{max-height: 50px;} .client-case-preview-box .preview-box .detail .company-name{color: #7db82c;} .client-case-preview-box .preview-box .detail .project-name{color: #5dbc94;} .client-case-preview-box .preview-box .detail .description{overflow: hidden; position: relative; max-height: 100%;} .client-case-preview-box .preview-box .detail .description:before{content: '...'; position: absolute; right: 0; bottom: 0; z-index: 1000;} .client-case-preview-box .preview-box .detail .description:after{content: ''; position: absolute; width: 1em; height: 20px; right: 0; bottom: 0; background-color: white;} .client-reference-product-info{padding: 15px;} .client-reference-product-info .company-name{color: #7db82c; font-size: 150%; font-weight: bold;} .client-reference-product-info .project-name{color: #5dbc94; font-size: 140%; font-weight: bold;} .client-reference-product-info .detail{border-top: 1px solid #7db82c;} .client-reference-product-info .detail .display-table-header-cell{font-weight: bold;} .client-reference-slide .subtitle-style{font-size: 14px; vertical-align: bottom; padding-left: 13px; display: inline-block; color: black;} .client-reference-index-slide{padding-left: 30px; padding-right: 30px;} @media (min-width: 1200px){.client-reference-index-slide .col-md-4, .client-reference-index-slide col-lg-4, .client-reference-index-slide col-xl-4{flex: 0 0 25%; max-width: 25%;}} .client-reference-index-slide .slick-dots{width: 95%;} @media (min-width: 768px){.client-reference-width{text-align: left; padding-left: 22%;}} @media (min-width: 1200px){.client-reference-width{text-align: left; padding-left: 11%;}} .client-reference-width .fa-heart{color: #db5a54;} .category-product-client-reference{padding-left: 30px; padding-right: 30px;} @media (min-width: 1200px){.category-product-client-reference .col-md-4, .category-product-client-reference col-lg-4, .category-product-client-reference col-xl-4{flex: 0 0 25%; max-width: 25%;}} .category-product-client-reference .slick-dots{width: 95%;} .category-product-client-reference .slick-track{margin: auto;} .category-product-client-reference .slick-arrow{border: none;} .client-reference .card-header{background-color: #f9b52c;} .client-reference .client-reference-filter{margin: 15px 0px;} .client-reference .client-reference-filter .search-icon{max-width: 20px;} .client-reference .client-reference-filter .filter-heading::after{content: ' '; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent #000000; display: inline-block; margin-left: 5px;} .client-reference .client-reference-filter .filter-selection .filter-button{display: inline-block; text-align: center; border: 1px solid #d6d6d6; border-radius: 15px; margin: 3px 0px; padding: 2px 10px;} .client-reference .client-reference-filter .filter-selection .filter-button.active{background-color: #18373c; color: white;} .client-reference .preview-box{border-radius: 5px; border: 2px solid #d6d6d6;} .client-reference .preview-box:hover{border: 2px solid #7db82c;} .client-reference .preview-box .title{color: #7db82c; font-size: 16px; font-weight: bold; border-left: 3px dotted #d6d6d6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .client-reference .preview-box .photo-link{height: 160px;} .client-reference .preview-box .customer-logo{max-height: 50px;} .client-reference .counter{color: #7db82c;} .client-reference .counter img{max-width: 80px;} .client-reference .counter span{font-size: 24px; font-weight: bold;} .client-reference .counter .counter-number{font-size: 80px;} .client-reference .photo-with-description{position: relative; display: inline-block; width: 100%;} .client-reference-popup .card-header{background-color: #f9b52c;} .client-reference-popup .title{color: #7db82c; font-weight: bold;} .client-reference-popup .thumbnail-box{margin-top: -35px; z-index: 1000;} .client-reference-popup .detail.display-table{border-spacing: 5px;} .client-reference-popup .bottom-border{width: 100%; border-bottom: 2px solid #7db82c;} .client-reference-tooltip{background-color: white; border-radius: 8px; box-shadow: 0px 0px 7px 5px #b3aeaa; position: absolute; z-index: 1070; padding: 3px;} .client-reference-tooltip .client-logo{min-width: 90px;} 

/* /greenspark/static/src/scss/website/page.scss defined in bundle 'web.assets_frontend' */
 .middle-intro h1{font-size: 26px; font-weight: bold; color: black;} .middle-intro .slide-down strong{color: #f9b52c;} .middle-intro h3{display: inline-block; font-size: 20px; font-weight: bold; color: black; vertical-align: middle; border: 2px solid transparent; border-radius: 20px; text-align: center;} .middle-intro .mission-statement{margin-top: 15px; font-size: 23px; font-weight: normal; text-align: justify;} .middle-intro .mission-statement p{margin: 20px 0px; letter-spacing: 0.5px; line-height: 150%;} .middle-intro .lady-icon{max-width: 180px;} .middle-intro .gradient-speech-bubble{display: inline-block; position: relative; background: linear-gradient(to right, #cf209b 1%, #cf209b 100%); border-radius: 18px; padding: 0.2rem;} .middle-intro .gradient-speech-bubble:before{content: ""; position: absolute; top: 28%; left: -16px; border: solid #cf209b; border-width: 0px 0px 0.2rem 0.2rem; width: 35px; height: 35px; transform: rotate(45deg); background: linear-gradient(45deg, white, white 50%, transparent 0) no-repeat;} .middle-intro .gradient-speech-bubble .speech-innerframe{background-color: white; border-radius: 15px; padding: 5px; margin: auto;} .carousel-indicators .active{background-color: #7db82c;} .product-carousel .preview-box-wrapper{padding-left: 10px; padding-right: 10px;} .index-promotion{background-color: #e6f0d8;} .index-promotion .promotion-title img{max-height: 45px; vertical-align: middle;} .index-promotion .promotion-title h3{display: inline-block; vertical-align: middle; font-size: 30px; padding-left: 5px; font-weight: bold; margin-bottom: 0;} .index-promotion li{margin: 0 15px;} .index-top-product .title .top-product-icon{max-height: 60px;} .index-top-product .title h3{display: inline-block; font-weight: bold; font-size: 35px; vertical-align: middle; padding-left: 5px; margin-bottom: 0;} .index-top-product .title h4{display: -webkit-box; display: -webkit-flex; display: flex; margin-left: 60%; margin-top: -7%; font-size: 30px; font-weight: bold; color: white; vertical-align: text-top;} .index-top-product .title h4:nth-of-type(2){margin-left: 66%; margin-top: 0; font-size: 22px;} @media (max-width: 768px){.index-top-product .title h4{font-size: 22px;}.index-top-product .title h4:nth-of-type(2){margin-top: -1%; font-size: 18px;}} .index-top-product .preview-box .photo-with-description{height: auto;} .index-top-product .preview-box .photo-with-description .photo-link{height: 160px;} .index-container-background-color{background-color: #d6d6d6;} .index-hot-category .hot-category-name{position: absolute; bottom: 13px; background: #7db82c; color: white;} .video-carousel{padding-bottom: 33px;} .index-top-category .category-name{font-size: 20px;} .index-top-category .top-category-panel{position: relative; background-repeat: no-repeat; background-size: cover; background-position: top -0px right -12px; padding: 16px; paddiing-top: 55px;} .index-top-category .top-category-panel .product-listing{background-color: white; border-radius: 10px;} .index-top-category .top-category-panel .product-listing .preview-box-wrapper:nth-last-child(-n+3){display: none;} @media (max-width: 768px){.index-top-category .top-category-panel .product-listing .preview-box-wrapper:nth-child(-n+2){display: list-item;}} @media (min-width: 768px){.index-top-category .top-category-panel .product-listing .preview-box-wrapper:nth-child(-n+3){display: list-item;}} @media (min-width: 992px){.index-top-category .top-category-panel{padding-top: 16px; padding-left: 114px; background-position: bottom left; border-radius: 0px 20px 20px 0px;}.index-top-category .top-category-panel .product-listing .preview-box-wrapper:nth-child(-n+5){display: list-item;}} .carousel-indicators .active{background-color: #7db82c;} .middle-additional-info a .description{padding: 4px;} .middle-additional-info a .description .title{font-size: 18px; font-weight: bold;} .middle-additional-info a ul.content{list-style: circle; padding-left: 20px;} .middle-additional-info a:hover, .middle-additional-info a:focus{color: white; background-color: #18373c;} .top-product .card-header{background-color: #5dbc94;} .about-us .card-header{background-color: #7db82c;} .about-us .card-header img{-webkit-filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, 0.5)); filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, 0.5));} .about-us strong{color: #7db82c;} .about-us .about-us-introduction h1{font-size: 24px;} .about-us .about-us-story img{max-height: 130px;} .about-us .about-us-mission .logo{float: left; max-height: 100px; margin-right: 20px;} .about-us .gs-story-title{font-size: 24px; font-weight: bold;} .about-us .small-title{color: #7db82c; font-weight: bold;} .supplier-section .card-header{background-color: #7a5c98;} .supplier-section strong{color: #7db82c;} .client-list .line-title{color: #7db82c; font-size: 24px;} .client-list strong{color: #7db82c;} .client-list li img{margin-bottom: 10px; padding: 5px 25px; border: 1px solid #ddd;} .media-report{background-color: #eaeaea;} .media-report .card-header{background-color: #5dbc94;} .media-report .photo-with-description{height: 160px;} .news-section{background-color: #eaeaea;} .news-section .card-header{background-color: #4ca1da;} .news-section .card-body{padding: 15px 30px;} .news-section .card-body .row{background-color: white; margin-top: 16px; padding-top: 15px; padding-bottom: 15px;} .news-section .card-body .row .title{border-bottom: 1px solid #d6d6d6;} .news-section .card-body .row .title .news-title{font-size: 110%; margin-left: 16px; font-weight: bold;} .contact-us .contact-info .fa{margin-right: 8px; color: #7db82c;} .contact-us .other-section a{color: #7db82c;} .process .card-header{background-color: #254055;} .process .card-body{padding-left: 50px; padding-right: 80px;} .process .card-body .image-box{position: relative;} .process .card-body .image-box img{max-height: 90px;} .process .card-body .image-box .fa-angle-right{position: absolute; top: 30%; right: -12px;} .process .card-body strong{color: #7db82c;} .process .card-body .slide-down strong{color: #f9b52c;} .additional-services .card-header{background-color: #db5a54;} .additional-services .title{background-color: #7db82c; color: white; font-size: 18px; padding: 4px 0px 4px 16px; margin-top: 8px; font-weight: bold;} .additional-services .zero-upfront-cost .image-box{overflow: hidden;} @media (min-width: 992px){.additional-services .zero-upfront-cost .image-box:after{content: ''; display: inline-block; position: relative; height: 2px; vertical-align: middle; left: -0.5em; margin-right: -50%; border-bottom: 2px solid #7db82c; width: 45%;}} .additional-services .zero-upfront-cost .image-box img{max-width: 75px; max-height: 75px;} .additional-services .zero-upfront-cost .image-box .dot{display: inline-block; width: 10px; height: 10px; background-color: #7db82c; border-radius: 50%;} .printing-tech .card-header{background-color: #4ca1da;} .printing-tech .line-title{font-size: 24px;} .printing-tech .summary{color: #7db82c;} .printing-tech .summary dt{border-bottom: 1px solid #d6d6d6;} .printing-tech ol{padding-left: 16px;} .printing-tech .image-box img{max-width: 50%; float: left;} .printing-tech .image-box img:first-of-type{border: 1px solid black;} .printing-tech .image-box img:last-child{z-index: 1000; transform: translateX(-30px);} .packaging .card-header{background-color: #db5a54;} .packaging .row img{border: 2px solid #7db82c;} .packaging p{font-size: 16px; margin-top: 8px;} .faq .card-header{background-color: #f8b62a;} .faq dl .fa-question-circle{color: #7db82c;} .faq dl dt{border-bottom: 1px solid #d6d6d6; padding-bottom: 9px;} .faq dl dt:not(:first-child){margin-top: 8px;} .faq dl dt span{position: relative;} .faq dl dt span .fa-caret-up{position: absolute; top: 100%; left: 0; color: #d6d6d6;} .faq dl dd{padding-left: 37px; margin-top: 8px; color: #7db82c;} 

/* /greenspark/static/src/css/slick/slick.css defined in bundle 'web.assets_frontend' */
 .slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} 

/* /greenspark/static/src/css/slick/slick-theme.css defined in bundle 'web.assets_frontend' */
@charset 'UTF-8'; .slick-loading .slick-list{background: #fff url('/greenspark/static/src/css/slick/./ajax-loader.gif') center center no-repeat;} @font-face{font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/greenspark/static/src/css/slick/./fonts/slick.eot'); src: url('/greenspark/static/src/css/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/greenspark/static/src/css/slick/./fonts/slick.woff') format('woff'), url('/greenspark/static/src/css/slick/./fonts/slick.ttf') format('truetype'), url('/greenspark/static/src/css/slick/./fonts/slick.svg#slick') format('svg');} .slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; margin-top: -10px\9; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; background: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before, .slick-next:before{font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev{left: -25px;} [dir='rtl'] .slick-prev{right: -25px; left: auto;} .slick-prev:before{content: '←';} [dir='rtl'] .slick-prev:before{content: '→';} .slick-next{right: -25px;} [dir='rtl'] .slick-next{right: auto; left: -25px;} .slick-next:before{content: '→';} [dir='rtl'] .slick-next:before{content: '←';} .slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;} .slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .slick-dots li button:hover, .slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{opacity: .75; color: black;} 

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #00A09D;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #7C7BAD; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #7C7BAD; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #5f5e97;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #abaaca 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #abaaca; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{max-width: 36px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{margin-left: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star{opacity: 0.6; color: gold;} .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core > pre, .o_mail_activity .o_thread_message .o_thread_message_core > pre{white-space: pre-wrap; word-break: break-word; text-align: justify;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core img, .o_mail_activity .o_thread_message .o_thread_message_core img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;}