.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #517e8d; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #517e8d; border-color: #446a76;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{color: white; background-color: #446a76; border-color: #2c444c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.active{background-color: #6999a8; border-color: #5b8d9d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info .badge{color: #6999a8; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #ec971f; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: white; background-color: #ec971f; border-color: #d58512;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{color: white; background-color: #d58512; border-color: #985f0d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.active{background-color: #f0ad4e; border-color: #eea236;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning .badge{color: #f0ad4e; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #df2c45; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: white; background-color: #df2c45; border-color: #c91e36;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:hover, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active:focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active.focus, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{color: white; background-color: #c91e36; border-color: #901527;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active, .open > .dropdown-toggle.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{background-image: none;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.active{background-color: #e6586c; border-color: #e34258;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger .badge{color: #e6586c; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg{padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm{padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-xs{padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .form-control{height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} #PlannerDialog{top: 44px; box-shadow: 0 3px 9px #666666;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} 

/* /website/static/src/less/website.wrapwrap.less defined in bundle 'web.assets_frontend' */
 #wrapwrap{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%;} #wrapwrap > *{display: table-row;} #wrapwrap > main{height: 100%;} header a.navbar-brand.logo{padding: 0 15px;} header a.navbar-brand img{max-height: 35px; margin-top: 8px;} footer{background-color: #F8F8F8;} footer #footer{padding-top: 32px;} .o_hidden{display: none!important;} .o_text_overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .o_div_text_overflow * > div{overflow: hidden; text-overflow: ellipsis;} .jumbotron{margin-bottom: 0;} .oe_img_bg{background-size: cover; background-repeat: no-repeat;} .oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;} .oe_img_bg.o_bg_img_opt_custom{background-size: auto;} .oe_img_bg.o_bg_img_opt_repeat{background-repeat: repeat;} .oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;} .oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;} .oe_dark{background-color: rgba(200, 200, 200, 0.14);} .oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;} .oe_green{background-color: #169C78; color: white;} .oe_green .text-muted{color: #ddd;} .oe_blue_light{background-color: #41b6ab; color: white;} .oe_blue_light .text-muted{color: #ddd;} .oe_blue{background-color: #34495e; color: white;} .oe_orange{background-color: #f05442; color: white;} .oe_orange .text-muted{color: #ddd;} .oe_purple{background-color: #b163a3; color: white;} .oe_purple .text-muted{color: #ddd;} .oe_red{background-color: #9C1b31; color: white;} .oe_red .text-muted{color: #ddd;} .oe_none{background-color: #FFFFFF;} .oe_yellow{background-color: #A2A51B;} .oe_green{background-color: #149F2C;} ul{list-style-type: disc;} li > ul{list-style-type: circle;} li > * > li > ul{list-style-type: square;} li > * > li > * > li > ul{list-style-type: disc;} li > * > li > * > li > * > li > ul{list-style-type: circle;} li > * > li > * > li > * > li > * > li > ul{list-style-type: square;} li > * > li > * > li > * > li > * > li > * > li > ul{list-style-type: disc;} ol{list-style-type: decimal;} li > ol{list-style-type: lower-alpha;} li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > ol{list-style-type: decimal;} li > * > li > * > li > * > li > ol{list-style-type: lower-alpha;} li > * > li > * > li > * > li > * > li > ol{list-style-type: lower-greek;} li > * > li > * > li > * > li > * > li > * > li > ol{list-style-type: decimal;} li > p{margin: 0;} font[style*='background'], font[class*='bg-']{padding: 0 2px;} hr{padding: 4px 0;} .o_ul_toggle_self, .o_ul_toggle_next{display: none;} .o_ul_folded .o_close{display: none!important;} .o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next{display: inline-block; line-height: inherit; float: left; position: relative; margin-left: -1em; top: -0.15em; left: 0.2em; font-size: 1.4em; text-decoration: none;} .o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before{content: "";} .o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before{content: "";} .container{max-width: 100%;} .container .container{padding-left: 0; padding-right: 0; width: auto;} .navbar.navbar-static-top{margin-bottom: 0;} .navbar.navbar-static-top ul.nav > li.divider{margin-top: 15px; padding-top: 20px; border-right: 1px solid grey;} ul.nav-stacked > li > a{padding: 2px 15px;} [class^="col-md-"]{min-height: 24px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} ::-moz-selection{background: rgba(150, 150, 220, 0.3);} ::selection{background: rgba(150, 150, 220, 0.3);} .oe_demo{position: relative;} .oe_demo img{width: 100%;} .oe_demo div{position: absolute; top: auto; left: 0; bottom: 0; right: auto; background-color: rgba(0, 0, 0, 0.4); opacity: 0.85; width: 100%; padding: 7px; color: white; font-weight: bold;} .oe_demo div a{color: white;} .oe_search_box{padding-right: 23px;} .para_large{font-size: 120%;} .jumbotron .para_large p{font-size: 150%;} .readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto;} .readable .container{padding-left: 0; padding-right: 0; width: auto;} 

/* /website/static/src/less/website.snippets.less defined in bundle 'web.assets_frontend' */
 .carousel, .parallax, .blockquote{overflow: hidden;} @media (max-width: 400px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}} .s_text_block_image_fw .container{padding: 0 30px;} .s_text_block_image_fw .container > .row > div{padding: 30px;} .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;} .table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;} table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px;} table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;} table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;} .s_comparisons .panel .list-group-item:not(.active){color: #666;} .s_references .img-thumbnail{border: none;} .o_image_floating{width: 40%; margin: 4px;} .o_image_floating div.o_container{position: relative;} .o_image_floating.o_margin_s{margin-bottom: 4px;} .o_image_floating.o_margin_s.pull-right{margin-left: 8px;} .o_image_floating.o_margin_s.pull-left{margin-right: 8px;} .o_image_floating.o_margin_m{margin-bottom: 8px;} .o_image_floating.o_margin_m.pull-right{margin-left: 12px;} .o_image_floating.o_margin_m.pull-left{margin-right: 12px;} .o_image_floating.o_margin_l{margin-bottom: 12px;} .o_image_floating.o_margin_l.pull-right{margin-left: 16px;} .o_image_floating.o_margin_l.pull-left{margin-right: 16px;} .o_image_floating.o_margin_xl{margin-bottom: 24px;} .o_image_floating.o_margin_xl.pull-right{margin-left: 32px;} .o_image_floating.o_margin_xl.pull-left{margin-right: 32px;} .carousel-inner{height: 100%;} .carousel-inner .item{height: 100%;} .carousel-inner .carousel-control{cursor: pointer;} .carousel-inner .carousel-control span{top: 50%; position: absolute; margin-top: -8px;} .carousel .carousel-control.left{left: -10px;} .carousel .carousel-control.left *{position: absolute; top: 50%; z-index: 5; right: 50%;} .carousel .carousel-control.right{right: -10px;} .carousel .carousel-control.right *{position: absolute; top: 50%; z-index: 5; left: 50%;} .quotecarousel{padding-bottom: 16px;} div.carousel .container > .carousel-caption{position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px;} div.carousel .container > .carousel-caption > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;} div.carousel .container > .carousel-image{position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto;} div.carousel .container .item.text_image .container > .carousel-caption{left: 10%;} div.carousel .container .item.text_image .container > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;} div.carousel .container .item.text_image .container > .carousel-image{right: 10%; left: 50%;} div.carousel .container .item.image_text .container > .carousel-caption{right: 10%;} div.carousel .container .item.image_text .container > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;} div.carousel .container .item.image_text .container > .carousel-image{right: 50%; left: 10%;} div.carousel .container .item.text_only .container > .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto;} div.carousel .container .item.text_only .container > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;} div.carousel .container .item.text_only .container > .carousel-image{display: none !important;} .o_gallery.o_grid .img, .o_gallery.o_masonry .img{width: 100%;} .o_gallery.o_grid.o_spc-none div.row{margin: 0;} .o_gallery.o_grid.o_spc-none div.row *{padding: 0;} .o_gallery.o_grid.o_spc-small div.row{margin: 5px 0;} .o_gallery.o_grid.o_spc-small div.row *{padding: 0 5px;} .o_gallery.o_grid.o_spc-medium div.row{margin: 10px 0;} .o_gallery.o_grid.o_spc-medium div.row *{padding: 0 10px;} .o_gallery.o_grid.o_spc-big div.row{margin: 15px 0;} .o_gallery.o_grid.o_spc-big div.row *{padding: 0 15px;} .o_gallery.o_grid.size-auto .row{height: auto;} .o_gallery.o_grid.size-small .row{height: 100px;} .o_gallery.o_grid.size-medium .row{height: 250px;} .o_gallery.o_grid.size-big .row{height: 400px;} .o_gallery.o_grid.size-small img, .o_gallery.o_grid.size-medium img, .o_gallery.o_grid.size-big img{height: 100%;} .o_gallery.o_masonry.o_spc-none div.col{padding: 0;} .o_gallery.o_masonry.o_spc-none div.col > img{margin: 0 !important;} .o_gallery.o_masonry.o_spc-small div.col{padding: 0 5px;} .o_gallery.o_masonry.o_spc-small div.col > img{margin: 5px 0 !important;} .o_gallery.o_masonry.o_spc-medium div.col{padding: 0 10px;} .o_gallery.o_masonry.o_spc-medium div.col > img{margin: 10px 0 !important;} .o_gallery.o_masonry.o_spc-big div.col{padding: 0 15px;} .o_gallery.o_masonry.o_spc-big div.col > img{margin: 15px 0 !important;} .o_gallery.o_nomode.o_spc-none .img{padding: 0;} .o_gallery.o_nomode.o_spc-small .img{padding: 5px;} .o_gallery.o_nomode.o_spc-medium .img{padding: 10px;} .o_gallery.o_nomode.o_spc-big .img{padding: 15px;} .o_gallery.o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;} .o_gallery.o_slideshow > .container{height: 100%;} .o_gallery .carousel-inner .item img{max-width: none;} .o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel{height: 100%;} .o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item{padding-bottom: 64px;} .o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img{max-height: 100%; max-width: 100%; margin: auto;} .o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators{display: block; height: auto; padding: 0; border-width: 0; position: absolute; bottom: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; margin: 0 0px 5px 5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; border-radius: 0;} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active){opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");} .o_gallery.o_slideshow .carousel ul.carousel-indicators > *:first-child, .modal-body.o_slideshow .carousel ul.carousel-indicators > *:first-child{margin-left: 0;} .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.right, .o_gallery.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.left{background-image: none; background-color: transparent;} div.carousel .carousel-indicators li{box-shadow: 0 0 0 1px grey;} div.carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.5);} div.carousel span.carousel-img img, div.carousel div.carousel-content{max-height: 95%; padding: 10px;} div.carousel .carousel-control{cursor: pointer;} .parallax{position: relative;} .parallax .oe_structure > :first-child{margin-top: 32px;} .parallax .oe_structure > :last-child{margin-bottom: 32px;} .s_parallax{min-height: 200px;} .s_big_message{background-size: cover;} 

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

/* /website_portal/static/src/less/website_portal.less defined in bundle 'web.assets_frontend' */
 .o_my_status_table{table-layout: fixed;} .o_my_status_table th, .o_my_status_table td{text-align: right;} .o_my_status_table th:nth-last-child(2){width: 150px;} .o_my_status_table th:nth-last-child(1){width: 120px;} .o_my_status_table th:nth-child(1), .o_my_status_table td:nth-child(1){width: auto; min-width: 150px; text-align: left;} @media (max-width: 767px){.o_my_status_table{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}} .o_my_home_content > .page-header > a:hover{text-decoration: none;} 

/* /website_mail_channel/static/src/css/website_mail_channel.css defined in bundle 'web.assets_frontend' */
.o_mg_avatar{width: 40px; height: 40px;} .o_mg_link_show{display: none;} .o_mg_link_content{display: none;} 

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

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

/* /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;} 

/* /website_campaign/static/src/css/mdb.css defined in bundle 'web.assets_frontend' */
 @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} 

/* /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: #7c7bad; 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: #5f5e97;} .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: #7c7bad; 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: #7c7bad; 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: #5f5e97; 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 #eeeeee 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 #abaaca 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: #abaaca; 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: #eeeeee;} .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: #777777;} .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: #777777;} .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: #eeeeee; padding: 4px; border: solid #eeeeee 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.6; 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;} 

/* /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;}} 

/* /smartnet_website/static/src/less/product.less defined in bundle 'web.assets_frontend' */
 .small-weak{font-size: 16px; font-family: 'Open Sans', sans-serif; color: #676767;} @media (max-width: 320px){main .product-list-container{padding-top: 10px;}main .container #search-filter-collapse{padding-top: 30px; margin-left: -41px;}main .container .product_info{padding-top: 25px;}main .container .product_info .prd-image{object-fit: contain;}main .container .product_info .prd-image .img-rounded{height: 128px; padding-left: 15px;}main .container .product_info td{padding-left: 0;}main .container .product_info th{font-size: 14px; padding: 0 0 0 0;}main .container .product_info .basic-info td{padding-left: 1px; padding-right: 3px;}main .container .product_info .basic-info td a.to-prd-link{font-size: inherit;}main .container .product_info .hl-desc td, main .container .product_info .highlight-info td{font-size: 13px;}main .container .product_info .hl-desc td .control--checkbox, main .container .product_info .highlight-info td .control--checkbox{margin-bottom: 0; padding-left: 0;}main .container .product_info .hl-desc td .control--checkbox input, main .container .product_info .highlight-info td .control--checkbox input{max-width: 15px; max-height: 15px; margin: 0 0 0 0;}main .container .product_info .hl-desc td .control__indicator, main .container .product_info .highlight-info td .control__indicator{max-width: 15px; max-height: 15px;}main .label-money, main #loan_amount, main #salary, main .my-radio, main .loan-range-min, main .loan-range-max, main .dropdown-menu{font-size: 13px !important;}} .product_search_info{margin-top: 40px;} @media (max-width: 767px){.product_search_info{text-align: center!important; margin-top: 0px!important;}} @media (max-width: 480px){.product_search_info .btn-search-product{font-size: 13px !important; height: 40px!important;}} @media (max-width: 767px){.apply-button-detail{max-width: 130px!important; font-size: 12px!important;}.container{width: 100% !important;}.period-input{text-align: center!important;}main .product-list-container{padding-top: 20px!important;}main .container #search-filter-collapse{padding-top: 50px;}main .container .product_info .img-responsive{height: auto; padding-left: 0;}main .container .product_info .hl-desc td .apply-button, main .container .product_info .highlight-info td .apply-button{width: initial; height: 60px; padding: 10px 15px;}} .sm-inline{display: inline-block;} .smn-icons{color: #f36f21;} .table-row{display: table-row;} .table-cell{display: table-cell;} .table-cell-middle{display: table-cell; vertical-align: middle;} .btn-search-product{background-color: #003965; color: #ffffff; border: none; border-radius: 4px; height: 50px; width: 50%; max-width: 300px; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: bold;} .btn-search-product:hover{background-color: #054b82; color: #ffffff;} .btn-search-product span{position: relative; top: 5px;} .smn-asterisk{color: #f36f21; position: relative; bottom: 4px; font-size: 10px;} .prd-font{font-family: 'Open Sans', sans-serif;} .medium-font{font-size: 18px; font-family: 'Open Sans', sans-serif;} .big-font{font-size: 24px; font-family: 'Open Sans', sans-serif;} .s-medium-font{font-size: 16px; font-family: 'Open Sans', sans-serif;} .small-font{font-size: 14px; font-family: 'Open Sans', sans-serif;} .prd-detail-title{font-size: 24px; font-family: 'Open Sans', sans-serif; padding-top: 40px; text-align: center; font-weight: bold; color: #003965;} @media only screen and (max-device-width: 480px){.prd-detail-title{font-size: 20px!important;}} .prd-detail-image{display: inline-block; float: left;} #no_month, #interest_filter{text-align: center; font-size: 16px; font-family: 'Open Sans', sans-serif;} .filter-title{font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: bold;} .search-filter-summary{font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: center; padding-bottom: 20px!important;} .search-bar{background-color: #f3f3f3; width: 100%; height: 100px;} @media only screen and (max-device-width: 480px){.search-bar{height: 80px!important;}} .search-bar .search-boxes{margin-top: 25px; margin-bottom: 25px;} @media only screen and (max-device-width: 480px){.search-bar .search-boxes{margin-top: 20px!important; margin-bottom: 20px!important;}} @media only screen and (max-device-width: 991px){.search-bar .search-boxes .sm-btns{padding-left: 5px!important; padding-right: 5px!important;}} .search-bar .search-boxes .s-box{background-color: #ffffff; height: 50px; width: 100%; font-weight: unset; display: inline-block; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #000000; border: solid 1px #bcc8d2; padding: 0px 0px 0px 15px; border-radius: 4px; cursor: pointer;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.search-bar .search-boxes .s-box{font-size: 16px!important;}} @media only screen and (max-device-width: 767px){.search-bar .search-boxes .s-box{font-size: 16px!important;}} @media only screen and (max-device-width: 480px){.search-bar .search-boxes .s-box{font-size: 13px!important; height: 40px!important;}} .search-bar .search-boxes .s-box .btn-icon{color: #003965; font-size: 24px; float: right; margin-right: 10px; margin-top: 12px;} @media only screen and (max-device-width: 480px){.search-bar .search-boxes .s-box .btn-icon{font-size: 16px!important; margin-right: 5px; margin-top: 10px;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.search-bar .search-boxes .s-box .btn-icon{font-size: 18px!important; margin-top: 15px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.search-bar .search-boxes .s-box .btn-icon{font-size: 20px!important; margin-top: 14px!important;}} .search-bar .search-boxes .s-box:hover{webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);} .search-bar .search-boxes .s-box-b{background-color: #ffffff; height: 50px; width: 100%; font-weight: unset; display: inline-block; font-size: 18px; font-family: 'Open Sans', sans-serif; color: #000000; border: solid 1px #bcc8d2; padding: 0px 0px 0px 15px; border-radius: 4px; cursor: pointer; padding: 15px 0px 15px 15px;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.search-bar .search-boxes .s-box-b{font-size: 16px!important;}} @media only screen and (max-device-width: 767px){.search-bar .search-boxes .s-box-b{font-size: 16px!important;}} @media only screen and (max-device-width: 480px){.search-bar .search-boxes .s-box-b{font-size: 13px!important; height: 40px!important;}} .search-bar .search-boxes .s-box-b .btn-icon{color: #003965; font-size: 24px; float: right; margin-right: 10px; margin-top: 12px;} @media only screen and (max-device-width: 480px){.search-bar .search-boxes .s-box-b .btn-icon{font-size: 16px!important; margin-right: 5px; margin-top: 10px;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.search-bar .search-boxes .s-box-b .btn-icon{font-size: 18px!important; margin-top: 15px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.search-bar .search-boxes .s-box-b .btn-icon{font-size: 20px!important; margin-top: 14px!important;}} .search-bar .search-boxes .s-box-b:hover{webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);} @media only screen and (max-device-width: 767px){.search-bar .search-boxes .s-box-b{margin-top: 45px!important;}} @media only screen and (max-device-width: 480px){.search-bar .search-boxes .s-box-b{padding: 11px 0px 15px 15px; margin-top: 35px!important;}} .dropdown_sorty_by{min-width: 150px; float: right;} .dropdown_sorty_by .caret{color: #003965; margin-bottom: 5px;} .dropdown_sorty_by .btn{border: none; margin-left: 15px!important; margin-right: 15px; padding: 0px;} .dropdown_sorty_by .dropdown-toggle{background-color: white!important; border-color: white!important; -webkit-box-shadow: none!important; box-shadow: none!important;} .dropdown_sorty_by .dropdown-menu{font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; background-clip: padding-box;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.dropdown_sorty_by .dropdown-menu{font-size: 16px!important;}} @media only screen and (max-device-width: 767px){.dropdown_sorty_by .dropdown-menu{font-size: 16px!important;}} @media only screen and (max-device-width: 480px){.dropdown_sorty_by .dropdown-menu{font-size: 13px!important;}} .dropdown_sorty_by .dropdown-menu li a{color: #676767 !important;} .dropdown_sorty_by .dropdown-menu li a:hover{color: #f36f21 !important;} #active-sort{font-family: 'Open Sans', sans-serif; font-size: 18px; text-align: left; color: #676767;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){#active-sort{font-size: 16px!important;}} @media only screen and (max-device-width: 767px){#active-sort{font-size: 16px!important;}} @media only screen and (max-device-width: 480px){#active-sort{font-size: 13px!important; height: 40px!important;}} .mgr-20pc{margin-right: 20%;} .smartnet-pager{text-align: center; margin-top: 10px;} .smartnet-pager .pagination li a{background-color: #a3a3a3; border-radius: 4px; margin: 0px 2px; color: white;} .smartnet-pager .pagination li a:hover{background-color: #f36f21;} .smartnet-pager .pagination li:first-child{background-color: #a3a3a3;} .smartnet-pager .pagination li:first-child:hover{background-color: #f36f21;} .smartnet-pager .pagination .disabled{color: white;} .smartnet-pager .pagination .disabled span, .smartnet-pager .pagination .disabled span:hover, .smartnet-pager .pagination .disabled span:focus, .smartnet-pager .pagination .disabled a, .smartnet-pager .pagination .disabled a:hover, .smartnet-pager .pagination .disabled a:focus{background-color: #a3a3a3; color: white;} .smartnet-pager .pagination .active a, .smartnet-pager .pagination .active span, .smartnet-pager .pagination .active a:hover, .smartnet-pager .pagination .active span:hover, .smartnet-pager .pagination .active a:focus, .smartnet-pager .pagination .active span:focus{background-color: #f36f21; border-color: #f36f21;} .compare-product{width: 15px; height: 15px; zoom: 2;} .to-prd-link{font-size: 16px; font-family: 'Open Sans', sans-serif; color: #f36f21; text-decoration: underline;} .to-prd-link:hover{color: #f36f21;} .apply-button{width: 95%; height: 50px; background-color: #003965; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 4px 2px; border-radius: 4px; cursor: pointer;} .apply-button:hover, .apply-button:focus{text-decoration: none!important; color: white!important; background-color: #07538e;} .apply-button-detail{width: 95%; height: 50px; background-color: #003965; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 4px 2px; border-radius: 4px; cursor: pointer; font-size: 14px; width: 180px; height: 40px; padding: 10px 0px; margin-right: 22px;} .apply-button-detail:hover, .apply-button-detail:focus{text-decoration: none!important; color: white!important; background-color: #07538e;} @media only screen and (max-device-width: 991px){.apply-button-detail{font-size: 12px!important;}} @media only screen and (max-device-width: 767px){.apply-button-detail{height: 40px!important; padding-top: 10px!important;}} @media only screen and (max-device-width: 480px){.apply-button-detail{font-size: 10px!important;}} @media only screen and (max-device-width: 320px){.apply-button-detail{font-size: 8px!important; height: 33px !important;}} @media only screen and (max-device-width: 480px){.apply-button-detail{font-size: 10px!important;}} @media only screen and (max-device-width: 767px){.apply-button-detail{font-size: 10px!important; padding: 10px 0px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.apply-button-detail{font-size: 12px!important; padding: 10px 0px!important;}} @media (max-width: 767px){.apply-button-detail{max-width: 130px!important; font-size: 12px!important;}.compare-button{max-width: 110px!important; font-size: 10px!important; padding: 12px 15px;}} .odd-bg{background-color: white;} .even-bg{background-color: #f3f3f3;} .control{font-size: 18px; position: relative; display: block; margin-bottom: 15px; padding-left: 30px; cursor: pointer;} .control input{position: absolute; z-index: -1; opacity: 0;} .control__indicator{position: absolute; left: 50%; width: 30px; height: 30px; background: white; border: 1px solid #9b9b9b; border-radius: 3px;} .control--radio .control__indicator{border-radius: 50%;} .control input:checked ~ .control__indicator{background: #003965;} .control input:disabled ~ .control__indicator{pointer-events: none; opacity: 0.6; background: #003965;} .control__indicator:after{position: absolute; display: none; content: '';} .control input:checked ~ .control__indicator:after{display: block;} .control--checkbox .control__indicator:after{top: 6px; left: 12px; width: 4.5px; height: 12px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0;} .control--checkbox input:disabled ~ .control__indicator:after{border-color: #7b7b7b;} .control--radio .control__indicator:after{top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background: #fff;} .control--radio input:disabled ~ .control__indicator:after{background: #7b7b7b;} .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{background-color: rgba(103, 53, 10, 0.4); border-radius: 4px;} .prd-extra-info{margin-top: 15px; text-align: center;} .prd-extra-info div{text-align: center; color: #676767; font-size: 14px;} .my-input{font-weight: normal; font-size: 16px; font-family: 'Open Sans', sans-serif;} .my-radio{font-weight: normal; font-size: 18px; font-family: 'Open Sans', sans-serif;} .filter-selections{font-size: 18px; font-family: 'Open Sans', sans-serif;} .filter-selections p{font-size: 18px; font-family: 'Open Sans', sans-serif;} .filter-selections button.dropdown-toggle{width: 90%; color: #0069ba; background-color: #eef1f3; border: 1px solid #eef1f3; font: #0069ba; font-weight: bold;} .filter-selections button.dropdown-toggle .caret{margin-left: 20%;} .filter-selections .dropdown-menu{width: 90%;} .filter-selections #interest_filter{display: inline-block; width: auto; margin-left: 5px;} #search-filter-collapse .panel-group{margin-bottom: 0px;} #search-filter-collapse .panel-default{border: none;} .sm-star-rating{margin-bottom: 10px;} .sm-star-rating .checked{color: gold;} .sm-star-rating .fa-star:hover{color: gold;} .sm-star-rating .rating-title{margin-right: 15px;} .variant-filters .variant-filter-title{font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: bold;} .variant-filters hr{margin-top: 0px; margin-bottom: 0px;} .product-detail-group{font-size: 16px; font-family: 'Open Sans', sans-serif;} .product-detail-group .row{padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px;} .product-detail-group .row.group-title{margin-top: 5px; font-weight: bold; padding-left: 5px; font-size: 18px; font-family: 'Open Sans', sans-serif;} .product-detail-group .row:nth-child(2n+1){background-color: white;} .product-detail-group .row:nth-child(2n){background-color: #f3f3f3;} .product-detail-group .row:last-child{margin-bottom: 20px;} .product-detail-group .row div:first-child{text-align: left;} .product-detail-group .row div:last-child{text-align: right;} #product-compare-footer{position: fixed; bottom: 0; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.85); text-align: center;} #product-compare-footer .close-thik{color: #777; font: 13px/100% arial, sans-serif; position: absolute; right: 17px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 21px;} #product-compare-footer .close-thik:hover{text-decoration: none; color: #003965;} #product-compare-footer .content{color: white;} .rmv-prd-button{position: absolute; left: 0px; height: 20px; width: 20px; background-color: #003965; border-radius: 4px; cursor: pointer;} .rmv-prd-button .close-thin{color: #777; font: 15px ""; position: relative; bottom: 1px; text-decoration: none; text-shadow: 0 1px 0 #fff; color: #ffffff;} .rmv-prd-button .close-thin:hover{text-decoration: none; color: #ffffff;} .prd-compare-sum{margin-top: 20px; margin-bottom: 20px; border-radius: 5px; background: white; padding-top: 10px; padding-bottom: 10px; cursor: pointer;} .prd-compare-sum div:nth-child(2){font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #003965;} @media only screen and (max-device-width: 480px){.prd-compare-sum div:nth-child(2){font-size: 13px;}} @media only screen and (min-device-width: 481px) and (max-device-width: 991px){.prd-compare-sum div:nth-child(2){font-size: 14px;}} .prd-compare-sum div:last-child{font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #f36f21;} @media only screen and (max-device-width: 480px){.prd-compare-sum div:last-child{font-size: 13px;}} @media only screen and (min-device-width: 481px) and (max-device-width: 991px){.prd-compare-sum div:last-child{font-size: 14px;}} .compare-button{width: 95%; height: 50px; background-color: #003965; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 4px 2px; border-radius: 4px; cursor: pointer; font-size: 14px; width: 180px; height: 40px; padding: 10px 0px; margin-right: 22px; float: none!important;} .compare-button:hover, .compare-button:focus{text-decoration: none!important; color: white!important; background-color: #07538e;} @media only screen and (max-device-width: 991px){.compare-button{font-size: 12px!important;}} @media only screen and (max-device-width: 767px){.compare-button{height: 40px!important; padding-top: 10px!important;}} @media only screen and (max-device-width: 480px){.compare-button{font-size: 10px!important;}} @media only screen and (max-device-width: 320px){.compare-button{font-size: 8px!important; height: 33px !important;}} @media only screen and (max-device-width: 480px){.compare-button{font-size: 10px!important;}} @media only screen and (max-device-width: 767px){.compare-button{font-size: 10px!important; padding: 10px 0px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.compare-button{font-size: 12px!important; padding: 10px 0px!important;}} .compare-button a{color: white!important;} .compare-button:hover, .compare-button:focus{color: white!important; background-color: #07538e;} .compare-button:hover a, .compare-button:focus a{text-decoration: none!important;} @media only screen and (max-device-width: 767px){.compare-button{margin-top: 0px; float: none; text-align: center;}} .reset-comparison{width: 95%; height: 50px; background-color: #003965; border: none; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-family: 'Open Sans', sans-serif; margin: 4px 2px; border-radius: 4px; cursor: pointer; font-size: 14px; width: 180px; height: 40px; padding: 10px 0px; margin-right: 22px; background-color: black;} .reset-comparison:hover, .reset-comparison:focus{text-decoration: none!important; color: white!important; background-color: #07538e;} @media only screen and (max-device-width: 991px){.reset-comparison{font-size: 12px!important;}} @media only screen and (max-device-width: 767px){.reset-comparison{height: 40px!important; padding-top: 10px!important;}} @media only screen and (max-device-width: 480px){.reset-comparison{font-size: 10px!important;}} @media only screen and (max-device-width: 320px){.reset-comparison{font-size: 8px!important; height: 33px !important;}} @media only screen and (max-device-width: 480px){.reset-comparison{font-size: 10px!important;}} @media only screen and (max-device-width: 767px){.reset-comparison{font-size: 10px!important; padding: 10px 0px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.reset-comparison{font-size: 12px!important; padding: 10px 0px!important;}} .reset-comparison a{color: white!important;} .reset-comparison:hover, .reset-comparison:focus{color: white!important; background-color: #424141;} .reset-comparison:hover a, .reset-comparison:focus a{text-decoration: none!important;} @media only screen and (max-device-width: 480px){.reset-comparison{margin-top: 0px;}} @media only screen and (max-device-width: 767px){.cp-btn-row{margin-top: 0px!important; margin-bottom: 0px!important;}} .empty{background: rgba(0, 0, 0, 0) !important;} .close-thik:after{content: '✖';} .close-thin:after{content: '×';} .second-attr-title{display: none;} .prd-compared-title{line-height: 1.5em; height: 3em; overflow: hidden; font-size: 14px!important;} @media only screen and (max-device-width: 480px){.prd-compared-title{font-size: 12px!important;}} .one-line{line-height: 3em; height: 3em; overflow: hidden;} .two-line{line-height: 1.5em; height: 3em; overflow: hidden;} .product-comparison-group{font-size: 14px; font-family: 'Open Sans', sans-serif;} .product-comparison-group .row{padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px;} .product-comparison-group .row:nth-child(2n+1){background-color: white;} .product-comparison-group .row:nth-child(2n){background-color: #f3f3f3;} .product-comparison-group .row .attr-title{text-align: left;} .product-comparison-group .row div{text-align: center;} .product-info .prd-image{height: auto; max-width: 100%;} .product-info div{text-align: center;} @media only screen and (max-device-width: 767px){.on-mobile{display: block!important;}} @media only screen and (min-device-width: 768px){.on-mobile{display: none!important;}} @media only screen and (max-device-width: 767px){.on-large-device{display: none!important;}} @media only screen and (min-device-width: 768px){.on-large-device{display: block!important;}} @media only screen and (max-device-width: 767px){.mrg-t{margin-top: 30px !important;}} @media only screen and (max-device-width: 767px){.pdg-t{padding-top: 15px !important;}} @media only screen and (max-device-width: 480px){.pdg-t{padding-top: 10px !important;}} .product-header-mobile{border-bottom: 1px solid #d2d2d2; font-weight: 600; color: #000000; font-size: 18px; font-family: 'Open Sans', sans-serif; padding-bottom: 20px;} .product-header-mobile div:first-child{text-align: left;} @media only screen and (min-device-width: 768px){.product-header-mobile div:nth-child(2){padding-left: 5.5%;}} @media only screen and (max-device-width: 767px){.product-header-mobile{font-size: 17px!important;}} @media only screen and (max-device-width: 480px){.product-header-mobile{padding-bottom: 10px!important; font-size: 16px!important;}} @media only screen and (max-device-width: 320px){.product-header-mobile{font-size: 15px!important;}} .product-title{font-size: 18px; font-family: 'Open Sans', sans-serif; color: #003965; padding: 20px 0px 15px 0px; text-align: left!important; font-weight: 600;} @media only screen and (max-device-width: 767px){.product-title{padding-top: 8.5% !important; font-size: 17px!important;}} @media only screen and (max-device-width: 480px){.product-title{font-size: 16px!important;}} @media only screen and (max-device-width: 320px){.product-title{padding-top: 5%!important; font-size: 15px!important;}} .highlight-info{font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #0069ba; text-align: center; padding: 5px 0px 5px 0px;} @media only screen and (max-device-width: 480px){.highlight-info{font-size: 20px!important;}} @media only screen and (max-device-width: 320px){.highlight-info{font-size: 18px!important;}} .highlight-unit{font-size: 16px; font-family: 'Open Sans', sans-serif; color: #676767; text-align: center; padding: 0px 5px 0px 5px;} @media only screen and (max-device-width: 480px){.highlight-unit{font-size: 18px!important;}} @media only screen and (max-device-width: 320px){.highlight-unit{font-size: 16px!important;}} .product-compare-checkbox{margin-top: 20px;} .product-compare-checkbox label{padding-left: 25px!important;} @media only screen and (max-device-width: 767px){.product-compare-checkbox label{font-size: 16px!important;}} @media only screen and (max-device-width: 480px){.product-compare-checkbox{margin-top: 12px!important;}.product-compare-checkbox label{font-size: 13px!important;}} @media only screen and (max-device-width: 320px){.product-compare-checkbox label{font-size: 12px!important;}} .product-attribute-lines div:nth-child(odd) div{font-size: 16px; font-family: 'Open Sans', sans-serif; color: #676767; text-align: left;} @media only screen and (max-device-width: 991px){.product-attribute-lines div:nth-child(odd) div{font-size: 13px!important;}} .product-attribute-lines div:nth-child(even) div{font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: right; font-weight: bold;} @media only screen and (max-device-width: 991px){.product-attribute-lines div:nth-child(even) div{font-size: 13px!important;}} .product-attribute-lines div{padding-top: 4px; padding-bottom: 4px;} @media only screen and (max-device-width: 991px){.apply-button{font-size: 12px!important;}} @media only screen and (max-device-width: 767px){.apply-button{height: 40px!important; padding-top: 10px!important;}} @media only screen and (max-device-width: 480px){.apply-button{font-size: 10px!important;}} @media only screen and (max-device-width: 320px){.apply-button{font-size: 8px!important; height: 33px !important;}} .single-product-info{padding: 10px;} .single-product-info:nth-child(even){background-color: white;} .single-product-info:nth-child(odd){background-color: #f3f3f3;} @media only screen and (min-device-width: 768px){.product-important-info div:nth-child(2) div{padding-left: 35%;}.product-important-info div:nth-child(7) div{text-align: right;}} 

/* /smartnet_website/static/src/lib/materialize/css/materialize.css defined in bundle 'web.assets_frontend' */
 .materialize-red{background-color: #e51c23 !important;} .materialize-red-text{color: #e51c23 !important;} .materialize-red.lighten-5{background-color: #fdeaeb !important;} .materialize-red-text.text-lighten-5{color: #fdeaeb !important;} .materialize-red.lighten-4{background-color: #f8c1c3 !important;} .materialize-red-text.text-lighten-4{color: #f8c1c3 !important;} .materialize-red.lighten-3{background-color: #f3989b !important;} .materialize-red-text.text-lighten-3{color: #f3989b !important;} .materialize-red.lighten-2{background-color: #ee6e73 !important;} .materialize-red-text.text-lighten-2{color: #ee6e73 !important;} .materialize-red.lighten-1{background-color: #ea454b !important;} .materialize-red-text.text-lighten-1{color: #ea454b !important;} .materialize-red.darken-1{background-color: #d0181e !important;} .materialize-red-text.text-darken-1{color: #d0181e !important;} .materialize-red.darken-2{background-color: #b9151b !important;} .materialize-red-text.text-darken-2{color: #b9151b !important;} .materialize-red.darken-3{background-color: #a21318 !important;} .materialize-red-text.text-darken-3{color: #a21318 !important;} .materialize-red.darken-4{background-color: #8b1014 !important;} .materialize-red-text.text-darken-4{color: #8b1014 !important;} .red{background-color: #F44336 !important;} .red-text{color: #F44336 !important;} .red.lighten-5{background-color: #FFEBEE !important;} .red-text.text-lighten-5{color: #FFEBEE !important;} .red.lighten-4{background-color: #FFCDD2 !important;} .red-text.text-lighten-4{color: #FFCDD2 !important;} .red.lighten-3{background-color: #EF9A9A !important;} .red-text.text-lighten-3{color: #EF9A9A !important;} .red.lighten-2{background-color: #E57373 !important;} .red-text.text-lighten-2{color: #E57373 !important;} .red.lighten-1{background-color: #EF5350 !important;} .red-text.text-lighten-1{color: #EF5350 !important;} .red.darken-1{background-color: #E53935 !important;} .red-text.text-darken-1{color: #E53935 !important;} .red.darken-2{background-color: #D32F2F !important;} .red-text.text-darken-2{color: #D32F2F !important;} .red.darken-3{background-color: #C62828 !important;} .red-text.text-darken-3{color: #C62828 !important;} .red.darken-4{background-color: #B71C1C !important;} .red-text.text-darken-4{color: #B71C1C !important;} .red.accent-1{background-color: #FF8A80 !important;} .red-text.text-accent-1{color: #FF8A80 !important;} .red.accent-2{background-color: #FF5252 !important;} .red-text.text-accent-2{color: #FF5252 !important;} .red.accent-3{background-color: #FF1744 !important;} .red-text.text-accent-3{color: #FF1744 !important;} .red.accent-4{background-color: #D50000 !important;} .red-text.text-accent-4{color: #D50000 !important;} .pink{background-color: #e91e63 !important;} .pink-text{color: #e91e63 !important;} .pink.lighten-5{background-color: #fce4ec !important;} .pink-text.text-lighten-5{color: #fce4ec !important;} .pink.lighten-4{background-color: #f8bbd0 !important;} .pink-text.text-lighten-4{color: #f8bbd0 !important;} .pink.lighten-3{background-color: #f48fb1 !important;} .pink-text.text-lighten-3{color: #f48fb1 !important;} .pink.lighten-2{background-color: #f06292 !important;} .pink-text.text-lighten-2{color: #f06292 !important;} .pink.lighten-1{background-color: #ec407a !important;} .pink-text.text-lighten-1{color: #ec407a !important;} .pink.darken-1{background-color: #d81b60 !important;} .pink-text.text-darken-1{color: #d81b60 !important;} .pink.darken-2{background-color: #c2185b !important;} .pink-text.text-darken-2{color: #c2185b !important;} .pink.darken-3{background-color: #ad1457 !important;} .pink-text.text-darken-3{color: #ad1457 !important;} .pink.darken-4{background-color: #880e4f !important;} .pink-text.text-darken-4{color: #880e4f !important;} .pink.accent-1{background-color: #ff80ab !important;} .pink-text.text-accent-1{color: #ff80ab !important;} .pink.accent-2{background-color: #ff4081 !important;} .pink-text.text-accent-2{color: #ff4081 !important;} .pink.accent-3{background-color: #f50057 !important;} .pink-text.text-accent-3{color: #f50057 !important;} .pink.accent-4{background-color: #c51162 !important;} .pink-text.text-accent-4{color: #c51162 !important;} .purple{background-color: #9c27b0 !important;} .purple-text{color: #9c27b0 !important;} .purple.lighten-5{background-color: #f3e5f5 !important;} .purple-text.text-lighten-5{color: #f3e5f5 !important;} .purple.lighten-4{background-color: #e1bee7 !important;} .purple-text.text-lighten-4{color: #e1bee7 !important;} .purple.lighten-3{background-color: #ce93d8 !important;} .purple-text.text-lighten-3{color: #ce93d8 !important;} .purple.lighten-2{background-color: #ba68c8 !important;} .purple-text.text-lighten-2{color: #ba68c8 !important;} .purple.lighten-1{background-color: #ab47bc !important;} .purple-text.text-lighten-1{color: #ab47bc !important;} .purple.darken-1{background-color: #8e24aa !important;} .purple-text.text-darken-1{color: #8e24aa !important;} .purple.darken-2{background-color: #7b1fa2 !important;} .purple-text.text-darken-2{color: #7b1fa2 !important;} .purple.darken-3{background-color: #6a1b9a !important;} .purple-text.text-darken-3{color: #6a1b9a !important;} .purple.darken-4{background-color: #4a148c !important;} .purple-text.text-darken-4{color: #4a148c !important;} .purple.accent-1{background-color: #ea80fc !important;} .purple-text.text-accent-1{color: #ea80fc !important;} .purple.accent-2{background-color: #e040fb !important;} .purple-text.text-accent-2{color: #e040fb !important;} .purple.accent-3{background-color: #d500f9 !important;} .purple-text.text-accent-3{color: #d500f9 !important;} .purple.accent-4{background-color: #aa00ff !important;} .purple-text.text-accent-4{color: #aa00ff !important;} .deep-purple{background-color: #673ab7 !important;} .deep-purple-text{color: #673ab7 !important;} .deep-purple.lighten-5{background-color: #ede7f6 !important;} .deep-purple-text.text-lighten-5{color: #ede7f6 !important;} .deep-purple.lighten-4{background-color: #d1c4e9 !important;} .deep-purple-text.text-lighten-4{color: #d1c4e9 !important;} .deep-purple.lighten-3{background-color: #b39ddb !important;} .deep-purple-text.text-lighten-3{color: #b39ddb !important;} .deep-purple.lighten-2{background-color: #9575cd !important;} .deep-purple-text.text-lighten-2{color: #9575cd !important;} .deep-purple.lighten-1{background-color: #7e57c2 !important;} .deep-purple-text.text-lighten-1{color: #7e57c2 !important;} .deep-purple.darken-1{background-color: #5e35b1 !important;} .deep-purple-text.text-darken-1{color: #5e35b1 !important;} .deep-purple.darken-2{background-color: #512da8 !important;} .deep-purple-text.text-darken-2{color: #512da8 !important;} .deep-purple.darken-3{background-color: #4527a0 !important;} .deep-purple-text.text-darken-3{color: #4527a0 !important;} .deep-purple.darken-4{background-color: #311b92 !important;} .deep-purple-text.text-darken-4{color: #311b92 !important;} .deep-purple.accent-1{background-color: #b388ff !important;} .deep-purple-text.text-accent-1{color: #b388ff !important;} .deep-purple.accent-2{background-color: #7c4dff !important;} .deep-purple-text.text-accent-2{color: #7c4dff !important;} .deep-purple.accent-3{background-color: #651fff !important;} .deep-purple-text.text-accent-3{color: #651fff !important;} .deep-purple.accent-4{background-color: #6200ea !important;} .deep-purple-text.text-accent-4{color: #6200ea !important;} .indigo{background-color: #3f51b5 !important;} .indigo-text{color: #3f51b5 !important;} .indigo.lighten-5{background-color: #e8eaf6 !important;} .indigo-text.text-lighten-5{color: #e8eaf6 !important;} .indigo.lighten-4{background-color: #c5cae9 !important;} .indigo-text.text-lighten-4{color: #c5cae9 !important;} .indigo.lighten-3{background-color: #9fa8da !important;} .indigo-text.text-lighten-3{color: #9fa8da !important;} .indigo.lighten-2{background-color: #7986cb !important;} .indigo-text.text-lighten-2{color: #7986cb !important;} .indigo.lighten-1{background-color: #5c6bc0 !important;} .indigo-text.text-lighten-1{color: #5c6bc0 !important;} .indigo.darken-1{background-color: #3949ab !important;} .indigo-text.text-darken-1{color: #3949ab !important;} .indigo.darken-2{background-color: #303f9f !important;} .indigo-text.text-darken-2{color: #303f9f !important;} .indigo.darken-3{background-color: #283593 !important;} .indigo-text.text-darken-3{color: #283593 !important;} .indigo.darken-4{background-color: #1a237e !important;} .indigo-text.text-darken-4{color: #1a237e !important;} .indigo.accent-1{background-color: #8c9eff !important;} .indigo-text.text-accent-1{color: #8c9eff !important;} .indigo.accent-2{background-color: #536dfe !important;} .indigo-text.text-accent-2{color: #536dfe !important;} .indigo.accent-3{background-color: #3d5afe !important;} .indigo-text.text-accent-3{color: #3d5afe !important;} .indigo.accent-4{background-color: #304ffe !important;} .indigo-text.text-accent-4{color: #304ffe !important;} .blue{background-color: #2196F3 !important;} .blue-text{color: #2196F3 !important;} .blue.lighten-5{background-color: #E3F2FD !important;} .blue-text.text-lighten-5{color: #E3F2FD !important;} .blue.lighten-4{background-color: #BBDEFB !important;} .blue-text.text-lighten-4{color: #BBDEFB !important;} .blue.lighten-3{background-color: #90CAF9 !important;} .blue-text.text-lighten-3{color: #90CAF9 !important;} .blue.lighten-2{background-color: #64B5F6 !important;} .blue-text.text-lighten-2{color: #64B5F6 !important;} .blue.lighten-1{background-color: #42A5F5 !important;} .blue-text.text-lighten-1{color: #42A5F5 !important;} .blue.darken-1{background-color: #1E88E5 !important;} .blue-text.text-darken-1{color: #1E88E5 !important;} .blue.darken-2{background-color: #1976D2 !important;} .blue-text.text-darken-2{color: #1976D2 !important;} .blue.darken-3{background-color: #1565C0 !important;} .blue-text.text-darken-3{color: #1565C0 !important;} .blue.darken-4{background-color: #0D47A1 !important;} .blue-text.text-darken-4{color: #0D47A1 !important;} .blue.accent-1{background-color: #82B1FF !important;} .blue-text.text-accent-1{color: #82B1FF !important;} .blue.accent-2{background-color: #448AFF !important;} .blue-text.text-accent-2{color: #448AFF !important;} .blue.accent-3{background-color: #2979FF !important;} .blue-text.text-accent-3{color: #2979FF !important;} .blue.accent-4{background-color: #2962FF !important;} .blue-text.text-accent-4{color: #2962FF !important;} .light-blue{background-color: #03a9f4 !important;} .light-blue-text{color: #03a9f4 !important;} .light-blue.lighten-5{background-color: #e1f5fe !important;} .light-blue-text.text-lighten-5{color: #e1f5fe !important;} .light-blue.lighten-4{background-color: #b3e5fc !important;} .light-blue-text.text-lighten-4{color: #b3e5fc !important;} .light-blue.lighten-3{background-color: #81d4fa !important;} .light-blue-text.text-lighten-3{color: #81d4fa !important;} .light-blue.lighten-2{background-color: #4fc3f7 !important;} .light-blue-text.text-lighten-2{color: #4fc3f7 !important;} .light-blue.lighten-1{background-color: #29b6f6 !important;} .light-blue-text.text-lighten-1{color: #29b6f6 !important;} .light-blue.darken-1{background-color: #039be5 !important;} .light-blue-text.text-darken-1{color: #039be5 !important;} .light-blue.darken-2{background-color: #0288d1 !important;} .light-blue-text.text-darken-2{color: #0288d1 !important;} .light-blue.darken-3{background-color: #0277bd !important;} .light-blue-text.text-darken-3{color: #0277bd !important;} .light-blue.darken-4{background-color: #01579b !important;} .light-blue-text.text-darken-4{color: #01579b !important;} .light-blue.accent-1{background-color: #80d8ff !important;} .light-blue-text.text-accent-1{color: #80d8ff !important;} .light-blue.accent-2{background-color: #40c4ff !important;} .light-blue-text.text-accent-2{color: #40c4ff !important;} .light-blue.accent-3{background-color: #00b0ff !important;} .light-blue-text.text-accent-3{color: #00b0ff !important;} .light-blue.accent-4{background-color: #0091ea !important;} .light-blue-text.text-accent-4{color: #0091ea !important;} .cyan{background-color: #00bcd4 !important;} .cyan-text{color: #00bcd4 !important;} .cyan.lighten-5{background-color: #e0f7fa !important;} .cyan-text.text-lighten-5{color: #e0f7fa !important;} .cyan.lighten-4{background-color: #b2ebf2 !important;} .cyan-text.text-lighten-4{color: #b2ebf2 !important;} .cyan.lighten-3{background-color: #80deea !important;} .cyan-text.text-lighten-3{color: #80deea !important;} .cyan.lighten-2{background-color: #4dd0e1 !important;} .cyan-text.text-lighten-2{color: #4dd0e1 !important;} .cyan.lighten-1{background-color: #26c6da !important;} .cyan-text.text-lighten-1{color: #26c6da !important;} .cyan.darken-1{background-color: #00acc1 !important;} .cyan-text.text-darken-1{color: #00acc1 !important;} .cyan.darken-2{background-color: #0097a7 !important;} .cyan-text.text-darken-2{color: #0097a7 !important;} .cyan.darken-3{background-color: #00838f !important;} .cyan-text.text-darken-3{color: #00838f !important;} .cyan.darken-4{background-color: #006064 !important;} .cyan-text.text-darken-4{color: #006064 !important;} .cyan.accent-1{background-color: #84ffff !important;} .cyan-text.text-accent-1{color: #84ffff !important;} .cyan.accent-2{background-color: #18ffff !important;} .cyan-text.text-accent-2{color: #18ffff !important;} .cyan.accent-3{background-color: #00e5ff !important;} .cyan-text.text-accent-3{color: #00e5ff !important;} .cyan.accent-4{background-color: #00b8d4 !important;} .cyan-text.text-accent-4{color: #00b8d4 !important;} .teal{background-color: #009688 !important;} .teal-text{color: #009688 !important;} .teal.lighten-5{background-color: #e0f2f1 !important;} .teal-text.text-lighten-5{color: #e0f2f1 !important;} .teal.lighten-4{background-color: #b2dfdb !important;} .teal-text.text-lighten-4{color: #b2dfdb !important;} .teal.lighten-3{background-color: #80cbc4 !important;} .teal-text.text-lighten-3{color: #80cbc4 !important;} .teal.lighten-2{background-color: #4db6ac !important;} .teal-text.text-lighten-2{color: #4db6ac !important;} .teal.lighten-1{background-color: #26a69a !important;} .teal-text.text-lighten-1{color: #26a69a !important;} .teal.darken-1{background-color: #00897b !important;} .teal-text.text-darken-1{color: #00897b !important;} .teal.darken-2{background-color: #00796b !important;} .teal-text.text-darken-2{color: #00796b !important;} .teal.darken-3{background-color: #00695c !important;} .teal-text.text-darken-3{color: #00695c !important;} .teal.darken-4{background-color: #004d40 !important;} .teal-text.text-darken-4{color: #004d40 !important;} .teal.accent-1{background-color: #a7ffeb !important;} .teal-text.text-accent-1{color: #a7ffeb !important;} .teal.accent-2{background-color: #64ffda !important;} .teal-text.text-accent-2{color: #64ffda !important;} .teal.accent-3{background-color: #1de9b6 !important;} .teal-text.text-accent-3{color: #1de9b6 !important;} .teal.accent-4{background-color: #00bfa5 !important;} .teal-text.text-accent-4{color: #00bfa5 !important;} .green{background-color: #4CAF50 !important;} .green-text{color: #4CAF50 !important;} .green.lighten-5{background-color: #E8F5E9 !important;} .green-text.text-lighten-5{color: #E8F5E9 !important;} .green.lighten-4{background-color: #C8E6C9 !important;} .green-text.text-lighten-4{color: #C8E6C9 !important;} .green.lighten-3{background-color: #A5D6A7 !important;} .green-text.text-lighten-3{color: #A5D6A7 !important;} .green.lighten-2{background-color: #81C784 !important;} .green-text.text-lighten-2{color: #81C784 !important;} .green.lighten-1{background-color: #66BB6A !important;} .green-text.text-lighten-1{color: #66BB6A !important;} .green.darken-1{background-color: #43A047 !important;} .green-text.text-darken-1{color: #43A047 !important;} .green.darken-2{background-color: #388E3C !important;} .green-text.text-darken-2{color: #388E3C !important;} .green.darken-3{background-color: #2E7D32 !important;} .green-text.text-darken-3{color: #2E7D32 !important;} .green.darken-4{background-color: #1B5E20 !important;} .green-text.text-darken-4{color: #1B5E20 !important;} .green.accent-1{background-color: #B9F6CA !important;} .green-text.text-accent-1{color: #B9F6CA !important;} .green.accent-2{background-color: #69F0AE !important;} .green-text.text-accent-2{color: #69F0AE !important;} .green.accent-3{background-color: #00E676 !important;} .green-text.text-accent-3{color: #00E676 !important;} .green.accent-4{background-color: #00C853 !important;} .green-text.text-accent-4{color: #00C853 !important;} .light-green{background-color: #8bc34a !important;} .light-green-text{color: #8bc34a !important;} .light-green.lighten-5{background-color: #f1f8e9 !important;} .light-green-text.text-lighten-5{color: #f1f8e9 !important;} .light-green.lighten-4{background-color: #dcedc8 !important;} .light-green-text.text-lighten-4{color: #dcedc8 !important;} .light-green.lighten-3{background-color: #c5e1a5 !important;} .light-green-text.text-lighten-3{color: #c5e1a5 !important;} .light-green.lighten-2{background-color: #aed581 !important;} .light-green-text.text-lighten-2{color: #aed581 !important;} .light-green.lighten-1{background-color: #9ccc65 !important;} .light-green-text.text-lighten-1{color: #9ccc65 !important;} .light-green.darken-1{background-color: #7cb342 !important;} .light-green-text.text-darken-1{color: #7cb342 !important;} .light-green.darken-2{background-color: #689f38 !important;} .light-green-text.text-darken-2{color: #689f38 !important;} .light-green.darken-3{background-color: #558b2f !important;} .light-green-text.text-darken-3{color: #558b2f !important;} .light-green.darken-4{background-color: #33691e !important;} .light-green-text.text-darken-4{color: #33691e !important;} .light-green.accent-1{background-color: #ccff90 !important;} .light-green-text.text-accent-1{color: #ccff90 !important;} .light-green.accent-2{background-color: #b2ff59 !important;} .light-green-text.text-accent-2{color: #b2ff59 !important;} .light-green.accent-3{background-color: #76ff03 !important;} .light-green-text.text-accent-3{color: #76ff03 !important;} .light-green.accent-4{background-color: #64dd17 !important;} .light-green-text.text-accent-4{color: #64dd17 !important;} .lime{background-color: #cddc39 !important;} .lime-text{color: #cddc39 !important;} .lime.lighten-5{background-color: #f9fbe7 !important;} .lime-text.text-lighten-5{color: #f9fbe7 !important;} .lime.lighten-4{background-color: #f0f4c3 !important;} .lime-text.text-lighten-4{color: #f0f4c3 !important;} .lime.lighten-3{background-color: #e6ee9c !important;} .lime-text.text-lighten-3{color: #e6ee9c !important;} .lime.lighten-2{background-color: #dce775 !important;} .lime-text.text-lighten-2{color: #dce775 !important;} .lime.lighten-1{background-color: #d4e157 !important;} .lime-text.text-lighten-1{color: #d4e157 !important;} .lime.darken-1{background-color: #c0ca33 !important;} .lime-text.text-darken-1{color: #c0ca33 !important;} .lime.darken-2{background-color: #afb42b !important;} .lime-text.text-darken-2{color: #afb42b !important;} .lime.darken-3{background-color: #9e9d24 !important;} .lime-text.text-darken-3{color: #9e9d24 !important;} .lime.darken-4{background-color: #827717 !important;} .lime-text.text-darken-4{color: #827717 !important;} .lime.accent-1{background-color: #f4ff81 !important;} .lime-text.text-accent-1{color: #f4ff81 !important;} .lime.accent-2{background-color: #eeff41 !important;} .lime-text.text-accent-2{color: #eeff41 !important;} .lime.accent-3{background-color: #c6ff00 !important;} .lime-text.text-accent-3{color: #c6ff00 !important;} .lime.accent-4{background-color: #aeea00 !important;} .lime-text.text-accent-4{color: #aeea00 !important;} .yellow{background-color: #ffeb3b !important;} .yellow-text{color: #ffeb3b !important;} .yellow.lighten-5{background-color: #fffde7 !important;} .yellow-text.text-lighten-5{color: #fffde7 !important;} .yellow.lighten-4{background-color: #fff9c4 !important;} .yellow-text.text-lighten-4{color: #fff9c4 !important;} .yellow.lighten-3{background-color: #fff59d !important;} .yellow-text.text-lighten-3{color: #fff59d !important;} .yellow.lighten-2{background-color: #fff176 !important;} .yellow-text.text-lighten-2{color: #fff176 !important;} .yellow.lighten-1{background-color: #ffee58 !important;} .yellow-text.text-lighten-1{color: #ffee58 !important;} .yellow.darken-1{background-color: #fdd835 !important;} .yellow-text.text-darken-1{color: #fdd835 !important;} .yellow.darken-2{background-color: #fbc02d !important;} .yellow-text.text-darken-2{color: #fbc02d !important;} .yellow.darken-3{background-color: #f9a825 !important;} .yellow-text.text-darken-3{color: #f9a825 !important;} .yellow.darken-4{background-color: #f57f17 !important;} .yellow-text.text-darken-4{color: #f57f17 !important;} .yellow.accent-1{background-color: #ffff8d !important;} .yellow-text.text-accent-1{color: #ffff8d !important;} .yellow.accent-2{background-color: #ffff00 !important;} .yellow-text.text-accent-2{color: #ffff00 !important;} .yellow.accent-3{background-color: #ffea00 !important;} .yellow-text.text-accent-3{color: #ffea00 !important;} .yellow.accent-4{background-color: #ffd600 !important;} .yellow-text.text-accent-4{color: #ffd600 !important;} .amber{background-color: #ffc107 !important;} .amber-text{color: #ffc107 !important;} .amber.lighten-5{background-color: #fff8e1 !important;} .amber-text.text-lighten-5{color: #fff8e1 !important;} .amber.lighten-4{background-color: #ffecb3 !important;} .amber-text.text-lighten-4{color: #ffecb3 !important;} .amber.lighten-3{background-color: #ffe082 !important;} .amber-text.text-lighten-3{color: #ffe082 !important;} .amber.lighten-2{background-color: #ffd54f !important;} .amber-text.text-lighten-2{color: #ffd54f !important;} .amber.lighten-1{background-color: #ffca28 !important;} .amber-text.text-lighten-1{color: #ffca28 !important;} .amber.darken-1{background-color: #ffb300 !important;} .amber-text.text-darken-1{color: #ffb300 !important;} .amber.darken-2{background-color: #ffa000 !important;} .amber-text.text-darken-2{color: #ffa000 !important;} .amber.darken-3{background-color: #ff8f00 !important;} .amber-text.text-darken-3{color: #ff8f00 !important;} .amber.darken-4{background-color: #ff6f00 !important;} .amber-text.text-darken-4{color: #ff6f00 !important;} .amber.accent-1{background-color: #ffe57f !important;} .amber-text.text-accent-1{color: #ffe57f !important;} .amber.accent-2{background-color: #ffd740 !important;} .amber-text.text-accent-2{color: #ffd740 !important;} .amber.accent-3{background-color: #ffc400 !important;} .amber-text.text-accent-3{color: #ffc400 !important;} .amber.accent-4{background-color: #ffab00 !important;} .amber-text.text-accent-4{color: #ffab00 !important;} .orange{background-color: #ff9800 !important;} .orange-text{color: #ff9800 !important;} .orange.lighten-5{background-color: #fff3e0 !important;} .orange-text.text-lighten-5{color: #fff3e0 !important;} .orange.lighten-4{background-color: #ffe0b2 !important;} .orange-text.text-lighten-4{color: #ffe0b2 !important;} .orange.lighten-3{background-color: #ffcc80 !important;} .orange-text.text-lighten-3{color: #ffcc80 !important;} .orange.lighten-2{background-color: #ffb74d !important;} .orange-text.text-lighten-2{color: #ffb74d !important;} .orange.lighten-1{background-color: #ffa726 !important;} .orange-text.text-lighten-1{color: #ffa726 !important;} .orange.darken-1{background-color: #fb8c00 !important;} .orange-text.text-darken-1{color: #fb8c00 !important;} .orange.darken-2{background-color: #f57c00 !important;} .orange-text.text-darken-2{color: #f57c00 !important;} .orange.darken-3{background-color: #ef6c00 !important;} .orange-text.text-darken-3{color: #ef6c00 !important;} .orange.darken-4{background-color: #e65100 !important;} .orange-text.text-darken-4{color: #e65100 !important;} .orange.accent-1{background-color: #ffd180 !important;} .orange-text.text-accent-1{color: #ffd180 !important;} .orange.accent-2{background-color: #ffab40 !important;} .orange-text.text-accent-2{color: #ffab40 !important;} .orange.accent-3{background-color: #ff9100 !important;} .orange-text.text-accent-3{color: #ff9100 !important;} .orange.accent-4{background-color: #ff6d00 !important;} .orange-text.text-accent-4{color: #ff6d00 !important;} .deep-orange{background-color: #ff5722 !important;} .deep-orange-text{color: #ff5722 !important;} .deep-orange.lighten-5{background-color: #fbe9e7 !important;} .deep-orange-text.text-lighten-5{color: #fbe9e7 !important;} .deep-orange.lighten-4{background-color: #ffccbc !important;} .deep-orange-text.text-lighten-4{color: #ffccbc !important;} .deep-orange.lighten-3{background-color: #ffab91 !important;} .deep-orange-text.text-lighten-3{color: #ffab91 !important;} .deep-orange.lighten-2{background-color: #ff8a65 !important;} .deep-orange-text.text-lighten-2{color: #ff8a65 !important;} .deep-orange.lighten-1{background-color: #ff7043 !important;} .deep-orange-text.text-lighten-1{color: #ff7043 !important;} .deep-orange.darken-1{background-color: #f4511e !important;} .deep-orange-text.text-darken-1{color: #f4511e !important;} .deep-orange.darken-2{background-color: #e64a19 !important;} .deep-orange-text.text-darken-2{color: #e64a19 !important;} .deep-orange.darken-3{background-color: #d84315 !important;} .deep-orange-text.text-darken-3{color: #d84315 !important;} .deep-orange.darken-4{background-color: #bf360c !important;} .deep-orange-text.text-darken-4{color: #bf360c !important;} .deep-orange.accent-1{background-color: #ff9e80 !important;} .deep-orange-text.text-accent-1{color: #ff9e80 !important;} .deep-orange.accent-2{background-color: #ff6e40 !important;} .deep-orange-text.text-accent-2{color: #ff6e40 !important;} .deep-orange.accent-3{background-color: #ff3d00 !important;} .deep-orange-text.text-accent-3{color: #ff3d00 !important;} .deep-orange.accent-4{background-color: #dd2c00 !important;} .deep-orange-text.text-accent-4{color: #dd2c00 !important;} .brown{background-color: #795548 !important;} .brown-text{color: #795548 !important;} .brown.lighten-5{background-color: #efebe9 !important;} .brown-text.text-lighten-5{color: #efebe9 !important;} .brown.lighten-4{background-color: #d7ccc8 !important;} .brown-text.text-lighten-4{color: #d7ccc8 !important;} .brown.lighten-3{background-color: #bcaaa4 !important;} .brown-text.text-lighten-3{color: #bcaaa4 !important;} .brown.lighten-2{background-color: #a1887f !important;} .brown-text.text-lighten-2{color: #a1887f !important;} .brown.lighten-1{background-color: #8d6e63 !important;} .brown-text.text-lighten-1{color: #8d6e63 !important;} .brown.darken-1{background-color: #6d4c41 !important;} .brown-text.text-darken-1{color: #6d4c41 !important;} .brown.darken-2{background-color: #5d4037 !important;} .brown-text.text-darken-2{color: #5d4037 !important;} .brown.darken-3{background-color: #4e342e !important;} .brown-text.text-darken-3{color: #4e342e !important;} .brown.darken-4{background-color: #3e2723 !important;} .brown-text.text-darken-4{color: #3e2723 !important;} .blue-grey{background-color: #607d8b !important;} .blue-grey-text{color: #607d8b !important;} .blue-grey.lighten-5{background-color: #eceff1 !important;} .blue-grey-text.text-lighten-5{color: #eceff1 !important;} .blue-grey.lighten-4{background-color: #cfd8dc !important;} .blue-grey-text.text-lighten-4{color: #cfd8dc !important;} .blue-grey.lighten-3{background-color: #b0bec5 !important;} .blue-grey-text.text-lighten-3{color: #b0bec5 !important;} .blue-grey.lighten-2{background-color: #90a4ae !important;} .blue-grey-text.text-lighten-2{color: #90a4ae !important;} .blue-grey.lighten-1{background-color: #78909c !important;} .blue-grey-text.text-lighten-1{color: #78909c !important;} .blue-grey.darken-1{background-color: #546e7a !important;} .blue-grey-text.text-darken-1{color: #546e7a !important;} .blue-grey.darken-2{background-color: #455a64 !important;} .blue-grey-text.text-darken-2{color: #455a64 !important;} .blue-grey.darken-3{background-color: #37474f !important;} .blue-grey-text.text-darken-3{color: #37474f !important;} .blue-grey.darken-4{background-color: #263238 !important;} .blue-grey-text.text-darken-4{color: #263238 !important;} .grey{background-color: #9e9e9e !important;} .grey-text{color: #9e9e9e !important;} .grey.lighten-5{background-color: #fafafa !important;} .grey-text.text-lighten-5{color: #fafafa !important;} .grey.lighten-4{background-color: #f5f5f5 !important;} .grey-text.text-lighten-4{color: #f5f5f5 !important;} .grey.lighten-3{background-color: #eeeeee !important;} .grey-text.text-lighten-3{color: #eeeeee !important;} .grey.lighten-2{background-color: #e0e0e0 !important;} .grey-text.text-lighten-2{color: #e0e0e0 !important;} .grey.lighten-1{background-color: #bdbdbd !important;} .grey-text.text-lighten-1{color: #bdbdbd !important;} .grey.darken-1{background-color: #757575 !important;} .grey-text.text-darken-1{color: #757575 !important;} .grey.darken-2{background-color: #616161 !important;} .grey-text.text-darken-2{color: #616161 !important;} .grey.darken-3{background-color: #424242 !important;} .grey-text.text-darken-3{color: #424242 !important;} .grey.darken-4{background-color: #212121 !important;} .grey-text.text-darken-4{color: #212121 !important;} .black{background-color: #000000 !important;} .black-text{color: #000000 !important;} .white{background-color: #FFFFFF !important;} .white-text{color: #FFFFFF !important;} .transparent{background-color: transparent !important;} .transparent-text{color: transparent !important;} html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body{margin: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;} audio, canvas, progress, video{display: inline-block; vertical-align: baseline;} audio:not([controls]){display: none; height: 0;} [hidden], template{display: none;} a{background-color: transparent;} a:active, a:hover{outline: 0;} abbr[title]{border-bottom: 1px dotted;} b, strong{font-weight: bold;} dfn{font-style: italic;} h1{font-size: 2em; margin: 0.67em 0;} mark{background: #ff0; color: #000;} small{font-size: 80%;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} img{border: 0;} svg:not(:root){overflow: hidden;} figure{margin: 1em 40px;} hr{-webkit-box-sizing: content-box; box-sizing: content-box; height: 0;} pre{overflow: auto;} code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;} button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;} button{overflow: visible;} button, select{text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled]{cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} input{line-height: normal;} input[type="checkbox"], input[type="radio"]{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;} input[type="search"]{-webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend{border: 0; padding: 0;} textarea{overflow: auto;} optgroup{font-weight: bold;} table{border-collapse: collapse; border-spacing: 0;} td, th{padding: 0;} html{-webkit-box-sizing: border-box; box-sizing: border-box;} *, *:before, *:after{-webkit-box-sizing: inherit; box-sizing: inherit;} ul:not(.browser-default){padding-left: 0; list-style-type: none;} ul:not(.browser-default) > li{list-style-type: none;} a{color: #039be5; text-decoration: none; -webkit-tap-highlight-color: transparent;} .valign-wrapper{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .clearfix{clear: both;} .z-depth-0{-webkit-box-shadow: none !important; box-shadow: none !important;} .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover{-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);} .z-depth-2{-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);} .z-depth-3{-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);} .z-depth-4, .modal{-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);} .z-depth-5{-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);} .hoverable{-webkit-transition: -webkit-box-shadow .25s; transition: -webkit-box-shadow .25s; transition: box-shadow .25s; transition: box-shadow .25s, -webkit-box-shadow .25s;} .hoverable:hover{-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .divider{height: 1px; overflow: hidden; background-color: #e0e0e0;} blockquote{margin: 20px 0; padding-left: 1.5rem; border-left: 5px solid #ee6e73;} i{line-height: inherit;} i.left{float: left; margin-right: 15px;} i.right{float: right; margin-left: 15px;} i.tiny{font-size: 1rem;} i.small{font-size: 2rem;} i.medium{font-size: 4rem;} i.large{font-size: 6rem;} img.responsive-img, video.responsive-video{max-width: 100%; height: auto;} .breadcrumb{font-size: 18px; color: rgba(255, 255, 255, 0.7);} .breadcrumb i, .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"], .breadcrumb i.material-icons{display: inline-block; float: left; font-size: 24px;} .breadcrumb:before{content: '\E5CC'; color: rgba(255, 255, 255, 0.7); vertical-align: top; display: inline-block; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 25px; margin: 0 10px 0 8px; -webkit-font-smoothing: antialiased;} .breadcrumb:first-child:before{display: none;} .breadcrumb:last-child{color: #fff;} .parallax-container{position: relative; overflow: hidden; height: 500px;} .parallax-container .parallax{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;} .parallax-container .parallax img{display: none; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%);} .pin-top, .pin-bottom{position: relative;} .pinned{position: fixed !important;} ul.staggered-list li{opacity: 0;} .fade-in{opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;} @media only screen and (max-width: 600px){.hide-on-small-only, .hide-on-small-and-down{display: none !important;}} @media only screen and (max-width: 992px){.hide-on-med-and-down{display: none !important;}} @media only screen and (min-width: 601px){.hide-on-med-and-up{display: none !important;}} @media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display: none !important;}} @media only screen and (min-width: 993px){.hide-on-large-only{display: none !important;}} @media only screen and (min-width: 993px){.show-on-large{display: block !important;}} @media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display: block !important;}} @media only screen and (max-width: 600px){.show-on-small{display: block !important;}} @media only screen and (min-width: 601px){.show-on-medium-and-up{display: block !important;}} @media only screen and (max-width: 992px){.show-on-medium-and-down{display: block !important;}} @media only screen and (max-width: 600px){.center-on-small-only{text-align: center;}} .page-footer{padding-top: 20px; color: #fff; background-color: #ee6e73;} .page-footer .footer-copyright{overflow: hidden; min-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08);} table, th, td{border: none;} table{width: 100%; display: table;} table.bordered > thead > tr, table.bordered > tbody > tr{border-bottom: 1px solid #d0d0d0;} table.striped > tbody > tr:nth-child(odd){background-color: #f2f2f2;} table.striped > tbody > tr > td{border-radius: 0;} table.highlight > tbody > tr{-webkit-transition: background-color .25s ease; transition: background-color .25s ease;} table.highlight > tbody > tr:hover{background-color: #f2f2f2;} table.centered thead tr th, table.centered tbody tr td{text-align: center;} thead{border-bottom: 1px solid #d0d0d0;} @media only screen and (max-width: 992px){table.responsive-table{width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative;}table.responsive-table td:empty:before{content: '\00a0';}table.responsive-table th, table.responsive-table td{margin: 0; vertical-align: top;}table.responsive-table th{text-align: left;}table.responsive-table thead{display: block; float: left;}table.responsive-table thead tr{display: block; padding: 0 10px 0 0;}table.responsive-table thead tr th::before{content: "\00a0";}table.responsive-table tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}table.responsive-table tbody tr{display: inline-block; vertical-align: top;}table.responsive-table th{display: block; text-align: right;}table.responsive-table td{display: block; min-height: 1.25em; text-align: left;}table.responsive-table tr{padding: 0 10px;}table.responsive-table thead{border: 0; border-right: 1px solid #d0d0d0;}table.responsive-table.bordered th{border-bottom: 0; border-left: 0;}table.responsive-table.bordered td{border-left: 0; border-right: 0; border-bottom: 0;}table.responsive-table.bordered tr{border: 0;}table.responsive-table.bordered tbody tr{border-right: 1px solid #d0d0d0;}} .collection{margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative;} .collection .collection-item{background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0;} .collection .collection-item.avatar{min-height: 84px; padding-left: 72px; position: relative;} .collection .collection-item.avatar:not(.circle-clipper) > .circle, .collection .collection-item.avatar :not(.circle-clipper) > .circle{position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle;} .collection .collection-item.avatar i.circle{font-size: 18px; line-height: 42px; color: #fff; background-color: #999; text-align: center;} .collection .collection-item.avatar .title{font-size: 16px;} .collection .collection-item.avatar p{margin: 0;} .collection .collection-item.avatar .secondary-content{position: absolute; top: 16px; right: 16px;} .collection .collection-item:last-child{border-bottom: none;} .collection .collection-item.active{background-color: #26a69a; color: #eafaf9;} .collection .collection-item.active .secondary-content{color: #fff;} .collection a.collection-item{display: block; -webkit-transition: .25s; transition: .25s; color: #26a69a;} .collection a.collection-item:not(.active):hover{background-color: #ddd;} .collection.with-header .collection-header{background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 10px 20px;} .collection.with-header .collection-item{padding-left: 30px;} .collection.with-header .collection-item.avatar{padding-left: 72px;} .secondary-content{float: right; color: #26a69a;} .collapsible .collection{margin: 0; border: none;} .video-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .progress{position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.5rem 0 1rem 0; overflow: hidden;} .progress .determinate{position: absolute; top: 0; left: 0; bottom: 0; background-color: #26a69a; -webkit-transition: width .3s linear; transition: width .3s linear;} .progress .indeterminate{background-color: #26a69a;} .progress .indeterminate:before{content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;} .progress .indeterminate:after{content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s;} @-webkit-keyframes indeterminate{0%{left: -35%; right: 100%;}60%{left: 100%; right: -90%;}100%{left: 100%; right: -90%;}} @keyframes indeterminate{0%{left: -35%; right: 100%;}60%{left: 100%; right: -90%;}100%{left: 100%; right: -90%;}} @-webkit-keyframes indeterminate-short{0%{left: -200%; right: 100%;}60%{left: 107%; right: -8%;}100%{left: 107%; right: -8%;}} @keyframes indeterminate-short{0%{left: -200%; right: 100%;}60%{left: 107%; right: -8%;}100%{left: 107%; right: -8%;}} .hide{display: none !important;} .left-align{text-align: left;} .right-align{text-align: right;} .center, .center-align{text-align: center;} .left{float: left !important;} .right{float: right !important;} .no-select, input[type=range], input[type=range] + .thumb{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .circle{border-radius: 50%;} .center-block{display: block; margin-left: auto; margin-right: auto;} .truncate{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .no-padding{padding: 0 !important;} span.badge{min-width: 3rem; padding: 0 6px; margin-left: 14px; text-align: center; font-size: 1rem; line-height: 22px; height: 22px; color: #757575; float: right; -webkit-box-sizing: border-box; box-sizing: border-box;} span.badge.new{font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #26a69a; border-radius: 2px;} span.badge.new:after{content: " new";} span.badge[data-badge-caption]::after{content: " " attr(data-badge-caption);} nav ul a span.badge{display: inline-block; float: none; margin-left: 4px; line-height: 22px; height: 22px; -webkit-font-smoothing: auto;} .collection-item span.badge{margin-top: calc(0.75rem - 11px);} .collapsible span.badge{margin-left: auto;} .side-nav span.badge{margin-top: calc(24px - 11px);} .material-icons{text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'liga'; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga';} .section{padding-top: 1rem; padding-bottom: 1rem;} .section.no-pad{padding: 0;} .section.no-pad-bot{padding-bottom: 0;} .section.no-pad-top{padding-top: 0;} .row:after{content: ""; display: table; clear: both;} .row .col{float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;} .row .col[class*="push-"], .row .col[class*="pull-"]{position: relative;} .row .col.s1{width: 8.3333333333%; margin-left: auto; left: auto; right: auto;} .row .col.s2{width: 16.6666666667%; margin-left: auto; left: auto; right: auto;} .row .col.s3{width: 25%; margin-left: auto; left: auto; right: auto;} .row .col.s4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;} .row .col.s5{width: 41.6666666667%; margin-left: auto; left: auto; right: auto;} .row .col.s6{width: 50%; margin-left: auto; left: auto; right: auto;} .row .col.s7{width: 58.3333333333%; margin-left: auto; left: auto; right: auto;} .row .col.s8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;} .row .col.s9{width: 75%; margin-left: auto; left: auto; right: auto;} .row .col.s10{width: 83.3333333333%; margin-left: auto; left: auto; right: auto;} .row .col.s11{width: 91.6666666667%; margin-left: auto; left: auto; right: auto;} .row .col.s12{width: 100%; margin-left: auto; left: auto; right: auto;} .row .col.offset-s1{margin-left: 8.3333333333%;} .row .col.pull-s1{right: 8.3333333333%;} .row .col.push-s1{left: 8.3333333333%;} .row .col.offset-s2{margin-left: 16.6666666667%;} .row .col.pull-s2{right: 16.6666666667%;} .row .col.push-s2{left: 16.6666666667%;} .row .col.offset-s3{margin-left: 25%;} .row .col.pull-s3{right: 25%;} .row .col.push-s3{left: 25%;} .row .col.offset-s4{margin-left: 33.3333333333%;} .row .col.pull-s4{right: 33.3333333333%;} .row .col.push-s4{left: 33.3333333333%;} .row .col.offset-s5{margin-left: 41.6666666667%;} .row .col.pull-s5{right: 41.6666666667%;} .row .col.push-s5{left: 41.6666666667%;} .row .col.offset-s6{margin-left: 50%;} .row .col.pull-s6{right: 50%;} .row .col.push-s6{left: 50%;} .row .col.offset-s7{margin-left: 58.3333333333%;} .row .col.pull-s7{right: 58.3333333333%;} .row .col.push-s7{left: 58.3333333333%;} .row .col.offset-s8{margin-left: 66.6666666667%;} .row .col.pull-s8{right: 66.6666666667%;} .row .col.push-s8{left: 66.6666666667%;} .row .col.offset-s9{margin-left: 75%;} .row .col.pull-s9{right: 75%;} .row .col.push-s9{left: 75%;} .row .col.offset-s10{margin-left: 83.3333333333%;} .row .col.pull-s10{right: 83.3333333333%;} .row .col.push-s10{left: 83.3333333333%;} .row .col.offset-s11{margin-left: 91.6666666667%;} .row .col.pull-s11{right: 91.6666666667%;} .row .col.push-s11{left: 91.6666666667%;} .row .col.offset-s12{margin-left: 100%;} .row .col.pull-s12{right: 100%;} .row .col.push-s12{left: 100%;} @media only screen and (min-width: 601px){.row .col.m1{width: 8.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.m2{width: 16.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.m3{width: 25%; margin-left: auto; left: auto; right: auto;}.row .col.m4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.m5{width: 41.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.m6{width: 50%; margin-left: auto; left: auto; right: auto;}.row .col.m7{width: 58.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.m8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.m9{width: 75%; margin-left: auto; left: auto; right: auto;}.row .col.m10{width: 83.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.m11{width: 91.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.m12{width: 100%; margin-left: auto; left: auto; right: auto;}.row .col.offset-m1{margin-left: 8.3333333333%;}.row .col.pull-m1{right: 8.3333333333%;}.row .col.push-m1{left: 8.3333333333%;}.row .col.offset-m2{margin-left: 16.6666666667%;}.row .col.pull-m2{right: 16.6666666667%;}.row .col.push-m2{left: 16.6666666667%;}.row .col.offset-m3{margin-left: 25%;}.row .col.pull-m3{right: 25%;}.row .col.push-m3{left: 25%;}.row .col.offset-m4{margin-left: 33.3333333333%;}.row .col.pull-m4{right: 33.3333333333%;}.row .col.push-m4{left: 33.3333333333%;}.row .col.offset-m5{margin-left: 41.6666666667%;}.row .col.pull-m5{right: 41.6666666667%;}.row .col.push-m5{left: 41.6666666667%;}.row .col.offset-m6{margin-left: 50%;}.row .col.pull-m6{right: 50%;}.row .col.push-m6{left: 50%;}.row .col.offset-m7{margin-left: 58.3333333333%;}.row .col.pull-m7{right: 58.3333333333%;}.row .col.push-m7{left: 58.3333333333%;}.row .col.offset-m8{margin-left: 66.6666666667%;}.row .col.pull-m8{right: 66.6666666667%;}.row .col.push-m8{left: 66.6666666667%;}.row .col.offset-m9{margin-left: 75%;}.row .col.pull-m9{right: 75%;}.row .col.push-m9{left: 75%;}.row .col.offset-m10{margin-left: 83.3333333333%;}.row .col.pull-m10{right: 83.3333333333%;}.row .col.push-m10{left: 83.3333333333%;}.row .col.offset-m11{margin-left: 91.6666666667%;}.row .col.pull-m11{right: 91.6666666667%;}.row .col.push-m11{left: 91.6666666667%;}.row .col.offset-m12{margin-left: 100%;}.row .col.pull-m12{right: 100%;}.row .col.push-m12{left: 100%;}} @media only screen and (min-width: 993px){.row .col.l1{width: 8.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.l2{width: 16.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l3{width: 25%; margin-left: auto; left: auto; right: auto;}.row .col.l4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.l5{width: 41.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l6{width: 50%; margin-left: auto; left: auto; right: auto;}.row .col.l7{width: 58.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.l8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l9{width: 75%; margin-left: auto; left: auto; right: auto;}.row .col.l10{width: 83.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.l11{width: 91.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.l12{width: 100%; margin-left: auto; left: auto; right: auto;}.row .col.offset-l1{margin-left: 8.3333333333%;}.row .col.pull-l1{right: 8.3333333333%;}.row .col.push-l1{left: 8.3333333333%;}.row .col.offset-l2{margin-left: 16.6666666667%;}.row .col.pull-l2{right: 16.6666666667%;}.row .col.push-l2{left: 16.6666666667%;}.row .col.offset-l3{margin-left: 25%;}.row .col.pull-l3{right: 25%;}.row .col.push-l3{left: 25%;}.row .col.offset-l4{margin-left: 33.3333333333%;}.row .col.pull-l4{right: 33.3333333333%;}.row .col.push-l4{left: 33.3333333333%;}.row .col.offset-l5{margin-left: 41.6666666667%;}.row .col.pull-l5{right: 41.6666666667%;}.row .col.push-l5{left: 41.6666666667%;}.row .col.offset-l6{margin-left: 50%;}.row .col.pull-l6{right: 50%;}.row .col.push-l6{left: 50%;}.row .col.offset-l7{margin-left: 58.3333333333%;}.row .col.pull-l7{right: 58.3333333333%;}.row .col.push-l7{left: 58.3333333333%;}.row .col.offset-l8{margin-left: 66.6666666667%;}.row .col.pull-l8{right: 66.6666666667%;}.row .col.push-l8{left: 66.6666666667%;}.row .col.offset-l9{margin-left: 75%;}.row .col.pull-l9{right: 75%;}.row .col.push-l9{left: 75%;}.row .col.offset-l10{margin-left: 83.3333333333%;}.row .col.pull-l10{right: 83.3333333333%;}.row .col.push-l10{left: 83.3333333333%;}.row .col.offset-l11{margin-left: 91.6666666667%;}.row .col.pull-l11{right: 91.6666666667%;}.row .col.push-l11{left: 91.6666666667%;}.row .col.offset-l12{margin-left: 100%;}.row .col.pull-l12{right: 100%;}.row .col.push-l12{left: 100%;}} @media only screen and (min-width: 1201px){.row .col.xl1{width: 8.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.xl2{width: 16.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.xl3{width: 25%; margin-left: auto; left: auto; right: auto;}.row .col.xl4{width: 33.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.xl5{width: 41.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.xl6{width: 50%; margin-left: auto; left: auto; right: auto;}.row .col.xl7{width: 58.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.xl8{width: 66.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.xl9{width: 75%; margin-left: auto; left: auto; right: auto;}.row .col.xl10{width: 83.3333333333%; margin-left: auto; left: auto; right: auto;}.row .col.xl11{width: 91.6666666667%; margin-left: auto; left: auto; right: auto;}.row .col.xl12{width: 100%; margin-left: auto; left: auto; right: auto;}.row .col.offset-xl1{margin-left: 8.3333333333%;}.row .col.pull-xl1{right: 8.3333333333%;}.row .col.push-xl1{left: 8.3333333333%;}.row .col.offset-xl2{margin-left: 16.6666666667%;}.row .col.pull-xl2{right: 16.6666666667%;}.row .col.push-xl2{left: 16.6666666667%;}.row .col.offset-xl3{margin-left: 25%;}.row .col.pull-xl3{right: 25%;}.row .col.push-xl3{left: 25%;}.row .col.offset-xl4{margin-left: 33.3333333333%;}.row .col.pull-xl4{right: 33.3333333333%;}.row .col.push-xl4{left: 33.3333333333%;}.row .col.offset-xl5{margin-left: 41.6666666667%;}.row .col.pull-xl5{right: 41.6666666667%;}.row .col.push-xl5{left: 41.6666666667%;}.row .col.offset-xl6{margin-left: 50%;}.row .col.pull-xl6{right: 50%;}.row .col.push-xl6{left: 50%;}.row .col.offset-xl7{margin-left: 58.3333333333%;}.row .col.pull-xl7{right: 58.3333333333%;}.row .col.push-xl7{left: 58.3333333333%;}.row .col.offset-xl8{margin-left: 66.6666666667%;}.row .col.pull-xl8{right: 66.6666666667%;}.row .col.push-xl8{left: 66.6666666667%;}.row .col.offset-xl9{margin-left: 75%;}.row .col.pull-xl9{right: 75%;}.row .col.push-xl9{left: 75%;}.row .col.offset-xl10{margin-left: 83.3333333333%;}.row .col.pull-xl10{right: 83.3333333333%;}.row .col.push-xl10{left: 83.3333333333%;}.row .col.offset-xl11{margin-left: 91.6666666667%;}.row .col.pull-xl11{right: 91.6666666667%;}.row .col.push-xl11{left: 91.6666666667%;}.row .col.offset-xl12{margin-left: 100%;}.row .col.pull-xl12{right: 100%;}.row .col.push-xl12{left: 100%;}} .light, .page-footer .footer-copyright{font-weight: 300;} .thin{font-weight: 200;} .flow-text{font-weight: 300;} @media only screen and (min-width: 360px){.flow-text{font-size: 1.2rem;}} @media only screen and (min-width: 390px){.flow-text{font-size: 1.224rem;}} @media only screen and (min-width: 420px){.flow-text{font-size: 1.248rem;}} @media only screen and (min-width: 450px){.flow-text{font-size: 1.272rem;}} @media only screen and (min-width: 480px){.flow-text{font-size: 1.296rem;}} @media only screen and (min-width: 510px){.flow-text{font-size: 1.32rem;}} @media only screen and (min-width: 540px){.flow-text{font-size: 1.344rem;}} @media only screen and (min-width: 570px){.flow-text{font-size: 1.368rem;}} @media only screen and (min-width: 600px){.flow-text{font-size: 1.392rem;}} @media only screen and (min-width: 630px){.flow-text{font-size: 1.416rem;}} @media only screen and (min-width: 660px){.flow-text{font-size: 1.44rem;}} @media only screen and (min-width: 690px){.flow-text{font-size: 1.464rem;}} @media only screen and (min-width: 720px){.flow-text{font-size: 1.488rem;}} @media only screen and (min-width: 750px){.flow-text{font-size: 1.512rem;}} @media only screen and (min-width: 780px){.flow-text{font-size: 1.536rem;}} @media only screen and (min-width: 810px){.flow-text{font-size: 1.56rem;}} @media only screen and (min-width: 840px){.flow-text{font-size: 1.584rem;}} @media only screen and (min-width: 870px){.flow-text{font-size: 1.608rem;}} @media only screen and (min-width: 900px){.flow-text{font-size: 1.632rem;}} @media only screen and (min-width: 930px){.flow-text{font-size: 1.656rem;}} @media only screen and (min-width: 960px){.flow-text{font-size: 1.68rem;}} @media only screen and (max-width: 360px){.flow-text{font-size: 1.2rem;}} .scale-transition{-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;} .scale-transition.scale-out{-webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .2s !important; transition: -webkit-transform .2s !important; transition: transform .2s !important; transition: transform .2s, -webkit-transform .2s !important;} .scale-transition.scale-in{-webkit-transform: scale(1); transform: scale(1);} .card-panel{-webkit-transition: -webkit-box-shadow .25s; transition: -webkit-box-shadow .25s; transition: box-shadow .25s; transition: box-shadow .25s, -webkit-box-shadow .25s; padding: 24px; margin: 0.5rem 0 1rem 0; border-radius: 2px; background-color: #fff;} .card{position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; -webkit-transition: -webkit-box-shadow .25s; transition: -webkit-box-shadow .25s; transition: box-shadow .25s; transition: box-shadow .25s, -webkit-box-shadow .25s; border-radius: 2px;} .card .card-title{font-size: 24px; font-weight: 300;} .card .card-title.activator{cursor: pointer;} .card.small, .card.medium, .card.large{position: relative;} .card.small .card-image, .card.medium .card-image, .card.large .card-image{max-height: 60%; overflow: hidden;} .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content{max-height: 40%;} .card.small .card-content, .card.medium .card-content, .card.large .card-content{max-height: 100%; overflow: hidden;} .card.small .card-action, .card.medium .card-action, .card.large .card-action{position: absolute; bottom: 0; left: 0; right: 0;} .card.small{height: 300px;} .card.medium{height: 400px;} .card.large{height: 500px;} .card.horizontal{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image{height: 100%; max-height: none; overflow: visible;} .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img{height: 100%;} .card.horizontal .card-image{max-width: 50%;} .card.horizontal .card-image img{border-radius: 2px 0 0 2px; max-width: 100%; width: auto;} .card.horizontal .card-stacked{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative;} .card.horizontal .card-stacked .card-content{-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;} .card.sticky-action .card-action{z-index: 2;} .card.sticky-action .card-reveal{z-index: 1; padding-bottom: 64px;} .card .card-image{position: relative;} .card .card-image img{display: block; border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%;} .card .card-image .card-title{color: #fff; position: absolute; bottom: 0; left: 0; max-width: 100%; padding: 24px;} .card .card-content{padding: 24px; border-radius: 0 0 2px 2px;} .card .card-content p{margin: 0; color: inherit;} .card .card-content .card-title{display: block; line-height: 32px; margin-bottom: 8px;} .card .card-content .card-title i{line-height: 32px;} .card .card-action{position: relative; background-color: inherit; border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 16px 24px;} .card .card-action:last-child{border-radius: 0 0 2px 2px;} .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color: #ffab40; margin-right: 24px; -webkit-transition: color .3s ease; transition: color .3s ease; text-transform: uppercase;} .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color: #ffd8a6;} .card .card-reveal{padding: 24px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; left: 0; top: 100%; height: 100%; z-index: 3; display: none;} .card .card-reveal .card-title{cursor: pointer; display: block;} #toast-container{display: block; position: fixed; z-index: 10000;} @media only screen and (max-width: 600px){#toast-container{min-width: 100%; bottom: 0%;}} @media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left: 5%; bottom: 7%; max-width: 90%;}} @media only screen and (min-width: 993px){#toast-container{top: 10%; right: 7%; max-width: 86%;}} .toast{border-radius: 2px; top: 35px; width: auto; margin-top: 10px; position: relative; max-width: 100%; height: auto; min-height: 48px; line-height: 1.5em; word-break: break-all; background-color: #323232; padding: 10px 25px; font-size: 1.1rem; font-weight: 300; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: default;} .toast .toast-action{color: #eeff41; font-weight: 500; margin-right: -25px; margin-left: 3rem;} .toast.rounded{border-radius: 24px;} @media only screen and (max-width: 600px){.toast{width: 100%; border-radius: 0;}} .tabs{position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0 auto; white-space: nowrap;} .tabs.tabs-transparent{background-color: transparent;} .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover{color: rgba(255, 255, 255, 0.7);} .tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active{color: #fff;} .tabs.tabs-transparent .indicator{background-color: #fff;} .tabs.tabs-fixed-width{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .tabs.tabs-fixed-width .tab{-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;} .tabs .tab{display: inline-block; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase;} .tabs .tab a{color: rgba(238, 110, 115, 0.7); display: block; width: 100%; height: 100%; padding: 0 24px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color .28s ease; transition: color .28s ease;} .tabs .tab a:hover, .tabs .tab a.active{background-color: transparent; color: #ee6e73;} .tabs .tab.disabled a, .tabs .tab.disabled a:hover{color: rgba(238, 110, 115, 0.7); cursor: default;} .tabs .indicator{position: absolute; bottom: 0; height: 2px; background-color: #f6b2b5; will-change: left, right;} @media only screen and (max-width: 992px){.tabs{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}.tabs .tab{-webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;}.tabs .tab a{padding: 0 12px;}} .material-tooltip{padding: 10px 8px; font-size: 1rem; z-index: 2000; background-color: transparent; border-radius: 2px; color: #fff; min-height: 36px; line-height: 120%; opacity: 0; position: absolute; text-align: center; max-width: calc(100% - 4px); overflow: hidden; left: 0; top: 0; pointer-events: none; visibility: hidden;} .backdrop{position: absolute; opacity: 0; height: 7px; width: 14px; border-radius: 0 0 50% 50%; background-color: #323232; z-index: -1; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; visibility: hidden;} .dropdown-content{background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height;} .dropdown-content li{clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none;} .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected{background-color: #eee;} .dropdown-content li.active.selected{background-color: #e1e1e1;} .dropdown-content li.divider{min-height: 0; height: 1px;} .dropdown-content li > a, .dropdown-content li > span{font-size: 16px; color: #26a69a; display: block; line-height: 22px; padding: 14px 16px;} .dropdown-content li > span > label{top: 1px; left: 0; height: 18px;} .dropdown-content li > a > i{height: inherit; line-height: inherit; float: left; margin: 0 24px 0 0; width: 24px;} .input-field.col .dropdown-content [type="checkbox"] + label{top: 1px; left: 0; height: 18px;} ! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE .waves-effect{position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; -webkit-transition: .3s ease-out; transition: .3s ease-out;} .waves-effect .waves-ripple{position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); transform: scale(0); pointer-events: none;} .waves-effect.waves-light .waves-ripple{background-color: rgba(255, 255, 255, 0.45);} .waves-effect.waves-red .waves-ripple{background-color: rgba(244, 67, 54, 0.7);} .waves-effect.waves-yellow .waves-ripple{background-color: rgba(255, 235, 59, 0.7);} .waves-effect.waves-orange .waves-ripple{background-color: rgba(255, 152, 0, 0.7);} .waves-effect.waves-purple .waves-ripple{background-color: rgba(156, 39, 176, 0.7);} .waves-effect.waves-green .waves-ripple{background-color: rgba(76, 175, 80, 0.7);} .waves-effect.waves-teal .waves-ripple{background-color: rgba(0, 150, 136, 0.7);} .waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"]{border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none;} .waves-effect img{position: relative; z-index: -1;} .waves-notransition{-webkit-transition: none !important; transition: none !important;} .waves-circle{-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);} .waves-input-wrapper{border-radius: 0.2em; vertical-align: bottom;} .waves-input-wrapper .waves-button-input{position: relative; top: 0; left: 0; z-index: 1;} .waves-circle{text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none;} .waves-block{display: block;} Firefox Bug: link not triggered .waves-effect .waves-ripple{z-index: -1;} .collapsible{border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0;} .collapsible-header{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.5; padding: 1rem; background-color: #fff; border-bottom: 1px solid #ddd;} .collapsible-header i{width: 2rem; font-size: 1.6rem; display: inline-block; text-align: center; margin-right: 1rem;} .collapsible-body{display: none; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem;} .side-nav .collapsible, .side-nav.fixed .collapsible{border: none; -webkit-box-shadow: none; box-shadow: none;} .side-nav .collapsible li, .side-nav.fixed .collapsible li{padding: 0;} .side-nav .collapsible-header, .side-nav.fixed .collapsible-header{background-color: transparent; border: none; line-height: inherit; height: inherit; padding: 0 16px;} .side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover{background-color: rgba(0, 0, 0, 0.05);} .side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i{line-height: inherit;} .side-nav .collapsible-body, .side-nav.fixed .collapsible-body{border: 0; background-color: #fff;} .side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a{padding: 0 23.5px 0 31px;} .collapsible.popout{border: none; -webkit-box-shadow: none; box-shadow: none;} .collapsible.popout > li{-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .collapsible.popout > li.active{-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0;} .chip{display: inline-block; height: 32px; font-size: 13px; font-weight: 500; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0 12px; border-radius: 16px; background-color: #e4e4e4; margin-bottom: 5px; margin-right: 5px;} .chip > img{float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%;} .chip .close{cursor: pointer; float: right; font-size: 16px; line-height: 32px; padding-left: 8px;} .chips{border: none; border-bottom: 1px solid #9e9e9e; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 20px 0; min-height: 45px; outline: none; -webkit-transition: all .3s; transition: all .3s;} .chips.focus{border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a;} .chips:hover{cursor: text;} .chips .chip.selected{background-color: #26a69a; color: #fff;} .chips .input{background: none; border: 0; color: rgba(0, 0, 0, 0.6); display: inline-block; font-size: 1rem; height: 3rem; line-height: 32px; outline: 0; margin: 0; padding: 0 !important; width: 120px !important;} .chips .input:focus{border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important;} .chips .autocomplete-content{margin-top: 0; margin-bottom: 0;} .prefix ~ .chips{margin-left: 3rem; width: 92%; width: calc(100% - 3rem);} .chips:empty ~ label{font-size: 0.8rem; -webkit-transform: translateY(-140%); transform: translateY(-140%);} */ .materialboxed{display: block; cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; -webkit-transition: opacity .4s; transition: opacity .4s; -webkit-backface-visibility: hidden;} .materialboxed:hover:not(.active){opacity: .8;} .materialboxed.active{cursor: -webkit-zoom-out; cursor: zoom-out;} #materialbox-overlay{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #292929; z-index: 1000; will-change: opacity;} .materialbox-caption{position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased;} select:focus{outline: 1px solid #c9f3ef;} button:focus{outline: none; background-color: #2ab7a9;} form p{margin-bottom: 10px; text-align: left;} form p:last-child{margin-bottom: 0;} .materialize [type="checkbox"]:not(:checked), .materialize [type="checkbox"]:checked{position: absolute; opacity: 0; pointer-events: none;} [type="checkbox"]{} [type="checkbox"] + label{position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after{content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 22px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; transition: .2s;} [type="checkbox"]:not(.filled-in) + label:after{border: 0; -webkit-transform: scale(0); transform: scale(0);} [type="checkbox"]:not(:checked):disabled + label:before{border: none; background-color: rgba(0, 0, 0, 0.42);} [type="checkbox"].tabbed:focus + label:after{-webkit-transform: scale(1); transform: scale(1); border: 0; border-radius: 50%; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);} [type="checkbox"]:checked + label:before{top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;} [type="checkbox"]:checked:disabled + label:before{border-right: 2px solid rgba(0, 0, 0, 0.42); border-bottom: 2px solid rgba(0, 0, 0, 0.42);} [type="checkbox"]:indeterminate + label:before{top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #26a69a; border-bottom: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;} [type="checkbox"]:indeterminate:disabled + label:before{border-right: 2px solid rgba(0, 0, 0, 0.42); background-color: transparent;} [type="checkbox"].filled-in + label:after{border-radius: 2px;} [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after{content: ''; left: 0; position: absolute; -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1;} [type="checkbox"].filled-in:not(:checked) + label:before{width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;} [type="checkbox"].filled-in:not(:checked) + label:after{height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0px; z-index: 0;} [type="checkbox"].filled-in:checked + label:before{top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;} [type="checkbox"].filled-in:checked + label:after{top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0;} [type="checkbox"].filled-in.tabbed:focus + label:after{border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1);} [type="checkbox"].filled-in.tabbed:checked:focus + label:after{border-radius: 2px; background-color: #26a69a; border-color: #26a69a;} [type="checkbox"].filled-in:disabled:not(:checked) + label:before{background-color: transparent; border: 2px solid transparent;} [type="checkbox"].filled-in:disabled:not(:checked) + label:after{border-color: transparent; cursor: not-allowed; background-color: #949494;} [type="checkbox"].filled-in:disabled:checked + label:before{background-color: transparent;} [type="checkbox"].filled-in:disabled:checked + label:after{background-color: #949494; border-color: #949494;} .materialize [type="radio"]:not(:checked), .materialize [type="radio"]:checked{position: absolute; opacity: 0; pointer-events: none;} [type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; -webkit-transition: .28s ease; transition: .28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} [type="radio"] + label:before, [type="radio"] + label:after{content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; transition: .28s ease;} [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:before, [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after{border-radius: 50%;} [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after{border: 2px solid #5a5a5a;} [type="radio"]:not(:checked) + label:after{-webkit-transform: scale(0); transform: scale(0);} [type="radio"]:checked + label:before{border: 2px solid transparent;} [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after{border: 2px solid #26a69a;} [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after{background-color: #26a69a;} [type="radio"]:checked + label:after{-webkit-transform: scale(1.02); transform: scale(1.02);} [type="radio"].with-gap:checked + label:after{-webkit-transform: scale(0.5); transform: scale(0.5);} [type="radio"].tabbed:focus + label:before{-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);} [type="radio"].with-gap:disabled:checked + label:before{border: 2px solid rgba(0, 0, 0, 0.42);} [type="radio"].with-gap:disabled:checked + label:after{border: none; background-color: rgba(0, 0, 0, 0.42);} [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before{background-color: transparent; border-color: rgba(0, 0, 0, 0.42);} [type="radio"]:disabled + label{color: rgba(0, 0, 0, 0.42);} [type="radio"]:disabled:not(:checked) + label:before{border-color: rgba(0, 0, 0, 0.42);} [type="radio"]:disabled:checked + label:after{background-color: rgba(0, 0, 0, 0.42); border-color: #949494;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;} input:not([type]), .materialize input[type=number]:not(.browser-default), textarea.materialize-textarea{background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 20px 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s; transition: all 0.3s;} input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{color: rgba(0, 0, 0, 0.42); border-bottom: 1px dotted rgba(0, 0, 0, 0.42);} input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=number]:not(.browser-default):disabled + label, input[type=number]:not(.browser-default)[readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label{color: rgba(0, 0, 0, 0.42);} input:not([type]):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a;} input:not([type]):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label{color: #26a69a;} input:not([type]).validate + label, input[type=number]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label{width: 100%;} input:not([type]).invalid + label:after, input:not([type]).valid + label:after, input[type=number]:not(.browser-default).invalid + label:after, input[type=number]:not(.browser-default).valid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea.valid + label:after{display: none;} input:not([type]).invalid + label.active:after, input:not([type]).valid + label.active:after, input[type=number]:not(.browser-default).invalid + label.active:after, input[type=number]:not(.browser-default).valid + label.active:after, textarea.materialize-textarea.invalid + label.active:after, textarea.materialize-textarea.valid + label.active:after{display: block;} input.valid:not([type]), input.valid:not([type]):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown{border-bottom: 1px solid #4CAF50; -webkit-box-shadow: 0 1px 0 0 #4CAF50; box-shadow: 0 1px 0 0 #4CAF50;} input.invalid:not([type]), input.invalid:not([type]):focus, input[type=number].invalid:not(.browser-default), input[type=number].invalid:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown{border-bottom: 1px solid #F44336; -webkit-box-shadow: 0 1px 0 0 #F44336; box-shadow: 0 1px 0 0 #F44336;} input:not([type]).valid + label:after, input:not([type]):focus.valid + label:after, input[type=number]:not(.browser-default).valid + label:after, input[type=number]:not(.browser-default):focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after{content: attr(data-success); color: #4CAF50; opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px);} input:not([type]).invalid + label:after, input:not([type]):focus.invalid + label:after, input[type=number]:not(.browser-default).invalid + label:after, input[type=number]:not(.browser-default):focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after{content: attr(data-error); color: #F44336; opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px);} input:not([type]) + label:after, input[type=number]:not(.browser-default) + label:after, textarea.materialize-textarea + label:after, .select-wrapper + label:after{display: block; content: ""; position: absolute; top: 100%; left: 0; opacity: 0; -webkit-transition: .2s opacity ease-out, .2s color ease-out; transition: .2s opacity ease-out, .2s color ease-out;} .input-field{position: relative; margin-top: 1rem;} .input-field.inline{display: inline-block; vertical-align: middle; margin-left: 5px;} .input-field.inline input, .input-field.inline .select-dropdown{margin-bottom: 1rem;} .input-field.col label{left: 0.75rem;} .input-field.col .prefix ~ label, .input-field.col .prefix ~ .validate ~ label{width: calc(100% - 3rem - 1.5rem);} .input-field label{color: #9e9e9e; position: absolute; top: 0; left: 0; height: 100%; font-size: 1rem; cursor: text; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; text-align: initial; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none;} .input-field label:not(.label-icon).active{-webkit-transform: translateY(-14px) scale(0.8); transform: translateY(-14px) scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0;} .input-field .prefix{position: absolute; width: 3rem; font-size: 2rem; -webkit-transition: color .2s; transition: color .2s;} .input-field .prefix.active{color: #26a69a;} .input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .autocomplete-content{margin-left: 3rem; width: 92%; width: calc(100% - 3rem);} .input-field .prefix ~ label{margin-left: 3rem;} @media only screen and (max-width: 992px){.input-field .prefix ~ input{width: 86%; width: calc(100% - 3rem);}} @media only screen and (max-width: 600px){.input-field .prefix ~ input{width: 80%; width: calc(100% - 3rem);}} .input-field input[type=search]{display: block; line-height: inherit;} .nav-wrapper .input-field input[type=search]{height: inherit; padding-left: 4rem; width: calc(100% - 4rem); border: 0; -webkit-box-shadow: none; box-shadow: none;} .input-field input[type=search]:focus{background-color: #fff; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #444;} .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons{color: #444;} .input-field input[type=search] + label{left: 1rem;} .input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons{position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; -webkit-transition: .3s color; transition: .3s color;} 

/* /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: 0.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;}} 

/* /website_campaign/static/src/css/style.css defined in bundle 'web.assets_frontend' */
.campaign_slider{border: none;} .campaign_banner{width: 100%;} td.o_mail_no_resize.o_mail_wrapper_td.oe_structure{width: 80%;} .campg_title{text-align: center;} div.o_layout.o_default_theme{width: 100%;} .cpl_title{text-decoration: none !important;} .campaigns_paper{text-align: center;} .campaigns_paper > div{margin: 0 auto; display: inline-block;} .campaigns_paper > div > *{vertical-align: middle; float: none; padding: 0;} .campaigns_paper > div > ul{padding-left: 10px;} .campaigns_paper > ul{margin-left: auto; margin-right: auto;} #o_campaign_popup{position: absolute; top: 10%;} .modal-backdrop.in{opacity: 0.8 !important;} #o_campaign_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_campaign_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} .banner-img{width: 100% !important;} @media (min-width: 768px){.campaign-dialog{width: 80% !important;}} 

/* /smartnet_website/static/src/css/smartnet_website.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: BebasNeue; src: url('/smartnet_website/static/src/css/../fonts/BebasNeue.otf');} .header-fontsize{font-size: 14px;} .partner_grid table, .partner_grid tbody, .partner_grid tr{width: 100%;} .partner_grid tr>td:first-child, td:last-child{width: 20%;} .partner_grid tr>td:nth-child(3){width: 20%;} .kiosks_paper{text-align: center;} .kiosks_paper>div{margin: 0 auto; display: inline-block;} .kiosks_paper>div>*{vertical-align: middle; float: none; padding: 0;} .kiosks_paper>div>ul{padding-left: 10px;} .kiosks_paper>ul{margin-left: auto; margin-right: auto;} .kiosk-info-window td{font-style: arial; white-space: nowrap; padding-left: 5px;} .headInfo{padding-bottom: 10px; font-size: 150%;} .data-field{display: none;} .info-separator{margin-top: 5px; margin-bottom: 0px; padding-top: 5px;} body{font-family: 'Open Sans', sans-serif; font-size: 13px;} .container-fluid{padding-left: 0px; padding-right: 0px;} ul.navbar1>li{margin-right: 0.5%;} ul.navbar1>li>a{padding-top: 10px; padding-bottom: 0px; color: #ffffff !important; min-height: 40px;} ul.navbar2>li{margin-right: 3%;} ul.navbar2>li>a{color: #000 !important;} ul.navbar2>li>a:hover{color: #f36f21 !important;} li.li-narbav-2{margin-top: 14px; max-width: 135px; text-align: center;} div.navbar1{min-height: 40px; background-color: #f36f21;} div.navbar2{min-height: 72px;} #footer-container{font-size: 14px; margin-top: 40px;} .footer-heading{font-size: 18px; font-weight: bold;} ul.footer-product>li{margin-bottom: 10px;} ul.footer-contact-list>li{margin-top: 30px;} .img-footer-contact{float: left; width: 48px; height: 39px;} .footer-contact{margin-left: 60px;} ul.footer-hotline-list>li{margin-bottom: 9px;} .footer-note{margin-top: 10px;} div.footer-note>img{vertical-align: inherit;} div.footer-note>span{font-size: 18px; margin-left: 18px; margin-right: 10px;} .row-footer{color: #000;} div.row-footer li a{color: #000;} .footer-copyright{text-align: center; padding-top: 15px; font-size: 16px; padding-bottom: 15px; margin-top: 35px; color: #ffffff; background-color: #000;} .img-slider{width: 100%;} .indicator-bg-color{background-color: #ffffff;} ol.carousel-indicators{bottom: 30%;} ul.nav-tabs>li>a{color: #ffffff; background-color: transparent; font-size: 14px; font-weight: bold; border-radius: 0px 0px 0 0; margin-right: 0px; display: table-cell; width: 136px; text-align: center;} ul.nav-tabs>li{margin-bottom: 0px; margin-right: 0px;} #homeTabs{background-color: #ffffff; border: none; width: 100%; margin: 0 auto;} ul.tab-homepage>li{background-color: #f36f21; border-right-color: white; border-right-width: 1px; border-right-style: solid; width: 162.9px; display: table;} ul.tab-homepage>li>a{width: 100%; vertical-align: middle; border: none !important; height: 75px;} .label-money{font-size: 18px; font-weight: normal;} .heading-chongoivay{font-size: 18px; font-weight: bold; color: #000000;} .loan-range-min{font-size: 16px; color: #676767;} .loan-range-max{font-size: 16px; color: #676767; float: right;} .salary-range-min{font-size: 16px; color: #676767;} .salary-range-max{font-size: 16px; color: #676767; float: right;} #no_month{max-width: 60px; min-height: 40px; text-align: center;} .month_option, .year_option{font-size: 18px; color: #000000;} .my-option{min-width: 20px; min-height: 20px; margin-left: -29px !important;} ul.navbar-partner{vertical-align: bottom; margin-top: -20px;} ul.navbar-partner>li{vertical-align: bottom; display: inline-block; float: none;} ul.navbar-partner>li>a{padding-left: 0px; padding-bottom: 30px; padding-right: 50px;} .btn-submit{color: #ffffff; background-color: #003965; border: none; border-radius: 4px; min-height: 50px; min-width: 300px; font-size: 18px; font-weight: bold;} #content{overflow: auto;} #left, #right{width: 40%; margin:5px; padding: 1em;} .my-accont-hr-tag{border-top: 1px solid #f4a06f; margin: 0px 10px; padding: 0px 0px;} ul.js_usermenu{left: -60px; min-width: 180px;} ul.js_usermenu>li>a{margin: 5px 0px 5px 10px; padding: 0px 0px; color: #ffffff!important;} .align-icon{margin-left: -7px;} a.dropdown-header:focus{background-color: #e05503 !important;} .align-text{margin-left: 30px; margin-top: -20px} a.child_menu{border-bottom: 1px solid #d2d2d2; padding: 10px 0px !important; margin: 0px 10px;} .parent_category{color: #f36f21; display: None;} .nav-tab-a-tien-nuoc{font-size: 18px !important; text-align: center !important; min-height: 75px; vertical-align: middle;} .tab-homepage>li.active>a, .tab-homepage>li.active>a:hover, .tab-homepage>li.active>a:focus{color: #f36f21;} .tab-homepage > li > a:hover{background-color: #fa9268;} .nav-tab-ul-tien-nuoc > li > a:hover{background-color: #fa9268; border-color: none;} .nav-tab-ul-tien-nuoc>li{color: #ffffff; background-color: #f36f21; border-right-color: white; border-right-width: 1px; border-right-style: solid; border-radius: 4px;} .nav-tab-ul-tien-nuoc>li.active>a{color: #000000 !important;} .nav-tab-ul-tien-nuoc>li>a{font-weight: normal !important; width: 1% !important; border-right: 0px !important;} .form-label-dk{font-size: 18px; color: #000000; font-weight: normal; width: 30%; padding: 8px 0px;} .form-input-dk{float: right; height: 44px; width: 70%;} .form-label-captcha{font-size: 18px; color: #000000; font-weight: normal; padding: 8px 0px;} .form-text-captcha{height: 44px; width: 45%;} .form-input-captcha{height: 44px; width: 45%; float: right;} .form-line{margin-bottom: 20px;} .box{margin:auto; position:relative;} #myCarousel{margin-bottom: -75px;} .logo-smartnet{display: none;} .box img{margin:auto; position:absolute; top:0; left:0; right:0; bottom:0;} .logo-smartnet1{display: block; max-width: 165px;} #odoo-google-map{width: 100%; height: 100%;} .marker{font-size: 13px !important;} .footer_note1{padding-top: 14px; padding-right: 0px; margin: 0 0 0 0; margin-right: 0px;} .footer_note2{padding-top: 20px; margin-left: 0px; padding-right: 0px; padding-left: 0px; margin: 0 0 0 0;} .marker a{text-decoration: none;} .footer_note3{padding-top: 14px; margin-left: -10px; margin-right: 0px; padding-left: 0px;} .footer_note4{margin-left: 10px;} .img-social{margin-right: 10px;} .congrat{margin-top: 10px; margin-bottom: 10px; margin-right: 30px;} .congrat-text{margin-right: 10px; font-size: 18px;} .div-button-dk{margin-top: 30px; margin-bottom: 40px; margin-right: 30px;} .group-rs-khoanvay{margin: 40px 0px 0px 0px; border: solid 1px #bebebe; border-radius: 26px;} .group-rs-text{min-height: 60px; background-color: #0069ba; border-top-left-radius: 26px; border-bottom-left-radius: 26px;} .rs-text{text-align: center;vertical-align: middle; font-size: 18px;font-weight: bold;margin: 18px 0px 0px 0px;color: #ffffff;} .calc-note{margin: 30px 50px 0px 0px; font-size: 16px; color: #676767;} .group-dk{width: 100%; margin-bottom: 15px !important;} .div-label-captcha{padding-right: 0px;} .div-captcha-text{padding-left: 30px;} .text_over_image{position: absolute; bottom:0; height: 70px; font-size: 28px; font-weight: bold; color: #ffffff;} @media (min-width : 991px){input.hide-placeholder::-webkit-input-placeholder{color: transparent;}input.hide-placeholder:-moz-placeholder{color: transparent;}input.hide-placeholder::-moz-placeholder{color: transparent;}input.hide-placeholder:-ms-input-placeholder{color: transparent;}} @media ( max-width : 767px){.row-partner{margin-left: 0px;}ul.navbar-partner{margin-right: 0px;}.hotline{margin-right: -15px !important;}.navbar-mb-collapse{margin-right: 0px !important;}.row-mb-footer{margin-right: 0px; margin-left: 0px;}div.container > div.navbar-header{margin-right: 0px;}.row-text-baomat{margin-top: -20px !important;}.select-full-width-mobile{margin-bottom: 20px !important;}#email_from_tiendien{margin-bottom: 5px !important;}ul.navbar1{margin-left: 0px !important;}ul.navbar2{margin-left: 0px !important;}.footer_partner{margin-left: 15px;}.footer_note{text-align: center; margin-right: 0px;}ol.carousel-indicators{bottom: 5% !important;}.btn-submit{min-width: 250px;}.congrat{margin: 0px;}.congrat-text{margin-right: 0px; font-size: 16px;}.div-button-dk{margin-bottom: 0px; margin-right: 0px; margin-left: 0px;}.thoigianvay{padding-left: 0px; margin-top: 20px;}.form-dk-margin{margin-top: -15px;}.div-captcha-text{padding-left: 19px;}.text_over_image{font-size: 26px; height: 45px;}} @media ( max-width : 1199px){.cgv-tab{width: 132px !important;}ul.navbar1 > li.dropdown{margin-right: 0px; margin-left: 0px;}ul.tab-homepage>li{width: 134.9px;}ul.navbar1 > li > a{padding: 10px 15px 0px 10px;}ul.navbar1 > li{margin-right: 10px; margin-left: -10px;}.footer_note1{margin-right: 0px;}.footer_note2{margin-left: 0px;}.footer_note3{margin-left: -85px; margin-right: 0px;}.footer_note4{margin-left: 85px;}.form-label-dk{width: 35%;}.form-input-dk{width: 65%;}.form-dk-margin{margin-top: 0px;}.row-text-baomat{margin-top: -81px; margin-right: 0px !important; margin-bottom: 0px; margin-left: 0px !important;}.div-label-captcha{width: 35%; padding-left: 0px;}.div-captcha-text{width: 65%; padding: 0px;}.text_over_image{font-size: 26px; height: 60px;}ul.navbar-partner>li{margin-right: 3%;}ul.navbar2>li{margin-right: 4.91%; margin-left: -15px;}} @media ( max-width : 991px){#dropdown-profile{float: left !important;}#dropdown-public{float: left !important;}div.cgv-tab{width: auto !important;}.title-tiendien{padding: 0px 0px !important;}#myCarousel{margin-bottom: 10px;}.row-partner{margin-left: 0px;}.group-rs-khoanvay{margin: 0px 0px 0px 0px; border: none; border-radius: 0px;}.group-rs-text{min-height: 0px; background-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}.rs-text{color: #0069ba;}.row-calc-note{text-align: center;}.calc-note{margin: 0px 10px;}.text_over_image{font-size: 26px; height: 66px;}.navbar-nav .open .dropdown-menu{position: static; float: none; width: auto; background-color: transparent; border: 0; box-shadow: none;}.row-btn-dk{text-align: center !important; margin-right: 0px !important;}.street-full-width-mobile{margin-top: -15px;}.form-text-captcha{width: 50%;}.div-captcha-text{width: 100%;}.form-label-dk{width: auto;}.form-input-dk{width: 100%; margin-bottom: 20px;}.select-full-width-mobile{width: 100% !important; margin-bottom: 35px;}.row-text-baomat{margin-top: 0px;}a.accordion-toggle{background-color: transparent !important;}ul.navbar2>li{margin-right: 0px; margin-left: 0px;}ul.navbar2>li.dropdown>a{padding-left: 10px; padding-right: 10px;}ul.navbar1>li{margin-right: 0px; margin-left: 0px;}h4.panel-title > a{text-decoration: none !important;}.container{width: 100% !important;}.footer_note2{margin-left: 5px; padding-top: 19px;}.footer_note3{margin-left: 10px; margin-right: 0px; padding-top: 17px;}.footer_note4{padding-left: 0px; margin-left: -15px; float: right; margin-top: 8px;}.img-note1{width: 104px;}.img-note3{width: 140px;}.img-social{width: 33px; margin-right: 5px;}.li-narbav-2{max-width: none !important; text-align: left !important;}.container-header-sm{padding-left: 0px !important; padding-right: 0px !important;}.js_usermenu{position: static;}.logo-smartnet{display: block;}.logo-smartnet1{display: none !important;}.navbar-header{background-color: #ffffff; float: none;}.navbar-left,.navbar-right{float: none !important;}.navbar-toggle{display: block;}.navbar-collapse{border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}.navbar-fixed-top{top: 0; border-width: 0 0 1px;}.navbar-collapse.collapse{display: none!important;}.navbar-nav{float: none!important; margin-top: 7.5px;}.navbar-nav>li{float: none;}.navbar-nav>li>a{padding-top: 10px; padding-bottom: 10px;}.collapse.in{display:block !important;}ol.carousel-indicators{bottom: 10%;}} @media ( min-width : 1200px){.cgv-tab{width: 132px !important;}.container{width: 960px;}.form-dk-tiendien{margin-right: 1px !important;}ul.navbar1 > li.dropdown{margin-right: 0%; margin-left: 0px;}.form-dk-margin{margin-top: -19px;}.div-captcha-text{padding-right: 8px;}.form-label-dk{width: 35%;}.form-input-dk{width: 65%;}.row-text-baomat{margin-top: -81px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}ul.navbar1 > li{margin-left: -15px; margin-right: 1%}ul.navbar2>li{margin-right: 4.5%; margin-left: -15px;}ul.navbar-partner>li{margin: 0 2%;}ul.navbar1 > li > a.dropdown-header{padding: 10px 38px 0px 38px;}} .g-recaptcha{transform: scale(1); -webkit-transform: scale(1); transform-origin:0 0; -webkit-transform-origin:0 0;} @media ( max-width : 361px){.g-recaptcha{transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}} .row-partner{margin-left: 0px;} .form-dk-tiendien{margin-left: 0px; margin-right: 2px;} .panel-title{font-weight: bold; font-size: 14px;} .title-tiendien{color: #676767; font-size: 16px; text-align: center; margin-top: 35px; margin-bottom: 35px; padding: 0px 70px;} .dropdown-header{font-size: 14px;} .btn-dangnhap{white-space: nowrap; width: 90px; overflow: hidden; text-overflow: ellipsis; display: inline-block;} .caret-dangnhap{margin-bottom: 10px; margin-left: -12px;} .caret-login-user{margin-bottom: 10px;} .menu_link{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.31; text-align: left; color: #676767;} .img-banner{min-height: 100px;} .image-partner{max-width: 119px !important; max-height: 119px;} ul.navbar1 > li.hotline{background-color: #003965; margin-right: 0%; margin-left: 0%;} @media ( max-width : 375px){.text_over_image{font-size: 21px; height: 65px;}} @media ( max-width : 430px){ul.navbar-partner>li{margin-right: 8%;}} @media ( min-width : 1400px){.text_over_image{height: 74px;}} @media (min-width: 992px){.container{width: 960px;}} #dropdown-profile{float:right;} #dropdown-public{margin-right: 0px; margin-left: 0px; float:right;} .panel-default > .panel-heading{padding: 5px 11px !important; background-color: white !important;} .panel-default > .panel-heading > .panel-title{color: black !important;} .panel-group > .panel-default{border-color: transparent !important;} #call-icon-container{animation-duration: 1s; animation-fill-mode: both; animation-name: tada; animation-iteration-count: infinite;} @keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} @media ( min-width : 1200px){ul.navbar1 > li > a.dropdown-account{padding: 10px 10px 0px 5px;}ul.navbar1 > li > a.dropdown-signin{padding: 10px 15px 0px 10px;}ul.navbar2 > li{margin-right: 4.5%;}ul.tab-homepage > li{width: 133px;}.footer_note3{padding-top: 16px;}} @media ( max-width : 1199px){ul.navbar1 > li > a.dropdown-account{padding: 10px 10px 0px 6px;}ul.navbar2 > li{margin-right: 4.5%;}ul.tab-homepage > li{width: 133.9px;}.cgv-tab{width: 132px !important; background-color: white;}} @media ( max-width : 767px){.nav-tab-ul-tien-nuoc>li{width: 100% !important; margin-bottom: 3px !important;}} }

/* /smartnet_website/static/src/less/aboutus.less defined in bundle 'web.assets_frontend' */
 .fade_border{background: linear-gradient(to right, #dbd6d6 0%, #dbd6d6 12%, #ffffff 47%, #ffffff 100%) left top no-repeat; background-size: 100% 1px; border: 1px solid black; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#dbd6d6), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(#dbd6d6, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(#dbd6d6, rgba(0, 0, 0, 0)) 1 100%; border-color: #dbd6d6; border-bottom: None; border-right: None;} .aboutus_line{text-align: justify; margin-left: 15px; margin-top: -7px; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.88; color: #000000;} @media only screen and (max-device-width: 991px){.aboutus_line{font-size: 15.5px !important;}} @media only screen and (max-device-width: 767px){.aboutus_line{font-size: 15px!important; margin-left: 10px!important;}} @media only screen and (max-device-width: 480px){.aboutus_line{font-size: 14.5px !important; margin-left: 5px!important;}} .icon_check_full_width{margin-left: -22.5px; float: left; background: white; border-radius: 50%; font-size: 16px; height: 16px; width: 16px; text-align: center;} .icon_check_full_width i{display: table-cell;} .aboutus_heading{width: 145px; height: 42px; object-fit: contain; font-family: 'BebasNeue', sans-serif; font-size: 60px; font-weight: normal; line-height: 0.45; text-align: left; margin-left: 20px; margin-bottom: 22px;} .box_img_smartnet{width: 100%; height: auto;} 

/* /smartnet_website/static/src/css/money_slider.css defined in bundle 'web.assets_frontend' */
#issua1-money-range, #issua1-salary-range, #issua1-thoigianvay-range{height: 10px; border-radius: 5px; background: #cecece; padding: 0px; margin: 0px; outline: none;} div.ui-slider-range-min{background-color: #f36f21;} span.ui-slider-handle{width: 30px !important; height: 30px !important; margin: -6px 0px 0px -4px; padding: 0px; border-radius: 50%; background-color: #0069ba !important;} span.ui-state-focus{border: solid 1px #ced3d6 !important; outline: none;} span.ui-state-hover{border: solid 1px #ced3d6 !important;} #loan_amount, #salary, #thoigianvay{border:0; color:#0069ba !important; font-weight:bold; font-size: 18px;} .loan-range-min, .time-range-min{font-size: 16px; color: #676767;} .loan-range-max, .time-range-max{font-size: 16px; color: #676767; float: right;} 

/* /smartnet_website/static/src/css/online_application.css defined in bundle 'web.assets_frontend' */
 .online-appl-header-note{color: #676767; margin-top: 20px; margin-left: 10px !important; margin-right: 10px !important;} .online-appl-commitment{font-size: 18px; margin-left: 2px !important;} .online-appl-commitment-link{color: #f36f21;} .online-appl-caption{font-size: 24px; color: #003965; margin-top: 10px; margin-left: 10px !important; margin-right: 10px !important;} .form-submit-lead{margin-left: 10px; margin-right: 10px; margin-top: 20px;} .online-appl-text-security{padding-top: 5px; font-size: 18px; color: #a3a3a3;} .btn-submit-lead{margin-top: 30px;} .online-appl-input{min-height: 45px;} .input_require{border: 1px solid #f48e8e;} .error-messages{color: red} @media ( max-width : 991px){.online-appl-header-note{text-align: center;}.online-appl-caption{text-align: center;}.online-appl-commitment{text-align: center;}} 

/* /smartnet_website/static/src/css/live_chat.less defined in bundle 'web.assets_frontend' */
 .o_chat_title{margin-top: 7px; color: black; font-size: 16px!important; padding-left: 23px;} .o_chat_header{background-color: #fff !important; padding: 0 !important;} .o_chat_window_close.fa.fa-close{color: black;} .o_livechat_button{display: none;} .o_chat_window{min-height: 40px!important;} @media (max-width: 767px){.o_chat_window{width: 100%; height: 40px!important;}} @media (max-width: 767px){.o_chat_window_mobi{width: 100%; height: 75% !important; right: 0px; bottom: 0px; z-index: 1002; display: flex; flex-flow: column nowrap; position: fixed; max-height: 100%; font-size: 12px; background-color: white; border: 1px solid black; border-radius: 3px; box-sizing: inherit; font-family: 'Open Sans', sans-serif; line-height: 1.42857143; color: #333333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}} .o_chat_window_mobi .o_chat_title{margin-top: 7px; color: black; font-size: 16px!important; padding-left: 23px; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_chat_window_mobi .o_chat_header{background-color: #fff !important; padding: 0 !important; height: 50px;} .o_chat_window_mobi .o_chat_window_close.fa.fa-close{color: black; display: inline-block; padding: 3px; float: right; font: normal normal normal 14px/1 FontAwesome; font-size: 22px; text-rendering: auto; -webkit-font-smoothing: antialiased;} .o_chat_window_mobi .o_mail_thread{height: 80% !important;} .o_chat_window_mobi .fa.fa-commenting-o{display: inline-block; margin-left: 0px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 27px; padding: 6px; background-color: orange; color: white;} .o_chat_window_mobi .o_mail_thread{overflow-y: scroll;} 

/* /smartnet_website/static/src/less/smartnet_website.job_page.less defined in bundle 'web.assets_frontend' */
 .search_area{padding-left: 0px; padding-right: 0px; margin-left: 0px;} .selection_area{padding: 0px;} .selection_area > div{padding-right: 0px;} .selection_area > div .dropdown{width: 100%;} .selection_area > div .dropdown > a{width: 100%;} @media (max-width: 991px){.selection_area .working-time-selection{padding-left: 0px; margin-top: 15px;}.selection_area .department-selection, .selection_area .state-selection{margin-top: 15px;}} @media (max-width: 767px){.selection_area .department-selection, .selection_area .state-selection{padding-left: 0px; margin-top: 15px;}} .job_recruitment{padding: 29px 0px 30px 0px; border-bottom: 1px solid #dadada;} .job_recruitment .job{padding-left: 0px;} .job_title > a{font-size: 18px; color: #003965; font-weight: bold;} .job_title > a:hover{text-decoration: none;} .job_address{color: #676767;} .btn-group-job{padding-right: 0px;} .btn-group-job .btn-apply{width: 100%; margin-top: 10px !important;} .btn-detail{width: 100%; background-color: #f36f21; color: #fff; padding: 10px 16px;} .btn-apply{background-color: #003965; color: #fff; padding: 10px 16px; font-size: 16px;} .btn-detail:hover, .btn-apply:hover, .btn-view-all{color: #fff;} .link-ref{margin-top: 100px;} @media (max-width: 991px){.link-ref{margin-top: 16px;}} .link-ref > a, .link-ref span{color: #676767; font-size: 16px;} .link-ref > i{color: #676767; font-size: 18px; margin-left: 5px; margin-right: 5px;} 

/* /smartnet_website/static/src/less/smartnet_website.job_detail_page.less defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Glyphicons Halflings'; src: url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');} body{font-family: 'Open Sans', sans-serif; font-size: 14px; overflow-x: hidden;} .post-title{font-size: 24px; text-align: left; color: #003965;} .post-head{overflow: hidden; margin-bottom: 20px; font-size: 16px;} .post-head .time{float: left; padding-top: 10px;} .post-head .btn-apply{float: right;} @media (max-width: 768px){.post-title{margin-bottom: 0;}.post-head .btn-apply{width: 100%; margin-top: 20px;}.content .btn-apply{width: 100%;}} @media (max-width: 991px){.relating-jobs{margin-top: -10px !important;}.content .btn-apply{margin-bottom: 0 !important;}} .relating-jobs{margin-top: 100px; padding-top: 20px;} .relating-jobs > h4{color: #003965;} .relating-jobs .job{padding: 10px 0px 10px 0px; border-bottom: 1px solid #bbbbbb;} .relating-jobs .view-detail{margin-top: 10px; color: #f36f21;} .btn-view-all{border-radius: 4px; background-color: #f36f21; color: #ffffff; width: 100%; font-size: 16px; margin: 15px 0px 15px 0px;} .content .section{font-size: 16px;} .content .btn-apply{margin-bottom: 50px;} .modal-dialog{margin-top: 10%;} .btn-close{font-size: 40px;} @media (min-width: 992px){.form-job-apply{width: 550px;}} .form-job-apply .popup-form{padding: 25px; font-family: 'Open Sans', sans-serif;} .form-job-apply .popup-form .title-apply{font-size: 20px; text-align: center;} .form-job-apply .popup-form .title-apply > p{margin: 0px;} .form-job-apply .popup-form .title-apply .job-title{font-weight: bold; color: #003965;} .form-job-apply .popup-form .address{font-color: 14px; color: #676767; text-align: center; margin: 15px 0;} .form-job-apply .popup-form .body-apply .input-info{font-size: 16px; font-weight: bold;} .form-job-apply .popup-form .body-apply .input-section{margin-bottom: 10px; border: solid 1px #bebebe; border-radius: 0px; color: inherit;} .form-job-apply .popup-form .body-apply .province{background-color: inherit; padding-left: 0px;} .form-job-apply .popup-form .body-apply .district{background-color: inherit; padding-left: 3px; padding-right: 0px;} @media (min-width: 992px){.form-job-apply .popup-form .body-apply .birthday{padding-left: 3px;}} .form-job-apply .popup-form .body-apply .attachment-area > input{position: absolute; width: 95%; height: 100%; outline: none; opacity: 0;} .form-job-apply .popup-form .body-apply .attachment-area > p{width: 100%; height: 100%; text-align: center; height: 100px; border: 0.8px dashed #a3a3a3; padding: 5%;} .form-job-apply .popup-form .body-apply .submit{margin: 10px auto; display: block; border-radius: 4px; background-color: #003965; color: #ffffff; font-size: 16px; border-color: #003965; width: 120px; height: 40px;} 

/* /smartnet_website/static/src/less/smartnet_website.login_form.less defined in bundle 'web.assets_frontend' */
 .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 310px;} 

/* /smartnet_website/static/src/less/smartnet_website.promotion_page.less defined in bundle 'web.assets_frontend' */
 .news-thumbnail{margin-top: 20px;} .news-thumbnail .content{background-color: #fff; border: solid 1px #bebebe; border-bottom: none;} .news-thumbnail .content .img-display{position: relative; height: 200px; background-position: center; background-size: cover;} .news-thumbnail .content .img-display > a{position: absolute; width: 100%; height: 100%; opacity: 0;} @media (min-width: 768px){.news-thumbnail .content .large{height: 300px;}} .news-thumbnail .content .validity-period{position: absolute; bottom: 0; padding: 5px 15px; background-color: #003965; color: #fff; font-size: 16px;} .news-thumbnail .content .text{padding: 20px 12px;} .news-thumbnail .content .text .title{display: block; display: -webkit-box; margin: 0 auto; font-size: 16px; line-height: 1.4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .news-thumbnail .content .text .title > a{color: #000000; font-weight: bold;} .news-thumbnail .content .text .title > a:hover{text-decoration: none;} .news-thumbnail .content .text .title-news{height: 67.2px; -webkit-line-clamp: 3;} .news-thumbnail .content .text .title-promotions{height: 44.8px; -webkit-line-clamp: 2;} .news-thumbnail .content .text .excerpt{height: 80px; overflow: hidden; color: #000000; font-size: 14px;} .news-thumbnail .btn-section > div{padding-right: 0px; padding-left: 0px;} .news-thumbnail .btn-section > div .btn-detail{width: 100%; background-color: #f36f21; color: #fff; padding: 10px 16px; border-radius: 0px; font-size: 16px;} .news-thumbnail .btn-section > div .btn-apply{width: 100%; background-color: #003965; color: #fff; padding: 10px 16px; border-radius: 0px; font-size: 16px;} .promotion-title{font-size: 24px; text-align: left; color: #003965; font-weight: bold;} .validity-period-detail{color: #676767; font-size: 14px; margin-bottom: 20px;} .relating-promotions{font-size: 24px; text-align: left; color: #003965;} .sharing-links{text-align: center;} .sharing-links > a > img{margin: 4px;} .mt10{margin-top: 10px;} 

/* /smartnet_website/static/src/less/smartnet_website.capture_lead.less defined in bundle 'web.assets_frontend' */
 @media (min-width: 992px){.lead-capture-form{width: 550px;}} .lead-capture-form .modal-content .modal-header .title{font-weight: bold; color: #003965; text-align: center;} .lead-capture-form .row{margin-bottom: 0;} .lead-capture-form .input-section{margin-bottom: 10px; border: solid 1px #bebebe; border-radius: 0px; color: inherit;} @media (min-width: 992px){.lead-capture-form .padding-left-force{padding-left: 3px;}} .lead-capture-form .submit{margin: 0 auto; display: block; border-radius: 4px; background-color: #003965; color: #ffffff; font-size: 16px; border-color: #003965; width: 120px; height: 40px; float: right;} .lead-capture-form .error-messages{display: none; color: red;} 

/* /smartnet_website/static/src/less/smartnet_website.about_us.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 320px){.vector-smart-object img{max-width: 20%; padding-top: 40px; height: auto;}} @media (max-width: 767px){.center_box img{max-width: 100%;}.vector-smart-object{margin-left: 0px !important;}.vector-smart-object img{max-width: 50%; padding-top: 60px; height: auto;}#left, #right{width: 100%;}.row-footer{padding: 0 0 0 0;}.footer_note1, .footer_note2, .footer_note3, .footer_note4{padding: 14px 0 0 15px; margin: 0 0 0 0; text-align: center;}} 

/* /smartnet_website/static/src/less/smartnet_website.less defined in bundle 'web.assets_frontend' */
 .carousel-indicators li{background-color: #fff \9; background-color: #ffffff; width: 12px; height: 12px; margin: 0px;} .carousel-indicators .active{background-color: #f36f21; border: 1px solid #f36f21;} div.carousel .carousel-indicators li{box-shadow: none;} .carousel-inner{height: 25vw; width: 100vw;} #call-container{position: fixed; bottom: 30px; left: 30px; z-index: 9999; cursor: pointer;} #call-container:hover{border-right: 1px #f36f21 solid; border-top: 1px #f36f21 solid; border-bottom: 1px #f36f21 solid; border-radius: 20px; background-color: white; text-decoration: none;} #call-container:hover #call-icon-container{margin-right: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #call-container:hover #call-number-container{display: block;} #call-content{display: flex; justify-content: center; align-items: center;} #call-icon-container{width: 40px; height: 40px; background-color: #f36f21; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; display: inline-flex; justify-content: center; align-items: center; -moz-box-shadow: 0 0 0 15px rgba(243, 111, 33, 0.5); -webkit-box-shadow: 0 0 0 15px rgba(243, 111, 33, 0.5); box-shadow: 0 0 0 15px rgba(243, 111, 33, 0.5);} #call-icon, #call-icon:hover, #call-icon:active, #call-icon:focus, #call-icon:focus-within, #call-icon:visited{color: white;} #call-number-container{display: none;} #call-number{color: #f36f21; font-weight: bold; font-size: 20px; margin-right: 5px;} #feedback-button-container{width: 150px; height: 30px; border: 1px #f36f21 solid; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #f36f21; position: fixed; top: 50%; margin-top: -75px; right: -60px; z-index: 9999; cursor: pointer; display: flex; justify-content: center; align-items: center; -moz-box-shadow: 0 0 0 5px rgba(243, 111, 33, 0.5); -webkit-box-shadow: 0 0 0 5px rgba(243, 111, 33, 0.5); box-shadow: 0 0 0 5px rgba(243, 111, 33, 0.5); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg);} #feedback-button-title{color: white; font-weight: bold;} #feedback-modal-header-container{background-color: #f36f21;} #feedback-modal-header-title{color: white; font-weight: bold;} #feedback-modal-content-contract{font-size: 15px;} 

/* /smartnet_website/static/src/less/smartnet_website.user_profile.less defined in bundle 'web.assets_frontend' */
 .big-title{font-size: 24px; text-align: left; color: #003965; font-weight: bold;} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.big-title{font-size: 22px!important;}} @media only screen and (min-device-width: 321px) and (max-device-width: 480px){.big-title{font-size: 20px!important;}} @media only screen and (max-device-width: 320px){.big-title{font-size: 18px!important;}} .user_image img{display: block; margin: auto; border-radius: 15%; border: solid 1px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);} @media only screen and (min-device-width: 992px){.user_image img{width: 90%!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_image img{width: 18%!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_image img{width: 25%!important;}} @media only screen and (max-device-width: 480px){.user_image img{width: 36%!important;}} @media only screen and (min-device-width: 992px){.user_detail_info{padding-left: 40px!important;}} .change-password-sm-btn-block{max-width: 200px; margin: 0 auto;} .change-password-sm-btn-block button{font-weight: normal;} .user_name{font-family: 'Open Sans'; font-size: 18px; color: #003965; font-weight: bold; text-align: left;} @media only screen and (min-device-width: 992px){.user_name{position: relative!important; left: -20px !important;}} @media only screen and (max-device-width: 991px){.user_name{text-align: center!important; margin-top: 10px!important;}} .user_detail{text-align: left; font-family: 'Open Sans'; font-size: 16px;} .user_detail .icon_slot{position: absolute; left: -10px;} .user_detail .row{margin-top: 5px; margin-bottom: 5px;} @media only screen and (min-device-width: 992px){.user_detail .row div:last-child{text-align: left!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_detail{font-size: 15.5px !important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_detail{font-size: 15px!important;}} @media only screen and (max-device-width: 480px){.user_detail{font-size: 14px!important;}} .info_title{font-weight: bold;} @media only screen and (min-device-width: 992px){.change-pw-sm-btn-col{padding-left: 0px!important;}} .apps_loans .panel-title{background-color: #f36f21; font-weight: normal; border-radius: 5px; color: white; text-align: center; max-width: 200px; margin: 0 auto;} @media only screen and (min-device-width: 992px){.apps_loans .panel-title{margin-left: 0px!important;}} @media only screen and (max-device-width: 991px){.apps_loans .panel-title{font-size: 13px!important;}} .apps_loans .panel-title:hover{webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);} #user_extra_information .panel-default{border-color: white; border: 2px solid #b9b2b2;} #user_extra_information .panel{border: none;} .apps-loans .row:nth-child(4n+2), .apps-loans .row:nth-child(4n+3){background-color: white;} .apps-loans .row:nth-child(4n+4), .apps-loans .row:nth-child(4n+5){background-color: #f3f3f3;} .apps_loans_header{font-weight: bold; padding-bottom: 15px; font-size: 16px; font-family: 'Open Sans'; border-bottom: 1px solid #676767;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.apps_loans_header div{font-size: 15px!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.apps_loans_header div{font-size: 14px!important;}} @media only screen and (max-device-width: 480px){.apps_loans_header div{font-size: 12px!important;}} .app_loan_info{font-size: 16px;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.app_loan_info div{font-size: 15px!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.app_loan_info div{font-size: 14px!important; font-weight: bold!important;}} @media only screen and (max-device-width: 480px){.app_loan_info div{font-size: 13px!important; font-weight: bold!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.extra_app_info div{font-size: 13.5px !important;}} @media only screen and (max-device-width: 480px){.extra_app_info div{font-size: 12.5px !important;}} #user_app_loan .row{padding-bottom: 5px; padding-top: 5px; text-align: center;} #user_app_loan .row div:first-child{text-align: left;} .sm-btns{cursor: pointer;} .user_change_password_form{} .user_change_password_form input[type=password]:valid{border: none; -webkit-box-shadow: none; box-shadow: none;} .user_change_password_form label{padding-top: 10px; font-size: 16px;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_change_password_form label{font-size: 15px!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_change_password_form label{font-size: 14px!important;}} @media only screen and (max-device-width: 480px){.user_change_password_form label{font-size: 12px!important;}} .user_change_password_form .sm-btns{background-color: #003965; color: white; width: 90%; font-size: 14px;} @media only screen and (min-device-width: 992px){.user_change_password_form .sm-btns{font-size: 13px!important;}} .user_change_password_form input[type=password]:not(.browser-default){background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 3.5rem; margin: 0 0 20px 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s; transition: all 0.3s;} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_change_password_form input[type=password]:not(.browser-default){font-size: 3rem!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_change_password_form input[type=password]:not(.browser-default){font-size: 2.5rem !important;}} @media only screen and (max-device-width: 480px){.user_change_password_form input[type=password]:not(.browser-default){font-size: 2rem!important;}} .user_change_password_form input[type=password]:not(.browser-default):disabled, .user_change_password_form input[type=password]:not(.browser-default)[readonly="readonly"]{color: rgba(0, 0, 0, 0.42); border-bottom: 1px dotted rgba(0, 0, 0, 0.42);} .user_change_password_form input[type=password]:not(.browser-default):disabled + label, .user_change_password_form input[type=password]:not(.browser-default)[readonly="readonly"] + label{color: rgba(0, 0, 0, 0.42);} .user_change_password_form input[type=password]:not(.browser-default):focus:not([readonly]){border-bottom: 1px solid #26a69a; -webkit-box-shadow: 0 1px 0 0 #26a69a; box-shadow: 0 1px 0 0 #26a69a;} .user_change_password_form input[type=password]:not(.browser-default):focus:not([readonly]) + label{color: #26a69a;} .user_change_password_form input[type=password]:not(.browser-default).validate + label{width: 100%;} .user_change_password_form input[type=password]:not(.browser-default).invalid + label:after, .user_change_password_form input[type=password]:not(.browser-default).valid + label:after{display: none;} .user_change_password_form input[type=password]:not(.browser-default).invalid + label.active:after, .user_change_password_form input[type=password]:not(.browser-default).valid + label.active:after{display: block;} .user_change_password_form input[type=password].valid:not(.browser-default), .user_change_password_form input[type=password].valid:not(.browser-default):focus{border-bottom: 1px solid #4CAF50; -webkit-box-shadow: 0 1px 0 0 #4CAF50; box-shadow: 0 1px 0 0 #4CAF50;} .user_change_password_form input[type=password].invalid:not(.browser-default), .user_change_password_form input[type=password].invalid:not(.browser-default):focus{border-bottom: 1px solid #F44336; -webkit-box-shadow: 0 1px 0 0 #F44336; box-shadow: 0 1px 0 0 #F44336;} .user_change_password_form input[type=password]:not(.browser-default).valid + label:after, .user_change_password_form input[type=password]:not(.browser-default):focus.valid + label:after{content: attr(data-success); color: #4CAF50; opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px);} .user_change_password_form input[type=password]:not(.browser-default).invalid + label:after, .user_change_password_form input[type=password]:not(.browser-default):focus.invalid + label:after{content: attr(data-error); color: #F44336; opacity: 1; -webkit-transform: translateY(9px); transform: translateY(9px);} .user_change_password_form input[type=password]:not(.browser-default) + label:after{display: block; content: ""; position: absolute; top: 100%; left: 0; opacity: 0; -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out; transition: 0.2s opacity ease-out, 0.2s color ease-out;} .header_message{text-align: center; color: white;} .header_message_success{background-color: green; text-align: center; color: white;} .header_message_error{background-color: red; text-align: center; color: white;} .user_change_password_success_info div:first-child{font-weight: bold; font-size: 30px;} @media only screen and (min-device-width: 992px){.user_change_password_success_info div:first-child{font-size: 28px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_change_password_success_info div:first-child{font-size: 26px!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_change_password_success_info div:first-child{font-size: 24px!important;}} @media only screen and (max-device-width: 480px){.user_change_password_success_info div:first-child{font-size: 18px!important;}} .user_change_password_success_info div:nth-child(2){font-size: 24px;} @media only screen and (min-device-width: 992px){.user_change_password_success_info div:nth-child(2){font-size: 22px!important;}} @media only screen and (min-device-width: 768px) and (max-device-width: 991px){.user_change_password_success_info div:nth-child(2){font-size: 20px!important;}} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.user_change_password_success_info div:nth-child(2){font-size: 18px!important;}} @media only screen and (max-device-width: 480px){.user_change_password_success_info div:nth-child(2){font-size: 14px!important;}} .re-login-btn{background-color: #003965; color: white; font-weight: bold; width: 40%;} @media only screen and (min-device-width: 481px) and (max-device-width: 767px){.re-login-btn{width: 45%!important;}} @media only screen and (max-device-width: 480px){.re-login-btn{width: 45%!important; font-size: 16px!important;}} @media only screen and (min-device-width: 768px){.on-mobile{display: none;}} @media only screen and (max-device-width: 767px){.on-large-device{display: none;}} 

/* /smartnet_website/static/src/lib/MDB/css/mdb_edit.css defined in bundle 'web.assets_frontend' */
body.modal-open{padding-right: 0 !important; overflow: auto;} body.scrollable{overflow-y: auto;} .modal-dialog .modal-content{border-radius: 2px; border: 0;} .modal{padding-right: 0 !important;} @media (min-width: 768px){.modal .modal-dialog.modal-top{top: 0;}.modal .modal-dialog.modal-left{left: 0;}.modal .modal-dialog.modal-right{right: 0;}.modal .modal-dialog.modal-bottom{bottom: 0;}.modal .modal-dialog.modal-top-left{top: 10px; left: 10px;}.modal .modal-dialog.modal-top-right{top: 10px; right: 10px;}.modal .modal-dialog.modal-bottom-left{left: 10px; bottom: 10px;}.modal .modal-dialog.modal-bottom-right{right: 10px; bottom: 10px;}} .modal.fade.top:not(.show) .modal-dialog{-webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0);} .modal.fade.left:not(.show) .modal-dialog{-webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0);} .modal.fade.right:not(.show) .modal-dialog{-webkit-transform: translate3d(25%, 0, 0); transform: translate3d(25%, 0, 0);} .modal.fade.bottom:not(.show) .modal-dialog{-webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0);} @media (min-width: 992px){.modal.modal-scrolling{position: relative;}.modal.modal-scrolling .modal-dialog{position: fixed; z-index: 1050;}.modal.modal-content-clickable{top: auto; bottom: auto;}.modal.modal-content-clickable .modal-dialog{position: fixed;}.modal .modal-fluid{width: 100%; max-width: 100%;}.modal .modal-fluid .modal-content{width: 100%;}.modal .modal-frame{position: absolute; width: 100%; max-width: 100%; margin: 0;}.modal .modal-frame.modal-bottom{bottom: 0;}.modal .modal-full-height{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; width: 400px; height: 100%; margin: 0; top: 0; right: 0;}.modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom{display: block; width: 100%; max-width: 100%; height: auto;}.modal .modal-full-height.modal-top{bottom: auto;}.modal .modal-full-height.modal-bottom{top: auto;}.modal .modal-full-height .modal-content{width: 100%;}.modal .modal-full-height.modal-lg{max-width: 90%; width: 90%;}} @media (min-width: 992px) and (min-width: 992px){.modal .modal-full-height.modal-lg{max-width: 800px; width: 800px;}} @media (min-width: 992px) and (min-width: 1200px){.modal .modal-full-height.modal-lg{max-width: 1000px; width: 1000px;}} @media (min-width: 992px){.modal .modal-side{position: absolute; right: 10px; bottom: 10px; margin: 0; width: 400px;}} .modal-dialog .btn .fa{color: #fff !important;} .modal-dialog [class*="btn-outline-"] .fa{color: inherit !important;} .modal-dialog.cascading-modal{margin-top: 10%;} .modal-dialog.cascading-modal .close{color: #fff; opacity: 1; text-shadow: none;} .modal-dialog.cascading-modal .modal-header{text-align: center; margin: -2rem 1rem 1rem 1rem; padding: 1.5rem; border: none; border-radius: 3px;} .modal-dialog.cascading-modal .modal-header .close{margin-right: 1rem;} .modal-dialog.cascading-modal .modal-header .title{width: 100%; margin-bottom: 0; font-size: 1.25rem;} .modal-dialog.cascading-modal .modal-header .title .fa{margin-right: 9px;} .modal-dialog.cascading-modal .modal-header .social-buttons{margin-top: 1.5rem;} .modal-dialog.cascading-modal .modal-header .social-buttons a{font-size: 1rem;} .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs{margin: -1.5rem 1rem 0 1rem;} .modal-dialog.cascading-modal .modal-c-tabs .tab-content{padding: 1.7rem 0 0 0;} .modal-dialog.cascading-modal .nav-tabs{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .modal-dialog.cascading-modal .nav-tabs li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} .modal-dialog.cascading-modal .nav-tabs li a{text-align: center; font-weight: normal;} .modal-dialog.cascading-modal .modal-body, .modal-dialog.cascading-modal .modal-footer{color: #616161; padding-right: 2rem; padding-left: 2rem;} .modal-dialog.cascading-modal .modal-body .additional-option, .modal-dialog.cascading-modal .modal-footer .additional-option{text-align: center; margin-top: 1rem;} .modal-dialog.cascading-modal.modal-avatar{margin-top: 6rem;} .modal-dialog.cascading-modal.modal-avatar .modal-header{margin: -6rem 2rem -1rem 2rem;} .modal-dialog.cascading-modal.modal-avatar .modal-header img{width: 130px; margin-left: auto; margin-right: auto;} .modal-dialog.modal-notify .heading{margin: 0; padding: 0.3rem; color: #fff; font-size: 1.15rem;} .modal-dialog.modal-notify .modal-header{border: 0;} .modal-dialog.modal-notify .close{opacity: 1;} .modal-dialog.modal-notify .modal-body{padding: 1.5rem; color: #616161;} .modal-dialog.modal-notify .btn-outline-secondary-modal{background-color: transparent;} .modal-dialog.modal-notify.modal-info .modal-header{background-color: #5394ff;} .modal-dialog.modal-notify.modal-info .fa{color: #5394ff;} .modal-dialog.modal-notify.modal-info .badge{background-color: #5394ff;} .modal-dialog.modal-notify.modal-info .btn-primary-modal{background-color: #5394ff;} .modal-dialog.modal-notify.modal-info .btn-primary-modal:hover{background-color: #6da4ff !important;} .modal-dialog.modal-notify.modal-info .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-info .btn-primary-modal:active, .modal-dialog.modal-notify.modal-info .btn-primary-modal.active{background-color: #0764ff !important;} .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle{background-color: #5394ff !important;} .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:focus{background-color: #6da4ff !important;} .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal{border: 2px solid #5394ff; color: #5394ff !important; background-color: transparent;} .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.active{background-color: transparent; color: #5394ff; border-color: #5394ff;} .modal-dialog.modal-notify.modal-warning .modal-header{background-color: #ff8e38;} .modal-dialog.modal-notify.modal-warning .fa{color: #ff8e38;} .modal-dialog.modal-notify.modal-warning .badge{background-color: #ff8e38;} .modal-dialog.modal-notify.modal-warning .btn-primary-modal{background-color: #ff8e38;} .modal-dialog.modal-notify.modal-warning .btn-primary-modal:hover{background-color: #ff9c52 !important;} .modal-dialog.modal-notify.modal-warning .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-warning .btn-primary-modal:active, .modal-dialog.modal-notify.modal-warning .btn-primary-modal.active{background-color: #eb6500 !important;} .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle{background-color: #ff8e38 !important;} .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:focus{background-color: #ff9c52 !important;} .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal{border: 2px solid #ff8e38; color: #ff8e38 !important; background-color: transparent;} .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.active{background-color: transparent; color: #ff8e38; border-color: #ff8e38;} .modal-dialog.modal-notify.modal-success .modal-header{background-color: #01d36b;} .modal-dialog.modal-notify.modal-success .fa{color: #01d36b;} .modal-dialog.modal-notify.modal-success .badge{background-color: #01d36b;} .modal-dialog.modal-notify.modal-success .btn-primary-modal{background-color: #01d36b;} .modal-dialog.modal-notify.modal-success .btn-primary-modal:hover{background-color: #01ec78 !important;} .modal-dialog.modal-notify.modal-success .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-success .btn-primary-modal:active, .modal-dialog.modal-notify.modal-success .btn-primary-modal.active{background-color: #018744 !important;} .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle{background-color: #01d36b !important;} .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:focus{background-color: #01ec78 !important;} .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal{border: 2px solid #01d36b; color: #01d36b !important; background-color: transparent;} .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.active{background-color: transparent; color: #01d36b; border-color: #01d36b;} .modal-dialog.modal-notify.modal-danger .modal-header{background-color: #ff4b4b;} .modal-dialog.modal-notify.modal-danger .fa{color: #ff4b4b;} .modal-dialog.modal-notify.modal-danger .badge{background-color: #ff4b4b;} .modal-dialog.modal-notify.modal-danger .btn-primary-modal{background-color: #ff4b4b;} .modal-dialog.modal-notify.modal-danger .btn-primary-modal:hover{background-color: #ff6565 !important;} .modal-dialog.modal-notify.modal-danger .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-danger .btn-primary-modal:active, .modal-dialog.modal-notify.modal-danger .btn-primary-modal.active{background-color: #fe0000 !important;} .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle{background-color: #ff4b4b !important;} .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:focus{background-color: #ff6565 !important;} .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal{border: 2px solid #ff4b4b; color: #ff4b4b !important; background-color: transparent;} .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.active{background-color: transparent; color: #ff4b4b; border-color: #ff4b4b;} 

/* /smartnet_website/static/src/css/contact.css defined in bundle 'web.assets_frontend' */
 .contact-input{height: 44px; width: 90%; padding-left: 8px;} .contact-textarea{min-height: 100px; width: 90%; padding-left: 8px; padding-top: 10px;} .contact-submit{text-align: center; width: 90%; margin-top: 20px;} .contact-div-call{width: 85%; background-color: #003965; padding: 12px 35px 15px 15px; float: right;} .contact-span-call{background-color: #003965; font-size: 22px; color: #ffffff; vertical-align: middle;} .contact-phone{color: #003965; display: inline-block; border-radius: 80px; background-color: #ffffff; padding: 0.20em 0.32em; vertical-align: middle;} .contact-div-number{margin-top: -1px; width: 85%; background-color: #f36f21; padding: 0px 0px 0px 15px; float: right;} .contact-span-number{vertical-align: middle; font-size: 50px; font-family: 'Open Sans', sans-serif; font-weight: bold; text-align: center; color: #ffffff;} .contact-phonecall-mb{margin-top: 20px;} .map_filter_box{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #000000; background-color: #ffffff; display: inline-block; float: left;} #filter_box{width: 468px; position: absolute; top: 50px; margin-left:20px;} @media (max-width: 767px){#filter_box{width: 80vw; max-width: 468px;}#district_filter{margin-top: 0px;}} #filter_box_header{height: 40px; background-color: #f36f21;} #hide_filter_box{type: button; title: Ẩn bộ lọc; aria-label: toggle menu; data-placement: bottom; color: #ffffff; background-color: #f36f21; border: None; font-size: 20px;} #show_filter_box{type:button; title: Hiện bộ lọc; aria-label: toggle menu; data-placement: bottom; font-size: 20px; color: #ffffff; background-color: #f36f21; border: None; margin-left: 50px} #filter_box_body{display: block; background-color: #ffffff;} .select_box{width: 100%; height: 35px; background-color: #ffffff; margin-top: 15px; margin-bottom: 15px;} #filter_box_list_kiosk{width: 95%; display: block;overflow-y: scroll;} @media (min-width : 1024px){.input_box{width: 574px; height: 44px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin-bottom: 10px;}.text_area_box{width: 574px; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} @media (max-width : 1024px){.input_box{width: 574px; height: 44px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin-bottom: 10px;}.text_area_box{width: 574px; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} @media (max-width : 1199px){.contact-div-call{width: 100%;}.contact-div-number{width: 100%;}} @media (max-width : 991px){.contact-row-form{margin-left: 5px; margin-right: 5px;}.contact-phonecall-mb{margin-left: 5px; margin-right: 5px;}.contact-input{width: 100%;}.contact-textarea{width: 100%}.contact-submit{width: 100%;}.input_box{width: 90vw; height: 44px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 10px;}.text_area_box{width: 90vw; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} @media (max-width : 768px){.input_box{width: 90vw; height: 44px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 10px;}.text_area_box{width: 90vw; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} @media (max-width : 425px){.input_box{width: 90vw; height: 44px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 10px;}.text_area_box{width: 90vw; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} @media (max-width : 375px){.input_box{width: 90vw; height: 44px !important; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 10px;}.text_area_box{width: 90vw; height: 194px; background-color: #ffffff; border: solid 1px #bebebe; text-indent: 21px; margin: 0 auto; margin-bottom: 40px;}.input_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}.text_area_box::placeholder{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2.06; text-align: left; color: #a3a3a3;}} #call-now{position: relative; width: 288px; height: 131px;} #call-now-header{position: absolute; width: 288px; height: 50px; background-color: #003965; font-family: 'Open Sans', sans-serif; font-size: 24px; text-align: center; color: #ffffff; vertical-align:middle;} #call-now-header-content{padding-top: 15px; vertical-align:middle;} #phone-icon{color:#003965; display: inline-block; border-radius: 80px; background-color: #ffffff; padding: 0.20em 0.32em; vertical-align:middle;} #call-now-body{position: absolute; width: 288px; height: 81px; background-color: #f36f21; left: 50%; top: 69%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); font-size: 50px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 1.12; text-align: center; color: #ffffff; vertical-align:middle"} 

/* /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;} 

/* /website_event_track/static/src/css/website_event_track.css defined in bundle 'web.assets_frontend' */
.o_website_event .ribbon-wrapper{width: 60px; height: 60px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .o_website_event .ribbon{font: bold 13px Sans-Serif; color: #404040; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 5px 0; left: -4px; top: 8px; width: 90px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);} .o_website_event .ribbon.ribbon_Gold{background-color: #FDE21B; background-image: -webkit-gradient(linear, left top, left bottom, from(#E9CE0C), to(#FDE21B)); background-image: -webkit-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -moz-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -ms-linear-gradient(top, #E9CE0C, #FDE21B); background-image: -o-linear-gradient(top, #E9CE0C, #FDE21B);} .o_website_event .ribbon.ribbon_Silver{background-color: #CCCCCC; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#CCCCCC)); background-image: -webkit-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -moz-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -ms-linear-gradient(top, #BBBBBB, #CCCCCC); background-image: -o-linear-gradient(top, #BBBBBB, #CCCCCC);} .o_website_event .ribbon.ribbon_Bronze{background-color: #DB9141; background-image: -webkit-gradient(linear, left top, left bottom, from(#C2792A), to(#DB9141)); background-image: -webkit-linear-gradient(top, #C2792A, #DB9141); background-image: -moz-linear-gradient(top, #C2792A, #DB9141); background-image: -ms-linear-gradient(top, #C2792A, #DB9141); background-image: -o-linear-gradient(top, #C2792A, #DB9141);} .o_website_event .event_color_0{background-color: white; color: #5a5a5a;} .o_website_event .event_color_1{background-color: #cccccc; color: #424242;} .o_website_event .event_color_2{background-color: #ffc7c7; color: #7a3737;} .o_website_event .event_color_3{background-color: #fff1c7; color: #756832;} .o_website_event .event_color_4{background-color: #e3ffc7; color: #5d6937;} .o_website_event .event_color_5{background-color: #c7ffd5; color: #1a7759;} .o_website_event .event_color_6{background-color: #c7ffff; color: #1a5d83;} .o_website_event .event_color_7{background-color: #c7d5ff; color: #3b3e75;} .o_website_event .event_color_8{background-color: #e3c7ff; color: #4c3668;} .o_website_event .event_color_9{background-color: #ffc7f1; color: #6d2c70;} 

/* /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_hr/static/src/less/website_hr.less defined in bundle 'web.assets_frontend' */
 .o_avatar_info_container{height: 250px;} 

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

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

/* /website_snippet_data_slider/static/src/css/data_slider.css defined in bundle 'web.assets_frontend' */
 .slider-arrow-left{position: absolute; top: 40%; left: -40px;} .slider-arrow-right{position: absolute; top: 40%; right: -40px;} .slick-slide{background: transparent;} 

/* /website_support/static/src/css/support.css defined in bundle 'web.assets_frontend' */
.support-main-title{font-size: 24px} .support-help-group{font-size: 20px;} .support-help-page{font-size: 14px;}