.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled], fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:hover, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].focus, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled]:active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled.active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success[disabled].active, fieldset[disabled] .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.active{background-color: #40ad67; border-color: #399a5c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success .badge{color: #40ad67; background-color: white;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: white; background-color: #6999a8; border-color: #5b8d9d;} .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-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: 56px; 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;} 

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

/* /icsc_bizapps/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0370-03FF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .fade{animation-name: fade; animation-duration: 2s; opacity: unset !important;} a:hover{text-decoration: none;} .form-group{width: 100%; float: left;} .p-0{padding: 0;} .p-4{padding: 4px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold;} .o_main_navbar .open .dropdown-menu{z-index: 999;} body .o_main_navbar{overflow: visible;} @media(max-width: 768px){body .o_main_navbar .o_menu_sections{display: none;}body.o_mobile_menu_opened .o_main_navbar .o_menu_sections{display: block;}} #wrapwrap{width: 100%!important;} #wrapwrap > *{display: block;} #wrapwrap > main{height: auto; margin-top: 68px;} #wrapwrap > main.ishomepage{margin-top: 0;} .fl.spinner2 .server-creating{width: 300px; position: absolute; top: 64px; left: -103px; color: #fff; font-weight: bold;} #fake_loading{z-index: 9999999 !important; overflow: auto;} .carousel-img.img-rounded.col-md-6.img_hidden.col-sm-12.pull-right{opacity: 0.5} .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img{height: 74px; width: 74px; margin: auto;} #bizapp-brand .bg_footer{padding-top: 54px !important; padding-bottom: 40px !important;} #bizapp-brand, #bizapp-app, #bizapp-about{padding: 40px 0; background: #fff;} #fake_loading .spinner8{width: 100%; text-align: center;} .navbar-brand.logo{margin-top:-10px;} #fake_loading .register-loading{background: url(/icsc_bizapps/static/src/css/../img/loading.gif); height: 80px; width: 80px; max-width: 500px; background-size: 100% 100%; margin: auto;} .progress-bar-striped{animation: progress-bar-stripes 1s linear infinite;} #fake_loading .spinner8 .img-register-loading{background: url(/icsc_bizapps/static/src/css/../img/register-loading.png); width: 30vmax; height: 14vmax; display: inline-block; background-size: 100% 100%;} #bizapp-content, #bizapp-slide-two{padding: 40px 0;} .caption-content h3{font-size: 14px; font-weight: bold; color: #000;} .text-header{padding: 20px 0px;} .text-header h3{margin: 0; padding: 10px 0; color: #2780DA; font-weight: bold; font-size: 16px; text-transform: uppercase;} .text-header h3 span{margin-left: 20px; color: #000;} .btn-more{padding-top: 10px;} .btn-more a{padding: 6px 20px; float: left; color: #000; border-radius: 40px;} .btn-more a:hover{color: #fff; background: #2885e0;} .bizapp-about{background: url(/icsc_bizapps/static/src/css/../img/about.png) no-repeat center;} .imgs{width: 50px;} .star{color: #c80016;} .text-bizapp-app{padding-bottom: 20px; margin-left: 40px;} #bizapp-parallax{min-height: 300px;} #bizapp-parallax{background: url(/icsc_bizapps/static/src/css/../img/bg-reg.jpg) no-repeat; background-position: 50% 23px; background-size: cover !important;} #bizapp-parallax.slide{height: 300px !important;} #bizapp-parallax .slide-text-item h2{color: #fff; margin: 0;} #bizapp-parallax .slide-text-item h2{font-size: 17px; margin-bottom: 15px;} .bizapp-form{width: 75%; border-radius: 5px; margin: 0 auto; padding-bottom: 5px; background: rgba(39, 41, 45, 0.28);} #bizapp-form-reg{width: 80%;} #bizapp-form-btn{padding: 6px 50px;} .footer .col-left ul li{padding-right: 10px !important; border-right: 1px solid #0c697b;} .footer ul li:last-child{border: none;} @media(min-width: 1200px){div.navbar-static-top .navbar-nav.left-menu > li{margin-left:10px; margin-right:10px;}} @media(max-width: 992px){.container-register-service .login_img{display: none;}} .container-register-service{max-width: 1280px; margin: auto; margin-top: 30px; padding: 15px;} .bizapps-register-service input{color: #353535;} .bizapps-register-service input#system, .bizapps-register-service input#link-system{background: #edf4fb; cursor: not-allowed; border-color: rgb(165, 192, 234);} .bizapps-register-service input::placeholder{font-size: 12px;} .bizapps-register-service input#system:focus, .bizapps-register-service input#link-system:focus{box-shadow: none;} .login_right .form-control{box-shadow: none;} .login_right .form-control:focus{box-shadow: inset 0px 0px 0px rgba(0,0,0,.075), 0 0 1px 1px rgb(45, 125, 255);} .bizapps-register-service{margin-bottom: 100px; padding: 0;} .bizapps-register-service .login_img img{width: 100%;} .bizapps-register-service .login_right{width: 100%; border-radius: 5px; float: right; height: auto; padding-bottom: 0; background: #FFFFFF; padding-top: 0;} .bizapps-register-service .login_right .register-frm{margin-top: 40px;} .bizapps-register-service .login_right .form-group{margin-bottom: 15px;} .bizapps-register-service .agree-checkbox{} .bizapps-register-service .text-info{color: #0060b7; margin-top: 5px; font-size: 12px;} .bizapps-register-service .text-link{color: #2e80ff; font-weight: 600;} .bizapps-register-service .login_right #input_demo{margin-right: 5px; float: left;} .bizapps-register-service .login_right label{font-size: 15px; width: auto;} .bizapps-register-service .login_right .btn-register-service{border-radius: 5px; font-size: 15px;} .bizapps-register-service .btn-register-service:hover{background-color: #2f82ff;} #bizapp-login{width:100%;} #bizapp-login .login_img{width:100%;} #bizapp-login .login_right, .sign-up-page .login_right{width: 100%; border-radius: 5px; float: right; height: auto; padding-bottom: 0; background: #FFFFFF;} .login{} #bizapp-login .login_right h3, .sign-up-page .login_right h3{margin-bottom: 20px; font-size:27px; color: #2c85dd; font-weight: bold; padding-left: 15px; padding-top: 0px; margin-bottom:0px;} .login_right button{width: 100%;} .login_right input::placeholder{font-style: normal !important;} .btn-social-network .btn-custom{border-radius: 8px !important; height: 50px !important;} .btn-social-network .btn-custom img{padding: 6px 10px 6px 0;} .btn-social-network .btn-custom .btn-name{font-size: 15px; font-weight: 400; line-height: 28px;} .btn-social-network a.fa{color: white; height: 35px; background: #0785dd; border-radius: 3px; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .btn-social-network a.fa::before{display: none;} .btn-social-network a.fa-google-plus-square{background: #FF928E;} .btn-social-network a.fa-facebook-square{background: #45A1FF;} .form-signup input::placeholder{font-style: italic;} .btn-submit-register{font-size: 17px !important; height: 50px!important; font-weight: 600 !important; line-height: 28px !important; margin-bottom: 75px; border:0; width:100%; background:#33415C !important; border-radius: 8px !important;} .btn-submit-register.signup-active{background:#2980D9 !important;} .sign-up-page{height: inherit;} .btn-login-system{margin-top:0; margin-bottom:0!important; background: #297fdd; height: 45px; border:0 ; font-weight: bold;} .btn-login-system:hover{border: 0; background: #1c64ad!important;} #bizapp-login .login_right form.login ul{float: left; padding-top: 14px; padding-left: 20px; font-family:Roboto Light; font-size:12px; color:#4d4d4d;} #bizapp-login .login_right form.login ul li a{border-left:2px solid #2984E0; padding-left:10px; color:#4d4d4d;} #bizapp-login .login_right .lienhe h3{position:absolute; top:0px; left:68px; background:none; font-family:Roboto Regular; font-size:13px;} #bizapp-login .login_right .text{text-align: center; margin-top: 15px; font-style: italic;} #bizapp-login .login_right .text p{background:none; font-size: 15px; color: #2b2b2b; line-height:12px; height:auto;} @media(min-width: 992px){.flex-col-login-signup{display: flex; align-items: flex-end;}} .btn-social-network a.fa{margin-top: 0; width: 100%; height: 45px; padding: 12px 6px 11px 6px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; display: flex; align-items: center;} .btn-social-network a.fa i{font-size: 38px; margin-right: 10px;} .btn-social-network ul{padding: 0 !important;} .btn-social-network ul li{list-style: none;} .btn-social-network ul li{border-radius: 2px; margin-bottom: 10px;} .btn-social-network ul li a{color: #ffffff;} .btn-social-network .btn{padding: 0 12px !important;} .btn-social-network ul li i{width: 23px; padding: 10px 20px 10px 10px; color: #ffffff; border-right: 1px solid #000;} .facebook{background: #36609c;} .twitter{background: #2aa6dd;} .google{background: #d85442;} .btn-res button{width: 100%;} .info-pack{padding: 0px 35px;} .thead{background: url(/icsc_bizapps/static/src/css/../img/backnav.png) no-repeat;} .img-bank img{padding: 15px; border: 1px solid #ccc;} .img-bank{margin-bottom: 20px; padding-right: 5px;} .img-bank a img:hover{border: 1px solid #2986e2;} .img-bank a img:focus{border: 1px solid #2986e2;} .info-data .btn-more a{border: 1px solid #2986e2; padding: 10px 70px; font-weight: bold;} #bizapp-product{} #bizapp-product h3{color: #2986e2;} .bizapp-category ul.info-pay{margin: 0 !important; padding: 0 !important;} .bizapp-category ul li{list-style-type: none; padding: 10px 0; border-bottom: 1px solid #ccc;} .bizapp-category ul li a{padding-left: 8px;} .bizapp-category ul li .fa{font-size: 5px; position: absolute; padding-top: 7px;} .bizapp-product-list .pull-right h3{background: #2986e2; padding: 12px 20px; color: #fff !important; border-radius: 5px;} .bizapp-product-list .list-app div{margin-bottom: 30px;} .bizapp-btn{margin-top: 10px; margin-bottom: 8px; padding: 0;} .bizapp-btn a{float: none;} .list-service .imgs{width: 100px;} .list-service table tr td:nth:child(2n){} table tr td[data-rel='$']{padding-top: 40px !important;} .bizapp-upload-app{border: 1px solid #ccc; width: 80%; margin-left: 30px; padding: 2px 0;} .input-full{width: 76%;} .input-width-custom{width: 60%;} .lable{width: 160px; background: #d8d8d8; padding: 8px 2px 8px 14px; margin-right: 5px; border-bottom: 1px solid #ffffff;} .bizapp-upload-app .border{width: 100%; border-bottom: 1px solid #d4d4d4; margin-bottom: 3px; padding: 0;} .borderCustom{margin-top: 3px;} #bizapp-upload-app .panel{border: none;} #bizapp-upload-app .panel-heading{background: #2986e2;} #bizapp-upload-app .panel-heading .panel-title a{color: #ffffff;} #bizapp-upload-app .panel-heading a:after{font-family:'Glyphicons Halflings'; content:"\e082"; margin-right: 10px; float: left; color: #ffffff;} #bizapp-upload-app .panel-heading a.collapsed:after{content:"\e081";} #bizapp-upload-app a.btn{width: 100%;} .bizapp-cat-price{padding: 0 10px; border: 1px solid #ccc; border-top: 9px solid #2986e2; border-radius: 3px;} .bizapp-cat-price h3{margin: 0; margin-top: 12px;} .bizapp-cat-price .bizapp-category ul li{text-indent: 5px;} .bizapp-cat-price .bizapp-category ul li span{text-align: right; float: right;} .bizapp-cat-price .bizapp-category ul li span i{margin-right: 10px;} .bizapp-cat-price .bizapp-category ul li:last-child{border-bottom: none;} @media(max-width: 768px){.pricelists-bizapps .service-btn{text-align: center;}} .btn-service-group{padding-top: 40px!important;} .btn-service{white-space: pre; background: transparent; border-radius: 30px; border-color: #3880db; color: #3880db; padding: 10px; border: 2px solid; font-weight: bold; min-width: 280px; margin-bottom: 10px; white-space: pre; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .btn-service.active, .btn-service:hover, .btn-service:focus, .btn-service.focus{color: #fff; background: #3880db;} .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{background: #3880db; border-color: #3880db; color: #fff;} .bizapp-field{margin-bottom: 26px; border-radius: 5px;} .bizapp-field .thumbnail{padding: 0;} .bizapp-field .thumbnail .caption{background: #f0f0f0;} .bizapp-field img{display: block; text-align: center; width: 100%;} .thumbnail:hover{border-color: #298eea ;} .thumbnail .caption.blue{padding: 20px 0;} .thumbnail:hover .caption.blue{background: #298eea ;} .thumbnail:hover .caption.blue h4{color: #ffffff;} .thumbnail .caption.blue h4 i{font-size: 25px; font-style: inherit;} .app .bizapp-field .thumbnail .caption{text-align: center;} .blog-head{border-bottom: 1px solid #ccc;} .blog-head p{font-size: 16px; margin-bottom: 2px} .blog-head p span{color: #298eea;} .blog-head p span.glyphicon{color: #000; font-size: 12px;} #bizapp-blog .btn-more a{float: none; background: #298eea; color: #ffffff; font-weight: bold;} .bizapp-blog .well{padding-bottom: 13px; border: none; margin: 0; background: #f3f8fc;} .bizapp-blog .well:nth-child(2n+1){background-color: #ffffff;} .bizapp-blog h4{color: #000; font-weight: bold; margin-bottom: 12px;} .bizapp-blog .media-body{padding-left: 12px !important;} .bizapp-blog .media-body i{color: #298eea;} .count-comment{float: left;} .count-comment{float: left; line-height: 15px; padding: 0px 20px; border: 1px solid #298eea;} .well:hover .count-comment, .well:hover .count-comment p{background: url(/icsc_bizapps/static/src/css/../img/one.png) no-repeat; background-size: cover; border: none; color: #ffffff;} .count-comment p{color: #298eea; font-size: 16px; font-weight: bold;} .count-comment span.glyphicon.glyphicon-triangle-top{color: #000; font-size: 10px; left: 3px;} .count-comment span.glyphicon.glyphicon-triangle-bottom{color: #000; font-size: 10px; left: 3px;} .count-comment p{text-align: center; text-indent: 3px;} .bizapp-blog .well.detail-blog{background: #ffffff;} #bizapp-footer{color: #fff; width: 100%; float: left;} #bizapp-footer h4, #bizapp-footer h2{font-size: 14px; min-height: 27px;} #bizapp-footer li:not(.e-heading){list-style: disc; color: #5391fd; margin: 10px 0;} #bizapp-footer .l_top ul{padding-left: 15px; margin-top: 40px; margin-left: 5px;} .bg_footer{background: url(/icsc_bizapps/static/src/img/footer.png) no-repeat; height: auto; background-size: 45%; background-position: right bottom; padding-bottom: 40px;} #inquiry_form_id .contact-title{color: #999; margin-bottom: 20px;} #inquiry_form_id .form-group{margin-bottom: 10px;} #bizapp-footer .bg_footer li{list-style: none; margin: 5px 0; float: left; width: 100%;} #bizapp-footer .bg_footer li.e-heading{margin: 0; margin-bottom: 20px;} .info-line-left{float: left; width: 25px;} .info-line-right{float: right; width: calc(100% - 25px);} #bizapp-footer .li-block{min-height: 130px; margin-bottom: 25px;} .b-social > li{float: left;} .b-social > li.fb a{background-position: -2px -39px;} .b-social > li + li{margin-left: 12px;} .b-social > li.tw a{background-position: -2px -76px;} .b-social > li.in a{background-position: -2px -224px;} .b-social > li.gp a{background-position: -2px -187px;} .b-social > li.yt a{background-position: -2px -256px;} .b-social > li a{border-radius: 50%; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-property: border-color, background-image; -moz-transition-property: border-color, background-image; -webkit-transition-property: border-color, background-image; transition-property: border-color, background-image; display: block; background: url(/icsc_bizapps/static/src/img/social-normal.png) 0 0 no-repeat; width: 33px; height: 33px; overflow: hidden; text-indent: -9999px; border: 2px solid #839199;} .b-social > li a:hover{border-color: #c8ccce; background-image: url(/icsc_bizapps/static/src/img/social-hover.png);} .e-heading{color: #fff; display: inline-block; padding: 0 0 2px; font-weight:bold; text-transform: uppercase; margin-bottom: 15px; margin-left: -15px;} .btn-primary{color: white; background-color: #0785dd !important; border-color: #0785dd !important;} .btn-social-login{margin-bottom: 10px;} .oe_social_share_call{margin-bottom: 10px;} #footer-bottom{background: #191828; padding: 20px 0px 20px 0px; margin-top:20px;} #footer-bottom ul li , #footer-bottom ul li a{color: #2c85dd!important;} .inquiry_form input, .inquiry_form button{background: #120f1d;} .inquiry_form input:not(.has-error), .inquiry_form button{border: 0;} #newsletter{background: #5993ff url(/icsc_bizapps/static/src/img/newletter.png) 0 0 no-repeat; background-position: center; background-size: cover; width: 100%; float: left; height: 0; padding-top: 35px; padding-bottom: calc(100% /6 + 50px);} #self-host{background: url(/icsc_bizapps/static/src/img/selfhost.png) 0 0 no-repeat; background-position: center; width: 100%; float: left; height: 25vmax; background-size: 100% 100%;} .feature{background: #5993ff url(/icsc_bizapps/static/src/img/backgroud_feature.png) 0 0 no-repeat; background-position: center; height: 0; width: 100%; float: left; background-size: 100% calc(100% - 30px); background-position: top center; padding-bottom: calc(100% / (1*3)); padding-top: 30px;} .slide_home .title-banner{color: white; margin: 0; font-weight: bold;} .slide_home .sub-title-banner{font-size: 20px; color: white; font-weight: 100; margin-top: 15px; margin-bottom: 45px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .bizapps-title{font-size: 36px; text-align: center; margin-top: 100px; margin-bottom: 50px; font-weight: 400;} .main_description{margin-bottom: 30px; color: #313030; width: auto;} #product_full_description{background: white; padding: 20px;} .main_description #product_description_sale{max-width: 900px; margin: auto;} .sub_cat{border-left: 2px #555 solid; padding-left: 20px; margin-bottom: 20px;} .icsc_snippet_header{margin-top:10px;} .FAQs-block{border-radius: 3px; border: solid 1px #ccc;} .FAQs-block .heading{background: #F5F5F5FF; padding: 10px 15px;} .FAQs-block .body-faq{padding: 10px;} .navbar-static-top.header-static{transition: 0.5s;} @media(min-width: 1200px){.navbar-static-top.header-static{background: transparent; padding: 20px 0;}div.navbar-static-top.header-static .navbar-nav > li > a:focus, div.navbar-static-top.header-static .navbar-nav > li > a:hover{color: #fff;}.navbar-static-top.header-static .navbar-nav > li > a{color: #3e3c3c;}div.navbar-static-top.header-static .navbar-nav > li > a{color: #fff; background: transparent;}div.navbar-static-top.header-static .navbar-nav > li{color: white;}div.navbar-static-top .navbar-nav > li{color: black;}div.navbar-static-top #top_menu > li{margin: 0 10px;}div.navbar-static-top #top_menu .dropdown > .dropdown-toggle{padding-left: 10px; padding-right: 10px;}.header-static:not(.ondown) .dropdown.open .parent-menu-dropdown, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:focus, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:active, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; color: #7b7979; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 3px solid transparent; border-top-right-radius: 5px; border-top-left-radius: 5px;}.left-menu .dropdown-menu-custom{border-top-left-radius: 5px!important; border-top: 0; border-right: 0;}.menu-right-account .dropdown-menu{border-top-left-radius: 5px!important;}.left-menu .dropdown-menu-custom{min-width: 170px; max-width: 235px;}} .navbar-static-top:not(.header-static){box-shadow: 0px 0px 7px 0px #0000001f; background: #fff;} .navbar-static-top{position: fixed; width: 100%; border: 0;} .navbar-static-top.header-static .logo-bizapps, .navbar-static-top.header-static .logo-bizapps-white{width:auto; max-height: unset; margin: 0;} .navbar-static-top.header-static .logo-bizapps{display: none;} .navbar-static-top.header-static .logo-bizapps-white{display: block;} .navbar-static-top.header-static.ondown .logo-bizapps{display: block;} .navbar-static-top.header-static.ondown .logo-bizapps-white{display: none;} .navbar-static-top.header-static .icon-notact{display: none;} .navbar-static-top.header-static .icon-act{display: inline-block;} .navbar-static-top.header-static.ondown .icon-notact{display: inline-block;} .navbar-static-top.header-static.ondown .icon-act{display: none;} .navbar-static-top.ondown{padding: 0; background: white; box-shadow: 0px 0px 7px 0px #0000001f;} .navbar-static-top .navbar-header{margin-left: 0!important; margin-right: 0!important; padding: 10px 0;} .navbar-static-top.header-static .navbar-nav > li > a{} .navbar-static-top .navbar-nav > li > a{font-size: 13px; padding: 23px 0px; color: #565555; font-weight: 400; border: 1px solid transparent; border-top: 3px solid transparent;} div.navbar-static-top.ondown.header-static .navbar-nav > li, div.navbar-static-top.ondown.header-static .navbar-nav > li > a{color: #3e3c3c; font-weight: 400;} div.navbar-static-top.ondown .navbar-nav > li > a:focus, div.navbar-static-top.ondown .navbar-nav > li > a:hover{color: #333333; background-color: transparent; font-weight: 600;} div.navbar-static-top .navbar-nav > li > a:focus, div.navbar-static-top .navbar-nav > li > a:hover{font-weight: 600;} div.navbar.navbar-default.header-static ul.navbar-nav > li > a:before{background: white;} div.navbar.navbar-default.ondown ul.navbar-nav > li > a:before{background: #0785dd;;} .navbar-static-top .left-menu{float: left; display: flex; align-items: center; justify-content: center; float: none; display: inline-block; margin-left: 65px;} .navbar-static-top .navbar-top-collapse{text-align: center; border: none; box-shadow: none;} .header-static.ontop .navbar-toggle .icon-bar, .header-static .navbar-toggle .icon-bar{background-color:white;} .header-static.ondown .navbar-toggle .icon-bar{background-color: #888;} #wrapwrap header{margin-bottom: 0; display: block; height: 0; min-height: 0;} @media(min-width: 530px){#product_detail .nav-search{position: static; width: 100%; z-index: 999; padding: 10px 0; background: white; box-shadow: 0px 1px 7px #ccc;}.product-detail-fix{padding-top: 25px;}} #product_detail .nav-search{position: static; width: 100%; z-index: 999; padding: 10px 0; background: white; box-shadow: 0px 1px 7px #ccc;} .product-detail-fix{padding-top: 25px;} .btn.btn-default.dropdown-toggle{height: 34px; margin-right: 10px;} #product_detail{background: #F4F4F4FF;} .bizapp-blog .well.detail-blog .count-comment,.bizapp-blog .well.detail-blog .count-comment p{background: url(/icsc_bizapps/static/src/css/../img/one.png) no-repeat; background-size: cover; border: none; color: #ffffff;} .bizapp-blog .btn-cus{background: #298eea; color: #fff; margin-right: 10px; padding: 6px 14px;} .form-comment i{color: #000 !important;} .btn-comment{margin-top: 10px; padding: 7px 20px;} .bizapp-blog .well.reply{background: #f3f8fc; margin-bottom: 20px;} .btn-submit button{width: 100%; background: none; color: #000; border: 1px dashed #ccc;} .btn-submit button:hover{background: #298eea;} .bizapp-blog .panel-heading{background: url(/icsc_bizapps/static/src/css/../img/ttgc-35.png) no-repeat; height: 80px; font-size: 25px; color: #FFFFFF; padding-left: 20px; border-color:#ffffff !important;} .panel-article{border-color: #ccc;} .panel-article .panel-body{padding-top: 0;} #testimonials .well{background: #ffffff; border:1px solid #298eea; border-radius: 10px;} #testimonials .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 75px;} .info-data .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 90px;} #bizapp-content .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 151px; background-size: 340px 35px;} #bizapp-app .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 76px; background-size: 300px 35px;} #bizapp-slide-two .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 15px; background-size: 255px 35px;} #bizapp-about .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 148px; background-size: 300px 35px;} #testimonials .testimonials-item span{text-align: right;} #testimonials .testimonials-item .testimonials-number{border: 1px solid #298eea; border-radius: 65%; padding: 0 5px; background: #298eea; color: #ffffff;} #testimonials .testimonials-item .testimonials-question{text-align: right; float: right;} .ui-helper-hidden-accessible{position: inherit !important;} .fa-4{font-size: 22px;} .bizapp-form-search{background: #eaeaea; padding: 13px; border-radius: 10px; text-align: right;} .bizapp-form-search input.form-control{height: 50px;} .bizapp-form-search .btn-primary{color: #fff; background-color: #298eea; border-color: #298eea; padding: 6px 39px;} .btn-primary:hover{color: #fff; background-color: #2480d4; border-color: #298eea;} .bizapp-btn-question a{width: 100%; padding: 13px 0 10px 0;} ul.ui-autocomplete{z-index: 20002 !important;} .icsc_snippet_sector .list-items .items{min-height: 400px;} .icsc_snippet_sector .caption-content h3{min-height: 30px;} .icsc_snippet_sector .caption-content p{min-height: 80px;} .section-register .link-website-register > a{color: #333; text-decoration: underline;} .list-items .items-cn{margin-bottom: 10px; overflow: hidden; padding-left: 5px; padding-right: 5px;} .list-items .items-cn > a:hover .app-quanly-conten{visibility: visible; opacity: 1;} .list-items .items-cn .app-lable{background-color: #e9e9e9; float: left; width: 100%; height: 70px;} .list-items .items-cn .app-lable-left{float: left; width: 100%; position: relative; top: 50%; transform: translateY(-50%); padding-left: 10px; text-align: left; padding-right: 10px; margin-top: 5px;} .app-lable-left h4{line-height: 20px; font-size: 16px; font-weight: 400; color: #3e4763; margin: 0 ;} .app-lable-right{float: right; width: 25%; position: relative; top: 50%; transform: translateY(-50%);} .app-catelory h3.title-categ-default{font-size: 24px; text-transform: capitalize; color: #3e4763;} .app-catelory{margin-top: 30px; margin-left: -5px; margin-right: -5px; border-radius: 5px; overflow: hidden;} .nav-search{padding-bottom: 20px; padding-top: 20px; background-color: #F3F3F3;} .nav-search ul > li{float: left; padding: 0px 15px; cursor: pointer; position: relative;} .nav-search ul li:not(:last-of-type):after{content: "|"; position: absolute; top: 7px; right: 0;} .nav-search ul > li > a{color: #333; line-height: 35px; padding: 0; font-size: 13px; text-transform: uppercase; font-weight: 500; text-decoration: none; font-size:12px;} .nav-search ul .active a{color: #3664ec; text-decoration: none; font-weight: 600;} .nav-search ul li a:hover{color: #066bc3; text-decoration: none;} .nav-search .right-nav-seach{padding: 0 15px;} .js_publish_management .js_publish_btn{border-top-left-radius: 5px!important; border-bottom-left-radius: 5px!important;} .box-caption h1{text-align: center; font-weight: 400; font-size: 64px; text-transform: uppercase;} .box-caption h2{text-align: center; font-weight: 400; font-size: 28px; text-transform: uppercase; line-height: 38px;} .nentang{width: 100%; float: left; background: #5f7fec; padding: 50px 0; margin-top: 50px;} @media(max-width: 992px){.nentang{}.nav-search .right-nav-seach{float: left!important;}} @media(max-width: 740px){.nav-search ul li:last-of-type:after{content: "|"; position: absolute; top: 7px; right: 0;}.nav-search #submit_link{background: transparent; background-color: transparent!important; border: 0; color: #333;}} @media(max-width: 1400px){.nentang-box-right img{max-width: 100%;}} .nentang-left, .nentang-right{margin-top: 20px;} .nentang-title{text-align: center; font-size: 36px; color: #ffffff; font-weight: 400;} .nentang-box-left{padding-top: 35px;} .nentang-box-left h5{color: #322f42; font-weight: 400; margin-bottom: 50px;} .nentang-box-left .box-left-content{font-size: 16px; color: #29546c; text-align: justify; line-height: 24px;} .nentang-sub-title{text-align: center; color: #ffffff; font-size: 15px;} .nentang-box-left p{color: #ffffff; font-size: 15px; text-align: justify;} .main-partner{padding-top: 50px; width: 100%; float: left;} .main-partner .partner-img{height: 350px; max-width: 930px; background-image: url(/icsc_bizapps/static/src/css/../img/home1-partner0.png); background-repeat: no-repeat; background-size: cover; position: relative; left: 50%; transform: translate(-50%); background-position: center bottom; background-size: 100%;} .main-partner-label h2{text-align: center; color: #383434; font-weight: 400; margin-top: 40px;} .main-partner-label h4{font-size: 14px; color: #aaa; line-height: 20px; width: 60%; min-width: 350px; margin: 10px auto; text-align: center;} .main-partner-content{width: 100%; float: left; margin-top: 30px;} .main-partner-label .all-partner{width: 200px; padding: 15px; background: linear-gradient(to right, #5993FFFF, #107DE4FF); border-radius: 5px; text-align: center; margin: 20px auto; cursor: pointer; content: "Tất cả khách hàng"; color: white; font-size: 18px;} .main-partner-label .all-partner:hover{background: linear-gradient(to right, #50B4F2FF, #228AE5FF);} .main-partner-content .partner-item{margin-bottom: 10px; position: relative; max-height: 100px; overflow: hidden; float: left; display: inline-flex; align-items: center; justify-content: center; border-top: 2px solid #ffffff; margin: 0; border-left: 0; flex-direction: column; flex-wrap: wrap;} @media (max-width: 992px){.main-partner-content .partner-item{width: 16.6%;}} @media (max-width: 540px){.main-partner-content .partner-item{max-height: 55px;}} .content-form-account .form-account-right .account-info{font-size: 25px; color: #5a5757; margin: 0; margin-bottom: 0px; font-weight: 400; text-transform: capitalize; padding: 20px 30px 0px; border-bottom: 2px solid #d9e3f3;} .content-form-account .form-account-right .account-info p{padding-bottom: 10px; border-bottom: 6px solid #2c7bf3; font-size: 20px; margin: 0; display: inline-block;} .content-form-account .form-account-right{width: 100%; border-radius: 5px; float: left; height: auto; padding-bottom: 30px; background: #FFFFFF; margin-bottom: 25px; position: relative; box-shadow: 0px 2px 14px 1px #ccc;} .content-form-account .form-account-right form{padding: 10px 30px;} .content-form-account .form-account-right form .form-control{height: 40px;} .form-account-right form .btn-primary{color: white; background-color: #2986e3; border-color: #2986e3; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;} #wrapwrap .breadcrumb{background: none; margin-top: 5px;} #wrap.oe_structure.oe_empty{padding-top: 75px;} h3.title-heading{width: 100%; float: left; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;} .form-account-right table.list-items tr:last-child td{border-bottom: 1px solid #dddddd;} .form-account-right a{color: #2986e3;} .content-form-account{margin-bottom: 40px; margin-top: -142px;} a.btn-addhelp-new{position: absolute; right: 20px; top: 10px; background: #2986e3; color: #fff; padding: 6px 20px; font-weight: bold; font-size: 14px; border: 1px solid #2986e3;} .form-account-right .list-items{width: 100%; float: left;} .list-items table tr th, .list-items table tr td{background: #f6f7fb; border: 2px solid white; text-align: center;} .menu-forum-header{background-color: #F3F3F3; padding-top: 20px; padding-bottom: 20px; margin-top: 52px;} .menu-forum-header .navbar-default{background: none; border: none; margin-bottom: 0;} .menu-forum-header .navbar-nav > li > a{padding: 5px 50px; border: 1px solid #ccc; border-radius: 20px;} .menu-forum-header .navbar.navbar-default ul.navbar-nav > li > a:hover:before, .menu-forum-header .navbar.navbar-default ul.navbar-nav > li.active > a:before{display: none;} .menu-forum-header ul.navbar-nav > li > a:hover, .menu-forum-header ul.navbar-nav > li.active > a{color: #2986e3; border: 1px solid #2986e3;} .menu-forum-header .navbar-left > li{margin-right: 10px; margin-bottom: 10px;} .menu-forum-header .navbar-brand{padding: 5px 50px; border: 1px solid #2986e3; border-radius: 20px; height: auto; background: #2986e3; color: #fff;} .menu-forum-header .navbar-brand span{color: #fff;} .menu-forum-header .navbar-brand:hover span{color: #333;} .menu-forum-header .navbar{min-height: inherit;} .menu-forum-header .navbar-default .navbar-form{margin-bottom: 0; margin-top: 0;} .menu-forum-header .navbar-right button.oe_search_button{background: #f8d543; border-color: #f8d543; padding-top: 7px; color: #fff;} .list-questions .question-item{border: 1px solid #2986e3; border-radius: 5px; padding: 10px;} .content-forums .list-questions{margin-top: 20px;} .list-questions a{color: #444; cursor: pointer;} .list-questions a:hover{color: #2986e3; text-decoration: none;} .content-forums h3.title-heading{margin-bottom: 5px;} .content-forums .note-header{color: #666;} .list-questions .question .question-name{font-size: 120%;} .list-questions .question-block .text-muted{color: #2986e3;} #register-frm .panel-default{border: 1px dashed #ccc;} #register-frm .panel-heading{background: none; border-bottom: 1px dashed #ccc; margin-top: 0; color: #0785dd;} #register-frm .panel-body a.link-website{width: 100%; float: left; color: #0785dd; margin-bottom: 10px; font-weight: bold;} #register-frm .panel-body .btn-primary{width: 100%} .sign-up-page .login_img{margin-top: 30px; height: 210px; position: relative;} .sign-up-page .login_img img{max-width: 100%; position: absolute; bottom: 0;} .login_box{margin-bottom: 0; margin-top: 0; height:inherit} .login_box .login_right h3{color: #297ede; font-weight: bold; margin-top: 19px;} .login_box .login_right .welcome-login{margin-bottom: 30px; font-size: 17px; font-weight: 400; color: #33415C;} .login_box #chk-save-pass{position: relative; top: 2px;} .login_right input[type="text"], .login_right input[type="email"], .login_right input[type="password"]{height: 50px; font-size: 17px;} .login_box .login_right input[readonly="readonly"]{background: #d4d6e4; height: 45px;} .login_right span.input-group-btn{height: 45px;} .login_right span.input-group-btn a{height: 100%; display: flex; align-items: center;} .login_right span.input-group-btn a i{margin-left: 5px;} .login_box .alert{float: left; width: 100%; margin: 0; margin-top: 20px;} a.btn-default{border-color: #cccccc;} .btn-success:hover{background: #1c64ad!important;} @media(min-width: 768px){.login_box .login_img{}.forgot_pass .login_box .login_img{}.sign-up-page .login_img{}} .login_box .login_img{position: relative;} .login_box .login_img img{max-width: 100%; bottom: 0; margin-bottom: 15px;} @media (max-width: 768px){.list-items .items{margin-bottom: 25px;}.items.btn-more a{padding: 6px 20px; float: left; width: 50%; color: #000; text-align: center; border-radius: 40px;}.btn-submit button{margin-bottom: 11px;}.login_right button{width: 100%; margin-top: 15px; float: left;}.text-bizapp-app{text-align: center;}ul.list-inline.text-bizapp-app{text-align: center;}} @media (max-width: 480px){.list-inline > li{display: block; margin-bottom: 12px;}.footer .col-left ul li{border: none;}} @media (min-width: 768px){.modal-dialog{width: 970px; margin: 90px auto;}} @media (max-width: 1200px){.navbar-toggle{display: block!important;}div.navbar-collapse.collapse{display: none!important;}div.navbar-collapse.collapse.in{display: block!important;}.navbar-nav > li{float: none;}.navbar-header{width: 100%;}#top_menu{width: 100%;}.divider{display: none!important;}.navbar-nav .open .dropdown-menu{position: static; float: none; width: auto; margin-top: 0; background: #f0f1f3; border: 0; box-shadow: none; padding: 2px 10px;}.navbar-nav .open .dropdown-menu a img{display: none;}.navbar-nav .open .dropdown-menu li a{text-align: left; width: 100%!important; padding: 10px; font-size: 14px; border-radius: 3px;}.left-menu .devide-menu-item{display: none;}div.navbar-static-top .navbar-nav.left-menu > li > a{text-align: left;}div.navbar-static-top .navbar-nav.left-menu > li > a{max-width: unset; width: 100%!important; border-right: 0!important; border-left: 0!important; padding: 7px; border-bottom: 1px solid #e0e0e040;}.menu-right-account .dropdown .dropdown-toggle{width: 100%!important;}} header{width: 100%; z-index: 120; border: 0; top: 0; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; min-height: 62px;} .menu-right-account a img{margin-bottom: 4px;} .menu-right-account{margin: 0;} .menu-right-account li a:not(.dropdown-toggle){width: 100px;} .menu-right-account .dropdown-menu{background: #F0F1F3; padding: 10px 15px; width: 200px;} .navbar-default .left-menu .dropdown.active .parent-menu-dropdown{} .navbar-default .left-menu .dropdown .parent-menu-dropdown{} .left-menu img{display: none; margin-right: 10px;} .dropdown-menu-custom img.ic_active{display: none;} .dropdown-menu-custom img.ic_notactive{display: inline-block;} .dropdown-menu-custom a:hover img.ic_active{display: inline-block;} .dropdown-menu-custom a:hover img.ic_notactive{display: none;} .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:focus, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:active, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; z-index: 9999; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid #f0f1f3; border-top: 3px solid #2980dc;} .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:focus, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:active, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; z-index: 9999; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid #f0f1f3; border-top: 3px solid #F0F1F3;} .navbar-top-collapse .left-menu > li > a{padding-left: 5px ; padding-right: 5px ;} .left-menu .dropdown-menu-custom{right: 0; left: unset; top: 100%; padding: 10px 15px; background: #F0F1F3;} .left-menu .dropdown-menu-custom > li > a{font-weight: 500; padding: 0px 20px; font-size: 13px; color: #7b7979;} .left-menu .dropdown-menu-custom > li > a:hover{background: none; color: #575656; font-weight: 600;} .js_usermenu img{margin-right: 10px;} .js_usermenu img.ic_active{display: none;} .js_usermenu img.ic_notactive{display: inline-block;} .js_usermenu a:hover img.ic_active{display: inline-block;} .js_usermenu a:hover img.ic_notactive{display: none;} .js_usermenu{top: 99%;} .menu-right-account .dropdown-toggle{border: 1px solid transparent; border-top: 3px solid transparent; border-bottom: solid 1px transparent;} .menu-right-account .dropdown.open .dropdown-toggle{z-index: 9999; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom: solid 1px #E6E6E6; border-top: 3px solid #2980dc;} .header-nothome .icon-act{display: none;} .navbar-static-top.navbar-default .navbar-nav > .active > a, .navbar-static-top.navbar-default .navbar-nav > .active > a:hover, .navbar-static-top.navbar-default .navbar-nav > .active > a:focus{color: #555; background-color: #f0f1f3;} #top_menu li > .dropdown-menu > li > a{padding: 10px 20px; font-size: 13px; font-weight: 400; text-align: left;} #top_menu li > .dropdown-menu > li > a:hover{background: unset; font-weight: 600;} .left-menu ul.dropdown-menu > li > a{padding: 10px 0px;} .left-menu ul.dropdown-menu > .active > a{background-color: #f0f1f3; color: #666666;} .navbar-top-collapse ul li.active a{position: relative;} ul#top_menu ul li.active a::after{background-color: #05547b; bottom: -1px; content: ""; height: 5px; left: 0; position: absolute; right: 0;} ul#top_menu .navbar-nav li a::before{background-color: #05547b; bottom: -1px; content: ""; height: 5px; left: 0; position: absolute; right: 0; transition: all 0.3s ease 0s; width: 0;} ul#top_menu .navbar-nav li a{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #000; display: block; font-size: 13px; font-weight: 400; line-height: 62px; padding: 0 15px; text-transform: uppercase;} ul#top_menu .navbar-nav li a:hover{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #05547b; text-decoration: none;} .navbar-header .logo{margin-top: -5px;} .uln ul, ol, ul{list-style: outside none none; margin: 0; padding: 0;} .items{min-height: 370px;} .items-cn{text-align: center;} .ml10{margin-left:10px;} .btn-default{background-color: #dcddde; color: #6B6D70; border-color: #888888; background-color: transparent;} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.ttf) format("truetype")} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.ttf) format("truetype"); font-style: italic} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.ttf) format("truetype"); font-weight: 700} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Baomoi-SemiBoldItalic_gdi.ttf) format("truetype"); font-weight: 700; font-style: italic} #pricing .pricing-table{display: table; margin-left: 0; margin-right: 0; width: 100%;} #pricing .pricing-col{display: table-column; float: left; min-height: 200px; text-align: center; width: 40%;} #pricing .pricing-col:not(.description){width: 60%;} @media screen and (min-width: 768px){#pricing .pricing-col{width: 23%;}#pricing .pricing-col:not(.description){width: 35%;}} @media screen and (min-width: 992px){#pricing .pricing-col{width: 20%;}#pricing .pricing-col:not(.description){width: 20%;}} #pricing .pricing-col .pricing-card{background: white none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06), -8px 8px 15px 0 rgba(120, 120, 120, 0.02), 3px 3px 30px 0 rgba(0, 0, 0, 0.02); margin: 0 10px 20px; padding-bottom: 20px; height:485px;} #pricing .pricing-col .pricing-row{font-size: 0.9em; font-weight: 400; margin: 10px -10px; padding: 10px; position: relative; z-index: 0;} #pricing .pricing-col .top{min-height: 210px; overflow: hidden;} #pricing .pricing-col .top .banner{background: rgba(0, 0, 0, 0) linear-gradient(180deg, #98a6b0 20%, #8b979f 80%) repeat scroll 0 0; color: white; padding: 10px; height: 60px; position: relative;} #pricing .pricing-col .top .banner > *{color: white;} #pricing .pricing-col .top .suitable{display: block; height: 40px; margin: 1em 0;} #pricing .pricing-col .top .suitable .small{font-size: 10px;} #pricing .pricing-col .top .o_pricing_offer_tooltip{bottom: auto; left: auto; position: absolute; right: 10px; top: auto;} #pricing .pricing-col .top .btn-container{font-size: 0.9em; padding: 0 15px;} #pricing .description .top .suitable{padding-right: 10px; padding-top: 115px; text-align: right;} #pricing .description .top .o_offer_description{min-height: 120px;} #pricing .description .pricing-row::before{background: rgba(249, 249, 249, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 450%; z-index: -1;} #pricing .o_odoo_editions .o_table_features thead th{color: #21313a; font-family: "Work Sans",sans-serif; font-size: 9px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 10px; margin-top: 10px; padding: 20px 0 15px; text-rendering: geometricprecision;} #pricing .o_odoo_editions .o_table_features thead th small, #pricing .o_odoo_editions .o_table_features thead th .small{color: #21313a; font-weight: normal; line-height: 1;} #pricing .o_odoo_editions .o_table_features thead th small, #pricing .o_odoo_editions .o_table_features thead th .small{font-size: 75%;} #pricing .o_odoo_editions .o_table_features thead th b, #pricing .o_odoo_editions .o_table_features thead th strong, #pricing .o_odoo_editions .o_table_features thead th a{font-weight: bold;} @media screen and (min-width: 768px){#pricing .o_odoo_editions .o_table_features thead th{font-size: 18px;}} #pricing .o_odoo_editions .o_table_features thead th, #pricing .o_odoo_editions .o_table_features tfoot td{border: medium none; text-align: center;} #pricing .o_odoo_editions .o_table_features tbody{background-color: white;} #pricing .o_odoo_editions .o_table_features tbody > tr > td{border: medium none; font-size: 9px; font-weight: bold; vertical-align: middle;} #pricing .o_odoo_editions .o_table_features tbody > tr > td:first-child{text-align: left;} @media screen and (min-width: 768px){#pricing .o_odoo_editions .o_table_features tbody > tr > td{font-size: 12px;}} #pricing .o_odoo_editions .o_table_features tbody > tr.active{border-top: 25px solid white;} #pricing .o_odoo_editions .o_table_features tbody > tr.active:first-child{border-top: 0 none;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td{color: #21313a; font-family: "Work Sans",sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 10px; margin-top: 10px; padding: 15px 0 11px 15px; text-rendering: geometricprecision;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td small, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td .small{color: #21313a; font-weight: normal; line-height: 1;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td small, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td .small{font-size: 75%;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td b, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td strong, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td a{font-weight: bold;} #pricing .o_tour div.media_iframe_video iframe{margin-left: 0;} .s_banner::before{background-image: url("/icsc_bizapps/static/src/img/src/banner_bg.png"); background-position: 0 100%; background-size: cover; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0;} .s_banner{min-height: 25vh; padding: 1em 0; color:#fff; position: relative; z-index: -1;} .o_gradient{background: rgba(0, 0, 0, 0) linear-gradient(150deg, #0d5f95 20%, #2b83e2 80%) repeat scroll 0 0;} .o_pic.o_pic_check{background-position: 47.5% 0 !important;} .o_pic{background-image: url("/icsc_bizapps/static/src/img/src/o_pic.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; display: inline-block; height: 1em; width: 1em;} .o_pic.o_pic_uncheck{background-position: 52.5% 0 !important;} .o_offset_top_medium > .container:first-child > .row:first-child, .o_offset_top_medium > .row:first-child{margin-top: -50px;} .btn-default{background-color: transparent; border-color: #888888; color: #6b6d70;} .navbar.navbar-default ul.navbar-nav > li.active > a:before, .navbar.navbar-default ul.navbar-nav > li > a:hover:before{bottom: 10px; opacity: 1;} .navbar.navbar-default ul.navbar-nav > li > a:before{display: none; position: absolute; bottom: 4px; left: 0px; content: ""; right: 0px; height: 3px; background: #0785dd; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .app-screenshots{margin: 0 0 15px 0; background: #f2f7fa; padding: 15px; font-size: 14px;} .inquiry_form button{background-color: #3cadea; color: #121629; font-weight: bold; text-transform: uppercase; padding: 0; color: white;} .inquiry_form button{background-color: #121629; width: 100%; border-radius: 5px; border: none; line-height: 35px;} .height-auto{height: auto;} .app-img{height: 125px; overflow: hidden;} @media(max-width: 768px){.app-img{min-height: 85px; overflow: hidden;}} @media(max-width: 1200px){.app-img{height: 100px;}} @media(max-width: 768px) and (min-width: 400px){.list-items-product .items-cn{width: 50%; float: left;}} .app-img .img-responsive-small{width: 100%; height: 100%;} .partner-item img{width: 100%; max-width: 190px; max-height: 90px;} .partner-item{height:92px; margin-top: 20px;} .container-plus .app-block{margin: 50px 0;} .app-lable-left h6{font-size: 15px; color: #51bded; margin: 7px; margin-left: 28px; font-weight: 400;} .app-lable-left a img{float: left;} .bg_footer hr{margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #999;} .bg_footer i.fa{font-size: 20px; margin-right: 10px; width: 14px;} .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: none;} .navbar-static-top{background:none;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle{border-color: transparent; background: transparent;} .color-red{color: red; padding-left: 4px;} .navbar.navbar-default ul.navbar-nav > li.active > a:before, .navbar.navbar-default ul.navbar-nav > li > a:hover:before{width: 100%; left: 0; bottom: -3px;} #wrap.oe_structure.oe_empty{padding-top:0;} .panel-default > .panel-heading{color: #666666; background-color: #ffffff; border-color: #dddddd; border: none; box-shadow:1px 1px 5px 1px #00000014; border-radius: 1px;} .faq-content .faq-block .question{width: 100px; color: #546479;} .faq-content .faq-block .question-content{width: calc(100% - 120px); float: left; margin: 0; color: #546479; font-weight: 400; font-size: 14px; line-height: 20px;} .faq-active .panel-heading, .faq-active .panel-collapse{background: #2c85dd; color: white;} .faq-content .faq-block.faq-active .question, .faq-content .faq-block.faq-active .question-content{color: white;} .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #9ab7d34a; padding: 5px 15px 20px 30px; font-size: 13px; line-height: 25px; text-align: justify;} .faq-content .faq-block.faq-active .panel-body a{color: #122f85; text-decoration: underline;} .product_detail .breadcrumb{padding-left: 0; font-size: 12px;} .breadcrumb{margin-bottom: 11px;} .breadcrumb > li + li:before{content: ">>"; padding: 0 5px; color: #cccccc;} .website_blog{padding-top: 100px;} #bizapp-footer .l_top .bg_footer ul{margin: 0; padding: 0; margin-top: 40px;} .b-clouds{position: absolute; left: 0; width: 100%; height: 335px; overflow: hidden;} .navbar{min-height: 30px;} @media(min-width: 1300px){.container{width: 1170px;}} @media(max-width: 1200px){.navbar-static-top .left-menu{width: 100%; float: right; display: block; position: relative; background: white; padding: 10px; padding-bottom: 0; padding-top: 0;}.navbar-nav{margin: 0;}ul#top_menu{background: white; padding-top: 10px; width: 100%; position: relative; margin: 0; text-align: right; display: block; float: right; left: 0; top: 0; text-align: right; transform: none; padding: 10px; padding-top: 0;}.nav.navbar-nav.navbar-right{text-align: right; display: inline-block;}.navbar-collapse.navbar-top-collapse{text-align: right; padding: 10px; float: right; width: calc(100% + 0px); max-width: calc(100% + 30px); border-radius: 5px; padding: 0 15px; padding-bottom: 15px; padding: 0!important; border-radius: 0; box-shadow: 0px 3px 7px 0px #00000096;}.banner2 p{color: white; font-size: 14px;}.navbar-static-top .navbar-nav > li > a{font-size: 14px; padding-bottom: 7px; padding-top: 7px; text-align: left; width: 100%; padding: 10px;}.navbar-static-top .navbar-nav > li > a img{display: none!important;}.navbar-nav .open .dropdown-menu{text-align: right;}} @media(max-width: 992px){.banner2 p{font-size: 14px;}} @media(max-width: 768px){.navbar-static-top .navbar-top-collapse{text-align: right;}} .box-link-signup{float: right; padding-top: 5px;} .box-link-pass{float: left;} .box-link-pass,.box-link-signup{font-size: 13px;} @media(max-width: 480px){.main-partner .partner-img{height: 190px;}.main-partner-label h4{color: #949393; line-height: 20px; width: calc(100% - 30px); margin: 10px auto; text-align: center; font-weight: 400;}.box-link-signup{float:left;}} .login_right .btn{border-radius: 4px;} .login_right .field-db .btn{background-color: #a09e9e;} .form-signup .form-group,.login_right .form-group{margin-bottom: 0;} .login_right .btn-login-system{margin-top: 20px; color: #ffffff;} .oe_login_buttons{margin-top: 30px; color: #fff;} .mainbox .control-label, .sign-up-page .control-label{margin-top: 25px; margin-bottom: 5px;} .modal-dialog.forgot_pass{height: auto; min-height: 100vh; width: 100%; position: relative; margin: 0; float: left;} .forgot_pass .box-link-pass{float: left; width: 100%; text-align: right; margin-top: 20px;} #model-popup-forgot-pass{padding: 0 !important;} .forgot_pass .login_right{margin-top: 100px;} .reset_password div.pull-right{width: 100%; margin-top: 80px; margin-bottom: -130px;} .reset_password div.pull-right div{width: 50%; float: left; padding: 0 0 0 15px;} .reset_password div.pull-right div a{color: white; background: #E3413FFF; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 0; width: 100%; height: 45px; padding: 12px 0;} .reset_password div.pull-right div:first-child{padding: 0 15px 0 0;} .reset_password div.pull-right div:first-child a{background: #0785dd;} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: none;} .oe_reset_password_form label.control-label{margin-top: 15px; margin-bottom: 15px;} .forgot_pass.reset_password .login_right{margin-top: 0px;} .app-screenshots #o-carousel-product .carousel-indicators{padding-top: 10px;} .app-screenshots #o-carousel-product .carousel-indicators li{width: 74px !important; height: 74px !important;} .forum_intro{margin-top: 50px;} @media screen and (max-width: 992px){.reset_password div.pull-right div{width: 100%; padding: 0 !important; margin-top: 10px;}.reset_password div.pull-right{margin-top: 90px; margin-bottom: -180px;}} #wrap.oe_structure.oe_empty{padding-top: 50px !important;} .preloader-wrap{height: 100%;} .loader, .percentage{height: 15px; max-width: 500px; border-radius: 20px; position: relative; margin: auto; margin-bottom: 45px; float: left; width: 100%;} .percentage{z-index: 100; text-align: center; color: #000000; line-height: 20px; font-size: 14px; background: none; font-weight: bold;} .loader:after, .percentage:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .trackbar{width: calc(100% - 90px); height: 100%; border-radius: 20px; color: #fff; text-align: center; line-height: 30px; overflow: hidden; position: relative; opacity: 1; float: left; background: #eff2f4;} .display_percent{float: left; width: 45px; color: #3880dc; font-size: 15px; text-align: left;} .loadbar{width: 0%; height: 100%; background: #0080d7; position: absolute; top: 0; left: 0; animation: flicker 5s infinite; overflow: hidden;} .glow{width: 0%; height: 0%; border-radius: 20px; position: absolute; bottom: -5px; animation: animation 5s infinite;} @keyframes animation{10%{opacity: 0.9;}30%{opacity: 0.86;}60%{opacity: 0.8;}80%{opacity: 0.75;}} .box_center{position: relative; left: 50%; transform: translate(-50%);} .box_logo,.note{float: left; width: 100%;} .box_logo img{margin-top: 150px; margin-bottom: 50px;} .box_logo p{margin-bottom: 65px;} .preloader-wrap p{text-align: center; font-size: 19px; font-family: 'Inter', sans-serif !important;} .preloader-wrap .box_center{transform: translate(-50%) !important;} .note{margin-bottom: 100px;} .note img{margin-bottom: 35px;} @media screen and (max-width: 486px){.box_logo img{margin-top: 80px; margin-bottom: 30px;}.box_logo p{margin-bottom: 35px;}} .loading_rotate{float: left; width: 45px; text-align: center; padding-left: 5px;} .loading_rotate img{width: 30px; position: relative; top: -7px;} .container.mt16.website_forum{margin-top: 80px !important;} .website_forum .navbar-default .navbar-collapse{border: none;} .post_to_validate .question-block img{max-width: 100%;} .post_to_validate .question-block .post_content{overflow: hidden;} .post_to_validate .question-block .post_content img{max-width: 100%;} #product_detail .tab-product{display:none;} #product_detail .title-tab-product{display: none;} #product_detail .tab-product .company-overview{background: white; text-align: center;} .company-overview .s_image_text{display: inline-block;} .company-overview .top-title{font-weight: 300; margin-bottom: 40px;} .company-overview .sub-title{font-size: 17px; color: #3c3a3a;} .company-overview .btn-contact-product-detail{padding: 6px 50px; color: white; background: linear-gradient(to right, #53a7ea, #2261c1); display: inline-block; border: 0; margin: 30px 0;} .company-overview .title-customer{font-weight: 300; color: #484848; font-size: 20px; margin-bottom: 20px;} .company-overview .wrap-content{max-width: 850px; margin: auto;} .company-overview .top-customer{height: 90px; display: flex; margin-bottom: 30px;} .company-overview .logo-item{width: 12.5%; cursor: pointer; float: left; border: 2px solid #f4f4f4; background: white; max-height: 90px; border-right: 0;} .company-overview .logo-item img{max-width: 100%; height: 100%; margin: auto;} .company-overview .logo-item:hover{border: 1px solid #296BC7FF;} .company-overview .logo-item:last-of-type{position: relative;} .company-overview .logo-item:last-of-type:after{content: ""; height: 100%; width: 100%; z-index: 99; top: 0; left: 0; background: #2464c3cc; position: absolute;} .company-overview .logo-item i{position: absolute; top: 50%; z-index: 999; left: 20%; color: white; font-weight: 600; font-size: 16px; transform: translate(-10%, -50%);} .company-overview .img-intro img{margin: auto;} @media(max-width: 768px){.company-overview .logo-item{width: 25%;}.company-overview .logo-item i{font-size: 1.5vmax;}.company-overview .top-customer{display: block;}} .connect-expert{background: linear-gradient(to right,#576ee0, #6691F9FF); padding: 20px 0; color: white; text-align: center;} .connect-expert .top-title{font-weight: 300; margin-bottom: 20px;} .connect-expert .sub-title{font-size: 17px; max-width: 850px; margin: auto;} .connect-expert .btn-contact-product-detail{padding: 6px 50px; color: #3c3a3a; background: white; display: inline-block; border: 0; margin: 30px 0;} .news .news-block{padding: 10px; display: flex; background: #6f86f1; border-radius: 3px;} .news .news-block .left-img{border-radius: 5px; width: 80px; height: 80px; display: inline-block; overflow: hidden; float: left; background: white;} .news .news-block .right-content{float: left; width: 70%; margin-left: 100px; display: inline-block; margin: 0; text-align: left; padding-left: 10px; font-size: 16px; position: relative;} .news .news-block .right-content .author{bottom: 0; left: 10px; position: absolute; font-size: 12px;} .news .news-block .right-content a{color: white;} .product-feature-list .feature-group .feature-group-name{margin-bottom: 30px; color: #404763;} .product-feature-list .feature-group{background: white; color: #51535d; padding: 30px; border-radius: 5px; margin-bottom: 30px;} .product-feature-list .feature-group .list-feature section{display: flex; margin: 10px 0; line-height: 25px; color: #5c6c8e; font-size: 14px;} .s_text_image h3, .s_image_text h3{color: #404763;} .s_text_image p, .s_image_text p{color: #5c6c8e;} .product-feature-list .feature-group .list-feature i{color: #316ff0; margin-right: 10px; margin-top: 5px; font-size: 13px;} .product-feature-list .feature-group .list-feature .feature-item:hover{color:#316ff0;} .btn-fim-and-try{margin: 10px 0;} .btn-fim-and-try .btn{padding: 6px 15px; padding-top: 9px; border: 1px solid #358CFFFF; margin: 0 10px; color: #313131; background: white;} .btn-fim-and-try .btn:hover{background: linear-gradient(to right, #6190f1, #316ff0); color: white;} .feature-connection .feature-connect-item{background: white; color: #5c6c8e; padding: 20px; position: relative; border-radius: 5px; min-height: 182px; box-shadow: 0px 6px 30px 0px #c5c1c1;} .feature-connection .feature-connect-item .line-footer{position: absolute; bottom: 0; height: 5px; width: 100%; left: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .feature-connection .feature-title{font-size: 20px; text-transform: uppercase; font-weight: 500; color: #404763; text-align: center; width: 100%; max-width: 100%; margin-top: 60px;} .bg-banhang{background: linear-gradient(to right, #df5d7f, #e2a4a4);} .bg-sanxuat{background: linear-gradient(to right, #3F7052FF, #62C976FF);} .bg-ketoan{background: linear-gradient(to right, #a29618, #DCE58A);} .bg-duan{background: linear-gradient(to right, #524b6c, #A28FAF);} .bg-crm{background: linear-gradient(to right, #896976, #D7B3B2);} .bg-hotro{background: linear-gradient(to right, #6c7cdb, #94B9EE);} .bg-kho{background: linear-gradient(to right, #6e6e14, #B6D675);} .bg-muahang{background: linear-gradient(to right, #ac4563, #CC9382);} .bg-tienluong{background: linear-gradient(to right, #3f5c6c, #75AA98);} .bg-tailieu{background: linear-gradient(to right, #047ea7, #79c4d0);} .bg-hd-setting{background: linear-gradient(to right, #c64ba6, #DF95B6);} .bg-hd-ketoan{background: linear-gradient(to right, #A09515FF, #dee48c);} .bg-hd-banhang{background: linear-gradient(to right, #E36A8E, #e0a09e);} .bg-hd-kho{background: linear-gradient(to right, #8F4B6E, #d39b9c);} .bg-hd-muahang{background: linear-gradient(to right, #B0433E, #cd9483);} .bg-hd-dientu{background: linear-gradient(to right, #845BDA, #a2a4ee);} .bg-hd-cum{background: linear-gradient(to right, #8A6978, #d5aca8);} .bg-hd-sanxuat{background: linear-gradient(to right, #3D704F, #62c876);} .bg-hd-marketing{background: linear-gradient(to right, #B56E3D, #cdc475);} .bg-hd-nhanhsu{background: linear-gradient(to right, #3E5B6A, #76ab99);} .bg-hd-web{background: linear-gradient(to right, #6F6F15, #b6d576);} .bg-hd-traodoi{background: linear-gradient(to right, #3E5B6A, #75aa98);} .bg-hd-duan{background: linear-gradient(to right, #534C6E, #a28dae);} .bg-hd-giaiphap{background: linear-gradient(to right, #524CA7, #a28ec1);} .bg-hd-banle{background: linear-gradient(to right, #1D55C0, #789dd1);} .bg-hd-luat{background: linear-gradient(to right, #14596f, #7dcfb6);} .feature-connection .feature-connect-item .img-float-top{width: 70px; height: 70px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);} .feature-connection .feature-connect-item .block-content{margin-top: 40px;} .feature-connection .feature-connect-item .block-content a{display: block; width: 100%; height: auto; text-align: center; font-size: 17px; margin-top: 10px; margin-bottom: 10px; color: #404763; font-weight: bold; line-height: 1.1;} .feature-connection .feature-connect-item .top-title{color:#404763; font-size: 17px;} .document-guide-content{margin-bottom: 100px; margin-top: 50px;} .page-title{font-weight: 300;} .page-sub-title{text-align: center; font-weight: 300; margin-top: 20px; font-size: 14px;} body.editor_enable #product_detail .tab-product{display: block; border: 1px solid #aaa; margin-bottom: 20px;} body.editor_enable #product_detail .tab-product:hover{box-shadow: #0060B7 0 0 5px 2px inset;} body.editor_enable #product_detail .title-tab-product{display: block; padding: 10px 35px; margin: 0; font-size: 25px; background: #aaa; font-weight: 400; margin-bottom: 20px;} body.editor_enable #product_detail .tab-product:hover .title-tab-product{box-shadow: #0060B7 1px 1px 5px 2px;} .info-line-right a:hover{color: #2c85dd;} .info-line-right a:hover i{color: #2c85dd;} .section_overview h4{text-transform: uppercase; margin-bottom: 50px; margin-top: 20px; line-height: 28px;} .section_overview.demo_system{background: #F4F4F4;} .section_product_demo{padding-top: 50px; padding-bottom: 100px; background: #F4F4F4;} .product_demo_block_header{overflow: hidden; height: 240px;} .product_demo_block_header img{height: 100%; position: relative; left: 50%; transform: translate(-50%) !important} .product_demo_block_img{height: 85px; width: 85px; overflow: hidden; transform: translate(-50%); position: relative; left: 50%; border-radius: 100%; border: 3px solid #dbe2ea;} .conten_driptstion{height: 100px; overflow: hidden; float: left; font-size: 14px; height: 40px; width: calc(100% - 30px); position: absolute; left: 15px; top: 200px; background: white; padding: 0; z-index: 1;} .conten_driptstion:hover{overflow: initial; height: auto;} .product_demo_block_header p{padding: 0 20px; color: #5e6875; margin: 0;} .product_demo_block_header p.view-more{float: left; width: 100%; position: absolute; top: 240px; left: 0; padding: 0; z-index: 0; cursor: pointer;} .product_demo_block_header:hover p{display:block;} .product_demo_block_header h4{color: #546479; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; line-height: 25px;} .conten_driptstion_box:hover .conten_driptstion{overflow: initial; height: auto; padding: 0 0 10px 0;} .product_demo_block_footer button{width: 100%; font-size: 14px; height: 40px; padding: 10px; background: #EFEEEF; border-radius: 4px; margin-bottom: 10px; box-shadow: none; border: none;} .product_demo_block_footer select{margin-bottom: 15px; width: 100%; font-size: 14px; height: 40px; background: #00000000; border-radius: 4px; box-shadow: none; border: 1px solid #EAEBED; color: #546479; padding: 10px;} .product_demo_block_footer select:hover{border: #008CF9; border-radius: 4px; box-shadow: 0px 0px 9px 1px #ffffff00; background: #008CF9; color: white;} .product_demo_block_footer select:focus{border: none; border-radius: 4px; box-shadow: 0px 0px 9px 1px #008cf96e; background: transparent; color: #546479;} .product_demo_block_footer button:hover{border: #008CF9; border-radius: 4px; box-shadow: 0px 0px 9px 1px #ffffff00; background: #008CF9; color: white;} .product_demo_block{background: white; padding: 20px; margin-bottom: 20px; margin-top: 20px; border-radius: 5px;} .product_demo_block_footer select.error_submit{border: 1px solid red;} #oe_main_menu_navbar{border:none;} .website_forum .input-group .oe_search_box{border-radius: 4px; height: 35px; border: none; padding-right: 40px; padding-top: 10px;} .input-group-btn{position: relative; font-size: 0; white-space: nowrap; right: 39px;} .oe_login_form{right: 0px;} .js_follow{text-align: center; width: 100%;} .js_follow .input-group-btn{width: auto; right: unset;} .menu-forum-header .navbar-right button.oe_search_button{margin: 0;} .menu-forum-header ul.navbar-nav > li > a:hover, .menu-forum-header ul.navbar-nav > li.active > a{color: white; border: 1px solid #2986e3; background: #2986e3;} .menu-forum-header .navbar-left > li.active a:hover{background: #2986e3; color: white;} @media(min-width: 992px){.content-form-account .input-group{position: relative; display: block; width: 100%; float: left;}.content-form-account .input-group .form-control{float: left; width: 100%; border-radius: 4px; margin-bottom: 10px;}.content-form-account .input-group-btn{right: inherit; float: left; width: 100%;}.content-form-account .input-group-btn > .btn{width: 100%; border-radius: 4px; margin-bottom: 10px;}.menu-forum-header{margin-top:0px;}} #wrap.oe_structure.oe_empty{padding-top: 0px !important;} @media(max-width: 992px){#wrap.oe_structure.oe_empty{}} .download-whitepaper{width: 100px; text-align: center; color: white; background: #00A09DFF; padding: 10px; border-radius: 5px; margin-top: 20px;} .download-whitepaper a{color: white;} .white-paper-content{margin-bottom: 100px} .top-whie-paper-block{margin-top: 0;} .level-number-whitepaper{margin-top: 100px;} .color-active{color: #3D59E9FF;} .img-productline{margin-top: 50px;} .img-productline img{margin: auto;} .system-ability{} .system-ability .col-feature:first-child{border-left: 1px solid #E9EDEFFF;} .system-ability .col-feature{width: 33.33%; border-right: 1px solid #E9EDEFFF; border-left: 1px solid #E9EDEFFF; float: left;} @media(max-width: 992px){.system-ability .col-feature{display: block; width: 100%}} .system-ability .block-feature{width: 100%; padding: 15px; border-top: 1px solid #E9EDEFFF; border-bottom: 1px solid #E9EDEFFF; display: inline-block; float: left; text-align: left;} .system-ability .block-feature p{color: #62646b; font-size: 16px;} .block-feature-item{max-height: 100px; padding: 10px; display: inline-flex; align-items: center; margin: 5px 0; width: 100%; cursor: pointer;} .block-feature-item img{margin-right: 15px;} .block-feature-item:hover{color: #5883F8FF; box-shadow: -1px 1px 8px 5px #e9edef; border-radius: 5px;} .process-development .step-process{float: left; padding: 15px; text-align: center; max-width: 170px;} .process-development p{font-size: 16px; margin-bottom: 0;} @media(min-width: 1200px){.process-development .process-line{display: flex;}} @media(max-width: 1200px){.process-development .process-line{display: inline-block;}} @media(max-width: 992px){.process-development .step-process:last-child{clear: both;}} @media(max-width: 768px){.process-development .process-line{display: grid;}.process-development .step-process{width: 100%; max-width: 100%;}.process-development .arrow-right{transform: rotate(90deg); padding-bottom: 25px; padding-top: 25px!important; margin: auto!important;}} .process-development .step-process .step-des{font-size: 20px; margin-top: 15px; color: #545252;} .process-development .arrow-right{padding-top: 60px; float: left; margin: 0 20px;} .process-development{padding: 20px 0;} .wrap-circle .circle-precess h4{padding: 0 14px; font-size: 16px;} .wrap-circle .circle-precess img{margin: auto;} .wrap-circle .circle-precess p{font-size: 13px;} .wrap-circle .circle-precess{width: 370px; height: 370px; border-radius: 50%; background: white; margin: 20px; color: #635f5f; padding: 51px; display: inline-flex; align-items: center; justify-content: center;} .wrap-circle .border-circle{border-radius: 50%; border: 2px dotted white; margin: 40px; display: inline-block;} .wrap-circle .border-circle.c3{position: relative; border-width: 3px;} .wrap-circle .border-circle.c1{border-color: #f7f2f226; max-width: 800px; max-height: 800px; overflow: hidden;} .wrap-circle .border-circle.c2{border-color: #ffffff8f;} .wrap-circle .border-circle.c4{border-color: #ffffff8f;} .wrap-circle .border-circle.c5{border-color: #f7f2f226;} .wrap-circle .border-circle.c30, .wrap-circle .border-circle.c31, .wrap-circle .border-circle.c32, .wrap-circle .border-circle.c33, .wrap-circle .border-circle.c34, .wrap-circle .border-circle.c35{margin: 0; width: 100%; height: 100%; position: absolute; border: none; z-index: 0;} .wrap-circle .item-block:not(.item0){box-shadow: 0px 0px 20px 4px #0b288438;} .wrap-circle .item-block{width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 99;} .wrap-circle .item-block:not(.item0) img:hover{transform: scale(1.1); box-shadow: 0px 0px 15px 2px #565252; border-radius: 50%;} .wrap-circle .border-circle.c31{transform: rotate(72deg);} .wrap-circle .border-circle.c32{transform: rotate(144deg);} .wrap-circle .border-circle.c33{transform: rotate(216deg);} .wrap-circle .border-circle.c34{transform: rotate(288deg);} .wrap-circle .border-circle.c35{transform: rotate(360deg);} .wrap-circle .item0 img{transform: rotate(180deg); display: none;} .wrap-circle .item0{background: transparent; width: 103px; height: 103px;} .wrap-circle .item1{background-size: 100% 100%; transform: rotate(-72deg); margin: -50px;} .wrap-circle .item2{background-size: 100% 100%; transform: rotate(-144deg); margin: -50px;} .wrap-circle .item3{background-size: 100% 100%; transform: rotate(-216deg); margin: -50px;} .wrap-circle .item4{background-size: 100% 100%; transform: rotate(-288deg); margin: -50px;} .wrap-circle .item5{background-size: 100% 100%; transform: rotate(-360deg); margin: -50px;} .wrap-circle .circle-precess > div:not(.precess1){display: none;} .banner-customer .banner-content{max-width: 900px; margin: auto; margin-top: 50px; font-size: 17px;} .banner-customer .banner-content h1{font-size: 45px;} .banner-customer{background: url(/icsc_bizapps/static/src/img/banner-customer.jpg) 0 0 no-repeat; padding: 15px; color: white; min-height: 17vmax; background-size: cover;} .my-customers-content{background: #F4F4F4FF; padding-top: 0px; padding: 0 15px;} .my-customers-content .top-customer{margin: 20px 0;} .my-customers-content .top-customer .drop-icon{position: absolute; right: 15px;} .my-customers-content .top-customer ul li{width: 280px; height: 55px; background: white; border: 1px solid #cccccc40; border-radius: 5px; display: flex; align-items: center;} .top-customer .filter-cus a{color: #43475b; height: 100%; width: 100%; display: flex; align-items: center; padding: 15px; text-decoration: none;} .top-customer .filter-cus a img{margin-right: 5px;} .col-md-cus-5{width: 20%; padding: 0 15px; float: left;} .customer-item{background: white; position: relative; min-width: 190px; min-height: 145px; border-radius: : 10px;} .customer-item .list-activity{margin: 15px 0;} .customer-item .activity{border: 1px solid #83c7ff; border-radius: 20px; color: #66c1ff; padding: 2px 10px; margin-right: 10px; display: inline-block; margin-left: 0; font-size: 13px; background: #ebf5ff;} .customer-item .cover-item{width: 100%; height: 100%; padding: 35px; padding-top: 0; color: #43475b; font-size: 15px; letter-spacing: 0.2px;} .customer-item .cover-item .partner-name{font-size: 22px; color: #43475b;} .my-customers-content .item-bottom{margin-top: 10px;} .my-customers-content .item-bottom p{color: #2D79F3FF; font-size: 13px; font-weight: 600; min-height: 45px;} .customer-item img{max-height: 150px; margin: auto; display: inline-block; height: 100%;} .customer-container .customer-item{margin-bottom: 30px; border-radius: 5px;} .customer-container .customer-item *{font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif!important;} .customer-container .customer-item .customer-description *{font-size: 15px!important; color: #43475b!important;} @media (max-width: 992px){.banner-customer-footer .cloud-1{display: none;}.banner-customer-footer .cloud-2{display: none;}} @media (max-width: 768px){.customer-container{column-count: 1;}.radio-gender{display: flex;}} @media (max-width: 1048px){.background-signup{display: none;}.container-signup-right{width: 100% !important;}} @media (max-width: 1600px){.banner-customer{background: #0182E6;}} .login_right .h3-login_right{font-size: 36px !important; font-weight:700 !important; margin-top:0 !important; text-align: center; line-height: 44px; margin-bottom: 5px !important;} .login_right .p-login_right{font-size: 17px !important; text-align: center; margin-bottom: 30px;} .quy-dinh_chinh-sach input{margin: 0 10px 0 0!important; width: 17px; height: 17px;} .quy-dinh_chinh-sach{padding-top: 30px; padding-bottom: 260px; text-align: center; font-size: 17px; font-weight: 400; line-height: 28px; display: flex; flex-wrap: wrap; justify-content: center;} .quy-dinh_chinh-sach a{color: #0674E5;} .background-signup h3{color: #FFFFFF; font-size: 36px; font-weight: 700; margin: 243px 0 58px 0; line-height: 52px;} .container-signup-for-trial .h3_signup-for-trial{font-size: 36px !important; font-weight:700 !important; line-height:44px !important; text-align:center; margin-top: 57px !important; margin-bottom: 20px !important;} .background-signup a img{margin-right: 15px; margin-top: -4px;} .background-signup a{font-size: 18px; font-weight: 600; line-height: 28px; color: #fff;} .background-signup a:focus,.background-signup a:hover{color: #fff;} .banner-customer-footer{background: linear-gradient(to right, #4450DE, #2798F7); text-align: center; color: white; font-size: 16px;} .banner-customer-footer h3{margin-top: 50px; margin-bottom: 30px;} .banner-customer-footer p{max-width: 900px; margin: auto;} .banner-customer-footer .contact{width: 250px; background: white; padding: 15px; border-radius: 7px; margin: auto; margin-top: 30px; margin-bottom: 50px; font-weight: 600; color: #142940; color: #0d519c;} .banner-customer-footer .cloud-2{position: absolute; left: -40px; bottom: 40px;} .banner-customer-footer .cloud-1{position: absolute; right: 0; bottom: 40px;} .top-banner-account{background: url(/icsc_bizapps/static/src/css/../img/my-account-bg.png); height: 170px; width: 100%;} .navbar-nav-account li{float: left; padding: 8px 10px; position: relative;} .navbar-nav-account li a{width: 100%; float: left; font-size: 15px; font-weight: 600; color: #6CA5F7FF;} .navbar-nav-account li.active, .navbar-nav-account li:hover{background: transparent;} .navbar-nav-account li.active a, .navbar-nav-account li:hover a{color: #fff; text-decoration: none;} .navbar-nav-account li a{} .top-account{float: left; width: 100%; margin: 20px 0 15px;} .top-account .my-title{font-size: 30px; font-weight: 500; margin: 0; color: white;} .top-account .account-menu-left{float: right;} .top-account .navbar-nav-account{float: left;} .nothomepage{margin-top: 123px !important;} .nothomepage span ,.nothomepage li ,.nothomepage li{white-space: unset !important; white-space-collapse: unset !important;} .lable-paid{padding: 5px; color: #2c7bf3; background: white; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc;} .lable-waiting-pair{background: #ffb704; padding: 5px; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc;} .lable-paynow{padding: 5px; background: green; color: white!important; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc; line-height: 0;} .cooperation-page{background: #F4F4F4FF;} .tab-header-cooperation{margin: auto; text-align: center; margin: 50px 0 80px;} .tab-header-cooperation .tab-item{padding: 15px 20px; border-radius: 5px; box-shadow: 0px 3px 20px 1px #ccc; width: 200px; display: inline-block; color: #2d2b2b;} .tab-header-cooperation .tab-center{transform: scale(1.2); background: #2F83FFFF; color: white;} .description-page-cooperation{margin-top: 30px; padding: 15px;} .description-page-cooperation h2{text-align: center; font-weight: 500;} .description-page-cooperation .sub-des{text-align: center; max-width: 700px; margin: auto;} .list-box-cooperation{margin: 30px 0;} .list-box-cooperation .box-item{padding: 20px; text-align: center; border-radius: 2px; color: white; height: 130px;} .list-box-cooperation .box-item img{margin: auto; margin-bottom: 20px;} .list-box-cooperation .box-item.first{background: linear-gradient(45deg, #DF4C78FF, #df9f9d)} .list-box-cooperation .box-item.second{background: linear-gradient(45deg, #447F56FF, #62c976)} .list-box-cooperation .box-item.three{background: linear-gradient(45deg, #A6A123FF, #dee48a)} .list-box-cooperation .box-item.four{background: white; border: 2px solid #7987DCFF; color: #53535f; padding-top: 30px;} .block-question .top-title{font-weight: 600; font-size: 14px; text-align: center; padding: 15px; color: #403d3d;} .block-question .list-item{display: flex; line-height: 26px; color: #5c6c8e;} .block-question .list-item i{margin-right: 10px; margin-top: 5px;} .block-question .block-content{background: white; padding: 20px; border-radius: 5px; min-height: 355px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .block-content.bl1 i{color: #29cc97;} .block-content.bl2 i{color: #FEC301;} .block-content.bl3 i{color: #316ff0;} .policy-commission{margin-top: 30px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .policy-commission .wrap-content{background: white; padding: 20px;} .policy-commission .wrap-content .top-title{font-size: 21px; color: #394462;} .policy-commission .wrap-content .list-item{display: flex;} .policy-commission .wrap-content .list-item i{color: #0C7CFFFF; margin-top: 5px; margin-right: 10px;} .policy-commission .wrap-content .list-item .item-title{font-size: 14px; font-weight: 600; color: #39445DFF;} .policy-commission .wrap-content .list-item .item-des{color: #8592ABFF;} .payment-method{background: linear-gradient(to right, #3953E8FF, #5690fe); padding: 50px 0; margin: 50px 0;} .payment-method .top-title{text-align: center; color: white; font-size: 30px;} .payment-method .step-payment{margin-top: 50px;} .payment-method .step-payment .step-item{width: 25%; float: left; text-align: center;} .payment-method .step-payment .step-item .point-line{width: 50%; border-top: 2px solid #fff; float: left;} .payment-method .step-payment .step-item .line-top{position: relative;} .payment-method .step-payment .step-item .line-top img{position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%)!important;} .payment-method .step-payment .step-item .img-step{display: block; margin: auto; margin: 25px auto 20px;} .payment-method .step-payment .step-item .text-step{font-size: 16px; max-width: 195px; display: inline-block; color: white;} .table-policy{margin: 50px 0 0;} .table-policy .top-title{text-align: center; color: #676060; font-size: 30px;} .table-policy .table-row{box-shadow: 0px 1px 20px 5px #ccc; margin: 50px 0;} .table-row table{margin: 0; min-width: 800px;} .table-policy table tr td{padding: 15px 20px; background: #f5f5f5;} .table-policy table tr th{padding: 20px 30px; color: white;} .table-policy table tr th.col-1{background: #2D6AA9FF;} .table-policy table tr th.col-2{background: #0C7BFFFF;} .table-policy table tr th.col-3{background: #29CC97FF;} .table-policy table tr th.col-4{background: #FFC501FF;} .table-policy table tr th.col-5{background: #CA65FFFF;} .login-page .login_img{position: absolute; width: 50%; height: 100%; padding: 0; top: 0; right: 0; background-color: #1A75E0; z-index: -1; margin: 0;} .login-page .login_img .images_right{width: 100%; height: 100%; background-image: url('/bizapps_login_client/static/src/img/Layout login CSDL-05.png'); background-repeat: no-repeat; background-size: contain; max-width: 600px; min-width: 500px;} .login-page .login_img.left{background: url(data:image/png;base64,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) right 65px top 130px; background-repeat: no-repeat; left: 0;} .login-page .login_img img{max-width: 100%; z-index: -1;} .login-page .login_img img.cloud1{position: absolute; left: calc(100% - 1170px/2); top: 53%; transform: translate(-50%);} .login-page .login_img img.cloud2{position: absolute; right: 50px; top: 50px;} @media(max-width: 992px){.login_right{padding-top: 0 !important;}} .login_right{padding-top: 134px; padding-bottom: 30px; z-index: 1;} .logo_box{text-align: center; padding-bottom: 50px;} span.logo_box{display: block;} .logo_box h3{text-transform: uppercase; font-size: 14px; font-weight: bold; color: #2980DE; margin-top: 15px;} .login_right label{text-align: -webkit-left; font-size: 16px; color: #4e5255; font-weight: 400; float: left; width: 100%; margin-bottom: 5px; margin-top: 0px;} .login_right .input-group .form-control,.login_right .form-control{background: none; border-radius: 8px; border: 1px solid #E2E2E2; padding: 0 20px; height: 45px;} .login_right .btn{color: #ffffff; background-color: #ffffff; border-color: #E2E2E2; font-weight: bold; font-size: 13px; line-height: 20px; padding: 10px 15px; border-radius: 0 3px 3px 0;} .login_right .btn i{opacity: 0.4;} .login_right .input-group .form-control:first-child{border-bottom-right-radius: 0; border-top-right-radius: 0;} .login_right .btn.btn-success{background: #2B80DA; color: white; border-radius: 3px;} .login_right select{color: #33415C;} .login_right input{color: #33415C;} .btn-forgot-pass-client, .btnport{color: #3083DA; font-weight: 400; font-size: 13px;} .forgot_pass{background: white; width: 100%; position: relative; margin: 0; float: left;} .forgot_pass .btn-sent-forgot{background-color: #2B80DA; color: white; border-radius: 3px; width: 100%;} button.close.back{right: 10px; position: absolute; top: 10px;} #model-popup-forgot-pass{padding: 0 !important;} @media(max-width: 468px){.login_right{padding-left: 0; padding-right: 0;}.login-page .login_img img.cloud1{display:none;}.login-page .panel-body{padding:0;}} @media(max-width: 992px){.login-page .login_img img.cloud1{left: 60px;}.login-page .login_img.left{width:100%;}.login-page .login_img.right{display:none;}.login-page .login_img img.cloud1,.login_left{display:none;}} @media(max-width: 1200px){.login-page .login_img img.cloud1{left: calc(100% - 970px/2);}} @media(min-width: 1300px){.login-page .login_img img.cloud1{left: 90px; top: 700px;}.login_right{max-width: 600px;}.container-login-biz .login_right{max-width: 540px !important;}} @media(max-width: 480px){.container-login-biz .info-other-login img{display: none;}.container-signup-custom .info-other-login img{display: none;}} .container-login-biz .info-other-login ,.container-signup-custom .info-other-signup{display: initial; font-size: 15px; font-weight: 400; line-height: 28px; color: #33415C;} .container-signup-custom .info-other-signup{padding: 0 15px 0 15px;} .container-signup-custom .info-other-signup img{width: 285px; margin-left: 9px;} .container-login-biz .info-other-login img{width: 237px; margin-left: 9px;} .container-login-biz .email-login{margin-top: 30px;} .container-login-biz .email-login ,.container-login-biz .passw-login{font-size: 17px; font-weight: 600; line-height: 28px; margin-bottom: 5px;} .container-login-biz .passw-login{margin-top: 25px;} @media(min-width: 1800px){.login-page .login_img img.cloud2{top: 26%;}} .login_left img{max-width: 100%;} .reset_password a.btn{display: none;} .login-page .oe_reset_password_form{max-width: none;} .login_right .oe_login_form{max-width: none; margin: unset;} .login-agency .top-login-title{color: #1A75E0FF; font-weight: 600; font-size: 25px;} .login-agency .login_left img{max-width: 100%; height: 100%; max-height: 730px;} .login-agency .type-account{margin: 30px 0;} .login-agency .type-account input[type='radio']{margin-right: 10px;} .login-agency .login_right{float: right;} .login-agency{height: 100%;} .login-agency .login_left{height: inherit;} .login-agency .field-login.field_personal{display: none;} @media(min-width: 992px){.wrap-content-login{display: flex; align-items: center; justify-content: center; height: 100%;}} .link-bottom-login label{display: inline-block; width: auto; margin-right: 15px; position: relative;} .link-bottom-login label:not(:last-child):after{position: absolute; content: "|"; color: #1A75E0FF; top: 0px; right: -10px;} .login_right .form-group{} .login_right .active{background: #387fdc; color: white;} .container-process{background: #F4F4F4FF;} .process_refer{margin-top: 50px; padding-bottom: 50px;} .process_refer .block-process{padding: 20px; background: white; border-radius: 5px; border: 1px solid transparent;} .process_refer .block-process:hover{border: 1px solid #1e97fc;} .process_refer .block-process .title-block{margin-bottom: 20px;} .process_refer .block-process .title-block a{font-weight: 600; font-size: 14px; color: #43475BFF; cursor: pointer;} .process_refer .block-process .img-block{margin-bottom: 20px;} .process_refer .block-process .list-item .item{display: flex; margin-bottom: 7px;} .process_refer .block-process .list-item .item i{margin-top: 5px; margin-right: 10px; color: #1E97FCFF;} .process_refer .block-process .list-item .item p{color: #43475BFF; font-size: 13px;} #model-popup-try-product{max-width: 500px; margin: auto; height: 400px;} #model-popup-try-product .close-model{position: absolute; right: 25px; top: 25px; cursor: pointer; font-weight: 600;} .modal-dialog.submit-for-try{height: auto; min-height: 400px; width: 100%; position: relative; margin: 0; float: left; background:white; border-radius: 5px;} .btn-popup-trydemo{background-color: #2B80DA; color: white; border-radius: 3px; width: 100%;} .agent-header{background: white; padding-top: 30px; box-shadow: -5px 0px 16px 0px #918b8b; position: relative;} .nav-agent li.active a{background: transparent; color:#0C7BFFFF;} .nav-agent li.active a .img-hiddent{display: none;} .nav-agent li.active a .img-active{display: inline;} .nav-agent li a .img-active{display: none;} .nav-agent li a{color: #3a3939; font-size: 15px;} .nav-agent li a:focus, .nav-agent li a:active, .nav-agent li a:hover{background: transparent; color:#0C7BFFFF;} .agent-header .navbar{margin-bottom: 10px;} .agent-header .navbar ul li a img{margin-right: 5px; margin-bottom: 5px;} @media(min-width: 992px){.dropdown-nav-hover:hover .dropdown-menu{display: block;}} .dropdown-nav-hover .dropdown-menu{} .dropdown-nav-hover .dropdown-menu li a{padding: 10px!important; text-align: left; color: #42474d;} .dashboard-agent{float: left; width: 100%; background: #0C7BFFFF; border-radius: 5px; height: 145px; margin-bottom: -70px;} @media(max-width: 1024px){.dashboard-agent{height: auto;}.dashboard-agent .right-info > div{padding: 20px 20px; height: 150px!important;}} @media(max-width: 480px){.dashboard-agent .right-info{display: flex; align-items: center; width: 100%;}.dashboard-agent .right-info > div{padding: 20px 9px;}} .dashboard-agent .left-info{padding: 15px; display: flex; align-items: center; justify-content: center; height: 100%; color: white; font-size: 16px;} .dashboard-agent .left-info .avatar{margin-right: 20px;} .dashboard-agent .right-info{height: 100%;} .dashboard-agent .right-info > div{padding: 20px 25px; border-left: 1px solid #2588FFFF; border-right: 1px solid #2588FFFF; float: left; text-align: center; height:100%; color: #84BBFDFF; display: flex; align-items: center; justify-content: center; font-size: 16px;} .dashboard-agent .right-info > div:last-child{border-right: 0;} .dashboard-agent .right-info > div .number{font-size: 18px; color: white;} .dashboard-agent .right-info > div .level-num{width: 35px; height: 35px; background: #FFF31BFF; border-radius: 50%; color: #0C7BFFFF; display: inline-block; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px;} .main-agent{background: #F4F4F4FF; padding: 100px 0 50px;} .main-agent .left-support{padding: 20px; background: white; border-radius: 5px; height: 100%; box-shadow: 0px 0px 11px 0px #d4d2d2;} .main-agent .left-support .top-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 30px;} .main-agent .left-support .item-support{display: flex; margin-right: 10px; width: 100%; height: 40px; background: #0c7bff; border-radius: 30px; align-items: center; margin-bottom: 15px; padding-left: 15px;} @media(min-width: 992px){.main-agent .row-flex{display: flex;}} .main-agent .left-support .bottom-support{margin-top: 40px;} .main-agent .left-support .item-support>*{margin-right: 9px; margin-bottom: 0; color: white; font-weight: 600;} .main-agent .right-table .top-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 30px;} .table-statistic{background: #3E9FFEFF; color: white; font-size: 14px; font-weight: 600;} .table-statistic table tr td:not(.table-bold){text-align: center;} .table-statistic table .table-bold{background: #0C7BFFFF; padding-top: 10px; padding-bottom: 10px;} .table-statistic table{margin-bottom: 0; min-width: 700px;} .main-agent .right-table{background: white; padding: 20px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .main-agent .block-question{margin-top: 30px;} .main-agent .payment-method{background: transparent;} .main-agent .payment-method .top-title{font-size: 23px; color: #394462;} .main-agent .payment-method .step-payment .step-item .point-line{border-top: 2px solid #cdc9c9;} .main-agent .payment-method .step-payment .step-item .text-step{color: #394462;} .package-commission .package-item{border-radius: 5px; background: white; border: 1px solid #ccc;} .package-commission .package-item .top-package{border-bottom: 1px solid #ccc; position: relative; padding: 20px;} .package-commission .package-item .top-package .title{font-weight: 600; font-size: 22px; text-align: center;} .package-commission .package-item .top-package .sub-title{font-weight: 600; font-size: 14px; text-align: center; color: #8d97aa;} .package-commission .package-item .body-package .listed .title{font-size: 15px; color: #1f2532;} .package-commission .package-item .body-package .listed .des{font-size: 14px; color: #A7B6D0FF;} .package-commission .package-item .body-package .listed{position: relative; padding-left: 15px;} .package-commission .package-title{font-size: 23px; color: #39496f; max-width: 470px; margin: auto; margin-top: 30px;} .package-commission .body-package{padding: 20px 25px;} .package-commission .body-package .listed .title:after{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 5px; left: -5px;} .package-item.pk1 .flag-top{border-left: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #29cc97!important; border-top: 35px solid #29cc97!important;} .package-item.pk1 .listed .title:after{background: #29cc97;} .package-item.pk2 .flag-top{border-left: 20px solid transparent!important; border-bottom: 20px solid transparent!important; border-right: 20px solid #FEC400!important; border-top: 20px solid #FEC400!important;} .package-item.pk2 .listed .title:after{background: #FEC400;} .package-item.pk3 .flag-top{border-left: 20px solid transparent!important; border-bottom: 20px solid transparent!important; border-right: 20px solid #0C7BFF!important; border-top: 20px solid #0C7BFF!important;} .package-item.pk3 .listed .title:after{background: #0C7BFF;} .package-commission .top-package .flag-top{border-left: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #29cc97; border-top: 35px solid #29cc97; border-top-right-radius: 5px; position: absolute; top: 0; right: 0;} .package-commission .list-package{margin-top: 30px;} .agent-business .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .agent-statistic .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .table-customer-info .table-title img{margin-right: 10px; margin-top: -3px;} .table-customer-info .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 15px;} .table-customer-info .table-content{background: #F5F6FAFF;} .table-customer-info table, .table-customer-info table tr th, .table-customer-info table tr td{border-color: white; border-width: 2px;} .table-customer-info .table-status .lable-1{padding: 5px; background: #FED627FF; color: white; border-radius: 3px;} .table-customer-info .table-status .lable-2{padding: 5px; background: #0C7BFFFF; color: white; border-radius: 3px;} .table-customer-info .table-status .lable-3{padding: 5px; background: #F74F73FF; color: white; border-radius: 3px;} .table-customer-info table{min-width: 900px; margin-bottom: 0;} .top-table-history .search-group input{border-radius: 3px; box-shadow: none; border: 1px solid #ccc; padding: 2px 10px;} .top-table-history{margin-bottom: 10px;} .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .agent-profile .content-profile{background: white; padding: 20px;} .agent-profile .content-profile .wrap-field-profile{background: #F5F6FAFF; padding: 20px;} .agent-profile .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 20px;} .agent-profile .table-title img{margin-right: 10px; margin-top: -3px;} .wrap-field-profile input{background: transparent; padding: 20px;} .btn-submit-profile{background: #0C7BFFFF; color: white; padding: 10px 15px; border-radius: 5px; width: 150px; float: right; text-align: center; cursor: pointer; margin-right: 15px;} .agent-notify .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 20px;} .agent-notify .table-title img{margin-right: 10px; margin-top: -3px;} .agent-notify .content-notify{background: white; padding: 20px;} .agent-notify .content-notify .notify-item{padding: 15px; border: 2px solid transparent; background: #f5f6fa; margin: 5px 0; border-radius: 3px;} .agent-notify .content-notify .notify-item:hover{border: 2px solid #0C7BFFFF;} .agent-notify .notify-item .notify-title{display: flex; align-items: center; justify-content: center;} .agent-notify .notify-item .notify-author > *, .agent-notify .notify-item .notify-title > *{margin-right: 10px; margin-bottom: 0;} @media(min-width: 992px){.top-level-agent{display: flex; align-items: center; justify-content: space-around;}} .top-level-agent{background: linear-gradient(to top right, #6035D0, #EE8AAC); border-radius: 5px; padding: 10px; font-weight: 600; color: white; margin-bottom: 30px;} .top-level-agent .img-toplevel{display: flex; align-items: center; justify-content: center;} .top-level-agent .img-toplevel .item-img{text-align: center; margin: 0 10px;} .table-livel-agent{margin-top: 30px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .table-livel-agent table{margin-bottom: 0;} .table-livel-agent tr:nth-child(even){background: #FFFFFF} .table-livel-agent tr:nth-child(odd){background: #F9F9F9} .table-livel-agent table tbody > tr > td{padding: 15px;} .table-livel-agent table thead > tr > th{padding: 30px; color: white;} .doc-item{color: #323e56; font-weight: 600; padding: 20px 15px;} .doc-item .right-doc a{color: #323e56; margin-right: 10px; font-weight: 600;} .doc-item p{margin-bottom: 0;} .btn-create-crm{background: #0C7BFF; padding: 10px; border-radius: 5px; color: white; border: 0; margin-bottom: 15px;} .btn-opportunity{color: white; background-color: #2986e3; border-color: #2986e3; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;} .wrap-bizapps-shop{background: #F4F4F4FF;} .wrap-bizapps-shop .page-sub-title{text-align: center; font-weight: 300; margin-top: 20px; font-size: 15px; line-height: 22px; max-width: 800px; margin: auto; margin-top: 20px;} .content-list-software{margin-top: 50px;} .content-list-software .software-item:hover{box-shadow: 0px 0px 10px 0px #4069ff45;} .content-list-software .software-item{background: white; border-radius: 5px; padding: 15px; text-align: center; border: 1px solid transparent; margin: 15px 0;} .content-list-software .software-item img{margin-top: 15px; display: inline-block; max-height: 100%;} .content-list-software .software-item .hr-divider{height: 3px; width: 40px; background: linear-gradient(to right,#424be6, #1ba0fe); margin: 15px auto 20px;} .content-list-software .software-item .software-name{font-size: 16px; height: 45px; line-height: 30px; color: #1e1d1d;} .content-list-software .software-item .software-des{font-size: 14px; color: #1e1d1d; height: 100px; overflow: hidden; min-height: 100px;} .content-list-software .software-item .img-soft{height: 125px;} .content-list-software .hardware-item .lable-product{text-align: left; color: #1e1d1d;} .content-list-software .hardware-item:hover{box-shadow: 0px 0px 10px 0px #4069ff45;} .content-list-software .hardware-item{background: white; border-radius: 5px; padding: 15px; text-align: center; border: 1px solid transparent; margin: 15px 0;} .content-list-software .hardware-item img{display: inline-block; height: 100%;} .content-list-software .hardware-item .hr-divider{height: 3px; width: 40px; background: linear-gradient(to right,#424be6, #1ba0fe); margin: 15px auto 20px;} .content-list-software .hardware-item .software-name{font-size: 16px; margin-bottom: 20px; color: #1e1d1d; text-align: left; margin: 15px 0; height: 40px;} .content-list-software .hardware-item .software-des{font-size: 14px; color: #1e1d1d; min-height: 100px;} .content-list-software .hardware-item .img-soft{height: 150px;} .product-detail-software .img-top-product img{margin: auto; max-height: 100%;} .product-detail-software .intro-product{text-align: unset; background: white; padding: 20px 0px;} .product-detail-software .intro-product .title-intro{text-align: center; font-size: 24px; font-weight: 500;} .product-detail-software #product_full_description{background: transparent; padding: 0;} .product-detail-software .intro-product .img-intro{display: inline-block;} .product-detail-software .intro-product .bottom-intro{text-align: center; margin-bottom: 30px;} .product-detail-software .intro-product .text-block{text-align: justify; margin-bottom: 30px; font-size: 16px;} .product-detail-software .description-feature{background: white; padding: 20px 0px;} .product-detail-software .description-feature .feature-title{padding: 20px 0; margin-bottom: 30px; font-size: 24px; font-weight: 500;} .product-detail-software .description-feature .feature-item{display: flex; margin: 10px 0; line-height: 25px; color: #323741; font-size: 16px;} .product-detail-software .description-feature .feature-item i{color: #316ff0; margin-right: 10px; margin-top: 5px; font-size: 13px;} .product-detail-software .description-feature .text-block{text-align: justify; margin-bottom: 30px; font-size: 16px;} .product-detail-software .video-image{padding: 20px 0px;} .product-hardware-detail .top-product-des{background: white; border-radius: 5px; float: left; width: 100%; margin-bottom: 30px;} @media(min-width: 992px){.product-hardware-detail .top-product-des{display: flex; align-items: center; justify-content: center;}} .product-hardware-detail .img-product{width: 300px; float: left; border-right: 1px solid #ccc;} .product-hardware-detail .right-product-des{float: left; padding: 20px;} .product-hardware-detail .right-product-des .title-product{font-size: 18px; font-weight: 600; margin-bottom: 20px;} .product-hardware-detail .right-product-des .lable-prod{font-size: 16px;} .product-hardware-detail .right-product-des .text-des{font-size: 15px; margin-top: 20px; max-width: 800px;} .product-hardware-detail .bottom-des-detail{background: white; border-radius: 5px; padding: 20px;} .product-hardware-detail .bottom-des-detail .title-info{font-size: 20px; margin-bottom: 40px;} .product-hardware-detail .bottom-des-detail .text-block{margin-bottom: 40px; font-size: 15px;} .product-hardware-detail .bottom-des-detail .left-right-title{margin-bottom: 30px;} .product-banner{background: #3D60F1; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; padding-top:50px;} .product-banner .wrap-colum{display: inline-flex; align-items: flex-end; flex-wrap: wrap;} .product-banner .news-banner{display: flex; color: white; align-items: flex-end; margin-top: 10px;} .product-banner .news-banner .right-news{width: 50%;} .product-banner .news-banner .left-news{text-align: left; padding-bottom: 30px; width: 50%;} .product-banner .news-banner .left-news h3{font-size: 20px; line-height: 25px; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif;} .product-banner .news-banner .left-news .sub-content{color: #94A8F7; font-size: 14px; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; margin-top: 15px;} .product-banner .news-banner .left-news .btn-view{border: 2px solid transparent; border-radius: 5px; padding: 3px; text-align: center; display: flex; align-items: center; justify-content: space-around; width: 125px; cursor: pointer; color: white; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif;} .product-banner .news-banner .left-news .btn-view:hover{border: 2px solid #d0cece;} @media(min-width: 992px){.product-banner .news-banner .text-inline{display: block;}} .breadcrumb-product{background: white;} .body-list-product{background: #F3F3F3; position: relative; padding-bottom: 50px;} .app-catelory{position: relative;} .app-catelory img{width: 100%; height: inherit; object-fit: cover; height: 100%; position: absolute; z-index: 0;} .app-catelory .cover-image{padding: 25px; z-index: 1; position: relative;} .app-catelory .cover-image .sub_cat{margin-bottom: 20px; font-size: 15px; line-height: 26px; max-width: 800px; border: 0; padding-left: 0; color: #67718b;} .list-items-product .app-item{background: white; padding: 20px; margin-bottom: 20px; position: relative; border-radius: 5px;} .list-items-product .app-item .app-img{height: 150px;} .list-items-product .col-cus-10{padding: 0 10px;} .list-items-product .app-item .app-lable{height: 70px;} .row.list-items-product{margin-top: 20px; display: flex; flex-wrap: wrap;} .app-item .btn-app-group{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; padding-top: 10px;} .app-item .btn-app-group .btn-view{border: 1px solid #8396BA; text-align: center; border-radius: 5px; color: #8396BA; width: 100px; text-align: center;} .app-item .btn-app-group .btn-demo{border: 1px solid #8396BA; text-align: center; border-radius: 5px; color: #8396BA; width: 100px; text-align: center;} .app-item .btn-app-group .btn-app:hover{background: #3D60F1; color: white;} .app-item .btn-app-group .btn-app{border: 2px solid #8295b9; text-align: center; border-radius: 5px; color: #8396BA; width: 110px; text-align: center; padding: 5px; color: #555; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; cursor: pointer; margin-bottom: 5px;} .app-item:hover > .app-quanly-conten{visibility: visible; opacity: 1;} .list-items .app-quanly-conten .des-cover{height: calc(100% - 51px); overflow: hidden; text-align: justify; font-size: 12px; display: flex;} .list-items .app-quanly-conten{position: absolute; top: 0; left: 0; height: 100%; color: #fff; text-align: left; padding: 20px; width: 100%; background-size: cover; visibility: hidden; opacity: 0; background: #3d60f1f6; border-radius: 5px;} .app-quanly-conten h4{text-transform: capitalize; font-size: 15px; font-weight: bold; line-height: 22px; margin-top: 0;} .app-quanly-conten hr{margin-bottom: 6px; border: 1px solid #fff; padding: 0; margin-top: 0;} .app-quanly-conten .btn-app-group{position: absolute; bottom: 20px; width: 100%; padding: 0 20px; left: 0;} .app-quanly-conten .btn-app-group .btn-app:hover{background: white; color: #3d60f1;} .app-quanly-conten .btn-app-group .btn-app{color: white; border-color: white;} .app-item > .btn-app-group > .btn-demo{background: #3d60f1; color: white; border-color: #3d60f1;} .navigation-left{position: absolute; left: 10%; top: 30px; background: #FFFFFF; min-height: 100px; width: 50px; border-radius: 5px; box-shadow: 0px 0px 4px 0px #122a680a; z-index: 2;} .navigation-left .item-nav img{position: absolute; z-index: 1;} .navigation-left .item-nav{background: #FFFFFF; width: 100%; height: 50px; border-radius: 5px; box-shadow: 0px 0px 4px 0px #122a680a; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;} .navigation-left .item-nav.active{background: #3D60F1;} .navigation-left .item-nav:hover{background: #3D60F1;} .navigation-left .item-nav:hover > .category-name{opacity: 1; visibility: visible;} .navigation-left:hover >.item-nav{background: white!important;} .navigation-left .item-nav .category-name{position: absolute; box-shadow: 0px 0px 4px 0px #122a680a; height: 100%; min-width: 170px; left: 0; text-align: left; padding-left: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 10px 15px 50px; opacity: 0; background: #3D60F1; color: white; visibility: hidden; white-space: nowrap;} @media(max-width: 992px){.navigation-left{display: none;}} @media(max-width: 1600px){.navigation-left{left: 1%;}} html{scroll-behavior: smooth;} .academy_banner{background: url(/icsc_bizapps/static/src/img/academy/academy-banner.png) no-repeat; width: 100%; padding-top: 7vmax; background-size: cover;} @media (min-width: 992px){div.academy_banner{padding-top: 9vmax; padding-bottom: 9vmax;}} .line-bold{display: inline-block; height: 6px; width: 100px; background: black;} .content-banner-academy{text-align: left; color: #323336;} .content-banner-academy .top-title{font-weight: 600; font-size: 18px;} .content-banner-academy .sub-title{max-width: 530px; font-size: 15px;} @media (min-width: 992px){.academy_banner .title-banner{font-size: 45px; letter-spacing: -1px; font-weight: bold;}.bizapps-academy-content .block_intro.left{margin-right: -13px;}.bizapps-academy-content .block_intro.right{margin-left: -13px;}} .bizapps-academy-content{background: #F2F2F2;} .bizapps-academy-content .block_intro{background: white; height: 100%; padding: 20px; min-height: 210px; margin-bottom: 5px;} .line_intro_flex{} .bizapps-academy-content .block_intro .title_intro{color: #0060b7;} .bizapps_progress_academy{margin-top: 100px; padding-bottom: 100px;} .list_progress_academy .block_progress{padding: 10px; background: white; display: flex; margin-bottom: 19px;} .list_progress_academy .block_progress .left_img{display: flex; align-items: center; justify-content: center; min-width: 100px;} .list_progress_academy .block_progress .right_content{margin-left: 20px; padding: 5px; padding: 20px 0;} .list_progress_academy .block_progress .right_content .line{cursor: pointer; color: #36373B;} .list_progress_academy .block_progress .right_content .line:hover{color: #2980dc;} .list_progress_academy .block_progress .right_content .line:hover .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .top-title{font-size: 18px; font-weight: 600; color: #2E2F33;} .list_progress_academy .block_progress .right_content .fa{margin-right: 5px; color: #B2B3B7;} .list_progress_academy .block_progress .right_content .more-line{display: none;} .list_progress_academy .block_progress .right_content .view_all{display: block; text-decoration: none; font-weight: 600; color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_less:hover{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_less .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_less:hover .fa{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_all:hover{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_all .fa{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_all:hover .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_less{display: none; text-decoration: none; font-weight: 600; color: #2980dc;} .list_progress_academy .block_progress .right_content.more-text .view_all{display: none; text-decoration: none; font-weight: 600;} .list_progress_academy .block_progress .right_content.more-text .view_less{display: block; text-decoration: none; font-weight: 600;} .list_progress_academy .block_progress .right_content.more-text .more-line{display: block;} .bizapps_vote_cource{padding-top: 50px; background: #FFFFFF; padding-bottom: 50px;} .bizapps_vote_cource h3{color: #1369B8;} .bizapps_vote_cource .star{margin: 20px 0;} .bizapps_vote_cource .star .fa{font-size: 15px; color: #363637;} .bizapps_vote_cource .user_vote h4{color: #323337;} .bizapps_vote_cource .user_vote .user{color: #333334; margin-bottom: 30px; font-weight: 600; margin-top: 15px;} .line-thin{display: inline-block; height: 2px; width: 70px; background: #2982D9;} .btn-pricelist-group{} .btn-pricelist-wrap{width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: -5px;} .banner-pricelist{background: #0073D2; padding: 50px 0 0; color: white; border-bottom: 5px solid #009eff;} .banner-pricelist p.lv1{color: #82b9e8; font-size: 14px; margin-bottom: 20px;} .banner-pricelist p.lv2{color: #ffffff94; font-size: 16px;} .btn-pricelist-group.btn-pricelist-fixed .btn-pricelist{height: 100px; padding: 18px 0;} .btn-pricelist-group .btn-pricelist{display: inline-block; float: left; padding: 10px 0; cursor: pointer; border-top: 4px solid transparent; text-align: center; color: #24272d; height: 80px; width: 20%; margin: 0 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-transform: uppercase; font-weight: 600; font-size: 15px; background: #009eff; color: white;} .btn-pricelist-group .btn-pricelist p{margin-top:10px;} .btn-pricelist-group .btn-pricelist img:not(.active){display: inline-block;} .btn-pricelist-group .btn-pricelist img.active{display: none;} .btn-pricelist-group .btn-pricelist.active img.active{display: inline-block;} .btn-pricelist-group .btn-pricelist.active img:not(.active){display: none;} .btn-pricelist-group.btn-pricelist-fixed img.active:not(.white){display: none!important;} .btn-pricelist-group:not(.btn-pricelist-fixed) img.active.white{display: none!important;} .btn-pricelist-group .btn-pricelist.active, .btn-pricelist-group .btn-pricelist:hover{box-shadow: 0px -5px #009eff; background: #f9f9f9; color: #2982D9;} .btn-pricelist-group.btn-pricelist-fixed .btn-pricelist.active{background: rgba(255, 255, 255, 0.1); color: #fff;} .pricelist-banner img{margin-bottom: 22px; margin-top: 45px;} .pricelist_title{color: black;} .pricelist-banner .list-discount{display: inline-block; color: #c9d0e2; position: relative; text-align: left; margin-bottom: 20px; margin-top: 45px; font-weight: 600; font-size: 17px;} .pricelist-banner .list-discount p:before{content: ""; position: absolute; width: 8px; height: 8px; background: #0092ff; border-radius: 50%; left: -20px; margin-top: 8px;} @media (min-width: 992px) and (max-width: 1200px){.pricelist-container{width: 1140px;}} .pricelists-bizapps .btn-contactus{font-weight: bold; padding: 2px 20px; background-color: #2980dc; margin-bottom: 10px; border: 0;} .pricelists-bizapps .pricelist-name{color: #3a3737; text-transform: capitalize; font-size: 22px; font-weight: 600; margin-bottom: 20px; margin-top: 25px;} .pricelists-bizapps .pricelist-price{color: #1780e0; font-size: 17px; font-weight: bold; margin: 0; width: 140px; display: inline-block; border: 1px solid #bee1fd; padding: 0px 5px; border-radius: 30px; background: #eff7ffc7;} .pricelists-bizapps .pricelist-price span{font-size: 12px; margin-left: -5px;} .pricelists-bizapps .pricelist-price a{color: #2980da;} .pricelists-bizapps .table-pricelist .content-table p{margin: 0; padding: 10px 0; font-weight: 400;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.content-table{border-top: 0;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.content-table, .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{border-radius: 0; padding: 5px; font-size: 15px; font-weight: 500; color: #4b4f56; padding: 0 10px 10px; background: white;} .pricelists-bizapps .pricelists-table{padding-left:0; padding-right:0; font-weight: 600; text-transform: capitalize; padding: 0 10px;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{background: white; border: 1px solid #bee1fd; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top: none; padding: 0; margin-top: -1px;} .pricelist-thead-border.footer-table:not(.pricelist-popular){background: #e9eceb;} .pricelist-thead-border.footer-table .support-item{text-align: center; font-size: 14px; border-top: 1px solid #bee1fd; width: 100%; padding: 10px 12px; min-height: 82px;} .pricelists-bizapps .table-pricelist{border-collapse:separate; border-spacing: 8px 0px;} .pricelists-bizapps .table-pricelist .pricelist-title{color: #2FC7F6; font-weight: bold; line-height: normal; font-size: 14px; padding-left: 0px; padding-right: 2px;} .pricelists-bizapps .table-pricelist tbody tr td{border-top-color: #EFEFF2; padding: 10px; padding-left: 20px; padding-right: 20px; font-size: 14px;} .pricelists-bizapps .table-pricelist .pricelist-popular{background-color: #2986e3; color: white; border-color: white !important; border-bottom-color: white !important;} .pricelist-thead-border.pricelist-popular .pricelist-name{color: white;} .pricelist-thead-border.pricelist-popular.heading{background: linear-gradient(#2980dc, #28b6fc);} .pricelist-thead-border.pricelist-popular{background: #2e88e4;} .pricelist-thead-border.pricelist-popular .pricelist-price{color: white;} .pricelists-bizapps .table-pricelist .pricelist-thead-border{border: 1px solid #bee1fd; border-radius: 15px 15px 0 0; position: relative; border-bottom: 0;} .pricelists-bizapps .table-pricelist .pricelist-border{border-left: 2px solid #bee1fd; border-right: 2px solid #bee1fd;} .pricelists-bizapps .table-pricelist .pricelist-border-bottom{border-left: 0; border-right: 0; background: none !important;} .pricelists-bizapps .table-pricelist .pricelist-support{padding: 0; font-size: 13px; padding: 0; background: #E9ECEB!important; border-bottom: 2px solid #bee1fd; border-left: 2px solid #bee1fd; border-right: 2px solid #bee1fd; text-align: left;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item{background-color: #E9ECEB; padding: 8px 14px; padding-top: 4px;} .pricelists-bizapps .table-pricelist .pricelist-support.pricelist-popular .support-item{background: #2986e3;} .pricelists-bizapps .table-pricelist .pricelist-support.pricelist-popular{background: #2986e3!important;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:first-child{padding-top: 20px;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:last-child{padding-bottom: 20px;} .pricelists-bizapps .table-pricelist .pricelist-support .support-name{width: 100%; border-bottom: 1px solid #DFE4E3;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:last-child .support-name{border-bottom: 0;} .pricelists-bizapps .table-pricelist .popular-box{z-index: 1; position: absolute; background: url(/icsc_bizapps/static/src/img/pricelist/package-pl.png) no-repeat right; width: 100%; height: 100%; right: -6px; top: -13px;} .title-description{font-size: 19px; max-width: 700px; margin: auto; margin-top: 25px;} .pricelist-banner{background: url(/icsc_bizapps/static/src/img/price-banner.png); background-size: 100% 100%; width: 100%; min-height: 180px; align-items: center; position: relative;} .server-banner .banner-text{display: none} .btn-pricelist-fixed a.btn-pricelist{border-radius: 0; margin: 0; background: transparent;} .pricelists-bizapps .table-pricelist .content-table p{margin: 0; font-weight: 600; font-size: 16px; line-height: 20px; padding-top: 10px; color: #1780e0; padding: 0; margin-bottom: 5px;} .pricelists-bizapps .table-pricelist .content-table .package-item{padding-top: 25px;} .pricelists-bizapps .table-pricelist .content-table .package-item .btn-register-pack{padding: 10px 15px; font-weight: 600; background: #2c8bff; color: white; display: inline-block; border-radius: 5px; font-size: 14px; box-shadow: 0px 0px 10px 0px #08172b30; text-transform: initial;} .pricelists-bizapps .table-pricelist .content-table .package-item img{margin-top: -5px;} .pricelists-bizapps .table-pricelist .pricelist-thead-border{padding-bottom: 4px; min-height: 100px; padding-top: 5px; background: white;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table.pricelist-popular{border-color: white !important; border-bottom-color: white !important;} .attachment-service{border: 1px solid #1780e0; border-radius: 15px; padding: 15px 35px; position: relative; font-size: 17px; color: #232222;} .attachment-service h3{margin-bottom: 25px;} .attachment-service p img{margin-right: 10px;} .attachment-service img.img-tag{position: absolute; right: -8px; top: -9px;} .store-bizapps-service .back-table{max-width: 890px; background: #cfd1d4; margin: auto; height: 300px; border-radius: 10px; margin-bottom: 100px; margin-top: 150px; background: #e4e4e4;} .store-bizapps-service .front-table img{margin: auto;} .store-bizapps-service .front-table{background: white; border: 2px solid #2981d9; border-radius: 10px; max-width: 700px; margin: auto; position: relative; top: -55px; align-items: center; justify-content: center; padding: 30px 80px; padding-top: 40px; text-align: center; box-shadow: 0px 0px 30px 0px #06101f26;} .front-table .contact{text-align: center; margin-top: 30px; margin-bottom: 25px;} .front-table .contact a{color: white; padding: 10px; text-align: center; width: 195px; background: #308DFB; border-radius: 5px; font-size: 17px; padding: 15px 25px; cursor: pointer; box-shadow: 0px 0px 10px 0px #08172b30;} .btn-pricelist-fixed{position: fixed; top: 64px; width: 100%; background: #2c8bff; z-index: 2; padding-bottom: 5px; box-shadow: 0px 0px 20px 0px #030f1f52;} .c-price-slider__total{margin-bottom: 24px;} .c-price-slider__currency{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 85px; line-height: 1.40625; letter-spacing: 0; font-weight: 300;} .c-price-slider__amount{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 85px; line-height: 1.40625; letter-spacing: 0; font-weight: 300;} .c-price-slider__interval{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 24px; line-height: 1.41667; letter-spacing: .5px; font-weight: 400;} .front-table .title-table{font-size: 16px; font-weight: 600;} .c-price-slider__range{-webkit-appearance: none; width: 100%; height: 10px; background: #d3d3d3; outline: none; -webkit-transition: .2s; transition: opacity .2s; border-radius: 20px} .c-price-slider__range::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 17px; height: 17px; background: #fff; cursor: pointer; border-radius: 20px; border: 5px solid #308cfb; box-shadow: 0px 0px 2px 3px #ccccccb8;} .c-price-slider__input{max-width: 300px; text-align: center; margin: auto;} span.c-price-slider__min{float: left; margin-top: 7px; font-size: 15px; color: #353434; font-weight: 600;} span.c-price-slider__max{float: right; margin-top: 7px; font-size: 15px; color: #353434; font-weight: 600;} .c-price__line{width: 100%; border-top: 2px solid #ccc; margin: 25px 0;} .c-price__line .line-bold-center{width: 200px; border-top: 4px solid #308cfb; text-align: center; margin: auto; margin-top: -3px;} .c-price-slider__specsprimary > span{margin: 10px;} .c-price-slider__specsprimary{font-size: 18px; font-weight: 600; color: #3c3a3a; margin-bottom: 20px;} .c-price-slider__specssecondary > span{margin: 10px;} .c-price-slider__specssecondary{font-size: 16px; margin-bottom: 45px;} .d-none{display: none!important;} .no-margin-top{margin-top: 0px!important; height: inherit !important;} .no-margin-top .oe_website_login_container{height: inherit;} .cursor{cursor: pointer;} @media(max-width: 1200px) and (min-width: 992px){.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{}.service-advance .service-text{min-height: 144px;}.faq-content .faq-item{min-height: 377px;}} @media(max-width: 385px){.store-bizapps-service .back-table{height: 200px;}.store-bizapps-service .front-table{padding: 20px 15px;}.c-price-slider__amount{font-size: 45px;}.c-price-slider__specsprimary{font-size: 12px;}.c-price-slider__specsprimary > span{margin: 5px;}} @media(max-width: 667px){.store-bizapps-service .back-table{height: 200px;}.store-bizapps-service .front-table{padding: 20px 15px;}.c-price-slider__amount{font-size: 45px;}.c-price-slider__specsprimary{font-size: 12px;}.c-price-slider__specsprimary > span{margin: 5px;}} @media(min-width: 992px){.pricelist-server-table img{max-width: 100%;}.uu-dai-banner .img-mobile{display: none;}.uu-dai-banner .img-desktop{display: block;}.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{min-height: 225px;}.btn-pricelist-group.btn-pricelist-fixed .btn-pricelist:hover{background: rgba(255, 255, 255, 0.1); color: #fff;}.btn-pricelist-group .btn-pricelist:hover img.active{display: inline-block;}.btn-pricelist-group .btn-pricelist:hover img:not(.active){display: none;}} @media(max-width: 992px){.pricelist-banner{background-image: linear-gradient(#1b3f90, #09183a);}.pricelist-banner img{margin-bottom: 0!important; padding: 15px 0; max-width: 100%;}.pricelist-banner .list-discount{margin-top: 30px!important; text-align: center!important; width: 100%;}.pricelist-banner .list-discount p:before{display: none;}.faq-content .faq-item{min-height: auto!important;}.service-advance .service-text{min-height: auto!important;}.btn-pricelist-group .btn-pricelist{width: 50%;}.server-banner .img-bg{display: none;}.server-banner .img-bg{display: none;}.server-banner .banner-text{display: block!important; background-image: linear-gradient(#1b3f90, #09183a); color: white; padding: 15px; text-align: center;}.server-banner .banner-text img{margin-bottom: 30px;}.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{min-height: 122px;}.btn-pricelist-group .btn-pricelist{height: 55px;}.btn-pricelist-group .btn-pricelist p{display: none;}.uu-dai-banner .img-mobile{display: block; margin: auto;}.uu-dai-banner .img-desktop{display: none;}.section-title{font-size: 30px;}.pricelist-server-table{padding: 15px;}.btn-pricelist-group.btn-pricelist-fixed .btn-pricelist{padding: 15px 0; height: 58px;}} .banner-training{padding: 0 15px; padding-top: 80px;} .banner-training h4{font-size: 31px; color: black;} .banner-training h1{color: #297fdd; font-size: 45px; margin-top: 10px;} .banner-training .schedule_training{position: absolute; left: 50%; transform: translate(-50%);} .banner-training .schedule_training .btn_schedule_training{font-size: 17px; font-weight: 600; width: 227px; height: 50px; background: green; color: white; margin: auto; padding: 13px; border-radius: 5px; display: inline-block; margin-top: 20px; margin-bottom: 30px; background-image: linear-gradient(to right, #4bac44, #d9d639); box-shadow: 0 0 10px 1px #0000002e;} .banner-training .banner_img{position: relative; margin-bottom: -55px;} .banner-training .banner_img img{display: inline-block;} .progress_training{background: #0d4e91; padding: 70px 0; padding-top: 80px; color: white;} .progress_training .left-progress .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0;} .progress_training .left-progress{max-width: 435px; font-size: 16px;} .progress_training .left-progress p{color: #758eb6;} .progress_training .left-progress .list-progress .biz-item img{display: block;} .progress_training .left-progress .list-progress .biz-item img.active{display: none;} .progress_training .left-progress .list-progress .biz-item.active img.active{display: block;} .progress_training .left-progress .list-progress .biz-item.active img{display: none;} .progress_training .left-progress .list-progress{margin-top: 40px;} .progress_training .left-progress .list-progress .biz-item:hover{box-shadow: 0 0 10px 8px hsla(0, 0%, 0%, 0.18); border-radius: 10px;} .progress_training .left-progress .list-progress .biz-item{cursor: pointer;} .progress_training .left-progress .list-progress img{margin: 15px 0;} .progress_training .progress-row{display: flex;} .progress_training .right-progress .progress-content.active{display: block!important;} .progress_training .right-progress .progress-content{max-height: 770px; min-height: 770px; overflow: auto; padding-right: 20px;} .progress_training .right-progress{background: white; padding: 30px; padding-right: 0; font-size: 16px; border-radius: 10px; min-height: 50px; float: right; width: 100%;} .progress_training .right-progress .progress-name{color: black;} .progress_training .right-progress .panel-progress{color: #48a1ff; display: inline-flex;} .progress_training .right-progress .panel-progress > *{display: inline-flex; align-items: center; justify-content: center; margin-right: 20px;} .progress_training .right-progress .panel-progress > * p{margin: 0; font-size: 14px;} .progress_training .right-progress .panel-progress > * img{margin-right: 5px; margin-bottom: 8px;} .progress-section .pros-section-title{color: #3c3a3a; font-weight: 600; margin-top: 21px; margin-bottom: 30px; font-size: 20px; border-bottom: 2px solid #e2e2e2;} .section-check-list .item-check{display: flex; align-items: start; color: #4e4d4d; margin: 15px 0; padding-left: 35px; position: relative;} .section-check-list .item-check:before{content: ""; width: 22px; height: 22px; position: absolute; left: 0; background: url(/icsc_bizapps/static/src/css/../img/training/check.png);} .section-check-list .item-check img{margin-right: 10px;} .step_training h1{margin-top: 0;} .step_training{text-align: center; color: black; padding: 80px 0; padding-bottom: 70px;} .step_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} .step_training .wrap-step{margin-top: 80px; display: flex; align-items: start;} .step_training .wrap-step .step-block{width: 20%; float: left; font-size: 17px; font-weight: 600; color: #424040;} .step_training .wrap-step .line-step{margin-top: 50px;} .step_training .wrap-step .step-block p{margin-top: 40px; text-align: center;} .target_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/target-bg.png); padding-top: 80px; padding-bottom: 80px; color: white;} .target_training h1{margin-top: 0;} .target_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} .target_training .target-wrap{margin-top: 50px;} .target_training .bg-transparent{padding: 30px; color: #e0dddd; font-weight: 600; font-size: 17px; border-radius: 10px; background: #ffffff14; height: 230px;} .commitment_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/commitment-bg.png); padding-top: 80px; padding-bottom: 30px; color: black;} .commitment_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: left;} .share_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/share-bg.png); padding-top: 80px; padding-bottom: 80px; color: white;} .share_training h1{margin-top: 0;} .share_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} #customers-testimonials{margin-top: 80px;} .owl-carousel.owl-loaded{display: block;} .owl-carousel{display: none; width: 100%; z-index: 1;} .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color: transparent; position: relative;} .shadow-effect{background: #fff; padding: 35px 20px; border-radius: 10px; text-align: center; border:1px solid #ECECEC; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); height: 400px; width: 600px;} #customers-testimonials .shadow-effect .fa-star{color: #F9DC43; margin-right: 10px;} #customers-testimonials .shadow-effect .customer-name{color: #403f3f; font-size: 25px; font-weight: 600; max-width: 450px; margin: auto; margin-bottom: 20px;} #customers-testimonials .shadow-effect p{font-family: inherit; font-size: 17px; line-height: 1.5; margin: 0 0 8px 0; font-weight: 300; color: #272626;} .testimonial-name{margin: -17px auto 0; display: table; width: auto; background: #3190E7; padding: 9px 35px; border-radius: 12px; text-align: center; color: #fff; box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);} #customers-testimonials .shadow-effect .customer_img{height: 75px; display: flex; align-items: center; overflow: hidden;} #customers-testimonials .shadow-effect .program .title{font-weight: 600; font-size: 13px; color: #7f868ede; margin-bottom: 3px;} #customers-testimonials .shadow-effect .program .customer_data{font-weight: 600; font-size: 14px; color: #403f3f; text-transform: uppercase; margin-bottom: 3px;} #customers-testimonials .shadow-effect .program .line-program{margin: auto; width: 160px; border-top: 1px solid #c2cbd6de; margin-bottom: 3px;} #customers-testimonials .item{text-align: center; opacity: .5; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #customers-testimonials .owl-item:not(.center){} #customers-testimonials .owl-item{width: 600px; display: flex; justify-content: center;} #customers-testimonials .owl-item.active.center{z-index: 99;} #customers-testimonials .owl-item.active.center .item{opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); position: absolute;} .owl-carousel .owl-item img{margin: 0 auto 0px; width: auto;} #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span{background: #3190E7; transform: translate3d(0px, -50%, 0px) scale(0.7);} #customers-testimonials.owl-carousel .owl-dots .owl-dot{display: inline-block;} #customers-testimonials.owl-carousel .owl-dots .owl-dot span{background: #3190E7; display: inline-block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px;} .owl-prev{position: absolute; left: 10%; top: 40%; color: transparent; width: 100px; height: 100px; background: url(/icsc_bizapps/static/src/css/../img/training/pre.png)} .owl-next{position: absolute; right: 10%; top: 40%; color: transparent; width: 100px; height: 100px; background: url(/icsc_bizapps/static/src/css/../img/training/next.png)} @media(min-width: 992px){.slide_home .title-banner{font-size: 37px; letter-spacing: -1px;}} @media(max-width: 992px){.slide_home .title-banner{font-size: 20px;}.slide_home .sub-title-banner{font-size: 16px;}} @media(max-width: 450px){.slide_home p.title-banner{font-size: 17px;}.slide_home .sub-title-banner{font-size: 14px;}.slide_home p.sub-title-banner{font-size: 14px; margin-bottom: 15px;}.banner2 p{font-size:13px;}.btn-banner-group .btn-banner{margin-bottom: 30px;}.bizapps-title{font-size: 30px; margin-top: 40px; margin-bottom: 40px;}.nentang-title{font-size: 30px;}.nentang-sub-title{padding: 0 60px;}} @media(max-width: 992px){.step_training .line-step{display: none;}.step_training .wrap-step{display: block;}.step_training .wrap-step .step-block{margin: auto; float: none; min-width: 170px;}.target_training .bg-transparent{margin-top: 15px;}.commitment_training .commitment-list{padding: 15px 0;}.commitment_training .commitment-wrap img{margin: auto;}.progress_training .progress-content{display: block!important; overflow: unset!important; max-height: unset!important; min-height: unset!important; margin-top: 50px;}.progress_training .left-progress{display: none;}.progress_training .right-progress{padding: 15px;}.progress_training .col-md-6{min-height: unset;}.progress_training{padding-bottom: 15px; padding-top: 15px;}.banner-training .banner_img{margin-bottom: 0px;}.banner-training .schedule_training{position: unset;}} @media(max-width: 630px){#customers-testimonials .shadow-effect{width: unset;}} @media(max-width: 992px){.background-login{display: none;}.login-direction{padding: 20px 10px 0 10px !important;}} .login-direction{padding: 20px 20px 0 20px; display: flex;} .login-direction .login-direction-right{order: 2; margin: auto; margin-right: 10px;} .background-login{background-image: url('/icsc_bizapps/static/src/img/login-img2.png'); background-repeat: no-repeat; background-size: cover; padding: 0 !important;} .background-login .logo-login{padding-top: 68px; padding-left: 70px;} .background-login .tim-hieu-them{margin-top: 63px; margin-left: 70px} .background-login h3{color: #FFFFFF; font-size: 40px; font-weight: 700; line-height: 52px; margin-top: 243px; margin-left: 70px; margin-right: 93px} .background-signup{background-image: url('/icsc_bizapps/static/src/img/register-img2.png'); background-repeat: no-repeat; background-size: auto; padding: 67px 15px 0 70px !important;} .custom-select{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px;} .custom-select select{display: none;} @media(max-width: 1024px){.select-selected:after{top: 55px !important;}.select-selected.select-arrow-active:after{top: 55px !important;}} .select-selected:after{position: absolute; content: ""; top: 73px; right: 35px; width: 15px; height: 10px; background-image: url('/icsc_bizapps/static/src/img/vec-arrow.png'); background-repeat: no-repeat;} .select-selected.select-arrow-active:after{background-image: url('/icsc_bizapps/static/src/img/vec-arrow.png'); top: 73px; background-repeat: no-repeat;} .select-items div{color: #000; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 20px;} .select-selected{color: #33415C; cursor: pointer; user-select: none; height: 45px; line-height: 45px; padding: 0 0 0 20px; max-width: 230px; overflow: hidden; text-overflow: ellipsis;} .select-items{position: absolute; background-color: #fff; top: 140%; left: 0; right: 0; z-index: 99; max-height: 400px; overflow-y: auto; margin: 5px 15px 0 15px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1);} .search-items{position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; height: 45px; overflow-y: auto; margin: 0 15px 0 15px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1);} .select-hide{display: none;} .search-hide{display: none;} .search-input{width: 100%; height: 100%; border: none;} .select-items div:hover, .same-as-selected{background-color: rgba(0, 0, 0, 0.1);} .company-name.dangkydungthu::placeholder{text-align: right !important;} .label-sigup{color: #33415C !important; font-weight: 600 !important;} .alert-sigup-all{margin-top: 10px; display: flex; color: #FC7646; font-size: 15px; font-weight: 400; margin-left: 20px;} .alert-sigup{margin-top: 10px; display: flex; color: #FC7646; font-size: 15px; font-weight: 400;} .img-alert-sigup{width: 16px; height: 16px; margin-right: 10px;} #alert_company_signup,#company_name_info,#alert_confirm_passw_signup,#alert_email_signup,#alert_phone_signup,#alert_sigup_all{display: none; margin-top: 15px;} .active-sigup-info ,.active-sigup{display: block !important;} .title-selection{margin: 25px 0 5px 0; font-size: 16px; font-weight: 600; color: #33415C;} .href-signup{display: flex; align-items:center; justify-content: space-between; padding: 40px 55px 0 55px;} @media(max-width: 480px){.href-signup span{font-size: 14px !important;}} .href-signup span{color: #33415C; font-size: 17px; line-height: 28px; font-weight: 400;} @media(max-width: 1024px){.href-signup{padding: 0 !important;}} .alert-border{border: 1px solid #FC7646 !important;} .round-signup{position: relative; width: 5%;} .round-signup label{background-color: #fff; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; height: 24px; left: 0; position: absolute; top: 0; width: 24px;} .round-signup label:after{border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 6px; transform: rotate(-45deg); width: 12px;} .round-signup input[type="checkbox"]{visibility: hidden;} .round-signup input[type="checkbox"]:checked + label{background-color: #CED3DA; border-color: #CED3DA;} .round-signup input[type="checkbox"]:checked + label:after{opacity: 1;} .container-signup-for-trial .select-selected{max-width: none !important;} .button-app{background-color: #0674E5; border-radius: 8px; color: #fff; padding: 5px 0 5px 10px; margin-right: 3px;} .title-app{font-size:16px; font-weight:500} .menu-forum-header{margin-top: 123px !important;} .company-name:focus + .tooltiptext{visibility: visible;} .login_box .container-note{margin: 3px 0 0 10px;} .login_box .container-note:hover + .tooltiptext{visibility: visible;} .login_box .tooltiptext{visibility: hidden; width: 270px; color: #6B7177; text-align: left; background: #FFFFFF; border: 1px solid #94A0B4; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 8px 15px; margin-top: 10px; position: absolute; z-index: 1; font-size: 13px; font-weight: 500; line-height: 18px;} .login_box .tooltiptext.custom{margin-top: -70px;} .login_box .img-question{width: 18px; height: 18px; margin-left: 5px;} .log-in-page{height: inherit;} .container-login-biz{padding-bottom: 191px; color: #33415C;} .container-login-biz .login_right{float: none; margin: auto; padding-top: 120px;} .container-login-biz .login_right h3{font-size: 36px; margin-bottom: 5px; font-weight: 700; color: #2980D9; line-height: 44px;} .container-login-biz .btn-login-system{margin-top: 25px; height: 50px; border-radius: 8px !important; font-size: 17px; font-weight: 600 !important; line-height: 28px;} .container-signup-custom .field-db{padding: 0 15px;} 

/* /icsc_bizapps/static/src/css/css.css defined in bundle 'web.assets_frontend' */
 @font-family-sans-serif: 'Myriad Pro Regular',"Helvetica Neue", Helvetica, Arial, sans-serif!important; .jumbotron p{font-weight: normal;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Myriad Pro Semibold';} cite, em, var, address, dfn{font-family: 'Myriad Pro Regular',sans-serif;} ::placeholder{font-family: 'Myriad Pro Regular',sans-serif;} :-ms-input-placeholder{font-family: 'Myriad Pro Regular',sans-serif;} ::-ms-input-placeholder{font-family: 'Myriad Pro Regular',sans-serif;} .navbar-default .navbar-nav > li > a span{font-family: 'Myriad Pro Regular',sans-serif;} body{font-family: 'Myriad Pro Regular',sans-serif!important; font-size: 15px;} .product-name-h5 label a{font-family: 'Myriad Pro Regular',sans-serif;} .p_ad2cart #add_to_cart{font-family: 'Myriad Pro Regular',sans-serif;} .ch_h1_class, .chs_heading{font-family: 'Myriad Pro Regular',sans-serif;} .company_details_footer .customer-contact-ul .contact_detail_para{font-family: 'Myriad Pro Regular',sans-serif;} .ctg_subtitle_main{font-family: 'Myriad Pro Regular',sans-serif;} .first-level-category .first-level-category-li .first-level-left-div .first-level-category-a, .sub_menu .menu_heading{font-family: 'Myriad Pro Regular',sans-serif;} .view-as{font-family: 'Myriad Pro Regular',sans-serif;} .faq-content .faq-block .question, .pricelists-bizapps .btn-contactus, .pricelists-bizapps .table-pricelist .pricelist-title, .section_whendouse h4, .block_best_price .prt_caption, .block_best_price .prt_caption a, .feature-title h5, .feature-content span, .fl.spinner2 .server-creating, .caption-content h3, .text-header h3, #bizapp-login .login_right h3, .sign-up-page .login_right h3, .btn-social-network a.fa, .btn-submit-register, .btn-login-system, .info-data .btn-more a, .btn-service, #bizapp-blog .btn-more a, .bizapp-blog h4, .count-comment p, #inquiry_form_id label, #bizapp-footer .bg_footer li, .e-heading, .slide_home .title-banner, .slide_home .sub-title-banner, .navbar-static-top.header-static .navbar-nav > li > a, .app-quanly-conten h4 , .nentang-box-left h2, .main-partner-label h2, .navbar-nav-left li a:before, .navbar-nav-left li.active a:after, a.btn-addhelp-new, #register-frm .panel-body a.link-website, .login_box .login_right h3, #pricing .o_odoo_editions .o_table_features thead th b, #pricing .o_odoo_editions .o_table_features thead th strong, #pricing .o_odoo_editions .o_table_features thead th a, #pricing .o_odoo_editions .o_table_features tbody > tr > td, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td b, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td strong, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td a, .inquiry_form button, .reset_password div.pull-right div a, .percentage{font-family: 'Inter', sans-serif !important; font-weight: bold !important;} #oe_main_menu_navbar{border: none;} body.o_connected_user{padding-top: 45px !important;} .menu-forum-header .navbar-nav > li > a{padding: 10px 50px 7px;} .menu-forum-header .navbar-brand{padding: 10px 50px 7px;} 

/* /icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/myriad-pro.min.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-REGULAR.woff') format('woff');} @font-face{font-family: 'Myriad Pro Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-COND.woff') format('woff');} @font-face{font-family: 'Myriad Pro Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Condensed Italic'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-CONDIT.woff') format('woff');} @font-face{font-family: 'Myriad Pro Light'; font-style: normal; font-weight: normal; src: local('Myriad Pro Light'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MyriadPro-Light.woff') format('woff');} @font-face{font-family: 'Myriad Pro Semibold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-SEMIBOLD.woff') format('woff');} @font-face{font-family: 'Myriad Pro Semibold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Semibold Italic'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-SEMIBOLDIT.woff') format('woff');} @font-face{font-family: 'Myriad Pro Bold Condensed'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-BOLDCOND.woff') format('woff');} @font-face{font-family: 'Myriad Pro Bold'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-BOLD.woff') format('woff');} @font-face{font-family: 'Myriad Pro Bold Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Italic'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-BOLDIT.woff') format('woff');} @font-face{font-family: 'Myriad Pro Bold Condensed Italic'; font-style: normal; font-weight: normal; src: local('Myriad Pro Bold Condensed Italic'), url('/icsc_bizapps/static/src/fonts/myriad-pro-cufonfonts-webfont/MYRIADPRO-BOLDCONDIT.woff') format('woff');} 

/* /icsc_bizapps/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+1F00-1FFF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0370-03FF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .fade{animation-name: fade; animation-duration: 2s; opacity: unset !important;} a:hover{text-decoration: none;} .form-group{width: 100%; float: left;} .p-0{padding: 0;} .p-4{padding: 4px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold;} .o_main_navbar .open .dropdown-menu{z-index: 999;} body .o_main_navbar{overflow: visible;} @media(max-width: 768px){body .o_main_navbar .o_menu_sections{display: none;}body.o_mobile_menu_opened .o_main_navbar .o_menu_sections{display: block;}} #wrapwrap{width: 100%!important;} #wrapwrap > *{display: block;} #wrapwrap > main{height: auto; margin-top: 68px;} #wrapwrap > main.ishomepage{margin-top: 0;} .fl.spinner2 .server-creating{width: 300px; position: absolute; top: 64px; left: -103px; color: #fff; font-weight: bold;} #fake_loading{z-index: 9999999 !important; overflow: auto;} .carousel-img.img-rounded.col-md-6.img_hidden.col-sm-12.pull-right{opacity: 0.5} .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img{height: 74px; width: 74px; margin: auto;} #bizapp-brand .bg_footer{padding-top: 54px !important; padding-bottom: 40px !important;} #bizapp-brand, #bizapp-app, #bizapp-about{padding: 40px 0; background: #fff;} #fake_loading .spinner8{width: 100%; text-align: center;} .navbar-brand.logo{margin-top:-10px;} #fake_loading .register-loading{background: url(/icsc_bizapps/static/src/css/../img/loading.gif); height: 80px; width: 80px; max-width: 500px; background-size: 100% 100%; margin: auto;} .progress-bar-striped{animation: progress-bar-stripes 1s linear infinite;} #fake_loading .spinner8 .img-register-loading{background: url(/icsc_bizapps/static/src/css/../img/register-loading.png); width: 30vmax; height: 14vmax; display: inline-block; background-size: 100% 100%;} #bizapp-content, #bizapp-slide-two{padding: 40px 0;} .caption-content h3{font-size: 14px; font-weight: bold; color: #000;} .text-header{padding: 20px 0px;} .text-header h3{margin: 0; padding: 10px 0; color: #2780DA; font-weight: bold; font-size: 16px; text-transform: uppercase;} .text-header h3 span{margin-left: 20px; color: #000;} .btn-more{padding-top: 10px;} .btn-more a{padding: 6px 20px; float: left; color: #000; border-radius: 40px;} .btn-more a:hover{color: #fff; background: #2885e0;} .bizapp-about{background: url(/icsc_bizapps/static/src/css/../img/about.png) no-repeat center;} .imgs{width: 50px;} .star{color: #c80016;} .text-bizapp-app{padding-bottom: 20px; margin-left: 40px;} #bizapp-parallax{min-height: 300px;} #bizapp-parallax{background: url(/icsc_bizapps/static/src/css/../img/bg-reg.jpg) no-repeat; background-position: 50% 23px; background-size: cover !important;} #bizapp-parallax.slide{height: 300px !important;} #bizapp-parallax .slide-text-item h2{color: #fff; margin: 0;} #bizapp-parallax .slide-text-item h2{font-size: 17px; margin-bottom: 15px;} .bizapp-form{width: 75%; border-radius: 5px; margin: 0 auto; padding-bottom: 5px; background: rgba(39, 41, 45, 0.28);} #bizapp-form-reg{width: 80%;} #bizapp-form-btn{padding: 6px 50px;} .footer .col-left ul li{padding-right: 10px !important; border-right: 1px solid #0c697b;} .footer ul li:last-child{border: none;} @media(min-width: 1200px){div.navbar-static-top .navbar-nav.left-menu > li{margin-left:10px; margin-right:10px;}} @media(max-width: 992px){.container-register-service .login_img{display: none;}} .container-register-service{max-width: 1280px; margin: auto; margin-top: 30px; padding: 15px;} .bizapps-register-service input{color: #353535;} .bizapps-register-service input#system, .bizapps-register-service input#link-system{background: #edf4fb; cursor: not-allowed; border-color: rgb(165, 192, 234);} .bizapps-register-service input::placeholder{font-size: 12px;} .bizapps-register-service input#system:focus, .bizapps-register-service input#link-system:focus{box-shadow: none;} .login_right .form-control{box-shadow: none;} .login_right .form-control:focus{box-shadow: inset 0px 0px 0px rgba(0,0,0,.075), 0 0 1px 1px rgb(45, 125, 255);} .bizapps-register-service{margin-bottom: 100px; padding: 0;} .bizapps-register-service .login_img img{width: 100%;} .bizapps-register-service .login_right{width: 100%; border-radius: 5px; float: right; height: auto; padding-bottom: 0; background: #FFFFFF; padding-top: 0;} .bizapps-register-service .login_right .register-frm{margin-top: 40px;} .bizapps-register-service .login_right .form-group{margin-bottom: 15px;} .bizapps-register-service .agree-checkbox{} .bizapps-register-service .text-info{color: #0060b7; margin-top: 5px; font-size: 12px;} .bizapps-register-service .text-link{color: #2e80ff; font-weight: 600;} .bizapps-register-service .login_right #input_demo{margin-right: 5px; float: left;} .bizapps-register-service .login_right label{font-size: 15px; width: auto;} .bizapps-register-service .login_right .btn-register-service{border-radius: 5px; font-size: 15px;} .bizapps-register-service .btn-register-service:hover{background-color: #2f82ff;} #bizapp-login{width:100%;} #bizapp-login .login_img{width:100%;} #bizapp-login .login_right, .sign-up-page .login_right{width: 100%; border-radius: 5px; float: right; height: auto; padding-bottom: 0; background: #FFFFFF;} .login{} #bizapp-login .login_right h3, .sign-up-page .login_right h3{margin-bottom: 20px; font-size:27px; color: #2c85dd; font-weight: bold; padding-left: 15px; padding-top: 0px; margin-bottom:0px;} .login_right button{width: 100%;} .login_right input::placeholder{font-style: normal !important;} .btn-social-network .btn-custom{border-radius: 8px !important; height: 50px !important;} .btn-social-network .btn-custom img{padding: 6px 10px 6px 0;} .btn-social-network .btn-custom .btn-name{font-size: 15px; font-weight: 400; line-height: 28px;} .btn-social-network a.fa{color: white; height: 35px; background: #0785dd; border-radius: 3px; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .btn-social-network a.fa::before{display: none;} .btn-social-network a.fa-google-plus-square{background: #FF928E;} .btn-social-network a.fa-facebook-square{background: #45A1FF;} .form-signup input::placeholder{font-style: italic;} .btn-submit-register{font-size: 17px !important; height: 50px!important; font-weight: 600 !important; line-height: 28px !important; margin-bottom: 75px; border:0; width:100%; background:#33415C !important; border-radius: 8px !important;} .btn-submit-register.signup-active{background:#2980D9 !important;} .sign-up-page{height: inherit;} .btn-login-system{margin-top:0; margin-bottom:0!important; background: #297fdd; height: 45px; border:0 ; font-weight: bold;} .btn-login-system:hover{border: 0; background: #1c64ad!important;} #bizapp-login .login_right form.login ul{float: left; padding-top: 14px; padding-left: 20px; font-family:Roboto Light; font-size:12px; color:#4d4d4d;} #bizapp-login .login_right form.login ul li a{border-left:2px solid #2984E0; padding-left:10px; color:#4d4d4d;} #bizapp-login .login_right .lienhe h3{position:absolute; top:0px; left:68px; background:none; font-family:Roboto Regular; font-size:13px;} #bizapp-login .login_right .text{text-align: center; margin-top: 15px; font-style: italic;} #bizapp-login .login_right .text p{background:none; font-size: 15px; color: #2b2b2b; line-height:12px; height:auto;} @media(min-width: 992px){.flex-col-login-signup{display: flex; align-items: flex-end;}} .btn-social-network a.fa{margin-top: 0; width: 100%; height: 45px; padding: 12px 6px 11px 6px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; display: flex; align-items: center;} .btn-social-network a.fa i{font-size: 38px; margin-right: 10px;} .btn-social-network ul{padding: 0 !important;} .btn-social-network ul li{list-style: none;} .btn-social-network ul li{border-radius: 2px; margin-bottom: 10px;} .btn-social-network ul li a{color: #ffffff;} .btn-social-network .btn{padding: 0 12px !important;} .btn-social-network ul li i{width: 23px; padding: 10px 20px 10px 10px; color: #ffffff; border-right: 1px solid #000;} .facebook{background: #36609c;} .twitter{background: #2aa6dd;} .google{background: #d85442;} .btn-res button{width: 100%;} .info-pack{padding: 0px 35px;} .thead{background: url(/icsc_bizapps/static/src/css/../img/backnav.png) no-repeat;} .img-bank img{padding: 15px; border: 1px solid #ccc;} .img-bank{margin-bottom: 20px; padding-right: 5px;} .img-bank a img:hover{border: 1px solid #2986e2;} .img-bank a img:focus{border: 1px solid #2986e2;} .info-data .btn-more a{border: 1px solid #2986e2; padding: 10px 70px; font-weight: bold;} #bizapp-product{} #bizapp-product h3{color: #2986e2;} .bizapp-category ul.info-pay{margin: 0 !important; padding: 0 !important;} .bizapp-category ul li{list-style-type: none; padding: 10px 0; border-bottom: 1px solid #ccc;} .bizapp-category ul li a{padding-left: 8px;} .bizapp-category ul li .fa{font-size: 5px; position: absolute; padding-top: 7px;} .bizapp-product-list .pull-right h3{background: #2986e2; padding: 12px 20px; color: #fff !important; border-radius: 5px;} .bizapp-product-list .list-app div{margin-bottom: 30px;} .bizapp-btn{margin-top: 10px; margin-bottom: 8px; padding: 0;} .bizapp-btn a{float: none;} .list-service .imgs{width: 100px;} .list-service table tr td:nth:child(2n){} table tr td[data-rel='$']{padding-top: 40px !important;} .bizapp-upload-app{border: 1px solid #ccc; width: 80%; margin-left: 30px; padding: 2px 0;} .input-full{width: 76%;} .input-width-custom{width: 60%;} .lable{width: 160px; background: #d8d8d8; padding: 8px 2px 8px 14px; margin-right: 5px; border-bottom: 1px solid #ffffff;} .bizapp-upload-app .border{width: 100%; border-bottom: 1px solid #d4d4d4; margin-bottom: 3px; padding: 0;} .borderCustom{margin-top: 3px;} #bizapp-upload-app .panel{border: none;} #bizapp-upload-app .panel-heading{background: #2986e2;} #bizapp-upload-app .panel-heading .panel-title a{color: #ffffff;} #bizapp-upload-app .panel-heading a:after{font-family:'Glyphicons Halflings'; content:"\e082"; margin-right: 10px; float: left; color: #ffffff;} #bizapp-upload-app .panel-heading a.collapsed:after{content:"\e081";} #bizapp-upload-app a.btn{width: 100%;} .bizapp-cat-price{padding: 0 10px; border: 1px solid #ccc; border-top: 9px solid #2986e2; border-radius: 3px;} .bizapp-cat-price h3{margin: 0; margin-top: 12px;} .bizapp-cat-price .bizapp-category ul li{text-indent: 5px;} .bizapp-cat-price .bizapp-category ul li span{text-align: right; float: right;} .bizapp-cat-price .bizapp-category ul li span i{margin-right: 10px;} .bizapp-cat-price .bizapp-category ul li:last-child{border-bottom: none;} @media(max-width: 768px){.pricelists-bizapps .service-btn{text-align: center;}} .btn-service-group{padding-top: 40px!important;} .btn-service{white-space: pre; background: transparent; border-radius: 30px; border-color: #3880db; color: #3880db; padding: 10px; border: 2px solid; font-weight: bold; min-width: 280px; margin-bottom: 10px; white-space: pre; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .btn-service.active, .btn-service:hover, .btn-service:focus, .btn-service.focus{color: #fff; background: #3880db;} .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{background: #3880db; border-color: #3880db; color: #fff;} .bizapp-field{margin-bottom: 26px; border-radius: 5px;} .bizapp-field .thumbnail{padding: 0;} .bizapp-field .thumbnail .caption{background: #f0f0f0;} .bizapp-field img{display: block; text-align: center; width: 100%;} .thumbnail:hover{border-color: #298eea ;} .thumbnail .caption.blue{padding: 20px 0;} .thumbnail:hover .caption.blue{background: #298eea ;} .thumbnail:hover .caption.blue h4{color: #ffffff;} .thumbnail .caption.blue h4 i{font-size: 25px; font-style: inherit;} .app .bizapp-field .thumbnail .caption{text-align: center;} .blog-head{border-bottom: 1px solid #ccc;} .blog-head p{font-size: 16px; margin-bottom: 2px} .blog-head p span{color: #298eea;} .blog-head p span.glyphicon{color: #000; font-size: 12px;} #bizapp-blog .btn-more a{float: none; background: #298eea; color: #ffffff; font-weight: bold;} .bizapp-blog .well{padding-bottom: 13px; border: none; margin: 0; background: #f3f8fc;} .bizapp-blog .well:nth-child(2n+1){background-color: #ffffff;} .bizapp-blog h4{color: #000; font-weight: bold; margin-bottom: 12px;} .bizapp-blog .media-body{padding-left: 12px !important;} .bizapp-blog .media-body i{color: #298eea;} .count-comment{float: left;} .count-comment{float: left; line-height: 15px; padding: 0px 20px; border: 1px solid #298eea;} .well:hover .count-comment, .well:hover .count-comment p{background: url(/icsc_bizapps/static/src/css/../img/one.png) no-repeat; background-size: cover; border: none; color: #ffffff;} .count-comment p{color: #298eea; font-size: 16px; font-weight: bold;} .count-comment span.glyphicon.glyphicon-triangle-top{color: #000; font-size: 10px; left: 3px;} .count-comment span.glyphicon.glyphicon-triangle-bottom{color: #000; font-size: 10px; left: 3px;} .count-comment p{text-align: center; text-indent: 3px;} .bizapp-blog .well.detail-blog{background: #ffffff;} #bizapp-footer{color: #fff; width: 100%; float: left;} #bizapp-footer h4, #bizapp-footer h2{font-size: 14px; min-height: 27px;} #bizapp-footer li:not(.e-heading){list-style: disc; color: #5391fd; margin: 10px 0;} #bizapp-footer .l_top ul{padding-left: 15px; margin-top: 40px; margin-left: 5px;} .bg_footer{background: url(/icsc_bizapps/static/src/img/footer.png) no-repeat; height: auto; background-size: 45%; background-position: right bottom; padding-bottom: 40px;} #inquiry_form_id .contact-title{color: #999; margin-bottom: 20px;} #inquiry_form_id .form-group{margin-bottom: 10px;} #bizapp-footer .bg_footer li{list-style: none; margin: 5px 0; float: left; width: 100%;} #bizapp-footer .bg_footer li.e-heading{margin: 0; margin-bottom: 20px;} .info-line-left{float: left; width: 25px;} .info-line-right{float: right; width: calc(100% - 25px);} #bizapp-footer .li-block{min-height: 130px; margin-bottom: 25px;} .b-social > li{float: left;} .b-social > li.fb a{background-position: -2px -39px;} .b-social > li + li{margin-left: 12px;} .b-social > li.tw a{background-position: -2px -76px;} .b-social > li.in a{background-position: -2px -224px;} .b-social > li.gp a{background-position: -2px -187px;} .b-social > li.yt a{background-position: -2px -256px;} .b-social > li a{border-radius: 50%; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -o-transition-property: border-color, background-image; -moz-transition-property: border-color, background-image; -webkit-transition-property: border-color, background-image; transition-property: border-color, background-image; display: block; background: url(/icsc_bizapps/static/src/img/social-normal.png) 0 0 no-repeat; width: 33px; height: 33px; overflow: hidden; text-indent: -9999px; border: 2px solid #839199;} .b-social > li a:hover{border-color: #c8ccce; background-image: url(/icsc_bizapps/static/src/img/social-hover.png);} .e-heading{color: #fff; display: inline-block; padding: 0 0 2px; font-weight:bold; text-transform: uppercase; margin-bottom: 15px; margin-left: -15px;} .btn-primary{color: white; background-color: #0785dd !important; border-color: #0785dd !important;} .btn-social-login{margin-bottom: 10px;} .oe_social_share_call{margin-bottom: 10px;} #footer-bottom{background: #191828; padding: 20px 0px 20px 0px; margin-top:20px;} #footer-bottom ul li , #footer-bottom ul li a{color: #2c85dd!important;} .inquiry_form input, .inquiry_form button{background: #120f1d;} .inquiry_form input:not(.has-error), .inquiry_form button{border: 0;} #newsletter{background: #5993ff url(/icsc_bizapps/static/src/img/newletter.png) 0 0 no-repeat; background-position: center; background-size: cover; width: 100%; float: left; height: 0; padding-top: 35px; padding-bottom: calc(100% /6 + 50px);} #self-host{background: url(/icsc_bizapps/static/src/img/selfhost.png) 0 0 no-repeat; background-position: center; width: 100%; float: left; height: 25vmax; background-size: 100% 100%;} .feature{background: #5993ff url(/icsc_bizapps/static/src/img/backgroud_feature.png) 0 0 no-repeat; background-position: center; height: 0; width: 100%; float: left; background-size: 100% calc(100% - 30px); background-position: top center; padding-bottom: calc(100% / (1*3)); padding-top: 30px;} .slide_home .title-banner{color: white; margin: 0; font-weight: bold;} .slide_home .sub-title-banner{font-size: 20px; color: white; font-weight: 100; margin-top: 15px; margin-bottom: 45px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .bizapps-title{font-size: 36px; text-align: center; margin-top: 100px; margin-bottom: 50px; font-weight: 400;} .main_description{margin-bottom: 30px; color: #313030; width: auto;} #product_full_description{background: white; padding: 20px;} .main_description #product_description_sale{max-width: 900px; margin: auto;} .sub_cat{border-left: 2px #555 solid; padding-left: 20px; margin-bottom: 20px;} .icsc_snippet_header{margin-top:10px;} .FAQs-block{border-radius: 3px; border: solid 1px #ccc;} .FAQs-block .heading{background: #F5F5F5FF; padding: 10px 15px;} .FAQs-block .body-faq{padding: 10px;} .navbar-static-top.header-static{transition: 0.5s;} @media(min-width: 1200px){.navbar-static-top.header-static{background: transparent; padding: 20px 0;}div.navbar-static-top.header-static .navbar-nav > li > a:focus, div.navbar-static-top.header-static .navbar-nav > li > a:hover{color: #fff;}.navbar-static-top.header-static .navbar-nav > li > a{color: #3e3c3c;}div.navbar-static-top.header-static .navbar-nav > li > a{color: #fff; background: transparent;}div.navbar-static-top.header-static .navbar-nav > li{color: white;}div.navbar-static-top .navbar-nav > li{color: black;}div.navbar-static-top #top_menu > li{margin: 0 10px;}div.navbar-static-top #top_menu .dropdown > .dropdown-toggle{padding-left: 10px; padding-right: 10px;}.header-static:not(.ondown) .dropdown.open .parent-menu-dropdown, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:focus, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:active, .header-static:not(.ondown) .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; color: #7b7979; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 3px solid transparent; border-top-right-radius: 5px; border-top-left-radius: 5px;}.left-menu .dropdown-menu-custom{border-top-left-radius: 5px!important; border-top: 0; border-right: 0;}.menu-right-account .dropdown-menu{border-top-left-radius: 5px!important;}.left-menu .dropdown-menu-custom{min-width: 170px; max-width: 235px;}} .navbar-static-top:not(.header-static){box-shadow: 0px 0px 7px 0px #0000001f; background: #fff;} .navbar-static-top{position: fixed; width: 100%; border: 0;} .navbar-static-top.header-static .logo-bizapps, .navbar-static-top.header-static .logo-bizapps-white{width:auto; max-height: unset; margin: 0;} .navbar-static-top.header-static .logo-bizapps{display: none;} .navbar-static-top.header-static .logo-bizapps-white{display: block;} .navbar-static-top.header-static.ondown .logo-bizapps{display: block;} .navbar-static-top.header-static.ondown .logo-bizapps-white{display: none;} .navbar-static-top.header-static .icon-notact{display: none;} .navbar-static-top.header-static .icon-act{display: inline-block;} .navbar-static-top.header-static.ondown .icon-notact{display: inline-block;} .navbar-static-top.header-static.ondown .icon-act{display: none;} .navbar-static-top.ondown{padding: 0; background: white; box-shadow: 0px 0px 7px 0px #0000001f;} .navbar-static-top .navbar-header{margin-left: 0!important; margin-right: 0!important; padding: 10px 0;} .navbar-static-top.header-static .navbar-nav > li > a{} .navbar-static-top .navbar-nav > li > a{font-size: 13px; padding: 23px 0px; color: #565555; font-weight: 400; border: 1px solid transparent; border-top: 3px solid transparent;} div.navbar-static-top.ondown.header-static .navbar-nav > li, div.navbar-static-top.ondown.header-static .navbar-nav > li > a{color: #3e3c3c; font-weight: 400;} div.navbar-static-top.ondown .navbar-nav > li > a:focus, div.navbar-static-top.ondown .navbar-nav > li > a:hover{color: #333333; background-color: transparent; font-weight: 600;} div.navbar-static-top .navbar-nav > li > a:focus, div.navbar-static-top .navbar-nav > li > a:hover{font-weight: 600;} div.navbar.navbar-default.header-static ul.navbar-nav > li > a:before{background: white;} div.navbar.navbar-default.ondown ul.navbar-nav > li > a:before{background: #0785dd;;} .navbar-static-top .left-menu{float: left; display: flex; align-items: center; justify-content: center; float: none; display: inline-block; margin-left: 65px;} .navbar-static-top .navbar-top-collapse{text-align: center; border: none; box-shadow: none;} .header-static.ontop .navbar-toggle .icon-bar, .header-static .navbar-toggle .icon-bar{background-color:white;} .header-static.ondown .navbar-toggle .icon-bar{background-color: #888;} #wrapwrap header{margin-bottom: 0; display: block; height: 0; min-height: 0;} @media(min-width: 530px){#product_detail .nav-search{position: static; width: 100%; z-index: 999; padding: 10px 0; background: white; box-shadow: 0px 1px 7px #ccc;}.product-detail-fix{padding-top: 25px;}} #product_detail .nav-search{position: static; width: 100%; z-index: 999; padding: 10px 0; background: white; box-shadow: 0px 1px 7px #ccc;} .product-detail-fix{padding-top: 25px;} .btn.btn-default.dropdown-toggle{height: 34px; margin-right: 10px;} #product_detail{background: #F4F4F4FF;} .bizapp-blog .well.detail-blog .count-comment,.bizapp-blog .well.detail-blog .count-comment p{background: url(/icsc_bizapps/static/src/css/../img/one.png) no-repeat; background-size: cover; border: none; color: #ffffff;} .bizapp-blog .btn-cus{background: #298eea; color: #fff; margin-right: 10px; padding: 6px 14px;} .form-comment i{color: #000 !important;} .btn-comment{margin-top: 10px; padding: 7px 20px;} .bizapp-blog .well.reply{background: #f3f8fc; margin-bottom: 20px;} .btn-submit button{width: 100%; background: none; color: #000; border: 1px dashed #ccc;} .btn-submit button:hover{background: #298eea;} .bizapp-blog .panel-heading{background: url(/icsc_bizapps/static/src/css/../img/ttgc-35.png) no-repeat; height: 80px; font-size: 25px; color: #FFFFFF; padding-left: 20px; border-color:#ffffff !important;} .panel-article{border-color: #ccc;} .panel-article .panel-body{padding-top: 0;} #testimonials .well{background: #ffffff; border:1px solid #298eea; border-radius: 10px;} #testimonials .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 75px;} .info-data .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 90px;} #bizapp-content .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 151px; background-size: 340px 35px;} #bizapp-app .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 76px; background-size: 300px 35px;} #bizapp-slide-two .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 15px; background-size: 255px 35px;} #bizapp-about .text-header h3{background: url(/icsc_bizapps/static/src/css/../img/backgrount-header.png) no-repeat 148px; background-size: 300px 35px;} #testimonials .testimonials-item span{text-align: right;} #testimonials .testimonials-item .testimonials-number{border: 1px solid #298eea; border-radius: 65%; padding: 0 5px; background: #298eea; color: #ffffff;} #testimonials .testimonials-item .testimonials-question{text-align: right; float: right;} .ui-helper-hidden-accessible{position: inherit !important;} .fa-4{font-size: 22px;} .bizapp-form-search{background: #eaeaea; padding: 13px; border-radius: 10px; text-align: right;} .bizapp-form-search input.form-control{height: 50px;} .bizapp-form-search .btn-primary{color: #fff; background-color: #298eea; border-color: #298eea; padding: 6px 39px;} .btn-primary:hover{color: #fff; background-color: #2480d4; border-color: #298eea;} .bizapp-btn-question a{width: 100%; padding: 13px 0 10px 0;} ul.ui-autocomplete{z-index: 20002 !important;} .icsc_snippet_sector .list-items .items{min-height: 400px;} .icsc_snippet_sector .caption-content h3{min-height: 30px;} .icsc_snippet_sector .caption-content p{min-height: 80px;} .section-register .link-website-register > a{color: #333; text-decoration: underline;} .list-items .items-cn{margin-bottom: 10px; overflow: hidden; padding-left: 5px; padding-right: 5px;} .list-items .items-cn > a:hover .app-quanly-conten{visibility: visible; opacity: 1;} .list-items .items-cn .app-lable{background-color: #e9e9e9; float: left; width: 100%; height: 70px;} .list-items .items-cn .app-lable-left{float: left; width: 100%; position: relative; top: 50%; transform: translateY(-50%); padding-left: 10px; text-align: left; padding-right: 10px; margin-top: 5px;} .app-lable-left h4{line-height: 20px; font-size: 16px; font-weight: 400; color: #3e4763; margin: 0 ;} .app-lable-right{float: right; width: 25%; position: relative; top: 50%; transform: translateY(-50%);} .app-catelory h3.title-categ-default{font-size: 24px; text-transform: capitalize; color: #3e4763;} .app-catelory{margin-top: 30px; margin-left: -5px; margin-right: -5px; border-radius: 5px; overflow: hidden;} .nav-search{padding-bottom: 20px; padding-top: 20px; background-color: #F3F3F3;} .nav-search ul > li{float: left; padding: 0px 15px; cursor: pointer; position: relative;} .nav-search ul li:not(:last-of-type):after{content: "|"; position: absolute; top: 7px; right: 0;} .nav-search ul > li > a{color: #333; line-height: 35px; padding: 0; font-size: 13px; text-transform: uppercase; font-weight: 500; text-decoration: none; font-size:12px;} .nav-search ul .active a{color: #3664ec; text-decoration: none; font-weight: 600;} .nav-search ul li a:hover{color: #066bc3; text-decoration: none;} .nav-search .right-nav-seach{padding: 0 15px;} .js_publish_management .js_publish_btn{border-top-left-radius: 5px!important; border-bottom-left-radius: 5px!important;} .box-caption h1{text-align: center; font-weight: 400; font-size: 64px; text-transform: uppercase;} .box-caption h2{text-align: center; font-weight: 400; font-size: 28px; text-transform: uppercase; line-height: 38px;} .nentang{width: 100%; float: left; background: #5f7fec; padding: 50px 0; margin-top: 50px;} @media(max-width: 992px){.nentang{}.nav-search .right-nav-seach{float: left!important;}} @media(max-width: 740px){.nav-search ul li:last-of-type:after{content: "|"; position: absolute; top: 7px; right: 0;}.nav-search #submit_link{background: transparent; background-color: transparent!important; border: 0; color: #333;}} @media(max-width: 1400px){.nentang-box-right img{max-width: 100%;}} .nentang-left, .nentang-right{margin-top: 20px;} .nentang-title{text-align: center; font-size: 36px; color: #ffffff; font-weight: 400;} .nentang-box-left{padding-top: 35px;} .nentang-box-left h5{color: #322f42; font-weight: 400; margin-bottom: 50px;} .nentang-box-left .box-left-content{font-size: 16px; color: #29546c; text-align: justify; line-height: 24px;} .nentang-sub-title{text-align: center; color: #ffffff; font-size: 15px;} .nentang-box-left p{color: #ffffff; font-size: 15px; text-align: justify;} .main-partner{padding-top: 50px; width: 100%; float: left;} .main-partner .partner-img{height: 350px; max-width: 930px; background-image: url(/icsc_bizapps/static/src/css/../img/home1-partner0.png); background-repeat: no-repeat; background-size: cover; position: relative; left: 50%; transform: translate(-50%); background-position: center bottom; background-size: 100%;} .main-partner-label h2{text-align: center; color: #383434; font-weight: 400; margin-top: 40px;} .main-partner-label h4{font-size: 14px; color: #aaa; line-height: 20px; width: 60%; min-width: 350px; margin: 10px auto; text-align: center;} .main-partner-content{width: 100%; float: left; margin-top: 30px;} .main-partner-label .all-partner{width: 200px; padding: 15px; background: linear-gradient(to right, #5993FFFF, #107DE4FF); border-radius: 5px; text-align: center; margin: 20px auto; cursor: pointer; content: "Tất cả khách hàng"; color: white; font-size: 18px;} .main-partner-label .all-partner:hover{background: linear-gradient(to right, #50B4F2FF, #228AE5FF);} .main-partner-content .partner-item{margin-bottom: 10px; position: relative; max-height: 100px; overflow: hidden; float: left; display: inline-flex; align-items: center; justify-content: center; border-top: 2px solid #ffffff; margin: 0; border-left: 0; flex-direction: column; flex-wrap: wrap;} @media (max-width: 992px){.main-partner-content .partner-item{width: 16.6%;}} @media (max-width: 540px){.main-partner-content .partner-item{max-height: 55px;}} .content-form-account .form-account-right .account-info{font-size: 25px; color: #5a5757; margin: 0; margin-bottom: 0px; font-weight: 400; text-transform: capitalize; padding: 20px 30px 0px; border-bottom: 2px solid #d9e3f3;} .content-form-account .form-account-right .account-info p{padding-bottom: 10px; border-bottom: 6px solid #2c7bf3; font-size: 20px; margin: 0; display: inline-block;} .content-form-account .form-account-right{width: 100%; border-radius: 5px; float: left; height: auto; padding-bottom: 30px; background: #FFFFFF; margin-bottom: 25px; position: relative; box-shadow: 0px 2px 14px 1px #ccc;} .content-form-account .form-account-right form{padding: 10px 30px;} .content-form-account .form-account-right form .form-control{height: 40px;} .form-account-right form .btn-primary{color: white; background-color: #2986e3; border-color: #2986e3; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;} #wrapwrap .breadcrumb{background: none; margin-top: 5px;} #wrap.oe_structure.oe_empty{padding-top: 75px;} h3.title-heading{width: 100%; float: left; text-transform: uppercase; margin-top: 0; margin-bottom: 20px;} .form-account-right table.list-items tr:last-child td{border-bottom: 1px solid #dddddd;} .form-account-right a{color: #2986e3;} .content-form-account{margin-bottom: 40px; margin-top: -142px;} a.btn-addhelp-new{position: absolute; right: 20px; top: 10px; background: #2986e3; color: #fff; padding: 6px 20px; font-weight: bold; font-size: 14px; border: 1px solid #2986e3;} .form-account-right .list-items{width: 100%; float: left;} .list-items table tr th, .list-items table tr td{background: #f6f7fb; border: 2px solid white; text-align: center;} .menu-forum-header{background-color: #F3F3F3; padding-top: 20px; padding-bottom: 20px; margin-top: 52px;} .menu-forum-header .navbar-default{background: none; border: none; margin-bottom: 0;} .menu-forum-header .navbar-nav > li > a{padding: 5px 50px; border: 1px solid #ccc; border-radius: 20px;} .menu-forum-header .navbar.navbar-default ul.navbar-nav > li > a:hover:before, .menu-forum-header .navbar.navbar-default ul.navbar-nav > li.active > a:before{display: none;} .menu-forum-header ul.navbar-nav > li > a:hover, .menu-forum-header ul.navbar-nav > li.active > a{color: #2986e3; border: 1px solid #2986e3;} .menu-forum-header .navbar-left > li{margin-right: 10px; margin-bottom: 10px;} .menu-forum-header .navbar-brand{padding: 5px 50px; border: 1px solid #2986e3; border-radius: 20px; height: auto; background: #2986e3; color: #fff;} .menu-forum-header .navbar-brand span{color: #fff;} .menu-forum-header .navbar-brand:hover span{color: #333;} .menu-forum-header .navbar{min-height: inherit;} .menu-forum-header .navbar-default .navbar-form{margin-bottom: 0; margin-top: 0;} .menu-forum-header .navbar-right button.oe_search_button{background: #f8d543; border-color: #f8d543; padding-top: 7px; color: #fff;} .list-questions .question-item{border: 1px solid #2986e3; border-radius: 5px; padding: 10px;} .content-forums .list-questions{margin-top: 20px;} .list-questions a{color: #444; cursor: pointer;} .list-questions a:hover{color: #2986e3; text-decoration: none;} .content-forums h3.title-heading{margin-bottom: 5px;} .content-forums .note-header{color: #666;} .list-questions .question .question-name{font-size: 120%;} .list-questions .question-block .text-muted{color: #2986e3;} #register-frm .panel-default{border: 1px dashed #ccc;} #register-frm .panel-heading{background: none; border-bottom: 1px dashed #ccc; margin-top: 0; color: #0785dd;} #register-frm .panel-body a.link-website{width: 100%; float: left; color: #0785dd; margin-bottom: 10px; font-weight: bold;} #register-frm .panel-body .btn-primary{width: 100%} .sign-up-page .login_img{margin-top: 30px; height: 210px; position: relative;} .sign-up-page .login_img img{max-width: 100%; position: absolute; bottom: 0;} .login_box{margin-bottom: 0; margin-top: 0; height:inherit} .login_box .login_right h3{color: #297ede; font-weight: bold; margin-top: 19px;} .login_box .login_right .welcome-login{margin-bottom: 30px; font-size: 17px; font-weight: 400; color: #33415C;} .login_box #chk-save-pass{position: relative; top: 2px;} .login_right input[type="text"], .login_right input[type="email"], .login_right input[type="password"]{height: 50px; font-size: 17px;} .login_box .login_right input[readonly="readonly"]{background: #d4d6e4; height: 45px;} .login_right span.input-group-btn{height: 45px;} .login_right span.input-group-btn a{height: 100%; display: flex; align-items: center;} .login_right span.input-group-btn a i{margin-left: 5px;} .login_box .alert{float: left; width: 100%; margin: 0; margin-top: 20px;} a.btn-default{border-color: #cccccc;} .btn-success:hover{background: #1c64ad!important;} @media(min-width: 768px){.login_box .login_img{}.forgot_pass .login_box .login_img{}.sign-up-page .login_img{}} .login_box .login_img{position: relative;} .login_box .login_img img{max-width: 100%; bottom: 0; margin-bottom: 15px;} @media (max-width: 768px){.list-items .items{margin-bottom: 25px;}.items.btn-more a{padding: 6px 20px; float: left; width: 50%; color: #000; text-align: center; border-radius: 40px;}.btn-submit button{margin-bottom: 11px;}.login_right button{width: 100%; margin-top: 15px; float: left;}.text-bizapp-app{text-align: center;}ul.list-inline.text-bizapp-app{text-align: center;}} @media (max-width: 480px){.list-inline > li{display: block; margin-bottom: 12px;}.footer .col-left ul li{border: none;}} @media (min-width: 768px){.modal-dialog{width: 970px; margin: 90px auto;}} @media (max-width: 1200px){.navbar-toggle{display: block!important;}div.navbar-collapse.collapse{display: none!important;}div.navbar-collapse.collapse.in{display: block!important;}.navbar-nav > li{float: none;}.navbar-header{width: 100%;}#top_menu{width: 100%;}.divider{display: none!important;}.navbar-nav .open .dropdown-menu{position: static; float: none; width: auto; margin-top: 0; background: #f0f1f3; border: 0; box-shadow: none; padding: 2px 10px;}.navbar-nav .open .dropdown-menu a img{display: none;}.navbar-nav .open .dropdown-menu li a{text-align: left; width: 100%!important; padding: 10px; font-size: 14px; border-radius: 3px;}.left-menu .devide-menu-item{display: none;}div.navbar-static-top .navbar-nav.left-menu > li > a{text-align: left;}div.navbar-static-top .navbar-nav.left-menu > li > a{max-width: unset; width: 100%!important; border-right: 0!important; border-left: 0!important; padding: 7px; border-bottom: 1px solid #e0e0e040;}.menu-right-account .dropdown .dropdown-toggle{width: 100%!important;}} header{width: 100%; z-index: 120; border: 0; top: 0; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; min-height: 62px;} .menu-right-account a img{margin-bottom: 4px;} .menu-right-account{margin: 0;} .menu-right-account li a:not(.dropdown-toggle){width: 100px;} .menu-right-account .dropdown-menu{background: #F0F1F3; padding: 10px 15px; width: 200px;} .navbar-default .left-menu .dropdown.active .parent-menu-dropdown{} .navbar-default .left-menu .dropdown .parent-menu-dropdown{} .left-menu img{display: none; margin-right: 10px;} .dropdown-menu-custom img.ic_active{display: none;} .dropdown-menu-custom img.ic_notactive{display: inline-block;} .dropdown-menu-custom a:hover img.ic_active{display: inline-block;} .dropdown-menu-custom a:hover img.ic_notactive{display: none;} .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:focus, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:active, .navbar-default.ondown .left-menu .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; z-index: 9999; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid #f0f1f3; border-top: 3px solid #2980dc;} .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:focus, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:active, .navbar-default:not(.ondown) .left-menu .dropdown.open .parent-menu-dropdown:hover{background-color: #f0f1f3; z-index: 9999; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid #f0f1f3; border-top: 3px solid #F0F1F3;} .navbar-top-collapse .left-menu > li > a{padding-left: 5px ; padding-right: 5px ;} .left-menu .dropdown-menu-custom{right: 0; left: unset; top: 100%; padding: 10px 15px; background: #F0F1F3;} .left-menu .dropdown-menu-custom > li > a{font-weight: 500; padding: 0px 20px; font-size: 13px; color: #7b7979;} .left-menu .dropdown-menu-custom > li > a:hover{background: none; color: #575656; font-weight: 600;} .js_usermenu img{margin-right: 10px;} .js_usermenu img.ic_active{display: none;} .js_usermenu img.ic_notactive{display: inline-block;} .js_usermenu a:hover img.ic_active{display: inline-block;} .js_usermenu a:hover img.ic_notactive{display: none;} .js_usermenu{top: 99%;} .menu-right-account .dropdown-toggle{border: 1px solid transparent; border-top: 3px solid transparent; border-bottom: solid 1px transparent;} .menu-right-account .dropdown.open .dropdown-toggle{z-index: 9999; border: 1px solid rgba(0, 0, 0, 0.15); border-bottom: solid 1px #E6E6E6; border-top: 3px solid #2980dc;} .header-nothome .icon-act{display: none;} .navbar-static-top.navbar-default .navbar-nav > .active > a, .navbar-static-top.navbar-default .navbar-nav > .active > a:hover, .navbar-static-top.navbar-default .navbar-nav > .active > a:focus{color: #555; background-color: #f0f1f3;} #top_menu li > .dropdown-menu > li > a{padding: 10px 20px; font-size: 13px; font-weight: 400; text-align: left;} #top_menu li > .dropdown-menu > li > a:hover{background: unset; font-weight: 600;} .left-menu ul.dropdown-menu > li > a{padding: 10px 0px;} .left-menu ul.dropdown-menu > .active > a{background-color: #f0f1f3; color: #666666;} .navbar-top-collapse ul li.active a{position: relative;} ul#top_menu ul li.active a::after{background-color: #05547b; bottom: -1px; content: ""; height: 5px; left: 0; position: absolute; right: 0;} ul#top_menu .navbar-nav li a::before{background-color: #05547b; bottom: -1px; content: ""; height: 5px; left: 0; position: absolute; right: 0; transition: all 0.3s ease 0s; width: 0;} ul#top_menu .navbar-nav li a{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #000; display: block; font-size: 13px; font-weight: 400; line-height: 62px; padding: 0 15px; text-transform: uppercase;} ul#top_menu .navbar-nav li a:hover{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #05547b; text-decoration: none;} .navbar-header .logo{margin-top: -5px;} .uln ul, ol, ul{list-style: outside none none; margin: 0; padding: 0;} .items{min-height: 370px;} .items-cn{text-align: center;} .ml10{margin-left:10px;} .btn-default{background-color: #dcddde; color: #6B6D70; border-color: #888888; background-color: transparent;} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Regular.ttf) format("truetype")} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_Italic.ttf) format("truetype"); font-style: italic} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBold.ttf) format("truetype"); font-weight: 700} @font-face{font-family: Product_Sans; src: url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.eot); src: local(☺), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(/icsc_bizapps/static/src/fonts/Product_Sans_SemiBoldItalic.woff) format("woff"), url(/icsc_bizapps/static/src/fonts/Baomoi-SemiBoldItalic_gdi.ttf) format("truetype"); font-weight: 700; font-style: italic} #pricing .pricing-table{display: table; margin-left: 0; margin-right: 0; width: 100%;} #pricing .pricing-col{display: table-column; float: left; min-height: 200px; text-align: center; width: 40%;} #pricing .pricing-col:not(.description){width: 60%;} @media screen and (min-width: 768px){#pricing .pricing-col{width: 23%;}#pricing .pricing-col:not(.description){width: 35%;}} @media screen and (min-width: 992px){#pricing .pricing-col{width: 20%;}#pricing .pricing-col:not(.description){width: 20%;}} #pricing .pricing-col .pricing-card{background: white none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06), -8px 8px 15px 0 rgba(120, 120, 120, 0.02), 3px 3px 30px 0 rgba(0, 0, 0, 0.02); margin: 0 10px 20px; padding-bottom: 20px; height:485px;} #pricing .pricing-col .pricing-row{font-size: 0.9em; font-weight: 400; margin: 10px -10px; padding: 10px; position: relative; z-index: 0;} #pricing .pricing-col .top{min-height: 210px; overflow: hidden;} #pricing .pricing-col .top .banner{background: rgba(0, 0, 0, 0) linear-gradient(180deg, #98a6b0 20%, #8b979f 80%) repeat scroll 0 0; color: white; padding: 10px; height: 60px; position: relative;} #pricing .pricing-col .top .banner > *{color: white;} #pricing .pricing-col .top .suitable{display: block; height: 40px; margin: 1em 0;} #pricing .pricing-col .top .suitable .small{font-size: 10px;} #pricing .pricing-col .top .o_pricing_offer_tooltip{bottom: auto; left: auto; position: absolute; right: 10px; top: auto;} #pricing .pricing-col .top .btn-container{font-size: 0.9em; padding: 0 15px;} #pricing .description .top .suitable{padding-right: 10px; padding-top: 115px; text-align: right;} #pricing .description .top .o_offer_description{min-height: 120px;} #pricing .description .pricing-row::before{background: rgba(249, 249, 249, 0.5) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 450%; z-index: -1;} #pricing .o_odoo_editions .o_table_features thead th{color: #21313a; font-family: "Work Sans",sans-serif; font-size: 9px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 10px; margin-top: 10px; padding: 20px 0 15px; text-rendering: geometricprecision;} #pricing .o_odoo_editions .o_table_features thead th small, #pricing .o_odoo_editions .o_table_features thead th .small{color: #21313a; font-weight: normal; line-height: 1;} #pricing .o_odoo_editions .o_table_features thead th small, #pricing .o_odoo_editions .o_table_features thead th .small{font-size: 75%;} #pricing .o_odoo_editions .o_table_features thead th b, #pricing .o_odoo_editions .o_table_features thead th strong, #pricing .o_odoo_editions .o_table_features thead th a{font-weight: bold;} @media screen and (min-width: 768px){#pricing .o_odoo_editions .o_table_features thead th{font-size: 18px;}} #pricing .o_odoo_editions .o_table_features thead th, #pricing .o_odoo_editions .o_table_features tfoot td{border: medium none; text-align: center;} #pricing .o_odoo_editions .o_table_features tbody{background-color: white;} #pricing .o_odoo_editions .o_table_features tbody > tr > td{border: medium none; font-size: 9px; font-weight: bold; vertical-align: middle;} #pricing .o_odoo_editions .o_table_features tbody > tr > td:first-child{text-align: left;} @media screen and (min-width: 768px){#pricing .o_odoo_editions .o_table_features tbody > tr > td{font-size: 12px;}} #pricing .o_odoo_editions .o_table_features tbody > tr.active{border-top: 25px solid white;} #pricing .o_odoo_editions .o_table_features tbody > tr.active:first-child{border-top: 0 none;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td{color: #21313a; font-family: "Work Sans",sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 10px; margin-top: 10px; padding: 15px 0 11px 15px; text-rendering: geometricprecision;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td small, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td .small{color: #21313a; font-weight: normal; line-height: 1;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td small, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td .small{font-size: 75%;} #pricing .o_odoo_editions .o_table_features tbody > tr.active > td b, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td strong, #pricing .o_odoo_editions .o_table_features tbody > tr.active > td a{font-weight: bold;} #pricing .o_tour div.media_iframe_video iframe{margin-left: 0;} .s_banner::before{background-image: url("/icsc_bizapps/static/src/img/src/banner_bg.png"); background-position: 0 100%; background-size: cover; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0;} .s_banner{min-height: 25vh; padding: 1em 0; color:#fff; position: relative; z-index: -1;} .o_gradient{background: rgba(0, 0, 0, 0) linear-gradient(150deg, #0d5f95 20%, #2b83e2 80%) repeat scroll 0 0;} .o_pic.o_pic_check{background-position: 47.5% 0 !important;} .o_pic{background-image: url("/icsc_bizapps/static/src/img/src/o_pic.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; display: inline-block; height: 1em; width: 1em;} .o_pic.o_pic_uncheck{background-position: 52.5% 0 !important;} .o_offset_top_medium > .container:first-child > .row:first-child, .o_offset_top_medium > .row:first-child{margin-top: -50px;} .btn-default{background-color: transparent; border-color: #888888; color: #6b6d70;} .navbar.navbar-default ul.navbar-nav > li.active > a:before, .navbar.navbar-default ul.navbar-nav > li > a:hover:before{bottom: 10px; opacity: 1;} .navbar.navbar-default ul.navbar-nav > li > a:before{display: none; position: absolute; bottom: 4px; left: 0px; content: ""; right: 0px; height: 3px; background: #0785dd; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .app-screenshots{margin: 0 0 15px 0; background: #f2f7fa; padding: 15px; font-size: 14px;} .inquiry_form button{background-color: #3cadea; color: #121629; font-weight: bold; text-transform: uppercase; padding: 0; color: white;} .inquiry_form button{background-color: #121629; width: 100%; border-radius: 5px; border: none; line-height: 35px;} .height-auto{height: auto;} .app-img{height: 125px; overflow: hidden;} @media(max-width: 768px){.app-img{min-height: 85px; overflow: hidden;}} @media(max-width: 1200px){.app-img{height: 100px;}} @media(max-width: 768px) and (min-width: 400px){.list-items-product .items-cn{width: 50%; float: left;}} .app-img .img-responsive-small{width: 100%; height: 100%;} .partner-item img{width: 100%; max-width: 190px; max-height: 90px;} .partner-item{height:92px; margin-top: 20px;} .container-plus .app-block{margin: 50px 0;} .app-lable-left h6{font-size: 15px; color: #51bded; margin: 7px; margin-left: 28px; font-weight: 400;} .app-lable-left a img{float: left;} .bg_footer hr{margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #999;} .bg_footer i.fa{font-size: 20px; margin-right: 10px; width: 14px;} .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: none;} .navbar-static-top{background:none;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle{border-color: transparent; background: transparent;} .color-red{color: red; padding-left: 4px;} .navbar.navbar-default ul.navbar-nav > li.active > a:before, .navbar.navbar-default ul.navbar-nav > li > a:hover:before{width: 100%; left: 0; bottom: -3px;} #wrap.oe_structure.oe_empty{padding-top:0;} .panel-default > .panel-heading{color: #666666; background-color: #ffffff; border-color: #dddddd; border: none; box-shadow:1px 1px 5px 1px #00000014; border-radius: 1px;} .faq-content .faq-block .question{width: 100px; color: #546479;} .faq-content .faq-block .question-content{width: calc(100% - 120px); float: left; margin: 0; color: #546479; font-weight: 400; font-size: 14px; line-height: 20px;} .faq-active .panel-heading, .faq-active .panel-collapse{background: #2c85dd; color: white;} .faq-content .faq-block.faq-active .question, .faq-content .faq-block.faq-active .question-content{color: white;} .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #9ab7d34a; padding: 5px 15px 20px 30px; font-size: 13px; line-height: 25px; text-align: justify;} .faq-content .faq-block.faq-active .panel-body a{color: #122f85; text-decoration: underline;} .product_detail .breadcrumb{padding-left: 0; font-size: 12px;} .breadcrumb{margin-bottom: 11px;} .breadcrumb > li + li:before{content: ">>"; padding: 0 5px; color: #cccccc;} .website_blog{padding-top: 100px;} #bizapp-footer .l_top .bg_footer ul{margin: 0; padding: 0; margin-top: 40px;} .b-clouds{position: absolute; left: 0; width: 100%; height: 335px; overflow: hidden;} .navbar{min-height: 30px;} @media(min-width: 1300px){.container{width: 1170px;}} @media(max-width: 1200px){.navbar-static-top .left-menu{width: 100%; float: right; display: block; position: relative; background: white; padding: 10px; padding-bottom: 0; padding-top: 0;}.navbar-nav{margin: 0;}ul#top_menu{background: white; padding-top: 10px; width: 100%; position: relative; margin: 0; text-align: right; display: block; float: right; left: 0; top: 0; text-align: right; transform: none; padding: 10px; padding-top: 0;}.nav.navbar-nav.navbar-right{text-align: right; display: inline-block;}.navbar-collapse.navbar-top-collapse{text-align: right; padding: 10px; float: right; width: calc(100% + 0px); max-width: calc(100% + 30px); border-radius: 5px; padding: 0 15px; padding-bottom: 15px; padding: 0!important; border-radius: 0; box-shadow: 0px 3px 7px 0px #00000096;}.banner2 p{color: white; font-size: 14px;}.navbar-static-top .navbar-nav > li > a{font-size: 14px; padding-bottom: 7px; padding-top: 7px; text-align: left; width: 100%; padding: 10px;}.navbar-static-top .navbar-nav > li > a img{display: none!important;}.navbar-nav .open .dropdown-menu{text-align: right;}} @media(max-width: 992px){.banner2 p{font-size: 14px;}} @media(max-width: 768px){.navbar-static-top .navbar-top-collapse{text-align: right;}} .box-link-signup{float: right; padding-top: 5px;} .box-link-pass{float: left;} .box-link-pass,.box-link-signup{font-size: 13px;} @media(max-width: 480px){.main-partner .partner-img{height: 190px;}.main-partner-label h4{color: #949393; line-height: 20px; width: calc(100% - 30px); margin: 10px auto; text-align: center; font-weight: 400;}.box-link-signup{float:left;}} .login_right .btn{border-radius: 4px;} .login_right .field-db .btn{background-color: #a09e9e;} .form-signup .form-group,.login_right .form-group{margin-bottom: 0;} .login_right .btn-login-system{margin-top: 20px; color: #ffffff;} .oe_login_buttons{margin-top: 30px; color: #fff;} .mainbox .control-label, .sign-up-page .control-label{margin-top: 25px; margin-bottom: 5px;} .modal-dialog.forgot_pass{height: auto; min-height: 100vh; width: 100%; position: relative; margin: 0; float: left;} .forgot_pass .box-link-pass{float: left; width: 100%; text-align: right; margin-top: 20px;} #model-popup-forgot-pass{padding: 0 !important;} .forgot_pass .login_right{margin-top: 100px;} .reset_password div.pull-right{width: 100%; margin-top: 80px; margin-bottom: -130px;} .reset_password div.pull-right div{width: 50%; float: left; padding: 0 0 0 15px;} .reset_password div.pull-right div a{color: white; background: #E3413FFF; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 0; width: 100%; height: 45px; padding: 12px 0;} .reset_password div.pull-right div:first-child{padding: 0 15px 0 0;} .reset_password div.pull-right div:first-child a{background: #0785dd;} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: none;} .oe_reset_password_form label.control-label{margin-top: 15px; margin-bottom: 15px;} .forgot_pass.reset_password .login_right{margin-top: 0px;} .app-screenshots #o-carousel-product .carousel-indicators{padding-top: 10px;} .app-screenshots #o-carousel-product .carousel-indicators li{width: 74px !important; height: 74px !important;} .forum_intro{margin-top: 50px;} @media screen and (max-width: 992px){.reset_password div.pull-right div{width: 100%; padding: 0 !important; margin-top: 10px;}.reset_password div.pull-right{margin-top: 90px; margin-bottom: -180px;}} #wrap.oe_structure.oe_empty{padding-top: 50px !important;} .preloader-wrap{height: 100%;} .loader, .percentage{height: 15px; max-width: 500px; border-radius: 20px; position: relative; margin: auto; margin-bottom: 45px; float: left; width: 100%;} .percentage{z-index: 100; text-align: center; color: #000000; line-height: 20px; font-size: 14px; background: none; font-weight: bold;} .loader:after, .percentage:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .trackbar{width: calc(100% - 90px); height: 100%; border-radius: 20px; color: #fff; text-align: center; line-height: 30px; overflow: hidden; position: relative; opacity: 1; float: left; background: #eff2f4;} .display_percent{float: left; width: 45px; color: #3880dc; font-size: 15px; text-align: left;} .loadbar{width: 0%; height: 100%; background: #0080d7; position: absolute; top: 0; left: 0; animation: flicker 5s infinite; overflow: hidden;} .glow{width: 0%; height: 0%; border-radius: 20px; position: absolute; bottom: -5px; animation: animation 5s infinite;} @keyframes animation{10%{opacity: 0.9;}30%{opacity: 0.86;}60%{opacity: 0.8;}80%{opacity: 0.75;}} .box_center{position: relative; left: 50%; transform: translate(-50%);} .box_logo,.note{float: left; width: 100%;} .box_logo img{margin-top: 150px; margin-bottom: 50px;} .box_logo p{margin-bottom: 65px;} .preloader-wrap p{text-align: center; font-size: 19px; font-family: 'Inter', sans-serif !important;} .preloader-wrap .box_center{transform: translate(-50%) !important;} .note{margin-bottom: 100px;} .note img{margin-bottom: 35px;} @media screen and (max-width: 486px){.box_logo img{margin-top: 80px; margin-bottom: 30px;}.box_logo p{margin-bottom: 35px;}} .loading_rotate{float: left; width: 45px; text-align: center; padding-left: 5px;} .loading_rotate img{width: 30px; position: relative; top: -7px;} .container.mt16.website_forum{margin-top: 80px !important;} .website_forum .navbar-default .navbar-collapse{border: none;} .post_to_validate .question-block img{max-width: 100%;} .post_to_validate .question-block .post_content{overflow: hidden;} .post_to_validate .question-block .post_content img{max-width: 100%;} #product_detail .tab-product{display:none;} #product_detail .title-tab-product{display: none;} #product_detail .tab-product .company-overview{background: white; text-align: center;} .company-overview .s_image_text{display: inline-block;} .company-overview .top-title{font-weight: 300; margin-bottom: 40px;} .company-overview .sub-title{font-size: 17px; color: #3c3a3a;} .company-overview .btn-contact-product-detail{padding: 6px 50px; color: white; background: linear-gradient(to right, #53a7ea, #2261c1); display: inline-block; border: 0; margin: 30px 0;} .company-overview .title-customer{font-weight: 300; color: #484848; font-size: 20px; margin-bottom: 20px;} .company-overview .wrap-content{max-width: 850px; margin: auto;} .company-overview .top-customer{height: 90px; display: flex; margin-bottom: 30px;} .company-overview .logo-item{width: 12.5%; cursor: pointer; float: left; border: 2px solid #f4f4f4; background: white; max-height: 90px; border-right: 0;} .company-overview .logo-item img{max-width: 100%; height: 100%; margin: auto;} .company-overview .logo-item:hover{border: 1px solid #296BC7FF;} .company-overview .logo-item:last-of-type{position: relative;} .company-overview .logo-item:last-of-type:after{content: ""; height: 100%; width: 100%; z-index: 99; top: 0; left: 0; background: #2464c3cc; position: absolute;} .company-overview .logo-item i{position: absolute; top: 50%; z-index: 999; left: 20%; color: white; font-weight: 600; font-size: 16px; transform: translate(-10%, -50%);} .company-overview .img-intro img{margin: auto;} @media(max-width: 768px){.company-overview .logo-item{width: 25%;}.company-overview .logo-item i{font-size: 1.5vmax;}.company-overview .top-customer{display: block;}} .connect-expert{background: linear-gradient(to right,#576ee0, #6691F9FF); padding: 20px 0; color: white; text-align: center;} .connect-expert .top-title{font-weight: 300; margin-bottom: 20px;} .connect-expert .sub-title{font-size: 17px; max-width: 850px; margin: auto;} .connect-expert .btn-contact-product-detail{padding: 6px 50px; color: #3c3a3a; background: white; display: inline-block; border: 0; margin: 30px 0;} .news .news-block{padding: 10px; display: flex; background: #6f86f1; border-radius: 3px;} .news .news-block .left-img{border-radius: 5px; width: 80px; height: 80px; display: inline-block; overflow: hidden; float: left; background: white;} .news .news-block .right-content{float: left; width: 70%; margin-left: 100px; display: inline-block; margin: 0; text-align: left; padding-left: 10px; font-size: 16px; position: relative;} .news .news-block .right-content .author{bottom: 0; left: 10px; position: absolute; font-size: 12px;} .news .news-block .right-content a{color: white;} .product-feature-list .feature-group .feature-group-name{margin-bottom: 30px; color: #404763;} .product-feature-list .feature-group{background: white; color: #51535d; padding: 30px; border-radius: 5px; margin-bottom: 30px;} .product-feature-list .feature-group .list-feature section{display: flex; margin: 10px 0; line-height: 25px; color: #5c6c8e; font-size: 14px;} .s_text_image h3, .s_image_text h3{color: #404763;} .s_text_image p, .s_image_text p{color: #5c6c8e;} .product-feature-list .feature-group .list-feature i{color: #316ff0; margin-right: 10px; margin-top: 5px; font-size: 13px;} .product-feature-list .feature-group .list-feature .feature-item:hover{color:#316ff0;} .btn-fim-and-try{margin: 10px 0;} .btn-fim-and-try .btn{padding: 6px 15px; padding-top: 9px; border: 1px solid #358CFFFF; margin: 0 10px; color: #313131; background: white;} .btn-fim-and-try .btn:hover{background: linear-gradient(to right, #6190f1, #316ff0); color: white;} .feature-connection .feature-connect-item{background: white; color: #5c6c8e; padding: 20px; position: relative; border-radius: 5px; min-height: 182px; box-shadow: 0px 6px 30px 0px #c5c1c1;} .feature-connection .feature-connect-item .line-footer{position: absolute; bottom: 0; height: 5px; width: 100%; left: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .feature-connection .feature-title{font-size: 20px; text-transform: uppercase; font-weight: 500; color: #404763; text-align: center; width: 100%; max-width: 100%; margin-top: 60px;} .bg-banhang{background: linear-gradient(to right, #df5d7f, #e2a4a4);} .bg-sanxuat{background: linear-gradient(to right, #3F7052FF, #62C976FF);} .bg-ketoan{background: linear-gradient(to right, #a29618, #DCE58A);} .bg-duan{background: linear-gradient(to right, #524b6c, #A28FAF);} .bg-crm{background: linear-gradient(to right, #896976, #D7B3B2);} .bg-hotro{background: linear-gradient(to right, #6c7cdb, #94B9EE);} .bg-kho{background: linear-gradient(to right, #6e6e14, #B6D675);} .bg-muahang{background: linear-gradient(to right, #ac4563, #CC9382);} .bg-tienluong{background: linear-gradient(to right, #3f5c6c, #75AA98);} .bg-tailieu{background: linear-gradient(to right, #047ea7, #79c4d0);} .bg-hd-setting{background: linear-gradient(to right, #c64ba6, #DF95B6);} .bg-hd-ketoan{background: linear-gradient(to right, #A09515FF, #dee48c);} .bg-hd-banhang{background: linear-gradient(to right, #E36A8E, #e0a09e);} .bg-hd-kho{background: linear-gradient(to right, #8F4B6E, #d39b9c);} .bg-hd-muahang{background: linear-gradient(to right, #B0433E, #cd9483);} .bg-hd-dientu{background: linear-gradient(to right, #845BDA, #a2a4ee);} .bg-hd-cum{background: linear-gradient(to right, #8A6978, #d5aca8);} .bg-hd-sanxuat{background: linear-gradient(to right, #3D704F, #62c876);} .bg-hd-marketing{background: linear-gradient(to right, #B56E3D, #cdc475);} .bg-hd-nhanhsu{background: linear-gradient(to right, #3E5B6A, #76ab99);} .bg-hd-web{background: linear-gradient(to right, #6F6F15, #b6d576);} .bg-hd-traodoi{background: linear-gradient(to right, #3E5B6A, #75aa98);} .bg-hd-duan{background: linear-gradient(to right, #534C6E, #a28dae);} .bg-hd-giaiphap{background: linear-gradient(to right, #524CA7, #a28ec1);} .bg-hd-banle{background: linear-gradient(to right, #1D55C0, #789dd1);} .bg-hd-luat{background: linear-gradient(to right, #14596f, #7dcfb6);} .feature-connection .feature-connect-item .img-float-top{width: 70px; height: 70px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);} .feature-connection .feature-connect-item .block-content{margin-top: 40px;} .feature-connection .feature-connect-item .block-content a{display: block; width: 100%; height: auto; text-align: center; font-size: 17px; margin-top: 10px; margin-bottom: 10px; color: #404763; font-weight: bold; line-height: 1.1;} .feature-connection .feature-connect-item .top-title{color:#404763; font-size: 17px;} .document-guide-content{margin-bottom: 100px; margin-top: 50px;} .page-title{font-weight: 300;} .page-sub-title{text-align: center; font-weight: 300; margin-top: 20px; font-size: 14px;} body.editor_enable #product_detail .tab-product{display: block; border: 1px solid #aaa; margin-bottom: 20px;} body.editor_enable #product_detail .tab-product:hover{box-shadow: #0060B7 0 0 5px 2px inset;} body.editor_enable #product_detail .title-tab-product{display: block; padding: 10px 35px; margin: 0; font-size: 25px; background: #aaa; font-weight: 400; margin-bottom: 20px;} body.editor_enable #product_detail .tab-product:hover .title-tab-product{box-shadow: #0060B7 1px 1px 5px 2px;} .info-line-right a:hover{color: #2c85dd;} .info-line-right a:hover i{color: #2c85dd;} .section_overview h4{text-transform: uppercase; margin-bottom: 50px; margin-top: 20px; line-height: 28px;} .section_overview.demo_system{background: #F4F4F4;} .section_product_demo{padding-top: 50px; padding-bottom: 100px; background: #F4F4F4;} .product_demo_block_header{overflow: hidden; height: 240px;} .product_demo_block_header img{height: 100%; position: relative; left: 50%; transform: translate(-50%) !important} .product_demo_block_img{height: 85px; width: 85px; overflow: hidden; transform: translate(-50%); position: relative; left: 50%; border-radius: 100%; border: 3px solid #dbe2ea;} .conten_driptstion{height: 100px; overflow: hidden; float: left; font-size: 14px; height: 40px; width: calc(100% - 30px); position: absolute; left: 15px; top: 200px; background: white; padding: 0; z-index: 1;} .conten_driptstion:hover{overflow: initial; height: auto;} .product_demo_block_header p{padding: 0 20px; color: #5e6875; margin: 0;} .product_demo_block_header p.view-more{float: left; width: 100%; position: absolute; top: 240px; left: 0; padding: 0; z-index: 0; cursor: pointer;} .product_demo_block_header:hover p{display:block;} .product_demo_block_header h4{color: #546479; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; line-height: 25px;} .conten_driptstion_box:hover .conten_driptstion{overflow: initial; height: auto; padding: 0 0 10px 0;} .product_demo_block_footer button{width: 100%; font-size: 14px; height: 40px; padding: 10px; background: #EFEEEF; border-radius: 4px; margin-bottom: 10px; box-shadow: none; border: none;} .product_demo_block_footer select{margin-bottom: 15px; width: 100%; font-size: 14px; height: 40px; background: #00000000; border-radius: 4px; box-shadow: none; border: 1px solid #EAEBED; color: #546479; padding: 10px;} .product_demo_block_footer select:hover{border: #008CF9; border-radius: 4px; box-shadow: 0px 0px 9px 1px #ffffff00; background: #008CF9; color: white;} .product_demo_block_footer select:focus{border: none; border-radius: 4px; box-shadow: 0px 0px 9px 1px #008cf96e; background: transparent; color: #546479;} .product_demo_block_footer button:hover{border: #008CF9; border-radius: 4px; box-shadow: 0px 0px 9px 1px #ffffff00; background: #008CF9; color: white;} .product_demo_block{background: white; padding: 20px; margin-bottom: 20px; margin-top: 20px; border-radius: 5px;} .product_demo_block_footer select.error_submit{border: 1px solid red;} #oe_main_menu_navbar{border:none;} .website_forum .input-group .oe_search_box{border-radius: 4px; height: 35px; border: none; padding-right: 40px; padding-top: 10px;} .input-group-btn{position: relative; font-size: 0; white-space: nowrap; right: 39px;} .oe_login_form{right: 0px;} .js_follow{text-align: center; width: 100%;} .js_follow .input-group-btn{width: auto; right: unset;} .menu-forum-header .navbar-right button.oe_search_button{margin: 0;} .menu-forum-header ul.navbar-nav > li > a:hover, .menu-forum-header ul.navbar-nav > li.active > a{color: white; border: 1px solid #2986e3; background: #2986e3;} .menu-forum-header .navbar-left > li.active a:hover{background: #2986e3; color: white;} @media(min-width: 992px){.content-form-account .input-group{position: relative; display: block; width: 100%; float: left;}.content-form-account .input-group .form-control{float: left; width: 100%; border-radius: 4px; margin-bottom: 10px;}.content-form-account .input-group-btn{right: inherit; float: left; width: 100%;}.content-form-account .input-group-btn > .btn{width: 100%; border-radius: 4px; margin-bottom: 10px;}.menu-forum-header{margin-top:0px;}} #wrap.oe_structure.oe_empty{padding-top: 0px !important;} @media(max-width: 992px){#wrap.oe_structure.oe_empty{}} .download-whitepaper{width: 100px; text-align: center; color: white; background: #00A09DFF; padding: 10px; border-radius: 5px; margin-top: 20px;} .download-whitepaper a{color: white;} .white-paper-content{margin-bottom: 100px} .top-whie-paper-block{margin-top: 0;} .level-number-whitepaper{margin-top: 100px;} .color-active{color: #3D59E9FF;} .img-productline{margin-top: 50px;} .img-productline img{margin: auto;} .system-ability{} .system-ability .col-feature:first-child{border-left: 1px solid #E9EDEFFF;} .system-ability .col-feature{width: 33.33%; border-right: 1px solid #E9EDEFFF; border-left: 1px solid #E9EDEFFF; float: left;} @media(max-width: 992px){.system-ability .col-feature{display: block; width: 100%}} .system-ability .block-feature{width: 100%; padding: 15px; border-top: 1px solid #E9EDEFFF; border-bottom: 1px solid #E9EDEFFF; display: inline-block; float: left; text-align: left;} .system-ability .block-feature p{color: #62646b; font-size: 16px;} .block-feature-item{max-height: 100px; padding: 10px; display: inline-flex; align-items: center; margin: 5px 0; width: 100%; cursor: pointer;} .block-feature-item img{margin-right: 15px;} .block-feature-item:hover{color: #5883F8FF; box-shadow: -1px 1px 8px 5px #e9edef; border-radius: 5px;} .process-development .step-process{float: left; padding: 15px; text-align: center; max-width: 170px;} .process-development p{font-size: 16px; margin-bottom: 0;} @media(min-width: 1200px){.process-development .process-line{display: flex;}} @media(max-width: 1200px){.process-development .process-line{display: inline-block;}} @media(max-width: 992px){.process-development .step-process:last-child{clear: both;}} @media(max-width: 768px){.process-development .process-line{display: grid;}.process-development .step-process{width: 100%; max-width: 100%;}.process-development .arrow-right{transform: rotate(90deg); padding-bottom: 25px; padding-top: 25px!important; margin: auto!important;}} .process-development .step-process .step-des{font-size: 20px; margin-top: 15px; color: #545252;} .process-development .arrow-right{padding-top: 60px; float: left; margin: 0 20px;} .process-development{padding: 20px 0;} .wrap-circle .circle-precess h4{padding: 0 14px; font-size: 16px;} .wrap-circle .circle-precess img{margin: auto;} .wrap-circle .circle-precess p{font-size: 13px;} .wrap-circle .circle-precess{width: 370px; height: 370px; border-radius: 50%; background: white; margin: 20px; color: #635f5f; padding: 51px; display: inline-flex; align-items: center; justify-content: center;} .wrap-circle .border-circle{border-radius: 50%; border: 2px dotted white; margin: 40px; display: inline-block;} .wrap-circle .border-circle.c3{position: relative; border-width: 3px;} .wrap-circle .border-circle.c1{border-color: #f7f2f226; max-width: 800px; max-height: 800px; overflow: hidden;} .wrap-circle .border-circle.c2{border-color: #ffffff8f;} .wrap-circle .border-circle.c4{border-color: #ffffff8f;} .wrap-circle .border-circle.c5{border-color: #f7f2f226;} .wrap-circle .border-circle.c30, .wrap-circle .border-circle.c31, .wrap-circle .border-circle.c32, .wrap-circle .border-circle.c33, .wrap-circle .border-circle.c34, .wrap-circle .border-circle.c35{margin: 0; width: 100%; height: 100%; position: absolute; border: none; z-index: 0;} .wrap-circle .item-block:not(.item0){box-shadow: 0px 0px 20px 4px #0b288438;} .wrap-circle .item-block{width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 99;} .wrap-circle .item-block:not(.item0) img:hover{transform: scale(1.1); box-shadow: 0px 0px 15px 2px #565252; border-radius: 50%;} .wrap-circle .border-circle.c31{transform: rotate(72deg);} .wrap-circle .border-circle.c32{transform: rotate(144deg);} .wrap-circle .border-circle.c33{transform: rotate(216deg);} .wrap-circle .border-circle.c34{transform: rotate(288deg);} .wrap-circle .border-circle.c35{transform: rotate(360deg);} .wrap-circle .item0 img{transform: rotate(180deg); display: none;} .wrap-circle .item0{background: transparent; width: 103px; height: 103px;} .wrap-circle .item1{background-size: 100% 100%; transform: rotate(-72deg); margin: -50px;} .wrap-circle .item2{background-size: 100% 100%; transform: rotate(-144deg); margin: -50px;} .wrap-circle .item3{background-size: 100% 100%; transform: rotate(-216deg); margin: -50px;} .wrap-circle .item4{background-size: 100% 100%; transform: rotate(-288deg); margin: -50px;} .wrap-circle .item5{background-size: 100% 100%; transform: rotate(-360deg); margin: -50px;} .wrap-circle .circle-precess > div:not(.precess1){display: none;} .banner-customer .banner-content{max-width: 900px; margin: auto; margin-top: 50px; font-size: 17px;} .banner-customer .banner-content h1{font-size: 45px;} .banner-customer{background: url(/icsc_bizapps/static/src/img/banner-customer.jpg) 0 0 no-repeat; padding: 15px; color: white; min-height: 17vmax; background-size: cover;} .my-customers-content{background: #F4F4F4FF; padding-top: 0px; padding: 0 15px;} .my-customers-content .top-customer{margin: 20px 0;} .my-customers-content .top-customer .drop-icon{position: absolute; right: 15px;} .my-customers-content .top-customer ul li{width: 280px; height: 55px; background: white; border: 1px solid #cccccc40; border-radius: 5px; display: flex; align-items: center;} .top-customer .filter-cus a{color: #43475b; height: 100%; width: 100%; display: flex; align-items: center; padding: 15px; text-decoration: none;} .top-customer .filter-cus a img{margin-right: 5px;} .col-md-cus-5{width: 20%; padding: 0 15px; float: left;} .customer-item{background: white; position: relative; min-width: 190px; min-height: 145px; border-radius: : 10px;} .customer-item .list-activity{margin: 15px 0;} .customer-item .activity{border: 1px solid #83c7ff; border-radius: 20px; color: #66c1ff; padding: 2px 10px; margin-right: 10px; display: inline-block; margin-left: 0; font-size: 13px; background: #ebf5ff;} .customer-item .cover-item{width: 100%; height: 100%; padding: 35px; padding-top: 0; color: #43475b; font-size: 15px; letter-spacing: 0.2px;} .customer-item .cover-item .partner-name{font-size: 22px; color: #43475b;} .my-customers-content .item-bottom{margin-top: 10px;} .my-customers-content .item-bottom p{color: #2D79F3FF; font-size: 13px; font-weight: 600; min-height: 45px;} .customer-item img{max-height: 150px; margin: auto; display: inline-block; height: 100%;} .customer-container .customer-item{margin-bottom: 30px; border-radius: 5px;} .customer-container .customer-item *{font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif!important;} .customer-container .customer-item .customer-description *{font-size: 15px!important; color: #43475b!important;} @media (max-width: 992px){.banner-customer-footer .cloud-1{display: none;}.banner-customer-footer .cloud-2{display: none;}} @media (max-width: 768px){.customer-container{column-count: 1;}.radio-gender{display: flex;}} @media (max-width: 1048px){.background-signup{display: none;}.container-signup-right{width: 100% !important;}} @media (max-width: 1600px){.banner-customer{background: #0182E6;}} .login_right .h3-login_right{font-size: 36px !important; font-weight:700 !important; margin-top:0 !important; text-align: center; line-height: 44px; margin-bottom: 5px !important;} .login_right .p-login_right{font-size: 17px !important; text-align: center; margin-bottom: 30px;} .quy-dinh_chinh-sach input{margin: 0 10px 0 0!important; width: 17px; height: 17px;} .quy-dinh_chinh-sach{padding-top: 30px; padding-bottom: 260px; text-align: center; font-size: 17px; font-weight: 400; line-height: 28px; display: flex; flex-wrap: wrap; justify-content: center;} .quy-dinh_chinh-sach a{color: #0674E5;} .background-signup h3{color: #FFFFFF; font-size: 36px; font-weight: 700; margin: 243px 0 58px 0; line-height: 52px;} .container-signup-for-trial .h3_signup-for-trial{font-size: 36px !important; font-weight:700 !important; line-height:44px !important; text-align:center; margin-top: 57px !important; margin-bottom: 20px !important;} .background-signup a img{margin-right: 15px; margin-top: -4px;} .background-signup a{font-size: 18px; font-weight: 600; line-height: 28px; color: #fff;} .background-signup a:focus,.background-signup a:hover{color: #fff;} .banner-customer-footer{background: linear-gradient(to right, #4450DE, #2798F7); text-align: center; color: white; font-size: 16px;} .banner-customer-footer h3{margin-top: 50px; margin-bottom: 30px;} .banner-customer-footer p{max-width: 900px; margin: auto;} .banner-customer-footer .contact{width: 250px; background: white; padding: 15px; border-radius: 7px; margin: auto; margin-top: 30px; margin-bottom: 50px; font-weight: 600; color: #142940; color: #0d519c;} .banner-customer-footer .cloud-2{position: absolute; left: -40px; bottom: 40px;} .banner-customer-footer .cloud-1{position: absolute; right: 0; bottom: 40px;} .top-banner-account{background: url(/icsc_bizapps/static/src/css/../img/my-account-bg.png); height: 170px; width: 100%;} .navbar-nav-account li{float: left; padding: 8px 10px; position: relative;} .navbar-nav-account li a{width: 100%; float: left; font-size: 15px; font-weight: 600; color: #6CA5F7FF;} .navbar-nav-account li.active, .navbar-nav-account li:hover{background: transparent;} .navbar-nav-account li.active a, .navbar-nav-account li:hover a{color: #fff; text-decoration: none;} .navbar-nav-account li a{} .top-account{float: left; width: 100%; margin: 20px 0 15px;} .top-account .my-title{font-size: 30px; font-weight: 500; margin: 0; color: white;} .top-account .account-menu-left{float: right;} .top-account .navbar-nav-account{float: left;} .nothomepage{margin-top: 123px !important;} .nothomepage span ,.nothomepage li ,.nothomepage li{white-space: unset !important; white-space-collapse: unset !important;} .lable-paid{padding: 5px; color: #2c7bf3; background: white; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc;} .lable-waiting-pair{background: #ffb704; padding: 5px; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc;} .lable-paynow{padding: 5px; background: green; color: white!important; font-size: 13px; box-shadow: 0px 0px 8px 1px #ccc; line-height: 0;} .cooperation-page{background: #F4F4F4FF;} .tab-header-cooperation{margin: auto; text-align: center; margin: 50px 0 80px;} .tab-header-cooperation .tab-item{padding: 15px 20px; border-radius: 5px; box-shadow: 0px 3px 20px 1px #ccc; width: 200px; display: inline-block; color: #2d2b2b;} .tab-header-cooperation .tab-center{transform: scale(1.2); background: #2F83FFFF; color: white;} .description-page-cooperation{margin-top: 30px; padding: 15px;} .description-page-cooperation h2{text-align: center; font-weight: 500;} .description-page-cooperation .sub-des{text-align: center; max-width: 700px; margin: auto;} .list-box-cooperation{margin: 30px 0;} .list-box-cooperation .box-item{padding: 20px; text-align: center; border-radius: 2px; color: white; height: 130px;} .list-box-cooperation .box-item img{margin: auto; margin-bottom: 20px;} .list-box-cooperation .box-item.first{background: linear-gradient(45deg, #DF4C78FF, #df9f9d)} .list-box-cooperation .box-item.second{background: linear-gradient(45deg, #447F56FF, #62c976)} .list-box-cooperation .box-item.three{background: linear-gradient(45deg, #A6A123FF, #dee48a)} .list-box-cooperation .box-item.four{background: white; border: 2px solid #7987DCFF; color: #53535f; padding-top: 30px;} .block-question .top-title{font-weight: 600; font-size: 14px; text-align: center; padding: 15px; color: #403d3d;} .block-question .list-item{display: flex; line-height: 26px; color: #5c6c8e;} .block-question .list-item i{margin-right: 10px; margin-top: 5px;} .block-question .block-content{background: white; padding: 20px; border-radius: 5px; min-height: 355px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .block-content.bl1 i{color: #29cc97;} .block-content.bl2 i{color: #FEC301;} .block-content.bl3 i{color: #316ff0;} .policy-commission{margin-top: 30px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .policy-commission .wrap-content{background: white; padding: 20px;} .policy-commission .wrap-content .top-title{font-size: 21px; color: #394462;} .policy-commission .wrap-content .list-item{display: flex;} .policy-commission .wrap-content .list-item i{color: #0C7CFFFF; margin-top: 5px; margin-right: 10px;} .policy-commission .wrap-content .list-item .item-title{font-size: 14px; font-weight: 600; color: #39445DFF;} .policy-commission .wrap-content .list-item .item-des{color: #8592ABFF;} .payment-method{background: linear-gradient(to right, #3953E8FF, #5690fe); padding: 50px 0; margin: 50px 0;} .payment-method .top-title{text-align: center; color: white; font-size: 30px;} .payment-method .step-payment{margin-top: 50px;} .payment-method .step-payment .step-item{width: 25%; float: left; text-align: center;} .payment-method .step-payment .step-item .point-line{width: 50%; border-top: 2px solid #fff; float: left;} .payment-method .step-payment .step-item .line-top{position: relative;} .payment-method .step-payment .step-item .line-top img{position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%)!important;} .payment-method .step-payment .step-item .img-step{display: block; margin: auto; margin: 25px auto 20px;} .payment-method .step-payment .step-item .text-step{font-size: 16px; max-width: 195px; display: inline-block; color: white;} .table-policy{margin: 50px 0 0;} .table-policy .top-title{text-align: center; color: #676060; font-size: 30px;} .table-policy .table-row{box-shadow: 0px 1px 20px 5px #ccc; margin: 50px 0;} .table-row table{margin: 0; min-width: 800px;} .table-policy table tr td{padding: 15px 20px; background: #f5f5f5;} .table-policy table tr th{padding: 20px 30px; color: white;} .table-policy table tr th.col-1{background: #2D6AA9FF;} .table-policy table tr th.col-2{background: #0C7BFFFF;} .table-policy table tr th.col-3{background: #29CC97FF;} .table-policy table tr th.col-4{background: #FFC501FF;} .table-policy table tr th.col-5{background: #CA65FFFF;} .login-page .login_img{position: absolute; width: 50%; height: 100%; padding: 0; top: 0; right: 0; background-color: #1A75E0; z-index: -1; margin: 0;} .login-page .login_img .images_right{width: 100%; height: 100%; background-image: url('/bizapps_login_client/static/src/img/Layout login CSDL-05.png'); background-repeat: no-repeat; background-size: contain; max-width: 600px; min-width: 500px;} .login-page .login_img.left{background: url(data:image/png;base64,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) right 65px top 130px; background-repeat: no-repeat; left: 0;} .login-page .login_img img{max-width: 100%; z-index: -1;} .login-page .login_img img.cloud1{position: absolute; left: calc(100% - 1170px/2); top: 53%; transform: translate(-50%);} .login-page .login_img img.cloud2{position: absolute; right: 50px; top: 50px;} @media(max-width: 992px){.login_right{padding-top: 0 !important;}} .login_right{padding-top: 134px; padding-bottom: 30px; z-index: 1;} .logo_box{text-align: center; padding-bottom: 50px;} span.logo_box{display: block;} .logo_box h3{text-transform: uppercase; font-size: 14px; font-weight: bold; color: #2980DE; margin-top: 15px;} .login_right label{text-align: -webkit-left; font-size: 16px; color: #4e5255; font-weight: 400; float: left; width: 100%; margin-bottom: 5px; margin-top: 0px;} .login_right .input-group .form-control,.login_right .form-control{background: none; border-radius: 8px; border: 1px solid #E2E2E2; padding: 0 20px; height: 45px;} .login_right .btn{color: #ffffff; background-color: #ffffff; border-color: #E2E2E2; font-weight: bold; font-size: 13px; line-height: 20px; padding: 10px 15px; border-radius: 0 3px 3px 0;} .login_right .btn i{opacity: 0.4;} .login_right .input-group .form-control:first-child{border-bottom-right-radius: 0; border-top-right-radius: 0;} .login_right .btn.btn-success{background: #2B80DA; color: white; border-radius: 3px;} .login_right select{color: #33415C;} .login_right input{color: #33415C;} .btn-forgot-pass-client, .btnport{color: #3083DA; font-weight: 400; font-size: 13px;} .forgot_pass{background: white; width: 100%; position: relative; margin: 0; float: left;} .forgot_pass .btn-sent-forgot{background-color: #2B80DA; color: white; border-radius: 3px; width: 100%;} button.close.back{right: 10px; position: absolute; top: 10px;} #model-popup-forgot-pass{padding: 0 !important;} @media(max-width: 468px){.login_right{padding-left: 0; padding-right: 0;}.login-page .login_img img.cloud1{display:none;}.login-page .panel-body{padding:0;}} @media(max-width: 992px){.login-page .login_img img.cloud1{left: 60px;}.login-page .login_img.left{width:100%;}.login-page .login_img.right{display:none;}.login-page .login_img img.cloud1,.login_left{display:none;}} @media(max-width: 1200px){.login-page .login_img img.cloud1{left: calc(100% - 970px/2);}} @media(min-width: 1300px){.login-page .login_img img.cloud1{left: 90px; top: 700px;}.login_right{max-width: 600px;}.container-login-biz .login_right{max-width: 540px !important;}} @media(max-width: 480px){.container-login-biz .info-other-login img{display: none;}.container-signup-custom .info-other-login img{display: none;}} .container-login-biz .info-other-login ,.container-signup-custom .info-other-signup{display: initial; font-size: 15px; font-weight: 400; line-height: 28px; color: #33415C;} .container-signup-custom .info-other-signup{padding: 0 15px 0 15px;} .container-signup-custom .info-other-signup img{width: 285px; margin-left: 9px;} .container-login-biz .info-other-login img{width: 237px; margin-left: 9px;} .container-login-biz .email-login{margin-top: 30px;} .container-login-biz .email-login ,.container-login-biz .passw-login{font-size: 17px; font-weight: 600; line-height: 28px; margin-bottom: 5px;} .container-login-biz .passw-login{margin-top: 25px;} @media(min-width: 1800px){.login-page .login_img img.cloud2{top: 26%;}} .login_left img{max-width: 100%;} .reset_password a.btn{display: none;} .login-page .oe_reset_password_form{max-width: none;} .login_right .oe_login_form{max-width: none; margin: unset;} .login-agency .top-login-title{color: #1A75E0FF; font-weight: 600; font-size: 25px;} .login-agency .login_left img{max-width: 100%; height: 100%; max-height: 730px;} .login-agency .type-account{margin: 30px 0;} .login-agency .type-account input[type='radio']{margin-right: 10px;} .login-agency .login_right{float: right;} .login-agency{height: 100%;} .login-agency .login_left{height: inherit;} .login-agency .field-login.field_personal{display: none;} @media(min-width: 992px){.wrap-content-login{display: flex; align-items: center; justify-content: center; height: 100%;}} .link-bottom-login label{display: inline-block; width: auto; margin-right: 15px; position: relative;} .link-bottom-login label:not(:last-child):after{position: absolute; content: "|"; color: #1A75E0FF; top: 0px; right: -10px;} .login_right .form-group{} .login_right .active{background: #387fdc; color: white;} .container-process{background: #F4F4F4FF;} .process_refer{margin-top: 50px; padding-bottom: 50px;} .process_refer .block-process{padding: 20px; background: white; border-radius: 5px; border: 1px solid transparent;} .process_refer .block-process:hover{border: 1px solid #1e97fc;} .process_refer .block-process .title-block{margin-bottom: 20px;} .process_refer .block-process .title-block a{font-weight: 600; font-size: 14px; color: #43475BFF; cursor: pointer;} .process_refer .block-process .img-block{margin-bottom: 20px;} .process_refer .block-process .list-item .item{display: flex; margin-bottom: 7px;} .process_refer .block-process .list-item .item i{margin-top: 5px; margin-right: 10px; color: #1E97FCFF;} .process_refer .block-process .list-item .item p{color: #43475BFF; font-size: 13px;} #model-popup-try-product{max-width: 500px; margin: auto; height: 400px;} #model-popup-try-product .close-model{position: absolute; right: 25px; top: 25px; cursor: pointer; font-weight: 600;} .modal-dialog.submit-for-try{height: auto; min-height: 400px; width: 100%; position: relative; margin: 0; float: left; background:white; border-radius: 5px;} .btn-popup-trydemo{background-color: #2B80DA; color: white; border-radius: 3px; width: 100%;} .agent-header{background: white; padding-top: 30px; box-shadow: -5px 0px 16px 0px #918b8b; position: relative;} .nav-agent li.active a{background: transparent; color:#0C7BFFFF;} .nav-agent li.active a .img-hiddent{display: none;} .nav-agent li.active a .img-active{display: inline;} .nav-agent li a .img-active{display: none;} .nav-agent li a{color: #3a3939; font-size: 15px;} .nav-agent li a:focus, .nav-agent li a:active, .nav-agent li a:hover{background: transparent; color:#0C7BFFFF;} .agent-header .navbar{margin-bottom: 10px;} .agent-header .navbar ul li a img{margin-right: 5px; margin-bottom: 5px;} @media(min-width: 992px){.dropdown-nav-hover:hover .dropdown-menu{display: block;}} .dropdown-nav-hover .dropdown-menu{} .dropdown-nav-hover .dropdown-menu li a{padding: 10px!important; text-align: left; color: #42474d;} .dashboard-agent{float: left; width: 100%; background: #0C7BFFFF; border-radius: 5px; height: 145px; margin-bottom: -70px;} @media(max-width: 1024px){.dashboard-agent{height: auto;}.dashboard-agent .right-info > div{padding: 20px 20px; height: 150px!important;}} @media(max-width: 480px){.dashboard-agent .right-info{display: flex; align-items: center; width: 100%;}.dashboard-agent .right-info > div{padding: 20px 9px;}} .dashboard-agent .left-info{padding: 15px; display: flex; align-items: center; justify-content: center; height: 100%; color: white; font-size: 16px;} .dashboard-agent .left-info .avatar{margin-right: 20px;} .dashboard-agent .right-info{height: 100%;} .dashboard-agent .right-info > div{padding: 20px 25px; border-left: 1px solid #2588FFFF; border-right: 1px solid #2588FFFF; float: left; text-align: center; height:100%; color: #84BBFDFF; display: flex; align-items: center; justify-content: center; font-size: 16px;} .dashboard-agent .right-info > div:last-child{border-right: 0;} .dashboard-agent .right-info > div .number{font-size: 18px; color: white;} .dashboard-agent .right-info > div .level-num{width: 35px; height: 35px; background: #FFF31BFF; border-radius: 50%; color: #0C7BFFFF; display: inline-block; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px;} .main-agent{background: #F4F4F4FF; padding: 100px 0 50px;} .main-agent .left-support{padding: 20px; background: white; border-radius: 5px; height: 100%; box-shadow: 0px 0px 11px 0px #d4d2d2;} .main-agent .left-support .top-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 30px;} .main-agent .left-support .item-support{display: flex; margin-right: 10px; width: 100%; height: 40px; background: #0c7bff; border-radius: 30px; align-items: center; margin-bottom: 15px; padding-left: 15px;} @media(min-width: 992px){.main-agent .row-flex{display: flex;}} .main-agent .left-support .bottom-support{margin-top: 40px;} .main-agent .left-support .item-support>*{margin-right: 9px; margin-bottom: 0; color: white; font-weight: 600;} .main-agent .right-table .top-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 30px;} .table-statistic{background: #3E9FFEFF; color: white; font-size: 14px; font-weight: 600;} .table-statistic table tr td:not(.table-bold){text-align: center;} .table-statistic table .table-bold{background: #0C7BFFFF; padding-top: 10px; padding-bottom: 10px;} .table-statistic table{margin-bottom: 0; min-width: 700px;} .main-agent .right-table{background: white; padding: 20px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .main-agent .block-question{margin-top: 30px;} .main-agent .payment-method{background: transparent;} .main-agent .payment-method .top-title{font-size: 23px; color: #394462;} .main-agent .payment-method .step-payment .step-item .point-line{border-top: 2px solid #cdc9c9;} .main-agent .payment-method .step-payment .step-item .text-step{color: #394462;} .package-commission .package-item{border-radius: 5px; background: white; border: 1px solid #ccc;} .package-commission .package-item .top-package{border-bottom: 1px solid #ccc; position: relative; padding: 20px;} .package-commission .package-item .top-package .title{font-weight: 600; font-size: 22px; text-align: center;} .package-commission .package-item .top-package .sub-title{font-weight: 600; font-size: 14px; text-align: center; color: #8d97aa;} .package-commission .package-item .body-package .listed .title{font-size: 15px; color: #1f2532;} .package-commission .package-item .body-package .listed .des{font-size: 14px; color: #A7B6D0FF;} .package-commission .package-item .body-package .listed{position: relative; padding-left: 15px;} .package-commission .package-title{font-size: 23px; color: #39496f; max-width: 470px; margin: auto; margin-top: 30px;} .package-commission .body-package{padding: 20px 25px;} .package-commission .body-package .listed .title:after{content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 5px; left: -5px;} .package-item.pk1 .flag-top{border-left: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #29cc97!important; border-top: 35px solid #29cc97!important;} .package-item.pk1 .listed .title:after{background: #29cc97;} .package-item.pk2 .flag-top{border-left: 20px solid transparent!important; border-bottom: 20px solid transparent!important; border-right: 20px solid #FEC400!important; border-top: 20px solid #FEC400!important;} .package-item.pk2 .listed .title:after{background: #FEC400;} .package-item.pk3 .flag-top{border-left: 20px solid transparent!important; border-bottom: 20px solid transparent!important; border-right: 20px solid #0C7BFF!important; border-top: 20px solid #0C7BFF!important;} .package-item.pk3 .listed .title:after{background: #0C7BFF;} .package-commission .top-package .flag-top{border-left: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #29cc97; border-top: 35px solid #29cc97; border-top-right-radius: 5px; position: absolute; top: 0; right: 0;} .package-commission .list-package{margin-top: 30px;} .agent-business .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .agent-statistic .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .table-customer-info .table-title img{margin-right: 10px; margin-top: -3px;} .table-customer-info .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 15px;} .table-customer-info .table-content{background: #F5F6FAFF;} .table-customer-info table, .table-customer-info table tr th, .table-customer-info table tr td{border-color: white; border-width: 2px;} .table-customer-info .table-status .lable-1{padding: 5px; background: #FED627FF; color: white; border-radius: 3px;} .table-customer-info .table-status .lable-2{padding: 5px; background: #0C7BFFFF; color: white; border-radius: 3px;} .table-customer-info .table-status .lable-3{padding: 5px; background: #F74F73FF; color: white; border-radius: 3px;} .table-customer-info table{min-width: 900px; margin-bottom: 0;} .top-table-history .search-group input{border-radius: 3px; box-shadow: none; border: 1px solid #ccc; padding: 2px 10px;} .top-table-history{margin-bottom: 10px;} .table-customer-info{background: white; padding: 15px; border-radius: 5px;} .agent-profile .content-profile{background: white; padding: 20px;} .agent-profile .content-profile .wrap-field-profile{background: #F5F6FAFF; padding: 20px;} .agent-profile .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 20px;} .agent-profile .table-title img{margin-right: 10px; margin-top: -3px;} .wrap-field-profile input{background: transparent; padding: 20px;} .btn-submit-profile{background: #0C7BFFFF; color: white; padding: 10px 15px; border-radius: 5px; width: 150px; float: right; text-align: center; cursor: pointer; margin-right: 15px;} .agent-notify .table-title{font-size: 17px; font-weight: 600; color: #454242; margin-bottom: 20px;} .agent-notify .table-title img{margin-right: 10px; margin-top: -3px;} .agent-notify .content-notify{background: white; padding: 20px;} .agent-notify .content-notify .notify-item{padding: 15px; border: 2px solid transparent; background: #f5f6fa; margin: 5px 0; border-radius: 3px;} .agent-notify .content-notify .notify-item:hover{border: 2px solid #0C7BFFFF;} .agent-notify .notify-item .notify-title{display: flex; align-items: center; justify-content: center;} .agent-notify .notify-item .notify-author > *, .agent-notify .notify-item .notify-title > *{margin-right: 10px; margin-bottom: 0;} @media(min-width: 992px){.top-level-agent{display: flex; align-items: center; justify-content: space-around;}} .top-level-agent{background: linear-gradient(to top right, #6035D0, #EE8AAC); border-radius: 5px; padding: 10px; font-weight: 600; color: white; margin-bottom: 30px;} .top-level-agent .img-toplevel{display: flex; align-items: center; justify-content: center;} .top-level-agent .img-toplevel .item-img{text-align: center; margin: 0 10px;} .table-livel-agent{margin-top: 30px; box-shadow: 0px 0px 11px 0px #d4d2d2;} .table-livel-agent table{margin-bottom: 0;} .table-livel-agent tr:nth-child(even){background: #FFFFFF} .table-livel-agent tr:nth-child(odd){background: #F9F9F9} .table-livel-agent table tbody > tr > td{padding: 15px;} .table-livel-agent table thead > tr > th{padding: 30px; color: white;} .doc-item{color: #323e56; font-weight: 600; padding: 20px 15px;} .doc-item .right-doc a{color: #323e56; margin-right: 10px; font-weight: 600;} .doc-item p{margin-bottom: 0;} .btn-create-crm{background: #0C7BFF; padding: 10px; border-radius: 5px; color: white; border: 0; margin-bottom: 15px;} .btn-opportunity{color: white; background-color: #2986e3; border-color: #2986e3; padding-top: 10px; padding-bottom: 10px; margin-top: 20px;} .wrap-bizapps-shop{background: #F4F4F4FF;} .wrap-bizapps-shop .page-sub-title{text-align: center; font-weight: 300; margin-top: 20px; font-size: 15px; line-height: 22px; max-width: 800px; margin: auto; margin-top: 20px;} .content-list-software{margin-top: 50px;} .content-list-software .software-item:hover{box-shadow: 0px 0px 10px 0px #4069ff45;} .content-list-software .software-item{background: white; border-radius: 5px; padding: 15px; text-align: center; border: 1px solid transparent; margin: 15px 0;} .content-list-software .software-item img{margin-top: 15px; display: inline-block; max-height: 100%;} .content-list-software .software-item .hr-divider{height: 3px; width: 40px; background: linear-gradient(to right,#424be6, #1ba0fe); margin: 15px auto 20px;} .content-list-software .software-item .software-name{font-size: 16px; height: 45px; line-height: 30px; color: #1e1d1d;} .content-list-software .software-item .software-des{font-size: 14px; color: #1e1d1d; height: 100px; overflow: hidden; min-height: 100px;} .content-list-software .software-item .img-soft{height: 125px;} .content-list-software .hardware-item .lable-product{text-align: left; color: #1e1d1d;} .content-list-software .hardware-item:hover{box-shadow: 0px 0px 10px 0px #4069ff45;} .content-list-software .hardware-item{background: white; border-radius: 5px; padding: 15px; text-align: center; border: 1px solid transparent; margin: 15px 0;} .content-list-software .hardware-item img{display: inline-block; height: 100%;} .content-list-software .hardware-item .hr-divider{height: 3px; width: 40px; background: linear-gradient(to right,#424be6, #1ba0fe); margin: 15px auto 20px;} .content-list-software .hardware-item .software-name{font-size: 16px; margin-bottom: 20px; color: #1e1d1d; text-align: left; margin: 15px 0; height: 40px;} .content-list-software .hardware-item .software-des{font-size: 14px; color: #1e1d1d; min-height: 100px;} .content-list-software .hardware-item .img-soft{height: 150px;} .product-detail-software .img-top-product img{margin: auto; max-height: 100%;} .product-detail-software .intro-product{text-align: unset; background: white; padding: 20px 0px;} .product-detail-software .intro-product .title-intro{text-align: center; font-size: 24px; font-weight: 500;} .product-detail-software #product_full_description{background: transparent; padding: 0;} .product-detail-software .intro-product .img-intro{display: inline-block;} .product-detail-software .intro-product .bottom-intro{text-align: center; margin-bottom: 30px;} .product-detail-software .intro-product .text-block{text-align: justify; margin-bottom: 30px; font-size: 16px;} .product-detail-software .description-feature{background: white; padding: 20px 0px;} .product-detail-software .description-feature .feature-title{padding: 20px 0; margin-bottom: 30px; font-size: 24px; font-weight: 500;} .product-detail-software .description-feature .feature-item{display: flex; margin: 10px 0; line-height: 25px; color: #323741; font-size: 16px;} .product-detail-software .description-feature .feature-item i{color: #316ff0; margin-right: 10px; margin-top: 5px; font-size: 13px;} .product-detail-software .description-feature .text-block{text-align: justify; margin-bottom: 30px; font-size: 16px;} .product-detail-software .video-image{padding: 20px 0px;} .product-hardware-detail .top-product-des{background: white; border-radius: 5px; float: left; width: 100%; margin-bottom: 30px;} @media(min-width: 992px){.product-hardware-detail .top-product-des{display: flex; align-items: center; justify-content: center;}} .product-hardware-detail .img-product{width: 300px; float: left; border-right: 1px solid #ccc;} .product-hardware-detail .right-product-des{float: left; padding: 20px;} .product-hardware-detail .right-product-des .title-product{font-size: 18px; font-weight: 600; margin-bottom: 20px;} .product-hardware-detail .right-product-des .lable-prod{font-size: 16px;} .product-hardware-detail .right-product-des .text-des{font-size: 15px; margin-top: 20px; max-width: 800px;} .product-hardware-detail .bottom-des-detail{background: white; border-radius: 5px; padding: 20px;} .product-hardware-detail .bottom-des-detail .title-info{font-size: 20px; margin-bottom: 40px;} .product-hardware-detail .bottom-des-detail .text-block{margin-bottom: 40px; font-size: 15px;} .product-hardware-detail .bottom-des-detail .left-right-title{margin-bottom: 30px;} .product-banner{background: #3D60F1; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; padding-top:50px;} .product-banner .wrap-colum{display: inline-flex; align-items: flex-end; flex-wrap: wrap;} .product-banner .news-banner{display: flex; color: white; align-items: flex-end; margin-top: 10px;} .product-banner .news-banner .right-news{width: 50%;} .product-banner .news-banner .left-news{text-align: left; padding-bottom: 30px; width: 50%;} .product-banner .news-banner .left-news h3{font-size: 20px; line-height: 25px; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif;} .product-banner .news-banner .left-news .sub-content{color: #94A8F7; font-size: 14px; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; margin-top: 15px;} .product-banner .news-banner .left-news .btn-view{border: 2px solid transparent; border-radius: 5px; padding: 3px; text-align: center; display: flex; align-items: center; justify-content: space-around; width: 125px; cursor: pointer; color: white; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif;} .product-banner .news-banner .left-news .btn-view:hover{border: 2px solid #d0cece;} @media(min-width: 992px){.product-banner .news-banner .text-inline{display: block;}} .breadcrumb-product{background: white;} .body-list-product{background: #F3F3F3; position: relative; padding-bottom: 50px;} .app-catelory{position: relative;} .app-catelory img{width: 100%; height: inherit; object-fit: cover; height: 100%; position: absolute; z-index: 0;} .app-catelory .cover-image{padding: 25px; z-index: 1; position: relative;} .app-catelory .cover-image .sub_cat{margin-bottom: 20px; font-size: 15px; line-height: 26px; max-width: 800px; border: 0; padding-left: 0; color: #67718b;} .list-items-product .app-item{background: white; padding: 20px; margin-bottom: 20px; position: relative; border-radius: 5px;} .list-items-product .app-item .app-img{height: 150px;} .list-items-product .col-cus-10{padding: 0 10px;} .list-items-product .app-item .app-lable{height: 70px;} .row.list-items-product{margin-top: 20px; display: flex; flex-wrap: wrap;} .app-item .btn-app-group{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; padding-top: 10px;} .app-item .btn-app-group .btn-view{border: 1px solid #8396BA; text-align: center; border-radius: 5px; color: #8396BA; width: 100px; text-align: center;} .app-item .btn-app-group .btn-demo{border: 1px solid #8396BA; text-align: center; border-radius: 5px; color: #8396BA; width: 100px; text-align: center;} .app-item .btn-app-group .btn-app:hover{background: #3D60F1; color: white;} .app-item .btn-app-group .btn-app{border: 2px solid #8295b9; text-align: center; border-radius: 5px; color: #8396BA; width: 110px; text-align: center; padding: 5px; color: #555; font-weight: 500; font-family: Roboto,helvetica neue,Helvetica,Arial,Sans-Serif; cursor: pointer; margin-bottom: 5px;} .app-item:hover > .app-quanly-conten{visibility: visible; opacity: 1;} .list-items .app-quanly-conten .des-cover{height: calc(100% - 51px); overflow: hidden; text-align: justify; font-size: 12px; display: flex;} .list-items .app-quanly-conten{position: absolute; top: 0; left: 0; height: 100%; color: #fff; text-align: left; padding: 20px; width: 100%; background-size: cover; visibility: hidden; opacity: 0; background: #3d60f1f6; border-radius: 5px;} .app-quanly-conten h4{text-transform: capitalize; font-size: 15px; font-weight: bold; line-height: 22px; margin-top: 0;} .app-quanly-conten hr{margin-bottom: 6px; border: 1px solid #fff; padding: 0; margin-top: 0;} .app-quanly-conten .btn-app-group{position: absolute; bottom: 20px; width: 100%; padding: 0 20px; left: 0;} .app-quanly-conten .btn-app-group .btn-app:hover{background: white; color: #3d60f1;} .app-quanly-conten .btn-app-group .btn-app{color: white; border-color: white;} .app-item > .btn-app-group > .btn-demo{background: #3d60f1; color: white; border-color: #3d60f1;} .navigation-left{position: absolute; left: 10%; top: 30px; background: #FFFFFF; min-height: 100px; width: 50px; border-radius: 5px; box-shadow: 0px 0px 4px 0px #122a680a; z-index: 2;} .navigation-left .item-nav img{position: absolute; z-index: 1;} .navigation-left .item-nav{background: #FFFFFF; width: 100%; height: 50px; border-radius: 5px; box-shadow: 0px 0px 4px 0px #122a680a; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;} .navigation-left .item-nav.active{background: #3D60F1;} .navigation-left .item-nav:hover{background: #3D60F1;} .navigation-left .item-nav:hover > .category-name{opacity: 1; visibility: visible;} .navigation-left:hover >.item-nav{background: white!important;} .navigation-left .item-nav .category-name{position: absolute; box-shadow: 0px 0px 4px 0px #122a680a; height: 100%; min-width: 170px; left: 0; text-align: left; padding-left: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 15px 10px 15px 50px; opacity: 0; background: #3D60F1; color: white; visibility: hidden; white-space: nowrap;} @media(max-width: 992px){.navigation-left{display: none;}} @media(max-width: 1600px){.navigation-left{left: 1%;}} html{scroll-behavior: smooth;} .academy_banner{background: url(/icsc_bizapps/static/src/img/academy/academy-banner.png) no-repeat; width: 100%; padding-top: 7vmax; background-size: cover;} @media (min-width: 992px){div.academy_banner{padding-top: 9vmax; padding-bottom: 9vmax;}} .line-bold{display: inline-block; height: 6px; width: 100px; background: black;} .content-banner-academy{text-align: left; color: #323336;} .content-banner-academy .top-title{font-weight: 600; font-size: 18px;} .content-banner-academy .sub-title{max-width: 530px; font-size: 15px;} @media (min-width: 992px){.academy_banner .title-banner{font-size: 45px; letter-spacing: -1px; font-weight: bold;}.bizapps-academy-content .block_intro.left{margin-right: -13px;}.bizapps-academy-content .block_intro.right{margin-left: -13px;}} .bizapps-academy-content{background: #F2F2F2;} .bizapps-academy-content .block_intro{background: white; height: 100%; padding: 20px; min-height: 210px; margin-bottom: 5px;} .line_intro_flex{} .bizapps-academy-content .block_intro .title_intro{color: #0060b7;} .bizapps_progress_academy{margin-top: 100px; padding-bottom: 100px;} .list_progress_academy .block_progress{padding: 10px; background: white; display: flex; margin-bottom: 19px;} .list_progress_academy .block_progress .left_img{display: flex; align-items: center; justify-content: center; min-width: 100px;} .list_progress_academy .block_progress .right_content{margin-left: 20px; padding: 5px; padding: 20px 0;} .list_progress_academy .block_progress .right_content .line{cursor: pointer; color: #36373B;} .list_progress_academy .block_progress .right_content .line:hover{color: #2980dc;} .list_progress_academy .block_progress .right_content .line:hover .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .top-title{font-size: 18px; font-weight: 600; color: #2E2F33;} .list_progress_academy .block_progress .right_content .fa{margin-right: 5px; color: #B2B3B7;} .list_progress_academy .block_progress .right_content .more-line{display: none;} .list_progress_academy .block_progress .right_content .view_all{display: block; text-decoration: none; font-weight: 600; color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_less:hover{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_less .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_less:hover .fa{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_all:hover{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_all .fa{color: #2E2F33;} .list_progress_academy .block_progress .right_content .view_all:hover .fa{color: #2980dc;} .list_progress_academy .block_progress .right_content .view_less{display: none; text-decoration: none; font-weight: 600; color: #2980dc;} .list_progress_academy .block_progress .right_content.more-text .view_all{display: none; text-decoration: none; font-weight: 600;} .list_progress_academy .block_progress .right_content.more-text .view_less{display: block; text-decoration: none; font-weight: 600;} .list_progress_academy .block_progress .right_content.more-text .more-line{display: block;} .bizapps_vote_cource{padding-top: 50px; background: #FFFFFF; padding-bottom: 50px;} .bizapps_vote_cource h3{color: #1369B8;} .bizapps_vote_cource .star{margin: 20px 0;} .bizapps_vote_cource .star .fa{font-size: 15px; color: #363637;} .bizapps_vote_cource .user_vote h4{color: #323337;} .bizapps_vote_cource .user_vote .user{color: #333334; margin-bottom: 30px; font-weight: 600; margin-top: 15px;} .line-thin{display: inline-block; height: 2px; width: 70px; background: #2982D9;} .btn-pricelist-group{} .btn-pricelist-wrap{width: 100%; float: left; display: flex; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: -5px;} .banner-pricelist{background: #0073D2; padding: 50px 0 0; color: white; border-bottom: 5px solid #009eff;} .banner-pricelist p.lv1{color: #82b9e8; font-size: 14px; margin-bottom: 20px;} .banner-pricelist p.lv2{color: #ffffff94; font-size: 16px;} .btn-pricelist-group.btn-pricelist-fixed .btn-pricelist{height: 100px; padding: 18px 0;} .btn-pricelist-group .btn-pricelist{display: inline-block; float: left; padding: 10px 0; cursor: pointer; border-top: 4px solid transparent; text-align: center; color: #24272d; height: 80px; width: 20%; margin: 0 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-transform: uppercase; font-weight: 600; font-size: 15px; background: #009eff; color: white;} .btn-pricelist-group .btn-pricelist p{margin-top:10px;} .btn-pricelist-group .btn-pricelist img:not(.active){display: inline-block;} .btn-pricelist-group .btn-pricelist img.active{display: none;} .btn-pricelist-group .btn-pricelist.active img.active{display: inline-block;} .btn-pricelist-group .btn-pricelist.active img:not(.active){display: none;} .btn-pricelist-group.btn-pricelist-fixed img.active:not(.white){display: none!important;} .btn-pricelist-group:not(.btn-pricelist-fixed) img.active.white{display: none!important;} .btn-pricelist-group .btn-pricelist.active, .btn-pricelist-group .btn-pricelist:hover{box-shadow: 0px -5px #009eff; background: #f9f9f9; color: #2982D9;} .btn-pricelist-group.btn-pricelist-fixed .btn-pricelist.active{background: rgba(255, 255, 255, 0.1); color: #fff;} .pricelist-banner img{margin-bottom: 22px; margin-top: 45px;} .pricelist_title{color: black;} .pricelist-banner .list-discount{display: inline-block; color: #c9d0e2; position: relative; text-align: left; margin-bottom: 20px; margin-top: 45px; font-weight: 600; font-size: 17px;} .pricelist-banner .list-discount p:before{content: ""; position: absolute; width: 8px; height: 8px; background: #0092ff; border-radius: 50%; left: -20px; margin-top: 8px;} @media (min-width: 992px) and (max-width: 1200px){.pricelist-container{width: 1140px;}} .pricelists-bizapps .btn-contactus{font-weight: bold; padding: 2px 20px; background-color: #2980dc; margin-bottom: 10px; border: 0;} .pricelists-bizapps .pricelist-name{color: #3a3737; text-transform: capitalize; font-size: 22px; font-weight: 600; margin-bottom: 20px; margin-top: 25px;} .pricelists-bizapps .pricelist-price{color: #1780e0; font-size: 17px; font-weight: bold; margin: 0; width: 140px; display: inline-block; border: 1px solid #bee1fd; padding: 0px 5px; border-radius: 30px; background: #eff7ffc7;} .pricelists-bizapps .pricelist-price span{font-size: 12px; margin-left: -5px;} .pricelists-bizapps .pricelist-price a{color: #2980da;} .pricelists-bizapps .table-pricelist .content-table p{margin: 0; padding: 10px 0; font-weight: 400;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.content-table{border-top: 0;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.content-table, .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{border-radius: 0; padding: 5px; font-size: 15px; font-weight: 500; color: #4b4f56; padding: 0 10px 10px; background: white;} .pricelists-bizapps .pricelists-table{padding-left:0; padding-right:0; font-weight: 600; text-transform: capitalize; padding: 0 10px;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{background: white; border: 1px solid #bee1fd; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top: none; padding: 0; margin-top: -1px;} .pricelist-thead-border.footer-table:not(.pricelist-popular){background: #e9eceb;} .pricelist-thead-border.footer-table .support-item{text-align: center; font-size: 14px; border-top: 1px solid #bee1fd; width: 100%; padding: 10px 12px; min-height: 82px;} .pricelists-bizapps .table-pricelist{border-collapse:separate; border-spacing: 8px 0px;} .pricelists-bizapps .table-pricelist .pricelist-title{color: #2FC7F6; font-weight: bold; line-height: normal; font-size: 14px; padding-left: 0px; padding-right: 2px;} .pricelists-bizapps .table-pricelist tbody tr td{border-top-color: #EFEFF2; padding: 10px; padding-left: 20px; padding-right: 20px; font-size: 14px;} .pricelists-bizapps .table-pricelist .pricelist-popular{background-color: #2986e3; color: white; border-color: white !important; border-bottom-color: white !important;} .pricelist-thead-border.pricelist-popular .pricelist-name{color: white;} .pricelist-thead-border.pricelist-popular.heading{background: linear-gradient(#2980dc, #28b6fc);} .pricelist-thead-border.pricelist-popular{background: #2e88e4;} .pricelist-thead-border.pricelist-popular .pricelist-price{color: white;} .pricelists-bizapps .table-pricelist .pricelist-thead-border{border: 1px solid #bee1fd; border-radius: 15px 15px 0 0; position: relative; border-bottom: 0;} .pricelists-bizapps .table-pricelist .pricelist-border{border-left: 2px solid #bee1fd; border-right: 2px solid #bee1fd;} .pricelists-bizapps .table-pricelist .pricelist-border-bottom{border-left: 0; border-right: 0; background: none !important;} .pricelists-bizapps .table-pricelist .pricelist-support{padding: 0; font-size: 13px; padding: 0; background: #E9ECEB!important; border-bottom: 2px solid #bee1fd; border-left: 2px solid #bee1fd; border-right: 2px solid #bee1fd; text-align: left;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item{background-color: #E9ECEB; padding: 8px 14px; padding-top: 4px;} .pricelists-bizapps .table-pricelist .pricelist-support.pricelist-popular .support-item{background: #2986e3;} .pricelists-bizapps .table-pricelist .pricelist-support.pricelist-popular{background: #2986e3!important;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:first-child{padding-top: 20px;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:last-child{padding-bottom: 20px;} .pricelists-bizapps .table-pricelist .pricelist-support .support-name{width: 100%; border-bottom: 1px solid #DFE4E3;} .pricelists-bizapps .table-pricelist .pricelist-support .support-item:last-child .support-name{border-bottom: 0;} .pricelists-bizapps .table-pricelist .popular-box{z-index: 1; position: absolute; background: url(/icsc_bizapps/static/src/img/pricelist/package-pl.png) no-repeat right; width: 100%; height: 100%; right: -6px; top: -13px;} .title-description{font-size: 19px; max-width: 700px; margin: auto; margin-top: 25px;} .pricelist-banner{background: url(/icsc_bizapps/static/src/img/price-banner.png); background-size: 100% 100%; width: 100%; min-height: 180px; align-items: center; position: relative;} .server-banner .banner-text{display: none} .btn-pricelist-fixed a.btn-pricelist{border-radius: 0; margin: 0; background: transparent;} .pricelists-bizapps .table-pricelist .content-table p{margin: 0; font-weight: 600; font-size: 16px; line-height: 20px; padding-top: 10px; color: #1780e0; padding: 0; margin-bottom: 5px;} .pricelists-bizapps .table-pricelist .content-table .package-item{padding-top: 25px;} .pricelists-bizapps .table-pricelist .content-table .package-item .btn-register-pack{padding: 10px 15px; font-weight: 600; background: #2c8bff; color: white; display: inline-block; border-radius: 5px; font-size: 14px; box-shadow: 0px 0px 10px 0px #08172b30; text-transform: initial;} .pricelists-bizapps .table-pricelist .content-table .package-item img{margin-top: -5px;} .pricelists-bizapps .table-pricelist .pricelist-thead-border{padding-bottom: 4px; min-height: 100px; padding-top: 5px; background: white;} .pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table.pricelist-popular{border-color: white !important; border-bottom-color: white !important;} .attachment-service{border: 1px solid #1780e0; border-radius: 15px; padding: 15px 35px; position: relative; font-size: 17px; color: #232222;} .attachment-service h3{margin-bottom: 25px;} .attachment-service p img{margin-right: 10px;} .attachment-service img.img-tag{position: absolute; right: -8px; top: -9px;} .store-bizapps-service .back-table{max-width: 890px; background: #cfd1d4; margin: auto; height: 300px; border-radius: 10px; margin-bottom: 100px; margin-top: 150px; background: #e4e4e4;} .store-bizapps-service .front-table img{margin: auto;} .store-bizapps-service .front-table{background: white; border: 2px solid #2981d9; border-radius: 10px; max-width: 700px; margin: auto; position: relative; top: -55px; align-items: center; justify-content: center; padding: 30px 80px; padding-top: 40px; text-align: center; box-shadow: 0px 0px 30px 0px #06101f26;} .front-table .contact{text-align: center; margin-top: 30px; margin-bottom: 25px;} .front-table .contact a{color: white; padding: 10px; text-align: center; width: 195px; background: #308DFB; border-radius: 5px; font-size: 17px; padding: 15px 25px; cursor: pointer; box-shadow: 0px 0px 10px 0px #08172b30;} .btn-pricelist-fixed{position: fixed; top: 64px; width: 100%; background: #2c8bff; z-index: 2; padding-bottom: 5px; box-shadow: 0px 0px 20px 0px #030f1f52;} .c-price-slider__total{margin-bottom: 24px;} .c-price-slider__currency{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 85px; line-height: 1.40625; letter-spacing: 0; font-weight: 300;} .c-price-slider__amount{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 85px; line-height: 1.40625; letter-spacing: 0; font-weight: 300;} .c-price-slider__interval{color: #464646; font-family: oswald,sans-serif; text-transform: uppercase; font-size: 24px; line-height: 1.41667; letter-spacing: .5px; font-weight: 400;} .front-table .title-table{font-size: 16px; font-weight: 600;} .c-price-slider__range{-webkit-appearance: none; width: 100%; height: 10px; background: #d3d3d3; outline: none; -webkit-transition: .2s; transition: opacity .2s; border-radius: 20px} .c-price-slider__range::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 17px; height: 17px; background: #fff; cursor: pointer; border-radius: 20px; border: 5px solid #308cfb; box-shadow: 0px 0px 2px 3px #ccccccb8;} .c-price-slider__input{max-width: 300px; text-align: center; margin: auto;} span.c-price-slider__min{float: left; margin-top: 7px; font-size: 15px; color: #353434; font-weight: 600;} span.c-price-slider__max{float: right; margin-top: 7px; font-size: 15px; color: #353434; font-weight: 600;} .c-price__line{width: 100%; border-top: 2px solid #ccc; margin: 25px 0;} .c-price__line .line-bold-center{width: 200px; border-top: 4px solid #308cfb; text-align: center; margin: auto; margin-top: -3px;} .c-price-slider__specsprimary > span{margin: 10px;} .c-price-slider__specsprimary{font-size: 18px; font-weight: 600; color: #3c3a3a; margin-bottom: 20px;} .c-price-slider__specssecondary > span{margin: 10px;} .c-price-slider__specssecondary{font-size: 16px; margin-bottom: 45px;} .d-none{display: none!important;} .no-margin-top{margin-top: 0px!important; height: inherit !important;} .no-margin-top .oe_website_login_container{height: inherit;} .cursor{cursor: pointer;} @media(max-width: 1200px) and (min-width: 992px){.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{}.service-advance .service-text{min-height: 144px;}.faq-content .faq-item{min-height: 377px;}} @media(max-width: 385px){.store-bizapps-service .back-table{height: 200px;}.store-bizapps-service .front-table{padding: 20px 15px;}.c-price-slider__amount{font-size: 45px;}.c-price-slider__specsprimary{font-size: 12px;}.c-price-slider__specsprimary > span{margin: 5px;}} @media(max-width: 667px){.store-bizapps-service .back-table{height: 200px;}.store-bizapps-service .front-table{padding: 20px 15px;}.c-price-slider__amount{font-size: 45px;}.c-price-slider__specsprimary{font-size: 12px;}.c-price-slider__specsprimary > span{margin: 5px;}} @media(min-width: 992px){.pricelist-server-table img{max-width: 100%;}.uu-dai-banner .img-mobile{display: none;}.uu-dai-banner .img-desktop{display: block;}.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{min-height: 225px;}.btn-pricelist-group.btn-pricelist-fixed .btn-pricelist:hover{background: rgba(255, 255, 255, 0.1); color: #fff;}.btn-pricelist-group .btn-pricelist:hover img.active{display: inline-block;}.btn-pricelist-group .btn-pricelist:hover img:not(.active){display: none;}} @media(max-width: 992px){.pricelist-banner{background-image: linear-gradient(#1b3f90, #09183a);}.pricelist-banner img{margin-bottom: 0!important; padding: 15px 0; max-width: 100%;}.pricelist-banner .list-discount{margin-top: 30px!important; text-align: center!important; width: 100%;}.pricelist-banner .list-discount p:before{display: none;}.faq-content .faq-item{min-height: auto!important;}.service-advance .service-text{min-height: auto!important;}.btn-pricelist-group .btn-pricelist{width: 50%;}.server-banner .img-bg{display: none;}.server-banner .img-bg{display: none;}.server-banner .banner-text{display: block!important; background-image: linear-gradient(#1b3f90, #09183a); color: white; padding: 15px; text-align: center;}.server-banner .banner-text img{margin-bottom: 30px;}.pricelists-bizapps .table-pricelist .pricelist-thead-border.footer-table{min-height: 122px;}.btn-pricelist-group .btn-pricelist{height: 55px;}.btn-pricelist-group .btn-pricelist p{display: none;}.uu-dai-banner .img-mobile{display: block; margin: auto;}.uu-dai-banner .img-desktop{display: none;}.section-title{font-size: 30px;}.pricelist-server-table{padding: 15px;}.btn-pricelist-group.btn-pricelist-fixed .btn-pricelist{padding: 15px 0; height: 58px;}} .banner-training{padding: 0 15px; padding-top: 80px;} .banner-training h4{font-size: 31px; color: black;} .banner-training h1{color: #297fdd; font-size: 45px; margin-top: 10px;} .banner-training .schedule_training{position: absolute; left: 50%; transform: translate(-50%);} .banner-training .schedule_training .btn_schedule_training{font-size: 17px; font-weight: 600; width: 227px; height: 50px; background: green; color: white; margin: auto; padding: 13px; border-radius: 5px; display: inline-block; margin-top: 20px; margin-bottom: 30px; background-image: linear-gradient(to right, #4bac44, #d9d639); box-shadow: 0 0 10px 1px #0000002e;} .banner-training .banner_img{position: relative; margin-bottom: -55px;} .banner-training .banner_img img{display: inline-block;} .progress_training{background: #0d4e91; padding: 70px 0; padding-top: 80px; color: white;} .progress_training .left-progress .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0;} .progress_training .left-progress{max-width: 435px; font-size: 16px;} .progress_training .left-progress p{color: #758eb6;} .progress_training .left-progress .list-progress .biz-item img{display: block;} .progress_training .left-progress .list-progress .biz-item img.active{display: none;} .progress_training .left-progress .list-progress .biz-item.active img.active{display: block;} .progress_training .left-progress .list-progress .biz-item.active img{display: none;} .progress_training .left-progress .list-progress{margin-top: 40px;} .progress_training .left-progress .list-progress .biz-item:hover{box-shadow: 0 0 10px 8px hsla(0, 0%, 0%, 0.18); border-radius: 10px;} .progress_training .left-progress .list-progress .biz-item{cursor: pointer;} .progress_training .left-progress .list-progress img{margin: 15px 0;} .progress_training .progress-row{display: flex;} .progress_training .right-progress .progress-content.active{display: block!important;} .progress_training .right-progress .progress-content{max-height: 770px; min-height: 770px; overflow: auto; padding-right: 20px;} .progress_training .right-progress{background: white; padding: 30px; padding-right: 0; font-size: 16px; border-radius: 10px; min-height: 50px; float: right; width: 100%;} .progress_training .right-progress .progress-name{color: black;} .progress_training .right-progress .panel-progress{color: #48a1ff; display: inline-flex;} .progress_training .right-progress .panel-progress > *{display: inline-flex; align-items: center; justify-content: center; margin-right: 20px;} .progress_training .right-progress .panel-progress > * p{margin: 0; font-size: 14px;} .progress_training .right-progress .panel-progress > * img{margin-right: 5px; margin-bottom: 8px;} .progress-section .pros-section-title{color: #3c3a3a; font-weight: 600; margin-top: 21px; margin-bottom: 30px; font-size: 20px; border-bottom: 2px solid #e2e2e2;} .section-check-list .item-check{display: flex; align-items: start; color: #4e4d4d; margin: 15px 0; padding-left: 35px; position: relative;} .section-check-list .item-check:before{content: ""; width: 22px; height: 22px; position: absolute; left: 0; background: url(/icsc_bizapps/static/src/css/../img/training/check.png);} .section-check-list .item-check img{margin-right: 10px;} .step_training h1{margin-top: 0;} .step_training{text-align: center; color: black; padding: 80px 0; padding-bottom: 70px;} .step_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} .step_training .wrap-step{margin-top: 80px; display: flex; align-items: start;} .step_training .wrap-step .step-block{width: 20%; float: left; font-size: 17px; font-weight: 600; color: #424040;} .step_training .wrap-step .line-step{margin-top: 50px;} .step_training .wrap-step .step-block p{margin-top: 40px; text-align: center;} .target_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/target-bg.png); padding-top: 80px; padding-bottom: 80px; color: white;} .target_training h1{margin-top: 0;} .target_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} .target_training .target-wrap{margin-top: 50px;} .target_training .bg-transparent{padding: 30px; color: #e0dddd; font-weight: 600; font-size: 17px; border-radius: 10px; background: #ffffff14; height: 230px;} .commitment_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/commitment-bg.png); padding-top: 80px; padding-bottom: 30px; color: black;} .commitment_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: left;} .share_training{text-align: center; background: url(/icsc_bizapps/static/src/css/../img/training/share-bg.png); padding-top: 80px; padding-bottom: 80px; color: white;} .share_training h1{margin-top: 0;} .share_training .line-bottom{width: 100px; height: 5px; background: #3D9BF5; margin: 20px 0; text-align: center; margin: auto;} #customers-testimonials{margin-top: 80px;} .owl-carousel.owl-loaded{display: block;} .owl-carousel{display: none; width: 100%; z-index: 1;} .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color: transparent; position: relative;} .shadow-effect{background: #fff; padding: 35px 20px; border-radius: 10px; text-align: center; border:1px solid #ECECEC; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); height: 400px; width: 600px;} #customers-testimonials .shadow-effect .fa-star{color: #F9DC43; margin-right: 10px;} #customers-testimonials .shadow-effect .customer-name{color: #403f3f; font-size: 25px; font-weight: 600; max-width: 450px; margin: auto; margin-bottom: 20px;} #customers-testimonials .shadow-effect p{font-family: inherit; font-size: 17px; line-height: 1.5; margin: 0 0 8px 0; font-weight: 300; color: #272626;} .testimonial-name{margin: -17px auto 0; display: table; width: auto; background: #3190E7; padding: 9px 35px; border-radius: 12px; text-align: center; color: #fff; box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);} #customers-testimonials .shadow-effect .customer_img{height: 75px; display: flex; align-items: center; overflow: hidden;} #customers-testimonials .shadow-effect .program .title{font-weight: 600; font-size: 13px; color: #7f868ede; margin-bottom: 3px;} #customers-testimonials .shadow-effect .program .customer_data{font-weight: 600; font-size: 14px; color: #403f3f; text-transform: uppercase; margin-bottom: 3px;} #customers-testimonials .shadow-effect .program .line-program{margin: auto; width: 160px; border-top: 1px solid #c2cbd6de; margin-bottom: 3px;} #customers-testimonials .item{text-align: center; opacity: .5; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #customers-testimonials .owl-item:not(.center){} #customers-testimonials .owl-item{width: 600px; display: flex; justify-content: center;} #customers-testimonials .owl-item.active.center{z-index: 99;} #customers-testimonials .owl-item.active.center .item{opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); position: absolute;} .owl-carousel .owl-item img{margin: 0 auto 0px; width: auto;} #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span{background: #3190E7; transform: translate3d(0px, -50%, 0px) scale(0.7);} #customers-testimonials.owl-carousel .owl-dots .owl-dot{display: inline-block;} #customers-testimonials.owl-carousel .owl-dots .owl-dot span{background: #3190E7; display: inline-block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 20px;} .owl-prev{position: absolute; left: 10%; top: 40%; color: transparent; width: 100px; height: 100px; background: url(/icsc_bizapps/static/src/css/../img/training/pre.png)} .owl-next{position: absolute; right: 10%; top: 40%; color: transparent; width: 100px; height: 100px; background: url(/icsc_bizapps/static/src/css/../img/training/next.png)} @media(min-width: 992px){.slide_home .title-banner{font-size: 37px; letter-spacing: -1px;}} @media(max-width: 992px){.slide_home .title-banner{font-size: 20px;}.slide_home .sub-title-banner{font-size: 16px;}} @media(max-width: 450px){.slide_home p.title-banner{font-size: 17px;}.slide_home .sub-title-banner{font-size: 14px;}.slide_home p.sub-title-banner{font-size: 14px; margin-bottom: 15px;}.banner2 p{font-size:13px;}.btn-banner-group .btn-banner{margin-bottom: 30px;}.bizapps-title{font-size: 30px; margin-top: 40px; margin-bottom: 40px;}.nentang-title{font-size: 30px;}.nentang-sub-title{padding: 0 60px;}} @media(max-width: 992px){.step_training .line-step{display: none;}.step_training .wrap-step{display: block;}.step_training .wrap-step .step-block{margin: auto; float: none; min-width: 170px;}.target_training .bg-transparent{margin-top: 15px;}.commitment_training .commitment-list{padding: 15px 0;}.commitment_training .commitment-wrap img{margin: auto;}.progress_training .progress-content{display: block!important; overflow: unset!important; max-height: unset!important; min-height: unset!important; margin-top: 50px;}.progress_training .left-progress{display: none;}.progress_training .right-progress{padding: 15px;}.progress_training .col-md-6{min-height: unset;}.progress_training{padding-bottom: 15px; padding-top: 15px;}.banner-training .banner_img{margin-bottom: 0px;}.banner-training .schedule_training{position: unset;}} @media(max-width: 630px){#customers-testimonials .shadow-effect{width: unset;}} @media(max-width: 992px){.background-login{display: none;}.login-direction{padding: 20px 10px 0 10px !important;}} .login-direction{padding: 20px 20px 0 20px; display: flex;} .login-direction .login-direction-right{order: 2; margin: auto; margin-right: 10px;} .background-login{background-image: url('/icsc_bizapps/static/src/img/login-img2.png'); background-repeat: no-repeat; background-size: cover; padding: 0 !important;} .background-login .logo-login{padding-top: 68px; padding-left: 70px;} .background-login .tim-hieu-them{margin-top: 63px; margin-left: 70px} .background-login h3{color: #FFFFFF; font-size: 40px; font-weight: 700; line-height: 52px; margin-top: 243px; margin-left: 70px; margin-right: 93px} .background-signup{background-image: url('/icsc_bizapps/static/src/img/register-img2.png'); background-repeat: no-repeat; background-size: auto; padding: 67px 15px 0 70px !important;} .custom-select{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px;} .custom-select select{display: none;} @media(max-width: 1024px){.select-selected:after{top: 55px !important;}.select-selected.select-arrow-active:after{top: 55px !important;}} .select-selected:after{position: absolute; content: ""; top: 73px; right: 35px; width: 15px; height: 10px; background-image: url('/icsc_bizapps/static/src/img/vec-arrow.png'); background-repeat: no-repeat;} .select-selected.select-arrow-active:after{background-image: url('/icsc_bizapps/static/src/img/vec-arrow.png'); top: 73px; background-repeat: no-repeat;} .select-items div{color: #000; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 20px;} .select-selected{color: #33415C; cursor: pointer; user-select: none; height: 45px; line-height: 45px; padding: 0 0 0 20px; max-width: 230px; overflow: hidden; text-overflow: ellipsis;} .select-items{position: absolute; background-color: #fff; top: 140%; left: 0; right: 0; z-index: 99; max-height: 400px; overflow-y: auto; margin: 5px 15px 0 15px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1);} .search-items{position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; height: 45px; overflow-y: auto; margin: 0 15px 0 15px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1);} .select-hide{display: none;} .search-hide{display: none;} .search-input{width: 100%; height: 100%; border: none;} .select-items div:hover, .same-as-selected{background-color: rgba(0, 0, 0, 0.1);} .company-name.dangkydungthu::placeholder{text-align: right !important;} .label-sigup{color: #33415C !important; font-weight: 600 !important;} .alert-sigup-all{margin-top: 10px; display: flex; color: #FC7646; font-size: 15px; font-weight: 400; margin-left: 20px;} .alert-sigup{margin-top: 10px; display: flex; color: #FC7646; font-size: 15px; font-weight: 400;} .img-alert-sigup{width: 16px; height: 16px; margin-right: 10px;} #alert_company_signup,#company_name_info,#alert_confirm_passw_signup,#alert_email_signup,#alert_phone_signup,#alert_sigup_all{display: none; margin-top: 15px;} .active-sigup-info ,.active-sigup{display: block !important;} .title-selection{margin: 25px 0 5px 0; font-size: 16px; font-weight: 600; color: #33415C;} .href-signup{display: flex; align-items:center; justify-content: space-between; padding: 40px 55px 0 55px;} @media(max-width: 480px){.href-signup span{font-size: 14px !important;}} .href-signup span{color: #33415C; font-size: 17px; line-height: 28px; font-weight: 400;} @media(max-width: 1024px){.href-signup{padding: 0 !important;}} .alert-border{border: 1px solid #FC7646 !important;} .round-signup{position: relative; width: 5%;} .round-signup label{background-color: #fff; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; height: 24px; left: 0; position: absolute; top: 0; width: 24px;} .round-signup label:after{border: 2px solid #fff; border-top: none; border-right: none; content: ""; height: 6px; left: 5px; opacity: 0; position: absolute; top: 6px; transform: rotate(-45deg); width: 12px;} .round-signup input[type="checkbox"]{visibility: hidden;} .round-signup input[type="checkbox"]:checked + label{background-color: #CED3DA; border-color: #CED3DA;} .round-signup input[type="checkbox"]:checked + label:after{opacity: 1;} .container-signup-for-trial .select-selected{max-width: none !important;} .button-app{background-color: #0674E5; border-radius: 8px; color: #fff; padding: 5px 0 5px 10px; margin-right: 3px;} .title-app{font-size:16px; font-weight:500} .menu-forum-header{margin-top: 123px !important;} .company-name:focus + .tooltiptext{visibility: visible;} .login_box .container-note{margin: 3px 0 0 10px;} .login_box .container-note:hover + .tooltiptext{visibility: visible;} .login_box .tooltiptext{visibility: hidden; width: 270px; color: #6B7177; text-align: left; background: #FFFFFF; border: 1px solid #94A0B4; box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 8px 15px; margin-top: 10px; position: absolute; z-index: 1; font-size: 13px; font-weight: 500; line-height: 18px;} .login_box .tooltiptext.custom{margin-top: -70px;} .login_box .img-question{width: 18px; height: 18px; margin-left: 5px;} .log-in-page{height: inherit;} .container-login-biz{padding-bottom: 191px; color: #33415C;} .container-login-biz .login_right{float: none; margin: auto; padding-top: 120px;} .container-login-biz .login_right h3{font-size: 36px; margin-bottom: 5px; font-weight: 700; color: #2980D9; line-height: 44px;} .container-login-biz .btn-login-system{margin-top: 25px; height: 50px; border-radius: 8px !important; font-size: 17px; font-weight: 600 !important; line-height: 28px;} .container-signup-custom .field-db{padding: 0 15px;} 

/* /icsc_bizapps/static/src/css/home_feature.css defined in bundle 'web.assets_frontend' */
#c-content .b-index-bnn{margin-top: 1.1vmax; width: 100%; float: left;} #c-content .b-index-bnn h1.head-title{max-width: 1180px; color: #fff; text-align: center; font-size: 36px; margin: 0; margin: auto; margin-top: 2vmax; font-weight: 400;} .search_bar{background: url(/icsc_bizapps/static/src/img/search_bar.png) 0 0 no-repeat; background-position: center; height: 121px;} .banner2{background: linear-gradient(to right, #4447e4, #1f98fc); background-position: center; height: 6vmax; background-size: cover; color: white; font-size: 1.2vmax; display: flex; align-items: center; padding:0 145px; position: relative; width: 100%; padding: 18px;} .banner2 p{max-width: 1000px; text-align: center; margin: auto; font-size: 16px;} @media(max-width: 992px){.banner2{height: auto; padding-top: 0px; padding:0 10px; font-size: 1.6vmax; padding: 18px;}} .search_bar.initital-position{background-position: initial;} .faq-content .heading-title{display: inline-block; padding: 5px 10px; font-size: 30px; border-bottom: 1px solid #ddd;} .faq-content .faq-body{padding-bottom: 30px;} .faq-content .faq-block{margin-top: 10px;} .faq-content .faq-block .question{width: 16%; float: left; font-weight: bold; color: black; margin: 0;} .faq-content .faq-block .question-content{width: 80%; float: left; margin: 0;} .faq-content .panel-group .faq-block .panel{margin-bottom: 0; border-radius: 4px; padding: no; margin: 0; padding: 0; border: none; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.37);} .faq-active .panel-heading, .faq-active .panel-collapse{background: #2c85dd; color: white;} .panel-title > a:before{float: right !important; font-family: FontAwesome; content:"\f107"; padding-right: 5px;} .panel-title > a.collapsed:before{float: right !important; content:"\f105";} .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus{text-decoration:none;} .b-clouds{position: absolute; left: 0; width: 100%; height: 637px; overflow: hidden;} .b-clouds > li{position: absolute; margin-left: 50%; background: no-repeat;} .b-clouds > li.m-type-1{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-4.png); width: 100px; height: 38px; z-index: 1;} .b-clouds > li.m-type-2{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-5.png); width: 100px; height: 51px; z-index: 1;} .b-clouds > li.m-type-3{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-6.png); width: 120px; height: 67px; z-index: 1;} .b-clouds > li.m-type-4{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-7.png); width: 120px; height: 67px; z-index: 1;} .b-clouds > li.m-type-8{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-8.png); width: 115px; height: 55px; z-index: 1;} .b-clouds > li.m-type-9{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-9.png); width: 215px; height: 150px; z-index: 1;} .b-clouds > li.m-type-10{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-10.png); width: 105px; height: 60px; z-index: 1;} .b-clouds > li.m-type-11{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-11.png); width: 205px; height: 125px; z-index: 1;} .b-clouds > li.n1{top: 174px; left: 352px;} .b-clouds > li.n2{top: 207px; left: -439px;} .b-clouds > li.n3{top: 409px; left: 485px;} .b-clouds > li.n4{top: 422px; left: -613px;} .b-clouds > li.n8{top: 20px; left: 352px;} .b-clouds > li.n9{top: 30px; left: -439px;} .b-clouds > li.n10{top:40px; left: 485px;} .b-clouds > li.n11{top: 50px; left: -613px;} .b-clouds.process{height: 250px;} .b-clouds.process li.n1{top: 20px} .b-clouds.process li.n2{top: 30px;} .b-clouds.process li.n3{top: 40px;} .b-clouds.process li.n4{top: 50px;} .b-clouds-banner2{position: absolute; left: 0; width: 100%; height: 115px; overflow: hidden;} .b-clouds-banner2 > li{position: absolute; margin-left: 50%; background: no-repeat;} .b-clouds-banner2 > li.m-type-1{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-4.png); width: 100px; height: 38px; z-index: 1;} .b-clouds-banner2 > li.m-type-2{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-5.png); width: 100px; height: 51px; z-index: 1;} .b-clouds-banner2 > li.m-type-3{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-6.png); width: 120px; height: 67px; z-index: 1;} .b-clouds-banner2 > li.m-type-4{background-image: url(/icsc_bizapps/static/src/img/cloud/cloud-7.png); width: 120px; height: 67px; z-index: 1;} .b-clouds-banner2 > li.n1{bottom: 5px; left: 352px;} .b-clouds-banner2 > li.n2{bottom: 20px; left: -439px;} .b-clouds-banner2 > li.n3{bottom: 10px; left: 485px;} .b-clouds-banner2 > li.n4{bottom: 15px; left: -613px;} .b-clouds-banner2 > li{opacity:0.8} .p-5{padding:0 5px;} .m-t-15{margin-top: 15px;} .o_bg_cover{background-size: cover;} .fw_regular{font-weight: 400;} .panel .s_figure_link{border-radius: 2px 2px 0 0; text-align: left; overflow: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);} .panel .s_figure_link > a{opacity: 0.7; filter: alpha(opacity=70); -webkit-filter: none; filter: none;} .panel .s_figure_link > a:after{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color: rgba(0, 0, 0, 0.2);} .panel .s_figure_link h2{font-size: 26px; padding-top: 30px; padding-bottom: 15px; position: absolute; top: auto; left: 15px; bottom: 0px; right: 15px; -webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); -o-transform: translate(0, 10%); transform: translate(0, 10%);} .panel .s_figure_link h2:after{display: none;} .partner-item-box{overflow: hidden;} .service-advance{border-radius: 12px; padding: 50px 25px 55px; text-align: center; box-shadow: 0px 0px 15px 0px #042b5617; border: 1px solid #308cfb;} .service-advance a{color: white; padding: 10px; background: #308DFB; border-radius: 5px; font-size: 17px; padding: 13px 55px; cursor: pointer; margin: auto; display: inline-block; box-shadow: 0px 0px 10px 0px #08172b30;} .service-advance h4{font-size: 24px; color: #1e2833; margin-top: 6px;} .service-advance .title-service{font-size: 16px; color: #3e3b3b; font-family: 'Saira Extra Condensed', sans-serif; text-transform: uppercase; margin-bottom: 0;} .service-advance .img-service{margin-bottom: 20px; margin-top: 30px; min-height: 175px;} .service-advance .service-text{min-height: 140px; color: #5f6369; font-size: 14px;} .section-title{color: #1e2833; font-size: 30pt; text-align: center; max-width: 594px; margin: auto; letter-spacing: -2px; font-weight: 600;} .faq-content .heading{margin-top: 20px; text-align: center; margin-bottom: 55px;} .faq-content .heading .title-span{font-size: 20px; text-transform: uppercase; font-family: 'Saira Extra Condensed', sans-serif;} .faq-content .faq-item{border-top: 1px solid #bec9d3; padding-top: 20px; min-height: 343px; padding-bottom: 15px;} .faq-content .title-common{color: #0092ff; font-weight: 600;} .faq-content .title-heading{font-size: 24px; font-weight: 600; color: #1e2833; margin-top: 20px; margin-bottom: 30px;} .faq-content .link-artical{color: #666666; margin-left: -6px;} .faq-item .description-brief{margin-bottom: 20px; height: 40px; overflow: hidden; color: #363b42;} .faq-item.more-text .description-brief{height: auto;} .faq-content .link-artical .ar-active{display: none;} .faq-content .link-artical:focus, .faq-content .link-artical:visited, .faq-content .link-artical:active{text-decoration: none;} .faq-content .link-artical:hover{color: #0497ff;} .faq-content .link-artical:hover .ar-active{display: inline-block;} .faq-content .link-artical:hover .ar-not-active{display: none;} .content_service_setup{} .content_service_setup .table > thead > tr > th{font-size: 22px; color: #3a3737;} .content_service_setup .table > tbody > tr > td{font-size: 22px; color: #3d4c59; padding: 18px 10px; font-family: 'Saira Extra Condensed', sans-serif;} .btn-discount .btn-month{text-align: center; background: #0073D1; padding: 15px; width: 100%; border-radius: 5px; color: white; font-weight: 600; margin-top: 15px;} .tab_service{padding-bottom: 64px;} #tab_service_setup .server-banner{margin-top: 30px; margin-bottom: 30px;} #tab_service_setup .server-banner img{max-width: 100%;} .btn-banner-group .btn-banner a{color: unset;} .btn-banner-group .btn-banner{font-size: 18px; display: inline-block; padding: 13px; width: 220px; margin: 10px; margin-bottom: 60px; cursor: pointer; height: 52px; border-radius: 8px; box-shadow: 0px 0px 12px 2px #051b474f; background: linear-gradient(to right, #b2f78b, #ffff53); color: #0b4d89; border: 2px solid transparent; border-color: transparent; border-left-color: #b2f78b; border-right-color: #ffff53; display: inline-flex; align-items: center; justify-content: center; font-size: 18px;} .btn-banner-group .btn-banner:hover{border: 2px solid white; color: white; background: transparent;} 

/* /icsc_bizapps/static/src/css/fake_loading.css defined in bundle 'web.assets_frontend' */
 .spinner1{width:40px;height:40px;position:relative} .double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out} .double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} @-webkit-keyframes "bounce"{0%,100%{-webkit-transform:scale(0.0);}50%{-webkit-transform:scale(1.0);}} @keyframes "bounce"{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);}50%{transform:scale(1.0);-webkit-transform:scale(1.0);}} .spinner2{width:40px;height:40px;position:relative} .container1 > div,.container2 > div,.container3 > div{width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both} .spinner2 .spinner-container{position:absolute;width:100%;height:100%} .container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)} .container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)} .circle1{top:0;left:0} .circle2{top:0;right:0} .circle3{right:0;bottom:0} .circle4{left:0;bottom:0} .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} .container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s} .container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s} .container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s} .container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s} .container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s} .container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s} .container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s} .container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s} @-webkit-keyframes "bouncedelay"{0%,80%,100%{-webkit-transform:scale(0.0);}40%{-webkit-transform:scale(1.0);}} @keyframes "bouncedelay"{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);}40%{transform:scale(1.0);-webkit-transform:scale(1.0);}} .spinner3{width:40px;height:40px;position:relative;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear} .dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out} .dot2{top:auto;bottom:0px;-webkit-animation-delay:-1.0s;animation-delay:-1.0s} @-webkit-keyframes "rotate"{100%{-webkit-transform:rotate(360deg);}} @keyframes "rotate"{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}} @-webkit-keyframes "bounce"{0%,100%{-webkit-transform:scale(0.0);}50%{-webkit-transform:scale(1.0);}} @keyframes "bounce"{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0);}50%{transform:scale(1.0);-webkit-transform:scale(1.0);}} .spinner4{width:30px;height:30px;background-color:#fff;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out} @-webkit-keyframes "rotateplane"{0%{-webkit-transform:perspective(120px);}50%{-webkit-transform:perspective(120px) rotateY(180deg);}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);}} @keyframes "rotateplane"{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}} .spinner5{width:32px;height:32px;position:relative} .cube1,.cube2{background-color:#fff;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out} .cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} @-webkit-keyframes "cubemove"{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}100%{-webkit-transform:rotate(-360deg);}} @keyframes "cubemove"{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);}} .spinner6{width:50px;height:30px;text-align:center} .spinner6 > div{background-color:#fff;height:100%;width:6px;margin-left:2px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out} .spinner6 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s} .spinner6 .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s} .spinner6 .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s} .spinner6 .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s} @-webkit-keyframes "stretchdelay"{0%,40%,100%{-webkit-transform:scaleY(0.4);}20%{-webkit-transform:scaleY(1.0);}} @keyframes "stretchdelay"{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}} .spinner7{width:90px;height:30px;text-align:center} .spinner7 > div{background-color:#fff;height:15px;width:15px;margin-left:3px;border-radius:50%;display:inline-block;-webkit-animation:stretchdelay 0.7s infinite ease-in-out;animation:stretchdelay 0.7s infinite ease-in-out} .spinner7 .circ2{-webkit-animation-delay:-0.6s;animation-delay:-0.6s} .spinner7 .circ3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s} .spinner7 .circ4{-webkit-animation-delay:-0.4s;animation-delay:-0.4s} .spinner7 .circ5{-webkit-animation-delay:-0.3s;animation-delay:-0.3s} @-webkit-keyframes "stretchdelay"{0%,40%,100%{-webkit-transform:translateY(-10px);}20%{-webkit-transform:translateY(-20px);}} @keyframes "stretchdelay"{0%,40%,100%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}20%{transform:translateY(-20px);-webkit-transform:translateY(-20px);}} 

/* /icsc_bizapps/static/src/css/submenu.css defined in bundle 'web.assets_frontend' */
.oe_website_sale > .o_sub_nav{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.05); border-image: none; border-style: solid; border-width: 1px 0; min-height: 40px;} .oe_website_sale > .o_sub_nav > .container .navbar-header{color: #666c75; font-weight: 600; height: 38px; line-height: 38px; overflow: hidden;} .n_o_scrolled > .o_sub_nav > .container .navbar-header .o_app_name_logo, .n_o_scrolled > .o_sub_nav > .container .navbar-header .o_app_name_title{-webkit-transform: translate(-61px, 0); -ms-transform: translate(-61px, 0); -o-transform: translate(-61px, 0); transform: translate(-61px, 0); -webkit-transition: transform 400ms ease 0s; -moz-transition: transform 400ms ease 0s; -o-transition: transform 400ms ease 0s; transition: transform 400ms ease 0s;} .oe_website_sale > .o_sub_nav > .container .navbar-header:hover{color: #21313a;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_logo{background-image: url("/icsc_website/static/img/logo.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: auto 15px; display: inline-block; height: 15px; margin: auto 5px 3px 0; vertical-align: middle; width: 57.025px;} .o_scrolled > .o_sub_nav > .container .navbar-header > span{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} .o_scrolled > .o_sub_nav{background: #FCFCFC;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_logo.center-block, .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive_half{display: block; margin-left: auto; margin-right: auto; position: relative;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive{background-size: cover; height: 0; padding-bottom: 31.9%; width: 100%;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_logo.o_logo_responsive_half{background-size: cover; height: 0; padding-bottom: 15.94%; width: 50%;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_title{color: inherit; display: inline-block; vertical-align: middle; margin-left: -8px;} .oe_website_sale > .o_sub_nav > .container .navbar-header .o_app_name_title span{margin-right: 5px;} .oe_website_sale > .o_sub_nav > .container .nav > li{height: 38px; line-height: 38px; margin-left: 20px;} .oe_website_sale > .o_sub_nav > .container .nav > li > a{color: #666c75; font-size: 12px; font-weight: 500; height: 100%; line-height: 38px; padding: 0;} .oe_website_sale > .o_sub_nav > .container .nav > li > a:hover, .oe_website_sale > .o_sub_nav > .container .nav > li > a:focus{background-color: transparent; color: #21313a;} .oe_website_sale > .o_sub_nav > .container .nav > li.active > a{color: #21313a; font-weight: 600;} .oe_website_sale > .o_sub_nav > .container .call-to-action{line-height: 36px; max-width: 0; overflow: hidden; transform-origin: 0 0 0; transition: max-width 0.3s ease 0ms; width: 100%;} .oe_website_sale > .o_sub_nav > .container .call-to-action > a{font-size: 12px !important; font-weight: 600; line-height: 1.4em; margin-left: 35px; padding: 4px 15px;} .o_scrolled > .o_sub_nav > .container .navbar-header > span{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} .o_scrolled .o_sub_nav > .container .call-to-action{max-width: 171px;} .o_scrolled > .o_sub_nav{position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%;} .btn-link .o_ripple, .o_main_header .o_ripple{background: rgba(0, 0, 0, 0.1);} .o_ripple{display: block; position: absolute; border-radius: 100%; opacity: 0.5; z-index: -1; pointer-events: none; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);} .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav{background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); transition: background-color 0.3s ease 0s;} .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a, .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title{color: rgba(255, 255, 255, 0.9);} .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a:hover, .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title:hover, .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .nav > li > a:focus, .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .o_app_name_title:focus{color: white;} .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .dropdown-menu > li > a:hover, .oe_website_sale.o_inverted:not(.o_scrolled) > .o_sub_nav .dropdown-menu > li > a:focus{color: #666c75;} .mt8{margin-top: 0px !important;} @media (min-width: 768px) .navbar-collapse.collapse{display: none !important; height: auto !important; padding-bottom: 0; overflow: visible !important;} @media (min-width: 768px) .navbar-collapse{width: auto; border-top: 0; box-shadow: none;}