.navbar-collapse{overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch;} .btn-primary{color: #fff; border-color: #21b799; background-color: #21b799;} 

/* /icsc_bizapps/static/src/css/animation.css defined in bundle 'web.assets_frontend' */
 .o_animate_in_children > *{-webkit-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s; -ms-transform-origin: 50% 100% 0; -webkit-transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.9) translateY(20px); -moz-transform: scale(0.9) translateY(20px); -ms-transform: scale(0.9) translateY(20px); -o-transform: scale(0.9) translateY(20px); transform: scale(0.9) translateY(20px);} .o_animate_in_children > * [class*="deep-"]{-webkit-transition: box-shadow 1s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 1s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 1s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 1s cubic-bezier(0.55, 0, 0.1, 1) 0s;} .o_animate_in_children:not(.o_visible) > * [class*="deep-"]{box-shadow: 0 0 0 transparent;} .o_animate_in_children.o_visible > *{opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translateY(0px); -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px);} .panel.s_panel_video{position: relative; width: 100%; max-width: 400px; display: block; margin-left: auto; margin-right: auto;} .panel.s_panel_video .s_figure_link{padding-bottom: 56.25%!important;} .panel.s_panel_video .s_figure_link > a{opacity: 1; filter: alpha(opacity=100);} .panel.s_panel_video .s_figure_link::after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; cursor: pointer; background-image: url(/icsc_bizapps/static/src/img/solution/play-button.png); background-position: center center; background-repeat: no-repeat; -webkit-background-size: 40%; -moz-background-size: 40%; -o-background-size: 40%; background-size: 40%; -webkit-transition: background 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: background 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: background 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: background 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;} .panel.s_panel_video .s_figure_link:hover::after{-webkit-background-size: 45%; -moz-background-size: 45%; -o-background-size: 45%; background-size: 45%;} .panel.s_panel_video .s_figure_link:hover h2{-webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); -o-transform: translate(0, 10%); transform: translate(0, 10%);} 

/* /icsc_bizapps/static/src/css/s_figure_link.css defined in bundle 'web.assets_frontend' */
 .s_figure_link{padding-bottom: 60%; position: relative; text-align: right; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} @media screen and (min-width: 992px){.s_figure_link{padding-bottom: 50%;}} .s_figure_link > a{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" intercept="-0.050000000000000044" /><feFuncG type="linear" slope="1.1" intercept="-0.050000000000000044" /><feFuncB type="linear" slope="1.1" intercept="-0.050000000000000044" /></feComponentTransfer></filter></svg>#filter'); -webkit-filter: grayscale(100%) contrast(110%); filter: grayscale(100%) contrast(110%); background-position: center; opacity: 0.3; -ms-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: transform 0.65s ease 0s; -moz-transition: transform 0.65s ease 0s; -o-transition: transform 0.65s ease 0s; transition: transform 0.65s ease 0s;} .s_figure_link h2, .s_figure_link p{pointer-events: none; position: absolute; top: auto; left: 15px; bottom: auto; right: 15px; color: white; -webkit-transition: all 350ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 350ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: all 350ms cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 350ms cubic-bezier(0.55, 0, 0.1, 1) 0s;} .s_figure_link h2{top: 10px; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); padding: 5px 0;} @media screen and (min-width: 992px){.s_figure_link h2{padding-bottom: 6px; padding: 10px 0;}} @media screen and (min-width: 992px) and (max-width: 1200px){.col-md-4 .s_figure_link h2{font-size: 24px; padding-bottom: 15px; top: 30px;}} .s_figure_link h2:after{content: ""; background: rgba(255, 255, 255, 0.6); opacity: 0; filter: alpha(opacity=0); width: 100%; height: 1px; -webkit-transform: translate(0, 40px); -ms-transform: translate(0, 40px); -o-transform: translate(0, 40px); transform: translate(0, 40px); position: absolute; top: 100%; left: 0; bottom: auto; right: auto; -webkit-transition: all 0.65s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.65s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: all 0.65s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.65s cubic-bezier(0.55, 0, 0.1, 1) 0s;} .s_figure_link p{bottom: 10px; padding: 10px 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; filter: alpha(opacity=0); line-height: 1.5; display: none;} @media screen and (min-width: 768px){.s_figure_link p{display: 15px; display: block;}} @media screen and (min-width: 992px){.s_figure_link p{bottom: 20px;}} .s_figure_link:before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s ease; -o-transition: opacity 0.35s ease; transition: opacity 0.35s ease;} .s_figure_link:hover > a{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .s_figure_link:hover h2, .s_figure_link:hover h2:after, .s_figure_link:hover p{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100);} .s_figure_link:hover:before{-webkit-transition: opacity 1.6s ease 0s; -moz-transition: opacity 1.6s ease 0s; -o-transition: opacity 1.6s ease 0s; transition: opacity 1.6s ease 0s; opacity: 1; filter: alpha(opacity=100);} .s_figure_link.o_gradient_alpha:before{background: #30696c; background: -webkit-linear-gradient(-30deg, #198c75 30%, #474662 100%); background: -moz-linear-gradient(-30deg, #198c75 30%, #474662 100%); background: -ms-linear-gradient(-30deg, #198c75 30%, #474662 100%); background: -o-linear-gradient(-30deg, #198c75 30%, #474662 100%); background: linear-gradient(-30deg, #198c75 30%, #474662 100%);} .s_figure_link.o_gradient_beta:before{background: #317c79; background: -webkit-linear-gradient(-30deg, #486d7e 30%, #198c75 100%); background: -moz-linear-gradient(-30deg, #486d7e 30%, #198c75 100%); background: -ms-linear-gradient(-30deg, #486d7e 30%, #198c75 100%); background: -o-linear-gradient(-30deg, #486d7e 30%, #198c75 100%); background: linear-gradient(-30deg, #486d7e 30%, #198c75 100%);} .s_figure_link.o_gradient_gamma:before{background: #d94c3f; background: -webkit-linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%); background: -moz-linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%); background: -ms-linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%); background: -o-linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%); background: linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%);} .s_figure_link.o_gradient_delta:before{background: #914559; background: -webkit-linear-gradient(-30deg, #474662 30%, #dc4450 100%); background: -moz-linear-gradient(-30deg, #474662 30%, #dc4450 100%); background: -ms-linear-gradient(-30deg, #474662 30%, #dc4450 100%); background: -o-linear-gradient(-30deg, #474662 30%, #dc4450 100%); background: linear-gradient(-30deg, #474662 30%, #dc4450 100%);} .s_figure_link.o_gradient_epsilon:before{background: #7f4a45; background: -webkit-linear-gradient(-30deg, #b84d28 30%, #474662 100%); background: -moz-linear-gradient(-30deg, #b84d28 30%, #474662 100%); background: -ms-linear-gradient(-30deg, #b84d28 30%, #474662 100%); background: -o-linear-gradient(-30deg, #b84d28 30%, #474662 100%); background: linear-gradient(-30deg, #b84d28 30%, #474662 100%);} 

/* /icsc_bizapps/static/src/css/s_panel_video.css defined in bundle 'web.assets_frontend' */
 .s_panel_video_play{padding-top: 25%; font-size: 5.5rem; background-color: rgba(0, 0, 0, 0.2); color: white; cursor: pointer; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out;; -o-transition: all 0.2s ease-in-out;; transition: all 0.2s ease-in-out;;} .s_panel_video_play:hover{background-color: rgba(0, 0, 0, 0.3);} .s_laptop_screen .s_panel_video_play{border-radius: 5% 5% 0 0;} #s_panel_video_modal{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center;} #s_panel_video_modal > *{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%;} #s_panel_video_modal > *:not(:last-child){margin-right: -1px;} @media screen and (min-height: 620px){#s_panel_video_modal .modal-dialog{margin-top: -10%;}} #s_panel_video_modal .modal-dialog .close{color: white;} #s_panel_video_modal .modal-header{border-bottom: none; padding: 15px 0 30px;} #s_panel_video_modal .modal-body{padding: 0; background-color: #21272b; background-image: url("/openerp_website/static/src/img/2016/gif/ring.gif"); background-position: center center; background-repeat: no-repeat; box-shadow: -40px 40px 160px 0 rgba(0, 0, 0, 0.08), -8px 8px 15px 0 rgba(120, 120, 120, 0.04), 3px 3px 30px 0 rgba(0, 0, 0, 0.04) !important;} @media screen and (max-width: 767px){#s_panel_video_modal .modal-dialog{width: 100%; padding: 10px;}} @media screen and (min-width: 768px){#s_panel_video_modal .modal-dialog{width: 700px; margin: 30px auto; margin-top: -10%;}} 

/* /icsc_bizapps/static/src/css/pricelist_server.css defined in bundle 'web.assets_frontend' */
.section_overview{color: black; padding: 50px 0 0;} .section_overview h2{line-height: 48px; margin-bottom: 40px;} .box_overview{font-size: 15px; line-height: 26px; padding: 0 50px; color: #1F2335;} .section_whendouse h4{padding-bottom: 25px; font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 20px; text-transform: uppercase; color: #546479;} .section_whendouse p{text-align: justify; color: #384057; line-height: 26px; margin: 0; font-size: 15px;} .section_whendouse .content_whendouse{padding: 0 20px;} .pricelists_server{margin: 50px 0 100px;} .pricelists-control{margin: 0 0 0 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -o-flexbox; display: -moz-flexbox; display: flex; float: left; list-style: none; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -o-flex-pack: center; -moz-flex-pack: center; justify-content: center; margin-top: 10px; margin-bottom: 20px;} .pricelists-control li{cursor: pointer; text-align: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: -o-flexbox; display: -moz-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -o-flex-pack: center; -moz-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -o-flex-align: center; -moz-flex-align: center; align-items: center; padding: 10px; font-size: 20px; width: 180px; float: left; color: #87A2C1; border: 2px solid #007EF9; font-weight: 500; border-radius: 25px; margin: 0 5px; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;} .pricelists-control li.active{color: #ffffff; background-color: #007EF9;} .pricelists-control li:hover{background-color:#007EF9; color: #fff; box-shadow: 1px 1px 3px 0px #007EF9;} .pricelists-tab{width: 100%; float: left; background-color: rgba(255, 255, 255, 1); display: none; margin-bottom: 10px; padding: 40px 20px 20px 20px; border-radius: 5px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;} .prlTog{visibility: visible!important;} .prl-rea{border-radius: 5px; overflow: hidden; border: 2px solid #E3EDF7; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;} .pricelist-box{min-height: auto; height: auto; float: left; padding: 0 10px; margin-bottom: 20px;} .pricelist_block{text-align: center;} .pricelist_block p{font-size: 14px; line-height: 1.5; font-weight: 400; margin: 0; word-break: break-word; color: #3B4246; line-height: 35px;} .pricelist_block_header p{font-size: 26px;} .pricelist_block.pricelist_block_header{color: #3B4246; margin-top: 40px;} .pricelist_block.block_best_price{padding-bottom: 15px; padding-top: 40px; margin:0;} .block_best_price .prt_caption, .block_best_price .prt_caption a{font-size: 14px; color: #3f7ff9; font-weight: bold;} .block_best_price .prt_proce{font-size: 14px;} .block_best_price .prt_month{font-size: 10px;} .pricelist_block.block_rows{height: auto; white-space: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; border-top: 1px solid #E3EDF7;} .prtCell{padding: 6px; position: relative;} .prtCell p{color: #666; font-size: 13px;} .pricelist_block.pricelist_block_footer{padding: 20px; height: 89px;} .pricelist_block_footer .prl-register{width: 100%; padding: 0 20px;} .pricelist_block_footer a{font-size: 17px; width: 100%; padding: 10px 0 7px; text-decoration: none; border: none; display: inline-block; color: #fff; border-radius: 25px; background: #3f7ff9;} .pricelist_block_header p, .block_best_price .prt_caption, .block_best_price .prt_caption a{color: #fff;} .pricelist-box.col-1 .pricelist_block_footer a, .pricelist-box.col-1 .pricelist_block_header{background-color: #007EF9;} .pricelist-box.col-1 .prl-rea{border-bottom: 4px solid #007EF9;} .pricelist-box.col-2 .pricelist_block_footer a, .pricelist-box.col-2 .pricelist_block_header{background-color: #434BE1;} .pricelist-box.col-2 .prl-rea{border-bottom: 4px solid #434BE1;} .pricelist-box.col-3 .pricelist_block_footer a, .pricelist-box.col-3 .pricelist_block_header{background-color: #8F47E6;} .pricelist-box.col-3 .prl-rea{border-bottom: 4px solid #8F47E6;} .pricelist-box.col-4 .pricelist_block_footer a, .pricelist-box.col-4 .pricelist_block_header{background-color: #00CDB7;;} .pricelist-box.col-4 .prl-rea{border-bottom: 4px solid #00CDB7;} .pricelist-box:hover .pricelist_block_footer a{background-color: #fff; color: #3f7ff9;} .pricelist-box:hover .pricelist_block p{color: #ffffff;} .pricelist-box:hover .pricelist_block_header p, .pricelist-box:hover .block_best_price .prt_caption, .pricelist-box:hover .block_best_price .prt_caption a{color: #ffffff;} .pricelist-box:hover .pricelist_block li i{background: #fff; color: #3f7ff9;} .pricelist-box:hover .prl-rea{background-color: #3E95FA;} .pricelist_block ul{margin-left: 15px;} .pricelist_block li{text-align: left;} .pricelist_block li i{width: 20px; height: 20px; background: #3f7ff9; color: #ffffff; border-radius: 100%; text-align: center; margin-right: 5px; padding: 6px 0 0 0; font-size: 11px;} .pricelist_block li p{width: calc(100% - 25px); float: left; display: contents;} .btn-online-service:hover{border-color: #1c64ad; background: #1c64ad; color: white;} .partsion-features{margin-top: 80px;} .btn-setup-service:hover{background: #1c64ad; color: white;} .section_technogory{overflow:hidden; background: #F4F8FB; padding: 60px 0 20px;} .section_technogory .partsion-features{margin-top:0;} .feature-content{padding: 30px; background: #fff; height: 300px; box-shadow: 0 0 10px #00599b1a;} .icon-containe img{} .icon-containe{line-height: 1; margin-bottom: 10px; width: 100%; display: inline-block;} .feature-title{max-width: 75%; display: block; height: 55px; margin-bottom: 20px; position: relative;} .feature-title h5{margin: 10px 0; padding: 10px 0; line-height: 1.4; letter-spacing: 1px; color: #2B2F40; font-weight: bold; font-size: 18px; position: absolute; width: calc(100% + 75px); text-align: center;} .line-title{width: calc(100% - 30px); z-index: 0; position: absolute; top: 155px; left: 15px;} .features-feature{position: relative; float: left; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; display: flex; margin-bottom: 40px; flex-direction: column; text-align: center; width: 33.333%;} .partsion-features p{text-align: justify;} .feature-content span{font-weight: bold;} .block-1 .feature-content span{color: #007EF9;} .block-1 .feature-title{border-color: #007EF9;} .block-2 .feature-content span{color: #434BE1;} .block-2 .feature-title{border-color: #434BE1;} .block-3 .feature-content span{color: #8F47E6;} .block-3 .feature-title{border-color: #8F47E6;} .block-4 .feature-content span{color: #FA3F6D;} .block-4 .feature-title{border-color: #FA3F6D;} .block-5 .feature-content span{color: #11D57C;} .block-5 .feature-title{border-color: #11D57C;} .block-6 .feature-content span{color: #00CDB7;} .block-6 .feature-title{border-color: #00CDB7;} .partsion-features .header-feature p{text-align: center; margin-bottom: 50px;} .header-feature h2{color: black;} @media(min-width: 768px){.box_overview{padding: 0 150px;}} @media (max-width: 768px){.pricelist-box, .features-feature{width: 100%;}} 

/* /icsc_bizapps/static/src/css/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{display:none} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/icsc_bizapps/static/src/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} 

/* /icsc_bizapps/static/src/less/integration.less defined in bundle 'web.assets_frontend' */
 .b-nav-scroll{position: absolute; left: 50%; transform: translate(-50%);} .b-nav-scroll .b-nav-box{background: white; border-radius: 5px; padding: 5px; box-shadow: 0px 0px 10px #1f6ac52b; display: table; text-align: center; width: 100%;} .b-nav-scroll .b-item-nav{cursor: pointer; display: table-cell; padding: 14px 10px; border-radius: 5px; font-weight: bold; color: #18223b;} .b-nav-scroll .b-item-nav span{display: inherit; margin-top: 2px; margin-left: 14px; margin-right: 14px; height: 20px;} .b-nav-scroll .b-item-nav img{display: none; height: 20px;} .b-nav-scroll .b-item-nav.active{background: #2780da; color: white;} .b-nav-scroll .b-item-nav.active img{display: inherit; float: left;} .b-nav-scroll .b-item-nav.active span{top: 3px; position: relative; left: 5px;} .b-nav-scroll.b-nav-fixed{background: #207cce; box-shadow: 0px 6px 9px 0px #1f6ac52b; z-index: 1000; position: fixed; width: 100%; left: inherit; transform: inherit; top: 115px; height: 70px;} .b-nav-scroll.b-nav-fixed .b-nav-box{box-shadow: none; padding: 0; background: none; height: 70px;} .b-nav-scroll.b-nav-fixed .b-item-nav{color: #8fbde6; padding: 24px 10px; cursor: pointer;} .b-nav-scroll.b-nav-fixed .b-item-nav.active{border-radius: 0; color: white;} .img-soft{position: relative; height: 100px; margin-top: 15px;} .img-soft .bizapps-plus{background: url(/icsc_bizapps/static/src/img/integration/Bizapps_connect2-44.png) no-repeat; background-size: auto; background-position: center; width: 120px; height: 30px; position: absolute; box-shadow: 1px 1px 8px #1f6ac569; border-radius: 20px; top: 50%; left: 50%; background-color: white; transform: translate(-100%, -50%); margin-left: -39px; margin-top: -9px;} .wrap-bizapps-shop .page-title{color: #18223b; font-size: 42px; font-family: Myriad Pro Bold; margin-top: 50px; margin-bottom: 20px;} .wrap-bizapps-shop .content-list-software .page-title{margin-top: 0; margin-bottom: 10px; font-size: 30px;} .wrap-bizapps-shop .page-sub-title{text-align: left; padding: 0; margin: 0; font-weight: normal; font-family: Myriad Pro Regular; max-width: 100%; line-height: 28px;} .wrap-bizapps-shop .content-list-software{margin-top: 40px;} .wrap-bizapps-shop .content-list-software .group_integration{display: inline-block;} .wrap-bizapps-shop .content-list-software .page-title{margin-top: 80px;} .wrap-bizapps-shop .content-list-software .software-item{background: url(/icsc_bizapps/static/src/img/integration/Bizapps_connect2-98.png) no-repeat; background-size: 100% auto; background-position: bottom; background-color: white; border-radius: 15px; border: none; padding-top: 20px; background-position-y: calc(100% + 1px); box-shadow: 0px 0px 13px 0px #50505045;} .wrap-bizapps-shop .content-list-software .software-item:hover{box-shadow: 0px 0px 10px 0px #5050508a;} .wrap-bizapps-shop .content-list-software .software-item img{margin-top: 0;} .wrap-bizapps-shop .content-list-software .software-item .software-name{font-size: 26px; margin-bottom: 20px; color: #1e1d1d; font-family: Myriad Pro Bold; margin-top: 20px;} .wrap-bizapps-shop .content-list-software .software-item .software-des{height: 65px; overflow: hidden; min-height: auto; padding: 0 45px; font-size: 15px; color: #4c4c4c; text-overflow: ellipsis; -webkit-line-break: after-white-space;} .wrap-bizapps-shop .content-list-software .software-item .btn-controller{margin-top: 25px; margin-bottom: 25px;} .wrap-bizapps-shop .content-list-software .software-item .btn-register-pack{margin-bottom: 5px; padding: 10px 15px; font-weight: 600; background: #2c8bff; color: white; display: inline-block; border-radius: 5px; font-size: 14px; box-shadow: 0px 0px 10px 0px #08172b30; text-transform: initial; line-height: 28px; height: 45px; white-space: nowrap; width: 160px; border: 2px solid #2c8bff;} .wrap-bizapps-shop .content-list-software .software-item .btn-register-pack.btn-detail-link{background: white; color: #2c8bff;} .wrap-bizapps-shop .contact-us{background: #1a75e0; color: white; height: 280px; margin-top: 60px;} .wrap-bizapps-shop .contact-us .container-contact-us{background: url(/icsc_bizapps/static/src/img/integration/Bizapps_connect2-77.png) no-repeat; height: 280px; background-position: right; padding-top: 60px;} .wrap-bizapps-shop .contact-us .container-contact-us .btn-register-pack{padding: 10px 15px; font-weight: 600; background: white; color: #2c8bff; display: inline-block; border-radius: 5px; font-size: 14px; box-shadow: 0px 0px 10px 0px #08172b30; text-transform: initial; line-height: 28px; height: 45px; white-space: nowrap; width: 160px; border: 2px solid white; text-align: center; margin-top: 20px;} .wrap-bizapps-shop .contact-us .container-contact-us p{font-size: 24px; margin: 0px;} @media (max-width: 992px){.b-nav-scroll{display: none;}.wrap-bizapps-shop .page-title{font-size: 32px;}.wrap-bizapps-shop .content-list-software{margin-top: 0;}.wrap-bizapps-shop .content-list-software .page-title{margin-top: 40px;}.wrap-bizapps-shop .contact-us .container-contact-us{background: none; height: auto; padding-bottom: 60px;}.wrap-bizapps-shop .contact-us .container-contact-us p{font-size: 22px;}.software-item .software-name{height: auto!important;}} .product_detail .header{background: #1a75e0; color: white; text-align: center; height: 250px; position: relative; margin-bottom: 60px;} .product_detail .header .breadcrumb{text-align: left; color: #ffffffad;} .product_detail .header .breadcrumb a{color: #ffffffad; cursor: pointer;} .product_detail .header .breadcrumb a:hover{color: #034490;} .product_detail .header .product-name{font-size: 28px; font-weight: bold;} .product_detail .header .main_description{color: white;} .product_detail .header .img-top-product{text-align: center; position: absolute; top: 100%; transform: translate(-50%, -50%); border: 5px solid white; border-radius: 40px; width: 170px; height: 170px; overflow: hidden;} .product_detail .header .img-top-product .img-responsive{width: 100%; height: auto;} .product_detail .intro-product{background: none; color: #536273;} .product_detail .intro-product p, .product_detail .intro-product ul, .product_detail .intro-product i, .product_detail .intro-product h1, .product_detail .intro-product h2, .product_detail .intro-product h3, .product_detail .intro-product h4, .product_detail .intro-product h5, .product_detail .intro-product span{font-family: 'Inter', sans-serif !important;} .product_detail .intro-product i{font-size: 11px; line-height: 16px; margin-right: 5px; color: #1a75e0;} .product_detail .product-detail-software .description-feature .feature-title{margin: 0; color: #536273;} .product_detail .product-detail-software .description-feature-box{min-height: 100px; border: 1px solid #ccc; border-radius: 10px; padding: 20px 20px 10px;} .product_detail .product-detail-software .description-feature-box .feature-item{margin: 0;} .product_detail .product-detail-software .description-feature-box .feature-item i{font-size: 18px;} .product_detail .product-detail-software .description-feature-box .feature-left{min-height: 80px;} .product_detail .product-detail-software .description-feature-box .feature-right{min-height: 80px;} .product_detail .product-relate-list{background-color: #0060b7; color: white; padding: 60px 0;} .product_detail .img-soft{height: 70px;} .product_detail .img-soft img{width: 100%;} .product_detail .img-soft span{width: 70px; height: 70px; display: block; left: 82px; position: relative; z-index: 0;} .product_detail .img-soft .bizapps-plus{width: 90px; height: 21px; border-radius: 15px; background-size: 70px auto; left: 0; transform: translate(0, -50%); margin-left: 0; top: 50%; margin-top: 0; z-index: 1;} 

/* /icsc_bizapps/static/src/less/contactus.less defined in bundle 'web.assets_frontend' */
 .b_contactus_info{background: url(/icsc_bizapps/static/src/img/contactus/contactus-background.png) no-repeat; background-size: 100% auto; background-position: bottom; background-color: #101F7C; color: white; text-align: center;} .b_contactus_info h1{margin-top: 72px; margin-bottom: 20px;} .b_contactus_info .biz-color{color: #acd8ff;} .b_contactus_info .icon-left{margin-right: 15px; margin-top: -7px;} .b_contactus_info .b-address{margin-top: 45px; margin-bottom: -30px;} .b_contactus_info .support-line-left{background: #2e82dc; background: linear-gradient(0deg, white 0%, #2e82dc 50%, white 100%); width: 2px; height: 100%; position: absolute; top: 0; left: -1px;} .b_contactus_info .support{position: relative; top: 80px; background: white; color: black; border-radius: 15px; box-shadow: 1px 1px 10px #00000040; padding: 50px 0;} .b_contactus_info .support .support-box{padding: 0 50px;} .b_contactus_info .support .support-box h3{font-size: 20px;} .b_contactus_info .support .support-box p{font-size: 14px; color: #88898b;} .b_contactus_info .support .support-box .support-info{margin-top: 25px; left: 50%; position: relative; transform: translate(-50%); display: block; width: min-content;} .b_contactus_info .support .support-box .support-info p{font-size: inherit; color: black; text-align: left; width: max-content;} .bizapps_map{margin-bottom: -7px;} @media (max-width: 992px){.b_contactus_info .support .support-box{padding: 15px 25px;}} 

/* /icsc_bizapps/static/src/less/pricelists.less defined in bundle 'web.assets_frontend' */
 .pricelists1{background: #F5F5F5;} .pricelists1 .heading-top{color: #212B3F; padding-top: 50px;} .pricelists1 .heading-top h2{font-size: 36px; font-weight: 700; padding: 0 15px; line-height: 43.96px;} .pricelists1 .heading-top p{font-size: 16px; padding: 0 15px; line-height: 19.09px;} .pricelists1 .tab-control{margin-top: 30px; margin-bottom: 30px;} .pricelists1 .tab-control .control-block{display: inline-flex; color: white;} .pricelists1 .tab-control .control-block .btn-pricelist{padding: 14px 10px; margin: 5px; width: 220px; font-size: 19px; font-weight: 700; color: #212B3F; border-radius: 8px; background: #fff; cursor: pointer;} .pricelists1 .tab-control .control-block .btn-pricelist p{margin-top: 9px; font-size: 15px; font-weight: 400; margin-bottom: 0; line-height: 18.31px;} .pricelists1 .tab-control .control-block .btn-pricelist p span{font-weight: 700;} .pricelists1 .tab-control .control-block .btn-pricelist.active{background: #2880da; color: white;} .pricelists1 .tooltip-support{position: relative; display: inline-block;} .pricelists1 .tooltip-support i{margin-left: 5px; color: #b1b1b1; font-size: 17px; cursor: pointer;} .pricelists1 .tooltip-support .tooltip-info{visibility: hidden; width: 300px; background-color: white; color: gray; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 35px; left: -23px; border: 1px solid #6294c7; box-shadow: 0 0 3px 0px #6294c7; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px;} .pricelists1 .tooltip-support .tooltip-info:before{content: ""; position: absolute; top: 100%; left: 26px; margin-left: 0; border-width: 9px; border-style: solid; border-color: #2880da transparent transparent transparent;} .pricelists1 .tooltip-support .tooltip-info:after{content: ""; position: absolute; top: 100%; left: 28px; margin-left: 0; border-width: 7px; border-style: solid; border-color: #ffffff transparent transparent transparent; z-index: 1;} .pricelists1 .tooltip-support:hover .tooltip-info{visibility: visible;} .pricelists1 .tooltip-support:hover i{visibility: visible; color: #2880da;} .pricelists1 .tab-content{margin-top: 60px;} .pricelists1 .tab-content .pricelist-table{float: left; width: 100%; display: flex;} .pricelists1 .tab-content .pricelist-table .line-text{height: 35px; padding: 10px 0; margin: 0;} .pricelists1 .tab-content .pricelist-table .line-text-bottom{height: 45px; padding: 15px 0; margin: 0; border-bottom: 1px dotted #a1adbb;} .pricelists1 .tab-content .pricelist-table .line-text-bottom img{margin-top: -9px;} .pricelists1 .tab-content .pricelist-table .title-col{width: 315px; display: inline-block; float: left; border-top: 3px solid transparent; color: #183159; font-weight: 600;} .pricelists1 .tab-content .pricelist-table .title-col div.line-text-bottom:last-of-type{border: 0;} .pricelists1 .tab-content .pricelist-table .package-col{display: flex; float: left; text-align: center; width: 100%; color: #183159;} .pricelists1 .tab-content .pricelist-table .package-col .block-col{border-top: 3px solid #b7a714; background: #f9f9e1; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin: 0 3px; width: 20%;} .pricelists1 .tab-content .pricelist-table .package-col .block-col .line-text-bottom:last-of-type{border: 0;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.unlimited{border-color: #db461c;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.regular{background: #2880da; color: white; border-top: 3px solid #2880da; position: relative;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.regular .price-col{color: white;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.regular .top-row:before{content: ""; width: 100%; height: 25px; background: #2880da; position: absolute; left: 0; top: -25px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.regular:before{content: url(/icsc_bizapps/static/src/img/pricelist/popular.png); position: absolute; left: 50%; transform: translateX(-50%); top: -35px; z-index: 1;} .pricelists1 .tab-content .pricelist-table .package-col .block-col.regular:after{content: ""; width: 100%; height: 15px; background: #2880da; position: absolute; left: 0; bottom: -10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .pricelists1 .tab-content .pricelist-table .top-row{height: 100px; text-align: center; padding: 20px 0; border-bottom: 2px solid white;} .pricelists1 .tab-content .pricelist-table .top-row .name-col{font-size: 22px; margin-bottom: 5px;} .pricelists1 .tab-content .pricelist-table .top-row .price-col{color: #e0603b; font-size: 15px; margin: 0;} .pricelists1 .tab-content .pricelist-table .nexttop-col{padding: 20px 0px; font-weight: 600; font-size: 14px; border-bottom: 2px solid white;} .pricelists1 .tab-content .pricelist-table .nexttop-col .try-now{color: white; background: #b7a714; display: inline-block; padding: 10px 12px; border-radius: 8px; cursor: pointer; line-height: 15px;} .pricelists1 .tab-content .pricelist-table .nexttop-col .text-contact{font-size: 15px; height: 105px; padding: 10px 0; position: relative;} .pricelists1 .tab-content .pricelist-table .nexttop-col .text-contact img{position: absolute; top: -20px;} .pricelists1 .tab-content .pricelist-table .nexttop-col .contact-now{color: white; background: #db461c; display: inline-block; padding: 10px 20px; border-radius: 8px; cursor: pointer; line-height: 15px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col{padding: 20px; box-shadow: 0px -3px 2px #d4d4d4; border-top: 3px solid #b7a716; border-top-left-radius: 15px; border-top-right-radius: 15px; color: #183159; background: linear-gradient(to bottom, #f9f9e1, #fff, #fffffd);} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row{text-align: center; border-bottom: 2px solid #b7a716; padding: 15px 0; margin-bottom: 19px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .name-col{font-size: 30px; margin: 5px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .price-col{font-size: 18px; color: #e15c39;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .try-now{color: white; background: #b7a714; display: inline-block; padding: 10px 12px; border-radius: 8px; cursor: pointer; line-height: 15px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .text-contact{font-size: 17px; height: 105px; padding: 10px 0; position: relative;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .text-contact img{position: absolute; top: -20px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .top-row .contact-now{color: white; background: #db461c; display: inline-block; padding: 10px 20px; border-radius: 8px; cursor: pointer; line-height: 15px;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row{text-align: center; padding: 15px 0; display: flex; justify-content: space-between;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .value-col{text-align: right; color: #b7a716;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .value-col .line-text-bottom{justify-content: flex-end;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .title-col{text-align: left;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .title-col .line-text-bottom{justify-content: flex-start;} .pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .line-text-bottom{display: flex; align-items: center; justify-content: flex-end; font-size: 16px; margin: 10px 0; height: 30px;} .pricelists1 .tab-content .service-addition{margin-top: 100px;} .pricelists1 .tab-content .service-addition .user-addition{margin-bottom: 30px;} .pricelists1 .tab-content .service-addition .top-title{color: #18315a;} .pricelists1 .tab-content .service-addition .top-title .primary-title{font-size: 19px; color: #56a6fb; font-weight: 600;} .pricelists1 .tab-content .service-addition .section-item{background: #f9f9e1; padding: 15px; border-radius: 5px; font-weight: 600; margin-bottom: 10px; font-size: 17px; color: #18315a; line-height: 25px;} .pricelists1 .tab-content .service-addition .section-item p{margin: 0;} .pricelists1 .tab-content .service-addition .section-item .col-md-6{min-height: unset;} .pricelists1 .tab-content .service-addition .section-item .item-title{font-size: 14px;} .pricelists1 .tab-content .service-addition .storage-addition .section-item{background: #ddf0ff;} .pricelists1 .tab-content .odoo-configuration .package-config{background: #fff; box-shadow: 1px 1px black; padding: 40px; border-radius: 7px; box-shadow: 0 0 10px #e2e1e1; cursor: pointer; margin-bottom: 30px;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro{margin-bottom: 20px; color: #16325a;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro .package-price{display: inline-block;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro .package-price .title-pack{font-size: 20px; margin-bottom: 0;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro .package-price .price-pack{font-size: 45px;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro .package-price .price-pack span{font-size: 20px;} .pricelists1 .tab-content .odoo-configuration .package-config .package-intro .pack-img{display: inline; float: right;} .pricelists1 .tab-content .odoo-configuration .package-config .pack-img .img-white{display: none;} .pricelists1 .tab-content .odoo-configuration .package-config .check-option{margin-bottom: 20px; height: 25px;} .pricelists1 .tab-content .odoo-configuration .package-config .check-option img{margin-right: 15px;} .pricelists1 .tab-content .odoo-configuration .package-config .required{background: #ed6347; border-radius: 5px; color: white; font-size: 16px; padding: 5px; text-align: center;} .pricelists1 .tab-content .combo-service{text-align: center; margin-top: 60px;} .pricelists1 .tab-content .combo-service h2{color: #183159; font-size: 40px; font-weight: 600; padding: 0 15px;} .pricelists1 .tab-content .combo-service p.sub-title{font-size: 18px; color: #818d9d; padding: 0 15px;} .pricelists1 .tab-content .combo-service .system-management{margin-top: 60px;} .pricelists1 .tab-content .combo-service .system-management .offer-item{background: #fff; position: relative; box-shadow: 0 0 8px #dadada; border-radius: 7px; padding-bottom: 30px; margin-bottom: 60px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .top-offer{background: #16325a; padding: 15px; padding-top: 50px; border-top-left-radius: 7px; border-top-right-radius: 7px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .top-offer .text-mute{color: #8a99ae; margin-bottom: 5px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .top-offer .offer-name{color: white; font-size: 27px; margin-bottom: 5px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .body-offer{padding: 30px; color: #18315a;} .pricelists1 .tab-content .combo-service .system-management .offer-item .body-offer .price-offer{font-size: 31px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .body-offer .guarantee-title{display: inline-block; background: linear-gradient(to right, #ff8c00, #ff0302); border-radius: 12px; padding: 2px 15px; color: white;} .pricelists1 .tab-content .combo-service .system-management .offer-item .body-offer .check-combo{margin-bottom: 20px; text-align: left; display: flex; align-items: center; justify-content: left;} .pricelists1 .tab-content .combo-service .system-management .offer-item .body-offer .check-combo img{margin-right: 15px;} .pricelists1 .tab-content .combo-service .system-management .offer-item .btn-contact{background: #2880da; color: white; border-radius: 7px; padding: 7px 20px; display: inline-block; font-size: 16px; width: 195px;} .pricelists1 .tab-content .combo-service .system-management .offer-item:before{position: absolute; left: 50%; transform: translateX(-50%); transform: translate(-50%, -50%);} .pricelists1 .tab-content .combo-service .system-management .offer-item.law:before{content: url(/icsc_bizapps/static/src/img/pricelist/offer-1.png);} .pricelists1 .tab-content .combo-service .system-management .offer-item.rental:before{content: url(/icsc_bizapps/static/src/img/pricelist/offer-2.png);} .pricelists1 .tab-content .combo-service .system-management .offer-item.education:before{content: url(/icsc_bizapps/static/src/img/pricelist/offer-3.png);} .pricelists1 .tab-content .combo-service .system-management .offer-item.tour:before{content: url(/icsc_bizapps/static/src/img/pricelist/offer-4.png);} .pricelists1 .tab-content .combo-service .system-management .offer-item.law .guarantee-title{background: linear-gradient(to right, #ff8c00, #ff0302);} .pricelists1 .tab-content .combo-service .system-management .offer-item.rental .guarantee-title{background: linear-gradient(to right, #79cd41, #d1be01);} .pricelists1 .tab-content .combo-service .system-management .offer-item.education .guarantee-title{background: linear-gradient(to right, #7acabd, #7c81c1);} .pricelists1 .tab-content .combo-service .system-management .offer-item.tour .guarantee-title{background: linear-gradient(to right, #7a90ff, #3666c5);} @media (max-width: 468px){.pricelists1 .tab-control .control-block .btn-pricelist{width: 115px; font-weight: 600; color: #2880da;}.pricelists1 .tab-control .control-block .btn-pricelist p{font-size: 10px; margin-bottom: 0;}.pricelists1 .tab-content .service-addition .section-item{font-size: 12px;}.pricelists1 .tab-content .service-addition .top-title .primary-title{font-size: 16px;}.pricelists1 .tab-content .service-addition .section-item .item-title{font-size: 12px;}.pricelists1 .tooltip-support .tooltip-info{width: 160px;}.pricelists1 .tab-content .pricelist-table-mobile .block-col .body-row .line-text-bottom{font-size: 13px;}} @media (max-width: 992px){.pricelist-table-mobile{display: block !important;}.pricelist-table{display: none !important;}.pricelists1 .tab-content .combo-service .system-management .offer-item .top-offer .offer-name{font-size: 20px;}.tab-fixed{position: fixed; margin-top: 0!important; background: white; width: 100%; z-index: 99;}.tab-fixed .control-block{width: 100%; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important;}.tab-fixed .control-block .btn-pricelist{padding: 8px 20px!important; width: 33.33%!important;}.tab-fixed .control-block .btn-pricelist p{display: none;}} 

/* /icsc_bizapps/static/src/less_new/application.less defined in bundle 'web.assets_frontend' */
 @media (min-width: 992px){.show-product .manager-product .img-shw-pro:hover .button-add-to-card{display: block !important;}} @media (max-width: 992px){.show-product .filter-product .version-product{display: none !important;}.show-product .filter-product .version-product-mobile{display: block !important;}.application_biz{margin-top: 0 !important;}.no-margin-top{margin-top: 0 !important;}.login_right .h3-login_right{margin-top: 40px !important;}.login_box .href-signup{margin-top: 10px;}.apl-biz-search .col-md-8{display: none;}.apl-biz-search .title-apl-search{font-size: 22px !important; line-height: 26.86px !important;}.apl-biz-search .row{padding: 0 20px 0 20px !important;}.tab-apl-search .hr-act-apl-search{height: 14px !important;}.show-product .filter-product .filter-category{display: none;}.show-product .filter-product .filter-category-mobile{display: flex !important; flex-wrap: wrap; align-content: center; padding-right: 10px;}.question-statistical{display: none;}.show-product .manager-product .col-md-3{width: 50%; padding: 0 10px 0 10px;}.show-product .manager-product .img-shw-pro{width: 100% !important; height: 101px !important;}.show-product{padding: 0 !important;}.show-product .button-add-to-card{display: none !important;}.show-product .manager-product .intro-shw-pro .title-shw-pro{font-size: 16px !important; line-height: 22px !important;}.tab-apl-search{font-size: 15px !important;}.hr-shw-pro img{width: 100%;}.infor-shw-pro{display: none;}.infor-shw-pro-mobile{display: block !important;}.show-product .filter-product span{font-size: 14px !important; line-height: 16.7px;}#all_product, #has_fee, #no_fee{width: 60px !important; height: 36px !important;}.wrapper-version-pro .dropdown-icon{padding: 0 !important;}.wrapper-version-pro .dropdown-active{padding-right: 0 !important;}.wrapper-version-pro .dropdown-list{width: 90px; left: unset !important;}} .link-app-mobile{position: fixed; width: 100%; bottom: 0; font-size: 16px; line-height: 19.09px; font-weight: 400;} .link-app-mobile a{color: #222222;} .link-app-mobile .title-link-app{display: flex; height: 50px; flex-wrap: wrap; align-content: center; padding-left: 20px;} .link-app-mobile .title-link-app .img-link-app{order: 2; margin: auto; margin-right: 30px;} .active-filter-categ{background: #F3F3F3;} .container-child-ft{display: none; height: 400px; overflow-x: auto;} .hr-filter{margin-bottom: 0;} .filter-category-mobile-click{border: none; background: none; margin-top: -5px;} .filter-menu-mobile{display: none; position: fixed; width: 100%; height: 100%; background: #fff; z-index: 999; border-top: 1px solid #eee;} .filter-menu-mobile .header-filter{display: flex; padding-top: 26px;} .filter-menu-mobile .header-filter .img-header-filter{order: 2; margin: auto; margin-right: 30px;} .filter-menu-mobile .title-default-ft{display: flex; flex-direction: column; justify-content: center;} .filter-menu-mobile .header-filter .title-header-filter{font-size: 18px; font-weight: 500; line-height: 28px; color: #222222; padding-left: 20px;} .filter-menu-mobile .default-filter-categ{display: flex;} .filter-menu-mobile .default-filter-categ .img-default-ft{order: 2; margin: auto; margin-right: 30px;} .filter-menu-mobile .default-filter-categ, .filter-menu-mobile .child-filter-categ{height: 50px;} .filter-menu-mobile .child-filter-categ{display: flex; align-content: center; flex-wrap: wrap; padding-left: 20px;} .filter-menu-mobile .menu-filter-category{font-weight: 400; font-size: 16px; line-height: 19.09px; color: #222222; padding-left: 20px;} .show-product .filter-product .version-product-mobile{display: none; padding-right: 10px;} .show-product .filter-product .filter-category-mobile{display: none;} .infor-shw-pro-mobile{display: none;} .application_biz{margin-top: 123px;} .application_biz .direction-app, .terms-and-conditions .direction-app{margin: 20px 0 20px 0;} .application_biz .direction-app a, .terms-and-conditions .direction-app a{font-size: 14px; font-weight: 500; color: #79808C;} .application_biz .direction-app span, .terms-and-conditions .direction-app span{font-size: 14px; font-weight: 400; color: #33415C;} .apl-biz-search .container{background: #212B3F; border-radius: 14px;} .apl-biz-search .title-apl-search{font-size: 28px; font-weight: 700; line-height: 34px; padding-top: 53px; color: #fff;} .apl-biz-search .row{padding: 0 60px 0 60px;} .apl-biz-search .input-apl-search{padding: 20px 0 40px 0;} .img-banner-search img{width: 100%;} .apl-biz-search .img-banner-search{padding-top: 31px; float: right;} @media (min-width: 1200px){.apl-biz-search .container{width: 1400px !important;}} .apl-biz-search .has-search{padding: 20px 0 40px 0; float: none;} .apl-biz-search .has-search .fa{font-size: 20px;} .apl-biz-search .has-search .form-control{padding-left: 4.375rem; height: 52px; border-radius: 5px; color: #8A93A4; background: #FFFFFF1A; border: none; font-size: 15px;} .apl-biz-search .has-search .form-control-search{position: absolute; z-index: 2; display: block; width: 4.375rem; height: 2.375rem; line-height: 5rem; text-align: center; pointer-events: none; color: #fff;} .tab-apl-search{display: flex; color: #fff; font-size: 18px; font-weight: 700; line-height: 21.98px;} .tab-apl-search .hr-act-apl-search{text-align: center; height: 10px; margin-top: 15px; display: none;} .tab-apl-search .hr-search-active{display: block !important;} .show-product .filter-product .col-md-8, .show-product .filter-product .fee-product, .show-product .filter-product .version-product{display: flex;} .show-product .question-statistical{padding-right: 35px;} .show-product .question-statistical div{float: right;} .show-product{margin-top: 27px;} .show-product .filter-product span{font-weight: 400; font-size: 16px; line-height: 35.09px; color: #33415C;} .show-product .filter-product .category-pro{padding-right: 36px;} .show-product .filter-product .version-product{padding-left: 36px; padding-right: 10px;} .show-product .manager-product .img-shw-pro{border-radius: 8px; height: 160px; max-width: 290px; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 56px 50px;} .show-product .manager-product .col-md-3{margin-top: 50px;} .show-product .manager-product .intro-shw-pro .title-shw-pro{font-size: 19px; font-weight: 500; line-height: 30px; color: #18222E; margin: 25px 0 5px 0; width: 90%;} .show-product .manager-product .intro-shw-pro .title-shw-pro a{color: #18222E;} .show-product .manager-product .intro-shw-pro .detail-shw-pro{font-size: 15px; font-weight: 400; line-height: 26px; color: #33415C; margin-bottom: 15px;} .show-product .manager-product .infor-shw-pro-mobile .author-shw-pro{font-size: 13px; font-weight: 400; line-height: 15.51px; color: #33415C;} .show-product .manager-product .infor-shw-pro-mobile .evaluation-shw-pro{padding-top: 14px; font-size: 14px; line-height: 16.7px;} .show-product .manager-product .infor-shw-pro-mobile .evaluation-sold-shw-pro{display: flex; padding-top: 19px;} .show-product .manager-product .infor-shw-pro-mobile .sold-shw-pro{font-size: 13px; font-weight: 400; line-height: 15.51px; margin: auto; margin-right: 0; order: 2;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro{padding: 15px 0 20px 0;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro .author-shw-pro{font-size: 14px; font-weight: 400; line-height: 18px; color: #33415C;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro .author-shw-pro .text-author, .show-product .manager-product .infor-shw-pro-mobile .text-author{font-weight: 500; color: #1864B4;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro, .show-product .manager-product .infor-shw-pro .evaluation-sold-shw-pro{display: flex; color: #33415C; font-size: 14px; line-height: 16px; font-weight: 400;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro .price-shw-pro, .show-product .manager-product .infor-shw-pro-mobile .price-shw-pro{font-size: 17px; font-weight: 500; line-height: 22px; color: #FF864F;} .show-product .manager-product .infor-shw-pro .price-author-shw-pro .price-shw-pro, .show-product .manager-product .infor-shw-pro .evaluation-sold-shw-pro .sold-shw-pro{margin-left: auto; order: 2; padding-right: 15px;} .show-product .manager-product{display: flex; flex-wrap: wrap;} .show-product .button-add-to-card{color: #fff; background: #0674E5; font-size: 16px; font-weight: 400; line-height: 19.09px; border-radius: 6px; text-align: center; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); display: none;} .show-product .button-add-to-card .text-button-add-to-card{padding: 15px 20px; cursor: pointer;} .select-category-pro select{appearance: none; outline: 0; border: 0; box-shadow: none; flex: 1; padding: 0 1em; color: #33415C; font-weight: 400; font-size: 16px; line-height: 19.09px; background-color: #fff; background-image: none; cursor: pointer;} .select-category-pro select::-ms-expand{display: none;} .select-category-pro{position: relative; display: flex; border-radius: .25em; overflow: hidden; width: 13em;} .select-category-pro::after{content: '\25BC'; position: absolute; top: 0; right: 0; background-color: #fff; transition: .25s all ease; pointer-events: none;} .wrapper-category-pro.mobile{display: none;} .wrapper-category-pro select, .wrapper-category-pro input, .wrapper-category-pro textarea, .wrapper-category-pro button, .wrapper-version-pro select, .wrapper-version-pro input, .wrapper-version-pro textarea, .wrapper-version-pro button{line-height: 1; width: 100%;} .wrapper-category-pro svg, .wrapper-version-pro svg{height: 2ex; width: auto; flex: none; fill: currentColor;} .wrapper-category-pro, .wrapper-version-pro{position: relative; display: grid; gap: 0.25rem; font-weight: 400; font-size: 16px; line-height: 19.09px; color: #33415C;} .wrapper-category-pro .dropdown-category-pro, .wrapper-version-pro .dropdown-version-pro{display: inline-flex; align-items: center; position: relative;} .wrapper-category-pro .dropdown-toggle-category-pro, .wrapper-version-pro .dropdown-toggle-version-pro{display: none;} .wrapper-category-pro .dropdown-active, .wrapper-version-pro .dropdown-active{display: inline-flex; align-items: center; justify-content: space-between; flex-grow: 1; gap: 0.25rem; padding-right: 36px;} .wrapper-category-pro .dropdown-icon, .wrapper-version-pro .dropdown-icon{transition: transform 150ms ease; padding: 0 10px 0 10px;} .wrapper-category-pro .dropdown-category-pro[data-open="true"] .dropdown-icon, .wrapper-version-pro .dropdown-version-pro[data-open="true"] .dropdown-icon{transform: rotate(-0.5turn); padding: 0 10px 0 10px;} .wrapper-category-pro .dropdown-list, .wrapper-version-pro .dropdown-list{position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; padding: 1rem; list-style: none; background-color: #fff; box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; border-radius: 1rem; z-index: 999; display: none;} .wrapper-category-pro .dropdown-toggle-category-pro:checked + .dropdown-list, .wrapper-version-pro .dropdown-toggle-version-pro:checked + .dropdown-list{display: block;} .wrapper-category-pro .dropdown-list li, .wrapper-version-pro .dropdown-list li{padding: 1rem; border-radius: 0.5rem; cursor: pointer;} .wrapper-category-pro .dropdown-list li:hover, .wrapper-version-pro .dropdown-list li:hover{background-color: #fafaff;} .wrapper-category-pro .dropdown-list li.active, .wrapper-version-pro .dropdown-list li.active{background-color: #11103c;} #all_product, #has_fee, #no_fee{width: 76px; height: 36px; text-align: center; display: flex; justify-content: center; flex-direction: column; cursor: pointer; margin-right: 10px;} .fee-product-active{background: #EBEDF0; border-radius: 3px;} #render_ung_dung{margin-bottom: 63px;} .walking-loading{text-align: center;} .faq-biz{background: #F5F5F5;} .faq-biz .container-faq{background-color: #fff; border-radius: 8px; margin-bottom: 115px;} .container-answer-faq .title-faq{padding: 30px 0 15px 30px; font-size: 32px; font-weight: 700; line-height: 39px; color: #33415C;} .container-answer-faq .title-faq-small{padding: 0 0 50px 30px; font-size: 15px; font-weight: 400; line-height: 17.89px; color: #33415C;} .container-answer-faq .answer-faq{padding: 0 30px 32px 30px;} .container-answer-faq .answer-faq .title-answer-faq{font-weight: 700; font-size: 18px; line-height: 22px; color: #33415C; display: flex;} .container-answer-faq .answer-faq .title-answer-faq .img-drop-faq{order: 2; margin: auto; margin-right: 0;} .container-answer-faq .answer-faq .detail-answer-faq{font-size: 17px; font-weight: 400; line-height: 20.28px; color: #33415C; padding: 27px 0 0 30px; display: none;} .container-answer-faq .answer-faq .hr-faq{width: 100%; padding-top: 30px;} .title-answer-faq-active .title-answer-faq{color: #1983EF !important;} .popup-success{display: none; position: fixed; z-index: 999; background: #0099FF; font-size: 20px; border-radius: 15px; padding: 10px; color: #fff; left: 0; top: 20%; right: 0; text-align: center; width: 500px; margin-left: auto; margin-right: auto;} .terms-and-conditions .title{font-size: 28px; font-weight: 700; line-height: 34px; padding-top: 58px; color: #18222E; text-align: center;} .terms-and-conditions .body{padding-top: 30px;} .popup_detail_application{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; display: none;} .popup_detail_application .detail_info{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: 670px; border-radius: 16px; background: #FFF; box-shadow: 0px 4px 40px -5px rgba(0, 0, 0, 0.5); padding: 30px; color: #33415C;} @media (max-width: 992px){.popup_detail_application .detail_info{width: 80% !important;}} .popup_detail_application .detail_info .close-popup{cursor: pointer; position: absolute; right: 0; top: 0; margin-top: -20px; margin-right: -20px;} .popup_detail_application .detail_info .show-dt-app .left-img, .popup_detail_application .detail_info .show-dt-app .right-info{width: 50%;} .popup_detail_application .detail_info .show-dt-app .left-img img{border-radius: 8px; width: 100%; height: 172px; background-repeat: no-repeat; background-size: cover; background-position: center;} .popup_detail_application .detail_info .show-dt-app .right-info{padding-left: 30px;} .popup_detail_application .detail_info .show-dt-app .right-info .title{color: #18222E; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; margin-bottom: 10px;} .popup_detail_application .detail_info .show-dt-app .right-info .tech-info{margin-bottom: 9px; color: #33415C; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;} .popup_detail_application .detail_info .show-dt-app .right-info .tech-info .text-tech{color: #1864B4; font-weight: 500;} .popup_detail_application .detail_info .show-dt-app .right-info hr{opacity: 0.1; padding: 0; background: #33415C; height: 1px; margin: 6px 0 13px 0;} .popup_detail_application .detail_info .show-dt-app .right-info .price-author-shw-app{display: flex; justify-content: space-between;} .popup_detail_application .detail_info .show-dt-app .right-info .price-author-shw-app .author-shw-app{overflow: hidden; color: #33415C; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;} .popup_detail_application .detail_info .show-dt-app .right-info .price-author-shw-app .author-shw-app .text-app{color: #1864B4; font-weight: 500;} .popup_detail_application .detail_info .show-dt-app .right-info .price-author-shw-app .price-shw-app{color: #FF864F; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal;} .popup_detail_application .detail_info .show-dt-app .right-info .evaluation-sold-shw-app{margin-top: 13px; display: flex; justify-content: space-between;} .popup_detail_application .detail_info .show-dt-app .right-info .evaluation-sold-shw-app .evaluation-shw-app, .popup_detail_application .detail_info .show-dt-app .right-info .evaluation-sold-shw-app .sold-shw-app{font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;} .popup_detail_application .detail_info .show-dt-app .version-choose{margin-top: 30px;} .popup_detail_application .detail_info .show-dt-app .version-choose .d-flex{flex-wrap: wrap;} .popup_detail_application .detail_info .show-dt-app .version-choose .title{color: #33415C; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 15px;} .popup_detail_application .detail_info .show-dt-app .version-choose .choose-ver{cursor: pointer; padding: 15px; border-radius: 5px; border: 1px solid #EBECEF; margin-right: 9px; margin-bottom: 10px; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; min-width: 85px; text-align: center;} .popup_detail_application .detail_info .show-dt-app .version-choose .choose-ver-active, .popup_detail_application .detail_info .show-dt-app .version-choose .choose-ver:hover{background: #0674E5; color: #fff;} .popup_detail_application .detail_info .show-dt-app .button-add-to-cart-popup{cursor: pointer; margin-top: 20px; width: 100%; padding: 20px; border-radius: 4px; background: #595D74; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); color: #FFF; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; text-align: center;} .popup_detail_application .detail_info .show-dt-app .button-add-to-cart-popup img{margin-left: 10px;} .popup_detail_application .detail_info .show-dt-app .button-add-to-cart-popup-active{background: #0674E5;} 

/* /icsc_bizapps/static/src/less/website_info_footer.less defined in bundle 'web.assets_frontend' */
 .info-data-custom{margin-bottom: 60px;} .info-data-custom .title-info-data{font-weight: 500; box-sizing: border-box; color: #085294; font-size: 40pt; text-align: center; margin: 40px 0;} .info-data-custom .des-info-data{margin-bottom: 20px; font-size: 18px; font-weight: 400; color: #212529; text-align: center;} .info-data-custom .des-vanchuyen{margin-bottom: 20px; font-size: 24px; font-weight: 500; color: #777; text-align: center;} .info-data-custom .des-tinhphi{margin-bottom: 20px; font-size: 24px; font-weight: 500; color: #777; text-align: center;} .info-data-custom .des-thanhtoan{margin-bottom: 20px; font-size: 18px; font-weight: 400; color: #212529;} .info-data-custom .des-chinhsach{margin-bottom: 20px; font-size: 18px; text-align: center; font-weight: 400;} .info-data-custom .des-cancutheo{margin-bottom: 20px;} .info-data-custom .des-cancutheo div{margin-bottom: 10px; font-size: 14px;} .info-data-custom .body-info-custom{font-size: 18px; font-weight: 400; color: #212529; line-height: 1.38;} .info-data-custom .body-info-custom ul{padding-inline-start: 40px;} .info-data-custom .body-info-custom li{list-style-type: disc; font-size: 18px; color: #212529; font-weight: 400; font-style: normal; text-decoration: none; vertical-align: baseline;} .info-data-custom .body-info-custom div{text-align: justify;} .info-data-custom .body-info-custom p{text-align: justify; margin: 0;} .info-data-custom .body-info-custom .margin-10-0-10-20{margin: 10px 0 10px 20px;} .info-data-custom .body-info-custom .margin-left-40{margin-left: 40px;} .info-data-custom .body-info-custom .margin-left-20{margin-left: 20px;} .info-data-custom .body-info-custom .index-info{font-size: 18pt; color: #337ab7; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; margin: 20px 0;} .info-data-custom .body-info-custom .body-tinhphi .dt-title-tinhphi{color: #085294; font-size: 24px; font-weight: 700; margin: 20px 0;} .info-data-custom .body-info-custom .body-tinhphi div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-thanhtoan .dt-title-thanhtoan{margin: 20px 0; color: #3984c6; font-size: 18pt; font-weight: 700;} .info-data-custom .body-info-custom .body-thanhtoan div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-thanhtoan .span-blue{color: #046380; margin-left: 10px;} .info-data-custom .body-info-custom .body-hotro div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-hotro .dt-title-hotro{margin-bottom: 20px; font-weight: 700; font-size: 18pt;} .info-data-custom .body-info-custom .body-thanhtoan div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-thanhtoan .dt-title-chinhsach{margin: 20px 0; color: #085294; font-size: 24px; font-weight: 700;} .info-data-custom .body-info-custom .body-thanhtoan .title-chinhsach{font-weight: 700;} .info-data-custom .body-info-custom .body-dieukhoan .dt-title-dieukhoan{margin: 20px 0; color: #085294; font-size: 24px; font-weight: 700;} .info-data-custom .body-info-custom .body-dieukhoan div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-vanchuyen div{margin-bottom: 10px;} .info-data-custom .body-info-custom .body-hoanphi .title-hoanphi{margin: 20px 0; color: #085294; font-size: 24px; font-weight: 700;} .info-data-custom .body-info-custom .body-hoanphi div{margin-bottom: 10px;} 

/* /icsc_bizapps/static/src/less_new/header.less defined in bundle 'web.assets_frontend' */
 #wrapwrap{font-family: 'Inter', sans-serif !important;} @media (min-width: 1200px){.container{width: 1350px !important;}} #wrapwrap a:hover{text-decoration: none !important;} #wrapwrap a:focus{text-decoration: none !important;} header .navbar-default{z-index: 123 !important; height: 123px; position: fixed; width: 100%; border: 0; background-color: #fff !important;} .logo-bizapps{width: auto; max-height: unset; margin: 0;} .li-submenu a{color: #222222; font-size: 17px; font-weight: 400; margin: 0 17.5px 0 17.5px;} .li-submenu a:hover{text-decoration: none; color: #007EFF !important;} .active-current{color: #007EFF !important;} header a.navbar-brand.logo img{width: auto; max-height: unset; margin: 0; margin-top: 20px;} .button-login a, .button-register a{color: #fff; font-size: 15px; font-weight: 400;} .button-login a:hover, .button-register a:hover{font-weight: bold; color: #fff;} .button-login button{background-color: #1983EF; border-radius: 5px; width: 103px; height: 36px; border: none; border-color: #1983EF;} .button-login{border-radius: 5px;} .button-register button{background-color: #FF7739; border-radius: 5px; width: 86px; height: 36px; border: none; border-color: #FF7739;} .button-register a, .button-login a, .button-register a:focus, .button-register a:hover, .button-login a:focus, .button-login a:hover{color: #fff !important;} .custom-toolbar{margin: auto; margin-top: 17px; display: flex; justify-content: space-between; flex-wrap: wrap;} .custom-toolbar .container-icon-header{display: flex; font-size: 14px; font-weight: 400; color: #79808C;} .custom-toolbar .container-icon-header a{color: #79808C;} .custom-toolbar .container-icon-header a:hover, .custom-toolbar .container-icon-header a:focus{color: #007EFF; text-decoration: none;} .custom-toolbar .icon-header{padding: 0 10px 0 20px;} .custom-toolbar .icon-header.phone{padding-left: 0; margin-top: -2px;} .custom-toolbar .icon-header.contact, .custom-toolbar .icon-header.help, .custom-toolbar .icon-header.email{margin-top: -5px;} .custom-toolbar .icon-header.recruitment{margin-top: -4px;} .header-menu{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative;} .header-menu .navbar-header-left, .header-menu .navbar-header-center, .header-menu .navbar-header-right{display: flex; align-items: center;} .header-menu .navbar-header-left{flex: 1;} .header-menu .navbar-header-center{flex: 4; justify-content: center; flex-wrap: wrap; margin-top: 30px;} .header-menu .navbar-header-center .title-submenu{display: flex; justify-content: center;} .header-menu .navbar-header-right{flex: 1; justify-content: flex-end; margin-top: 30px;} .header-menu .account-header .dropdown a{color: #222222; font-size: 17px; font-weight: 400;} .header-menu .account-header .dropdown a:focus{text-decoration: none;} .header-menu .account-header{display: flex; margin: -7px 0 0 0;} .header-menu .account-header .dropdown-menu{left: unset; margin: 10px 0 0 -15px;} .header-menu .account-header a{font-weight: 400; font-size: 15px; line-height: 17.89px; color: #222; text-decoration: none;} .header-menu .account-header a:focus, .header-menu .account-header a:hover{color: #222; text-decoration: none;} @media (max-width: 1390px){.left-menu .devide-menu-item{margin: 0 5px!important;}.custom-container{width: 100%; padding: 0;}} .isdashboardheader .custom-toolbar{display: none !important;} .isdashboardheader .custom-container{width: 100% !important;} .isdashboardheader .navbar-default{height: 90px; box-shadow: unset !important;} .isdashboardheader .dropdown-menu{left: 40%;} .isdashboardheader .fa-angle-down{display: none;} .isdashboardheader .account-header{margin-right: 15px;} .isdashboardheader .navbar-brand{padding-left: 30px !important;} @media (max-width: 1202px){.custom-toolbar{display: none !important;}.custom-container{display: none !important;}.custom-container-small{display: flex !important;}header .navbar-default{height: 70px;}.nothomepage{margin-top: 68px !important;}.nothomepage.no-margin-top{margin-top: 0 !important;}.logo-bizapps{padding: 20px 10px 10px 10px; width: 96px;}} header .navbar{border-radius: 0 !important; position: fixed !important; box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.05);} .custom-container-small{display: none;} .nav-icon{padding-top: 25px;} .container-nav{background-color: #fff;} .left-small, .right-small{padding: 0 10px;} .left-small{width: 40%;} .account-small{width: 48%; margin-top: 25px;} .href-account-small{color: #222222; font-size: 15px; font-weight: 400;} .button-register:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px 0px;} .button-register{border-radius: 5px; margin-right: 10px;} .button-login:hover{box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px 0px;} .hr-header{color: #E9E9E9; margin: 0; padding: 0;} .li-submenu-small a{color: #222222; font-size: 16px; font-weight: 400; padding: 17.5px 10px 17.5px 10px;} .li-submenu-small{display: flex;} .btn-default-small{background: none; border: #fff;} .default-menu-small{display: none; overflow-x: scroll; height: 600px; margin-top: 12px;} .active-current-small{background-color: #f3f3f3;} .active-current-small a{font-weight: 500;} .drop-down-small{float: right; padding-right: 15px;} .drop-menu-small span{color: #222222; font-size: 16px; font-weight: 400; padding: 17.5px 10px 17.5px 0;} .child-menu-small{display: none; padding-left: 15px;} .active{display: block !important;} .img-active{display: none;} .active-current-img-small{display: block !important;} .li-submenu-drop-small{display: flex;} .drop-menu-small{width: 100%;} .button-account-small{display: flex;} .button-register-small{margin: 36px 10px 30px 20px; background-color: #FF7739;} .button-login-small{margin: 36px 20px 30px 10px; background-color: #1983EF;} .button-register-small, .button-login-small{width: 50%; text-align: center; height: 52px; border-radius: 5px;} .button-register-small p, .button-login-small p{color: #fff; font-size: 16px; font-weight: 400; padding: 18px;} .container-account-small .account-submenu-small{padding: 17.5px 10px 17.5px 10px;} .account-sub{padding-left: 15px; display: none;} .container-account-small .account-submenu-small span, .container-account-small .account-submenu-small a{color: #222222; font-size: 16px; font-weight: 400;} .account-active{display: block !important;} .avatar-small{vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;} #account_small{float: right; padding-right: 10px;} #title_drop{font-size: 18px; font-weight: 500; display: none; padding: 20px 10px 10px 10px; color: #222222;} .cart-header{display: flex;} .cart-header .count-cart{margin-left: -15px; margin-top: -10px; height: 13px; width: 13px; background: #FF5959; color: #fff; border-radius: 50%; font-size: 9px; font-weight: 700; border: 1px solid #fff; text-align: center;} .dropdown-menu-custom{border-radius: 3px; width: 302px; margin-top: 32px !important;} .dropdown-menu-custom .li-submenu{font-size: 16px; font-weight: 400; line-height: 45px; color: #222;} .dropdown-menu-custom .active-li{background: #f4f4f4; border-left: 3px solid #0674E5;} .dropdown-menu-custom .active-li a, .dropdown-menu-custom span{color: #222 !important;} 

/* /icsc_bizapps/static/src/less_new/home.less defined in bundle 'web.assets_frontend' */
 @media (min-width: 992px){.implementation-process .table-impl-pr .row{display: flex; justify-content: center;}} @media (max-width: 1200px){.img-in-banner img{width: 100%;}} @media (max-width: 992px){.container-overview-home .number-overview{font-size: 30px !important;}div.slide_home{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/banner-small.webp) !important; margin-top: 8vmax; background-size: 100% 100%; background-repeat: no-repeat;}.sub-title-banner-home{margin: 17px 0 24px 0 !important; background: none !important;}.title-banner-home{font-size: 24px; font-weight: 700; line-height: 34px;}.container-banner-home{padding-top: 60px; color: #FFF; min-height: 530px;}.container-arrow-banner{float: left !important; width: 100%; margin-top: 15px !important;}.container-overview-home .col-md-6 .row{display: flex;}.container-overview-home .col-md-6 .row .col-md-6{width: 50%;}.img-overview{padding-top: 60px;}.title-overview{padding-bottom: 0 !important;}.enterprise-platform .img-plat{width: 100% !important; margin-top: 60px;}.enterprise-platform .title-plat{font-size: 28px !important; line-height: 36px !important;}.enterprise-platform{border-radius: 0px 50px 0px 0px !important;}.power-system{display: none;}.power-system-mobile{display: block !important;}.foundation-technology-mobile{display: block !important;}.foundation-technology{display: none;}.img-home-ft{display: none;}.enterprise-platform .intro-plat{width: 100% !important;}.img-home-ft-mobile{display: block !important;}.title-home-ft{font-size: 28px !important; width: 100% !important;}.implementation-process .title-impl-pr{padding: 0 0 30px 0 !important; font-size: 28px !important; line-height: 36px !important;}.implementation-process .button-impl-pr{width: 100% !important; cursor: pointer;}.implementation-process .impl-1{margin-left: 0 !important;}.implementation-process .row{padding-top: 56px !important;}.implementation-process .impl-3{margin: 50% 0 0 0 !important;}.implementation-process .impl-2{margin: 40px 0 0 0 !important;}.main-partner-content .title-item-box{padding: 80px 0 30px 0 !important;}.advisory-form .row-infor .col-md-2{width: 41% !important;}.advisory-form .row-infor .col-md-10{width: 59% !important;}.advisory-form .container{padding: 80px 0 80px 0 !important;}.advisory-form{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/background-ad-fm-mb.webp) !important;}.gender-inq-ct{padding-top: 30px;}} @media (max-width: 992px){.implementation-process .impl-1{margin: 0 !important;}.implementation-process .impl-3{margin: 20px 0 0 0 !important;}.implementation-process .impl-2{margin: 20px 0 0 0 !important;}.implementation-process .table-impl-pr .row{display: flex; flex-direction: column; align-content: center; flex-wrap: wrap;}} @media (min-width: 992px){div.slide_home{margin-top: 6vmax;}.title-banner-home{font-size: 36px; font-weight: 700; line-height: 48px;}.container-banner-home{padding-top: 60px; color: #FFF; min-height: 720px;}} .slide_home{background: url(/icsc_bizapps/static/src/img-new-interface/img-home/background-header.webp); background-size: 100% 620px; background-repeat: no-repeat; width: 100%; margin-top: 7vmax;} .img-in-banner{contain-intrinsic-size: 1132px 359px;} .slide_home .w3-animate-bottom{animation: animatebottom 1s !important;} .slide_home .w3-animate-left{animation: animateleft 1s !important;} .slide_home .w3-animate-right{animation: animateright 1s !important;} .slide_home .w3-animate-top{animation: animatetop 1s !important;} .foundation-technology .w3-animate-left{animation: animateleft 2s !important;} .foundation-technology .tab-fd1.w3-animate-bottom{animation: animatebottom 2s !important;} .foundation-technology .tab-fd2.w3-animate-bottom{animation: animatebottom 3s !important;} .foundation-technology .tab-fd3.w3-animate-bottom{animation: animatebottom 4s !important;} .foundation-technology .tab-fd4.w3-animate-bottom{animation: animatebottom 5s !important;} .container-overview-home .w3-animate-left, .enterprise-platform .w3-animate-left{animation: animateleft 2s !important;} .container-overview-home .w3-animate-right, .enterprise-platform .w3-animate-right{animation: animateright 2s !important;} .container-overview-home .w3-animate-bottom{animation: animatebottom 1s !important;} .d-flex{display: flex;} .container-banner-home .d-flex{justify-content: center;} .sub-title-banner-home{background: #0674E5; border-radius: 19px; padding: 9px 20px; font-size: 16px; font-weight: 400; margin-bottom: 29px;} .container-arrow-banner{margin-top: 32px; float: right; background: rgba(255, 255, 255, 0.1); border-radius: 5px;} .arrow-left-banner, .arrow-right-banner{border-radius: 5px; padding: 16px 23px 19px 23px; background: linear-gradient(#0674E5 0 0) no-repeat calc(0% - 100%) 0%, linear-gradient(#0674E5 0 0) no-repeat calc(200% - 0%) 0%, linear-gradient(#0674E5 0 0) no-repeat calc(0% - 100%) 100%, linear-gradient(#0674E5 0 0) no-repeat calc(200% - 0%) 100%; background-size: 50.5% calc(0%/2 + 0.5%); outline-offset: .1em; transition: background-size 0.4s, background-position 0s 0.4s;} .arrow-left-banner:hover img, .arrow-right-banner:hover img{border-radius: 4px;} .arrow-left-banner:hover, .arrow-right-banner:hover{background: linear-gradient(#0674E5 0 0) no-repeat calc(100% - 100%) 0%, linear-gradient(#0674E5 0 0) no-repeat calc(200% - 100%) 0%, linear-gradient(#0674E5 0 0) no-repeat calc(100% - 100%) 100%, linear-gradient(#0674E5 0 0) no-repeat calc(200% - 100%) 100% !important; background-size: 50.5% calc(100%/2 + 0.5%) !important; transition: background-position 0.4s, background-size 0s;} .arrow-left-banner:active, .arrow-right-banner:active{box-shadow: 0 0 9e9q inset #0009; background-color: #0674E5; color: #fff;} .arrow-left-banner span, .arrow-right-banner span{color: #fff; font-size: 17px; font-weight: 400; padding-left: 15px;} .container-overview-home{color: #18222E; padding-bottom: 120px;} .container-overview-home .title-overview{color: #18222E; padding: 38px 0 50px 0; font-size: 18px; font-weight: 400;} .container-overview-home .number-overview{opacity: 0.0; padding: 20px 0 13px 0; font-size: 44px; font-weight: 700; color: #0674E5;} .detail-overview{font-size: 15px; font-weight: 400;} .img-overview, .detail-overview{opacity: 0.0;} .fade-in-img{opacity: 1.0 !important; transition: opacity 0.5s linear;} .fade-in{opacity: 1.0 !important; transition: opacity 1s linear;} .fade-in-text{opacity: 1.0 !important; transition: opacity 3s linear;} .enterprise-platform .title-plat{font-size: 36px; font-weight: 700; line-height: 50px; color: #18222E;} .enterprise-platform .intro-plat{margin-top: 30px; font-size: 17px; font-weight: 400; line-height: 32px; width: 84%;} .enterprise-platform .biz-span{color: #0674E5; font-weight: 700;} .enterprise-platform{background: #F5F6F9; padding: 120px 0 140px 0; border-radius: 0px 100px 0px 0px;} .enterprise-platform .img-plat{width: 100%; margin-left: -3%; contain-intrinsic-size: 728px 550px;} .slides-pw-system{display: flex; width: 7000px; -webkit-animation: slide 32s ease infinite;} .power-system .title-pw-system{margin: 120px 0 20px 0; font-size: 36px; font-weight: 700; color: #18222E;} .power-system-mobile .title-pw-system{margin: 120px 90px 20px 20px; font-size: 28px; font-weight: 700; color: #18222E;} .power-system .title-pw-system span, .power-system-mobile .title-pw-system span{color: #0674E5;} .power-system .intro-title, .power-system-mobile .intro-title{font-size: 18px; font-weight: 400; margin-bottom: 90px;} .power-system-mobile .intro-title{margin-left: 20px;} .power-system .img-slide, .power-system-mobile .img-slide{width: 90%; margin-bottom: 20px; border-radius: 8px;} .power-system .title-slide, .power-system-mobile .title-slide{font-size: 20px; font-weight: 700; color: #18222E;} .power-system{overflow: hidden;} .power-system .intro-slide, .power-system-mobile .intro-slide{font-size: 16px; font-weight: 400; margin: 5px 0 0 0; line-height: 28px; max-width: 90%; color: #33415C;} .power-system .icon-slide, .power-system-mobile .icon-slide{margin: 20px 0 120px 0;} .power-system ul, .power-system-mobile ul{list-style: inside;} .power-system .slide-pw{width: 450px;} .container-control-slide{display: flex; justify-content: flex-end;} .container-control-slide .control-slide{padding: 10px;} .foundation-technology{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/foundation-technology.webp); background-size: 100% 100%; background-repeat: no-repeat;} .foundation-technology .title-fd{color: #18222E; font-weight: 700; font-size: 36px; line-height: 50px; padding: 156px 0 15px 0;} .foundation-technology .intro-fd{color: #18222E; font-weight: 400; font-size: 18px; line-height: 30px; padding: 0 0 50px 0;} .foundation-technology .container-fd .col-md-3{padding: 0; margin: 0 40px 0 0; background: #fff; border-radius: 12px;} .foundation-technology .container-fd .img-fd{padding: 31px 0 29px 35px;} .foundation-technology .container-fd .detail-fd{color: #252F3B; padding: 0 20px 35px 35px; font-size: 16px; line-height: 28px;} .foundation-technology .container-fd{margin-bottom: 100px; display: flex;} .foundation-technology-mobile{display: none; background: #F5F6F9; border-radius: 0px 50px 0px 0px; padding: 0 !important;} .foundation-technology-mobile .container{padding: 0; overflow-x: auto;} .foundation-technology-mobile .title-fd{color: #18222E; font-weight: 700; font-size: 28px; line-height: 36px; padding: 81px 0 30px 22px;} .foundation-technology-mobile .intro-fd{color: #18222E; font-weight: 400; font-size: 18px; line-height: 30px; padding: 0 0 30px 22px;} .foundation-technology-mobile .container-fd .col-fd{padding: 0; margin: 0 40px 0 0; background: #fff; border-radius: 12px;} .foundation-technology-mobile .container-fd .img-fd{padding: 31px 0 29px 35px; width: 290px;} .foundation-technology-mobile .container-fd .detail-fd{color: #252F3B; padding: 0 20px 35px 35px; font-size: 16px; line-height: 28px;} .foundation-technology-mobile .container-fd{margin-bottom: 100px; display: flex; overflow-x: auto;} .container-pw-mobile{display: flex; padding-left: 20px; overflow-x: auto;} .container-pw-mobile .img-mobile{width: 326px;} .power-system-mobile{display: none; padding: 0!important;} .precess-benefit{padding: 50px 0; width: 100%; background: #00265F;} .precess-benefit .wrap-circle{position: relative;} .title-home-ft{padding: 60px 0 0 0; font-size: 36px; font-weight: 300; line-height: 50px; width: 90%;} .b-title-home-ft{font-weight: 700;} .title-ft{padding-top: 90px; font-size: 24px; font-weight: 500; line-height: 30px;} .detail-ft{padding-top: 30px; font-size: 17px; font-weight: 400; line-height: 30px;} .home-ft-container{color: #fff !important;} .img-home-ft{padding-top: 30px;} .intro-ft-1, .intro-ft-2{display: none; min-height: 600px;} .active-intro-ft{display: block !important; animation: animation_opacity_show 2s;} @keyframes animation_opacity_show{0%{opacity: 0;}50%{opacity: 0.5;}100%{opacity: 1;}} .img-home-ft img{width: 100%; contain-intrinsic-size: 720px 746px;} .img-home-ft-mobile{display: none;} .img-home-ft-mobile img{width: 100%;} .implementation-process{background: #F5F6F9; padding-bottom: 138px;} .implementation-process .impl-1{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/group1.webp); background-size: 100% 100%; width: 290px; height: 250px;} .implementation-process .impl-2{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/group2.webp); background-size: 100% 100%; width: 290px; height: 250px; margin-top: 40px;} .implementation-process .impl-3{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/group3.webp); background-size: 100% 100%; width: 290px; height: 250px; margin-left: -30px; margin-top: 50%;} .implementation-process .row{padding-top: 116px;} .implementation-process .title-impl-pr{padding: 154px 0 30px 0; color: #18222E; font-weight: 700; font-size: 32px; line-height: 50px;} .implementation-process .intro-impl-pr{padding-bottom: 50px; color: #18222E; font-weight: 400; font-size: 17px; line-height: 28px;} .implementation-process .button-impl-pr:hover{animation: wiggle 2s linear infinite; font-weight: bold;} .implementation-process .button-impl-pr{width: 219px; height: 60px; border-radius: 4px; background: #0674E5; text-align: center; color: #fff; font-size: 17px; font-weight: 500; cursor: pointer;} .implementation-process .button-impl-pr div{padding: 20px 0 19px 0;} .implementation-process .button-impl-pr span{padding-left: 10px;} .implementation-process .impl-1 .container-impl{text-align: center; padding-top: 48px; padding-left: 10px; font-size: 18px; font-weight: 400; line-height: 30px;} .implementation-process .impl-2 .container-impl{text-align: center; padding-top: 23px; padding-left: 10px; font-size: 18px; font-weight: 400; line-height: 30px;} .implementation-process .impl-3 .container-impl{text-align: center; padding-top: 29px; padding-left: 10px; font-size: 18px; font-weight: 400; line-height: 30px;} .implementation-process .impl-1 .intro-imp{padding-top: 28px;} .implementation-process .impl-2 .intro-imp{padding-top: 12px;} @keyframes wiggle{0%, 7%{transform: rotateZ(0);}15%{transform: rotateZ(-15deg);}20%{transform: rotateZ(10deg);}25%{transform: rotateZ(-10deg);}30%{transform: rotateZ(6deg);}35%{transform: rotateZ(-4deg);}40%, 100%{transform: rotateZ(0);}} .main-partner-content .title-item-box{font-size: 18px; font-weight: 400; line-height: 30px; padding: 100px 0 30px 0; color: #18222E;} .main-partner-content{padding-bottom: 98px;} .advisory-form{color: #fff; background-image: url(/icsc_bizapps/static/src/img-new-interface/img-home/background-ad-fm.webp); background-size: 100% 100%; background-repeat: no-repeat;} .advisory-form .container{padding: 108px 0 108px 0;} .advisory-form .title-ad-fm{font-size: 32px; font-weight: 700; line-height: 30px; padding: 10px 0 20px 0;} .advisory-form .intro-ad-fm{font-size: 15px; font-weight: 400; line-height: 26px; padding: 10px 0 20px 0; color: rgba(255, 255, 255, 0.6);} .img-hr-ad-fm img{width: 100%;} .info-ad-fm .row{padding: 5px 0 15px 0;} .advisory-form .title-info{color: #1983EF; font-size: 16px; font-weight: 700; line-height: 26px;} .advisory-form .intro-info{font-size: 16px; font-weight: 400; line-height: 26px;} .advisory-form .row-infor .col-md-3{width: 22%; padding-right: 0;} .advisory-form .row-infor .col-md-9{width: 78%; padding-left: 10px;} .advisory-form .row-infor{display: flex;} .inquiry_contact_form{background: #fff; border-radius: 12px; color: #2B4053;} .container-inq-ct{padding: 6px 40px 38px 40px;} .container-inq-ct .p-info-tu-van img{margin-right: 10px;} .container-inq-ct .info-inq-ct{font-size: 13px; font-weight: 700; line-height: 20px; padding-bottom: 10px; padding-top: 40px;} .container-inq-ct .input-inq-ct{border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #DBDEE8; width: 100%;} #inquiry_form_id #message{height: 65px;} #inquiry_form_id label{font-size: 14px; font-weight: 400 !important; line-height: 20px; font-family: 'Helvetica Neue', sans-serif !important;} .container-inq-ct .submit-inq-ct{width: 100%; background: #1983EF; border-radius: 28px; height: 56px; margin-top: 26px; border: none; color: #fff; font-size: 15px; font-weight: 700;} .container-inq-ct .submit-inq-ct span{margin-left: 20px;} .container-info{width: 90%;} 

/* /icsc_bizapps/static/src/less_new/footer.less defined in bundle 'web.assets_frontend' */
 .container-icon-footer-small{margin-top: 50px; color: #FFF; font-size: 16px; font-weight: 700; line-height: 26px;} .container-icon-footer-small .follow-footer{margin-bottom: 18px !important;} .term-footer{margin-top: 40px;} .term-footer .img-biz{margin-bottom: 50px;} .isdashboardfooter{display: none !important;} .info-company{margin-bottom: 25px;} .info-company .dt-info-cm{margin-left: 22px; margin-right: 40px;} .href-contain{margin-top: 67px;} .info-company .dt-info-cm .main-info, .info-company .dt-info-cm .extra-info{color: #FFF; font-size: 15px; font-weight: 500; line-height: 26px;} .info-company .dt-info-cm .extra-info{color: #AAB4C3;} .container-footer-large .contain-doitac{margin-top: 93px;} .container-footer-large .contain-mobileapp{margin-top: 82px;} .container-footer-small .contain-mobileapp, .container-footer-small .contain-doitac, .container-footer-small .contain-trogiup{margin-top: 50px;} .opportunitie-contactus{z-index: 11; position: relative;} .footer-icon{width: 28px; height: 28px; border-radius: 50%; margin: 5px 10px 0 0; text-align: center;} .term-footer .term-title{padding: 18px 0 0 67px; color: rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 16px;} .container-icon-footer{margin-top: 37px; color: #FFF; font-size: 16px; font-weight: 700; line-height: 26px;} .container-icon-footer .follow-footer{margin-bottom: 18px !important;} .container-icon-footer .follow-footer, .container-icon-footer-small .follow-footer{margin: 10px 10px 0 0;} .footer-icon-fb:hover{background: #0674E5; box-shadow: 0 0 5px 5px olive;} .footer-icon-twitter:hover, .footer-icon-linkedin:hover{background: #fff; box-shadow: 0 0 5px 5px olive;} .footer-icon-youtube:hover{background: red; box-shadow: 0 0 5px 5px olive;} #bizapp-footer{background: #0A1B33;} .hr-fotter{padding: 67px 0 23px 0;} .hr-fotter-small{padding: 20px 0 40px 0;} .hr-fotter img, .hr-fotter-small img{width: 100%;} .term-footer-small{margin-top: 24px; margin-bottom: 50px;} .term-footer-small .logo-small{margin-bottom: 50px;} .title-menu-footer{font-weight: 700; font-size: 18px; line-height: 30px; color: #ffffff;} .hr-menu-footer{height: 10px; margin: 10px 0 40px 0;} .hr-menu-footer img{width: 30px; height: 3px;} .menu-footer{margin-top: 5px;} .menu-footer div a{color: rgba(255, 255, 255, 0.5); font-size: 15px; font-weight: 500;} .menu-footer div a:hover{color: #007EFF !important;} .menu-footer div{padding: 0 0 20px 0;} .img-app-fotter{margin-top: 15px; border-radius: 8px;} .img-app-fotter:hover{background: #0674E5; box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.15);} .copy-right, .copy-right a{color: rgba(255, 255, 255, 0.5); font-size: 15px; font-weight: 400; padding-bottom: 25px; color: #94A0B4; line-height: 26px;} .copy-right span{color: #0674E5;} .copy-right a:hover{color: rgba(255, 255, 255, 0.5);} @media (max-width: 1024px){.container-footer-large{display: none;}.container-footer-small{display: block !important;}} .container-footer-small{display: none;} .term-title-small{font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.5); padding: 5px 0 5px 0;} .container-footer-small .row{display: flex;} .container-footer-small .col-md-6{width: 50%;} .container-footer-large .notification-icon{margin-left: 28px; margin-top: -7px;} .container-footer-small .notification-icon{margin-top: 10px;} .img-bocongthuong{margin-top: 20px;} .img-bocongthuong img{max-width: 191px; max-height: 72px;} 

/* /icsc_bizapps/static/src/less_new/detail_application.less defined in bundle 'web.assets_frontend' */
 .detail-application-biz{color: #33415C;} .detail-application-biz a{cursor: pointer;} .detail-application-biz .direction-app a{color: #79808C; font-size: 14px; font-weight: 500; line-height: 17.09px;} #hr_evaluate{display: none;} .detail-application-biz .direction-app{padding-top: 20px;} .detail-application-biz .direction-app span{color: #33415C;} .container-detail-app{margin-top: 50px;} .container-detail-app .img-detail-app img{margin: 15px;} .container-detail-app .img-detail-app{border: 1px solid #E9EBED; border-radius: 10px; width: 100%; display: flex; justify-content: center;} .container-detail-app .img-detail-app .banner-img-detail-app{height: auto; width: 100%; margin: 15px; aspect-ratio: 1.6; background-repeat: no-repeat; background-size: cover; background-position: center;} .container-info-dt-app .au-cm-dt-app{display: flex;} .container-info-dt-app .au-cm-dt-app .cm-dt-app{order: 2; margin: auto; margin-left: 38px;} #container_info_dt_app{padding-left: 20px;} .container-info-dt-app .au-cm-dt-app .au-dt-app{font-size: 15px; font-weight: 400; line-height: 17.89px;} .container-info-dt-app .au-cm-dt-app .cm-dt-app{font-size: 14px; font-weight: 400; line-height: 16.7px;} .container-info-dt-app .au-cm-dt-app .au-dt-app span{font-weight: 500; line-height: 18.31px; color: #1864B4;} .container-info-dt-app .name-dt-app{font-size: 28px; font-weight: 700; line-height: 34.19px; padding: 10px 0 15px 0;} .container-info-dt-app .ver-sold-dt-app{margin-top: 17px;} .container-info-dt-app .ver-sold-dt-app .ver-dt-app{font-size: 15px; font-weight: 500;} .container-info-dt-app .ver-sold-dt-app .ver-dt-app span{color: #1864B4;} .container-info-dt-app .ver-sold-dt-app .sold-dt-app{display: flex; flex-wrap: wrap; align-content: center; font-size: 14px; font-weight: 400; line-height: 16.7px; margin-top: 16px;} .container-info-dt-app .ver-sold-dt-app .sold-dt-app .title-sold-app span{font-weight: 700; color: #1864B4;} .container-info-dt-app .ver-sold-dt-app .sold-dt-app .img-sold-app{margin-right: 10px;} .price-dt-app{font-size: 28px; font-weight: 700; line-height: 34.19px; margin-top: 40px;} .direction-dt-app{display: flex; margin-top: 30px; margin-left: 20px; margin-bottom: 41px;} .direction-dt-app span{padding-left: 10px;} .direction-dt-app .button-down-dt-app a{color: #fff;} .direction-dt-app .button-atc-dt-app.atc-active, .direction-dt-app .button-down-dt-app.down-active{background: #0674E5;} .direction-dt-app .button-atc-dt-app.atc-active:hover, .direction-dt-app .button-down-dt-app.down-active:hover{background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673); box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);} .direction-dt-app .button-atc-dt-app{width: 236px; height: 60px; background: #595D74; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center; justify-items: center; align-items: center; font-size: 17px; font-weight: 500; line-height: 20.76px; color: #fff; cursor: pointer;} .direction-dt-app .button-atc-dt-app:hover, .direction-dt-app .button-down-dt-app:hover{background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376); box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);} .direction-dt-app .button-down-dt-app{width: 236px; height: 60px; background: #595D74; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center; justify-items: center; align-items: center; font-size: 17px; font-weight: 500; line-height: 20.76px; color: #fff; cursor: pointer;} .direction-dt-app .button-demo-dt-app a{color: #33415C; width: 100%; display: flex; height: 100%; align-content: center; justify-content: center; flex-wrap: wrap;} .direction-dt-app .button-demo-dt-app:hover{background-image: linear-gradient(to right, #403B4A 0%, #E7E9BB 51%, #403B4A 100%); box-shadow: 0 0 20px #eee; background-position: right center; text-decoration: none;} .direction-dt-app .button-demo-dt-app{width: 208px; height: 60px; background: #F2F2F2; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center; justify-items: center; align-items: center; font-size: 17px; font-weight: 500; line-height: 20.76px; margin-left: 16px; color: #33415C; transition: 0.5s; background-size: 200% auto;} .info-dt-app{margin-top: 40px;} .info-dt-app .title-info-dt-app{padding-left: 20px; margin-bottom: 10px; margin-top: 6px; font-weight: 500; font-size: 15px; line-height: 18.31px;} .info-dt-app .detail-info-dt-app span{font-weight: 500; font-size: 15px; color: #1864B4; line-height: 18.31px;} .info-dt-app .detail-info-dt-app{padding-left: 20px;} .info-dt-app .title-ver-dt-app .flex-detail-ver-dt-app{display: flex; flex-wrap: wrap;} .info-dt-app .title-ver-dt-app .child-ver-dt-app{margin-bottom: 15px; margin-top: 6px; font-size: 15px; font-weight: 500;} .info-dt-app .title-ver-dt-app.alert-ver{background: #FFFAF8; border-radius: 8px; padding-top: 17px; margin-top: 11px;} .info-dt-app .title-ver-dt-app .text-alert-ver{color: #FF864F; font-weight: 500; font-size: 15px; margin-top: 6px; padding-bottom: 19px; display: none;} #alert_ver{padding-left: 20px;} .info-dt-app .title-ver-dt-app .detail-ver-dt-app:hover, .info-dt-app .title-ver-dt-app .detail-ver-dt-app.ver-active{background: #0674E5; color: #fff;} .info-dt-app .title-ver-dt-app .detail-ver-dt-app{margin-right: 6px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; justify-items: center; align-items: center; background: #fff; border: 1px solid #EBECEF; font-size: 14px; font-weight: 500; border-radius: 5px; width: 68px; height: 42px; cursor: pointer;} .expand-dt-app{margin-top: 100px;} .expand-dt-app .container-expand-dt-app{margin-top: 50px;} .container-expand-dt-app .tab-expand{position: absolute; margin-bottom: 30px;} .container-expand-dt-app .tab-expand .title-tab-expand{font-weight: 500; font-size: 18px; line-height: 21.98px; color: #79808C;} .container-expand-dt-app .tab-expand .title-tab-expand-active{color: #33415C; font-weight: 700;} .container-expand-dt-app .tab-expand .detail-tab-expand{margin-left: 15px;} .container-expand-dt-app .tab-expand .detail-tab-expand .title-detail-tab-expand{padding-top: 20px; font-weight: 400; font-size: 15px; color: #79808C; cursor: pointer;} .container-expand-dt-app .tab-expand .detail-tab-expand .title-detail-tab-expand.tab-expand-active{font-weight: 500; color: #33415C;} .container-expand-dt-app .tab-expand .hr-description{padding-top: 5px; padding-bottom: 10 px;} #detail_expand_dt_app .detail-expand-dt-app{display: none;} #detail_expand_dt_app .detail-expand-dt-app.detail-expand-dt-app-active{display: block;} #detail_expand_dt_app .detail-expand-dt-app .title-detail-expand-dt-app{font-weight: 700; font-size: 18px; line-height: 21.98px; color: #33415C; margin-bottom: 64px;} .contain-pro-expand-dt-app .name-pro{font-weight: 700; font-size: 16px; line-height: 19.54px;} .contain-pro-expand-dt-app .detail-pro{margin-top: 15px; font-weight: 400; font-size: 15px; line-height: 26px;} .info-contact-pro .detail-info-contact-pro, .info-contact-pro .detail-info-contact-pro .copy-path-link-demo-pro{display: flex;} .info-contact-pro .detail-info-contact-pro .contact-demo-pro{display: flex; order: 2; margin: auto; margin-right: 0;} .info-contact-pro .title-info-contact-pro{font-weight: 700; font-size: 16px; margin-top: 50px; margin-bottom: 20px; line-height: 19.54px;} .info-contact-pro .detail-info-contact-pro .copy-path-link-demo-pro .path-link-demo-pro p{margin: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .info-contact-pro .detail-info-contact-pro .copy-path-link-demo-pro .path-link-demo-pro{width: 202px; height: 42px; background: #F2F2F2; border-radius: 5px; margin-right: 10px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18.31px;} .info-contact-pro .detail-info-contact-pro .copy-path-link-demo-pro .button-copy-path{width: 173px; height: 42px; background: #0674E5; border-radius: 5px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18.31px; color: #fff; cursor: pointer;} .info-contact-pro .detail-info-contact-pro .contact-demo-pro .email-contact-demo-pro{background: #D8574F; height: 42px; width: 147px; border-radius: 5px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18.31px; color: #fff; margin-right: 10px; cursor: pointer;} .info-contact-pro .detail-info-contact-pro .contact-demo-pro .skype-contact-demo-pro{background: #15ABE4; height: 42px; width: 153px; border-radius: 5px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18.31px; color: #fff; cursor: pointer;} .outstanding-feature .title-outstanding-feature{margin-top: 50px; font-weight: 700; font-size: 16px; line-height: 19.54px;} .detail-outstanding-feature .col-md-2 img{width: 86px; height: 86px;} .detail-outstanding-feature{margin-top: 20px;} .detail-outstanding-feature .col-md-2{width: 10%;} .detail-outstanding-feature .col-md-10{width: 90%;} .detail-outstanding-feature .title-dt-ot-ft{font-weight: 700; font-size: 16px; line-height: 26px; margin-top: 10px;} .detail-outstanding-feature .info-dt-ot-ft{font-size: 15px; font-weight: 400; line-height: 26px;} .evaluate-product{margin-bottom: 50px;} .evaluate-product .count-evaluate{margin-top: 56px; font-weight: 700; font-size: 18px; line-height: 21.98px;} .evaluate-product .container-evaluate{margin-top: 50px;} .evaluate-product .container-evaluate .person-evaluate{display: flex;} .evaluate-product .container-evaluate .person-evaluate .img-per img{border-radius: 50%; width: 60px; height: 60px;} .evaluate-product .container-evaluate .person-evaluate .img-per{display: flex; width: 60px; height: 60px; flex-wrap: wrap; align-content: center; justify-content: center; color: #fff; font-weight: 500; font-size: 15px;} .evaluate-product .container-evaluate .person-evaluate .info-per{margin-left: 20px;} .evaluate-product .container-evaluate .person-evaluate .info-per .name-per{font-size: 15px; font-weight: 500; line-height: 28px; color: #222;} .evaluate-product .container-evaluate .person-evaluate .info-per .time-pub{font-size: 14px; font-weight: 400; line-height: 28px; color: #222;} .evaluate-product .container-evaluate .evaluate-per{font-weight: 400; font-size: 15px; color: #222; line-height: 28px; margin-top: 20px;} .evaluate-product .container-evaluate .helpful-eval{display: flex;} .evaluate-product .container-evaluate .helpful-eval .helpful, .evaluate-product .container-evaluate .helpful-eval .not-helpful{cursor: pointer; font-size: 14px; font-weight: 400; line-height: 28px; color: #79808C;} .evaluate-product .container-evaluate .helpful-eval .not-helpful{margin-left: 30px;} #detail_expand_dt_app{} #detail_expand_dt_app::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); background-color: #CCCCCC;} #detail_expand_dt_app::-webkit-scrollbar{width: 10px; background-color: #F5F5F5;} #detail_expand_dt_app::-webkit-scrollbar-thumb{background-color: #FFF; background-image: -webkit-linear-gradient(90deg, #000000 0%, #000000 25%, transparent 100%, #000000 75%, transparent);} .container-question-answer{margin-bottom: 20px; font-size: 15px; font-weight: 700; line-height: 28px; color: #222;} .container-question-answer .answer{font-weight: 500; margin-left: 20px;} .helpful-active{color: #1864B4 !important; font-weight: 700 !important;} @media (max-width: 992px){.info-contact-pro .detail-info-contact-pro{display: block !important;}.info-contact-pro .detail-info-contact-pro .contact-demo-pro{margin-top: 15px;}.container-evaluate .col-md-3{padding-top: 15px;}.tab-expand{position: unset !important;}} .cm-dt-app span{padding: 0 11px 0 8px;} .padding-lf20{padding-left: 20px;} @media (max-width: 992px){.direction-dt-app{margin: 20px 0 40px 0 !important;}.padding-lf20{padding-left: 0 !important;}.detail-tab-expand{display: flex; justify-content: space-around;}.button-demo-dt-app span, .button-atc-dt-app span{display: none;}.expand-dt-app{margin-top: 20px !important;}.button-demo-dt-app{margin-left: 6px; font-size: 16px !important; margin-bottom: 0 !important;}.button-atc-dt-app{font-size: 16px !important; margin-right: 6px; margin-bottom: 0 !important;}.direction-dt-app .button-atc-dt-app{width: 100% !important; margin-bottom: 30px;}.direction-dt-app .button-demo-dt-app{width: 100% !important; margin-left: 0 !important;}.button-copy-path, .path-link-demo-pro, .email-contact-demo-pro{font-size: 13px !important;}.detail-application-biz .container{padding: 0;}.detail-application-biz .direction-app{display: none;}.container-detail-app{margin-top: 30px !important;}#container_info_dt_app{padding-left: 0 !important;}.name-dt-app{padding: 30px 0 20px 0 !important; font-size: 24px !important;}.banner-img-detail-app{margin: 0 !important; border-radius: 4px;}.au-cm-dt-app{flex-direction: column;}.cm-dt-app{margin: 15px 0 0 0 !important;}.info-dt-app .title-info-dt-app, .hide-hr, #alert_ver{padding-left: 0 !important;}} 

/* /icsc_bizapps/static/src/less_new/process_out.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 992px){.container-fluid{padding: 0 20px !important;}.payment-box .infor-payment{margin: 40px 0 60px 0 !important;}.payment-box .infor-payment div{margin-left: 0 !important;}.address-process-out, .container-payment{padding: 0 !important; background: #fff !important;}.container-payment .title-cart{margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 22px !important; font-weight: 700 !important;}.address-process-out .form-group{margin-bottom: 0;}#information_partner_save{padding: 0;}.container-cart .title-label{font-size: 16px !important; margin: 25px 0 5px 0 !important;}.container-cart .row{margin: 0;}.container-cart .form-group .col-sm-6{padding: 0 20px !important;}.director-info-address{display: flex; padding: 30px 20px;}.director-info-address .col-sm-6{width: 50%; padding: 0 !important;}.director-info-address .col-sm-6 .button-back{margin-right: 6px;}.director-info-address .col-sm-6 .button-continue{margin-left: 6px;}.modal-text{width: 80% !important;}.hr-container-product-small{opacity: 0.1; background: #33415C; height: 1px; padding: 0; margin: 20px 0;}.button-direction, .direction-buy-app a{width: 100% !important;}.cart-right{display: none;}.cart-right-small{display: block !important;}.cart-right-small .title-price-pro{padding-top: 13px !important; margin-left: 0 !important;}.cart-right-small .hr-pay{margin: 26px 0 21px 0 !important;}.cart-right-small .container-total-pro{margin: 21px 0 21px 0 !important;}.img-pro-small{width: 20%;}.img-pro-small img{width: 100%; border-radius: 8px;}.contain-pro-small{width: 80%; padding: 2px 0 0 20px;}.contain-pro-small .title-small{color: #33415C; font-size: 16px; font-weight: 400; margin-bottom: 2px;}.contain-pro-small .title-info-small{margin-bottom: 12px; color: #33415C; font-size: 15px; font-weight: 500;}.contain-pro-small .title-info-small span{margin-left: 15px; font-weight: 400;}.direction-buy-app{margin: 30px 0 118px 0 !important;}.container-cart .cart-left{margin-bottom: 0 !important;}.container-cart .col-md-4{margin-top: 30px;}.bold-total-pro{margin: 27px 0 20px 0 !important;}.button-pay{margin-left: 0 !important; margin-right: 0 !important;}.term-pay{margin: 0 !important; padding-bottom: 10px !important;}.add-to-cart{background: #fff !important;}.direction-app{display: none;}.container-cart{width: 100% !important; margin: 30px 0 0 0 !important; padding: 0 !important;}#information_partner_save .cart-left .title-cart{padding-top: 0 !important; margin-left: 20px !important; font-size: 22px !important; margin-bottom: 25px;}.description-cart{margin: 0 0 30px 0 !important;}.container-product{display: none;}.container-product-small{display: block !important;}} .ghi-chu-dat-hang{padding: 10px 30px 30px 30px;} .ghi-chu-dat-hang .title-ghichu{font-size: 15px; font-weight: 600; line-height: 17.89px; margin-bottom: 10px;} .ghi-chu-dat-hang .input-ghichu textarea{border: none; border-bottom: 1px solid #79808C; outline: none; width: 100%; box-shadow: none !important;} .ghi-chu-dat-hang .input-ghichu textarea:focus{box-shadow: none !important;} .cart-right-small{display: none;} .container-product-small{display: none;} .d-underline{text-decoration: underline;} .add-to-cart .direction-app a, .address-process-out .direction-app a, .container-payment .direction-app a{color: #79808C; font-size: 14px; font-weight: 500; line-height: 17.09px;} .add-to-cart .direction-app, .address-process-out .direction-app, .container-payment .direction-app{padding-top: 20px;} .add-to-cart .direction-app span, .address-process-out .direction-app span, .container-payment .direction-app span{color: #33415C;} .container-cart{margin-top: 44px; color: #33415C; margin-bottom: 80px;} .add-to-cart, .address-process-out, .container-payment{background: #F5F5F5;} .container-cart .cart-left{background: #fff; border-radius: 8px; display: inline-block; width: 100%;} .container-cart .cart-left .description-cart{font-size: 15px; font-weight: 400; line-height: 17.89px; margin: 15px 30px 0 30px;} .container-cart .cart-left .title-cart{font-size: 32px; font-weight: 700; line-height: 39.07px; padding-top: 30px; margin-left: 30px;} @media (max-width: 992px){.container-cart .cart-left .title-cart{font-size: 24px; line-height: 32.07px; padding-top: 0 !important; margin-left: 0 !important; margin-bottom: 10px;}} .container-cart .cart-right{height: 100%; background: #fff; border-radius: 8px;} .table-container-pr{border-collapse: collapse; width: 100%; margin-top: 30px;} .table-container-pr td, .table-container-pr th{padding: 20px 30px 20px 30px;} .table-container-pr td{background: #fff;} .table-container-pr th{text-align: left; background: #F2F9FF;} .table-container-pr .table-pro{display: flex;} .table-container-pr .table-pro .img-pro-tb{width: 70px; display: flex; flex-wrap: wrap; align-content: space-around; justify-content: center; height: 70px;} .table-container-pr .table-pro .img-pro-tb img{width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .table-container-pr .table-pro .title-pro-tb{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-weight: 400; font-size: 16px; margin-left: 20px;} .container-product-small .dlt-cart{margin-top: 8px;} .table-container-pr .dlt-cart, .container-product-small .dlt-cart{height: 40px; width: 40px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background: #EEF4FF; border-radius: 5px; cursor: pointer;} .table-container-pr .total-pro-tb{font-size: 16px; font-weight: 700; line-height: 19.54px; white-space: nowrap;} .table-container-pr .price-pro-tb, .table-container-pr .quantity-pro-tb{font-size: 16px; font-weight: 400; line-height: 19.54px; white-space: nowrap;} .cart-right .title-price-pro{padding-top: 30px; margin-left: 30px; font-size: 20px; font-weight: 700; line-height: 24.42px;} .cart-right .hr-pay{margin: 10px 30px 0 30px;} .cart-right .hr-pay img{width: 100%;} .cart-right .container-total-pro{display: flex; margin: 20px 30px 0 30px;} .cart-right .container-total-pro .total-pro{order: 2; margin: auto; margin-right: 0;} .cart-right .container-total-pro .title-pr, .cart-right .container-total-pro .total-pro{font-size: 16px; font-weight: 500; line-height: 19.54px;} .cart-right .bold-total-pro{margin: 25px 30px 20px 30px; background: #F2F9FF; color: #1864B4; font-size: 16px; line-height: 19.54px; display: flex; height: 55px; flex-wrap: wrap; align-content: center; justify-content: center;} .cart-right .bold-total-pro .title-bold-tt-pro{font-weight: 500; margin-left: 20px;} .cart-right .bold-total-pro .price-bold-tt-pro{font-weight: 700; order: 2; margin: auto; margin-right: 20px;} .cart-right .has-discount{padding: 20px 30px 10px 30px; float: none;} .cart-right .has-discount .form-control{height: 55px; border-radius: 6px; color: #8A93A4; background: #FFFFFF1A; border: 1px solid #E9EBED; font-size: 15px;} .cart-right .has-discount .form-control-search{position: absolute; z-index: 2; line-height: 5rem; text-align: center; pointer-events: none; color: #fff; background: #FF7739; right: 50px; height: 41px; width: 76px; border-radius: 4px; margin-top: 7px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;} .cart-right .button-pay{margin: 0 30px 27px 30px;} .cart-right .button-pay .pay{width: 100%; border-radius: 4px; border: none; color: #fff; height: 60px; font-size: 17px; font-weight: 500; line-height: 20.76px;} .term-info-address .term-pay{padding: 0 !important; margin: 0 !important;} .cart-right .term-pay{margin: 0 30px 0 30px; padding-bottom: 58px; font-size: 14px; font-weight: 400; line-height: 20px;} .cart-right .term-pay .input-term{padding-top: 3px;} .cart-right .term-pay .input-term input{width: 15px; height: 15px; margin: 0 10px 0 0 !important; border: 1px solid #000; border-radius: 2px;} .cart-right .alert-pay{display: none; margin: 0 30px 10px 30px;} .cart-right .term-pay a{font-weight: 500;} .direction-buy-app{margin: 25px 0 100px 0;} .direction-buy-app a:hover, .direction-buy-app a:focus{color: #fff; font-weight: bold; text-decoration: none;} .direction-buy-app a{width: 223px; height: 52px; cursor: pointer; color: #fff; font-size: 16px; font-weight: 500; line-height: 19.54px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;} .direction-buy-app .button-direction{height: 52px; width: 223px; background: #1A2C45; border-radius: 8px;} .direction-buy-app .button-direction img{margin-right: 10px;} .container-product{overflow: auto;} .container-cart .form-control{background: none; border-radius: 8px; border: 1px solid #E2E2E2; padding: 0 20px; height: 45px; box-shadow: none; height: 54px; color: #33415C; font-size: 17px; font-weight: 400; line-height: 28px;} .container-cart .title-label{margin: 15px 0 5px 0; font-size: 17px; font-weight: 700; line-height: 28px;} .container-cart .title-selection{font-size: 17px; font-weight: 700; line-height: 28px; margin-bottom: 5px;} .container-cart .select-selected{height: 54px; font-size: 17px; line-height: 54px;} .container-cart .form-control::placeholder{font-weight: 400;} .container-cart .search-items{height: 54px;} .container-cart .form-group .col-sm-6{padding: 0 30px 0 30px;} .container-cart .form-group .col-sm-6.padding-left{padding-left: 0;} .container-cart .select-items{margin: 5px 30px 0 0;} .container-cart .search-items{margin: 0 30px 0 0;} .director-info-address .button-back{font-size: 16px; font-weight: 500; line-height: 19.54px; border-radius: 8px; background: #1A2C45; height: 52px;} .director-info-address .button-continue{cursor: pointer; font-size: 16px; font-weight: 500; line-height: 19.54px; border-radius: 8px; background: #0674E5; height: 52px;} .director-info-address a{width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; color: #fff;} .director-info-address a:hover, .director-info-address a:focus{color: #fff; text-decoration: none;} .table-container-order{width: 100%; margin-top: 24px;} .table-container-order th{background: #F2F9FF; height: 44px; font-weight: 500; font-size: 15px; line-height: 18.31px; padding: 13px 0 13px 0;} .table-container-order td{padding: 16px 0 16px 0; font-size: 15px; font-weight: 500; line-height: 18.31px;} .order-pro{display: flex;} .order-pro .img-order{width: 60px; height: 60px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;} .order-pro .img-order img{width: 100%;} .order-pro .name-order{margin-left: 10px; font-weight: 400; font-size: 15px; line-height: 17.89px; display: flex; align-content: center; flex-wrap: wrap;} .total-order{padding: 20px 30px 0 30px;} .total-order .to-money-order{display: flex; font-weight: 500; font-size: 16px; line-height: 19.54px; padding-bottom: 17px;} .total-order .to-money-order .price{order: 2; margin: auto; margin-right: 0;} .to-money-order.total{padding: 18px 20px 18px 20px; background: #F2F9FF; border-radius: 6px; color: #1864B4; font-weight: 500; font-size: 16px; line-height: 19.54px;} .term-info-address{padding: 20px 60px 30px 30px; font-weight: 400; font-size: 14px; line-height: 20px;} .term-info-address a{font-weight: 500; color: #1864B4;} .col-custom-5{position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;} .col-custom-5{width: 20%; float: left;} @media (max-width: 992px){.col-custom-5{width: 100% !important; float: none !important; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}.payment-type .payment-type-button .img-choose{right: 90px !important;}.payment-type-button{margin-bottom: 10px;}.payment-type{height: auto !important;}} .payment-type{margin: 30px !important; height: 410px;} .payment-type .payment-type-button{width: 140px; height: 130px; border: 1px solid #D6DBE2; border-radius: 10px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;} .payment-type .payment-type-button .img-choose{position: absolute; right: 25px; top: 10px;} .payment-type .payment-type-button .img-type img{width: 100%;} .payment-type .payment-type-button.payment-type-button-choose{border: 1.5px solid #0674E5; box-shadow: 0px 0px 15px -4px rgba(6, 116, 229, 0.5);} .payment-type .title-payment-type{line-height: 17.89px; font-size: 15px; font-weight: 400; text-align: center; margin: 18px;} .infor-payment div{margin: 11px 0 11px 30px; font-size: 16px; font-weight: 400; line-height: 18.75px; color: #7F8899;} .infor-payment div span{font-weight: 500; color: #33415C;} .infor-payment{margin: 56px 0 200px 0;} .box-popup{display: none; background: #fff; border-radius: 8px; width: 100%;} .box-popup .box-text{margin: 100px; height: 50px; padding: 20px; background: #F2F9FF; border-radius: 5px; display: flex; flex-wrap: wrap; align-content: center; font-size: 20px; font-weight: 700;} #dropdown_state, #dropdown_district, #dropdown_ward{display: none; position: absolute; background: #FFF; z-index: 99; width: 85%; max-height: 300px; overflow-x: auto; border-radius: 0 0 10px 10px; border: 1px solid #E2E2E2;} .dropdown-state span, .dropdown-district span, .dropdown-ward span{color: black; padding: 12px 16px; text-decoration: none; display: block;} .dropdown-state span:hover, .dropdown-district span:hover, .dropdown-ward span:hover{background-color: #f1f1f1;} .detail_st-active, .detail_dct-active, .detail_wa-active{background-color: #f1f1f1;} .info-required{border: 1px solid #FC7646 !important; box-shadow: 0px 0px 1px 2px rgba(252, 118, 70, 0.15);} @keyframes drop{0%{top: -100px;}100%{top: 30%;}} .x{position: absolute; inset: 10px 20px auto auto; font-size: 30px; cursor: pointer;} @media (max-width: 600px){.modal-text{width: 80%; padding: 1rem; line-height: 1.4rem; word-spacing: 3px; font-size: small;}} .modal-text{background: white; width: 30%; padding: 30px; border-radius: 6px; position: absolute; inset: 30% 50%; transform: translate(-50%, -50%); font-size: large; animation: 1s drop; position: relative;} .modal-text div{text-align: center; padding: 30px; line-height: 29px; font-family: 'Inter', sans-serif !important;} .modal-text .modal-login{font-weight: bold; text-decoration: underline;} .modal-text .modal-signup{font-weight: bold; text-decoration: underline; color: #FF7739;} .modal-parent{position: fixed; inset: 0; height: 100vh; width: 100%; z-index: 999;} .success-return{background: #fff; width: 100%; padding: 30px; font-size: 30px;} .popup_loading{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; display: none;} .popup_loading .detail_info{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999;} .popup_loading .detail_info img{width: 30px;} 

/* /icsc_bizapps/static/src/less_new/dashboard.less defined in bundle 'web.assets_frontend' */
 .dashboard-container{background: #F5F5F5;} .manager-dashboard{background: #fff; padding: 53px 30px 50px 0 !important; font-size: 16px; font-weight: 500; line-height: 26px; color: #222;} .img-dashboard-left{margin-right: 26px; margin-left: 30px; width: 18px;} .your-service{margin-top: 60px;} .color-price span{color: #FF864F; font-size: 16px; font-weight: 500; line-height: 28px;} .your-service .title{margin-left: 30px; font-size: 15px; font-weight: 400; line-height: 24px; color: #79808C; margin-bottom: 15px;} .your-service .service{padding: 15px 0 15px 0;} .your-service .service a, .your-service .service a:hover, .your-service .service a:focus, .dashboard a, .dashboard a:hover, .dashboard a:focus{color: #222; text-decoration: none;} .dashboard{padding: 15px 0 15px 0;} .name--app{display: flex; flex-wrap: wrap; align-content: center; margin-left: 10px;} .dashboard-active a, .dashboard-active a:hover, .dashboard-active a:focus{color: #fff !important; text-decoration: none;} .dashboard-active{background: #0674E5; border-radius: 0px 4px 4px 0px;} .capnhattaikhoan{margin-top: 53px; color: #222;} .capnhattaikhoan .title{font-weight: 700; font-size: 32px; line-height: 39.07px; margin-bottom: 25px;} @media (min-width: 1200px){.capnhattaikhoan{width: 956px !important;}} .capnhattaikhoan label{font-size: 16px;} .capnhattaikhoan .form-group .form-control{display: block; width: 100%; height: 50px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #33415C; background-color: #fff; background-image: none; background-size: 12px; border: 1px solid #DBE1E9; border-radius: 8px;} .capnhattaikhoan .form-group select{background-image: url('/icsc_bizapps/static/src/img-new-interface/img-dashboard/select-arrow.png') !important; background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-size: 12px; appearance: none; -moz-appearance: none; -webkit-appearance: none;} .container-form .o_website_portal_details{background: #fff; border-radius: 4px; padding: 24px 40px 51px 40px;} .container-form .o_website_portal_details .row{margin-top: 30px;} .submit-change-infor{display: flex; margin-top: 30px; margin-bottom: 30px;} .submit-change-infor .btn-submit-change-infor:hover{color: #fff;} .submit-change-infor .btn-submit-change-infor{height: 58px; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 8px; background: #0674E5; color: #fff;} .submit-change-infor .button-remove-change{height: 58px; width: 144px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #A4ADBC; border-radius: 8px; margin-left: 30px;} .submit-change-infor .button-remove-change a, #submit_change_password .button-remove-change a{color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; text-decoration: none;} .container-info-account{margin: 60px; color: #222;} .container-info-account .title-account{display: flex;} .container-info-account .title-account .title-large{font-size: 32px; font-weight: 700; line-height: 39.07px;} .container-info-account .title-account .title-small{font-size: 15px; font-weight: 400; line-height: 28px;} .container-info-account .button-change-account{order: 2; margin: auto; margin-right: 0; height: 55px; color: #fff; background: #0674E5; font-size: 16px; font-weight: 500; line-height: 26px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; border-radius: 8px; padding: 0 20px 0 20px; cursor: pointer;} .detail-info .avatar-info{display: flex;} .detail-info .avatar-info .img-avatar img{vertical-align: middle; width: 55px; height: 55px; border-radius: 50%; margin-right: 10px;} .detail-info-account{background: #fff; border-radius: 4px; padding: 40px;} .detail-info-account .title .title-large{font-size: 20px; font-weight: 500; line-height: 24.42px; margin-bottom: 13px;} .detail-info-account .title .title-small{font-size: 14px; font-weight: 400; line-height: 28px; margin-bottom: 30px;} .detail-info .description-avatar .description-large{color: #6B7177; font-size: 12px; font-weight: 700; line-height: 22px;} .detail-info .description-avatar .description-small{font-size: 15px; font-weight: 400; line-height: 28px;} .detail-info .info-detail .title{margin-top: 21px; color: #6B7177; font-size: 12px; font-weight: 700; line-height: 22px;} .detail-info .info-detail .detail{color: #33415C; font-size: 17px; font-weight: 400; line-height: 26px; height: 26px;} .container-change-password{width: 505px; margin: auto; margin-top: 135px; color: #222;} .container-comment-product{width: 60%; margin: auto; margin-top: 135px; color: #222;} .container-change-password .title, .container-comment-product .title{font-size: 32px; font-weight: 700; line-height: 39.07px; margin-bottom: 25px;} .form-change-password{display: flow-root; background: #fff; border-radius: 4px; padding: 24px 40px 54px 40px;} .form-change-password label{font-size: 16px; font-weight: 700; line-height: 28px; margin-bottom: 10px; margin-top: 30px;} .form-change-password .form-control{height: 50px; border-radius: 8px; font-size: 17px; font-weight: 400; line-height: 28px;} #submit_change_password{margin-top: 30px; margin-bottom: 30px;} #submit_change_password .btn-submit-change-password{height: 58px; width: 100%; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 8px; background: #0674E5; color: #fff;} #submit_change_password .button-remove-change{height: 58px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #A4ADBC; border-radius: 8px;} .alert-error-password{height: 50px; display: flex; flex-wrap: wrap; align-content: center; background: #FF6666; color: #fff; padding-left: 10px; border-radius: 4px; font-size: 14px; font-weight: 600;} .container-your-support-request{padding: 58px 60px 60px 60px; color: #222;} .container-your-support-request .title{font-size: 32px; font-weight: 700; line-height: 39.07px; margin-bottom: 10px;} .container-your-support-request .title-small{font-size: 15px; font-weight: 400; line-height: 28px;} .table-your-support-request{margin-top: 39px;} .table-your-support-request .table th{color: #79808C; font-weight: 700; border: none;} .table-your-support-request .table td{border: none; background: #fff;} .table-your-support-request .table .line-table{display: flex; flex-wrap: wrap; height: 49px; align-content: center; font-size: 15px; font-weight: 400; line-height: 28px;} .table-your-support-request .table tbody tr{border-top: 10px solid #F5F5F5;} .no-bill{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 100px;} .no-bill img{width: 300px;} .not-service-img{display: flex; flex-wrap: wrap; justify-content: center; background: #fff;} .not-service-img img{padding-top: 138px;} .not-service-img .text-not-order{text-align: center; font-size: 18px; font-weight: 400; line-height: 28px; color: #79808C; margin-top: 40px; padding-bottom: 178px;} .button-continue-pay{height: 42px; background: #0674E5; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color: #fff; padding: 7px 14px; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 4px; cursor: pointer;} .custom-paper .pagination{display: flex !important; float: right;} .comment-button{height: 42px; background: #FF7739; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color: #fff; padding: 7px 14px; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 4px;} .view-comment-button{height: 42px; background: #0674E5; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; color: #fff; padding: 7px 14px; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 4px;} .comment-container a{display: inherit; text-decoration: none;} .container-comment-product .intro-product{display: flex; padding: 34px 30px; background: #fff; border-radius: 4px;} .container-comment-product .intro-product .img-pro{width: 50px; height: 50px;} .container-comment-product .intro-product .name-pro{display: flex; flex-wrap: wrap; align-content: center; font-size: 16px; line-height: 28px; font-weight: 400;} .rate{float: left; height: 46px; padding: 0 10px;} .rate:not(:checked) > input{position: absolute; top: -9999px;} .rate:not(:checked) > label{float: right; width: 1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 50px; color: #ccc;} .rate:not(:checked) > label:before{content: '★ ';} .rate > input:checked ~ label{color: #ffc700;} .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label{color: #deb217;} .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label{color: #c59b08;} .rate-comment-product{margin-top: 15px; padding: 34px 30px; background: #fff; border-radius: 4px;} .rate-product{display: flex; flex-wrap: wrap; justify-content: center;} .comment-product{margin-top: 40px;} .comment-product textarea{width: 100%; height: 234px; background: #f8f8f8; color: #79808C; font-size: 16px; font-weight: 400; line-height: 24px; border-radius: 4px; border: 1px solid #E8E8E8; padding: 30px;} .button-comment{margin-top: 30px; display: flex;} .button-comment .send-comment{height: 58px; padding: 15px 25px; display: flex; flex-wrap: wrap; align-content: center; background: #0674E5; color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 8px; cursor: pointer;} .button-comment .remove-send-comment{height: 58px; padding: 15px 25px; display: flex; flex-wrap: wrap; align-content: center; background: #A4ADBC; color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; border-radius: 8px; margin-left: 20px;} .form-input-images{height: 120px; border: 1px dashed #BBC2CD; border-radius: 4px;} .form-input-images input{display: none !important;} .form-input-images label img{display: block; cursor: pointer;} .form-input-images label{height: 120px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;} .container-img .img-remove{position: absolute; right: 10px; top: 10px; cursor: pointer;} .container-reload-img .col-md-3{margin-top: 10px;} .view-dashboard .manage-dashboard{background: #fff; padding: 26px 30px; border-radius: 4px;} .view-dashboard{margin-top: 40px;} .view-dashboard .manage-dashboard .title-detail{color: #79808C; font-size: 15px; font-weight: 400; line-height: 28px;} .view-dashboard .manage-dashboard .detail{display: flex;} .view-dashboard .manage-dashboard .img-detail{order: 2; margin: auto; margin-right: 0;} .view-dashboard .manage-dashboard .number{font-size: 28px; font-weight: 700; line-height: 34.19px; color: #222; display: flex; flex-wrap: wrap; align-content: center;} .view-dashboard .manage-dashboard .view-detail{margin-top: 10px;} .view-dashboard .manage-dashboard .view-detail a{color: #0674E5; font-size: 14px; font-weight: 500; line-height: 28px;} .title-recent{font-size: 20px; line-height: 24.42px; font-weight: 700; margin-bottom: 40px; margin-top: 56px;} .manage-recent .table-your-support-request .table th{font-size: 12px;} .drop-manager-dashboard-mobile{display: none;} .drop-manager-dashboard-mobile-click{background: #fff; border: none;} .dashboard-container .row{display: flex;} .table-your-support-request-mobile{display: none;} @media (max-width: 992px){.display-dashboard{display: none;}.manager-dashboard{padding-top: 20px !important; padding-bottom: 0 !important;}.drop-manager-dashboard-mobile{display: flex !important; justify-content: flex-end; margin-bottom: 10px;}.dashboard-container .row{display: block !important;}.view-dashboard .col-md-3{margin-top: 20px;}.container-your-support-request{padding: 30px 10px !important;}.container-change-password{width: 100% !important;}#submit_change_password .col-md-6{margin-top: 10px;}.container-info-account{margin: 10px !important;}.container-info-account .title-account{display: block !important;}.container-info-account .button-change-account{margin-top: 20px !important;}.table-your-support-request-mobile{display: block !important;}.table-your-support-request{display: none;}.hr-dashboard{display: block !important;}.dashboard-container .col-md-10{padding: 0 15px !important; background-image: none !important;}} .dashboard-container .col-md-10{background-image: linear-gradient(to bottom, #F5F5F5 0%, #F5F5F5 100%), linear-gradient(to bottom, #fff 0%, #fff 100%); background-clip: content-box, padding-box; padding: 0 30px 0 0;} .container-table-mobile{color: #222; padding: 20px; background: #fff; border-radius: 4px; margin-top: 20px;} .container-table-mobile .title-mobile{display: flex; margin-bottom: 10px;} .container-table-mobile .detail-tb-mobile{display: flex; margin-top: 10px; margin-bottom: 10px;} .container-table-mobile .title-mobile .title-tb-mobile{display: flex; flex-wrap: wrap; align-content: center; font-size: 16px; line-height: 28px; font-weight: 400; margin-left: 18px;} .container-table-mobile .detail-tb-mobile .title-dl-moblie{color: #79808C; font-weight: 700; font-size: 12px; line-height: 22px;} .container-table-mobile .detail-tb-mobile .detail-tb{order: 2; margin: auto; margin-right: 0; font-size: 16px; font-weight: 400; line-height: 28px;} .container-table-mobile .line-table{width: 50%; margin-top: 15px;} .hr-dashboard{display: none; width: 100%;} 

/* /icsc_bizapps/static/src/less_new/pricelist.less defined in bundle 'web.assets_frontend' */
 .price-container-fee{color: #fff; background: linear-gradient(180deg, #0059DE 0%, #2892FF 100%); box-shadow: 0px 4px 20px -4px rgba(0, 0, 0, 0.05); border-radius: 14px;} .price-container-normal{background: linear-gradient(180deg, #FFFFFF 0%, #D8DBDD 100%); box-shadow: 0px 4px 20px -4px rgba(0, 0, 0, 0.05); border-radius: 14px; color: #33415C;} .price-container-fee .title-fee{padding-top: 120px; padding-bottom: 10px; font-size: 20px; line-height: 26px; font-weight: 400; text-align: center;} .price-container-fee .number-fee, .price-container-normal .number-fee{text-align: center; font-size: 18px; font-weight: 400; line-height: 26px;} .price-container-fee .number-fee .d-number-fee, .price-container-normal .number-fee .d-number-fee{font-size: 15px; font-weight: 400; text-decoration: underline; position: absolute; margin-top: -15px; margin-left: 30px;} .price-container-fee .number-fee .price-number-fee, .price-container-normal .number-fee .price-number-fee{font-size: 40px; font-weight: 400; line-height: 26px; margin-left: 40px;} .price-container-fee .description-fee{text-align: center; font-size: 15px; font-weight: 400; line-height: 26px; padding-top: 10px; padding-bottom: 96px;} .detail-fee{background: #fff; color: #33415C; border-radius: 25px 25px 14px 14px; padding: 15px 30px 30px 30px;} .detail-fee .detail img{margin-right: 20px; width: 18px; height: 18px; margin-top: 3px;} .detail-fee .detail{font-size: 16px; font-weight: 400; line-height: 26px; display: flex; flex-wrap: wrap; align-content: center; margin-top: 20px;} .button-trial{font-size: 16px; font-weight: 500; line-height: 26px; display: flex; color: #fff; flex-wrap: wrap; align-content: center; justify-content: center;} @media (min-width: 992px){.pricelists1 .heading-top h2{margin-top: 30px;}} @media (max-width: 992px){#popup_inquiry_contact_form .inquiry_contact_form{width: 350px;}} #popup_inquiry_contact_form{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 999;} #close_inquiry_form_id{float: right; margin-top: 24px; margin-right: -20px; cursor: pointer;} #popup_inquiry_contact_form .inquiry_contact_form{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; max-width: 670px;} #popup_inquiry_contact_form .container-inq-ct{padding: 6px 50px 38px 50px !important;} #popup_inquiry_contact_form .inquiry_contact_form .title-inq-ct{color: #18222E; font-size: 32px; font-weight: 700; line-height: 30px; margin-bottom: 20px; margin-top: 54px;} #popup_inquiry_contact_form .inquiry_contact_form .des-inq-ct{color: #727588; font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 10px;} .button-trial .content-button-trial{width: 209px; background: #0674E5; height: 56px; border-radius: 4px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; cursor: pointer; width: 100%;} .button-trial .content-button-trial img{width: 16px; height: 16px; margin-top: 5px; margin-left: 10px;} .img-header{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -25px; margin-left: 10px; margin-top: 5px;} .price-container-normal .title-fee{text-align: center; padding-top: 48px; font-size: 20px; line-height: 26px; font-weight: 400; padding-bottom: 15px;} .description-normal{text-align: center; margin-bottom: 3px; font-size: 14px; font-weight: 400; line-height: 24px;} .description-normal span{font-weight: 700;} .description-normal .percent-description{background: #FF5862; border-radius: 12px; padding: 3px 5px; color: #fff; font-size: 12px; font-weight: 500; line-height: 12px;} .detail span{color: #0674E5;} .detail .img-note{cursor: pointer; margin: 0 !important; width: 4px !important; height: 11px !important;} .detail .dot-hours{width: 8px !important; height: 8px !important; margin-top: 10px !important;} .detail .tooltiptext{visibility: hidden; width: 370px; color: #6B7177; text-align: left; background: #FFFFFF; border: 1px solid #94A0B4; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 8px 15px; right: -60%; margin-top: 30px; position: absolute; z-index: 1; font-size: 13px; font-weight: 500; line-height: 18px;} .detail .tooltiptext.custom{right: 0; left: -5%;} .container-note:hover{background: #0674E5;} .container-note:hover + .tooltiptext{visibility: visible;} @media (max-width: 992px){.detail .tooltiptext{width: auto; right: 0 !important; left: 0 !important;}.detail-fee .detail{padding-right: 10px;}} .container-note{background: #DBDCDF; border-radius: 50%; height: 18px; width: 18px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; margin: 4px 0 0 12px;} .price-container-fee .title-normal{text-align: center; font-size: 20px; line-height: 26px; font-weight: 400; padding-top: 45px; padding-bottom: 15px;} .price-container-fee .percent-description{color: #0468E2; background: #FFFA7E;} .biz-unlimited{text-align: center;} .biz-unlimited .img-biz-unlimited{margin-top: 51px; margin-bottom: 9px;} .biz-unlimited .contact-biz-unlimited{font-size: 16px; line-height: 24px; font-weight: 400; margin-bottom: 80px; padding: 0 130px;} .service-user{background: #fff; padding: 40px; border-radius: 14px; margin-top: 80px;} .service-user .title-service-user{font-size: 24px; font-weight: 700; line-height: 29.03px; color: #212B3F;} .service-user .intro-service{margin-top: 40px; color: #0674E5; font-size: 16px; font-weight: 700; margin-bottom: 22px;} .service-user .number-service{font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 37px;} .service-user .number-service .d-number-service{font-size: 15px; font-weight: 400; text-decoration: underline; position: absolute; margin-top: -15px;} .service-user .number-service .price-number-service{font-size: 30px; font-weight: 400; line-height: 26px; margin-left: 10px;} .service-user .col-sm-6{padding: 0;} .service-user .vat-service{font-size: 15px; font-weight: 400; line-height: 17.89px;} .service-user .vat-service span{font-weight: 700;} .service-user .vat-service img{margin: -2px 10px 0 0;} #tab_service_module .app-loading{text-align: center;} #tab_service_module .row{display: flex; flex-wrap: wrap;} @media (max-width: 992px){#tab_service_module .large-dt-app{display: none;}#tab_service_module .col-md-3{width: 50%; padding: 0 10px 10px 10px !important;}#tab_service_module .img-pro img{height: 101px !important;}#tab_service_module .info-pro .title{font-size: 16px !important; line-height: 22px !important;}#tab_service_module .small-dt-app{display: block !important;}#tab_service_module .info-pro{padding: 15px 10px !important;}} #tab_service_module .small-dt-app{display: none;} #tab_service_module .small-dt-app .by-small{font-size: 13px; font-weight: 400; line-height: 15.51px; margin-bottom: 10px;} #tab_service_module .small-dt-app .by-small span{color: #1864B4;} #tab_service_module .small-dt-app .rating-small{margin-bottom: 10px;} #tab_service_module .small-dt-app .price-tech{font-size: 17px; font-weight: 500; line-height: 22px; color: #FF864F;} #tab_service_module .col-md-3{padding: 0 20px 30px 20px;} #tab_service_module .pro-service{border-radius: 8px; background: #FFF; color: #18222E; min-height: 412px; height: 100%;} #tab_service_module .pro-service .img-shw-pro{border-radius: 8px; height: 160px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 56px 50px;} #tab_service_module .pro-service .img-shw-pro:hover .button-add-to-card{display: block !important;} #tab_service_module .pro-service .img-shw-pro .button-add-to-card{color: #fff; background: #0674E5; font-size: 16px; font-weight: 400; line-height: 19.09px; border-radius: 6px; text-align: center; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); display: none;} #tab_service_module .pro-service .img-shw-pro .button-add-to-card .text-button-add-to-card{padding: 15px 20px; cursor: pointer;} @media (max-width: 992px){#tab_service_module .pro-service .img-shw-pro{width: 100% !important; height: 101px !important;}} #tab_service_module .pro-service .info-pro{padding: 25px 20px;} #tab_service_module .pro-service .info-pro .title{font-size: 19px; font-style: normal; font-weight: 500; line-height: 30px; margin-bottom: 9px;} #tab_service_module .pro-service .info-pro .title a{color: #33415C;} #tab_service_module .pro-service .info-pro .tech-pro{margin-bottom: 9px; color: #33415C; font-size: 14px; font-style: normal; font-weight: 400;} #tab_service_module .pro-service .info-pro .tech-pro span{color: #1864B4; font-weight: 500;} #tab_service_module .pro-service .info-pro hr{opacity: 0.1; padding: 0; background: #33415C; height: 1px; margin: 11px 0 18px 0;} #tab_service_module .pro-service .info-pro .d-flex{flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;} #tab_service_module .pro-service .info-pro .left-flex{font-size: 15px; font-style: normal; font-weight: 400; line-height: normal;} #tab_service_module .pro-service .info-pro .left-flex .span-tech{font-weight: 500; color: #1864B4;} #tab_service_module .pro-service .info-pro .right-flex .price-tech{color: #FF864F; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal;} .row-tab_service_online{display: flex; flex-wrap: wrap;} @media (max-width: 992px){.row-tab_service_online .col-md-4{width: 100%;}.row-tab_service_online .content-button-buy-now{padding: 15px !important;}.row-tab_service_online .button-trial .content-button-trial{padding: 15px 10px !important;}} .row-tab_service_online .commom-button .button-trial{width: 50%; margin-right: 8px;} .row-tab_service_online .commom-button .button-trial .content-button-trial{padding: 15px 23px;} .row-tab_service_online .commom-button .button-buy-now{margin-left: 8px; width: 50%; color: #FFF; text-align: center; font-size: 16px; cursor: pointer; font-style: normal; font-weight: 500; line-height: 26px;} .row-tab_service_online .commom-button .button-buy-now .content-button-buy-now{padding: 15px 44px; border-radius: 4px; background: #FF7739; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);} .popup_detail_package_biz{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; display: none;} .popup_detail_package_biz .detail_info{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; width: 670px; border-radius: 16px; background: #FFF; box-shadow: 0px 4px 40px -5px rgba(0, 0, 0, 0.5); padding: 30px; color: #33415C;} @media (max-width: 992px){.popup_detail_package_biz .detail_info{width: 80% !important;}} .popup_detail_package_biz .detail_info .close-popup{cursor: pointer; position: absolute; right: 0; top: 0; margin-top: -20px; margin-right: -20px;} .popup_detail_package_biz .detail_info .dt-package{padding: 40px 40px 30px 40px; border-radius: 16px; border: 1px solid #EBECEF;} .popup_detail_package_biz .detail_info .dt-package .title{text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; margin-bottom: 17px;} .popup_detail_package_biz .detail_info .dt-package .price{color: #FF864F; text-align: center; font-size: 40px; font-style: normal; font-weight: 400; line-height: 26px; margin-bottom: 22px;} .popup_detail_package_biz .detail_info .dt-package .price span{color: #33415C; line-height: 26px;} .popup_detail_package_biz .detail_info .dt-package .dt-price{margin-bottom: 10px; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px;} .popup_detail_package_biz .detail_info .dt-package .dt-price span{font-weight: 700;} .popup_detail_package_biz .detail_info .dt-package .dt-price .show-per{border-radius: 12px; background: #FF5862; padding: 3px 8px; margin-left: 23px; color: #FFF; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px;} .popup_detail_package_biz .detail_info .time-choose{margin-top: 30px;} .popup_detail_package_biz .detail_info .time-choose .d-flex{flex-wrap: wrap;} .popup_detail_package_biz .detail_info .time-choose .title{color: #33415C; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 15px;} .popup_detail_package_biz .detail_info .time-choose .choose-time{cursor: pointer; padding: 15px; border-radius: 5px; border: 1px solid #EBECEF; margin-right: 9px; margin-bottom: 10px; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; min-width: 85px; text-align: center;} .popup_detail_package_biz .detail_info .time-choose .choose-time-active, .popup_detail_package_biz .detail_info .time-choose .choose-time:hover{background: #0674E5; color: #fff;} .popup_detail_package_biz .detail_info .button-add-to-cart-package{cursor: pointer; margin-top: 20px; width: 100%; padding: 20px; border-radius: 4px; background: #595D74; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); color: #FFF; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; text-align: center;} .popup_detail_package_biz .detail_info .button-add-to-cart-package img{margin-left: 10px;} .popup_detail_package_biz .detail_info .button-add-to-cart-package-active{background: #0674E5;} .info-contact-us{margin-top: 50px;} .info-contact-us .title{color: #2B4053; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; text-transform: uppercase; margin-bottom: 30px;} .info-contact-us .dt-contact{color: #7B7E88; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;} .info-contact-us .dt-contact span{color: #1983EF; font-style: normal; font-weight: 600;} .info-contact-us hr{width: 100%; padding: 0; height: 1px; border-radius: 1px; background: #DBDEE8;} 

/* /icsc_bizapps/static/src/less_new/tuyendung.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 992px){.container-tuyendung{display: none;}.footer-tuyendung{display: block !important; margin: 0 !important;}.footer-tuyendung .td-right{padding: 20px !important;}.tab-department{margin: 0 0 10px 0 !important;}.tuyendung-biz .mb-img-td{display: none;}.apply-container{width: 100% !important;}.tuyendung-biz .direction-app{display: none;}.tuyendung-biz{padding: 0 !important;}.dt-job-container{margin-top: 0 !important;}.dt-job-container .description-detail-job{padding: 30px 0 !important;}.enviroment-job-mobile{display: block !important;}.enviroment-job{display: none !important;}.description-detail-job .title-dt{font-size: 24px !important; line-height: 40px !important;}.description-detail-job .number-position{font-size: 16px !important; line-height: 19.54px !important;}.description-detail-job .number-position img{width: 14px !important; height: 15px !important;}.description-detail-job .intro-dt{margin-top: 30px !important;}.desc-job .title-desc-job{font-size: 20px !important;}.dt-job-container{padding: 0 20px !important;}.footer-tuyendung .td-right .title-td{font-size: 24px !important; line-height: 40px !important;}.footer-tuyendung .td-right .intro-td{font-size: 15px !important; line-height: 20px !important; margin-top: 10px !important;}.tab-department{display: none;}.job-container{margin: 20px 0 60px 0 !important;}.custom-for-job{display: block !important;}.apply-container{margin: 0 !important;}.col-mb-job{margin-top: 30px;}} @media (min-width: 992px){.apply-container{width: 50% !important;}} .custom-for-job{display: none; margin-bottom: 10px;} .enviroment-job-mobile{display: none; background-image: url(/icsc_bizapps/static/src/img-new-interface/img-tuyendung/background-env-mb.png) !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; text-align: center; color: #fff; border-radius: unset !important;} .enviroment-job-mobile .title-env-job{font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 50px 0;} .enviroment-job-mobile .intro-env-job{font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 45px;} .enviroment-job-mobile .title-1{margin-top: 14px; font-size: 18px; font-weight: 700; line-height: 30px;} .enviroment-job-mobile .intro-1{margin-top: 10px; font-size: 15px; font-weight: 500; line-height: 24px;} .tuyendung-biz{background: #F5F5F5; color: #33415C;} .tuyendung-biz .direction-app{margin-top: 20px; font-size: 14px; font-weight: 500; line-height: 17.09px;} .tuyendung-biz .direction-app a{color: #79808C; font-weight: 400; line-height: 16.7px;} .container-tuyendung{margin-top: 20px;} .job-container{margin-top: 60px; margin-bottom: 142px;} .tab-department{margin-right: 45px;} .title-tab{display: flex; height: 55px; padding: 17px 0 18px 20px; font-size: 16px; font-weight: 400; line-height: 19.54px;} .active-title-tab{font-weight: 700; color: #FBFBFD; background: #0674E5; border-radius: 0px 4px 4px 0px;} .job-details{background: #fff; padding: 30px; border-radius: 8px; margin-bottom: 15px;} .job-details .title-job{color: #18222E; font-size: 20px; font-weight: 500; line-height: 30px; margin-bottom: 10px;} .job-details .number-recruits{font-weight: 500; font-size: 15px; line-height: 18.31px; color: #1864B4; margin-bottom: 30px;} .job-details .number-recruits img{margin-right: 15px;} .job-details .description-job{font-weight: 400; font-size: 15px; line-height: 26px;} .info-contact-job img{margin-right: 15px;} .info-contact-job{font-weight: 400; font-size: 15px; line-height: 17.89px; padding-bottom: 15px;} .info-contact-job span{font-weight: 500; line-height: 18.31px; color: #1864B4;} .button-ungtuyen{width: 200px; height: 48px; padding: 14px 20px; margin: 15px 0 0 0; background: #0674E5; color: #fff; font-weight: 500; font-size: 16px; line-height: 19.54px; border-radius: 5px; cursor: pointer;} .button-nophoso{width: 230px; height: 56px; padding: 17px 19px; margin: 50px 0 0 0; background: #FF7739; color: #fff; font-weight: 500; font-size: 17px; line-height: 20.76px; border-radius: 5px; cursor: pointer;} .button-nophoso img, .button-ungtuyen img{margin-right: 15px;} .footer-tuyendung .col-md-6{padding: 0;} .footer-tuyendung{display: flex;} .footer-tuyendung .td-right{padding: 93px 260px 84px 96px; color: #fff;} .footer-tuyendung .td-right .title-td{font-weight: 700; font-size: 36px; line-height: 50px;} .footer-tuyendung .td-right .intro-td{font-weight: 400; font-size: 17px; line-height: 32px; margin-top: 40px;} .footer-tuyendung .td-right .intro-td span{font-weight: 700;} .dt-job-container{margin-top: 20px; background: #fff; border-radius: 8px;} .dt-job-container .description-detail-job{padding: 50px 0 42px 40px;} .description-detail-job .title-dt{font-weight: 700; font-size: 32px; line-height: 30px; color: #18222E; margin-bottom: 20px;} .description-detail-job .number-position{font-weight: 500; font-size: 18px; line-height: 21.98px; color: #1864B4;} .description-detail-job .number-position img{width: 18px; height: 19.67px; margin-right: 12px;} .description-detail-job .intro-dt{font-weight: 400; font-size: 16px; line-height: 26px; color: #33415C; margin-top: 50px;} .description-detail-job .dt-info-contact-job{font-weight: 400; font-size: 16px; line-height: 26px; color: #33415C; margin-bottom: 18px;} .description-detail-job .dt-info-contact-job span{font-weight: 500; color: #1864B4;} .description-detail-job .dt-info-contact-job img{margin-right: 20px;} .desc-job .title-desc-job{color: #18222E; font-weight: 700; font-size: 24px; line-height: 30px; margin-bottom: 30px; display: flex; white-space: nowrap;} .desc-job .dt-desc-job{font-weight: 400; font-size: 16px; line-height: 26px; color: #33415C; max-width: 590px; margin-bottom: 50px;} .desc-job .dt-desc-job p{margin: 0;} .hr-dt-job{height: 1px; background: #33415C; opacity: 0.1; width: 100%; padding: 0; margin-left: 30px;} .enviroment-job{background-image: url(/icsc_bizapps/static/src/img-new-interface/img-tuyendung/background-env.png); background-size: 100% 100%; background-repeat: no-repeat; text-align: center; border-radius: 14px; color: #fff; margin-top: 54px; margin-bottom: 117px;} .enviroment-job .title-env-job{margin-top: 68px; font-size: 32px; font-weight: 700; line-height: 30px;} .enviroment-job .intro-env-job{font-weight: 400; font-size: 16px; line-height: 26px; padding: 20px 168px 44px 168px;} .enviroment-job .col-md-3{padding: 0 40px;} .enviroment-job .row{margin-bottom: 65px;} .enviroment-job .title-1{font-weight: 700; font-size: 22px; line-height: 30px; margin: 20px 0 10px 0;} .enviroment-job .intro-1{font-weight: 500; font-size: 16px; line-height: 24px;} .apply-container{background: #fff; border-radius: 8px; padding: 62px 50px !important; margin-top: 20px; margin-bottom: 220px;} .apply-container .title-apply{font-weight: 700; font-size: 32px; line-height: 30px; color: #18222E;} .apply-container .name-job-apply{margin-top: 30px; font-weight: 400; font-size: 16px; line-height: 19.09px; color: #222;} .apply-container .name-job-apply span{color: #007EFF;} .apply-container .label-custom-apply{color: #33415C; font-weight: 700; font-size: 16px; line-height: 19.54px; margin-bottom: 10px;} .apply-container .form-group{margin: 30px 0 0 0 !important;} .apply-container form{margin-top: 10px !important;} .apply-container .form-control{background: #FFFFFF; border: 1px solid #DBE1E9; border-radius: 8px; height: 54px; font-size: 17px; font-weight: 700; color: #33415C; line-height: 28px;} .apply-container .form-control::placeholder{font-weight: 400; padding: 13px 20px;} .apply-container textarea{height: 163px !important;} .apply-container .title-nop-hoso{font-weight: 400; font-size: 16px; line-height: 28px; color: #979DAC; margin-bottom: 22px;} .file-input__input{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} .file-input__label{cursor: pointer; display: inline-flex; align-items: center; border-radius: 5px; font-size: 14px; font-weight: 500; color: #fff; font-size: 17px; padding: 13px 21px; background-color: #1A2C45; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);} .file-input__label img{margin-right: 16px;} .custom-gui-hoso{width: 100%; font-weight: 700 !important; font-size: 16px !important; line-height: 19.54px !important; color: #fff; padding: 19px 0 !important;} 

/* /icsc_bizapps/static/src/less_new/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{padding: 0; background: #f5f5f5;} .website_blog .direction-app{margin: 20px 0 20px 0;} .website_blog .direction-app a{font-size: 14px; font-weight: 500; color: #79808C;} .website_blog .direction-app span{font-size: 14px; font-weight: 500; color: #33415C;} .content-blog{background: #fff; border-radius: 8px; margin-bottom: 15px; padding: 38px 32px;} .content-blog .title a{color: #18222E; font-size: 22px; font-weight: 600; line-height: 30px; margin-bottom: 15px;} .content-blog .intro{color: #33415C; whitespace: nowrap; font-size: 16px; line-height: 26px; margin-bottom: 20px;} .footer-content-blog .img-ad-blog{margin-right: 10px;} .footer-content-blog .dot-blog{margin-right: 15px; margin-left: 15px;} .footer-content-blog .author-blog{color: #33415C !important; font-size: 14px !important; font-weight: 500; display: inline-block;} .footer-content-blog .span-blog{color: #979DAC; font-size: 14px;} .footer-content-blog .label-danger{font-size: 12px; color: #fff;} .aboutus-blog{border-radius: 8px; background: #fff; padding: 0 30px;} .aboutus-blog .title{padding-top: 30px; color: #18222E; font-size: 20px; font-weight: 700; line-height: 30px;} .aboutus-blog .intro{color: #33415C; font-size: 15px; line-height: 24px; margin-top: 20px;} .aboutus-blog .input-group{display: block;} .aboutus-blog .js_follow_email{margin-bottom: 10px !important; border-radius: 8px !important; height: 48px; border: 1px solid #DBE1E9; background: #FFF;} .aboutus-blog .js_follow_btn{width: 100%; border-radius: 8px !important; background: #1983EF; height: 48px; color: #FFF; text-align: center; font-size: 15px; font-weight: 500; line-height: 28px;} .aboutus-blog .container-icon-footer{float: none !important; padding-bottom: 30px; margin-top: 10px;} .aboutus-blog .footer-icon{background: #bcc2cd;} .aboutus-blog .footer-icon-fb:hover{background: #0674E5 !important; box-shadow: 0 0 5px 5px #fff;} .aboutus-blog .footer-icon-twitter:hover, .footer-icon-linkedin:hover{background: #0674E5 !important; box-shadow: 0 0 5px 5px #fff;} .aboutus-blog .footer-icon-youtube:hover{background: red !important; box-shadow: 0 0 5px 5px #fff;} .footer-content-blog .o_twitter{margin-left: 36px;} @media (max-width: 992px){.website_blog .direction-app, .banner-blog{display: none;}.filter-search-blog{display: block !important;}.search-blog .has-search{width: 100% !important;}#search_month_blog{width: 100%; margin-bottom: 25px;}.content-blog .col-md-3{display: none;}.content-blog{padding: 10px !important;}.footer-content-blog{display: none;}.footer-content-blog.blog-mobile{display: block !important;}.footer-content-blog .o_twitter{margin: 0 !important;}} .container-blog .row{margin-left: 0; margin-right: 0;} .filter-search-blog{display: flex;} .filter-search-blog .filter-blog{order: 2; margin: 0 0 0 auto;} .search-blog .has-search{padding-bottom: 10px; float: none; width: 447px;} .search-blog .has-search .fa{font-size: 20px;} .search-blog .has-search .form-control{padding-left: 4.375rem; height: 54px; border-radius: 8px; color: #33415C; background: #fff; border: none; font-size: 15px;} .search-blog .has-search .form-control-search{position: absolute; z-index: 2; display: block; width: 4.375rem; height: 2.375rem; line-height: 5rem; text-align: center; pointer-events: none; border: none; color: #94A0B4;} #search_month_blog{height: 54px; padding: 18px 22px; border-radius: 8px; border: none;} .blog-mobile{display: none;} 

/* /bizapps_website_animate/static/src/less/o_animate_frontend.less.css defined in bundle 'web.assets_frontend' */
 .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}20%{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}40%{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}60%{opacity: 1; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);}80%{-webkit-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);}100%{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(0, -3000px); -ms-transform: translate(0, -3000px); -o-transform: translate(0, -3000px); transform: translate(0, -3000px);}60%{opacity: 1; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px);}75%{-webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px);}90%{-webkit-transform: translate(0, 5px); -ms-transform: translate(0, 5px); -o-transform: translate(0, 5px); transform: translate(0, 5px);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(-3000px, 0); -ms-transform: translate(-3000px, 0); -o-transform: translate(-3000px, 0); transform: translate(-3000px, 0);}60%{opacity: 1; -webkit-transform: translate(25px, 0); -ms-transform: translate(25px, 0); -o-transform: translate(25px, 0); transform: translate(25px, 0);}75%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}90%{-webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -o-transform: translate(5px, 0); transform: translate(5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 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);}0%{opacity: 0; -webkit-transform: translate(3000px, 0); -ms-transform: translate(3000px, 0); -o-transform: translate(3000px, 0); transform: translate(3000px, 0);}60%{opacity: 1; -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); -o-transform: translate(-25px, 0); transform: translate(-25px, 0);}75%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}90%{-webkit-transform: translate(-5px, 0); -ms-transform: translate(-5px, 0); -o-transform: translate(-5px, 0); transform: translate(-5px, 0);}100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%);}100%{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -ms-transform-origin: center 50% 0; -webkit-transform-origin: center 50% 0; -moz-transform-origin: center 50% 0; transform-origin: center 50% 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); -o-transform: rotate(-200deg); transform: rotate(-200deg);}100%{opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}100%{opacity: 1; -ms-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; transform-origin: left bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}100%{opacity: 1; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -o-transform: scale(0.3); transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}100%{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); -o-transform: translate(-10px, 0); transform: translate(-10px, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate(10px, 0); -ms-transform: translate(10px, 0); -o-transform: translate(10px, 0); transform: translate(10px, 0);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-20deg); -ms-transform: rotateX(-20deg); -o-transform: rotateX(-20deg); transform: rotateX(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(10deg); -ms-transform: rotateX(10deg); -o-transform: rotateX(10deg); transform: rotateX(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateX(-5deg); -ms-transform: rotateX(-5deg); -o-transform: rotateX(-5deg); transform: rotateX(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -o-transform: rotateY(-20deg); transform: rotateY(-20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(10deg); -ms-transform: rotateY(10deg); -o-transform: rotateY(10deg); transform: rotateY(10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotateY(-5deg); -ms-transform: rotateY(-5deg); -o-transform: rotateY(-5deg); transform: rotateY(-5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} 

/* /material_guide/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 .content-document{margin-top: 50px;} .material_guide_body{background: #F9F9F9FF;} .document-guide{padding: 50px 0;} .heading-title-doc{padding: 10px; background: white;} .document-block{border-radius: 5px; background: white; width: 100%; height: 100%; cursor: pointer; overflow: hidden; margin-top: 15px;} .document-block .content-img{overflow: hidden; height: 180px;} .document-block .content-img img{transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); height: 100%;} .document-block .content-img img:hover{transform: scale(1.1);} .version-document{width: 100px;} .top-heading-document{display: inline-flex; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: 50px;} .top-heading-document h2{margin-right: 20px; margin-top: 10px;} .o_main_header.o_inverted{margin-top: 70px;} main.index .card{border-radius: 2px; position: relative; overflow: hidden; margin-bottom: 20px; min-height: 200px; background-color: #ffffff; will-change: transform; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transform: scale3d(1, 1, 1) translate3d(0, 0, 0);} main.index .card.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.1), 0 11px 7px 0 rgba(0, 0, 0, 0.09);} main.index .card a, main.index .card a:hover{color: #666c75; text-decoration: none; border-radius: 2px 2px 0 0;} main.index .card .card-img{-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); overflow: hidden;} main.index .card .card-img span{position: relative; display: block; background-size: cover; background-position: 50%; will-change: transform; width: 100%; height: 100%; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);} main.index .card figcaption{opacity: 1; filter: alpha(opacity=100); display: block; font-weight: 400; font-family: "Work Sans", sans-serif; color: #21313a; margin: 0; background-color: white; font-size: 1.2em; width: 100%; padding: 8px 12px; position: absolute; top: 0; left: auto; bottom: auto; right: auto; -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);} main.index .card:hover .card-img span{-webkit-transform: scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0); -moz-transform: scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0); -ms-transform: scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0); -o-transform: scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0); transform: scale3d(1.02, 1.02, 1.02) translate3d(0, 0, 0);} @media screen and (min-width: 992px){main.index .toc-single-entry .card figcaption{font-size: 1.5em; padding: 20px 15px;}} @media screen and (min-width: 992px){main.index .col-md-6 .card, main.index .col-md-4 .card{min-height: 300px;}main.index .col-md-6 .card figcaption, main.index .col-md-4 .card figcaption{font-size: 1.5em; padding: 20px 15px;}} main.index.animating .card{-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0);} .card-img{background: #75526b; background: -webkit-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -moz-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -ms-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -o-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: linear-gradient(99deg, #875a7b 10%, #62495b 90%); position: absolute; top: 0; left: auto; bottom: auto; right: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; height: 100%; display: block; background-size: cover; background-position: 50%;} .card.top{padding: 10% 0 8%; position: relative; overflow: hidden; margin: 0; background: #75526b; background: -webkit-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -moz-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -ms-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: -o-linear-gradient(99deg, #875a7b 10%, #62495b 90%); background: linear-gradient(99deg, #875a7b 10%, #62495b 90%); -webkit-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; -webkit-box-shadow: none; box-shadow: none; -webkit-transform-origin: 50% 0px 0px; -moz-transform-origin: 50% 0px 0px; -ms-transform-origin: 50% 0px 0px; transform-origin: 50% 0px 0px;} @media screen and (min-width: 768px) and (max-width: 991px){.card.top{padding-top: 12%;}} #wrap.index .card.top{padding: 0 0 4%;} @media screen and (min-width: 768px){#wrap.index .card.top{padding-top: 12%;}} @media screen and (min-width: 1200px){#wrap.index .card.top{padding-top: 8%;}} .card.top.stacked{background: transparent; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s;} .card.top:before{content: ""; display: block; background-image: url("/material_guide/static/document/v12/_static/img/banner_bg.png"); background-size: cover; background-position: 50%; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 100%; height: 100%;} .card.top:hover{-webkit-box-shadow: none; box-shadow: none;} .card.top .card-img{background-image: url("/material_guide/static/document/v12/_static/img/banner_bg.png");} @media screen and (min-width: 768px) and (max-width: 991px){.card.top{padding: 12% 0 8%;}#wrap.index .card.top{padding: 12% 0 4%;}} .card.top .container{position: relative;} .card.top .container h1{font-family: "Work Sans", sans-serif; line-height: 1.1; color: #21313a; margin-top: 21px; margin-bottom: 10.5px; font-size: 32px; text-rendering: geometricPrecision; letter-spacing: -0.01em; line-height: 1.4; margin-top: 31.5px; font-weight: 300; color: white;} .card.top .container h1 small, .card.top .container h1 .small{font-weight: normal; line-height: 1; color: #21313a;} .card.top .container h1 small, .card.top .container h1 .small{font-size: 65%;} @media (min-width: 1200px){.has_code_col .doc-aside .card.top .container h1{color: white;}} .card.top .container h1 b, .card.top .container h1 strong, .card.top .container h1 a{font-weight: 400;} @media screen and (min-width: 768px){.card.top .container h1{font-family: "Work Sans", sans-serif; line-height: 1.1; color: #21313a; margin-top: 21px; margin-bottom: 10.5px; font-size: 39px; text-rendering: geometricPrecision; letter-spacing: -0.01em; line-height: 1.4; margin-top: 31.5px; font-weight: 300; color: white;}.card.top .container h1 small, .card.top .container h1 .small{font-weight: normal; line-height: 1; color: #21313a;}.card.top .container h1 small, .card.top .container h1 .small{font-size: 65%;}.card.top .container h1 b, .card.top .container h1 strong, .card.top .container h1 a{font-weight: 400;}} @media screen and (min-width: 768px) and (min-width: 1200px){.has_code_col .doc-aside .card.top .container h1{color: white;}} .card.top.has_banner{background: #282f33;} .card.top.has_banner:before{display: none;} .card.top.has_banner .card-img{opacity: 0.35;} .toctree-wrapper > ul{list-style: none; padding: 0;} .toctree-wrapper > ul > li.toctree-l1 > span{font-family: "Work Sans", sans-serif; line-height: 1.1; color: #21313a; margin-top: 21px; margin-bottom: 10.5px; font-size: 32px; text-rendering: geometricPrecision; letter-spacing: -0.01em; line-height: 1.4; margin-top: 31.5px; font-weight: 300;} .toctree-wrapper > ul > li.toctree-l1 > span small, .toctree-wrapper > ul > li.toctree-l1 > span .small{font-weight: normal; line-height: 1; color: #21313a;} .toctree-wrapper > ul > li.toctree-l1 > span small, .toctree-wrapper > ul > li.toctree-l1 > span .small{font-size: 65%;} @media (min-width: 1200px){.has_code_col .doc-aside .toctree-wrapper > ul > li.toctree-l1 > span{color: white;}} .toctree-wrapper > ul > li.toctree-l1 > span b, .toctree-wrapper > ul > li.toctree-l1 > span strong, .toctree-wrapper > ul > li.toctree-l1 > span a{font-weight: 400;} @media screen and (min-width: 992px){main.index .toctree-wrapper{position: relative;}main.index .toctree-wrapper > .row:first-child > .col-md-3:nth-child(3), main.index .toctree-wrapper > .row:first-child > .col-md-3:nth-child(5){}main.index .toctree-wrapper .toc-single-entry{position: absolute; top: 0; right: 0; width: 50%; padding-right: 15px;}main.index .toctree-wrapper .toc-single-entry > .col-md-3{width: 100%;}main.index .toctree-wrapper .toc-single-entry > *[class^="col-"]{padding-left: 0;}main.index .toctree-wrapper .toc-single-entry .card{min-height: 420px;}} article.doc-toc .toctree-wrapper > ul > li > span{display: block; font-size: 28px;} .o_main_header > .o_main_header_main:before, .o_main_header > .o_main_header_main:after{content: " "; display: table;} .o_main_header > .o_main_header_main:after{clear: both;} #oe_main_menu_navbar ~ #wrapwrap .o_main_header.o_has_sub_nav.o_scrolled{top: -17px;} .o_main_header{position: fixed; width: 100%; height: 50px; z-index: 2; background-color: rgba(255, 255, 255, 0.6); color: #5a5f68; font-family: "Work Sans", sans-serif; font-size: 12px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition-property: background, box-shadow; transition-property: background, box-shadow; -webkit-transform: translate3d(auto, auto, 0); transform: translate3d(auto, auto, 0);} .o_main_header a:focus, .o_main_header a:active, .o_main_header a:focus:active{outline: none;} .o_main_header .btn-primary{color: white!important; font-size: inherit!important; font-weight: 700; text-transform: uppercase;} .o_main_header > .o_main_header_main{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 100%;} @media (min-width: 768px){.o_main_header > .o_main_header_main{width: 750px;}} @media (min-width: 992px){.o_main_header > .o_main_header_main{width: 970px;}} @media (min-width: 1200px){.o_main_header > .o_main_header_main{width: 1170px;}} .o_main_header > .o_main_header_main > .navbar-header, .o_main_header > .o_main_header_main > .navbar-collapse{margin-right: -15px; margin-left: -15px;} @media (min-width: 768px){.o_main_header > .o_main_header_main > .navbar-header, .o_main_header > .o_main_header_main > .navbar-collapse{margin-right: 0; margin-left: 0;}} .o_main_header > .o_main_header_main a{color: inherit;} .o_main_header > .o_main_header_main a:hover, .o_main_header > .o_main_header_main a:focus{color: #505d71;} .o_main_header > .o_main_header_main .o_logo{margin: 15px 0; width: 63px; height: 20px; background-size: cover;} .o_main_header > .o_main_header_main > .o_primary_nav{margin: 0 auto; padding: 0; text-align: center; white-space: nowrap;} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav{height: 100%;}.o_main_header > .o_main_header_main > .o_primary_nav:before{content: ""; background: transparent; z-index: -1; visibility: hidden; box-shadow: 0 1px 0 transparent; width: 100%; height: 50px; position: absolute; top: 0; left: auto; bottom: auto; right: 0; -webkit-transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 500ms, box-shadow 500ms linear 0ms; -o-transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 500ms, box-shadow 500ms linear 0ms; transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 500ms, box-shadow 500ms linear 0ms;}.o_main_header > .o_main_header_main > .o_primary_nav.o_sub_opened:before{visibility: visible; background: #fcfcfc; box-shadow: 0 1px 0 #f2f2f2; -webkit-transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0s, box-shadow 500ms linear 0ms; -o-transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0s, box-shadow 500ms linear 0ms; transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0s, box-shadow 500ms linear 0ms;}} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown{position: static;} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a{position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a::before, .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a::after{content: ""; display: block; position: absolute; top: 50%; left: auto; bottom: auto; right: 0; -ms-transform-origin: 50% 50% 0; -webkit-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 10px; height: 1px; background-color: #21313a; box-shadow: 0 1px 1px rgba(33, 49, 58, 0.1);} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a::before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 6.07106781px;} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > a::after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown.open > a{color: #9e588b !important; font-weight: 600;} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown.open > a::before, .o_main_header > .o_main_header_main > .o_primary_nav .dropdown.open > a::after{background-color: #9e588b !important; box-shadow: 0 1px 1px rgba(158, 88, 139, 0.1); right: 3.53553391px;} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown.open > a::before{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown.open > a::after{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .o_main_header > .o_main_header_main > .o_primary_nav .dropdown > .dropdown-menu{border: none; border-radius: 0; margin: 0;} .o_main_header > .o_main_header_main > .o_primary_nav > li{display: inline-block;} .o_main_header > .o_main_header_main > .o_primary_nav > li > a{height: 100%; line-height: 50px;} .o_main_header > .o_main_header_main > .o_primary_nav > li > a:not(.btn){display: inline-block; padding: 0 20px; font-weight: 600; text-transform: uppercase;} @media screen and (min-width: 768px) and (max-width: 991px){.o_main_header > .o_main_header_main > .o_primary_nav > li > a:not(.btn){font-size: 11px;}.o_main_header > .o_main_header_main > .o_primary_nav > li > a:not(.btn):not(.dropdown-toggle){padding: 0 10px;}} .o_main_header > .o_main_header_main > .o_primary_nav > li.dropdown > a{margin-right: 20px;} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav{visibility: visible; background-color: white; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: transform 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0ms, background-color 0ms linear 500ms; -o-transition: transform 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0ms, background-color 0ms linear 500ms; transition: transform 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0ms, background-color 0ms linear 500ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .container > .row > div{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .container > .row > div:nth-child(1){-webkit-transition-delay: 100ms; transition-delay: 100ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .container > .row > div:nth-child(2){-webkit-transition-delay: 200ms; transition-delay: 200ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .container > .row > div:nth-child(3){-webkit-transition-delay: 300ms; transition-delay: 300ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .container > .row > div:nth-child(4){-webkit-transition-delay: 400ms; transition-delay: 400ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav .o_store_link{max-height: 50px; -webkit-transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms; -moz-transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms; -o-transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms; transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms;}.o_main_header > .o_main_header_main > .o_primary_nav > li.open > .o_secondary_nav::before{opacity: 0.5;}} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav{width: 100%; padding: 15px 0 65px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);} @media (min-width: 992px){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row{margin-left: -45px; margin-right: -45px;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div{padding-left: 45px; padding-right: 45px;}} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div{font-size: 16px; overflow: hidden;} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div{height: 340px; padding-top: 10px;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div + div{border-left: 1px solid #f2f2f2;}} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul{position: relative; list-style: none; padding: 0;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li{height: 30px; -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; -moz-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; -o-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; -webkit-transition-property: height, opacity; transition-property: height, opacity;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > a{display: block; height: 100%; line-height: 30px; font-weight: 500; font-size: 1.4rem;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown:not(.open) > a::before, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown:not(.open) > a::after{-ms-transform-origin: 8px 50% 0; -webkit-transform-origin: 8px 50% 0; -moz-transform-origin: 8px 50% 0; transform-origin: 8px 50% 0; width: 8px; right: 0;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown > ul{position: absolute; top: 30px; left: 0; bottom: 0; right: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; -moz-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; -o-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown.open > ul{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; -moz-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; -o-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul.o_sub_opened > li:not(.open){opacity: 0; height: 0 !important; overflow: hidden; -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; -moz-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; -o-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family{text-align: center; font-weight: 500; line-height: 2; pointer-events: none; cursor: default;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family::selection, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family *::selection{background: transparent;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family::-moz-selection, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family *::-moz-selection{background: transparent;} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > span{background-image: url("/material_guide/static/src/css/img/apps_families_s.png"); background-position: 0px 50%; background-repeat: no-repeat; display: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > span{background-image: url("/material_guide/static/src/css/img/2x_apps_families_s.png");}} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > span{display: block; margin: 0 auto; background-size: auto 100%; width: 51px; height: 50px;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > div{font-size: 0.7em; font-weight: 500; line-height: 1.5; color: #666c75; margin-bottom: 1.3em;}} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps a:hover, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps a:focus, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps .o_nav_app_family{color: #5b899e;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps a:hover, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps a:focus, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_app_family{color: #e46f78;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_app_family > span{background-position: -60px 50%;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_operation_apps a:hover, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_operation_apps a:focus, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_operation_apps .o_nav_app_family{color: #5c5b80;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_operation_apps .o_nav_app_family > span{background-position: -120px 50%;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps a:hover, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps a:focus, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps .o_nav_app_family{color: #d5653e;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps .o_nav_app_family > span{background-position: -181px 50%;}} .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link{position: absolute; top: auto; left: 0; bottom: 0; right: 0; overflow: hidden; display: block; height: 50px; line-height: 50px; border-top: 1px solid #f2f2f2; text-align: center; font-size: 12px; font-weight: 600;} @media (min-width: 768px){.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav{display: block; background-color: #fcfcfc; visibility: hidden; z-index: -2; -webkit-transform: translate(0, -115%); -ms-transform: translate(0, -115%); -o-transform: translate(0, -115%); transform: translate(0, -115%); -webkit-transition: transform 333.3333333333333ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 333.3333333333333ms, background-color 0ms linear 0ms; -o-transition: transform 333.3333333333333ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 333.3333333333333ms, background-color 0ms linear 0ms; transition: transform 333.3333333333333ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 333.3333333333333ms, background-color 0ms linear 0ms;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .container > .row > div{opacity: 0; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -o-transform: translate(0, -30%); transform: translate(0, -30%); -webkit-transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms; -moz-transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms; -o-transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms; transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav .o_store_link{max-height: 0; -webkit-transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s;}.o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav::before{content: ""; position: absolute; top: 100%; left: 0; bottom: -1000px; right: 0; display: block; background-color: #000; opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s;}} .o_main_header > .o_main_header_main .o_header_buttons{height: 100%; line-height: 50px; float: right;} .o_main_header > .o_main_header_main .o_header_buttons > *{display: inline-block; float: left;} .o_main_header > .o_main_header_main .o_header_buttons a:not(.btn){display: inline-block; padding: 0 20px; font-weight: 600; text-transform: uppercase;} @media screen and (min-width: 768px) and (max-width: 991px){.o_main_header > .o_main_header_main .o_header_buttons a:not(.btn){font-size: 11px;}.o_main_header > .o_main_header_main .o_header_buttons a:not(.btn):not(.dropdown-toggle){padding: 0 10px;}} .o_main_header > .o_main_header_main .o_header_buttons a.dropdown-toggle{padding: 0 10px;} .o_main_header > .o_main_header_main .o_header_buttons a.o_my_cart{padding: 0;} .o_main_header > .o_main_header_main .o_header_buttons a.o_my_cart .my_cart_quantity{font-family: sans-serif; border-radius: 100%; font-weight: bold; font-size: 90%; padding: 4px 0; min-width: 19px; text-align: center; display: inline-block;} .o_main_header > .o_main_header_main .o_header_buttons .btn-primary{margin-top: 9px;} .o_main_header > .o_main_header_main .o_header_buttons > .dropdown{margin: 0 5px;} @media screen and (min-width: 992px){.o_main_header > .o_main_header_main .o_header_buttons > .dropdown{margin: 0 15px;}} .o_main_header > .o_main_header_main .o_header_buttons > .dropdown, .o_main_header > .o_main_header_main .o_header_buttons > .dropdown .dropdown-toggle{height: 100%;} .o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu{left: auto; right: 0;} .o_main_header > .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu li a{padding-top: 5px; padding-bottom: 5px; color: #666c75;} .o_main_header > .o_sub_nav{min-height: 40px; border: 1px solid rgba(0, 0, 0, 0.05); border-width: 1px 0; background-color: rgba(255, 255, 255, 0.8);} .o_main_header > .o_sub_nav > .container .navbar-header{height: 38px; line-height: 38px; font-weight: 600; color: #666c75; overflow: hidden;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo, .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_title{-webkit-transform: translate(-61px, 0); -ms-transform: translate(-61px, 0); -o-transform: translate(-61px, 0); transform: translate(-61px, 0); -webkit-transition: transform 400ms ease 0s; -moz-transition: transform 400ms ease 0s; -o-transition: transform 400ms ease 0s; transition: transform 400ms ease 0s;} .o_main_header > .o_sub_nav > .container .navbar-header:hover{color: #21313a;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo{background-image: url("/material_guide/static/src/css/img/logos/odoo_logo.png"); background-image: url("/material_guide/static/src/css/img/logos/odoo_logo.svg"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 94.05px; height: 30px; background-size: auto 30px; width: 47.025px; height: 15px; background-size: auto 15px; vertical-align: middle; margin: auto 5px 3px 0;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo.center-block, .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive_half{position: relative; margin-left: auto; margin-right: auto; display: block;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive{background-size: cover; width: 100%; height: 0; padding-bottom: 31.9%;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive_half{background-size: cover; width: 50%; height: 0; padding-bottom: 15.94%;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_title{color: inherit; vertical-align: middle; display: inline-block;} .o_main_header > .o_sub_nav > .container .navbar-header .o_app_name_title span{margin-right: 5px;} .o_main_header > .o_sub_nav > .container .nav{margin-right: -15px;} .o_main_header > .o_sub_nav > .container .nav > li{margin-left: 20px; height: 38px; line-height: 38px;} .o_main_header > .o_sub_nav > .container .nav > li > a{height: 100%; line-height: 38px; padding: 0; font-size: 12px; font-weight: 500; color: #666c75;} .o_main_header > .o_sub_nav > .container .nav > li > a:hover, .o_main_header > .o_sub_nav > .container .nav > li > a:focus{color: #21313a; background-color: transparent;} .o_main_header > .o_sub_nav > .container .nav > li.active > a{color: #21313a; font-weight: 600;} .o_main_header > .o_sub_nav > .container .call-to-action{line-height: 36px; overflow: hidden; width: 100%; max-width: 0px; transform-origin: 0 0; -webkit-transition: max-width 0.3s ease 0ms; -o-transition: max-width 0.3s ease 0ms; transition: max-width 0.3s ease 0ms;} .o_main_header > .o_sub_nav > .container .call-to-action > a{margin-left: 35px; font-weight: 600; padding: 4px 12px; line-height: 1.4em; font-size: 12px!important;} .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav{-webkit-transition: 0.3s background-color; -o-transition: 0.3s background-color; transition: 0.3s background-color; background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1);} .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a, .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title{color: rgba(255, 255, 255, 0.9);} .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a:hover, .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title:hover, .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a:focus, .o_main_header.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title:focus{color: white;} @media (min-width: 768px){.o_main_header.o_has_sub_nav{position: absolute;}.o_main_header.o_has_sub_nav.o_scrolled{position: fixed; top: -51px;}.o_main_header.o_inverted{background-color: transparent; color: white;}.o_main_header.o_inverted a:hover, .o_main_header.o_inverted a:focus{color: inherit;}.o_main_header.o_inverted .o_logo{background-position: 100% 0;}.o_main_header.o_inverted .o_logo.o_logo_15.center-block{background-position: 102% 0;}.o_main_header.o_inverted .o_main_header_main > .o_primary_nav > li.dropdown > a::before, .o_main_header.o_inverted .o_main_header_main > .o_primary_nav > li.dropdown > a::after{background-color: white; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);}.o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open{background-color: #fcfcfc; color: #5a5f68;}.o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open .dropdown-menu{background-color: #fcfcfc; margin-top: 0; border: none; border-radius: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); text-align: left; min-width: 100%; padding-bottom: 12.5px;}.o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open .dropdown-menu.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);}.o_main_header > .o_main_header_main > .o_header_buttons .dropdown.open .dropdown-menu > li > a{display: block; color: #5a5f68; float: none; text-transform: none; font-weight: normal;}} .o_main_header.o_scrolled:not(.o_transparent_blocked), .o_main_header.o_sub_opened{background-color: #fcfcfc; color: #5a5f68; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);} .o_main_header.o_scrolled:not(.o_transparent_blocked).deep_hover:hover, .o_main_header.o_sub_opened.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);} .o_main_header.o_scrolled:not(.o_transparent_blocked) .o_logo, .o_main_header.o_sub_opened .o_logo{background-position: 0 0;} .o_main_header.o_scrolled:not(.o_transparent_blocked) > .o_main_header_main > .o_primary_nav > li.dropdown > a::before, .o_main_header.o_sub_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a::before, .o_main_header.o_scrolled:not(.o_transparent_blocked) > .o_main_header_main > .o_primary_nav > li.dropdown > a::after, .o_main_header.o_sub_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a::after{background-color: #5a5f68; box-shadow: 0 1px 1px rgba(90, 95, 104, 0.1);} .o_main_header.o_scrolled .o_sub_nav{background: #fcfcfc;} .o_main_header.o_scrolled .o_sub_nav > .container .navbar-header > span{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} .o_main_header.o_scrolled .o_sub_nav > .container .call-to-action{max-width: 133px;} .o_main_header.o_sub_opened .o_sub_nav{display: none;} @media (max-width: 767px){.o_main_header{position: relative; height: auto; min-height: 50px; background-color: #fcfcfc; color: #5a5f68; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);}.o_main_header.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);}.o_main_header .o_logo{background-position: 0 0;}.o_main_header > .o_main_header_main > .o_primary_nav > li.dropdown > a::before, .o_main_header > .o_main_header_main > .o_primary_nav > li.dropdown > a::after{background-color: #5a5f68; box-shadow: 0 1px 1px rgba(90, 95, 104, 0.1);}.o_main_header > .o_main_header_main{position: relative;}.o_main_header > .o_main_header_main > .o_primary_nav, .o_main_header > .o_main_header_main .o_header_buttons{display: none;}.o_main_header > .o_main_header_main > .o_mobile_menu_toggle{position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 50px; line-height: 50px; font-size: 16.66666667px; text-align: center;}.o_main_header > .o_sub_nav{display: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main{margin: 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons{float: none; background-color: #25252d; padding: 0 15px; box-sizing: content-box; margin: 50px -15px 0; display: block; text-align: center; width: 100%; height: auto;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > *{overflow: visible!important; color: #fcfcfc; float: none; display: inline;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * > a:not(.btn){display: initial!important;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .dropdown-toggle{color: #fcfcfc !important;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .dropdown-menu{position: relative; line-height: 2; background: rgba(255, 255, 255, 0.05); width: 100%; margin: 0 -15px 0; box-sizing: content-box; padding: 5px 15px;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .dropdown-menu > li > a{float: none; display: block; margin-bottom: 5px; padding: 10px; color: #fcfcfc !important; font-size: 0.8em;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .dropdown-menu > li > a:hover{background: rgba(255, 255, 255, 0.05);}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav{display: block; background-color: #25252d; color: white; margin: 0 -15px 0; padding: 0; float: none; white-space: normal;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:hover, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:focus, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:active{color: white;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav li{border: 0 solid #33343d; border-width: 1px 5px 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li{width: 100%; padding: 0 15px;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown{padding: 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a{display: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .dropdown-menu{position: static; display: block; background-color: transparent; box-shadow: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav{padding: 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div{padding: 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul{list-style-type: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li{height: 50px; padding: 0 15px; border-width: 1px 0 0;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li > a{line-height: 50px;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.open{height: auto; border: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.open > ul{position: static;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family{height: 50px; line-height: 50px; background-color: #33343d;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family > *{display: none;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family::after{content: "(Apps)";}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_store_link{position: relative; border: 0 solid #33343d; border-width: 14px 0 0; padding-top: 14px; line-height: 1.5; height: 60px;}.o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown::after{content: ""; display: inline-block; width: 100%; height: 20px; margin-bottom: -5px; background-color: #33343d;}} .o_main_header.o_mobile_menu_opened .mdi-navigation-menu{background-color: #282f33; color: #f2f2f2;} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb{background-color: transparent; padding: 0; margin: 0 0 0 -15px; height: 38px; line-height: 38px;}} .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li{display: block;} .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li, .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a{height: 30px; line-height: 2;} .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:before{font-weight: 700; float: left; padding: 0; margin-right: -1px; display: none;} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li{margin-left: 0; margin-right: -1px; height: 38px; line-height: 38px; display: inline-block;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:before{display: block;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a{padding: 0; height: 38px; line-height: 40px; letter-spacing: -0.1px; word-spacing: -1px; font-size: 0.9em; display: inline-block; height: 100%; max-width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:last-child > a{max-width: 170px;}} @media screen and (min-width: 1980px){.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a{max-width: 120px;}} @media screen and (min-width: 1200px){.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:last-child > a{max-width: none;}} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a:before{content: "|"; margin-right: 0.5em;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(1) > a:before{display: none;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(2) > a:before{padding-left: 0.5em;}.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(3) > a:before{padding-left: 1em;}} @media screen and (max-width: 767px){.o_main_header.index > .o_sub_nav #o_sub-menu .o_breadcrumb{display: none;}} .o_main_header > .o_sub_nav{border-radius: 0;} .o_main_header > .o_sub_nav .navbar-toggle{padding: 0 15px; margin: 0; height: 38px; background-color: #f2f2f2;} .o_main_header > .o_sub_nav .navbar-toggle span{line-height: 38px;} .o_main_header > .o_sub_nav .navbar-toggle.collapsed{background-color: #fcfcfc;} .o_main_header > .o_sub_nav .collapse .nav{margin-right: 0; margin-bottom: 0;} .o_main_header > .o_sub_nav .collapse .nav:first-of-type{margin-right: -15px;} .o_main_header > .o_sub_nav .collapse .nav > li{margin: 0;} .o_main_header > .o_sub_nav .collapse .nav > li > a{padding: 0 0 0 10px;} .o_main_header > .o_sub_nav .collapse .nav > li.divider{height: auto; line-height: 1; border-bottom: 1px solid #dcddde; padding: 4px 0px 5px;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle{padding: 0 5px 0 10px;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle:after{font-family: 'Material-Design-Icons'; content: "\e7c1"; display: inline-block; text-rendering: geometricPrecision; font-size: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle:after{font-size: 1.5em;}} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open{z-index: 1; position: relative; background-color: #dcddde; color: #5a5f68;} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open{background-color: #fcfcfc;}} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle{color: #5a5f68;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle:hover{color: #21313a;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu{margin-top: 0; border: none; border-radius: 0; text-align: left; min-width: 100%; background-color: #fcfcfc; padding-bottom: 12.5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a{font-size: 12px; display: block; color: #5a5f68; float: none; text-transform: none; font-weight: 500;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a{padding-left: 10px;}} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li.active > a{color: white; background-color: #4c8c7f;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu{position: static;}} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu{background-color: #fcfcfc;}} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav{margin-left: 0;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav > .dropdown-toggle:after{position: absolute; top: 0; left: auto; bottom: auto; right: 0;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a:before{content: "|"; margin-right: 0.5em;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(1) > a:before{display: none;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(2) > a:before{padding-left: 0.5em;} .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(3) > a:before{padding-left: 1em;} @media screen and (min-width: 768px) and (max-width: 991px){.o_main_header > .o_sub_nav > .container > .collapse > .nav > li > a, .o_main_header > .o_sub_nav > .container .o_breadcrumb > li > a{font-size: 10px; font-weight: 600;}} .o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle{padding: 0 5px 0 10px;} .o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle:after{font-family: 'Material-Design-Icons'; content: "\e7c1"; display: inline-block; text-rendering: geometricPrecision; font-size: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle:after{font-size: 1.5em;}} .o_main_header > .o_sub_nav li.dropdown.open{z-index: 1; position: relative; background-color: #dcddde; color: #5a5f68;} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav li.dropdown.open{background-color: #fcfcfc;}} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle{color: #5a5f68;} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle:hover{color: #21313a;} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu{margin-top: 0; border: none; border-radius: 0; text-align: left; min-width: 100%; background-color: #fcfcfc; padding-bottom: 12.5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu.deep_hover:hover{-webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li > a{font-size: 12px; display: block; color: #5a5f68; float: none; text-transform: none; font-weight: 500;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li > a{padding-left: 10px;}} .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li.active > a{color: white; background-color: #4c8c7f;} @media screen and (max-width: 767px){.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu{position: static;}} @media screen and (min-width: 768px){.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu{background-color: #fcfcfc;}} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav{margin-left: 0;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav > .dropdown-toggle:after{position: absolute; top: 0; left: auto; bottom: auto; right: 0;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a:before{content: "|"; margin-right: 0.5em;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(1) > a:before{display: none;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(2) > a:before{padding-left: 0.5em;} .o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(3) > a:before{padding-left: 1em;} @media (max-width: 767px){.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav{display: block; margin-bottom: 0;}.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav{margin: 0 0 0 -8px;}.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a{color: #666c75;}.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:hover, .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:focus{color: #5a5f68;}} .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions{margin-left: 10px;} .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions > li{background: rgba(249, 249, 249, 0.1); margin-right: 1px;} .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions > li:last-child{margin-right: 0;} .o_main_header.o_scrolled .o_sub_nav #o_doc_title{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 1s, transform 0.3s; -o-transition: opacity 1s, transform 0.3s; transition: opacity 1s, transform 0.3s;} .o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions{margin-left: 10px;} .o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions:first-of-type{margin-right: -25px;} .o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions > li{background: rgba(136, 136, 136, 0.1); margin-right: 1px;} .o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions > li:last-child{margin-right: 0;} #thinking-modular > .clearfix.themes, #thinking-modular > .dl-horizontal dd.themes, #thinking-modular > .container.themes, #thinking-modular > .container-fluid.themes, #thinking-modular > .row.themes, #thinking-modular > .form-horizontal .form-group.themes, #thinking-modular > .btn-toolbar.themes, #thinking-modular > .btn-group-vertical > .btn-group.themes, #thinking-modular > .nav.themes, #thinking-modular > .navbar.themes, #thinking-modular > .navbar-header.themes, #thinking-modular > .navbar-collapse.themes, #thinking-modular > .pager.themes, #thinking-modular > .panel-body.themes, #thinking-modular > .modal-header.themes, #thinking-modular > .modal-footer.themes, #thinking-modular > #wrap > .container.index > .index.themes, #thinking-modular > main.has_code_col.themes, #thinking-modular > .o_main_header > .o_main_header_main.themes{margin-bottom: 3em;} article.doc-content *[class^="col-"]{padding: 0;} main aside, main article.doc-body, main .doc-content, main .doc-aside{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 100%;} main .doc-content, main .doc-aside{position: relative;} main aside{width: 25%; max-width: 300px; position: static; padding: 0; display: block; float: left;} @media (max-width: 992px){main aside{display: none;}} main article.doc-body{background: #ffffff; border-left: 1px solid #f2f2f2; padding: 15px 30px;} @media (min-width: 992px){main article.doc-body{width: 75%;}main article.doc-body.doc-toc{width: 100%;}} main article.doc-body > *{max-width: 100%;} main.has_code_col{margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;} @media (min-width: 768px){main.has_code_col{width: 750px;}} @media (min-width: 992px){main.has_code_col{width: 970px;}} @media (min-width: 1200px){main.has_code_col{width: 1170px;}} main.has_code_col > .navbar-header, main.has_code_col > .navbar-collapse{margin-right: -15px; margin-left: -15px;} @media (min-width: 768px){main.has_code_col > .navbar-header, main.has_code_col > .navbar-collapse{margin-right: 0; margin-left: 0;}} main.has_code_col aside{display: none;} main.has_code_col article.doc-body{width: 100%;} main.has_code_col article.doc-body > *{max-width: 100%;} main.has_code_col article.doc-body section{position: relative; display: block; float: left; width: 100%;} @media (min-width: 1200px){main.has_code_col article.doc-body{width: 100%; padding-right: 0;}main.has_code_col article.doc-body:before{content: ""; background: #21272b; -webkit-box-shadow: inset 40px 0 40px -18px rgba(22, 24, 29, 0.3); box-shadow: inset 40px 0 40px -18px rgba(22, 24, 29, 0.3); position: absolute; width: 43%; height: 100%; top: 0; right: 0;}main.has_code_col article.doc-body section > *{width: 54.633333%; max-width: 600px; float: left; clear: left;}main.has_code_col article.doc-body section > h1, main.has_code_col article.doc-body section > h2, main.has_code_col article.doc-body section > h3, main.has_code_col article.doc-body section > h4, main.has_code_col article.doc-body section > h5, main.has_code_col article.doc-body section > h6{width: 100%; float: none; clear: none;}main.has_code_col article.doc-body section .doc-aside{width: 41%; float: none; clear: none; margin-right: 15px; margin-left: 57%;}main.has_code_col article.doc-body section .doc-aside .content-switcher{margin-top: 0;}main.has_code_col article.doc-body section .doc-aside .content-switcher > ul{margin-bottom: 0;}main.has_code_col article.doc-body section .doc-aside .content-switcher > ul > li{color: #dcddde;}} body main article ul{} .code-fields{display: table; width: 100%;} .code-fields .code-field{display: table-row;} .code-fields .code-field-body{display: block; padding-left: 30px;} @media screen and (min-width: 992px){.code-fields .code-field-body{display: table-cell; padding-left: 0;}} .code-fields .code-field-name{width: auto; display: block;} @media screen and (min-width: 992px){.code-fields .code-field-name{width: 20%; padding-right: 20px; display: table-cell;}} .code-fields ul{margin: .2em 0; padding: 0;} body main aside{display: none;} body main article h1, body main article .h1{font-size: 2em;} body main article h2, body main article .h2{font-size: 1.642857143em;} body main article h3, body main article .h3{font-size: 1.25em;} body main article p, body main article ul, body main article ol, body main article table, body main article blockquote, body main article .alert, body main article .doc-code, body main article .admonition{margin-top: inherit; margin-bottom: inherit; font-size: inherit;} @media (min-width: 1200px){main.has_code_col .doc-aside{color: #dcddde;}main.has_code_col .doc-aside pre{font-size: 12px;}} article.doc-body{background: #ffffff;} article.doc-body section.doc-content:first-of-type > p:first-child{margin-bottom: 21px; font-size: 17px; font-weight: 300; line-height: 1.4;} @media (min-width: 768px){article.doc-body section.doc-content:first-of-type > p:first-child{font-size: 22.5px;}} article.doc-body.index-category{min-height: 300px; min-height: 30vh;} article.doc-body.index-category li.toctree-l1{padding: 5px 0;} article.doc-body.index-category li.toctree-l1 ul{margin-bottom: 7px; padding-left: 30px;} .content-switcher{margin-top: 1.5em;} .content-switcher > ul{font-size: 10px; padding: 0; margin: 0 0 10px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} .content-switcher > ul > li{color: text-color; font-weight: 600; border-bottom: 1px solid transparent; margin: 5px; font-size: 1.3em; cursor: pointer; display: inline-block; list-style: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 0.6; filter: alpha(opacity=60);} .content-switcher > ul > li.active{border-bottom: 1px solid #21b799; opacity: 1; filter: alpha(opacity=100);} .content-switcher:hover > ul > li{opacity: 1; filter: alpha(opacity=100);} .content-switcher > .tabs > *{display: none; max-width: 100%; overflow-x: auto;} .content-switcher > .tabs > .active{display: block;} .choose-version-contain{position: fixed; top: 123px; width: 100%; height: 40px; background-color: #F2F2F2;} .choose-version{display: flex; justify-content: flex-end; flex-wrap: wrap; align-content: space-around; height: 100%; margin-right: 100px;} .selection-version{border: none;} .custom-wrap{margin-top: 163px !important;} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .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; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 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: 767px){.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{position: absolute; top: 15px; left: auto; bottom: auto; right: 15px; 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;} 

/* /theme_default/static/src/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-blue{background-color: #3498DB;} .bg-turquoise{background-color: #1ABC9C;} .bg-green{background-color: #2ECC71;} .bg-yellow{background-color: #F1C40F;} .bg-orange{background-color: #E67E22;} .bg-red{background-color: #E74C3C;} .bg-pink{background-color: #f74b94;} .bg-purple{background-color: #9B59B6;} .bg-brown{background-color: #7b5844;} .text-blue{color: #3498DB;} .text-turquoise{color: #1ABC9C;} .text-green{color: #2ECC71;} .text-yellow{color: #F1C40F;} .text-orange{color: #E67E22;} .text-red{color: #E74C3C;} .text-pink{color: #f74b94;} .text-purple{color: #9B59B6;} .text-brown{color: #7b5844;} 

/* /website_forum/static/src/css/website_forum.css defined in bundle 'web.assets_frontend' */
.vote{min-width: 38px; margin-right: 12px;} .vote .vote_count{font-size: 160%; font-weight: bold; line-height: 12px;} .vote .vote_up, .vote .vote_down{font-size: 130%;} .author-box{min-width: 200px; padding: 4px; background-color: whitesmoke;} .question-block{margin-left: 50px;} .o_forum_tag_follow_box{display: none; position: absolute; z-index: 1; text-align: center; opacity: 0.9;} .question{clear: left;} .question .question-name{font-size: 150%;} .question .badge{background-color: #cccccc; margin-left: 4px;} .question .badge-active{background-color: #428bca;} .question img{max-width: 600px; height: auto !important;} .forum_answer img{max-width: 600px; height: auto !important;} img.o_forum_avatar{max-height: 40px; margin-right: 10px;} img.o_forum_avatar_big{max-width: 75px; margin-right: 10px;} .oe_grey{background-color: #eeeeee;} .badge-gold{color: #ffcc00;} .badge-silver{color: #cccccc;} .badge-bronze{color: #eea91e;} .oe_answer_true{color: #3c763d;} .oe_answer_true:hover{color: #4d964e;} .oe_answer_false{color: #bbbbbb;} .oe_answer_false:hover{color: #9e9c9c;} .favourite_question{color: #bbbbbb !important;} .forum_favourite_question{color: #ffcc00 !important;} a.no-decoration{cursor: pointer; text-decoration: none !important;} .faq-question:hover{text-decoration: none !important; color: #428bca;} .oe_comment_grey{background-color: whitesmoke; padding: 4px;} .close.comment_delete{font-size: 16px;} .country_flag{max-height: 16px; display: inline-block; margin-left: 2px;} .tag_text .text-core .text-wrap textarea, .tag_text .text-core .text-wrap input, .tag_text .text-core .text-wrap .text-dropdown, .tag_text .text-core .text-wrap .text-prompt{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .tag_text .text-core .text-wrap .text-tags .text-tag .text-button{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important; height: 1.2em !important;} .oe_forum_alert{position: absolute; margin-top: -30px; margin-left: 90px; width: 300px; z-index: 9999;} .oe_forum_email_required{position: absolute; margin-top: 155px; margin-left: 500px; margin-right: 100px; z-index: 5;} button.btn-link.text-muted{color: #999999;} .o_forum_user_bio_expand{position: absolute; z-index: 200; display: none;} .o_forum_tooltip_heading{padding: 0px; margin: 0px; font-size: 18px;} .o_forum_user_bio{color: black; width: 318px; min-height: 100px; cursor: auto; border: 1px solid darkgrey; background-color: whitesmoke; line-height: 13px; font-size: 11px; word-wrap: break-word;} .o_forum_user_bio .o_forum_tooltip_line{min-height: 13px;} .o_forum_user_bio .o_forum_tooltip_header{min-height: 75px;} 

/* /mail/static/src/less/chat_window.less defined in bundle 'web.assets_frontend' */
 .o_chat_window{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 300px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: white; border: 1px solid gray; border-radius: 3px; z-index: 3;} @media (max-width: 767px){.o_chat_window{width: 100%; height: 100%!important;}.o_chat_window.o_folded{display: none;}} @media print{.o_chat_window{display: none;}} .o_chat_window .o_chat_header{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; background-color: #0060B7; padding: 5px;} @media (max-width: 767px){.o_chat_window .o_chat_header{height: 50px;}.o_chat_window .o_chat_header .o_chat_title, .o_chat_window .o_chat_header .o_chat_window_close{font-size: 22px;}} .o_chat_window .o_chat_header .o_chat_title{cursor: pointer; -ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -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_chat_window .o_chat_header .o_chat_window_close{color: white; padding: 3px; margin-left: 5px;} .o_chat_window .o_chat_header .o_chat_window_close:hover{background-color: #004584;} .o_chat_window .o_mail_thread{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto;} .o_chat_window .o_mail_thread .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px; border-color: lightgray;} .o_chat_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: white;} .o_chat_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_chat_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_chat_window .o_chat_composer{-ms-flex: 0 0 auto; -moz-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_chat_window .o_chat_composer > input{padding: 5px; width: 100%;} .o_chat_window_dropdown{width: auto; height: 28px; color: white; background-color: #0060B7; cursor: pointer;} @media (max-width: 767px){.o_chat_window_dropdown{display: none;}} .o_chat_window_dropdown .o_chat_window_dropdown_toggler{padding: 5px;} .o_chat_window_dropdown .o_chat_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #0060B7; padding: 0 2px; font-size: smaller;} .o_chat_window_dropdown.open .o_chat_window_dropdown_toggler .o_total_unread_counter{display: none;} .o_chat_window_dropdown > ul{max-width: 300px; padding: 0;} .o_chat_window_dropdown > ul > li.o_chat_header{font-size: 12px; padding: 3px 5px;} .o_chat_window_dropdown > ul > li.o_chat_header ~ li.o_chat_header{border-top: 1px solid white;} .o_chat_window_dropdown > ul > li.o_chat_header:hover{background-color: #004584; color: white;} .o_ui_blocked .o_chat_window{z-index: 1101;} .o_no_chat_window .o_chat_window{display: none;} 

/* /mail/static/src/less/thread.less defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more{text-align: center;} .o_mail_thread .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: solid #cccccc 2px; text-align: center;} .o_mail_thread .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{margin-bottom: 15px; border-bottom: solid #0488ff 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #0488ff; font-size: smaller;} .o_mail_thread .o_thread_message{display: -ms-flexbox; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar{-ms-flex: 0 0 36px; -moz-flex: 0 0 36px; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767px){.o_mail_thread .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{max-width: 36px;} .o_mail_thread .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{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message i.o_thread_message_star, .o_mail_thread .o_thread_message i.o_thread_message_needaction, .o_mail_thread .o_thread_message i.o_thread_message_reply, .o_mail_thread .o_thread_message i.o_thread_message_email{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message i.o_thread_message_star.fa-star, .o_mail_thread .o_thread_message i.o_thread_message_needaction.fa-star, .o_mail_thread .o_thread_message i.o_thread_message_reply.fa-star, .o_mail_thread .o_thread_message i.o_thread_message_email.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{opacity: 0.6;} .o_mail_thread .o_thread_message:hover i.o_thread_message_star, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_star, .o_mail_thread .o_thread_message:hover i.o_thread_message_needaction, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_needaction, .o_mail_thread .o_thread_message:hover i.o_thread_message_reply, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_reply, .o_mail_thread .o_thread_message:hover i.o_thread_message_email, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_email{opacity: 0.6;} .o_mail_thread .o_thread_message:hover i.o_thread_message_star:hover, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_star:hover, .o_mail_thread .o_thread_message:hover i.o_thread_message_needaction:hover, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_needaction:hover, .o_mail_thread .o_thread_message:hover i.o_thread_message_reply:hover, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_reply:hover, .o_mail_thread .o_thread_message:hover i.o_thread_message_email:hover, .o_mail_thread .o_thread_message.o_thread_selected_message i.o_thread_message_email:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -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.o_mail_note{background-color: #cccccc;} .o_mail_thread .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{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .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{margin-bottom: 0;} .o_mail_thread .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{max-width: 100%; height: auto;} .o_mail_thread .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{margin-bottom: 2px; color: #b3b3b3;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto, .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info .o_mail_mailto:hover{color: #b3b3b3;} .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{padding: 4px;} .o_mail_thread .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{color: red; opacity: 1;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content{top: 10px; background: #cccccc; padding: 4px; border: solid #cccccc 1px; border-radius: 5px; color: gray; width: 300px; display: none; opacity: 0; position: absolute; transition: opacity 0.5s;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip_content i.fa-exclamation{color: red;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container .o_thread_tooltip:hover + .o_thread_tooltip_content{display: inline; opacity: 1;} .o_mail_thread .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-size: 20px;} .o_mail_thread .o_mail_no_content{padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} 

/* /im_livechat/static/src/less/im_livechat.less 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_chat_window{z-index: 1002;} .o_chat_window .o_thread_date_separator{display: none;} .o_chat_window .o_livechat_rating{-ms-flex: 1 1 auto; -moz-flex: 1 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px;} .o_chat_window .o_livechat_rating .o_livechat_no_feedback{padding-top: 20px; text-align: right; font-size: 12px;} .o_chat_window .o_livechat_rating .o_livechat_no_feedback > em{cursor: pointer;} .o_chat_window .o_livechat_rating .o_livechat_rating_feedback_text{text-align: justify;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices{margin: 10px 0; text-align: center;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img{width: 50px; opacity: 0.60; cursor: pointer; margin: 5px;} .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_chat_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_chat_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

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

/* /website_payment/static/src/css/website_payment.css 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: 34px; 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.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.img-rounded{max-width: 100px; max-height: 40px;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /website_sale/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .products_pager{text-align: center;} .products_pager > div{margin: 0 auto; display: inline-block;} .products_pager > div > *{vertical-align: middle; float: none; padding: 0;} .products_pager > div > ul{padding-left: 10px;} .products_pager > ul{margin-left: auto; margin-right: auto;} .oe_website_sale ul ul{margin-left: 1.5em;} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 24px 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{padding: 5px 0; position: absolute; bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-md-12 > table > tbody > tr > td:empty, #products_grid.col-md-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-md-12 .oe-height-1{height: 75px;} #products_grid.col-md-12 .oe-height-2{height: 150px;} #products_grid.col-md-12 .oe-height-4{height: 300px;} #products_grid.col-md-12 .oe-height-6{height: 450px;} #products_grid.col-md-12 .oe-height-8{height: 600px;} #products_grid.col-md-9 .oe-height-1{height: 70px;} #products_grid.col-md-9 .oe-height-2{height: 140px;} #products_grid.col-md-9 .oe-height-4{height: 280px;} #products_grid.col-md-9 .oe-height-6{height: 420px;} #products_grid.col-md-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-md-12 .oe-height-1{height: 95px;}#products_grid.col-md-12 .oe-height-2{height: 190px;}#products_grid.col-md-12 .oe-height-4{height: 380px;}#products_grid.col-md-12 .oe-height-6{height: 570px;}#products_grid.col-md-12 .oe-height-8{height: 760px;}#products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-md-9 .oe-height-1{height: 72px;}#products_grid.col-md-9 .oe-height-2{height: 144px;}#products_grid.col-md-9 .oe-height-4{height: 288px;}#products_grid.col-md-9 .oe-height-6{height: 432px;}#products_grid.col-md-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-md-12 .oe-height-1{height: 125px;}#products_grid.col-md-12 .oe-height-2{height: 250px;}#products_grid.col-md-12 .oe-height-4{height: 500px;}#products_grid.col-md-12 .oe-height-6{height: 750px;}#products_grid.col-md-12 .oe-height-8{height: 1000px;}#products_grid.col-md-9 .oe-height-1{height: 95px;}#products_grid.col-md-9 .oe-height-2{height: 190px;}#products_grid.col-md-9 .oe-height-4{height: 380px;}#products_grid.col-md-9 .oe-height-6{height: 570px;}#products_grid.col-md-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 768px){#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}.products_pager .pagination{margin: 5px auto !important;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: none !important;} .oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: inline !important;} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (max-width: 992px){#modal_optional_products table:last-child td:last-child{overflow: hidden;}#modal_optional_products table:last-child td:nth-child(2){width: 50%;}#modal_optional_products table:last-child td:nth-child(3){width: 20%;}#modal_optional_products table:last-child td:last-child, #modal_optional_products table:last-child td:nth-last-child(2){width: 15%;}} @media (max-width: 500px){.oe_cart table, #modal_optional_products table{display: inline-block;}.oe_cart table thead, #modal_optional_products table thead{display: none;}.oe_cart table tbody, .oe_cart table tr, .oe_cart table td, #modal_optional_products table tbody, #modal_optional_products table tr, #modal_optional_products table td{float: left; width: 100% !important; display: inline-block;}.oe_cart table td:first-child, #modal_optional_products table td:first-child{display: none;}.oe_cart table td:nth-child(2), #modal_optional_products table td:nth-child(2){border-top-style: double; border-top-width: 6px;}.oe_cart table td:last-child, #modal_optional_products table td:last-child{margin-bottom: 16px;}.oe_cart table:last-child tr:last-child td:last-child, #modal_optional_products table:last-child tr:last-child td:last-child{margin-bottom: 0;}.oe_cart table td:last-child, .oe_cart table td:nth-last-child(2), #modal_optional_products table td:last-child, #modal_optional_products table td:nth-last-child(2){width: 50% !important; height: 46px; text-align: center;}#modal_optional_products table:last-child td:nth-child(3) > div{float: none !important;}.oe_cart a span.hidden-xs, #modal_optional_products a span.hidden-xs{display: none !important;}.oe_cart a span.visible-xs-inline, #modal_optional_products a span.visible-xs-inline{display: inline !important;}} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-md-12{float: none;} .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .product_price, .css_not_available.js_product .css_quantity{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_default_price{display: none;} .discount .oe_default_price{display: block;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown ul[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown ul[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown ul[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown ul[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} .label-optional{font-weight: normal;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} td.noborder{border: none !important;} .border_primary{border: 1px solid #337ab7;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product .carousel-inner div.item{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable img[data-zoom]{cursor: zoom-in;} 

/* /website_sale/static/src/css/website_mail.css defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0px; margin-left: 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px white; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #f4f5fa; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale_stock_status/static/src/css/website_sale_stock_status.css defined in bundle 'web.assets_frontend' */
#product_detail .labels{margin-bottom: 16px;} .oe_product form.disable_to_order a.a-submit{display:none;} #product_detail.disable_to_order #add_to_cart{display:none;} #product_detail.disable_to_order .css_quantity{display:none;} .oe_product .ribbon-wrapper-custom{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon-wrapper-custom-big{display: none; width: 115px; height: 118px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} .oe_product .ribbon-wrapper-custom-big .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 7px 0; left: -15px; top: 30px; width: 170px; cursor: default;} .oe_product.oe_ribbon_new .ribbon-new{display: block;} .oe_product.oe_ribbon_new_release .ribbon-new-release{display: block;} .oe_product.oe_ribbon_pre_order_now .ribbon-pre-order-now{display: block;} .oe_product.oe_ribbon_backordered .ribbon-backordered{display: block;} .oe_product.oe_ribbon_discontinued .ribbon-discontinued{display: block;} 

/* /bizapps_contactus/static/src/css/website_sale.css defined in bundle 'web.assets_frontend' */


/* /website_slides/static/src/less/website_slides.less defined in bundle 'web.assets_frontend' */
 .top_covered_image{object-fit: cover; object-position: top;} .oe_slides_panel_footer{background-color: #f8f8f8;} .oe_slides_panel_footer .fa, .oe_slide_js_embed_option_link{color: #337ab7; cursor: pointer;} .oe_slide_embed_option{position: absolute; padding: 30px 30px 30px 30px; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #fff; opacity: 1; display: none; overflow-y: auto !important;} .oe_slide_embed_wrapper{position: relative;} section.oe_slides_promote_box{background-color: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;} img.oe_slides_channel_thumbnail{object-fit: cover; object-position: top; height: 250px; width: 100%;} img.oe_slides_opacity{opacity: .5;} img.oe_slides_promote_image{object-fit: cover; object-position: top; max-height: 300px; width: 100%; overflow: hidden; display: block;} .oe_slides_box_shadow{box-shadow: 0 0 5px #CCC;} .oe_slides_apart_small{object-fit: cover; object-position: top; height: 60px; width: 90px;} .oe_slides_statistics_title{border-bottom: 1px solid #ddd; padding-bottom: 5px;} .oe_slides_transcript{overflow-y: auto; max-height: 500px;} .oe_slides_bottom_border{border-bottom: 1px solid #ddd;} .oe_slide_js_like, .oe_slide_js_unlike{cursor: pointer; color: #337ab7;} textarea.o_slides_comment{resize: vertical;} .oe_slides_thumbnail_container{height: 300px;} .oe_slides_grid_thumbnail{object-fit: cover; object-position: top; height: 200px; width: 100%; overflow: hidden;} .oe_slides_ellipsis{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .o_slide_preview{max-height: 160px; overflow: hidden;} .oe_slides_suggestion_caption{position: absolute; top: 0; right: 0; background: rgba(10, 10, 10, 0.75); width: 100%; height: 100%; display: none; text-align: center; color: #fff !important; z-index: 2;} .oe_slides_suggestion_media{margin-top: 10px; position: relative;} .oe_slides_suggestion_media img{height: 33%; width: 100%; overflow: hidden;} .oe_slides_loader{position: relative; width: 100%;} .oe_slides_loader h4{position: absolute; bottom: 20px; left: 0; width: 35%; color: white; background: #000000; background: rgba(0, 0, 0, 0.7); padding: 10px;} .oe_slides_panel{padding-bottom: 50px; height: 100%; margin-bottom: 0px;} .oe_slides_share_bar{padding: 10px 0;} .oe_slides_panel_footer #page_number{width: 45px;} .oe_show_footer{z-index: 2147483647;} @media screen and (max-width: 300px){.o_slide_navigation_buttons{margin-left: 15px; margin-right: -15px;}.o_slide_navigation_buttons .col-xs-4{display: none;}} 

/* /icsc_snippet/static/src/css/style_snippet.css defined in bundle 'web.assets_frontend' */
.snippet-process-page .snippet-process-background{background: white; padding: 25px; margin-bottom: 30px;} .snippet-process-page{background: #F4F4F4FF;} .snippet-process-page .snippet-process-background .title-img{color: #5A6179FF; font-size: 20px; font-weight: 600;} .snippet-page-heading{padding-bottom: 50px; background: #F4F4F4FF;} .snippet-page-heading .page-sub-title{font-size: 15px; margin: 20px auto 0; max-width: 800px;} .feature-column-page{background: #F4F4F4FF;} .feature-wrap-content{background: white; padding: 25px; margin-bottom: 30px;} .feature-wrap-content .item-feature{display: flex; margin-top: 15px;} .feature-wrap-content .item-feature .img-feature{margin-right: 20px; max-width: 80px; min-width: 80px; margin-top: 10px;} .feature-wrap-content .item-feature .right-content .title{font-size: 14px; font-weight: 600; color: #5C6C8EFF;} .feature-wrap-content .item-feature .right-content .des{font-size: 13px; font-weight: 300; color: #5d616c;} .feature-wrap-content .title-section{font-size: 20px; margin-bottom: 30px; color: #5C6C8EFF;} .feature-item{display: flex; margin: 10px 0; line-height: 25px; color: #323741; font-size: 16px;} .feature-item i{color: #316ff0; margin-right: 10px; margin-top: 5px; font-size: 13px;} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /theme_default/static/src/less/customize_modal.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-h5{color: #ffffff; font-family: "Lato-Regular"; font-weight: normal; text-transform: uppercase; letter-spacing: normal; font-size: 14px; color: white; padding: 4px 0 4px 4px; background-color: #bdc3c7;} #theme_customize_modal table{width: 100%; margin-bottom: 8px;} 

/* /website_form/static/src/less/website_form.less defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: flex; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .control-label:after, .o_website_form_required_custom .control-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /web/static/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css defined in bundle 'web.assets_frontend' */
 .bootstrap-datetimepicker-widget{top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999 !important; border-radius: 4px;} .bootstrap-datetimepicker-widget.timepicker-sbs{width: 600px;} .bootstrap-datetimepicker-widget.bottom:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 7px;} .bootstrap-datetimepicker-widget.bottom:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 8px;} .bootstrap-datetimepicker-widget.top:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px;} .bootstrap-datetimepicker-widget.top:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; position: absolute; bottom: -6px; left: 7px;} .bootstrap-datetimepicker-widget .dow{width: 14.2857%;} .bootstrap-datetimepicker-widget.pull-right:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.pull-right:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget > ul{list-style-type: none; margin: 0;} .bootstrap-datetimepicker-widget a[data-action]{padding: 6px 0;} .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{width: 54px; font-weight: bold; font-size: 1.2em; margin: 0;} .bootstrap-datetimepicker-widget button[data-action]{padding: 6px;} .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width: 4px; padding: 0; margin: 0;} .bootstrap-datetimepicker-widget .datepicker > div{display: none;} .bootstrap-datetimepicker-widget .picker-switch{text-align: center;} .bootstrap-datetimepicker-widget table{width: 100%; margin: 0;} .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th{text-align: center; border-radius: 4px;} .bootstrap-datetimepicker-widget td{height: 54px; line-height: 54px; width: 54px;} .bootstrap-datetimepicker-widget td.cw{font-size: 10px; height: 20px; line-height: 20px;} .bootstrap-datetimepicker-widget td.day{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{background: #eeeeee; cursor: pointer;} .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new{color: #777777;} .bootstrap-datetimepicker-widget td.today{position: relative;} .bootstrap-datetimepicker-widget td.today:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-bottom: 7px solid #428bca; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color: #fff;} .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget td span{display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px;} .bootstrap-datetimepicker-widget td span:hover{background: #eeeeee;} .bootstrap-datetimepicker-widget td span.active{background-color: #428bca; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .bootstrap-datetimepicker-widget td span.old{color: #777777;} .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget th{height: 20px; line-height: 20px; width: 20px;} .bootstrap-datetimepicker-widget th.picker-switch{width: 145px;} .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{font-size: 21px;} .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover{background: none; color: #777777; cursor: not-allowed;} .bootstrap-datetimepicker-widget thead tr:first-child th{cursor: pointer;} .bootstrap-datetimepicker-widget thead tr:first-child th:hover{background: #eeeeee;} .input-group.date .input-group-addon span{display: block; cursor: pointer; width: 16px; height: 16px;} .bootstrap-datetimepicker-widget.left-oriented:before{left: auto; right: 6px;} .bootstrap-datetimepicker-widget.left-oriented:after{left: auto; right: 7px;} .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td{padding: 0px !important;} @media screen and (max-width: 767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width: 283px;}} 

/* /website_portal_sale/static/src/less/website_portal_sale.less defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .cell_overflow{overflow: hidden;}