.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } .arfbtn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .arfbtn:first-child { *margin-left: 0; } .btn-group { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .arfbtn + .arfbtn, .btn-toolbar > .btn-group + .arfbtn, .btn-toolbar > .arfbtn + .btn-group { margin-left: 5px; } .btn-group > .arfbtn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .arfbtn + .arfbtn { margin-left: -1px; } .btn-group > .arfbtn, .btn-group > .arfdropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .arfbtn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .arfbtn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .arfbtn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .arfbtn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .arfbtn:hover, .btn-group > .arfbtn:focus, .btn-group > .arfbtn:active, .btn-group > .arfbtn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .arfbtn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .arfbtn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .arftooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; } .arftooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .arftooltip.top { margin-top: -3px; padding: 5px 0; } .arftooltip.right { margin-left: 3px; padding: 0 5px; } .arftooltip.bottom { margin-top: 3px; padding: 5px 0; } .arftooltip.left { margin-left: -3px; padding: 0 5px; } .arftooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .arftooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .arftooltip.top .arftooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .arftooltip.right .arftooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .arftooltip.left .arftooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .arftooltip.bottom .arftooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover .fade1 { -webkit-transform:translateY(-400px) scale(1.1); -moz-transform:translateY(-400px) scale(1.1); -o-transform:translateY(-400px) scale(1.1); -ms-transform:translateY(-400px) scale(1.1); transform:translateY(-400px) scale(1.1); -webkit-opacity:0; -moz-opacity:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:-webkit-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition:-moz-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition:-o-transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition:transform .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) } .popover .in { -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-opacity:1; -moz-opacity:1; opacity:1; filter:alpha(opacity=100) } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .arfmodal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .arfmodal-backdrop.arffade { opacity: 0; } .arfmodal-backdrop, .arfmodal-backdrop.arffade.in { opacity: 0.6; filter: alpha(opacity=60); } .arfmodal { position: fixed; top: 20%; left: 0%; z-index: 9999; width: 560px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .arfmodal.arffade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .arfmodal.arffade.in { top: 15%; } .arfmodal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .arfmodal-header .close { margin-top: 2px; height:25px; width:26px; padding-bottom: 3px; } .arfmodal-header h3 { margin: 0; line-height: 30px; } .arfmodal-body { position: relative; max-height: auto; padding: 15px; overflow-y: auto; } .arfmodal-form { margin-bottom: 0; } .arfmodal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .arfmodal-footer:before, .arfmodal-footer:after { display: table; content: ""; line-height: 0; } .arfmodal-footer:after { clear: both; } .arfmodal-footer .arfbtn + .arfbtn { margin-left: 5px; margin-bottom: 0; } .arfmodal-footer .btn-group .arfbtn + .arfbtn { margin-left: -1px; } .arfmodal-footer .btn-block + .btn-block { margin-left: 0; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .arf_caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .arf_caret { margin-top: 8px; margin-left: 2px; } .arfdropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width:100%; } .arfdropdown-menu.pull-right { right: 0; left: auto; } .arfdropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .arfdropdown-menu > li > a { display: block; padding: 3px 12px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .arfdropdown-menu > li > a:hover, .arfdropdown-menu > li > a:focus { text-decoration: none; color: #ffffff; background-color: #077BDD; } .arfdropdown-menu > .active > a, .arfdropdown-menu > .active > a:hover, .arfdropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #077BDD; } .arfdropdown-menu > .disabled > a, .arfdropdown-menu > .disabled > a:hover, .arfdropdown-menu > .disabled > a:focus { color: #999999; } .arfdropdown-menu > .disabled > a:hover, .arfdropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open { *z-index: 1000; } .open > .arfdropdown-menu { display: block; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .arfdropdown-menu { right: 0; left: auto; } .dropup .arf_caret, .navbar-fixed-bottom .dropdown .arf_caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .arfdropdown-menu, .navbar-fixed-bottom .dropdown .arfdropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown .arfdropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .close:active { padding:0; margin:0; text-decoration:none; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .arffade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .arffade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } .control-group.arf_warning .control-label, .control-group.arf_warning .help-block, .control-group.arf_warning .help-inline { color: #ed4040; } .control-group.arf_warning .checkbox, .control-group.arf_warning .radio, .control-group.arf_warning input, .control-group.arf_warning select, .control-group.arf_warning textarea { color: #ed4040; } .control-group.arf_warning input, .control-group.arf_warning select, .control-group.arf_warning textarea { border-color: #ed4040; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.arf_warning input:focus, .control-group.arf_warning select:focus, .control-group.arf_warning textarea:focus { border-color: #ed4040; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .control-group.arf_warning .input-prepend .add-on, .control-group.arf_warning .input-append .add-on { color: #ed4040; background-color: #fcf8e3; border-color: #ed4040; } .control-group.arf_error .control-label, .control-group.arf_error .help-block, .control-group.arf_error .help-inline { color: #b94a48; } .control-group.arf_error .checkbox, .control-group.arf_error .radio, .control-group.arf_error input, .control-group.arf_error select, .control-group.arf_error textarea { color: #b94a48; } .control-group.arf_error input, .control-group.arf_error select, .control-group.arf_error textarea { border-color: #ed4040; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.arf_error input:focus, .control-group.arf_error select:focus, .control-group.arf_error textarea:focus { border-color: #ed4040; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.arf_error .input-prepend .add-on, .control-group.arf_error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #ed4040; } .control-group.arf_success .control-label, .control-group.arf_success .help-block, .control-group.arf_success .help-inline { color: #468847; } .control-group.arf_success .checkbox, .control-group.arf_success .radio, .control-group.arf_success input, .control-group.arf_success select, .control-group.arf_success textarea { color: #468847; } .control-group.arf_success input, .control-group.arf_success select, .control-group.arf_success textarea { border-color: #087ee2; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.arf_success input:focus, .control-group.arf_success select:focus, .control-group.arf_success textarea:focus { border-color: #087ee2; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.arf_success .input-prepend .add-on, .control-group.arf_success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #087ee2; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .help-block li { list-style:none; } .round.hide { display:none; } .ardropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } [class^="arficon-"], [class*=" arficon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url(//waterpointnamlong.com.vn/wp-content/plugins/arforms/bootstrap/img/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } .arficon-chevron-up { background-position: -288px -120px; } .arficon-chevron-down { background-position: -313px -119px; } .arfanimated { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(0); } 1% { -webkit-transform: translateX(40px); } 60% { -webkit-transform: translateX(-7px); } 80% { -webkit-transform: translateX(3px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(0); } 1% { -moz-transform: translateX(40px); } 60% { -moz-transform: translateX(-7px); } 80% { -moz-transform: translateX(3px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(0); } 1% { -o-transform: translateX(40px); } 60% { -o-transform: translateX(-7px); } 80% { -o-transform: translateX(3px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(0); } 1% { transform: translateX(40px); } 60% { transform: translateX(-7px); } 80% { transform: translateX(3px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(0); } 1% { -webkit-transform: translateX(-40px); } 60% { opacity: 1; -webkit-transform: translateX(7px); } 80% { -webkit-transform: translateX(-3px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(0); } 1% { -moz-transform: translateX(-40px); } 60% { opacity: 1; -moz-transform: translateX(7px); } 80% { -moz-transform: translateX(-3px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(0); } 1% { -o-transform: translateX(-40px); } 60% { -o-transform: translateX(7px); } 80% { -o-transform: translateX(-3px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(0); } 1% { transform: translateX(-40px); } 60% { transform: translateX(7px); } 80% { transform: translateX(-3px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(40px); } 60% { -webkit-transform: translateY(-7px); } 80% { -webkit-transform: translateY(3px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(40px); } 60% { -moz-transform: translateY(-7px); } 80% { -moz-transform: translateY(3px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(40px); } 60% { -o-transform: translateY(-7px); } 80% { -o-transform: translateY(3px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(40px); } 60% { transform: translateY(-7px); } 80% { transform: translateY(3px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(-40px); } 60% { -webkit-transform: translateY(7px); } 80% { -webkit-transform: translateY(-3px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(-40px); } 60% { -moz-transform: translateY(7px); } 80% { -moz-transform: translateY(-3px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(-40px); } 60% { -o-transform: translateY(7px); } 80% { -o-transform: translateY(-3px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(-40px); } 60% { transform: translateY(7px); } 80% { transform: translateY(-3px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInDownNor { 0% { opacity: 0; -webkit-transform: translateY(0); } 1% { -webkit-transform: translateY(-20px); } 60% { -webkit-transform: translateY(5px); } 80% { -webkit-transform: translateY(-2px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDownNor { 0% { opacity: 0; -moz-transform: translateY(0); } 1% { -moz-transform: translateY(-20px); } 60% { -moz-transform: translateY(5px); } 80% { -moz-transform: translateY(-2px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDownNor { 0% { opacity: 0; -o-transform: translateY(0); } 1% { -o-transform: translateY(-20px); } 60% { -o-transform: translateY(5px); } 80% { -o-transform: translateY(-2px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDownNor { 0% { opacity: 0; transform: translateY(0); } 1% { transform: translateY(-20px); } 60% { transform: translateY(5px); } 80% { transform: translateY(-2px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDownNor { -webkit-animation-name: bounceInDownNor; -moz-animation-name: bounceInDownNor; -o-animation-name: bounceInDownNor; animation-name: bounceInDownNor; } @font-face{ font-family:'Glyphicons Halflings'; src:url(//waterpointnamlong.com.vn/wp-content/plugins/arforms/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//waterpointnamlong.com.vn/wp-content/plugins/arforms/fonts/glyphicons-halflings-regular.ttf) format('truetype') } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15) !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; overflow: hidden; } .list-unstyled { padding-left:0; list-style:none !important; } .list-unstyled li{ margin: 0px; } .collapse.in { display: block; visibility: visible; } .glyphicon { position: relative; top: 0px !important; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-unstyled table{ border-bottom: none; } .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px; } .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { border-top: none; } .timepicker-picker .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background: none; box-shadow: none; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-datetimepicker-widget div, .bootstrap-datetimepicker-widget span, .bootstrap-datetimepicker-widget ul, .bootstrap-datetimepicker-widget li, .bootstrap-datetimepicker-widget table, .bootstrap-datetimepicker-widget tbody, .bootstrap-datetimepicker-widget tfoot, .bootstrap-datetimepicker-widget thead, .bootstrap-datetimepicker-widget tr, .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td { vertical-align: baseline; } .bootstrap-datetimepicker-widget { font-family: Arial, Helvetica, Verdana, sans-serif; padding: 0px !important; } .arf_cal_header th, .arf_cal_month th { font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: none; font-weight: bold; text-shadow: none; } .arf_cal_header th, .arf_cal_month th, .arf_cal_body, .timepicker-picker table, .timepicker-hours table, .timepicker-minutes table { font-size: 14px; } .arf_date_main_controls, .arf_time_main_controls{ position: relative; } .bootstrap-datetimepicker-widget table th { border: 0px none; letter-spacing: 0px; background: none; } .bootstrap-datetimepicker-widget table td { border: 0px none; } .bootstrap-datetimepicker-widget .list-unstyled { padding: 0px; } .bootstrap-datetimepicker-widget .list-unstyled li { list-style: none; padding: 0px; } .bootstrap-datetimepicker-widget table tr{ border: 0px none; } .bootstrap-datetimepicker-widget table { border: 0px none !important; border-collapse: collapse !important; } .arf_time_main_controls .bootstrap-datetimepicker-widget table, .arf_date_main_controls .bootstrap-datetimepicker-widget table, .arf_time_main_controls .dropdown-menu, .arf_date_main_controls .dropdown-menu{ overflow: hidden !important; border-radius:4px 4px 4px 4px !important; -moz-border-radius:4px 4px 4px 4px !important; -webkit-border-radius:4px 4px 4px 4px !important; -o-border-radius:4px 4px 4px 4px !important; border: transparent !important; }.arf_form { max-width:100%;clear:both; } .arfformfield.frm_third {clear:none;float:left;} .arfformfield.frm_left_third, .arfformfield.frm_first_half, .arfformfield.frm_first_third {clear:left;float:left;} .arfformfield.frm_last_third {clear:none;float:right;} .arfformfield.frm_first_half, .arfformfield.frm_last_half {width:48.5%;} .arf_widget_form .arfformfield.frm_first_half, .arf_widget_form .arfformfield.frm_last_half {width:100%;} .arfformfield.frm_third, .arfformfield.frm_first_third, .arfformfield.frm_last_third{width:31.33%;} .arf_widget_form .arfformfield.frm_third, .arf_widget_form .arfformfield.frm_first_third, .arf_widget_form .arfformfield.frm_last_third{width:100%;} .arf_form .arf_half_middle, .arf_form .arf_third_middle { min-width:10px; width:3%; max-width:3%; float:left; min-height:3px; height:auto; } .arf_form .arfformfield .rate_widget_div, .arf_form .arfformfield .file_main_control, .arf_form .arfformfield .recaptcha_style_custom, .arf_form .arfformfield .recaptcha_style_custom .vpb_captcha_wrapper, .arf_form .arfformfield .btn-group.bootstrap-select, .arf_form .arfformfield.none_container input, .arf_form .arfformfield.none_container textarea, .arf_form .arfformfield.top_container input, .arf_form .arfformfield.top_container textarea, .arf_form .arfformfield.left_container input, .arf_form .arfformfield.left_container textarea, .arf_form .arfformfield.right_container input, .arf_form .arfformfield.right_container textarea{max-width:100%;} .arf_form .arfformfield.frm_first_half { clear:both; float:left; } .arf_form .arfformfield.frm_last_half { clear:none; float:left; } .arf_form .arfformfield.frm_first_third { clear:both; float:left; } .arf_form .arfformfield.frm_third, .arf_form .arfformfield.frm_last_third { clear:none; float:left; } .arf_form .arfformfield select { max-width: 15% !important; position:absolute; } .arf_form .arfformfield .help-block ul { padding:0; color:inherit; } .arfformfield .help-block ul li { margin: 0 !important; list-style:none !important; content:none !important; border:none !important; } doesnotexist:-o-prefocus, .arfformfield .help-block ul li { content:inherit !important; } .arf_form p.arfsubmitbutton { padding:0; margin-bottom:0 !important;} .arf_form .pos_left, .arf_form .pos_top, .arf_form .pos_right { clear:both; } .arf_form .arf_wizard { border-collapse:collapse; border:none !important; overflow:visible; } .arf_form .arf_wizard tr { border:none; } #recaptcha_style img { opacity: 1 !important; transition: opacity 1000ms ease 0s; -webkit-transition: opacity 1000ms ease 0s; -moz-transition: opacity 1000ms ease 0s; -o-transition: opacity 1000ms ease 0s; } table.ui-datepicker-calendar tr th, table.ui-datepicker-calendar tr td { border:none !important; } .arf_form .caret { border-top: 4px solid #000000 !important; border-right: 4px solid transparent !important; border-left: 4px solid transparent !important; } .arf_form .recaptchatable #recaptcha_response_field { display: inline !important; } .arf_form .sltstandard_front .arfbtn.dropdown-toggle, .arf_form .sltstandard_time .arfbtn.dropdown-toggle { padding:0 !important; } .ar_main_div .arf_frm_error { clear:both; } .arfdropdown-menu > li > a { word-wrap: break-word; white-space: normal; } .arf_form .arf_ie_image { display:none; } .arf_form .arf_submit_btn, .arf_form .arf_submit_btn[disabled] { opacity: 1 !important; } .arf_form .arfformfield .controls { display:inline-block; margin-bottom:0; max-width:100%; } .arf_form .left_container .controls .help-block { margin-left:auto; } .arf_form .right_container .controls .help-block { margin-right:auto; } .arf_form div { margin-bottom:0px; } .arf_form .top_container .file_main_control { margin-top:5px; } .arf_form .arfbtn.dropdown-toggle { top:0; } .arf_form .iframe-embed { padding-top:0 !important; padding-bottom:0 !important; } #ui-datepicker-div table.ui-datepicker-calendar { border:none; line-height:normal; } #ui-datepicker-div table.ui-datepicker-calendar, #ui-datepicker-div table.ui-datepicker-calendar thead, #ui-datepicker-div table.ui-datepicker-calendar thead tr, #ui-datepicker-div table.ui-datepicker-calendar thead th, #ui-datepicker-div table.ui-datepicker-calendar thead td, #ui-datepicker-div table.ui-datepicker-calendar tbody tr, #ui-datepicker-div table.ui-datepicker-calendar tbody td { border:none; background:none; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; text-shadow:none; } .arf_form .arf_field_description.arf_heading_description { width:auto; max-width:100%; text-align:left; } .arf_form .controls input::-webkit-input-placeholder { line-height:normal; } .arf_form .controls input:-moz-placeholder { line-height:normal; } .arf_form .controls input::-moz-placeholder { line-height:normal; } .arf_form .controls input:-ms-input-placeholder { line-height:normal; } .arf_form .controls input:input-placeholder { line-height:normal; } .arf_form .arf_heading_div, .arf_form .arf_clear { clear:both; } @media (min-width:290px) and (max-width:480px) { .arfformfield.frm_third, .arfformfield.frm_first_third, .arfformfield.frm_last_third { width: 100%; } .arfformfield.frm_first_half, .arfformfield.frm_last_half { width: 100%; } .arf_form .arfformfield.frm_third, .arf_form .arfformfield.frm_last_third { clear: both; } .arf_form .arfformfield.frm_last_half { clear: both; } .arf_form .arfformfield.left_container label.arf_main_label { text-align:left; display:block; float:none; width:auto; margin: 0; padding:0; } .arf_form .arf_submit_btn{ max-width:95% !important; } } @media (min-width:480px) and (max-width:600px) { .arf_form .arf_half_middle, .arf_form .arf_third_middle { min-width:0px; } } @media (min-width:290px) and (max-width:480px) { .arf_submit_div.left_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arf_submit_div.right_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arf_submit_div.top_container, .arf_submit_div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } #brand-div { font-size: 10px; color: #444444; } #brand-div.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #brand-div.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #brand-div.top_container, #brand-div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } #hexagon.top_container, #hexagon.none_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arf_form #arf_wizard_table.arf_wizard tr td { padding:15px 2%; } .arf_form .arf_fieldset { padding-left:15px; padding-right:15px; } } @-webkit-keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } @-moz-keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } @keyframes animate-stripes { to { background-position: 44px 0; } from { background-position: 0 0; } } #arf_progress_bar.ui-progress-bar { position: relative; height: 19px; border:1px solid #c7cbce; padding: 3px; background-color: #dadde2; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; } #arf_progress_bar.ui-progress-bar.blue .ui-progressbar-value { background-color: #339BB9!important; border: 1px solid #287a91; } #arf_progress_bar.ui-progress-bar.error .ui-progressbar-value { background-color: #C43C35 !important; border: 1px solid #9c302a; } #arf_progress_bar.ui-progress-bar.warning .ui-progressbar-value { background-color: #D9B31A!important; border: 1px solid #ab8d15; } #arf_progress_bar.ui-progress-bar.success .ui-progressbar-value { background-color: #57A957!important; border: none; } #arf_progress_bar.ui-progress-bar.transition .ui-progressbar-value { -moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out; -webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out; -o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out; transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out; } #arf_progress_bar.ui-progress-bar .ui-progressbar-value { position: relative; display: block; overflow: hidden; height: 19px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-background-size: 22px 22px; -moz-background-size: 22px 22px; background-size: 22px 22px; background-color: #087ee2; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; border: none; -moz-animation: animate-stripes 2s linear infinite; -webkit-animation: animate-stripes 2s linear infinite; -o-animation: animate-stripes 2s linear infinite; -ms-animation: animate-stripes 2s linear infinite; -khtml-animation: animate-stripes 2s linear infinite; animation: animate-stripes 2s linear infinite; } #arf_progress_bar.ui-progress-bar .ui-progressbar-value span.ui-label { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -khtml-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 13px; position: absolute; right: 0; line-height: 20px; padding-right: 12px; color:#ffffff; text-align:center; white-space: nowrap; font-weight:bold; } #arf_progress_bar.ui-progress-bar .ui-progressbar-value span.ui-label b { font-weight: bold; } .arf_form label.arf_like_btn { width:32px; float:left; height:26px; text-align:center; padding:6px 0 0 0; cursor:pointer; background:#999999; margin-right:8px; -o-border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important; box-sizing:content-box !important; } .arf_form .active.arf_like_btn { background:#39abeb; } .arf_form label.arf_dislike_btn { width:32px; float:left; height:26px; cursor:pointer; text-align:center; padding:6px 0 0 0; background:#999999; margin-right:8px; -o-border-radius:8px !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6), 0 0px 0px rgba(0, 0, 0, 0) inset; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important; box-sizing:content-box !important; } .arf_form .active.arf_dislike_btn { background:#39abeb; } .arf_form .arf_like_btn img, .arf_form .arf_dislike_btn img { background:none; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; border:none !important; margin:0px !important; padding:0px !important; display:inline-block; vertical-align:top; } .arf_form .arf_hide_opacity { opacity:0; filter:alpha(opacity=0); } .arf_form .like_container .popover { background-color: #000000 !important; color:#FFFFFF !important; width:auto; } .arf_form .like_container .popover .popover-content { color:#FFFFFF !important; } .arf_form .like_container .popover .popover-title { display:none; } .arf_form .like_container .popover.top .arrow:after { border-top-color: #000000 !important; } .arf_form .popover .popover-title { display:none; } .arf_form .popover { width:auto; height: auto; } .arf_form .arfformfield.left_container div.arf_field_description { margin-left:auto; } .arf_form .arfformfield.right_container div.arf_field_description { margin-right:auto; } .ardropdown-menu.bootstrap-timepicker-widget tr, .ardropdown-menu.bootstrap-timepicker-widget td, .ardropdown-menu.bootstrap-timepicker-widget table { border:none; vertical-align:middle; color:#333333; font-size:13px; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; background:none; } .ardropdown-menu.bootstrap-timepicker-widget { z-index:99999; max-width:160px; } .arf_form .arf_slider_control { margin-top:10px; } .arf_form .arf_slider_control .slider { max-width:100%; overflow:visible; } .arf_form .arf_slider_control .arf-slider-track, .arf_form .arf_slider_control .slider, .arf_form .arf_slider_control .arf-slider-handle { cursor:pointer; } .arf_form .arf_slider_control .arfslider { height:0; opacity:0; filter:alpha(opacity=0); } .arf_form .arf_slider_control .arf-slider-handle.hide { opacity:0; filter:alpha(opacity=0); display:none;} .arf_form .arf_slider_control .arftooltip { z-index:1; } .arf_form .arf_slider_control .arf-slider-handle.triangle { border-width: 0 10px 20px !important; margin-top: -5px !important; } .arf_form .arf_slider_control .arftooltip.top .tooltip-arrow { border-color:transparent; border-top-color:#000000; } .arf_form .arf_slider_control .arf-slider-handle { border-color:transparent; } .arf_form .arf_slider_control .arftooltip.top { top:-32px !important; margin-left: auto !important; font-family:Arial, Helvetica, sans-serif; } .arf_form div.arfformfield div.controls textarea { margin-bottom:0 !important; margin-top:0; } .arf_form .arf_submit_btn .arf_ie_image img { background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; border:none; padding-bottom:inherit; padding-left:inherit; padding-right:inherit; } .arf_form .arf_strenth_mtr { margin-top:5px; } .arf_form .arf_strenth_mtr .inside_title { line-height:normal; float:left; width:110px; } .arf_form .arf_strenth_meter { width: 130px; margin-top:3px; float:left; } .arf_form .arf_strenth_meter .arfp_box { background-color: #EEEEEE; border: 1px solid #DDDDDD; height:7px; width:12px; margin-right:5px; float:left; } .arf_form .arf_strenth_meter.short .arfp_box { background-color:#FE0201; } .arf_form .arf_strenth_meter.bad .arfp_box { background-color:#FF7A01; } .arf_form .arf_strenth_meter.good .arfp_box { background-color:#FEE801; } .arf_form .arf_strenth_meter.strong .arfp_box { background-color:#247C0B; } .arfdevicemobile .arf_form .arf_submit_btn{ max-width:95% !important; } .arfdevicemobile .arfformfield.frm_third, .arfdevicemobile .arfformfield.frm_first_third, .arfdevicemobile .arfformfield.frm_last_third { width: 100%; } .arfdevicemobile .arfformfield.frm_first_half, .arfdevicemobile .arfformfield.frm_last_half { width: 100%; } .arfdevicemobile .arf_form .arfformfield.frm_third, .arfdevicemobile .arf_form .arfformfield.frm_last_third { clear: both; } .arfdevicemobile .arf_form .arfformfield.frm_last_half { clear: both; } .arfdevicemobile .arf_form .arfformfield.left_container label.arf_main_label { text-align:left; display:block; float:none; width:auto; margin: 0; padding:0; } .arfdevicemobile .arf_submit_div.left_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_submit_div.right_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_submit_div.top_container, .arfdevicemobile .arf_submit_div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #brand-div { font-size: 10px; color: #444444; } .arfdevicemobile #brand-div.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #brand-div.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #brand-div.top_container, .arfdevicemobile #brand-div.none_container { text-align:center !important; clear:both !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.left_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.right_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile #hexagon.top_container, .arfdevicemobile #hexagon.none_container { text-align:center !important; margin-left:auto !important; margin-right:auto !important; } .arfdevicemobile .arf_form #arf_wizard_table.arf_wizard tr td { padding:15px 2%; } .arfdevicemobile .arf_form .arf_fieldset { padding-left:15px; padding-right:15px; } .arfdevicemobile .arf_form .allfields .arf_wizard { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; height:auto; } .arfdevicemobile .arf_form .arf_wizard_upper_tab { width:100%; display:inline-block; } .arfdevicemobile .arf_form .arf_wizard_clear { display:none; } .arfdevicemobile .arf_form .arf_wizard_lower_tab { display:none; } .arfdevicemobile .arf_form .arf_wizard_upper_tab .page_break_nav { float:left; width:100% !important; margin-bottom:10px; padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .arfdevicemobile .arf_form .arf_wizard_clear { display:inline-block; } .arfdevicetablet { } .arf_form .arf_vertical_radio .arf_checkbox_style, .arf_form .arf_vertical_radio .arf_radiobutton, .arf_form .arf_vertical_radio { line-height:1.2; } .arf_form #arf_wizard_table.arf_wizard tr td { padding:15px 5px; border:none; } #ui-datepicker-div { background:#ffffff; } .arf_form .arf_field_description.formdescription_style { margin:10px 0 0 0; } .arf_form .arfformfield .help-block ul { position:absolute; width:100%; } .arf_form .arfformfield .help-block ul { position:relative; } .arfmodal button.close { position:absolute; right:10px; } .arform_right_fly_form_block_right_main button.close { position:absolute; right:10px; } .arform_left_fly_form_block_left_main button.close { position:absolute; right:10px; } .arform_bottom_fixed_main_block_top {display:inline-block; top:0%; position:fixed; right:5%; z-index:9999;} .arform_bottom_fixed_block_top {float:right; display:inline-block; padding:10px 13px 0 13px; text-align:center; min-width:50px; right:0%; position:static; border:none; border-top:0px; border-bottom-right-radius:3px; -o-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-left-radius:3px; margin-right:15px; font-size:14px; color:#ffffff; height:25px; font-weight:bold; } .arform_bottom_fixed_form_block_top { background:none; border:none; border-bottom-right-radius:3px; -o-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-left-radius:3px; min-width:280px; display:none; border-top:0px;} .arform_bottom_fixed_main_block_bottom {display:inline-block; bottom:0%; position:fixed; right:5%; z-index:9999;} .arform_bottom_fixed_block_bottom {float:right; display:inline-block; padding:10px 13px 0 13px; text-align:center; min-width:50px; right:0%; top:-29px; position:static; border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; margin-right:15px; font-size:14px; height:25px; color:#ffffff; font-weight:bold; } .arform_bottom_fixed_form_block_bottom { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px; } .arf_content_another_page { background:#FFFFFF; } .arf_form .formtitle_style { line-height:normal; } .arf_survey_nav .survey_step { float:left; } .arf_survey_nav .current_survey_page { float:left; margin-left:5px; } .arf_survey_nav .survey_middle { float:left; margin-left:10px; } .arf_survey_nav .total_survey_page { float:left; margin-left:10px; } .arf_form .arfsubmitdisabled[disabled] { opacity:0.25 !important; filter:alpha(opacity=25) !important; cursor:not-allowed !important; } .arf_form .slider.slider-horizontal { width:100% !important; max-width:100%; } .arf_form .arfcolorpickerarrow { position:absolute; background:#f5f5f5 url(//waterpointnamlong.com.vn/wp-content/plugins/arforms/images/colpickarrow.png) no-repeat; background-position:center center; cursor:pointer; } .colpick, div.color-picker { z-index:9999; } div.color-picker { border:1px solid #C0C1C3; background-color:#E7E8EC; position: absolute; left: 0px; top: 3px; padding:8px; border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; z-index:99999; } div.color-picker ul { list-style: none; padding: 0px; margin: 0px; float: left; } div.color-picker ul li { display: block; width: 20px; height: 20px; margin: 2px; float: left; cursor: pointer; } div.arf-color-picker-heading { display:inline-block; padding:0 0 5px 0; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333333; } .arf_form .allfields .arf_wizard { display:inline-block; height:50px; width:98%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); line-height:normal; } .arf_form .arf_wizard_upper_tab { width:100%; display: table; table-layout: fixed; } .arf_form .arf_wizard_lower_tab { width:100%; margin-top:0px; display: table; table-layout: fixed; } .arf_form .arf_wizard_upper_tab .page_break_nav { max-width:100%; margin:0; padding:15px 0; min-width:inherit; display:table-cell; } .arf_form .arf_wizard_lower_tab .page_break_nav { max-width:100%; border: none !important; margin-bottom: 0; margin-left: 0; margin-right: 0; padding:0; min-width:inherit; display:table-cell; } .arf_form .arf_wizard_upper_tab .page_break_nav { font-size:16px; font-family:Arial, Helvetica, sans-serif; } @media (min-width:290px) and (max-width:480px) { .arf_form .allfields .arf_wizard { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; height:auto; } .arf_form .arf_wizard_upper_tab { width:100%; display:inline-block; } .arf_form .arf_wizard_clear { display:none; } .arf_form .arf_wizard_lower_tab { display:none; } .arf_form .arf_wizard_upper_tab .page_break_nav { float:left; width:100% !important; margin-bottom:10px; padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } } .arf_form .arf_image_field { display:block; position:relative; top:0; left:0; clear:both; float:left; height:1px; width:1px; z-index:9999; } .arf_form .arf_image_horizontal_center { position:relative; float:left; width:100%; } .arf_form .arf_image_horizontal_center .arf_image_field { float:none; position:none; top:none; width:auto; left:inherit; } .arf_form .arf_image_field.arf_image_horizontal_center { text-align:center; width:100%; left:inherit; } .arf_form .arf_image_field img { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; border:none !important; padding:0 !important; margin:0 !important; max-height: none !important; max-width: none !important; } .arf_running_total { display:inline-block; } .arf_form .arf_colorpicker_control .arfhiddencolor { height:1px; max-height:1px !important; width:1px !important; max-width:1px !important; border:none !important; background:none !important; padding:0 !important; opacity:0; filter:alpha(opacity=0); float:left; } .arf_form .arfcolorpickerfield { float:left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .arf_form .arfcolorpickerfield .arfcolorimg, .arf_form .arfcolorpickerfield .arfcolorvalue { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .arf_form .arfcolorpickerreset { display: inline-block; margin-left: 15px; height: 16px; cursor:pointer; } .colpick.colpick_hex { z-index:99999; } .colpick_hex_field, .colpick_hex_field .colpick_field_letter { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .colpick_hex_field input, .colpick_hex_field input:focus { padding:0 !important; margin:0 !important; line-height:25px !important; width:59px !important; background:none !important; border:none !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding:4px; width:auto !important; float:none !important; border:1px solid #ABADB3; border-radius:inherit; -moz-border-radius:inherit; -webki-border-radius:inherit; -o-border-radius:inherit; color:#656565; } .ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option { padding:0px 5px; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: none !important; margin-left: 8px; } #ui-datepicker-div .ui-datepicker-month { background:none; margin:0; display:inline-block; min-width:70px; max-width:70px; } #ui-datepicker-div .ui-datepicker-year { background:none; margin:0 0 0 10px; display:inline-block; min-width:80px; max-width:80px; } .arf_form .ui-progress-bar.ui-progressbar, .arf_form .ui-progressbar-value { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .arfmodal.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999; } .arfmodal.arfresponsivemodal .arfmodal-body, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arfmodal.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_right_fly_form_block_right_main.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999 !important; } .arform_right_fly_form_block_right_main.arfresponsivemodal .arfmodal-body, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arform_right_fly_form_block_right_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_left_fly_form_block_left_main.arfresponsivemodal { height:100% !important; width:100% !important; max-height:100% !important; left:0 !important; top:0 !important; z-index:99999 !important; } .arform_left_fly_form_block_left_main.arfresponsivemodal .arfmodal-body, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform, .arform_left_fly_form_block_left_main.arfresponsivemodal .arf_form_outer_wrapper .arfshowmainform .allfields { height:100% !important; } .arform_bottom_fixed_main_block_left{position:fixed; top:10%; z-index:9998 !important; height:auto; display:none;} .arform_bottom_fixed_block_left {float:left; display:inline-block; padding:10px 13px 0 13px; text-align:center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); ransform: rotate(90deg); -webkit-transform-origin-x:0%; -webkit-transform-origin-y:100%; -o-transform-origin:0% 100%; transform-origin: left top 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; min-width:50px; top:25px; position:relative; background:#1bbae1; border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; font-size:14px; height:25px; color:#ffffff; font-weight:bold; margin-left:auto; left:35px; } .arform_bottom_fixed_form_block_left { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px;overflow:hidden;} .arform_bottom_fixed_main_block_right {display:none; bottom:0%; position:fixed; top:10%; z-index:9999; right:0;} .arform_bottom_fixed_block_right {float:right; display:inline-block; padding:10px 13px 0 13px; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); ransform: rotate(-90deg); -webkit-transform-origin-x:100%; -webkit-transform-origin-y:0%; -o-transform-origin:100% 0%; transform-origin:right top 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; min-width:50px; right:35px; top:25px; position:relative; background:#1bbae1;border:none; border-bottom:0px; border-top-right-radius:3px; border-top-left-radius:3px; font-size:14px; height:25px; color:#ffffff; font-weight:bold;} .arform_bottom_fixed_form_block_right { background:none; border:none; border-top-right-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-right-radius:3px; -o-border-top-left-radius:3px; min-width:280px; display:none; border-bottom:0px;overflow:hidden; } .arf_prefix_suffix_wrapper{ display:table; position:relative; border-collapse:separate; float:left; max-width:100%; table-layout:fixed; } ::i-block-chrome, .arf_prefix_suffix_wrapper{ table-layout: auto; } @media (min-width:290px) and (max-width:480px){ ::i-block-chrome, .arf_prefix_suffix_wrapper{ table-layout: fixed; } } .arf_prefix_suffix_wrapper .arf_prefix, .arf_prefix_suffix_wrapper .arf_suffix{ cursor:default; box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important; } .arf_fieldset .dropdown-toggle:after{ line-height:normal !important; height:auto !important; content:""; } .arf_fieldset .dropdown-toggle{ height:inherit !important; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; } .arf_fieldset a{ border:none !important; } .arf_fly_sticky_btn{ box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important; } .arf_fieldset .arf_prefix_suffix_wrapper{ line-height:normal !important; } .icheckbox_custom.arfa, .iradio_custom.arfa{ padding: 5px 0 0 6px !important; width: 20px !important; height: 21px !important; } .arf_widget_form .arf_form .allfields .arf_wizard { box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; height:auto; } .arf_widget_form .arf_form .arf_wizard_upper_tab { width:100%; display:inline-block; } .arf_widget_form .arf_form .arf_wizard_clear { display:none; } .arf_widget_form .arf_form .arf_wizard_lower_tab { display:none; } .arf_widget_form .arf_form .arf_wizard_upper_tab .page_break_nav { float:left; width:100% !important; margin-bottom:10px; padding: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .widget-area .bootstrap-datetimepicker-widget { left: auto !important; right: 0 !important; } .bootstrap-datetimepicker-widget{ z-index:9999; } .arf_form .arf_captcha_wrapper iframe{ width:inherit; height:inherit; position:relative; left:inherit; } .arfdropdown-menu > li > a img, .dropdown-toggle img{ opacity: 1 !important; background: none; padding: 0px; border: 0 none; }@import url("https://fonts.googleapis.com/css?family=Roboto");@import url("https://fonts.googleapis.com/css?family=Roboto"); .arf_form.ar_main_div_101 {max-width:100%;margin:0 auto;} .ar_main_div_101, .ar_main_div_101 form{text-align:center; } .ar_main_div_101 .arf_fieldset{ background:rgba(15,113,85, 1.00 ); border:1px solid #d6b954;margin:0;padding:20px 20px 20px 20px; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-position: left top; background-repeat: no-repeat; } .ar_main_div_101 label.arf_main_label{font-family:Helvetica;font-size:16px !important;line-height:160%;color:#706d70;font-weight:normal !important; text-align:left;margin:0;padding:0;width:auto;display:block; text-transform:none;} .ar_main_div_101 #recaptcha_style{color:#706d70;} .ar_main_div_101 .arfmainformfield{margin-bottom:23px;} .wp-admin .ar_main_div_101 .arfmainformfield{margin-bottom:23px;} .ar_main_div_101 .arfmainformfield.arf_column{clear:none;float:left;margin-right:20px;} .ar_main_div_101 p.description, .ar_main_div_101 div.description, .ar_main_div_101 div.arf_field_description, .ar_main_div_101 .help-block{margin:2px 0px 0px 0px;padding:0;font-family:Helvetica;font-size:12px;color:#706d70;text-align:right;font-style:;max-width:100%;width:100%; line-height: 20px;} .ar_main_div_101 .left_container p.description, .ar_main_div_101 .left_container div.description, .ar_main_div_101 .left_container div.arf_field_description, .ar_main_div_101 .left_container .help-block{margin-left:145px;} .ar_main_div_101 .arfmainformfield.arf_column div.arf_field_description{width:100%;max-width:100%;} .ar_main_div_101 .left_container .attachment-thumbnail{clear:both;margin-left:145px;} .ar_main_div_101 .right_container p.description, .ar_main_div_101 .right_container div.description, .ar_main_div_101 .right_container div.arf_field_description, .ar_main_div_101 .right_container .help-block{margin-right:145px;} .ar_main_div_101 .top_container label.arf_main_label, .ar_main_div_101 .hidden_container label.arf_main_label, .ar_main_div_101 .pos_top{display:block;float:none;width:auto;} .ar_main_div_101 .inline_container label.arf_main_label{ margin-right:10px; margin-left: 3px; } .ar_main_div_101 .left_container label.arf_main_label{display:inline;float:left;margin-right:15px;vertical-align:middle;padding-top:5px;width:130px;} .ar_main_div_101 .right_container label.arf_main_label, .ar_main_div_101 .pos_right{display:inline;float:right;margin-left:15px;vertical-align:middle;padding-top:5px;width:130px;} .ar_main_div_101 .none_container label.arf_main_label, .ar_main_div_101 .pos_none{display:none;} .ar_main_div_101 input[type=text], .ar_main_div_101 input[type=password], .ar_main_div_101 input[type=email], .ar_main_div_101 input[type=number], .ar_main_div_101 input[type=url], .ar_main_div_101 input[type=tel]{font-family:Helvetica !important;font-size:14px !important; height:auto; font-weight:normal !important; font-style:normal !important; margin-bottom:0;line-height:12px !important;clear:none;cursor:text;} .ar_main_div_101 select, #content .ar_main_div_101 input:not([type=submit], [class=previous_btn]), #content .ar_main_div_101 select {font-family:Helvetica;font-size:14px; font-weight:normal; font-style:normal !important; margin-bottom:0;clear:none;} .ar_main_div_101 textarea, #content .ar_main_div_101 textarea{font-family:Helvetica !important;font-size:14px !important;margin-bottom:0; font-weight:normal !important; font-style:normal !important;clear:none;} .ar_main_div_101 input[type=text], .ar_main_div_101 input[type=password], .ar_main_div_101 input[type=email], .ar_main_div_101 input[type=number], .ar_main_div_101 input[type=url], .ar_main_div_101 input[type=tel], .ar_main_div_101 select, .allfields_style, .allfields_active_style, .allfields_error_style{color:#17181c !important;background-color:#ffffff !important;border-color:#b0b0b5 !important;border-width:1px !important;border-style:solid;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important; width:100% !important;font-size:14px;padding:8px 10px 8px 10px!important;font-weight:normal; font-style:normal !important; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height:auto;line-height:normal !important; direction:ltr !important; outline:none;clear:none;box-shadow:inherit; display:inline-block !important; margin: 0 !important; } .wp-admin .allfields .smaple-textarea, .ar_main_div_101 textarea{color:#17181c !important;background-color:#ffffff !important;border-color:#b0b0b5 !important;border-width:1px !important;border-style:solid;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;width:100% !important;max-width:100%;font-size:14 !important; padding:8px 10px 8px 10px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; box-shadow:none; direction:ltr; outline:none; margin-bottom:0; } .wp-admin .ar_main_div_101 select, .ar_main_div_101 select {width:100%;max-width:100%; outline:none;box-shadow:inherit; } .ar_main_div_101 input[type="radio"], .ar_main_div_101 input[type="checkbox"]{width:auto;border:none;background:transparent;padding:0;} .ar_main_div_101 input.auto_width, .ar_main_div_101 select.auto_width, .ar_main_div_101 textarea.auto_width{ width:auto; } .ar_main_div_101 select.auto_width { width:100%;max-width:100%; } .ar_main_div_101 input[disabled], .ar_main_div_101 select[disabled], .ar_main_div_101 textarea[disabled], .ar_main_div_101 input[readonly], .ar_main_div_101 select[readonly], .ar_main_div_101 textarea[readonly]{opacity:.5;filter:alpha(opacity=50);} .select_style .ar_main_div_101 select, .select_style .ar_main_div_101 select.auto_width{ width:100%;} .ar_main_div_101 .arfmainformfield input:focus, .ar_main_div_101 select:focus, .ar_main_div_101 textarea:focus, .ar_main_div_101 .frm_focus_field input[type=text], .ar_main_div_101 .frm_focus_field input[type=password], .ar_main_div_101 .frm_focus_field input[type=email], .ar_main_div_101 .frm_focus_field input[type=number], .ar_main_div_101 .frm_focus_field input[type=url], .ar_main_div_101 .frm_focus_field input[type=tel], .allfields_active_style{background-color:#ffffff !important;border-color:#087ee2 !important; box-shadow:none;-o-transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s;-ms-transition: all .4s; outline:none; -moz-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); -webkit-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); box-shadow:0px 0px 2px rgba(8,126,226, 0.4); } .ar_main_div_101 .arfsubmitbutton input[type="submit"], .ar_main_div_101 .next_btn, .ar_main_div_101 input[type="button"].previous_btn, .ar_main_div_101 .previous_btn, .submitbutton_style{clear:none;min-width:100px;font-family:Roboto;font-size:15px !important;height:38px;text-align:center;background:#0b68b7;border-width:0px;border-color:#f6f6f8;border-style:solid;color:#ffffff !important;cursor:pointer;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:none;-moz-box-sizing:content-box;box-sizing:content-box;-ms-box-sizing:content-box; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -moz-box-shadow:1px 2px 3px #c6c8cc;-webkit-box-shadow:1px 2px 3px #c6c8cc;box-shadow:1px 2px 3px #c6c8cc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#c6c8cc')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#c6c8cc'); margin:10px 10px 0px 0px; font-style:normal; padding:0 10px;text-indent:0px; text-transform: none;max-width:95%;-webkit-appearance: none !important;-moz-appearance: none !important;appearance:none !important;} .ar_main_div_101 input[type="submit"]:hover, .ar_main_div_101 .next_btn:hover, .ar_main_div_101 .previous_btn:hover, .submitbutton_style_10105 { background-color:#0b68b7 !important;} .ar_main_div_101 .next_btn:hover, .ar_main_div_101 .previous_btn:hover, .ar_main_div_101 .previous_btn:active, .ar_main_div_101 input[type="button"].previous_btn:active, .ar_main_div_101 input[type="button"].previous_btn:hover { background:none; background-color:#0b68b7 !important; padding:0 10px; border-width:0px;border-color:#f6f6f8;border-style:solid; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .submitbutton_style{height:auto;} .ar_main_div_101 .left_container .arf_radiobutton, .ar_main_div_101 .none_container .arf_radiobutton{margin:0 20px 5px 0} .ar_main_div_101 .right_container .arf_radiobutton{margin:0 0 5px 20px} .ar_main_div_101 .arf_checkbox_style{display:;clear:none;box-shadow:inherit; } .ar_main_div_101 .left_container .arf_checkbox_style, .ar_main_div_101 .none_container .arf_checkbox_style{margin:2px 20px 5px 0} .ar_main_div_101 .right_container .arf_checkbox_style{margin:0 20px 5px 0} .ar_main_div_101 .arf_horizontal_radio.left_container .arf_radiobutton, .ar_main_div_101 .right_container .arf_radiobutton{margin:0 20px 5px 0;} .ar_main_div_101 .arf_vertical_radio .arf_checkbox_style, .ar_main_div_101 .arf_vertical_radio .arf_radiobutton, .arf_vertical_radio {display:block;} .ar_main_div_101 .arf_horizontal_radio .arf_checkbox_style, .ar_main_div_101 .arf_horizontal_radio .arf_radiobutton {display:inline-block;margin:0 20px 5px 0;} .ar_main_div_101 .top_container .arf_checkbox_style, .ar_main_div_101 .top_container .arf_radiobutton {margin:0 20px 5px 0;} .ar_main_div_101 .arf_radiobutton{display:;clear:none;box-shadow:inherit;} .ar_main_div_101 .arf_radiobutton label, .ar_main_div_101 .arf_checkbox_style label{font-family:Helvetica;font-size:16px;color:#706d70;font-weight:normal; display:inline;} .ar_main_div_101 .arfblankfield input[type=text], .ar_main_div_101 .arfblankfield input[type=password], .ar_main_div_101 .arfblankfield input[type=url], .ar_main_div_101 .arfblankfield input[type=tel], .ar_main_div_101 .arfblankfield input[type=number], .ar_main_div_101 .arfblankfield input[type=email], .ar_main_div_101 .arfblankfield select, .allfields_error_style {background-color:#ffffff;border-color:#ed4040;border-width:1px;border-style:;} .ar_main_div_101 .arfmainformfield .arf_htmlfield_control{color:#706d70;} .ar_main_div_101 .arfblankfield textarea{background-color:#ffffff;border-color:#ed4040;border-width:1px;border-style:;} .ar_main_div_101 :invalid, .ar_main_div_101 :-moz-submit-invalid, .ar_main_div_101 :-moz-ui-invalid {box-shadow:none;} .ar_main_div_101 .help-block{font-weight:normal; color:#ed4040; font-family:Lucida Sans Unicode; font-size:14px; } .ar_main_div_101 .frm_error_style img{padding-right:10px;vertical-align:middle;} .ar_main_div_101 .frm_message img{padding-right:10px;vertical-align:middle;} .ar_main_div_101 .trigger_style{cursor:pointer;} .ar_main_div_101 .frm_message, .success_style{border:1px solid #8CCF7A;background-color:#D8F7CF;color:#3B3B3B;} .allfields_style, .allfields_active_style, .allfields_error_style, .submitbutton_style{width:auto;} .ar_main_div_101 .trigger_style span{float:left;} .ar_main_div_101 .arfloadingimg{background:url(https://waterpointnamlong.com.vn/wp-content/plugins/arforms/images/ajax_loader.gif) no-repeat center center;padding:6px 12px;} .ar_main_div_101 #ui-datepicker-div{display:none;z-index:999 !important;} .ar_main_div_101 .arfformfield{clear:both;} .ar_main_div_101 #arf_message_success {width:93%; display: inline-block; float:none; min-height:35px; margin: 0 0 15px 0; border-left:6px solid #8CCF7A; border-right:1px solid #8CCF7A; border-bottom:1px solid #8CCF7A; border-top:1px solid #8CCF7A; moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; font-family:Lucida Sans Unicode; background: #D8F7CF; color:#3B3B3B; font-size:14px; } .ar_main_div_101 #message_success_preview {width:87%; display: block; float:none; min-height:35px; margin: 0 0 15px 0; border:1px solid #8CCF7A; moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:Lucida Sans Unicode; background: #D8F7CF; } .ar_main_div_101 .msg-detail { float:left; width: 98%; padding:0 0 0 10px; min-height: 37px; line-height: 32px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } .ar_main_div_101 .msg-detail p { padding:0 !important; margin:0 !important; } .ar_main_div_101 .msg-title-success { padding:0px 0 0 10px; vertical-align:middle; display:inline; font-weight:bold; } .ar_main_div_101 .msg-description-success { letter-spacing:0.1px; padding:0px 0 0 10px; width:88%; vertical-align:middle; display:inline; } .ar_main_div_101 .msg-title-error { padding:5px 0 0 10px; vertical-align:middle; display:inline; } .ar_main_div_101 .msg-description-error { padding:7px 0 0 10px; letter-spacing:0.1px; vertical-align:middle; display:inline; } .ar_main_div_101 .frm_error_style { width:93%; display: inline-block; float:none; min-height:35px; margin: 0 0 10px 0; border-left:6px solid #FA8B83; border-top:1px solid #FA8B83; border-right:1px solid #FA8B83; border-bottom:1px solid #FA8B83; font-family:Lucida Sans Unicode; background: #F3CAC7; color:#501411; font-weight:bold; font-size:14px; } .ar_main_div_101 .frm_error_style_preview { width:87%; display: block; float:none; height:35px; margin: 0 0 10px 0; border:1px solid #FA8B83; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:Lucida Sans Unicode; background: #F3CAC7; } .ar_main_div_101 #recaptcha_table { line-height:0 !important; height: 123px; } .wp-admin .ar_main_div_101 label.arf_main_label{text-align:left;} .wp-admin .ar_main_div_101 .right_container .arf_radiobutton {margin:0} .ar_main_div_101 .original{ opacity: 0; position: relative; z-index: 100;100%; } .ar_main_div_101 .bootstrap-select .arfdropdown-menu > li > a:hover, .ar_main_div_101 .bootstrap-select .arfdropdown-menu > li > a:focus { text-decoration: none; color: #ffffff !important; background-color: #087ee2 !important; } .ar_main_div_101 .formtitle_style { padding:0; color:#ffffff; font-family:Roboto; text-align:center; font-size:20px; font-weight:normal; font-style:normal; } .ar_main_div_101 .arftitlecontainer { margin:0px 0px 20px 0px; } .ar_main_div_101 .arf_submit_div.left_container { text-align:center; clear:both; margin-left:auto; margin-right:auto; } .ar_main_div_101 .arf_submit_div.right_container { text-align:center; clear:both; margin-left:auto; margin-right:auto; } .ar_main_div_101 .arf_submit_div.top_container, .ar_main_div_101 .arf_submit_div.none_container { text-align:center; clear:both; margin-left:auto; margin-right:auto; } .ar_main_div_101 #brand-div { font-size: 10px; color: #444444; } .ar_main_div_101 #brand-div.left_container { text-align:center; margin-left:auto; margin-right:auto; } .ar_main_div_101 #brand-div.right_container { text-align:center; margin-left:auto; margin-right:auto; } .ar_main_div_101 #brand-div.top_container, .ar_main_div_101 #brand-div.none_container { text-align:center; clear:both; margin-left:auto; margin-right:auto; } .ar_main_div_101 #hexagon.left_container { text-align:center; margin-left:auto; margin-right:auto; } .ar_main_div_101 #hexagon.right_container { text-align:center; margin-left:auto; margin-right:auto; } .ar_main_div_101 #hexagon.top_container, .ar_main_div_101 #hexagon.none_container { text-align:center; margin-left:auto; margin-right:auto; } .ar_main_div_101 #hexacenter.left_container { margin-left:135.5px; } .ar_main_div_101 #hexacenter.right_container { margin-left:40.5px; } .ar_main_div_101 #hexacenter.top_container { margin-left:40.5px; } .ar_main_div_101 #recaptcha_style { display:inline-block; max-width:100%; } .ar_main_div_101 #recaptcha_style .help-block { margin-left:0px; } .ar_main_div_101 .recaptcha_style_custom .help-block { margin-left:0px; } .ar_main_div_101 div.help-block, .ar_main_div_101 div.arf_field_description { clear:both; } .ar_main_div_101 div.formdescription_style { padding:0; text-align:center; width:auto; color:#ffffff; font-family:Roboto; } .ar_main_div_101 .control-group.arf_warning .control-label, .ar_main_div_101 .control-group.arf_warning .help-block, .ar_main_div_101 .control-group.arf_warning .help-inline { color: #ed4040 ; font-family:Lucida Sans Unicode; font-size:14px; } .ar_main_div_101 .control-group.arf_warning .checkbox, .ar_main_div_101 .control-group.arf_warning .radio, .ar_main_div_101 .control-group.arf_warning input, .ar_main_div_101 .control-group.arf_warning select, .ar_main_div_101 .control-group.arf_warning textarea { color: #ed4040 !important; background-color:#ffffff !important; } .ar_main_div_101 .control-group.arf_warning input, .ar_main_div_101 .control-group.arf_warning select, .ar_main_div_101 .control-group.arf_warning textarea { border-color: #ed4040 !important; background-color:#ffffff !important; } .ar_main_div_101 .control-group.arf_warning input:focus, .ar_main_div_101 .control-group.arf_warning select:focus, .ar_main_div_101 .control-group.arf_warning textarea:focus { border-color: #ed4040 !important; background-color:#ffffff !important; -moz-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); -webkit-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); box-shadow:0px 0px 2px rgba(237,64,64, 0.4); } .ar_main_div_101 .control-group.arf_warning .input-prepend .add-on, .ar_main_div_101 .control-group.arf_warning .input-append .add-on { color: #ed4040 !important; background-color:#ffffff !important; border-color: #ed4040 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ar_main_div_101 .control-group.arf_error .control-label, .ar_main_div_101 .control-group.arf_error .help-block, .ar_main_div_101 .control-group.arf_error .help-inline { color: #ed4040 !important; font-family:Lucida Sans Unicode; font-size:14px; } .ar_main_div_101 .control-group.arf_error .checkbox, .ar_main_div_101 .control-group.arf_error .radio, .ar_main_div_101 .control-group.arf_error input, .ar_main_div_101 .control-group.arf_error select, .ar_main_div_101 .control-group.arf_error textarea { color: #ed4040 !important; background-color:#ffffff !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ar_main_div_101 .control-group.arf_error input, .ar_main_div_101 .control-group.arf_error select, .ar_main_div_101 .control-group.arf_error textarea, .ar_main_div_101 .control-group.arf_error #file-button1 { border-color: #ed4040 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ar_main_div_101 .control-group.arf_error input:focus, .ar_main_div_101 .control-group.arf_error select:focus, .ar_main_div_101 .control-group.arf_error textarea:focus { border-color: #ed4040 !important; background-color:#ffffff !important; -moz-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); -webkit-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); box-shadow:0px 0px 2px rgba(237,64,64, 0.4); } .ar_main_div_101 .control-group.arf_error .input-prepend .add-on, .ar_main_div_101 .control-group.arf_error .input-append .add-on { color: #ed4040 !important; background-color:#ffffff !important; border-color: #ed4040 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ar_main_div_101 .control-group.arf_success .control-label, .ar_main_div_101 .control-group.arf_success .help-block, .ar_main_div_101 .control-group.arf_success .help-inline { color: #17181c !important; } .ar_main_div_101 .control-group.arf_success .checkbox, .ar_main_div_101 .control-group.arf_success .radio, .ar_main_div_101 .control-group.arf_success input, .ar_main_div_101 .control-group.arf_success select, .ar_main_div_101 .control-group.arf_success textarea { color: #17181c !important; } .ar_main_div_101 .control-group.arf_success input, .ar_main_div_101 .control-group.arf_success select, .ar_main_div_101 .control-group.arf_success textarea, .ar_main_div_101 .control-group.arf_success #file-button1 { border-color: #b0b0b5 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .ar_main_div_101 .control-group.arf_success input:focus, .ar_main_div_101 .control-group.arf_success select:focus, .ar_main_div_101 .control-group.arf_success textarea:focus { border-color: #087ee2 !important; -moz-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); -webkit-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); box-shadow:0px 0px 2px rgba(8,126,226, 0.4); } .ar_main_div_101 .control-group.arf_success .input-prepend .add-on, .ar_main_div_101 .control-group.arf_success .input-append .add-on { color: #17181c !important; background-color: #dff0d8; border-color: #087ee2 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .help-block ul { margin:0 !important; } .help-block li { list-style:none; line-height:15px; } .ar_main_div_101 .left_container .setting_radio .help-block{margin-left:0px;} .ar_main_div_101 .left_container .setting_checkbox .help-block{margin-left:0px;} .success { background:none !important; border:0px; } #ui-datepicker-div { display:none; } .ar_main_div_101 #hexagon img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ar_main_div_101 .page_break_nav { font-size:16px; padding:15px 7px; margin:3px 1px 3px 1px; background:#7ec3fc; color: #ffffff; text-align:center; font-weight:bold; line-height: 20px; max-width:10%; verticle-align:middle; } .ar_main_div_101 .page_nav_selected { background:#087ee2; } .ar_main_div_101 .allfields .arf_wizard { border:1px solid #7ec3fc; margin:3px 1% 10px 1%; width:98%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), 0 0px 0px rgba(0, 0, 0, 0) inset; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), 0 0px 0px rgba(0, 0, 0, 0) inset; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .ar_main_div_101 .arf_wizard { border:1px solid #7ec3fc; margin:3px 1% 10px 1%; width:98%; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; } .ar_main_div_101 .arf_wizard td{ border:0px; padding:15px 5px; vertical-align:middle; } .ar_main_div_101 .arf_current_tab_arrow { border-left: 12px solid rgba(0, 0, 0, 0) !important; border-right: 12px solid rgba(0, 0, 0, 0) !important; border-top: 9px solid #087ee2 !important; height: 0; margin: auto auto -9px !important; width: 0; } .ar_main_div_101 .page_break_nav { border-right:1px solid rgba(255,255,255,0.7) !important; } .ar_main_div_101 .page_nav_selected, .ar_main_div_101 .arf_page_prev, .ar_main_div_101 .arf_page_last { border-right:none !important; } .ar_main_div_101 #hexagon { width: 38px; height: 38px; border-radius: 50%; background:#0b68b7; } #content .ar_main_div_101 div.arfsubmitbutton .previous_btn, .ar_main_div_101 div.arfsubmitbutton .previous_btn { font-weight:bold; font-style:normal; } .ar_main_div_101 .rate_widget_div { width:100%; } #popup-form-101.arfmodal .arfmodal-header { border-bottom: none; } .ar_main_div_101 .sltstandard_front .btn-group.open .arfbtn.dropdown-toggle, .ar_main_div_101 .sltstandard_time .btn-group.open .arfbtn.dropdown-toggle, .ar_main_div_101 .sltstandard_front .btn-group.open .arfdropdown-menu, .ar_main_div_101 .sltstandard_time .btn-group.open .arfdropdown-menu { background-color: #ffffff !important; } .ar_main_div_101 .sltstandard_front .btn-group.open .arfdropdown-menu:focus, .ar_main_div_101 .sltstandard_time .btn-group.open .arfdropdown-menu:focus { background-color: #ffffff !important; } .ar_main_div_101 span.arfcheckrequiredfield { color:#706d70 !important; font-style: normal; font-weight: normal; } .ar_main_div_101 h2.pos_left, .ar_main_div_101 h2.pos_top, .ar_main_div_101 h2.pos_right { color:#706d70; } .ar_main_div_101 input:not([type=submit], [type=button]) { margin:0 !important; } .arfmodal-body { max-height:1000px; } .ar_main_div_101 .control-group.arf_error .sltstandard_front .btn-group .arfdropdown-menu, .ar_main_div_101 .control-group.arf_error .sltstandard_time .btn-group .arfdropdown-menu { background-color: #ffffff !important; } .ar_main_div_101 .file_main_control { width: 100% } .ar_main_div_101 .arf_file_field { width: 100% } .ar_main_div_101 .arfsubmitbutton .arf_submit_btn { height:38px; width:134px; max-width:100%; margin:10px 10px 0px 0px; font-weight:bold; font-family:Roboto; font-size:15px !important; font-style:normal; cursor:pointer; outline:none; background:#0b68b7; background-position: left top; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#c6c8cc')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#c6c8cc'); padding:0 10px; vertical-align:top; text-transform: none; color:#ffffff !important; border:0px solid #f6f6f8; text-shadow:none; -moz-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 2px 3px #c6c8cc; -webkit-box-shadow:1px 2px 3px #c6c8cc; box-shadow:1px 2px 3px #c6c8cc; } .ar_main_div_101 .arf_submit_btn:hover{ background-image:none !important; background-color:#0b68b7 !important; } .arf_submit_btn.arfstyle-button .arfstyle-spinner { z-index: 2; display: block; opacity: 0; filter:alpha(opacity=0); pointer-events: none; } .ar_main_div_101 .arf_submit_btn.arfstyle-button .arfstyle-label { z-index: 1; width:136px; max-width:100%; text-indent:0px; } .arfstyle-button[data-style=zoom-in], .arfstyle-button[data-style=zoom-in] .arfstyle-label, .arfstyle-button[data-style=zoom-in] .arfstyle-spinner { -webkit-transition: 0.3s ease all !important; -moz-transition: 0.3s ease all !important; -ms-transition: 0.3s ease all !important; -o-transition: 0.3s ease all !important; transition: 0.3s ease all !important; } .arfstyle-button[data-style=zoom-in] { overflow: hidden; } .ar_main_div_101 .arfstyle-spinner { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ar_main_div_101 .arfstyle-button[data-style=zoom-in] .arfstyle-label { display: inline-block; width:136px; margin-right: -5px; } .arfstyle-button[data-style=zoom-in].data-loading .arfstyle-label { opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading { background-color:#0b68b7 !important; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo{ left: -2px; float:left; margin-left:49%; top:-14px; margin-bottom:0px; position:relative; -webkit-perspective: 100px; -webkit-animation: base-cycle 2s linear infinite; -webkit-transform-origin: 4px 4px; -webkit-perspective-origin: 4px 4px; -moz-perspective: 100px; -moz-animation: base-cycle 2s linear infinite; -moz-transform-origin: 4px 4px; -moz-perspective-origin: 4px 4px; perspective: 100px; animation: base-cycle 2s linear infinite; transform-origin: 4px 4px; perspective-origin: 4px 4px; zoom: 1; } @media (max-width: 480px) { .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo { margin-left:49%; } } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .b{ width: 8px; height: 8px; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .b div{ width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 0; top: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfred{} .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfyellow{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg) } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfgreen{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfblue{ -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfred div { background-color: #ffffff; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfyellow div { background-color: #ffffff; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfblue div { background-color: #ffffff; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .arfgreen div { background-color: #ffffff; } .ar_main_div_101 .arf_submit_btn.arfstyle-button[data-style=zoom-in].data-loading .arfstyle-spinner .arflogo .b div{ -webkit-animation: cycle_101 2s ease-out infinite; -moz-animation: cycle_101 2s ease-out infinite; animation: cycle_101 2s ease-out infinite; } @-webkit-keyframes base-cycle { 0%{ -webkit-transform: rotate(0); } 100%{ -webkit-transform: rotate(360deg); } } @-moz-keyframes base-cycle { 0%{ -moz-transform: rotate(0); } 100%{ -moz-transform: rotate(360deg); } } @keyframes base-cycle { 0%{ transform: rotate(0) } 100%{ transform: rotate(360deg) } } @-webkit-keyframes cycle_101 { 0% { -webkit-transform: translateX( 7px ) rotateY( 0deg ); } 60% { -webkit-transform: translateX( 0 ) rotateY(0deg); background-color: #ffffff; } 70% { -webkit-transform: translateX( 4px ) rotateY( 90deg ); } 100% { -webkit-transform: translateX( 7px ) rotateY( 0deg ); } } @-moz-keyframes cycle_101 { 0% { -moz-transform: translateX( 7px ) rotateY( 0deg ); } 60% { -moz-transform: translateX( 0 ) rotateY(0deg); background-color: #ffffff; } 70% { -moz-transform: translateX( 4px ) rotateY( 90deg ); } 100% { -moz-transform: translateX( 7px ) rotateY( 0deg ); } } @keyframes cycle_101 { 0% { transform: translateX( 7px ) rotateY( 0deg ) } 60% { transform: translateX( 0 ) rotateY(0deg); background-color: #ffffff; } 70% { transform: translateX( 4px ) rotateY( 90deg ) } 100% { transform: translateX( 7px ) rotateY( 0deg ) } } .ar_main_div_101 .arfajax-file-upload { font-family:Helvetica; font-size:14px; height:auto; font-weight:normal; font-style:normal !important; padding: 7px 10px 5px 10px !important; } .ar_main_div_101 .ajax-file-remove { font-family:Helvetica; } .ar_main_div_101 .arfajax-file-upload-img { border: medium none !important; border-radius: 0 0 0 0 !important; box-shadow: none !important; height: 14px; width: 14px; float:left; margin-top: 3px; background: url(https://waterpointnamlong.com.vn/wp-content/plugins/arforms/images/upload-icon.png) no-repeat; } .ar_main_div_101 #arf_message_success .msg-detail { text-align:left !important; } .ar_main_div_101 .icheckbox_flat-blue, .ar_main_div_101 .iradio_flat-blue { display: inline-block; *display: inline; vertical-align: middle; margin: -2px 7px 0px 0px; padding: 0; width: 20px; height: 20px; background: url(https://waterpointnamlong.com.vn/wp-content/plugins/arforms/images/skins/flat/blue.png) no-repeat; border: none; cursor: pointer; } .ar_main_div_101 .icheckbox_flat-blue { background-position: 0 0; } .ar_main_div_101 .icheckbox_flat-blue.checked { background-position: -22px 0; } .ar_main_div_101 .icheckbox_flat-blue.disabled { background-position: -44px 0; cursor: default; } .ar_main_div_101 .icheckbox_flat-blue.checked.disabled { background-position: -66px 0; } .ar_main_div_101 .iradio_flat-blue { background-position: -88px 0; } .ar_main_div_101 .iradio_flat-blue.checked { background-position: -110px 0; } .ar_main_div_101 .iradio_flat-blue.disabled { background-position: -132px 0; cursor: default; } .ar_main_div_101 .iradio_flat-blue.checked.disabled { background-position: -154px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .ar_main_div_101 .icheckbox_flat-blue, .ar_main_div_101 .iradio_flat-blue { background-image: url(https://waterpointnamlong.com.vn/wp-content/plugins/arforms/images/skins/flat/blue@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } .ar_main_div_101 .file_name_info { font-family:Helvetica; font-size:14px; font-weight:normal; font-style:normal !important; color:#17181c !important; } .ar_main_div_101 .sltstandard_front .btn-group.open .arfdropdown-menu.open, .ar_main_div_101 .sltstandard_time .btn-group.open .arfdropdown-menu.open { border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top:1px solid #087ee2; -moz-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); -webkit-box-shadow:0px 0px 2px rgba(8,126,226, 0.4); box-shadow:0px 0px 2px rgba(8,126,226, 0.4); } .ar_main_div_101 .arfformfield .controls { width:100%; } @media screen and (max-width: 480px) { .ar_main_div_101 .arfformfield .controls, .ar_main_div_101 .arfformfield.frm_first_half .controls, .ar_main_div_101 .arfformfield.frm_last_half .controls, .ar_main_div_101 .arfformfield.frm_third .controls, .ar_main_div_101 .arfformfield.frm_first_third .controls, .ar_main_div_101 .arfformfield.frm_last_third .controls {width:100% !important;} } .ar_main_div_101 .popover { background-color: #ed4040 !important; } .ar_main_div_101 .popover.right .arrow:after { border-right-color: #ed4040 !important; } .ar_main_div_101 .popover.left .arrow:after { border-left-color: #ed4040 !important; } .ar_main_div_101 .popover.top .arrow:after { border-top-color: #ed4040 !important; } .ar_main_div_101 .popover.bottom .arrow:after { border-bottom-color: #ed4040 !important; } .ar_main_div_101 .popover-content { color: #FFFFFF !important; font-family:Lucida Sans Unicode; font-size:14px; line-height:normal; } .ar_main_div_101 .arf_strenth_mtr .inside_title { font-family:Helvetica;font-size:12px;color:#706d70;text-align:left;font-style:; } .ar_main_div_101 .arfsubmitbutton .arf_submit_btn.arfsubmitdisabled:hover { background:#0b68b7 !important; } .ar_main_div_101 .arf_survey_nav { color:#333333; font-family:Helvetica; font-size: 14px; line-height: 1.5; } .ar_main_div_101 #arf_progress_bar.ui-progress-bar { background:#dadde2 !important; } .ar_main_div_101 #arf_progress_bar.ui-progress-bar .ui-progressbar-value { background-color:#007ee4 !important; font-family:Helvetica; } .ar_main_div_101 .arfcolorpickerfield { border:1px solid #b0b0b5; width:150px; height:32px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; } .ar_main_div_101 .arfcolorpickerfield .arfcolorimg { height:32px; width:15px; background:#e7e8ec; background-repeat:no-repeat; background-position:center center; border-right:1px solid #b0b0b5; -webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; float:left; font-size:16; padding:0 13px; } .ar_main_div_101 .arfcolorpickerfield .arfcolorimg i.arfa-paint-brush { height:32px; line-height:32px; color:#808080; } .ar_main_div_101 .arfcolorvalue { color: #333333; height:24px; padding-left: 5px; padding-right: 5px; padding-top:8px; margin-left:16px; vertical-align: middle; width:auto; background:#ffffff; -webkit-border-radius:0 1px 1px 0; -moz-border-radius:0 1px 1px 0; border-radius:0 1px 1px 0; font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height:normal; text-align:left; } .ar_main_div_101 .control-group.arf_error .arfcolorpickerfield { border: 1px solid #ed4040; } .ar_main_div_101 .control-group.arf_error .arfcolorpickerfield:focus { -moz-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); -webkit-box-shadow:0px 0px 2px rgba(237,64,64, 0.4); box-shadow:0px 0px 2px rgba(237,64,64, 0.4); } .ar_main_div_101 .arf_heading_div{ padding:15px 10px 15px 10px; } @media (max-width: 480px) { .ar_main_div_101 .arf_prefix_suffix_wrapper { width:100% !important; } }