/* Minification failed. Returning unminified contents. (1432,179): run-time error CSS1035: Expected colon, found '}' (2285,2): run-time error CSS1031: Expected selector, found '!' (2285,2): run-time error CSS1025: Expected comma or open brace, found '!' (2290,2): run-time error CSS1031: Expected selector, found '!' (2290,2): run-time error CSS1025: Expected comma or open brace, found '!' */ @charset "utf-8"; @font-face {font-family: "epcFontHeading"; font-stretch: normal; font-style: normal; font-weight: normal; src: url("../fonts/epc-font-heading.eot?#iefix") format("embedded-opentype"), url("../fonts/epc-font-heading.woff") format("woff"), url("../fonts/epc-font-heading.ttf") format("truetype");} @-ms-viewport {width: device-width;} /*@media screen and (min-width: 600px) { h1, h2, h3, h4 {font-family: epcFontHeading;} }*/ /* ********** ********** START ********** ********** */ /* RESET Styles */ * {margin: 0; padding: 0; /*box-sizing: border-box;*/} /**:before, *:after {box-sizing: border-box;}*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {border: 0; outline: 0; vertical-align: baseline; background: transparent;} p, ul, ol, dl, pre, table, fieldset {margin: 0;} /* RESET Styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* HTML Elements */ html, body {height: 100%; margin: 0; padding: 0;} body {position: relative; height: 100%; margin: 0; padding: 0; line-height: 100%; font-size: 14.5px; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #e3e3e3; color: #363636;} /*h1, h2, h3, h4, h5, h6 {font-family: epcFontHeading;}*/ p {} b {} strong {} a {text-decoration: none;} a:link {} a:visited {} a:hover {} a:active {} i {} em {} dfn {} sup {} sub {} del {} ins {} blockquote {} cite {} q {} address {} fieldset {} legend {} ul {} ol {} li {} dl {} dt {} dd {} abbr {} acronym {} pre, code, tt {} p code {} samp {} kbd {} var {} label {display: block; margin: 0 0 10px 0; font-size: 14px; color: #767676;} input {display: block; margin: 0 0 20px 0; font-size: 14px;} input[placeholder], [placeholder], *[placeholder] {font-style: italic; background-color: #f3f3f3; color: #969696;} input::-webkit-input-placeholder {font-style: italic; font-weight: normal; background-color: #f3f3f3; color: #969696;} input:-moz-placeholder {font-style: italic; font-weight: normal; background-color: #f3f3f3; color: #969696;} input::-moz-placeholder {font-style: italic; font-weight: normal; background-color: #f3f3f3; color: #969696;} input:-ms-input-placeholder {font-style: italic; font-weight: normal; background-color: #f3f3f3; color: #969696;} input:focus::-webkit-input-placeholder {color: transparent;} input:focus:-moz-placeholder {color:transparent;} input:focus::-moz-placeholder {color:transparent;} input:focus:-ms-input-placeholder {color:transparent;} input[type="text"], input[type="datetime"] {width: 400px; height: 30px; padding: 0 10px; border: 1px solid #dcdcdc; font-style: normal; background-color: #f3f3f3; color: #363636;} input[type="submit"] {height: 32px; padding: 0 40px; border: none; box-shadow: 2px 2px 0px #363636; background-color: #036292; color: #fff; cursor: pointer;} input[type="submit"]:active {box-shadow: 0px 0px 0px #363636;} /*input[type="button"] {height: 32px; padding: 0 40px; border: none; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;}*/ input[type="radio"] {display: none;} input[type="checkbox"] {display: none;} input[type="text"]:focus {font-style: normal; color: #363636;} input[disabled] {background-color: #ccc; cursor: default;} textarea {display: block; width: 420px; max-width: calc(100% - 20px); height: 90px; margin: 0 0 20px 0; padding: 10px; border: 1px solid #dcdcdc; font-size: 13px; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #f3f3f3; color: #363636;} select {display: block; min-width: 180px; max-width: 300px; height: 30px; margin: 0 0 20px 0; border: 1px solid #dcdcdc; background-color: #f3f3f3; color: #363636;} option {padding: 0 10px; border: 1px solid #dcdcdc; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; background-color: #f3f3f3; color: #363636;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} table {clear: both; width: 100%; margin: 0; border: none;} table thead {} table thead tr {} table thead tr:hover {} table thead tr th {text-align: left;} table tbody {} table tbody tr {height: 54px;} table tbody tr td {height: 54px; margin-bottom: 2px; padding: 0 20px; border-left: 0px solid #fff; border-right: 0px solid #fff; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; font-size: 16px; background-color: #fff;} table tbody tr td select {margin: 0;} table tbody tr td table tbody tr td {border-top: none; border-bottom: 2px solid #e3e3e3;} table tbody tr td table tbody tr:first-of-type td {border-top: 3px solid #f4f4f4;} table tbody tr td table tbody tr:last-of-type td {border-bottom: none;} /* HTML Elements */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* Global Styles */ /* placeholder */ /* focus */ *:focus {outline: none;} /* no selectable */ .no-select {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* inner div */ .inner {position: relative; width: calc(100% - 20px); max-width: 1080px; margin: 0 auto; transition: 0.5s margin-left; transition-delay: 0.25s;} .open-nav-myeset .inner {transition: 0.5s margin-left; transition-delay: 0.25s;} .border-radius {behavior: url(../pie/pie.htc); position: relative; overflow: hidden;} /* Submit buttons */ .val-results {display: none; position: absolute; margin: 0; z-index: 99999;} .val-results:after {position: absolute; left: 10px; top: 7px; display: inline-block; width: 16px; height: 16px; background: url(../img/icons/ela-icons-16px.png) no-repeat -96px top; content: "";} .val-results.checkbox {margin-top:-7px;} .validation-summary-errors {visibility: hidden; display: block; position: relative; left: 49px; max-width: 240px; line-height: 30px; padding: 0 10px; border-radius: 0 4px 4px 0; background-color: #f4bfbd; color: #333;} .validation-summary-errors:before {position: absolute; left: -13px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 13px solid #f4bfbd; content: "";} .validation-summary-errors ul {min-height: 30px;} .validation-summary-errors ul li {line-height: 18px;} .validation-summary-errors ul li:first-of-type {padding-top: 5px;} .validation-summary-errors ul li:last-of-type {padding-bottom: 5px;} .input-validation-error {border-color: #e04239 !important;} /*.field-validation-error {position: relative; display: inline-block; max-width: calc(100% - 520px); min-height: 30px; margin: 0 0 0 40px; padding: 0 10px; border-radius: 4px; background-color: #f4bfbd; color: #333;} .field-validation-error:before {position: absolute; left: -11px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 13px solid #f4bfbd; content: "";} .field-validation-error span {display: block; min-height: 25px; line-height: 18px; padding-top: 5px;}*/ .wrapper-err-msg {position: relative; float: left; display: none; max-width: calc(100% - 520px); min-height: 30px; margin: 0 0 0 40px; padding: 0 10px; border-radius: 4px; background-color: #f4bfbd; color: #333;} .wrapper-err-msg:before {position: absolute; left: -11px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 13px solid #f4bfbd; content: "";} .form .wrapper-err-msg p {display: block; min-height: 25px; line-height: 18px; margin: 0; padding-top: 5px;} .form .wrapper-err-msg p#empty {display: none;} .form .wrapper-err-msg p#novalid {display: none;} .tooltip {position: relative;} .tooltip .tooltip-text {display: none; position: absolute; left: -7px; bottom: 25px; width: 180px; padding: 10px; z-index: 99999; border: 1px solid #bcbcbc; border-radius: 4px; font-size: 12px; box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.15); background-color: #fff; color: #333;} .tooltip .tooltip-text:before {position: absolute; left: 10px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; z-index: 10001; content: "";} .tooltip .tooltip-text:after {position: absolute; left: 10px; bottom: -8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #bcbcbc; z-index: 10000; content: "";} .warning .tooltip .tooltip-text {border: 1px solid #c48603; color: #c48603;} .warning .tooltip-text:after {position: absolute; left: 10px; bottom: -8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #c48603; z-index: 10000; content: "";} .alert .tooltip .tooltip-text {border: 1px solid #d03930; color: #d03930;} .alert .tooltip .tooltip-text:after {position: absolute; left: 10px; bottom: -8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d03930; z-index: 10000; content: "";} /* buttons & links */ /*.btn {height: 32px; line-height: 28px; padding: 0 40px; border-radius: 3px; font-size: 13px; font-weight: bold; color: #fff; cursor: pointer;}*/ .big {height: 42px; line-height: 38px; padding: 0 30px; font-size: 125%;} h6.red {border: 1px solid #b42424; background: -webkit-linear-gradient(#db5151, #cf1b1b); background: -o-linear-gradient(#db5151, #cf1b1b); background: -moz-linear-gradient(#db5151, #cf1b1b); background: -ms-linear-gradient(#db5151, #cf1b1b); background: -o-linear-gradient(#db5151, #cf1b1b); background: linear-gradient(#db5151, #cf1b1b); -pie-background: linear-gradient(#db5151, #cf1b1b);/* PIE syntax (must be last) */ color: #fff; cursor:pointer;} h6.green {border: 1px solid #498d3b; background: -webkit-linear-gradient(#7bb96d, #33931e); background: -o-linear-gradient(#7bb96d, #33931e); background: -moz-linear-gradient(#7bb96d, #33931e); background: -ms-linear-gradient(#7bb96d, #33931e); background: -o-linear-gradient(#7bb96d, #33931e); background: linear-gradient(#7bb96d, #33931e); -pie-background: linear-gradient(#7bb96d, #33931e);/* PIE syntax (must be last) */ color: #fff; cursor:pointer;} h6.blue {border: 1px solid #1169b1; background: -webkit-linear-gradient(#3c92d8, #0070cb); background: -o-linear-gradient(#3c92d8, #0070cb); background: -moz-linear-gradient(#3c92d8, #0070cb); background: -ms-linear-gradient(#3c92d8, #0070cb); background: -o-linear-gradient(#3c92d8, #0070cb); background: linear-gradient(#3c92d8, #0070cb); -pie-background: linear-gradient(#3c92d8, #0070cb);/* PIE syntax (must be last) */ color: #fff; cursor:pointer;} h6.grey {border: 1px solid #afafaf; background: -webkit-linear-gradient(#e3e3e3, #d9d9d9); background: -o-linear-gradient(#e3e3e3, #d9d9d9); background: -moz-linear-gradient(#e3e3e3, #d9d9d9); background: -ms-linear-gradient(#e3e3e3, #d9d9d9); background: -o-linear-gradient(#e3e3e3, #d9d9d9); background: linear-gradient(#e3e3e3, #d9d9d9); -pie-background: linear-gradient(#e3e3e3, #d9d9d9);/* PIE syntax (must be last) */ color: #797979; cursor:pointer;} a.lnk-btn {padding: 10px 30px; text-decoration: none; font-size: 1.25rem; font-weight: bold;} a.cyan {background-color: #00bbc6; color: #fff;} a.blue-dark {background-color: #3b6e8f; color: #fff;} a.link-back {color: #036292;} a.link-delete {display: block; height: 32px; padding: 0 40px; line-height: 32px; box-shadow: 2px 2px 0px #363636; background-color: #e03d34; color: #fff; cursor: pointer;} a.link-delete:active {box-shadow: 0px 0px 0px #363636;} .link-button {height: 32px; padding: 5px 20px; border: none; box-shadow: 2px 2px 0px #363636; font-size: 14.5px; background-color: #fff; color: #363636; cursor: pointer;} .link-button:hover {background-color: #eee;} .link-button:active {box-shadow: 0px 0px 0px #363636;} .link-add {position: relative; z-index: 1; display: inline-block; height: 32px; padding: 0 40px; line-height: 32px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} .link-add:active {box-shadow: 0px 0px 0px #363636;} /*.link-add:after {position: absolute; left: 2px; right: -2px; top: 2px; bottom: -2px; z-index: -1; display: block; background-color: #363636; content: "";}*/ .link-submit {position: relative; z-index: 1; float: right; height: 32px; margin: 0; padding: 0 40px; line-height: 32px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} .link-submit:active {box-shadow: 0px 0px 0px #363636;} .label-radio {position: relative; padding: 0 0 0 36px; line-height: 14px; font-size: 15px; color: #363636; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .label-radio:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 14px; background-color: #fff; content: "";} .label-radio:after {position: absolute; left: 4px; top: 4px; display: block; width: 8px; height: 8px; border: none; border-radius: 8px; background-color: #fff; content: "";} .label-radio:hover {color: #363636;} .label-radio:hover:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 14px; background-color: #fff; content: "";} .label-radio:hover:after {position: absolute; left: 4px; top: 4px; display: block; width: 8px; height: 8px; border: none; border-radius: 8px; background-color: #969696; content: "";} input[type="radio"]:checked+.label-radio {color: #363636;} input[type="radio"]:checked+.label-radio:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 14px; background-color: #fff; content: "";} input[type="radio"]:checked+.label-radio:after {position: absolute; left: 4px; top: 4px; display: block; width: 8px; height: 8px; border: none; border-radius: 8px; background-color: #77bb1a; content: "";} .label-checkbox {position: relative; padding: 0 0 0 36px; line-height: 14.5px; font-size: 14.5px; color: #363636; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .label-checkbox:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 4px; background-color: #fff; content: "";} .label-checkbox:after {position: absolute; left: 2px; top: 0px; display: block; width: 8px; height: 8px; border: none; font-size: 14px; font-weight: bold; content: "";} .label-checkbox:hover {color: #363636;} .label-checkbox:hover:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 4px; background-color: #fff; content: "";} /*.label-checkbox:hover:after {position: absolute; left: 2px; top: 0px; display: block; width: 8px; height: 8px; border: none; font-size: 14px; font-weight: bold; color: #969696; content: "✔";}*/ input[type="checkbox"]:checked + .label-checkbox {color: #363636;} input[type="checkbox"]:checked + .label-checkbox:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 2px; background-color: #fff; content: "";} input[type="checkbox"]:checked + .label-checkbox:after {position: absolute; left: 2px; top: 0px; display: block; width: 8px; height: 8px; border: none; font-size: 14px; font-weight: bold; color: #77bb1a; content: "✔";} .articleHeadingTwo {position: relative; display: block; min-height: 34px; margin: 0; padding: 12px 20px 12px 80px; border-bottom: 4px solid #e3e3e3; line-height: 34px; font-size: 28px; font-weight: 400; color: #fff;} .link-14px {font-size: 14px; cursor: pointer;} .link-14px:hover {text-decoration: underline;} .darkblue {color: #036292;} .darkred {color: #e04239;} .btn-disabled, input.btn[disabled] {background-color: #ccc; color: #fff; cursor: default;} .btn-disabled:hover, input.btn[disabled]:hover {background-color: #ccc; color: #fff; cursor: default;} .btn {position: relative; display: block; height: 32px; padding: 0 40px; border: none; line-height: 32px; font-size: 14px; font-weight: normal; box-shadow: 2px 2px 0px #363636; cursor: pointer;} .btn:active {box-shadow: 0px 0px 0px #363636;} .btn.darkgray {background-color: #ddd; color: #363636;} .btn.darkgray:hover {background-color: #eee;} .btn.darkblue {background-color: #036292; color: #fff;} .btn.darkblue:hover {background-color: #0090d5;} .btn.darkred {background-color: #e04239; color: #fff;} .btn.darkred:hover {background-color: #f05249;} .btn.disabled {background-color: #ccc; color: #fff; cursor: default;} .btn.disabled:hover {background-color: #ccc; color: #fff; cursor: default;} .error {font-size: 13px; color: #e04239;} #saved {position: fixed; left: calc(100%-150px); left: 20px; bottom: 0; z-index: 999999999999999; display: none; max-width: 280px; margin: 0; padding: 0; border: 1px solid #969696; border-bottom: none; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} #saved p {position: relative; max-width: 240px; padding: 20px 10px 25px 30px; line-height: 22px;} #saved p:before {position: absolute; left: 0; top: 15px; z-index: 1; display: block; width: 25px; height: 25px; content: ""; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -75px top;} /* Global Styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* #ID & .Class Styles */ /* HEADER */ header {position: fixed; left: 0; right: 0; top: 0; z-index: 2147483647; display: block; height: 76px; background-color: #363636; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} #myESET {position: absolute; left: 180px; top: 26px; z-index: 1; display: block; width: 100px; height: 24px; text-indent: -99999px; background: url(../img/my-eset-logo-bw.png) no-repeat left top;} /*#jscontrol-responsive-nav-global {position: relative; float: left; display: none; height: 24px; line-height: 24px; margin: 14px 0; padding: 0 24px 8px 0; text-transform: uppercase; text-decoration: none; font-size: 14.5px; font-weight: 600; color: #fff; cursor: pointer;} #jscontrol-responsive-nav-global:after {position: absolute; right: 0px; top: 6px; display: block; width: 19px; height: 9px; background: url(../img/epc-nav-global-beta-tag.png) no-repeat left top; content: "";}*/ /*#jscontrol-responsive-nav-global {position: relative; float: right; display: none; width: 24px; height: 17px; margin: 16px 0; background-color: #fff; cursor: pointer;} #jscontrol-responsive-nav-global:after {position: absolute; left: 0; top: 3px; display: block; width: 24px; height: 3px; border-top: 4px solid #363636; border-bottom: 4px solid #363636; background-color: #fff; content: "";}*/ #jscontrol-responsive-nav-global {position: relative; float: right; display: none; width: 24px; height: 24px; margin: 26px 15px 0 0; border: 1px solid #969696; border-radius: 4px; background: url(../img/bg-arrow-down.png) no-repeat center center; cursor: pointer;} #wrapper-navs {background-color: #363636;} #nav-global {float: left; margin: 0;} #nav-global a {float: left; display: block; height: 24px; line-height: 24px; margin: 14px 20px 14px 0; padding: 0 0 8px 0; text-transform: uppercase; text-decoration: none; font-size: 14.5px; font-weight: 600; color: #fff;} #nav-global a:hover {border-bottom: 4px solid #bfbfbf;} #nav-global a.active {border-bottom: 4px solid #00c0f2;} #nav-global a.active:hover {border-bottom: 4px solid #00c0f2;} #nav-global a.epc {position: relative;} /*#nav-global a.epc:after {position: absolute; right: 0px; top: 6px; display: block; width: 19px; height: 9px; background: url(../img/epc-nav-global-beta-tag.png) no-repeat left top; content: "";}*/ #nav-help {float: right; padding: 0 30px 0 0;} #nav-help a {position: relative; float: left; height: 76px; line-height: 76px; margin: 0 0 0 30px; text-decoration: none; font-size: 14.5px; font-weight: 400; color: #fff;} /*#nav-help a:nth-of-type(1), #nav-help a:nth-of-type(2) {padding: 0 14px 0 0;} #nav-help a:nth-of-type(1):after, #nav-help a:nth-of-type(2):after {position: absolute; right: 0px; top: 12px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; content: "";}*/ #nav-help a#jscontrol-nav-language, #nav-help a#jscontrol-nav-account {padding: 0 28px 0 0; background: url("../img/bg-arrow-down.png") no-repeat right center;} #nav-help a#jscontrol-nav-account {max-width: 160px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} /*#nav-help a#jscontrol-nav-language:after, #nav-help a#jscontrol-nav-account:after {position: absolute; right: 0px; top: 12px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; content: "";}*/ #nav-help span#jscontrol-notification {position: relative; float: left; display: none; width: 25px; height: 25px; line-height: 24px; margin: 14px 0 14px 24px; text-decoration: none; font-size: 14.5px; font-weight: 400; color: #fff; cursor: pointer;} #nav-help span#jscontrol-notification:before {position: absolute; left: 0; top: 12px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";} #nav-help span#jscontrol-notification:after {position: absolute; left: calc(50% - 2px); top: 20px; z-index: 1; display: block; width: 4px; height: 14px; background-color: #fff; content: "";} #nav-help a.help {width: 20px; text-indent: -99999px;} #nav-help a.help:before {position: absolute; left: 0; top: calc(50% - 10px); display: block; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 20px; line-height: 16px; text-indent: 0; text-align: center; font-size: 16px; font-weight: 400; color: #fff; content: "?";} /*#nav-language {display: none; position: absolute; top: 51px; right: 1px; z-index: 9999999; width: 740px; height: 364px; overflow: hidden; border: 1px solid #2C3035; background-color: #444E5A;} #nav-language a {float: left; display: block; width: 200px; height: 18px; line-height: 18px; padding: 5px 10px 5px 36px; font-size: 14.5px; font-weight: 400; background-position: 10px 8px; background-repeat: no-repeat; color: #fff;} #nav-language a:hover {background-color: #2C3035;}*/ #nav-language {position: absolute; top: 76px; right: 0; z-index: 999; display: none; width: 740px; margin: 0; padding: 5px 0; border: 1px solid #969696; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} #nav-language a {float: left; display: block; width: 200px; padding: 5px 10px 5px 36px; font-size: 13.5px; line-height: 27px; font-weight: 400; background-position: 10px 14px; background-repeat: no-repeat; color: #363636;} #nav-language a:hover {background-color: #f5f5f5;} #nav-language .col {float: left; width: 33.33%;} .cs-CZ {background-image: url(../img/culture/flag-cs-CZ.png);} .da-DK {background-image: url(../img/culture/flag-da-DK.png);} .de-DE {background-image: url(../img/culture/flag-de-DE.png);} .et-EE {background-image: url(../img/culture/flag-et-EE.png);} .en-US {background-image: url(../img/culture/flag-en-US.png);} .es-ES {background-image: url(../img/culture/flag-es-ES.png);} .es-CL {background-image: url(../img/culture/flag-es-CL.png);} .fr-FR {background-image: url(../img/culture/flag-fr-FR.png);} .fr-CA {background-image: url(../img/culture/flag-fr-CA.png);} .hr-HR {background-image: url(../img/culture/flag-hr-HR.png);} .it-IT {background-image: url(../img/culture/flag-it-IT.png);} .lt-LT {background-image: url(../img/culture/flag-lt-LT.png);} .hu-HU {background-image: url(../img/culture/flag-hu-HU.png);} .nl-NL {background-image: url(../img/culture/flag-nl-NL.png);} .nn-NO {background-image: url(../img/culture/flag-nn-NO.png);} .pl-PL {background-image: url(../img/culture/flag-pl-PL.png);} .pt-BR {background-image: url(../img/culture/flag-pt-BR.png);} .ro-RO {background-image: url(../img/culture/flag-ro-RO.png);} .sl-SI {background-image: url(../img/culture/flag-sl-SI.png);} .sk-SK {background-image: url(../img/culture/flag-sk-SK.png);} .sr-Latn-RS {background-image: url(../img/culture/flag-sr-Latn-RS.png);} .fi-FI {background-image: url(../img/culture/flag-fi-FI.png);} .sv-SE {background-image: url(../img/culture/flag-sv-SE.png);} .vi-VN {background-image: url(../img/culture/flag-vi-VN.png);} .tr-TR {background-image: url(../img/culture/flag-tr-TR.png);} .el-GR {background-image: url(../img/culture/flag-el-GR.png);} .bg-BG {background-image: url(../img/culture/flag-bg-BG.png);} .kk-KZ {background-image: url(../img/culture/flag-kk-KZ.png);} .ru-RU {background-image: url(../img/culture/flag-ru-RU.png);} .uk-UA {background-image: url(../img/culture/flag-uk-UA.png);} .he-IL {background-image: url(../img/culture/flag-he-IL.png);} .ar-EG {background-image: url(../img/culture/flag-ar-EG.png);} .th-TH {background-image: url(../img/culture/flag-th-TH.png);} .ko-KR {background-image: url(../img/culture/flag-ko-KR.png);} .ja-JP {background-image: url(../img/culture/flag-ja-JP.png);} .zh-CN {background-image: url(../img/culture/flag-zh-CN.png);} .zh-TW {background-image: url(../img/culture/flag-zh-TW.png);} #nav-account {position: absolute; top: 76px; right: 30px; z-index: 999; display: none; max-width: 240px; margin: 0; padding: 0 10px; border: 1px solid #969696; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} #nav-account a {display: block; max-width: 200px; padding: 5px 10px; font-size: 13.5px; line-height: 20.25px; font-weight: 400; color: #363636;} #nav-account a:nth-of-type(2) {padding: 7px 10px; border-bottom: 1px solid #969696;} #nav-account a:hover {background-color: #f5f5f5;} #notification {position: absolute; top: 49px; right: 0; z-index: 999; display: none; min-width: 240px; margin: 0; padding: 5px 0; border: 1px solid #969696; background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} #notification p {margin: 0 0 10px 0; padding: 10px; font-size: 13px;} #notification div {text-align: center;} #notification div a {float: none; display: inline-block; margin: 0 0 10px 0; padding: 0 20px;} #notification div a:nth-of-type(2) {margin: 0 0 10px 10px;} /* MAIN */ main {position: relative; display: block; width: 100%; min-height: 800px; padding: 92px 0 40px 0;} #message {display: block; margin: 0 0 20px 0; background-color: #fff;} #message .inner {position: relative; padding: 20px 0;} #message p {position: relative; padding: 0 36px 0 46px; line-height: 22px;} #message p:before {position: absolute; left: 0px; top: -6px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #fbbf01; border-radius: 36px; background-color: #fff; content: "";} #message p:after {position: absolute; left: 6px; top: 0; z-index: 1; display: block; width: 25px; height: 25px; content: ""; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -25px top;} #message.ok p:before {border: 1px solid #8dc640;} #message.ok p:after {background: url("../img/epc-icons-profile-status-25x25.png") no-repeat left top;} #message.warning p:before {border: 1px solid #fbbf01;} #message.warning p:after {background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -25px top;} #message.alert p:before {border: 1px solid #e04239;} #message.alert p:after {background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top;} #message.info p:before, #message.trial p:before {border: 1px solid #009bd5;} #message.info p:after, #message.trial p:after {background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -75px top;} #message p a {font-weight: 600; color: #363636;} #message p b {} #message a.anchor-over {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 997; display: block;} /*#message .close {position: absolute; right: 0; top: 24px; z-index: 999; float: right; display: block; width: 0; height: 0; margin: 0; padding: 0; cursor: pointer;} #message .close:before {position: absolute; left: 0; top: 0; float: left; display: block; font-size: 40px; color: #969696; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "+";}*/ #message .close {position: absolute; right: -5px; top: 20px; z-index: 998; display: block; margin: 0; padding: 0; font-size: 36px; font-weight: 600; color: #969696; cursor: pointer;} #head {position: relative;} #head .inner {max-width: 1080px; padding: 40px 0;} #head p {max-width: 580px; line-height: 27px; font-size: 15px;} #head p.links {margin-top: 40px;} #head #add-profile {color: #0081c2;} #head #add-profile:before {margin: -2px 10px 0 0; font-size: 2rem; content: "+";} #corpus {} #corpus .inner {} /* div#loadingIcon { display: none; width:50px; height: 50px; position: fixed; top: 50%; left: 50%; background:url(../img/progress2.gif) no-repeat center #fff; text-align:center; padding:10px; font:normal 16px Tahoma, Geneva, sans-serif; border:3px solid #036292; margin-left: -25px; margin-top: -25px; z-index:2; overflow: auto; }*/ /* *************************** */ /* HOMESCREEN */ /* ********** START ********** */ #head.homescreen {min-height: 300px; margin: 40px 0 0 0;} /*#head.homescreen .inner {max-width: 1000px; min-height: 220px; padding: 40px; background: #0096a1 url("../img/epc-bg-homescreen.png") no-repeat right 60px bottom 0px;}*/ #head.homescreen .inner {width: calc(100% - 80px); max-width: 1000px; min-height: 220px; padding: 40px; background: #0d0926 url("../img/pcp-bg-homescreen.jpg") no-repeat right top;} #head.homescreen h1 {width: 394px; height: 43px; margin: 0 0 30px 0; text-indent: -99999px; background: url("../img/eset-parental-control-for-android-logo.png") no-repeat left top;} #head.homescreen .slogan {max-width: 520px; min-height: 54px; margin: 0 0 20px 0; /*font-family: epcFontHeading;*/ font-size: 18px; color: #fff;} #head.homescreen hr {width: 40%; height: 0; border: none; border-top: 1px solid #3e3b51;} #head.homescreen .buttons {max-width: 550px; padding: 30px 0 0 0; border-top: none/*1px solid #3e3b51*/; line-height: 16px; font-size: 16px; color: #fff;} #head.homescreen .buttons a:nth-of-type(1) {display: inline-block; margin: 0 10px 0 0; padding: 12px 58px; border: none; text-align: center; line-height: 18px; font-size: 18px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #ececec; color: #000; cursor: pointer;} #head.homescreen .buttons a:nth-of-type(1):hover {background-color: #fcfcfc;} #head.homescreen .buttons a:nth-of-type(1):active {box-shadow: 0px 0px 0px #363636;} #head.homescreen .buttons a:nth-of-type(2) {display: inline-block; margin: 0 0 0 10px; padding: 12px 26px; border: none; text-align: center; line-height: 18px; font-size: 18px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #e9a514; color: #000; cursor: pointer;} #head.homescreen .buttons a:nth-of-type(2):hover {background-color: #f9b524;} #head.homescreen .buttons a:nth-of-type(2):active {box-shadow: 0px 0px 0px #363636;} #head.withprofiles {height: 190px; min-height: 190px; margin: 40px 0;} #head.withprofiles .inner {max-width: 1000px; height: 110px; min-height: 110px; padding: 40px; background: #0096a1 url("../img/epc-bg-homescreen-noprofile.png") no-repeat right 60px top 0px;} #head.withprofiles h1 {width: 394px; height: 43px; margin: 0 0 30px 0; text-indent: -99999px; background: url("../img/epc-heading-one-homescreen.png") no-repeat left top;} #head.withprofiles .slogan {margin: 0 0 40px 0; /*font-family: epcFontHeading;*/ font-size: 18px; color: #fff;} #head.noprofile {height: 190px; min-height: 190px; margin: 40px 0 0 0;} #head.noprofile .inner {max-width: 1000px; height: 110px; min-height: 110px; padding: 40px; background: #0096a1 url("../img/epc-bg-homescreen-noprofile.png") no-repeat right 60px top 0px;} #head.noprofile h1 {width: 394px; height: 43px; margin: 0 0 30px 0; text-indent: -99999px; background: url("../img/epc-heading-one-homescreen.png") no-repeat left top;} #head.noprofile .slogan {margin: 0 0 40px 0; /*font-family: epcFontHeading;*/ font-size: 18px; color: #fff;} #head.premium {height: 190px; min-height: 190px; margin-top: 40px;} #head.premium .inner {width: calc(100% - 80px); max-width: 1000px; height: 110px; min-height: 110px; padding: 40px; background: #0096a1 url("../img/pcp-bg-header-premium.png") no-repeat right -206px top -33px;} #head.premium h1 {width: 394px; height: 43px; margin: 0 0 30px 0; text-indent: -99999px; background: url("../img/epc-heading-one-homescreen.png") no-repeat left top;} #head.premium .slogan {margin: 0 0 40px 0; /*font-family: epcFontHeading;*/ font-size: 18px; color: #fff;} #corpus.noprofile {} #corpus.noprofile .inner {max-width: 1000px; padding: 0 40px; background-color: #fff;} #corpus.noprofile .heading {padding: 60px 0; border-bottom: 1px solid #e5e5e5; text-align: center;} #corpus.noprofile .heading h2 {line-height: 42px; font-size: 20px; color: #000;} #corpus.noprofile .heading p {line-height: 26px; font-size: 16px; color: #797979;} #corpus.noprofile #threesteps {padding: 0;} /*#corpus.noprofile .step-one {float: left; width: 226px; margin: 70px 0 0 0; padding: 0 0 0 80px; background: url("../img/epc-step-one.png") no-repeat left top;} #corpus.noprofile .step-one .google-play {display: block; width: 170px; height: 58px; margin: 0; padding: 0; text-indent: -99999px; background: url("../img/epc-google-play.png") no-repeat left top;} #corpus.noprofile .step-one .btn {float: none; padding: 5px 0; text-align: center; background-color: #ececec; color: #000;} #corpus.noprofile .step-one input[type="text"], #corpus.noprofile .step-one input[type="datetime"] {width: calc(100% - 20px);} #corpus.noprofile .step-two {float: left; width: 226px; margin: 70px 0 0 40px; padding: 0 0 0 80px; background: url("../img/epc-step-two.png") no-repeat left top;} #corpus.noprofile .step-two .btn {float: none; padding: 5px 0; text-align: center; background-color: #0090d5; color: #fff;} #corpus.noprofile .step-three {float: left; width: 226px; margin: 70px 0 0 40px; padding: 0 0 0 80px; background: url("../img/epc-step-three.png") no-repeat left top;} #corpus.noprofile .step-three .link {font-weight: bold; color: #363636;}*/ #corpus.homescreen {} .motivation {margin: 0 0 26px 0; padding: 80px 0; text-align: center; background-color: #fff;} .motivation h2 {max-width: 440px; margin: 0 auto 50px auto; line-height: 45px; font-size: 33px; font-weight: 100;} .motivation p {max-width: 600px; margin: 0 auto; line-height: 26px; font-size: 16px;} .key-features {text-align: center; background-color: #fff;} .key-features h2 {min-height: 34px; margin: 0; padding: 12px 20px; border-bottom: 4px solid #e3e3e3; text-align: center; line-height: 34px; font-size: 28px; font-weight: 400; background-color: #00c590; color: #fff;} .key-features h2 span {position: relative; padding: 0 0 0 57px;} .key-features h2 span:before {position: absolute; left: 0; top: 8px; display: block; width: 33px; height: 24px; background: url("../img/epc-heading-two-homescreen.png") no-repeat left top; content: "";} .key-features div {display: inline-table; width: 220px; min-height: 50px; margin: 50px 10px; padding: 120px 0 0 0; text-align: center;} .key-features div:nth-of-type(1) {background: url("../img/epc-bg-web-control.png") no-repeat center top;} .key-features div:nth-of-type(2) {background: url("../img/epc-bg-app-control.png") no-repeat center top;} .key-features div:nth-of-type(3) {background: url("../img/epc-bg-child-locator.png") no-repeat center top;} /*.key-features div:nth-of-type(4) {background: url("../img/epc-bg-reports.png") no-repeat center top;}*/ .key-features div:nth-of-type(4) {background: url("../img/pcp-bg-messages.png") no-repeat center top;} .key-features div h3 {height: 66px; margin: 0 0 10px 0; text-align: center; line-height: 22px; font-size: 22px; font-weight: 100; color: #363636;} .key-features div p {color: #969696;} .logins {margin: 60px 0; text-align: center; line-height: 16px; font-size: 16px; color: #000;} .logins a:nth-of-type(1) {display: inline-block; margin: 0 10px 0 0; padding: 12px 58px; border: none; text-align: center; line-height: 18px; font-size: 18px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #00c590; color: #fff; cursor: pointer;} .logins a:nth-of-type(1):hover {background-color: #10d5a0;} .logins a:nth-of-type(1):active {box-shadow: 0px 0px 0px #363636;} .logins a:nth-of-type(2) {display: inline-block; margin: 0 0 0 10px; padding: 12px 26px; border: none; text-align: center; line-height: 18px; font-size: 18px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #e9a514; color: #000; cursor: pointer;} .logins a:nth-of-type(2):hover {background-color: #f9b524;} .logins a:nth-of-type(2):active {box-shadow: 0px 0px 0px #363636;} #corpus.premiumscreen {} #corpus.premiumscreen article {padding: 100px 200px 100px 520px;} #corpus.premiumscreen article h2 {margin: 0 0 40px 0; line-height: 34px; font-size: 28px; font-weight: 100; color: #000;} #corpus.premiumscreen article p {line-height: 24px; font-size: 16px; font-weight: 100; color: #000;} #corpus.premiumscreen article p b {font-weight: 600;} #corpus.premiumscreen article.premium-features {padding: 80px 0; border-bottom: 1px solid #e0e2e2; text-align: center; background-color: #fff;} #corpus.premiumscreen article.premium-features .slogan {margin: 0 0 50px 0; font-size: 20px; font-weight: 100;} #corpus.premiumscreen article.premium-features .buttons {display: flex; justify-content: center;} #corpus.premiumscreen article.premium-features .buttons a {display: inline-flex; width: 260px; height: 56px; margin: 0 10px; padding: 0 10px; border: none; justify-content: center; align-items: center; line-height: 18px; font-size: 16px; font-weight: 400; box-shadow: 2px 2px 0px #363636; cursor: pointer;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(1) {background-color: #ececec; color: #000;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(1):hover {background-color: #fcfcfc;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(1):active {box-shadow: 0px 0px 0px #363636;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(2) {background-color: #00c590; color: #fff;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(2):hover {background-color: #10d5a0;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(2):active {box-shadow: 0px 0px 0px #363636;} /*#corpus.premiumscreen article.premium-features .buttons a:nth-of-type(3) {display: block; width: 280px; margin: 40px auto 0 auto; padding: 12px 0; border: none; text-align: center; line-height: 18px; font-size: 18px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #e5f6fb; color: #000; cursor: pointer;}*/ #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(3) {background-color: #e5f6fb; color: #000;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(3):hover {background-color: #fcfcfc;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(3):active {box-shadow: 0px 0px 0px #363636;} #corpus.premiumscreen article.web-guard {background: #fff url(../img/pcp-premiumscreen-web-guard.png) no-repeat 200px 50%;} #corpus.premiumscreen article.anti-phishing {background: #e5f6fb url(../img/pcp-premiumscreen-anti-phishing.png) no-repeat 200px top;} #corpus.premiumscreen article.child-locator {background: #e5f6fb url(../img/pcp-premiumscreen-child-locator.png) no-repeat 226px 50%;} #corpus.premiumscreen article.text-messages {background: #fff url(../img/pcp-premiumscreen-text-messages.png) no-repeat 276px 50%;} #corpus.premiumscreen article.reports-summary {background: #eee url(../img/pcp-premiumscreen-reports-summary.png) no-repeat 260px 50%;} /* *********** END *********** */ /* HOMESCREEN */ /* *************************** */ /* *************************** */ /* Title site */ /* ********** START ********** */ #head.titlesite {height: 280px; padding: 40px 0;} #head.titlesite .inner {position: relative; width: 1080px; height: 280px; padding: 0; background: url("../img/epc-titlesite-banner.jpg") no-repeat left top;} #head.titlesite h1 {position: absolute; left: 40px; top: 40px; width: 260px; margin: 0; line-height: 30px; text-transform: uppercase; font-size: 30px; color: #fff;} #head.titlesite h1 strong {display: block; width: 111px; height: 42px; margin-bottom: 13px; font-size: 1px; background: url("../img/eset-logo-titlesite-banner.png") no-repeat left top;} #head.titlesite h2 {position: absolute; right: 40px; top: 40px; width: 600px; margin: 0 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px solid #fff; font-size: 30px; font-weight: 400; color: #fff;} #head.titlesite p.slogan {position: absolute; right: 40px; top: 90px; width: 600px; font-size: 16px; color: #fff;} #head.titlesite a.lnk-btn {display: inline-block; margin: 0 10px 0 0; padding: 10px 20px; border: none; text-align: center; line-height: 14px; font-size: 14px; font-weight: 600; box-shadow: 2px 2px 0px #363636; background-color: #ececec; color: #363636; cursor: pointer;} #head.titlesite a.lnk-btn:active {box-shadow: 0px 0px 0px #363636;} #head.titlesite p.links {position: absolute; right: 40px; bottom: 40px; width: 600px; font-size: 16px; color: #fff;} #head.titlesite p.links .lnk-btn {display: inline-block; margin: 0 10px 0 0; padding: 10px 40px; border: none; text-align: center; line-height: 14px; font-size: 14px; font-weight: 600; box-shadow: 2px 2px 0px #363636; background-color: #ececec; color: #363636; cursor: pointer;} #head.titlesite p.links .lnk-btn:active {box-shadow: 0px 0px 0px #363636;} #head.titlesite p.links span a {font-weight: bold; color: #fff;} #head.titlesite p.download {position: absolute; left: 440px; bottom: 40px; width: 260px; font-size: 14px; color: #fff;} #head.titlesite p.download:before {position: absolute; left: -30px; top: 0px; display: block; width: 20px; height: 20px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 600; background-color: #fff; color: #0081c2; content: "1";} #head.titlesite p.add {position: absolute; left: 760px; bottom: 40px; width: 260px; font-size: 14px; color: #fff;} #head.titlesite p.add:before {position: absolute; left: -30px; top: 0px; display: block; width: 20px; height: 20px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: 600; background-color: #fff; color: #0081c2; content: "2";} #head input[type=submit] {margin-top: 35px;} #corpus.titlesite {background: none;} #corpus.titlesite article {float: left; display: block; height: 340px; background-color: #fff;} #corpus.titlesite article:nth-child(1n) {width: 340px; margin: 0 15px 40px 0;} #corpus.titlesite article:nth-child(2n) {width: 340px; margin: 0 15px 40px 15px;} #corpus.titlesite article:nth-child(3n) {width: 340px; margin: 0 0 40px 15px;} #corpus.titlesite article h2 {float: left; width: 60px; height: 50px; margin: 0; padding: 30px 0 0 0; text-align: center; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 50px; font-weight: 400; color: #0081c2;} #corpus.titlesite article h2 span:nth-of-type(1) {display: none;} #corpus.titlesite article div {float: left; width: 260px;} #corpus.titlesite article div#graph {float: none; width: 260px;} #corpus.titlesite article p {padding: 20px 0; font-size: 15px; color: #363636;} #corpus.titlesite article p a {color: #0081c2;} #corpus.titlesite article input[type="text"] {width: calc(100% - 22px);} #corpus.titlesite a.lnk-btn {display: inline-block; margin: 0 10px 0 0; padding: 10px 20px; border: none; text-align: center; line-height: 14px; font-size: 14px; font-weight: 600; box-shadow: 2px 2px 0px #363636; background-color: #ececec; color: #363636; cursor: pointer;} #corpus.titlesite a.lnk-btn:active {box-shadow: 0px 0px 0px #363636;} #marketplace {} #marketplace .inner {padding: 40px 0 0 0; border-top: 1px solid #c5c5c5;} #marketplace article {float: left; display: block; width: calc(27% - 94px); height: 60px; margin: 0 15px; padding: 0 0 0 74px; line-height: 1.4; font-size: 14.5px; color: #363636;} #marketplace article ul {list-style: inside none;} #marketplace article a {color: #3daae1;} article#help-and-support {width: calc(27% - 94px); margin: 0 15px 0 0; background: url("../img/epc-help-and-support.png") no-repeat left top;} /*article#go-explore {width: calc(36.33% - 94px); background: url("../img/epc-go-explore.png") no-repeat left top;}*/ article#go-explore {width: calc(36.33% - 94px); background: url("../img/epc-we-live-security.png") no-repeat left top;} article#eset-for-home {width: calc(36.66% - 94px); margin: 0 0 0 15px; background: url("../img/epc-eset-for-home.png") no-repeat left top;} /* *********** END *********** */ /* Title site */ /* *************************** */ /* *************************** */ /* List of profiles */ /* ********** START ********** */ #head.profileslist {height: 200px; padding: 40px 0;} #head.profileslist .inner {width: 1000px; height: 120px; padding: 40px; background-color: #2a9ad2;} #head.profileslist .inner h1 {position: relative; margin-bottom: 40px; font-size: 2.5rem; font-weight: 400; color: #fff;} #head.profileslist p.slogan {display: block; padding: 10px 0; border-top: 1px solid #69b8e0; font-size: 1.1rem; font-weight: 400; color: #fff;} /*#head.profileslist {height: 280px; padding: 40px 0;} #head.profileslist .inner {position: relative; width: 1080px; height: 280px; padding: 0; background: url("../img/epc-titlesite-banner.jpg") no-repeat left top;} #head.profileslist h1 {position: absolute; left: 40px; top: 40px; width: 260px; margin: 0; line-height: 30px; text-transform: uppercase; font-size: 30px; color: #fff;} #head.profileslist h1 strong {display: block; width: 111px; height: 42px; margin-bottom: 13px; font-size: 1px; background: url("../img/eset-logo-titlesite-banner.png") no-repeat left top;} #head.profileslist h2 {position: absolute; right: 40px; top: 40px; width: 500px; margin: 0 0 10px 0; padding: 0 0 15px 0; border-bottom: 1px solid #fff; font-size: 30px; font-weight: 400; color: #fff;} #head.profileslist p.slogan {position: absolute; right: 40px; top: 90px; width: 500px; font-size: 16px; color: #fff;}*/ article.profile {position: relative; z-index: 1; float: left; display: block; width: 322px; height: 288px; margin: 0 42px 20px 0; border-left: 10px solid #fff; background-color: #f4f4f4;} /*article.profile:before {position: absolute; left: 0; top: 0; z-index: 2; width: 322px; height: 214px; background: -webkit-radial-gradient(#e6e9ea, #555f61); background: -o-radial-gradient(#e6e9ea, #555f61); background: -moz-radial-gradient(#e6e9ea, #555f61); background: radial-gradient(#e6e9ea, #555f61); content: "";} article.profile:hover:before {position: absolute; left: 0; top: 0; z-index: 2; width: 322px; height: 214px; background: -webkit-radial-gradient(#d6d9da, #454f51); background: -o-radial-gradient(#d6d9da, #454f51); background: -moz-radial-gradient(#d6d9da, #454f51); background: radial-gradient(#d6d9da, #454f51); content: "";}*/ article.profile:hover {background-color: #fff;} article.profile.disable:after {position: absolute; left: -10px; right: 0; top: 0; bottom: 0; z-index: 1; display: block; text-indent: -99999px; background-color: #eee; opacity: 0.5;} article.profile:nth-child(3n) {margin-right: 0;} article.profile-new:nth-child(3n) {margin-right: 0;} article.profile.ok {border-left: 10px solid #8dc640;} article.profile.warning {border-left: 10px solid #fbbf01;} article.profile.alert {border-left: 10px solid #e04239;} article.profile.info {border-left: 10px solid #69b8e0;} article.profile h2 {position: absolute; left: 0; top: 164px; z-index: 3; width: 322px; height: 18px; margin: 0; padding: 16px 0; text-align: center; word-break: break-all; font-size: 18px; font-weight: 400; /*text-shadow: 2px 2px 0px #363636;*/ color: #363636;} article.profile img {position: absolute; left: 88px; top: 16px; z-index: 4; display: block; width: 140px; height: 140px; margin: 0 auto; padding: 2px; border-radius: 144px; background-color: #fff;} article.profile.ok img {border: 2px solid #8dc640;} article.profile.warning img {border: 2px solid #fbbf01;} article.profile.alert img {border: 2px solid #e04239;} article.profile.info img {border: 2px solid #69b8e0;} /*article.profile p.status {position: absolute; bottom: 0; display: block; width: 230px; height: 34px; padding: 18px 20px 20px 72px; border-top: 1px solid #e0e0e0; background-color: #fff;}*/ article.profile div.wrapper-status {position: absolute; bottom: 0; display: table; width: 322px; height: 72px; padding: 0; border-top: 1px solid #e0e0e0; background-color: #fff;} article.profile div.wrapper-status p.status {display: table-cell; height: 72px; padding-left: 72px; padding-right: 20px; vertical-align: middle;} article.profile.alert div.wrapper-status p.status {vertical-align: middle;} article.profile.ok p.status:before {position: absolute; left: 20px; top: 20px; display: block; width: 32px; height: 32px; background: url("../img/epc-icons-32px.png") no-repeat 0px top; content: "";} article.profile.warning p.status:before {position: absolute; left: 20px; top: 22px; display: block; width: 32px; height: 32px; background: url("../img/epc-icons-32px.png") no-repeat -32px top; content: "";} article.profile.alert p.status:before {position: absolute; left: 20px; top: 24px; display: block; width: 32px; height: 32px; background: url("../img/epc-icons-32px.png") no-repeat -64px top; content: "";} article.profile.info p.status:before {position: absolute; left: 15px; top: 21px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #009bd5; border-radius: 36px; background-color: #fff; content: "";} article.profile.info p.status:after {position: absolute; left: 20px; top: 22px; z-index: 2; display: block; width: 32px; height: 32px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -75px 5px; content: "";} article.profile p.status .title {display: block; margin: 0 0 3px 0; line-height: 18px; font-size: 16px; font-weight: 600; color: #363636;} /*article.profile p.status .title.empty {margin: 15px 0 2px 0;}*/ article.profile p.status .substatus {display: inline-block; font-size: 14px; font-weight: normal; color: #969696;} article.profile p.status .substatus span {display: inline-block; width: 22px; height: 22px; border-radius: 22px; text-align: center; line-height: 22px; font-size: 11px; font-weight: bold; color: #fff;} article.profile.ok p.status .substatus span {background-color: #8dc640;} article.profile.warning p.status .substatus span {background-color: #fbbf01;} article.profile.alert p.status .substatus span {background-color: #e04239;} article.profile.info p.status .substatus span {background-color: #69b8e0;} article.profile a.detail {position: absolute; left: -10px; right: 0; top: 0; bottom: 0; z-index: 5; display: block; width: 332px; height: 288px; text-indent: -99999px; background-color: #fff; opacity: 0;} article.profile-new {position: relative; float: left; display: block; width: 332px; height: 288px; margin: 0 42px 20px 0; border: none; text-align: center; background: none; background-color: #f4f4f4;} article.profile-new:hover {background-color: #fff;} article.profile-new h2 {position: absolute; top: 110px; width: 252px; margin: 0; padding: 0 40px; text-align: center; line-height: 2.2rem; font-size: 2rem; font-weight: 600; color: #0081c2;} article.profile-new #add-profile {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; text-indent: -99999px;} article.profile-new #add-profile:before {position: absolute; left: calc(50% - 30px); top: 20px; display: block; width: 60px; height: 60px; border-radius: 60px; background-color: #0081c2; content: "";} article.profile-new #add-profile:after {position: absolute; left: calc(50% - 15px); top: 35px; display: block; width: 30px; height: 27px; padding: 3px 0 0 0; border-radius: 60px; text-indent: 0; font-size: 2rem; background-color: #fff; color: #0081c2; content: "+";} article.profile-new p {position: absolute; bottom: 20px; display: block; width: 292px; height: 32px; padding: 20px; line-height: 1.30rem; font-size: 1.10rem; color: #333;} /* responsive redesign */ article.profile {width: calc(33.33% - 24px); margin: 0 20px 20px 0;} article.profile-new {width: calc(33.33% - 14px); margin: 0 20px 20px 0;} article.profile:nth-child(3n) {margin-right: 0;} article.profile:before {width: calc(33.33% - 24px);} article.profile:hover:before {width: calc(33.33% - 24px);} article.profile h2 {width: 100%;} article.profile img {left: calc(50% - 72px);} article.profile div.wrapper-status {width: 100%;} article.profile div.wrapper-status p.status {} article.profile a.detail {width: 100%;} article.profile-new h2 {width: calc(100% - 40px); padding: 0 20px;} article.profile-new p {width: calc(100% - 40px);} /* *********** END *********** */ /* List of profiles */ /* *************************** */ /* *************************** */ /* Create profile */ /* ********** START ********** */ .form {padding: 20px; background-color: #fff;} .form p {margin: 0 0 20px 0;} #profile input[type="text"]#Name {float: left;} #nameError.error {width: 228px; margin: 0 0 0 200px; font-size: 13px;} /* *********** END *********** */ /* Create profile */ /* *************************** */ /* *************************** */ /* Profile detail header */ /* ********** START ********** */ #head.profile-detail-header {height: 220px;} #head.profile-detail-header.ok {} #head.profile-detail-header.warning {} #head.profile-detail-header.alert {} #head.profile-detail-header article {position: relative; display: block; width: 1080px; height: 80px; margin: 0; background: none;} #head.profile-detail-header.ok article {} #head.profile-detail-header.warning article {} #head.profile-detail-header.alert article {} #head.profile-detail-header article h2 {position: absolute; left: 212px; top: 40px; max-width: 400px; height: 28px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 24px; font-weight: 400; color: #363636;} #head.profile-detail-header article a {position: absolute; left: 20px; top: 0; width: 148px; height: 148px;} #head.profile-detail-header article a img {position: absolute; left: 0; top: 0; width: 140px; height: 140px; padding: 2px; border-radius: 144px; background-color: #f6f5f4;} #head.profile-detail-header.ok article a img {border: 2px solid #8dc640;} #head.profile-detail-header.warning article a img {border: 2px solid #fbbf01;} #head.profile-detail-header.alert article a img {border: 2px solid #e04239;} #head.profile-detail-header.info article a img {border: 2px solid #009bd5;} #head.profile-detail-header p.status {position: absolute; left: 212px; top: 70px; font-size: 20px; font-weight: 400; color: #363636;} #head.profile-detail-header.ok p.status:before {position: absolute; left: -80px; top: 42px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #8dc640; border-radius: 36px; background-color: #fff; content: "";} #head.profile-detail-header.ok p.status:after {position: absolute; left: -74px; top: 48px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat 0px top; content: "";} #head.profile-detail-header.warning p.status:before {position: absolute; left: -80px; top: 42px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #fbbf01; border-radius: 36px; background-color: #fff; content: "";} #head.profile-detail-header.warning p.status:after {position: absolute; left: -74px; top: 48px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -25px top; content: "";} #head.profile-detail-header.alert p.status:before {position: absolute; left: -80px; top: 42px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #e04239; border-radius: 36px; background-color: #fff; content: "";} #head.profile-detail-header.alert p.status:after {position: absolute; left: -74px; top: 48px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";} #head.profile-detail-header.info p.status:before {position: absolute; left: -80px; top: 42px; z-index: 1; display: block; width: 35px; height: 35px; border: 1px solid #009bd5; border-radius: 36px; background-color: #fff; content: "";} #head.profile-detail-header.info p.status:after {position: absolute; left: -75px; top: 48px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -75px top; content: "";} /*#head.profile-detail-header.info p.status:before {position: absolute; left: -42px; top: -6px; display: block; width: 32px; height: 32px; background: url("../img/epc-icons-32px.png") no-repeat -96px top; content: "";}*/ #head.profile-detail-header p.status .title {display: block; font-weight: 600; color: #363636;} #head.profile-detail-header p.status .substatus {position: relative; display: block; line-height: 24px; font-size: 16px; font-weight: 400; color: #363636;} #head.profile-detail-header p.status .substatus span {position: relative; display: inline-block; width: 22px; height: 22px; border-radius: 22px; text-align: center; line-height: 22px; font-size: 11px; font-weight: bold; color: #fff;} #head.profile-detail-header.ok p.status .substatus span {background-color: #8dc640;} #head.profile-detail-header.warning p.status .substatus span {background-color: #fbbf01;} #head.profile-detail-header.alert p.status .substatus span {background-color: #e04239;} #head.profile-detail-header.info p.status .substatus span {background-color: #69b8e0;} #head.profile-detail-header #link-profile-home-source {display: none;} #head.profile-detail-header p.status .substatus span #link-profile-home {position: absolute; left: 0; top: 0; z-index: 99999; display: block; width: 22px; height: 22px; text-indent: -99999px;} /*#head.profile-detail-header article span.status {position: absolute; left: 212px; top: 60px; font-size: 15px; font-weight: 400; color: #363636;} #head.profile-detail-header.ok article span.status {} #head.profile-detail-header.ok article span.status:before {position: absolute; left: -24px; top: 0; display: block; width: 16px; height: 16px; background: url("../img/epc-icons-16px.png") no-repeat 0px top; content: "";} #head.profile-detail-header.warning article span.status {} #head.profile-detail-header.warning article span.status:before {position: absolute; left: -24px; top: 0; display: block; width: 16px; height: 16px; background: url("../img/epc-icons-16px.png") no-repeat -63px top; content: "";} #head.profile-detail-header.alert article span.status {} #head.profile-detail-header.alert article span.status:before {position: absolute; left: -24px; top: 0; display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 20px solid #e04239; text-align: center; font-size: 0.8rem; font-weight: bold; color: #fff; content: "!";} #head.profile-detail-header article span.substatus {position: absolute; left: 140px; top: 80px; font-size: 15px; color: #363636;} #head.profile-detail-header article span.substatus span {display: inline-block; width: 1rem; height: 1rem; border-radius: 1rem; text-align: center; font-size: 0.8rem; background-color: #e04239;}*/ /*#jscontrol-responsive-nav-profile {position: absolute; left: 10px; top: 0px; z-index: 10000; display: none; width: 300px; height: 24px; line-height: 24px; margin: 0; padding: 0; text-transform: uppercase; text-decoration: none; font-size: 24px; font-weight: 400; color: #363636; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #jscontrol-responsive-nav-profile div {position: relative; float: left; display: block; width: 24px; height: 17px; margin: 5px 10px 0 0; background-color: #363636;} #jscontrol-responsive-nav-profile div:after {position: absolute; left: 0; top: 3px; display: block; width: 24px; height: 3px; border-top: 4px solid #e3e3e3; border-bottom: 4px solid #e3e3e3; background-color: #363636; content: "";} #jscontrol-responsive-nav-profile.active {color: #fff;} #jscontrol-responsive-nav-profile.active div {background-color: #fff;} #jscontrol-responsive-nav-profile.active div:after {border-top: 4px solid #363636; border-bottom: 4px solid #363636; background-color: #fff;}*/ #jscontrol-responsive-nav-profile {position: absolute; right: 0; top: 0; z-index: 10000; display: none; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer;} #jscontrol-responsive-nav-profile:after {position: absolute; left: calc(50% - 10px); top: 8px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #969696; content: "";} #jscontrol-responsive-wrapper-nav-profile {position: absolute; left: 0px; right: 0px; top: -80px; z-index: 9999; display: none; height: auto; background-color: #363636;} #rsp-list-profiles {position: absolute; left: 0; top: 0; z-index: 999999; display: none;} #rsp-list-profiles .icon {position: relative; float: left; display: block; width: 25px; border-radius: 25px; text-indent: -99999px; background-color: #575756;} #rsp-list-profiles .icon:before {position: absolute; left: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #rsp-list-profiles .icon:after {position: absolute; right: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #rsp-list-profiles .icon span {display: block; width: 25px; height: 25px; margin: 0; padding: 0;} #rsp-list-profiles .icon span:before {position: absolute; left: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #rsp-list-profiles .icon span:after {position: absolute; right: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} /* *********** END *********** */ /* Profile detail header */ /* *************************** */ /* *************************** */ /* Three steps */ /* ********** START ********** */ .three-steps article {float: left; display: block; height: 340px; background-color: #fff;} .three-steps article:nth-child(1n) {width: 340px; margin: 0 15px 40px 0;} .three-steps article:nth-child(2n) {width: 340px; margin: 0 15px 40px 15px;} .three-steps article:nth-child(3n) {width: 340px; margin: 0 0 40px 15px;} .three-steps article h2 {float: left; width: 60px; height: 50px; margin: 0; padding: 30px 0 0 0; text-align: center; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 50px; font-weight: 400; color: #0081c2;} .three-steps article h2 span:nth-of-type(1) {display: none;} .three-steps article div {float: left; width: 260px;} .three-steps article div#graph {float: none; width: 260px;} .three-steps article p {padding: 20px 0; font-size: 15px; color: #363636;} .three-steps article p a {color: #0081c2;} .three-steps article input[type="text"] {width: calc(100% - 22px);} .three-steps a.lnk-btn {display: inline-block; margin: 0 10px 0 0; padding: 10px 20px; border: none; text-align: center; line-height: 14px; font-size: 14px; font-weight: 600; box-shadow: 2px 2px 0px #363636; background-color: #ececec; color: #363636; cursor: pointer;} .three-steps a.lnk-btn:active {box-shadow: 0px 0px 0px #363636;} #threesteps {max-width: 1000px; padding: 0 40px; background-color: #fff;} #threesteps div p {line-height: 20px; font-size: 14px; color: #000;} #threesteps .heading {padding: 60px 0; border-bottom: 1px solid #e5e5e5; text-align: center;} #threesteps .heading h2 {line-height: 42px; font-size: 20px; color: #000;} #threesteps .heading p {line-height: 26px; font-size: 16px; color: #797979;} #threesteps .step-one {position: relative; float: left; width: 226px; margin: 70px 0 0 0; padding: 0 0 0 80px; background: url("../img/epc-step-one.png") no-repeat left top;} #threesteps.no-profile .step-one {background: none;} #threesteps.no-profile .step-one:before {position: absolute; left: 0; top: 18px; display: block; text-indent: 0; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 70px; color: #00c590; content: "1";} #threesteps .step-one .google-play {display: block; width: 170px; height: 58px; margin: 0; padding: 0; text-indent: -99999px; background: url("../img/epc-google-play.png") no-repeat left top;} #threesteps .step-one .btn {float: none; box-sizing: border-box; height: auto; min-height: 32px; padding: 16px 20px; line-height: 16px; text-align: center; background-color: #ececec; color: #000;} #threesteps .step-one .btn:hover {background-color: #fcfcfc;} #threesteps .step-one input[type="text"], #threesteps .step-one input[type="datetime"] {width: calc(100% - 20px);} #threesteps .step-two {position: relative; float: left; width: 226px; margin: 70px 0 0 40px; padding: 0 0 0 80px; background: url("../img/epc-step-two.png") no-repeat left top;} #threesteps.no-profile .step-two {background: none;} #threesteps.no-profile .step-two:before {position: absolute; left: 0; top: 18px; display: block; text-indent: 0; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 70px; color: #00c590; content: "2";} #threesteps .step-two a {color: #036292;} #threesteps .step-two a:hover {text-decoration: underline;} #threesteps .step-two .btn {float: none; padding: 5px 0; text-align: center; background-color: #0090d5; color: #fff;} #threesteps .step-two .btn:hover {text-decoration: none; background-color: #10a0e5;} #threesteps .step-three {position: relative; float: left; width: 226px; margin: 70px 0 0 40px; padding: 0 0 0 80px; background: url("../img/epc-step-three.png") no-repeat left top;} #threesteps.no-profile .step-three {background: none;} #threesteps.no-profile .step-three:before {position: absolute; left: 0; top: 18px; display: block; text-indent: 0; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 70px; color: #00c590; content: "3";} #threesteps .step-three .link {font-weight: bold; color: #363636;} /* *********** END *********** */ /* three steps */ /* *************************** */ /* *************************** */ /* STATUS */ /* ********** START ********** */ article.statuses {margin: 0 0 20px 0;} article.statuses.alerts .articleHeadingTwo {background-color: #fbbf01;} article.statuses.alerts .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -154px -75px; content: "";} article.statuses.requests .articleHeadingTwo {background-color: #0090d5;} article.statuses.requests .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -196px -75px; content: "";} article.statuses.tips .articleHeadingTwo {background-color: #0090d5;} article.statuses.tips .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -249px -75px; content: "";} #tips .age-change-ag td:nth-of-type(1) span {display: block; width: 40px; height: 40px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1062px -172px;} #tips .age-change-wg td:nth-of-type(1) span {display: block; width: 40px; height: 40px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1062px -172px/*-4px -172px*/;} #tips .allow-whole-category td:nth-of-type(1) span {display: block; width: 40px; height: 40px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -867px -172px;} #tips .ag-disabled td:nth-of-type(1) span {display: block; width: 40px; height: 40px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -52px -172px;} #tips .wg-disabled td:nth-of-type(1) span {display: block; width: 40px; height: 40px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -4px -172px;} time {display: block;} article.statuses table tr td {padding: 0 20px 0 0; color: #969696;} article.statuses table tr td:first-of-type {padding: 20px 20px 0 20px; vertical-align: top;} /*article.statuses table tr td:nth-of-type(2) {word-break: break-all;}*/ article.statuses table tr.jscontrol-more-info td:first-of-type {vertical-align: middle;} article.statuses table tr td * {line-height: 21px;} /*article.statuses table tr td span {display: block;}*/ article.statuses table tr td b {font-weight: 600; color: #363636;} article.statuses table tr td a {color: #036292;} article.statuses table tr td a:hover {text-decoration: underline;} article.statuses table tr td time {margin: 5px 0 0 0;} .jscontrol-table-rows-toggle {display: block; width: calc(100% - 86px); margin: 0; padding: 20px 20px 20px 66px; font-size: 14px; background-color: #f4f4f4; color: #969696; cursor: pointer;} .alert-frequent-visits {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -488px -176px;} .alert-multiple-access {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -536px -176px;} .alert-new-applications {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -680px -176px;} .alert-new-version-app {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -728px -176px;} .alert-not-optimally-configured {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -776px -176px;} .alert-daily-limit {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1016px -176px;} .alert-no-device-activity {display: block; width: 34px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -631px -180px;} .request-allow-access {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1062px -176px;} .request-unlock-application {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1062px -176px;} .request-add-time {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1016px -176px;} /*.request-cancel-time {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -1016px -176px;}*/ .request-cancel-time {display: block; width: 32px; height: 32px; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -824px -176px;} .link-remove {position: relative; float: right; width: 16px; height: 21px; text-indent: -99999px; font-size: 14px; cursor: pointer;} .link-remove:before {position: absolute; left: -2px; top: -4px; display: block; text-indent: 0; font-size: 40px; color: #969696; /*transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);*/ content: "×";} .link-view-full-report {font-size: 14px; color: #036292; cursor:pointer;} .link-more-info {font-size: 14px; color: #036292; cursor:pointer;} .link-allow {font-size: 14px; color: #036292; cursor:pointer;} .link-unlock {font-size: 14px; color: #036292; cursor:pointer;} .link-plus-hour {font-size: 14px; color: #036292; cursor:pointer;} .link-minus-hour {font-size: 14px; color: #036292; cursor:pointer;} .link-turn-on {font-size: 14px; color: #036292; cursor:pointer;} .select-add-minutes {vertical-align: middle;} .select-add-minutes div {float: left;} .select-add-minutes select {float: right; margin: 12px 0 0 20px;} .select-cancel-until {vertical-align: middle;} .select-cancel-until div {float: left; max-width: calc(100% - 300px);} .select-cancel-until select {float: right; margin: 12px 0 0 20px;} .message.alert {margin: 0 0 20px 0; padding: 20px; border-bottom: 2px solid #e3e3e3; background-color: #d03930; color: #fff;} .message.alert h2 {position: relative; margin: 0 0 20px 0; padding: 10px 20px 10px 60px; line-height: 30px; font-size: 27px; font-weight: 400; color: #fff;} .message.alert h2:before {position: absolute; left: 0; top: 10px; display: block; width: 37px; height: 34px; background: url(../img/epc-icons-37x34.png) no-repeat 0px top; content: "";} .message.alert p {padding: 0 0 0 60px; line-height: 21px; color: #fff;} .message.alert p.wrapper-button {text-align: right;} #webguard {float: left; display: block; width: calc(50% - 20px); margin: 0 0 20px 0;} #webguard .top {position: relative; height: 280px; padding: 20px 0 40px 0; border-bottom: 2px solid #e3e3e3; background-color: #007279; color: #fff;} #webguard h2 {position: relative; height: 54px; margin: 0; padding: 20px 20px 20px 80px; line-height: 27px; font-size: 27px; font-weight: 400; color: #fff;} #webguard h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -3px -75px; content: "";} #webguard ul {margin: 10px 20px 20px 80px;} #webguard ul li {line-height: 1.6rem; list-style-position: outside; font-size: 0.95rem;} #webguard .link-change {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #30a2a9; text-align: right; color: #fff;} #webguard .link-change span {position: relative; padding: 0 0 0 26px;} #webguard .link-change span:before {position: absolute; left: 0; top: 5px; display: block; width: 12px; height: 12px; background: url("../img/epc-icon-pencil-12x12.png") no-repeat left top; content: "";} #webguard .link-change:hover span {text-decoration: underline;} #webguard .bottom {position: relative; height: 320px; border-top: 8px solid #f4f4f4; background-color: #fff; color: #363636;} #webguard h3 {position: relative; margin: 0; padding: 20px 20px 20px 20px; line-height: 28px; font-size: 19px; font-weight: 400; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #363636;} /*#webguard h3:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -578px -122px; content: "";}*/ #webguard .graph {float: none; width: calc(100% - 40px); height: auto; margin: 20px;} #webguard .graph.nodata {width: calc(100% - 210px); height: auto; min-height: 130px; padding: 60px 0 0 170px; background: url(../img/pcp-icon-graph-nodata.png) no-repeat 15px 10px;} #webguard .bottom ul {float: left; margin: 20px 0 40px 40px;} #webguard .bottom ul li {width: 260px; line-height: 1.5rem; list-style-position: inside; font-size: 15px;} #webguard .bottom ul li.social-networks {color: #6aa842;} #webguard .bottom ul li.news {color: #dc911b;} #webguard .bottom ul li.politics {color: #80217e;} #webguard .bottom ul li.education {color: #322b80;} #webguard .bottom ul li.other {color: #c40050;} #webguard .view-full-report {position: absolute; left: 20px; right: 20px; bottom: 0; z-index: 1; display: block; padding: 10px 0; border-top: 1px solid #dfdfdf; text-align: right; color: #969696;} #webguard .view-full-report span {position: relative; padding: 0 0 0 26px;} #webguard .view-full-report span:before {position: absolute; left: 0; top: 8px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat left top; content: "";} #webguard .view-full-report:hover span {text-decoration: underline;} #webguard .bottom .total {position: absolute; left: 20px; bottom: 10px; color: #969696;} #webguard.turnoff {} #webguard.turnoff .top {background-color: #d3d3d3; color: #969696;} #webguard.turnoff h2 {color: #969696;} #webguard.turnoff h2:before {background: url(../img/epc-icons.png) no-repeat -3px -171px;} #webguard.turnoff ul {} #webguard.turnoff ul li {} #webguard.turnoff .link-button, #webguard.turnoff .btn {float: left; margin: 0 0 0 80px;} #webguard.turnoff .link-change {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #969696; text-align: right; color: #969696;} #webguard.turnoff .link-change span:before {position: absolute; left: 0; top: 5px; display: block; width: 12px; height: 12px; background: url("../img/epc-icon-pencil-12x12.png") no-repeat -12px top; content: "";} #webguard.turnoff .link-change:hover span {text-decoration: none;} /*#webguard.turnoff .link-turnon {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #a4a4a4; text-align: right; color: #77bb1a;}*/ #webguard.turnoff .bottom {} #webguard.turnoff h3 {color: #d3d3d3;} #webguard.turnoff h3:before {background: url(../img/epc-icons.png) no-repeat -578px -171px;} #webguard.turnoff .graph {} #webguard.turnoff .bottom ul {} #webguard.turnoff .bottom ul li {} #webguard.turnoff .bottom ul li.social-networks {color: #d3d3d3;} #webguard.turnoff .bottom ul li.news {color: #d3d3d3;} #webguard.turnoff .bottom ul li.politics {color: #d3d3d3;} #webguard.turnoff .bottom ul li.education {color: #d3d3d3;} #webguard.turnoff .bottom ul li.other {color: #d3d3d3;} #webguard.turnoff .view-full-report {cursor: pointer;} #appguard {float: left; display: block; width: calc(50% - 20px); margin: 0 0 20px 40px;} #appguard .top {position: relative; height: 280px; padding: 20px 0 40px 0; border-bottom: 2px solid #e3e3e3; background-color: #00bbc5; color: #fff;} #appguard h2 {position: relative; height: 54px; margin: 0; padding: 20px 20px 20px 80px; line-height: 27px; font-size: 27px; font-weight: 400; color: #fff;} #appguard h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -52px -75px; content: "";} #appguard ul {margin: 10px 20px 20px 80px;} #appguard ul li {line-height: 1.6rem; list-style-position: outside; font-size: 0.95rem;} #appguard .link-change {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #30ebf5; text-align: right; color: #fff;} #appguard .link-change span {position: relative; padding: 0 0 0 26px;} #appguard .link-change span:before {position: absolute; left: 0; top: 5px; display: block; width: 12px; height: 12px; background: url("../img/epc-icon-pencil-12x12.png") no-repeat left top; content: "";} #appguard .link-change:hover span {text-decoration: underline;} #appguard .bottom {position: relative; height: 320px; border-top: 8px solid #f4f4f4; background-color: #fff; color: #363636;} #appguard h3 {position: relative; margin: 0; padding: 20px; line-height: 28px; font-size: 19px; font-weight: 400; color: #363636;} /*#appguard h3:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -578px -122px; content: "";}*/ #appguard .graph {float: none; width: calc(100% - 40px); height: auto; margin: 20px;} #appguard .graph.nodata {width: calc(100% - 210px); height: auto; min-height: 130px; padding: 60px 0 0 170px; background: url(../img/pcp-icon-graph-nodata.png) no-repeat 15px 10px;} #appguard .bottom ul {float: left; margin: 20px 0 40px 40px;} #appguard .bottom ul li {width: 260px; line-height: 1.5rem; list-style-position: inside; font-size: 15px;} #appguard .bottom ul li.social-networks {color: #6aa842;} #appguard .bottom ul li.news {color: #dc911b;} #appguard .bottom ul li.politics {color: #80217e;} #appguard .bottom ul li.education {color: #322b80;} #appguard .bottom ul li.other {color: #c40050;} #appguard .view-full-report {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #dfdfdf; text-align: right; color: #969696;} #appguard .view-full-report span {position: relative; padding: 0 0 0 26px;} #appguard .view-full-report span:before {position: absolute; left: 0; top: 8px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat left top; content: "";} #appguard .view-full-report:hover span {text-decoration: underline;} #appguard .bottom .total {position: absolute; left: 20px; bottom: 10px; color: #969696;} #appguard.turnoff {} #appguard.turnoff .top {background-color: #d3d3d3; color: #969696;} #appguard.turnoff h2 {color: #969696;} #appguard.turnoff h2:before {background: url(../img/epc-icons.png) no-repeat -52px -171px;} #appguard.turnoff ul {} #appguard.turnoff ul li {} #appguard.turnoff .link-button, #appguard.turnoff .btn {float: left; margin: 0 0 0 80px;} #appguard.turnoff .link-change {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #969696; text-align: right; color: #969696;} #appguard.turnoff .link-change span:before {position: absolute; left: 0; top: 5px; display: block; width: 12px; height: 12px; background: url("../img/epc-icon-pencil-12x12.png") no-repeat -12px top; content: "";} #appguard.turnoff .link-change:hover span {text-decoration: none;} /*#appguard.turnoff .link-turnon {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #a4a4a4; text-align: right; color: #77bb1a;}*/ #appguard.turnoff .bottom {} #appguard.turnoff h3 {color: #d3d3d3;} #appguard.turnoff h3:before {background: url(../img/epc-icons.png) no-repeat -578px -171px;} #appguard.turnoff .graph {} #appguard.turnoff .bottom ul {} #appguard.turnoff .bottom ul li {} #appguard.turnoff .bottom ul li.social-networks {color: #d3d3d3;} #appguard.turnoff .bottom ul li.news {color: #d3d3d3;} #appguard.turnoff .bottom ul li.politics {color: #d3d3d3;} #appguard.turnoff .bottom ul li.education {color: #d3d3d3;} #appguard.turnoff .bottom ul li.other {color: #d3d3d3;} #appguard.turnoff .view-full-report {cursor: pointer;} /*#appguard {position: relative; float: left; display: block; width: 520px; margin: 0 0 20px 40px;} #appguard .top {position: relative; height: 220px; padding: 20px 0 0 0; border-bottom: 2px solid #e3e3e3; background-color: #42a88a; color: #fff;} #appguard.turnoff .top {background-color: #d3d3d3; color: #969696;} #appguard h2 {position: relative; margin: 0; padding: 20px 20px 20px 80px; font-size: 1.7rem; font-weight: 400;} #appguard h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";} #appguard.turnoff h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -200px top; content: "";} #appguard ul {margin: 10px 0 0 80px;} #appguard ul li {line-height: 1.6rem; list-style-position: inside; font-size: 0.95rem;} #appguard .link-change {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #7bc2ad; text-align: right; color: #fff;} #appguard .link-turnon {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #a4a4a4; text-align: right; color: #77bb1a;} #appguard.turnoff .bottom {position: relative; height: 320px; border-top: 8px solid #f4f4f4; background-color: #fff; color: #363636;} #appguard.turnoff .bottom h3 {position: relative; margin: 0; padding: 20px 20px 20px 80px; font-size: 1.5rem; font-weight: 400; color: #d3d3d3;} #appguard.turnoff .bottom h3:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -280px top; content: "";} #appguard.turnoff .bottom .graph {float: left; width: 130px; height: 130px; margin: 20px 0 0 80px; border-radius: 130px; background-color: #d3d3d3;} #appguard.turnoff .bottom ul {float: left; margin: 20px 0 40px 40px;} #appguard.turnoff .bottom ul li {width: 260px; line-height: 1.5rem; list-style-position: inside; font-size: 15px;} #appguard.turnoff .bottom ul li.app-1 {color: #d3d3d3;} #appguard.turnoff .bottom ul li.app-2 {color: #d3d3d3;} #appguard.turnoff .bottom ul li.app-3 {color: #d3d3d3;} #appguard.turnoff .bottom ul li.app-4 {color: #d3d3d3;} #appguard.turnoff .bottom ul li.other {color: #d3d3d3;} #appguard.turnoff .bottom .view-full-report {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #dfdfdf; text-align: right; color: #969696;} #appguard .view-full-report {position: absolute; left: 20px; right: 20px; bottom: 0; display: block; padding: 10px 0; border-top: 1px solid #dfdfdf; text-align: right; color: #969696;} */ #geo-location {position: relative; float: left; display: block; width: calc(50% - 20px); margin: 0 0 20px 40px;} /*#geo-location h2 {position: relative; height: 52px; padding: 20px 20px 20px 80px; border-bottom: 2px solid #e3e3e3; line-height: 52px; font-size: 1.7rem; font-weight: 400; background-color: #4288a8; color: #fff;}*/ #geo-location .articleHeadingTwo {background-color: #00c590;} #geo-location .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -100px -75px; content: "";} #devices-list {position: relative; z-index: 10; display: none;} #devices-list h3 {position: absolute; right: 20px; top: 14px; z-index: 1; display: block; width: 40%; height: 32px; line-height: 32px; padding: 0 30px 0 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; font-size: 14.5px; font-weight: 400; box-shadow: 2px 2px 0px #363636; background-color: #e9a514; color: #363636; cursor: pointer;} #devices-list h3:hover {background-color: #f9b524;} #devices-list h3:after {position: absolute; right: 10px; top: 14px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #363636; content: "";} #devices-list ul {position: absolute; z-index: 99999; right: 20px; top: 48px; display: none; width: 320px; max-height: 219px; overflow-y: auto; box-shadow: 2px 2px 0px #363636;} #devices-list ul li {position: relative; height: 32px; padding: 18px 20px 20px 82px; border-top: 1px solid #969696; cursor: pointer;} #devices-list ul li:nth-child(odd) {background-color: #fff;} #devices-list ul li:nth-child(even) {background-color: #ececec;} #devices-list ul li#all-devices {height: 20px;} #devices-list ul li#all-devices:after {position: absolute; left: 36px; top: 14px; display: block; width: 32px; height: 32px; background: url(../img/epc-icons.png) no-repeat -776px -176px; content: "";} #devices-list ul li.phone:after {position: absolute; left: 32px; top: 20px; display: block; width: 32px; height: 32px; background: url(../img/epc-icons.png) no-repeat -1155px -176px; content: "";} #devices-list ul li.tablet:after {position: absolute; left: 33px; top: 22px; display: block; width: 40px; height: 30px; background: url(../img/epc-icons.png) no-repeat -1204px -178px; content: "";} #devices-list ul li.online:before {position: absolute; left: 10px; top: 30px; display: block; width: 12px; height: 12px; border-radius: 12px; background-color: #6aa842; content: "";} #devices-list ul li.offline:before {position: absolute; left: 10px; top: 30px; display: block; width: 12px; height: 12px; border-radius: 12px; background-color: #969696; content: "";} #devices-list ul li.locating:before {position: absolute; left: 10px; top: 30px; display: block; width: 12px; height: 12px; border-radius: 12px; background: url(../img/preloader-horizontal.gif) no-repeat left top; content: "";} #devices-list ul li span {display: block; line-height: 18px; color: #969696;} #devices-list ul li span:first-of-type {width: 152px; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: #363636;} #devices-list ul li span.search-result {line-height: 16px; font-size: 13px;} #daily-report-body {background: white; margin-bottom: 20px; padding-bottom: 20px;} #daily-report-header {background: #00bbc5; padding: 12px 20px 12px 80px; border-bottom: 4px solid #e3e3e3; position: relative;} #daily-report-header::before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/reports-dashboard.png); content: "";} #daily-report-header h2 {line-height: 34px; font-size: 28px; font-weight: 400; color: #fff; min-height: 34px; display: inline-block;} #daily-report-date {float: right; display: none; width: 290px;} #daily-report-date span:nth-child(1) {color: white; font-size: 130%; line-height: 1.7; padding: 0 35px; } #daily-report-date span:nth-child(2) {background: url(../img/bg-nav-myeset-home-white.png) no-repeat; margin: 0 35px 0px 25px; cursor: pointer; padding: 0 6px;} #daily-report-date span:nth-child(3) {background: url(../img/bg-nav-myeset-home-white-r.png) no-repeat; background-position-x: right; margin: 0 20px 0px 25px; padding: 0 12px; cursor: pointer;} #daily-report-heat-wrapper {height: 260px;} #daily-report-heat {height: 230px;} #daily-report-heat-no-data {height: 230px; width: 100%; float: left; background:url(../img/pcp-icon-graph-no-data.png) no-repeat 10px #fff; background-size: 130px; display: none;} #daily-report-heat-no-data h1 {position: absolute; font-size: 18px; color: gray; padding-left: 25px; padding-top: 30px; font-weight: 400; left: 0;} #daily-report-heat-no-data span {position: absolute; bottom: 160px; font-size: 18px; left: 200px; color: #c7c7c7; font-weight: 400;} .daily-report-section-wrapper {position: relative; height: 400px; width: 50%; float: left;} .daily-report-chart-wrapper {position: relative;} .daily-report-chart-wrapper > a {right: 20px; position: absolute; z-index: 1; bottom: 0px; cursor: pointer; text-transform: uppercase; color: #2f99ff; font-weight: 600;} #daily-report-app-usage {height: 200px;} #daily-report-app-no-data, #daily-report-web-no-data {height: 200px; background:url(../img/pcp-icon-graph-no-data.png) no-repeat left #fff; background-size: 130px; display: none; background-position: 10px 54px;} #daily-report-app-no-data h1, #daily-report-web-no-data h1 {font-size: 18px; color: gray; font-weight: 400; padding-top: 31px; padding-left: 7px; text-align: left;} #daily-report-app-no-data span, #daily-report-web-no-data span {position: absolute; bottom: 75px; font-size: 18px; left: 155px; color: #c7c7c7; font-weight: 400;} #daily-report-web-usage {height: 200px;} #daily-report-full-report {margin-bottom: 20px; background: white; font-weight: 600; text-align: right; padding: 20px; display: none;} #daily-report-full-report a {cursor: pointer; text-transform: uppercase; color: #2f99ff; margin-right: 20px;} #daily-report-datepicker {display: inline; background-color: transparent; border: none; width: auto; cursor: pointer; color: white; font-size: 120%; font-family: inherit;} .daily-report-today {opacity: .5; cursor: default !important;} .highcharts-subtitle {line-height: 1.2; text-align: center;} .daily-loading {background:url(../img/progress2.gif) no-repeat center #fff; width: 100%; height: 458px; margin-bottom: 20px;} .daily-empty {background:url(../img/pcp-icon-graph-no-data.png) no-repeat left #fff; background-position-y: 40px; background-size: 150px;} .daily-empty h1 {font-size: 18px; color: gray; padding-left: 10px; padding-top: 15px; font-weight: 400; } .daily-empty span {position: absolute; bottom: 75px; font-size: 18px; left: 155px; color: #c7c7c7; font-weight: 400;} .daily-report-no-data-all {background:url(../img/pcp-icon-graph-no-data.png) no-repeat center #fff; width: 100%; height: 400px; display: none;} .daily-report-no-data-all div {display: table-cell; vertical-align: middle; text-align: center; padding-top: 165px; font-size: 18px; color: #c7c7c7; font-weight: 400;} #daily-report-heat-no-data div {position: absolute; top: 109px; font-size: 18px; left: 155px; color: #c7c7c7; font-weight: 400;} .tb-wrapper {padding: 0 20px;} .tb-wrapper > h1 {font-size: 18px; color: gray; font-weight: 400; text-align: left;} .tb-info-wrapper {position: relative; height: 25px; padding-left: 20px; margin-top: 25px;} .tb-subheading {color: gray; font-family: sans-serif;} .tb-time-wrapper {float: right;} .tb-time {font-size: 150%; font-family: sans-serif; display: inline-block;} #tb-time-spent {font-weight: 600;} .tb-time-char {font-size: 70%;} .tb-progress-wrapper {width: 100%; background: #69b8e0; height: 8px; border-radius: 15px;} .tb-progress-bar {background: #e04239; height: 8px; border-radius: 15px; transition: width 1s ease-in-out;} .tb-modify-wrapper {margin-top: 20px; float: right;} .tb-modify-btn {border-radius: 50%; width: 40px; height: 40px; background: #69b8e0; display: inline-block; margin-left: 15px; position: relative; cursor: pointer; box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.1);} .tb-modify-btn:hover {background: #6ec0ea;} .tb-modify-btn::after {position: absolute;font-size: 36px;color: white; font-weight: 400;} #tb-plus::after {content: "+"; top: 7px; left: 7px;} #tb-minus::after {content: "-"; top: 7px; left: 12px;} .ts-wrapper {padding: 20px 0px 5px 0px; width: 160px; margin: 0 auto; user-select: none;} .ts-section {display: inline-block;} .ts-btn {cursor: pointer; width: 40px; height: 25px; margin-left: 5px;} .ts-icon {width: 0; height: 0;border: 5px solid transparent;border-top: 5px solid;border-right: 5px solid;position: relative;display: inline-block;vertical-align: middle;color: black;} .ts-up {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);margin: 13px 10px 5px 15px;} .ts-down {-webkit-transform: rotate(135deg); transform: rotate(135deg);margin: 0px 20px 0px 15px;} .ts-input-wrapper {position: relative;} .ts-input-wrapper .ui-widget-content {border: none !important; background: transparent !important;} #detail-rules {background: #fff; float: left; width: calc(50% - 20px); margin: 0 0 20px 0;} #detail-rules .articleHeadingTwo {background-color: #0084c5; } #detail-rules .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/rules-dashboard.png); content: "";} #detail-rules .ruleContainer {padding: 20px 0px 0px 40px; height: 145px;} #detail-rules .ruleContainer h2 {position: relative; font-size: 120%; margin-bottom: 12px;} #detail-rule-webguard h2:before {position: absolute; left: -29px; top: -4px; display: block; width: 25px; height: 25px; background: url(../img/epc-icons.png) no-repeat -1px -48px; content: "";} #detail-rule-appguard h2:before {position: absolute; left: -29px; top: -4px; display: block; width: 25px; height: 25px; background: url(../img/epc-icons.png) no-repeat -25px -48px; content: "";} #detail-rules .ruleContainer li {color: #969696; list-style: none; line-height: 1.5;} #detail-rules .ruleContainer div {text-align: right; font-weight: 600; text-transform: uppercase; color: #2f99ff; padding: 15px 30px 0 0;} #detail-rules .ruleContainer a {color: inherit;} #detail-rules .ruleContainer .btn {display: inline-block; float:none;} #detail-rule-appguard .ruleContainer a:nth-child(1) {margin-right: 40px;} #detail-rule-vacation {margin: 12px 30px 0 30px; padding: 15px 0; border-top: 1px solid #e6e4e4;} #detail-rule-vacation h3 {font-size: 100%;} #detail-rule-vacation span {color: #969696; line-height: 1.5;} .toggle-base-vacation {float: right; cursor: pointer; background-color: #797979; border-radius: 8px; height: 100%; position: relative; margin-left: 20px; width: 30px; height: 17px;} .toggle-slider-vacation {background-color: #fff; top: -5px; left: 0px; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.24); height: 25px; position: absolute; width: 25px; transform: translateX(-12px); transition: all ease-in-out .2s;} .toggle-base-active {background-color: #0084c5;} .toggle-slider-active {transform: translateX(16px);} .modal-wrapper {width: 100%; padding: 0; display: none; height: 100%; position: fixed; top: 0; left: 0; margin: 0; z-index: 2147483648; background: rgba(0, 0, 0, .5);} .modal-window {padding: 0; vertical-align: middle; display: table-cell; margin: 0;} .modal-content {max-width: 300px; background-color: #fff; margin: 0 auto; text-align: left; padding: 15px 30px 25px 30px; box-shadow: 1px 1px 5px rgba(0,0,0,.4); border-radius: 2px;} .modal-content h1 {font-size: 120%; margin: 10px 0;} .modal-content ul {margin: 20px 0;} .modal-content li {list-style: none;} .modal-content h2 {font-size: 100%; margin: 0px 0px 15px 15px;} .modal-content p {margin-top: 15px;} .vm-picker {float: left;} .vm-picker label {font-weight: 600; display: block; margin: 0;} .vm-picker input {border: none; border-bottom: 1px solid #dedede; background-color: transparent; width: initial;} #vacation-date-container {margin: 0 20px 0 15px;} .modal-options {text-align: right; margin-top: 15px; font-weight: 600; text-transform: uppercase;} .modal-options span {cursor: pointer;} .modal-options span:nth-child(1) {color: #e04239; margin-right: 30px;} .modal-options span:nth-child(2) {color: #2f99ff;} .modal-wrapper-active {display: table;} .ui-timepicker-wrapper {z-index: 2147483648; position: fixed !important;} #msg-locating { display : none; } #msg-devices-offline { display : none; } #btn-refresh {position: absolute; right: 20px; top: 13px; display: block; height: 32px; padding: 0 20px; border: none; line-height: 32px; text-align: center; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #btn-refresh:hover {background-color: #0090d5;} #btn-refresh:active {box-shadow: 0px 0px 0px #363636;} #btn-go-premium {position: absolute; right: 20px; top: 13px; z-index: 1; display: block; height: 32px; padding: 0 40px 0 20px; border: none; line-height: 32px; text-align: center; overflow: hidden; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #btn-go-premium:before {position: absolute; right: -22px; top: 8px; padding: 2px 20px; line-height: 10px; text-transform: uppercase; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); font-size: 8px; background-color: #058dd1; color: #fff; content: "Premium";} #btn-go-premium:hover {background-color: #fff; color: #3a5999;} #btn-go-premium:active {box-shadow: 0px 0px 0px #363636;} #btn-refresh.btn-disabled {background-color: #ccc; color: #fff; cursor: default;} #btn-refresh.btn-disabled:hover {background-color: #ccc; color: #fff; cursor: default;} /*#btn-refresh:before {position: absolute; right: 20px; top: 8px; display: block; width: 16px; height: 16px; background: url("../img/epc-icons-16px.png") no-repeat left top; content: "";}*/ #google-map {width: 100%; max-width: 100%;} #google-map.active {height: 400px; border-top: 8px solid #f4f4f4;} #google-map .gm-style {max-width: 100%;} #geo-location .message {padding: 80px 20px 20px 20px;} #geo-location .message p {text-align: center; margin: 0 0 20px 0;} #geo-location .message p a {color: #036292;} /*#geo-location #msg-devices-offline.message p span {position: relative;} #geo-location #msg-devices-offline.message p span:first-of-type:before {position: absolute; left: -40px; top: -1px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";}*/ #geo-location #msg-locating.message {position: relative; height: 180px;} #geo-location #msg-locating.message:before {position: absolute; left: calc(50% - 60px); top: calc(50% - 63px); z-index: 1; display: block; width: 120px; height: 126px; background: url(../img/pcp-gray-transparent.png) no-repeat left top; content: "";} #geo-location #msg-locating.message:after {position: absolute; left: calc(50% - 60px); top: calc(50% + 73px); z-index: 2; display: block; width: 120px; height: 15px; background: url(../img/preloader-horizontal.gif) no-repeat left top; content: "";} #geo-location #msg-locating.message p {position: absolute; left: 0; right: 0; bottom: 0;} #geo-location .message p span.icon {position: relative;} #geo-location .message p span.icon:before {position: absolute; left: -40px; top: -1px; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";} /* *********** END *********** */ /* STATUS */ /* *************************** */ /* *************************** */ /* RULES */ /* ********** START ********** */ #rules-webguard {position: relative; margin: 0 0 20px 0;} #rules-webguard .articleHeadingTwo {background-color: #007279;} #rules-webguard .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -3px -75px; content: "";} #rules-webguard.disabled .articleHeadingTwo {background-color: #d2d2d2; color: #969696;} #rules-webguard.disabled .articleHeadingTwo:before {background: url(../img/epc-icons.png) no-repeat -3px -171px;} #rules-webguard .jscontrol-toggled-element {position: relative; z-index: 1; padding: 0 20px 100px 20px; background-color: #fff;} #rules-webguard .jscontrol-toggled-element.monitor p.paragraph-categories-example.monitor {display: inherit;} #rules-webguard .jscontrol-toggled-element p.paragraph-categories-example a {font-weight: 600; color: #3a5999;} #rules-webguard .jscontrol-custom-scrollbar {clear: both; max-height: 250px;} #rules-webguard h4 {height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 16px; font-weight: 600; background-color: #fff; color: #363636;} #rules-webguard p {clear: both; margin: 0 0 20px 0;} /* #rules-webguard label.selected {color: #363636;} #rules-webguard label.selected:before {position: absolute; left: 0; top: 0; display: block; width: 14px; height: 14px; border: 1px solid #363636; border-radius: 14px; background-color: #fff; content: "";} #rules-webguard label.selected:after {position: absolute; left: 4px; top: 4px; display: block; width: 8px; height: 8px; border: none; border-radius: 8px; background-color: #77bb1a; content: "";} */ #rbtnBlockInappropriate {display: none;} #rbtnAllowInappropriate {display: none;} #list-categories-example {display: block;} #list-categories-example li {position: relative; float: left; display: inline-block; height: 40px; margin: 0 20px 20px 20px; padding: 10px 10px 10px 46px; line-height: 40px; background-color: #fff;} #list-categories-example li.monitor {display: none;} #list-categories-example li:nth-of-type(2n+1) {margin: 0 0 20px 0;} /*#list-categories-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-example li:after {position: absolute; left: 11px; top: 23px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";} #list-categories-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-example li.appropriate:after {position: absolute; left: 10px; top: 23px; z-index: 2; display: block; width: 14px; height: 16px; background: url(../img/epc-icons.png) no-repeat -487px -4px; content: "";}*/ #list-categories-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-example li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} #list-categories-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-example li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} /*.monitor #list-categories-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #fbbf01; content: "";} .monitor #list-categories-example li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} .monitor #list-categories-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} .monitor #list-categories-example li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";}*/ #list-categories-example li span {display: block;} #list-categories {clear: both; display: block; margin: 0 -20px 20px -20px; padding: 20px 20px 10px 20px; background-color: #f8f8f8;} #list-categories li {position: relative; float: left; display: inline-block; width: 187px; height: 40px; margin: 0 14px 10px 0; padding: 10px 10px 10px 46px; border: 1px solid #dedede; background-color: #fafafa; cursor: pointer;} #list-categories li:hover {background-color: #fff;} #list-categories li:nth-of-type(4n+1) {/*margin: 0 0 10px 0;*/} /*#list-categories li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories li:after {position: absolute; left: 11px; top: 23px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";} #list-categories li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories li.appropriate:after {position: absolute; left: 10px; top: 23px; z-index: 2; display: block; width: 14px; height: 16px; background: url(../img/epc-icons.png) no-repeat -487px -4px; content: "";}*/ #list-categories li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} #list-categories li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} /*.monitor #list-categories li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #fbbf01; content: "";} .monitor #list-categories li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} .monitor #list-categories li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} .monitor #list-categories li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";}*/ #list-categories li span.title {display: block; width: 187px; padding: 0 0 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; font-size: 15px; font-weight: 600;} #list-categories li span.category {line-height: 12px; font-size: 12px;} #list-categories li span.age {line-height: 12px; font-size: 12px;} #list-categories li span.info {position: absolute; right: 5px; bottom: 5px; width: 18px; height: 18px; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #list-categories-age {position: relative; z-index: 1; margin: 0 0 20px 0;} #list-categories-age li {position: relative; float: left; display: inline-block; height: 0.8rem; margin: 0 0 20px 20px; padding: 10px 20px; line-height: 0.8rem; font-size: 0.8rem; background-color: #ececec; cursor: pointer;} #list-categories-age li:hover {background-color: #fcfcfc;} #list-categories-age li:first-of-type {margin: 0 0 20px 0;} #list-categories-age li:before {position: absolute; left: 2px; right: -2px; top: 2px; bottom: -2px; z-index: -1; display: block; background-color: #363636; content: "";} #rules-webguard input[type="button"] {position: absolute; right: 20px; bottom: 20px; margin: 0;} #txtBlackList, #txtWhiteList {display: inline-block; margin: 0 20px 0 0;} #rules-webguard .link-add {margin: 0 0 20px 0;} #rules-webguard #wrapper-list-websites-blocked.jscontrol-custom-scrollbar {max-height: 164px; margin: 0 -20px 20px -20px; padding: 20px; background-color: #f8f8f8;} /*#list-websites-blocked {min-height: 41px; max-height: 164px; margin: 0 0 20px 0; overflow-y: auto; list-style: none;}*/ #list-websites-blocked {list-style: none;} #list-websites-blocked li {position: relative; display: block; height: 36px; padding: 0 20px 0 53px; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fff;} #list-websites-blocked li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 36px; background-color: #e04239; content: "";} /*#list-websites-blocked li:after {position: absolute; left: 10px; top: 10px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";}*/ #list-websites-blocked li:after {position: absolute; left: 7px; top: 9px; z-index: 2; display: block; width: 19px; height: 19px; background: url(../img/epc-icons.png) no-repeat -555px -3px; content: "";} #list-websites-blocked li .url {line-height: 36px; color: #363636;} #list-websites-blocked li .url:hover {text-decoration: underline;} /*#list-websites-blocked li .remove {position: absolute; right: 20px; padding: 0 0 0 34px; line-height: 36px; cursor: pointer;} #list-websites-blocked li .remove:before {position: absolute; left: 0; top: 8px; display: block; width: 14px; height: 19px; background: url(../img/epc-icons-14x19.png) no-repeat left top; content: "";} #list-websites-blocked li .now-added {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #3a5999; color: #fff;}*/ #list-websites-blocked .remove {float: right; line-height: 36px;} #rules-webguard #wrapper-list-websites-allowed.jscontrol-custom-scrollbar {max-height: 164px; margin: 0 -20px 20px -20px; padding: 20px; background-color: #f8f8f8;} /*#list-websites-allowed {min-height: 41px; max-height: 164px; margin: 0 0 20px 0; overflow-y: auto; list-style: none;}*/ #list-websites-allowed {list-style: none;} #list-websites-allowed li {position: relative; display: block; height: 36px; padding: 0 20px 0 53px; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fff;} #list-websites-allowed li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 36px; background-color: #77bb1a; content: "";} /*#list-websites-allowed li:after {position: absolute; left: 9px; top: 10px; z-index: 2; display: block; width: 14px; height: 16px; background: url(../img/epc-icons.png) no-repeat -487px -4px; content: "";}*/ #list-websites-allowed li:after {position: absolute; left: 7px; top: 9px; z-index: 2; display: block; width: 19px; height: 19px; background: url(../img/epc-icons.png) no-repeat -531px -2px; content: "";} #list-websites-allowed li .url {line-height: 36px; color: #363636;} #list-websites-allowed li .url:hover {text-decoration: underline;} /*#list-websites-allowed li .remove {position: absolute; right: 20px; padding: 0 0 0 34px; line-height: 36px; cursor: pointer;} #list-websites-allowed li .remove:before {position: absolute; left: 0; top: 8px; display: block; width: 14px; height: 19px; background: url(../img/epc-icons-14x19.png) no-repeat left top; content: "";} #list-websites-allowed li .now-added {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #3a5999; color: #fff;}*/ #list-websites-allowed li .remove {float: right; line-height: 36px;} #rules-appguard {position: relative; margin: 0 0 20px 0;} #rules-appguard .articleHeadingTwo {background-color: #00bbc5;} #rules-appguard .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -52px -75px; content: "";} #rules-appguard.disabled .articleHeadingTwo {background-color: #d2d2d2; color: #969696;} #rules-appguard.disabled .articleHeadingTwo:before {background: url(../img/epc-icons.png) no-repeat -52px -171px;} #rules-appguard .jscontrol-toggled-element {position: relative; z-index: 1; padding: 0 20px 100px 20px; background-color: #fff;} #rules-appguard #time-limits.jscontrol-toggled-element {padding: 40px 20px 100px 20px;} #rules-appguard .jscontrol-toggled-element.monitor p.paragraph-categories-example.monitor {display: inherit;} #rules-appguard .jscontrol-toggled-element p.paragraph-categories-example a {font-weight: 600; color: #3a5999;} #rules-appguard #time-limits.jscontrol-toggled-element .wrapper-overlay {position: relative;} #rules-appguard #time-limits.jscontrol-toggled-element .overlay {position: absolute; left: -10px; right: -10px; top: 0; bottom: 0; z-index: 9999999; display: none; background-color: #fff; opacity: 0.75;} #rules-appguard #time-limits.jscontrol-toggled-element.notimelimits .overlay {display: block;} #rules-appguard .jscontrol-custom-scrollbar {clear: both; max-height: 520px; margin: 0 -20px 20px -20px; padding: 20px 20px 10px 20px; background-color: #f8f8f8;} #rules-appguard .frame {margin: 20px 0 0 0;} #YDR-Frame-phone.frame {display: none;} #rules-appguard h4 {clear: both; height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 16px; font-weight: 600; background-color: #fff; color: #363636;} #rules-appguard h5 {clear: both; height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 15px; font-weight: 600; background-color: #fff; color: #363636;} #rules-appguard p {clear: both; margin: 0 0 20px 0; font-size: 15px;} #rbtnAGBlockInappropriate {display: none;} #rbtnAGAllowInappropriate {display: none;} #rules-appguard input[type="button"] {position: absolute; right: 20px; bottom: 20px; margin: 0;} #list-categories-ag-example {display: block;} #list-categories-ag-example li {position: relative; float: left; display: inline-block; height: 40px; margin: 0 20px 20px 20px; padding: 10px 10px 10px 46px; line-height: 40px; background-color: #fff;} #list-categories-ag-example li.monitor {display: none;} #list-categories-ag-example li:nth-of-type(2n+1) {margin: 0 0 20px 0;} /*#list-categories-ag-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-ag-example li:after {position: absolute; left: 11px; top: 23px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";} #list-categories-ag-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-ag-example li.appropriate:after {position: absolute; left: 10px; top: 23px; z-index: 2; display: block; width: 14px; height: 16px; background: url(../img/epc-icons.png) no-repeat -487px -4px; content: "";}*/ #list-categories-ag-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-ag-example li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} #list-categories-ag-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-ag-example li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} #list-categories-ag-example li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} #list-categories-ag-example li.timelimited:after {position: absolute; left: 6px; top: 19px; z-index: 2; display: block; width: 22px; height: 20px; background: url(../img/epc-icons.png) no-repeat -410px -2px; content: "";} /*.monitor #list-categories-ag-example li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #fbbf01; content: "";} .monitor #list-categories-ag-example li:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} .monitor #list-categories-ag-example li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} .monitor #list-categories-ag-example li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";}*/ .monitor #list-categories-ag-example li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} .monitor #list-categories-ag-example li.timelimited:after {position: absolute; left: 6px; top: 24px; z-index: 2; display: block; width: 22px; height: 15px; background: url(../img/epc-icons.png) no-repeat -410px -5px; content: "";} #list-categories-ag-example li span {display: block;} #list-categories-ag {clear: both; display: block;} #list-categories-ag li {position: relative; float: left; display: inline-block; width: 187px; height: 40px; margin: 0 7px 10px 0; padding: 10px 10px 10px 46px; border: 1px solid #dedede; background-color: #fafafa; cursor: pointer;} #list-categories-ag li.highlighted {background-color: #fafff4;} #list-categories-ag li.newApp {background-color: #ddffff;} #list-categories-ag li:hover {background-color: #fff;} #list-categories-ag li:nth-of-type(4n+1) {/*margin: 0 0 10px 0;*/} /*#list-categories-ag li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-ag li.appropriate:after {position: absolute; left: 10px; top: 23px; z-index: 2; display: block; width: 14px; height: 16px; background: url(../img/epc-icons.png) no-repeat -487px -4px; content: "";} #list-categories-ag li.inappropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-ag li.inappropriate:after {position: absolute; left: 11px; top: 23px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";}*/ #list-categories-ag li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-categories-ag li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} #list-categories-ag li.inappropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-categories-ag li.inappropriate:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} #list-categories-ag li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} #list-categories-ag li.timelimited:after {position: absolute; left: 6px; top: 19px; z-index: 2; display: block; width: 22px; height: 20px; background: url(../img/epc-icons.png) no-repeat -410px -2px; content: "";} /*.monitor #list-categories-ag li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} .monitor #list-categories-ag li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} .monitor #list-categories-ag li.inappropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #fbbf01; content: "";} .monitor #list-categories-ag li.inappropriate:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";}*/ .monitor #list-categories-ag li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} .monitor #list-categories-ag li.timelimited:after {position: absolute; left: 6px; top: 19px; z-index: 2; display: block; width: 22px; height: 20px; background: url(../img/epc-icons.png) no-repeat -410px -2px; content: "";} #list-categories-ag li img {float: left; display: inline-block; width: 40px; height: 40px; margin: 0 10px 0 0; padding: 0; border: none; border-radius: 6px; overflow: hidden; text-align: center; line-height: 18px; font-size: 10px; background-color: #fff; color: #ccc; cursor: pointer;} #list-categories-ag li span {display: block; margin-left: 50px;} #list-categories-ag li span.title {width: 137px; padding: 0 0 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; font-size: 15px; font-weight: 600;} #list-categories-ag li span.category {width: 127px; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 12px; font-size: 12px;} #list-categories-ag li span.age {line-height: 12px; font-size: 12px;} #list-categories-ag li span.info {position: absolute; right: 5px; bottom: 5px; width: 18px; height: 18px; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #list-categories-ag li span.info:hover {background: url(../img/epc-icons-18x18-hover.png) no-repeat left top;} #list-apps-new {clear: both; display: block; margin: 0 0 20px 0;} #list-apps-new li {position: relative; float: left; display: inline-block; width: 187px; height: 40px; margin: 0 0 10px 10px; padding: 10px 10px 10px 46px; border: 1px solid #dedede; background-color: #ddffff; cursor: pointer;} #list-apps-new li.highlighted {background-color: #fafff4;} #list-apps-new li.newApp {background-color: #ddffff;} #list-apps-new li:hover {background-color: #fff;} #list-apps-new li:nth-of-type(4n+1) {margin: 0 0 10px 0;} #list-apps-new li.appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} #list-apps-new li.appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -1px; content: "";} #list-apps-new li.inappropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239; content: "";} #list-apps-new li.inappropriate:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -3px; content: "";} #list-apps-new li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} #list-apps-new li.timelimited:after {position: absolute; left: 6px; top: 19px; z-index: 2; display: block; width: 22px; height: 20px; background: url(../img/epc-icons.png) no-repeat -410px -2px; content: "";} .monitor #list-apps-new li.timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} .monitor #list-apps-new li.timelimited:after {position: absolute; left: 6px; top: 19px; z-index: 2; display: block; width: 22px; height: 20px; background: url(../img/epc-icons.png) no-repeat -410px -2px; content: "";} #list-apps-new li img {float: left; display: inline-block; width: 40px; height: 40px; margin: 0 10px 0 0; padding: 0; border: none; border-radius: 6px; background-color: #fff; cursor: pointer;} #list-apps-new li span {display: block; margin-left: 50px;} #list-apps-new li span.title {width: 137px; padding: 0 0 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; font-size: 15px; font-weight: 600;} #list-apps-new li span.category {width: 127px; height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 12px; font-size: 12px;} #list-apps-new li span.age {line-height: 12px; font-size: 12px;} #list-apps-new li span.info {position: absolute; right: 5px; bottom: 5px; width: 18px; height: 18px; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #list-apps-new li span.info:hover {background: url(../img/epc-icons-18x18-hover.png) no-repeat left top;} #list-categories-ag-age {position: relative; z-index: 1;} #list-categories-ag-age li {position: relative; float: left; display: inline-block; height: 0.8rem; margin: 0 0 0 20px; padding: 10px 20px; line-height: 0.8rem; font-size: 0.8rem; background-color: #ececec; cursor: pointer;} #list-categories-ag-age li:hover {background-color: #fcfcfc;} #list-categories-ag-age li:first-of-type {margin: 0;} #list-categories-ag-age li:before {position: absolute; left: 2px; right: -2px; top: 2px; bottom: -2px; z-index: -1; display: block; background-color: #363636; content: ""; borde} #slider-schooldays {float: left; width: 800px; margin: 15px 20px 50px 4px;} #label-schooldays {float: right; width: 180px; font-size: 14px;} #label-schooldays span {font-weight: bold; color: #363636;} #slider-schooldays-phone {display: none;} #slider-holidays {float: left; width: 800px; margin: 15px 20px 50px 4px;} #label-holidays {float: right; width: 180px; font-size: 14px;} #label-holidays span {font-weight: bold; color: #363636;} #slider-holidays-phone {display: none;} ul.scale {position: relative; display: block; width: 800px; margin: 15px 0 0 0; list-style: none;} ul.scale li {position: absolute; margin: 0 0 0 -4px; font-size: 12.5px;} ul.scale li:before {position: absolute; left: 4px; top: -27px; display: block; height: 14px; border-left: 1px solid #969696; content: "";} ul.scale li span {position: absolute; left: -5px; display: block;} ul.scale li.item-0-00 {left: 0;} ul.scale li.item-0-00 span {max-width: 80px; max-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} ul.scale li.item-0-00:before {position: absolute; left: 4px; top: -33px; display: block; height: 20px; border-left: 1px solid #363636; content: "";} ul.scale li.item-0-30 {left: 6.25%;} ul.scale li.item-1-00 {left: 12.50%;} ul.scale li.item-1-30 {left: 18.75%;} ul.scale li.item-2-00 {left: 25.00%;} ul.scale li.item-2-30 {left: 31.25%;} ul.scale li.item-3-00 {left: 37.50%;} ul.scale li.item-3-30 {left: 43.75%;} ul.scale li.item-4-00 {left: 50.00%;} ul.scale li.item-4-30 {left: 56.25%;} ul.scale li.item-5-00 {left: 62.50%;} ul.scale li.item-5-30 {left: 68.75%;} ul.scale li.item-6-00 {left: 75.00%;} ul.scale li.item-6-30 {left: 81.25%;} ul.scale li.item-7-00 {left: 87.50%;} ul.scale li.item-7-30 {left: 93.75%;} ul.scale li.item-8-00 {left: 100.00%;} ul.scale li.item-8-00:before {position: absolute; left: 4px; top: -33px; display: block; height: 20px; border-left: 1px solid #363636; content: "";} #time-restrictions {} #time-restrictions thead {} #time-restrictions thead tr {height: 36px;} #time-restrictions thead tr th {width: 18px; height: 36px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: left; font-size: 15px; font-weight: 400; color: #ccc;} .prevent #time-restrictions thead tr th {width: 18px; height: 36px; margin: 0; padding: 0; text-align: left; font-size: 15px; font-weight: 400; color: #969696;} #time-restrictions thead tr th.dayhour {} #time-restrictions thead tr th.hour {position: relative;} #time-restrictions thead tr th.hour[data-hour="0"]:before {position: absolute; left: 0; top: -20px; display: block; width: 25rem; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #time-restrictions thead tr th.hour[data-hour="12"]:before {position: absolute; left: 0; top: -20px; display: block; width: 25rem; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #time-restrictions tbody {} #time-restrictions tbody tr {height: 36px;} #time-restrictions tbody tr td {position: relative; width: 18px; height: 36px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 15px; background-color: #eee; color: #ccc; cursor: pointer;} #time-restrictions tbody tr td span {display: block; width: 80%; height: 80%; margin: 10%; border-radius: 80%; background: none;} .prevent #time-restrictions tbody tr td {width: 18px; height: 36px; margin: 0; padding: 0; font-size: 15px; background-color: #f8f8f8; color: #363636;} /*.prevent #time-restrictions tbody tr td:hover span {background-color: #dd524a;}*/ #time-restrictions tbody tr td.day {border: none; font-size: 13px; background: none; color: #ccc; cursor: default;} .prevent #time-restrictions tbody tr td.day {font-size: 13px; color: #969696;} #time-restrictions tbody tr td.main {/*background-color: #dbdbdb;*/} /*#time-restrictions tbody tr td.main:hover span {background-color: #c34942;}*/ #time-restrictions tbody tr td.blocked {background-color: #ccc;} #time-restrictions tbody tr td.main.blocked {/*background-color: #c0c0c0;*/} .prevent #time-restrictions tbody tr td.blocked {background-color: #dd524a;} /*.prevent #time-restrictions tbody tr td.blocked:hover span {background-color: #f8f8f8;}*/ .prevent #time-restrictions tbody tr td.main.blocked {/*background-color: #c34942;*/} /*.prevent #time-restrictions tbody tr td.main.blocked:hover span {background-color: #dbdbdb;}*/ .ui-slider .ui-slider-handle {cursor: pointer;} #time-restrictions-legend {margin: 40px 0 20px 0; list-style: none;} #time-restrictions-legend li {position: relative; float: left; display: inline-block; height: 30px; margin: 0 40px 0 0; padding: 0 0 0 50px; line-height: 30px;} #time-restrictions-legend li.allowed {} #time-restrictions-legend li.allowed:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} .prevent #time-restrictions-legend li.allowed:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} #time-restrictions-legend li.blocked {} #time-restrictions-legend li.blocked:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #ccc; content: "";} .prevent #time-restrictions-legend li.blocked:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #dd524a; content: "";} .frame {position: relative; padding: 20px 0; cursor: default;} .frame * {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .selectiondiv {display: none; margin: 0; padding: 0; background-color: #fff; opacity: 0.75; filter: alpha(opacity=75);} #selection.blocked {background-color: #c34942;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-tr, .ui-corner-tl {border: none; border-radius: 0;} .ui-widget-content {border: none; border-radius: 0; background: none; background-color: #e3e3e3;} .ui-slider-horizontal {height: 3px;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {width: 17px; height: 17px; border: none; border-radius: 17px; background: none; background-color: #0081c2;} .ui-slider-horizontal .ui-slider-handle {position: absolute; z-index: 1; top: -7px; margin-left: -8px;} /*.ui-slider-horizontal .ui-slider-handle:before {position: absolute; left: -9px; top: 7px; z-index: -1; display: block; width: 10px; height: 3px; background: -webkit-linear-gradient(left, #e3e3e3, #7b7b7b); background: -o-linear-gradient(right, #e3e3e3, #7b7b7b); background: -moz-linear-gradient(right, #e3e3e3, #7b7b7b); background: linear-gradient(to right, #e3e3e3, #7b7b7b); content: "";} .ui-slider-horizontal .ui-slider-handle:after {position: absolute; left: 16px; top: 7px; z-index: -1; display: block; width: 10px; height: 3px; background: -webkit-linear-gradient(left, #7b7b7b, #e3e3e3); background: -o-linear-gradient(right, #7b7b7b, #e3e3e3); background: -moz-linear-gradient(right, #7b7b7b, #e3e3e3); background: linear-gradient(to right, #7b7b7b, #e3e3e3); content: "";}*/ /* *********** END *********** */ /* RULES */ /* *************************** */ /* *************************** */ /* REPORTS */ /* ********** START ********** */ #reports-webguard #wg-inappropriate-visits-interval h4, #reports-webguard #wg-appropriate-visits-interval h4, #reports-webguard #wg-attempts-interval h4, #reports-webguard #most-used-cat h4, #reports-webguard #most-used-period h4, #reports-appguard #heat-map-content h4, #reports-appguard #daily-usage-filter h4 {height: auto; margin: 20px 0; padding: 0; line-height: 16px; font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;} .mark {position: relative; color: #3a5999; cursor: pointer;} .mark-category {} .mark-category td {padding-top: 10px; padding-bottom: 10px; background-color: #f4f4f4;} .currently-not-blocked {display: block; font-size: 14px; color: #969696;} #reports-webguard {position: relative; margin: 0 0 20px 0;} #reports-webguard .articleHeadingTwo {background-color: #007279;} #reports-webguard .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -3px -75px; content: "";} #reports-webguard.disabled .articleHeadingTwo {background-color: #d2d2d2; color: #969696;} #reports-webguard.disabled .articleHeadingTwo:before {background: url(../img/epc-icons.png) no-repeat -3px -75px;} #reports-webguard .progress {position: absolute; right: 20px; top: 14px;} #reports-webguard .jscontrol-toggle-next-element.expanded span {border: none;} #reports-webguard .jscontrol-toggled-element {position: relative; z-index: 1; padding: 0; background-color: #fff;} #reports-webguard h4 {height: 56px; margin: 0; padding: 0; text-align: right; line-height: 56px; font-size: 1.15rem; font-weight: 400; background-color: #fff; color: #363636;} #reports-webguard p {clear: both; margin: 0 0 20px 0; font-size: 15px;} #reports-webguard .name {display: block; margin: 0 0 3px 0; color: #036292; cursor: pointer;} #reports-webguard .name:hover {text-decoration: underline;} .filters {padding: 10px 0 20px 0; text-align: right; background-color: #f8f8f8;} #reports-webguard .filters h4 {background: none;} .nav-breadcrumbs {float: left; margin: 0 22px; padding: 22px 0 0 0; text-align: left;} .nav-breadcrumbs span {color: #3a5999; cursor: pointer;} .nav-breadcrumbs span:hover {text-decoration: underline;} /*.nav-breadcrumbs a:after {color: #363636; content: ">";}*/ .nav-breadcrumbs span:last-of-type {color: #363636; cursor: default;} .nav-breadcrumbs span:last-of-type:hover {text-decoration: none;} .nav-filter-categories {display: inline-block; margin: 0 20px; text-align: left;} /*.nav-filter-categories span {position: relative; float: left; width: 21px; height: 36px; padding: 0 20px; border-left: 1px solid #969696; border-bottom: 2px solid #969696; text-indent: -99999px; background-color: #ececec; cursor: pointer;} .nav-filter-categories span:first-of-type {border-left: none;} .nav-filter-categories span.appropriate:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -530px -50px; content: "";} .nav-filter-categories span.appropriate.selected:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -530px -26px; content: "";} .nav-filter-categories span.inappropriate:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -555px -50px; content: "";} .nav-filter-categories span.inappropriate.selected:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -555px -26px; content: "";} .nav-filter-categories span.timelimited:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -508px -50px; content: "";} .nav-filter-categories span.timelimited.selected:before {position: absolute; left: 20px; top: 8px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -508px -26px; content: "";}*/ .nav-filter-categories .btn {float: left; margin: 0 0 0 10px; padding: 0 20px;} .nav-filter-categories .btn.appropriate {position: relative; width: 19px; height: 32px; text-indent: -99999px;} .nav-filter-categories .btn.appropriate:before, .nav-filter-categories .btn.appropriate.selected:hover:before {position: absolute; left: 20px; top: 7px; width: 19px; height: 19px; background: url("../img/epc-icons.png") no-repeat -531px -2px; content: "";} .nav-filter-categories .btn.appropriate:hover:before {position: absolute; left: 20px; top: 7px; width: 19px; height: 19px; background: url("../img/epc-icons.png") no-repeat -531px -2px; content: "";} .nav-filter-categories .btn.inappropriate {position: relative; width: 19px; height: 32px; text-indent: -99999px;} .nav-filter-categories .btn.inappropriate:before, .nav-filter-categories .btn.inappropriate.selected:hover:before {position: absolute; left: 20px; top: 7px; width: 19px; height: 19px; background: url("../img/epc-icons.png") no-repeat -555px -3px; content: "";} .nav-filter-categories .btn.inappropriate:hover:before {position: absolute; left: 20px; top: 7px; width: 19px; height: 19px; background: url("../img/epc-icons.png") no-repeat -555px -3px; content: "";} .nav-filter-categories .btn.timelimited {position: relative; width: 19px; height: 32px; text-indent: -99999px;} .nav-filter-categories .btn.timelimited:before, .nav-filter-categories .btn.timelimited.selected:hover:before {position: absolute; left: 19px; top: 6px; width: 22px; height: 20px; background: url("../img/epc-icons.png") no-repeat -410px -2px; content: "";} .nav-filter-categories .btn.timelimited:hover:before {position: absolute; left: 19px; top: 6px; width: 22px; height: 20px; background: url("../img/epc-icons.png") no-repeat -410px -2px; content: "";} .nav-filter-categories .btn.selected {background-color: #0090d5; color: #fff;} .nav-show-period {display: inline-block; margin: 0 20px; text-align: left;} /*.nav-show-period span {float: left; height: 36px; padding: 0 20px; border-left: 1px solid #969696; border-bottom: 2px solid #969696; line-height: 36px; background-color: #ececec; color: #969696; cursor: pointer;} .nav-show-period span.selected, .nav-show-period span:hover {color: #363636;} .nav-show-period span:first-of-type {border-left: none;}*/ .nav-show-period .btn {float: left; margin: 0 0 0 10px; padding: 0 20px;} .nav-show-period .btn.selected {background-color: #0090d5; color: #fff;} .wrapper-no-data {padding: 20px 20px 20px 80px; background: url("../img/pcp-icon-graph-nodata-30px.png") no-repeat 80px 22px;} .wrapper-no-data p {padding: 0 0 0 50px; line-height: 30px;} #reports-webguard .wrapper-no-data p, #reports-appguard .wrapper-no-data p {margin: 0;} table {} table.reports thead {} table.reports thead tr {} table.reports thead tr th {padding: 10px 20px; font-size: 16px; font-weight: 600;} table.reports tbody {} table.reports tbody tr {} table.reports.category tbody tr:first-of-type {height: 80px;} table.reports tbody tr td {} table.reports.category tbody tr:first-of-type td {background-color: #f4f4f4;} table.reports tbody tr td:last-of-type {text-align: right;} /*table.reports tbody tr td .percentage {height: 34px; text-indent: -99999px; background-color: #ece5b7;} table.reports tbody tr td .percentage {height: 10px; border: 10px solid #bfbfbf; opacity: 0.75;} table.reports tbody tr td .percentage:hover {opacity: 1.00; transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;}*/ table.reports tbody tr td .percentage {min-width: 8px; height: 34px; max-width: 100%; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 34px; font-size: 13px; font-weight: 400; background-color: #c0e2f3;} /*table.reports tbody tr.appropriate td .percentage {background: -webkit-linear-gradient(left, #76bc1e, #496d13); background: -o-linear-gradient(right, #76bc1e, #496d13); background: -moz-linear-gradient(right, #76bc1e, #496d13); background: -ms-linear-gradient(#76bc1e, #496d13); background: linear-gradient(to right, #76bc1e, #496d13);} table.reports tbody tr.inappropriate td .percentage {background: -webkit-linear-gradient(left, #dd901a, #de5832); background: -o-linear-gradient(right, #dd901a, #de5832); background: -moz-linear-gradient(right, #dd901a, #de5832); background: -ms-linear-gradient(#dd901a, #de5832); background: linear-gradient(to right, #dd901a, #de5832);} table.reports.category tbody tr td .percentage {background: -webkit-linear-gradient(left, #ece5b7, #ece6b6); background: -o-linear-gradient(right, #ece5b7, #ece6b6); background: -moz-linear-gradient(right, #ece5b7, #ece6b6); background: -ms-linear-gradient(#ece5b7, #ece6b6); background: linear-gradient(to right, #ece5b7, #ece6b6);}*/ /*table.reports tbody tr td a {color: #363636; cursor: pointer;} table.reports tbody tr.appropriate td a {color: #da921a;} table.reports tbody tr.inappropriate td a {color: #77bb1a;}*/ table.reports tbody tr td span.visits, table.reports tbody tr td span.attempts {display: block; color: #969696;} table.reports tbody tr td a.mark {position: relative;; color: #3a5999; cursor: pointer;} table.reports tbody tr.appropriate td a.mark:before {position: absolute; left: -31px; top: 5px; display: block; width: 15px; height: 17px; background: url("../img/epc-icons-15x17.png") no-repeat -15px top; content: "";} table.reports tbody tr.inappropriate td a.mark:before {position: absolute; left: -31px; top: 5px; display: block; width: 15px; height: 17px; background: url("../img/epc-icons-15x17.png") no-repeat 0px top; content: "";} table.reports tbody tr td a.btn-mark {display: block; height: 44px; padding: 10px 20px 0 20px; border: none; text-align: center; line-height: 1.0rem; font-size: 0.8rem; box-shadow: 2px 2px 0px #363636; background-color: #6aa843; color: #fff; cursor: pointer;} table.reports tbody tr td a.btn-mark:active {box-shadow: 0px 0px 0px #363636;} #wg-reports-categories {} #wg-reports-categories tbody tr.appropriate td:first-of-type span {display: block; width: 21px; height: 23px; text-indent: -99999px; background: url("../img/epc-icons-21x23.png") no-repeat 0 top;} #wg-reports-categories tbody tr.inappropriate td:first-of-type span {display: block; width: 21px; height: 23px; text-indent: -99999px; background: url("../img/epc-icons-21x23.png") no-repeat -21px top;} #wg-reports {} #wg-reports tbody tr.appropriate td:first-of-type span {display: block; width: 21px; height: 23px; text-indent: -99999px; background: url("../img/epc-icons-21x23.png") no-repeat 0 top;} #wg-reports tbody tr.appropriate td span.name {color: #77bb1a;} #wg-reports tbody tr.inappropriate td:first-of-type span {display: block; width: 21px; height: 23px; text-indent: -99999px; background: url("../img/epc-icons-21x23.png") no-repeat -21px top;} #wg-reports tbody tr.inappropriate td span.name {color: #dc911b;} #wg-attempts-reports {} #wg-attempts-reports thead tr th:first-of-type {width: 0 !important;} #wg-attempts-reports tbody tr td .name:hover {text-decoration: underline;} #wg-attempts-reports.reports tbody tr.blocked td:first-of-type {margin: 0; padding: 0;/*background-color: #e04239;*/} #wg-attempts-reports.reports tbody tr.blocked td:first-of-type span {position: relative; display: block; width: 2px; height: 54px; margin: 0; padding: 0; text-indent: -99999px;} #wg-attempts-reports.reports tbody tr td:first-of-type img {display: block; width: 24px; height: 24px; background: url(../img/epc-icons.png) no-repeat -52px -75px;} #wg-attempts-reports.reports tbody tr.blocked td:first-of-type span:before {position: absolute; left: 10px; top: 20px; z-index: 2; display: block; width: 12px; height: 16px; background: url(../img/epc-icons.png) no-repeat -463px -4px; content: "";} #wg-attempts-reports.reports tbody tr td .mark {color: #036292;} #reports-appguard {position: relative; margin: 0 0 20px 0;} #reports-appguard .articleHeadingTwo {background-color: #00bbc5;} #reports-appguard .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -52px -75px; content: "";} #reports-appguard.disabled .articleHeadingTwo {background-color: #d2d2d2; color: #969696;} #reports-appguard.disabled .articleHeadingTwo:before {background: url(../img/epc-icons.png) no-repeat -52px -75px;} #reports-appguard .progress {position: absolute; right: 20px; top: 14px;} #reports-appguard .jscontrol-toggle-next-element.expanded span {border: none;} #reports-appguard .jscontrol-toggled-element {position: relative; z-index: 1; background-color: #fff;} #reports-appguard .jscontrol-toggled-element.padding {padding-top: 0;} #reports-appguard h4 {height: 56px; margin: 0; padding: 0; text-align: right; line-height: 56px; font-size: 1.15rem; font-weight: 400; background-color: #fff; color: #363636;} #reports-appguard .filters h4 {background: none;} #reports-appguard p {clear: both; margin: 0 0 20px 0; font-size: 15px;} #reports-appguard .name {display: block; margin: 0 0 3px 0; color: #036292; cursor: pointer;} #reports-appguard .name:hover {text-decoration: underline;} .ag-app-table {} /*.ag-app-table tbody tr.app-row-1 td .name {color: #77bb1a;}*/ /*.ag-app-table tbody tr.app-row-1 td .percentage {background-color: #77bb1a;}*/ /*.ag-app-table tbody tr.app-row-2 td .name {color: #e04239;}*/ /*.ag-app-table tbody tr.app-row-2 td .percentage {background-color: #e04239;}*/ /*.ag-app-table tbody tr.app-row-3 td .name {color: #3daae1;}*/ /*.ag-app-table tbody tr.app-row-3 td .percentage {background-color: #3daae1;}*/ .ag-app-table tbody tr td:last-of-type {text-align: left; padding-left: 30px;} .ag-app-table .usage {display: block; color: #969696;} /*.ag-app-table .mark-as-appropriate, .ag-app-table .mark-as-inappropriate, .ag-app-table .mark-as-game {position: relative; display: block; height: 0; margin: 3px 0; color: #3a5999; cursor: pointer;} .ag-app-table .mark-as-appropriate:before {position: absolute; left: -31px; top: 0px; display: block; width: 15px; height: 17px; background: url("../img/epc-icons-15x17.png") no-repeat 0px top; content: "";} .ag-app-table .mark-as-inappropriate:before {position: absolute; left: -31px; top: 0px; display: block; width: 15px; height: 17px; background: url("../img/epc-icons-15x17.png") no-repeat -15px top; content: "";} .ag-app-table .mark-as-game:before {position: absolute; left: -31px; top: 5px; display: block; width: 15px; height: 17px; background: url("../img/epc-icons-15x17.png") no-repeat -15px top; content: "";}*/ #ag-most-used-apps {} #ag-most-used-apps thead {display: none; height: 0;} #ag-most-used-apps thead tr {height: 0;} #ag-most-used-apps thead tr th {height: 0;} /*#ag-most-used-apps tbody tr.app-row-1 td .name {color: #77bb1a;}*/ /*#ag-most-used-apps tbody tr.app-row-1 td .percentage {background-color: #ece5b7;}*/ /*#ag-most-used-apps tbody tr.app-row-2 td .name {color: #e04239;}*/ /*#ag-most-used-apps tbody tr.app-row-2 td .percentage {background-color: #ece5b7;}*/ /*#ag-most-used-apps tbody tr.app-row-3 td .name {color: #3daae1;}*/ /*#ag-most-used-apps tbody tr.app-row-3 td .percentage {height: 10px; border: 10px solid #bfbfbf; background-color: #363636; opacity: 0.75;} #ag-most-used-apps tbody tr.app-row-3 td .percentage:hover {opacity: 1.00; transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;}*/ #ag-most-used-apps tbody tr.mua-mob-row {display: none;} #ag-most-used-apps tbody tr td .percentage {min-width: 50px;} #ag-most-used-apps tbody tr td:last-of-type {} #ag-most-used-apps .usage {display: block; color: #969696;} /*#ag-most-used-apps .mark-as-appropriate, #ag-most-used-apps .mark-as-inappropriate, #ag-most-used-apps .mark-as-game {position: relative; display: block; height: 0; margin: 3px 0; color: #969696; cursor: pointer;} #ag-most-used-apps .mark-as-appropriate:hover, #ag-most-used-apps .mark-as-inappropriate:hover, #ag-most-used-apps .mark-as-game:hover {text-decoration: underline; color: #0081c2;} #ag-most-used-apps .mark-as-appropriate:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -555px -50px; content: "";} #ag-most-used-apps .mark-as-appropriate:hover:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -555px -26px; content: "";} #ag-most-used-apps .mark-as-inappropriate:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -530px -50px; content: "";} #ag-most-used-apps .mark-as-inappropriate:hover:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -530px -26px; content: "";} #ag-most-used-apps .mark-as-game:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -411px -50px; content: "";} #ag-most-used-apps .mark-as-game:hover:before {position: absolute; left: -31px; top: 0px; display: block; width: 20px; height: 20px; background: url("../img/epc-icons.png") no-repeat -411px -26px; content: "";}*/ #ag-most-used-apps .app-class-appropriate {position: relative; display: block; width: 33px; height: 60px;} #ag-most-used-apps .app-class-appropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #8dc640; content: "";} /*#ag-most-used-apps .app-class-appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -50px; content: "";}*/ #ag-most-used-apps .app-class-appropriate:after {position: absolute; left: 8px; top: 19px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -532px -3px; content: "";} #ag-most-used-apps .app-class-inappropriate {position: relative; display: block; width: 33px; height: 60px;} #ag-most-used-apps .app-class-inappropriate:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #e04239/*fbbf01*/; content: "";} /*#ag-most-used-apps .app-class-inappropriate:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -50px; content: "";}*/ #ag-most-used-apps .app-class-inappropriate:after {position: absolute; left: 8px; top: 21px; z-index: 2; display: block; width: 18px; height: 20px; background: url(../img/epc-icons.png) no-repeat -556px -1px; content: "";} #ag-most-used-apps .app-class-timelimited {position: relative; display: block; width: 33px; height: 60px;} #ag-most-used-apps .app-class-timelimited:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 60px; background-color: #3daae1; content: "";} /*#ag-most-used-apps .app-class-timelimited:after {position: absolute; left: 7px; top: 24px; z-index: 2; display: block; width: 20px; height: 15px; background: url(../img/epc-icons.png) no-repeat -411px -52px; content: "";}*/ #ag-most-used-apps .app-class-timelimited:after {position: absolute; left: 7px; top: 24px; z-index: 2; display: block; width: 20px; height: 15px; background: url(../img/epc-icons.png) no-repeat -411px -5px; content: "";} #reports-appguard-app-usage {display: none; width: calc(100% - 20px); padding: 40px 0 20px 0;} span.link-back {position: absolute; right: 20px; bottom: 20px; z-index: 1; float: right; display: none; height: 32px; padding: 0 40px; line-height: 32px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} span.link-back:active {box-shadow: 0px 0px 0px #363636;} #reports-appguard-app-usage {padding: 0 0 20px 0;} #single-app-graph {padding: 40px 0 0 0;} #usage-heat-map-description {float: left; margin: 20px 0 40px 100px; list-style: none;} #usage-heat-map-description li {position: relative; float: left; display: inline-block; margin: 0 0 0 45px;} #usage-heat-map-description li:before {position: absolute; left: -25px; top: 2px; display: block; width: 15px; height: 15px; content: "";} #usage-heat-map-description li.no-usage:before {background-color: #f8f8f8;} #usage-heat-map-description li.minor-usage:before {background-color: #e4bebc;} #usage-heat-map-description li.medium-usage:before {background-color: #da928e;} #usage-heat-map-description li.frequent-usage:before {background-color: #cd6964;} #usage-heat-map-description li.heavy-usage:before {background-color: #c34942;} #usage-heat-map {} #usage-heat-map thead {} #usage-heat-map thead tr {height: 36px;} #usage-heat-map thead tr th {width: 18px; height: 36px; margin: 0; padding: 0; text-align: left; font-size: 15px; font-weight: 400; color: #969696;} #usage-heat-map thead tr th.dayhour {} #usage-heat-map thead tr th.hour {position: relative;} #usage-heat-map thead tr th.hour[data-hour="0"]:before {position: absolute; left: 0; top: -20px; display: block; width: 120px; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map thead tr th.hour[data-hour="12"]:before {position: absolute; left: 0; top: -20px; display: block; width: 120px; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map tbody {} #usage-heat-map tbody tr {height: 36px;} #usage-heat-map tbody tr td {height: 36px; margin: 0; padding: 0; border: 1px solid #ededed; border-left: none; border-right: none; font-size: 15px; color: #363636;} #usage-heat-map tbody tr:first-of-type td, #usage-heat-map tbody tr:first-of-type td.no-usage {border-top: 1px solid #1493d4; border-bottom: 1px solid #1493d4; background-color: #eaffff;} #usage-heat-map tbody tr.saturday td {border-bottom: 1px solid #00c590; background-color: #f2fffa;} #usage-heat-map tbody tr.sunday td {border-top: 1px solid #00c590; background-color: #f2fffa;} #usage-heat-map tbody tr td:nth-of-type(2), #usage-heat-map tbody tr td:nth-of-type(5), #usage-heat-map tbody tr td:nth-of-type(8),#usage-heat-map tbody tr td:nth-of-type(11), #usage-heat-map tbody tr td:nth-of-type(14), #usage-heat-map tbody tr td:nth-of-type(17), #usage-heat-map tbody tr td:nth-of-type(20), #usage-heat-map tbody tr td:nth-of-type(23) {border-left: 1px solid #ededed;} #usage-heat-map tbody tr td.day {border-right: 1px solid #ededed; background-color: #fff; color: #363636;} #usage-heat-map tbody tr td.day span {display: block;} #usage-heat-map tbody tr td.day .today {line-height: 18px; font-weight: 600; color: #1493d4;} #usage-heat-map tbody tr.saturday td.day, #usage-heat-map tbody tr.sunday td.day {color: #00c590;} #usage-heat-map tbody tr td.day .time {line-height: 18px;} #usage-heat-map tbody tr td.main {background-color: #dbdbdb;} #usage-heat-map tbody tr td.no-usage {background-color: #fff;} #usage-heat-map tbody tr.saturday td.no-usage, #usage-heat-map tbody tr.sunday td.no-usage {background-color: #f2fffa;} #usage-heat-map tbody tr td.main.no-usage {background-color: #e6e6e6;} #usage-heat-map tbody tr td.minor-usage {background-color: #e4bebc;} #usage-heat-map tbody tr td.medium-usage {background-color: #da928e;} #usage-heat-map tbody tr td.frequent-usage {background-color: #cd6964;} #usage-heat-map tbody tr td.heavy-usage {background-color: #c34942;} #daily-usage-filter {float: right;} #reports-appguard-daily-usage-time-limited {clear: both; width: calc(100% - 20px); padding: 20px 0;} table.reports tbody tr.marked {} table.reports tbody tr.marked td {background-color: #d3d3d3;} table.reports tbody tr.marked td .name {color: #969696;} table.reports tbody tr.marked td .visits {color: #a6a6a6;} table.reports tbody tr.marked td .percentage {background-color: #c6c6c6; color: #969696;} #heat-map-data {} .no-data {padding: 10px 20px 30px 20px;} #reports-appguard .filters {margin: 0 -20px;} #reports-appguard #most-used-applications-inner .filters {margin: 0;} .btn.darkblue.btn-premium {position: relative;} .btn.darkblue.btn-premium:hover {background-color: #fff; color: #3a5999;} .btn-premium .premium-block:before {position: absolute; right: -22px; top: 8px; padding: 2px 20px; line-height: 10px; text-transform: uppercase; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); font-size: 8px; background-color: #058dd1; color: #fff; content: "Premium";} /* *********** END *********** */ /* REPORTS */ /* *************************** */ /* *************************** */ /* PROFILE */ /* ********** START ********** */ #profile {margin: 0 0 20px 0;} /*#profile h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 1.7rem; font-weight: 400; background-color: #036292; color: #fff;} #profile h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";}*/ #profile .articleHeadingTwo {background-color: #0090d5;} #profile .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -1443px -75px; content: "";} #profile .form {padding-bottom: 54px;} #profile label {float: left; display: inline-block; width: 200px; line-height: 18px; font-size: 18px; font-weight: 400; color: #363636;} #profile .label-radio {width: auto; margin-right: 40px; line-height: 15px; font-size: 15px;} #profile .wrapper-img {position: relative; display: inline-block; margin: 0 0 20px 0; min-width: 140px; min-height: 140px;} #profile .wrapper-img img {left: 0px; top: 0px; display: block; min-width: 140px; max-width: 500px; min-height: 140px; max-height: 500px; } #profile hr {clear: both; margin: 20px 0; border: solid 1px #e3e3e3;} #profile input[type="text"], #profile input[type="datetime"] {display: inline-block; width: 228px;} #profile input#BirthDate {float: left;} #profile input[type="submit"] {float: right; margin: 0 0 0 20px;} #profile input[type="submit"]:not(input[type="disabled"]):hover {background-color: #0090d5;} #profile .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #profile .btn.darkred {margin: 0 20px 0 0;} #profile-alerts-and-emails {} #profile-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #profile-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #settings-alerts-and-emails .form {padding-bottom: 54px;} #settings-alerts-and-emails hr {margin: 20px 0; border: solid 1px #e3e3e3;} #settings-alerts-and-emails .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails input[type="submit"] {float: right;} .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 200px; padding: 0 40px; border: none; line-height: 32px; box-shadow: 2px 2px 0px #363636; background-color: #036292; color: #fff; cursor: pointer;} .wrapper-input-file:hover {background-color: #0090d5;} .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} /* *********** END *********** */ /* PROFILE */ /* *************************** */ /* *************************** */ /* CREATE */ /* ********** START ********** */ #create {} #create h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #036292; color: #fff;} #create h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";} #create .form {padding-bottom: 54px;} #create hr {margin: 20px 0; color: #e3e3e3;} #create input[type="submit"] {float: right;} #create .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} /* *********** END *********** */ /* CREATE */ /* *************************** */ /* *************************** */ /* SETTINGS */ /* ********** START ********** */ #settings {} /*#settings h2 {position: relative; margin: 20px 0 4px 0; padding: 20px 20px 20px 80px; font-size: 1.7rem; font-weight: 400; background-color: #036292; color: #fff;} #settings h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";}*/ #settings .articleHeadingTwo {margin: 20px 0 0 0; background-color: #0090d5;} #settings .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -290px -75px; content: "";} #settings h4 {float: left; width: 300px; height: 56px; margin: 0 20px 0 0; padding: 0; line-height: 18px; font-size: 18px; font-weight: 400; background-color: #fff; color: #363636;} .wrapper-settings {float: left; width: calc(100% - 320px); padding: 5px 0 0 0;} #settings .form {padding-bottom: 54px;} .wrapper-img {position: relative; margin: 0 0 20px 0; } .wrapper-img img {left: 0px; top: 0px; display: block; max-width: 500px; max-height: 500px; } #settings hr {clear: both; height: 20px; margin: 0 0 20px 0; border: none; border-bottom: solid 1px #e3e3e3;} #settings input[type="text"], #settings input[type="datetime"] {width: 228px;} #settings input[type="submit"], #settings input[type="button"] {float: right;} #settings .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #settings .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #settings .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #settings .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails {} #settings-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #settings-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #txtNumber {display: inline-block; margin: 0 20px 20px 0;} #settings .link-add {margin: 0 0 20px 0;} #wrapper-list-phone-numbers {margin: 0 0 40px 0; padding: 20px; background-color: #f8f8f8;} #list-phone-numbers {min-height: 41px; max-height: 164px; margin: 0; overflow-y: auto; list-style: none;} #list-phone-numbers li {position: relative; display: block; height: 36px; padding: 0 20px 0 53px; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fff;} #list-phone-numbers li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 33px; height: 36px; background-color: #77bb1a; content: "";} #list-phone-numbers li:after {position: absolute; left: 10px; top: 9px; z-index: 2; display: block; width: 12px; height: 19px; background: url(../img/epc-icons.png) no-repeat -582px -3px; content: "";} #list-phone-numbers li .number {line-height: 36px; color: #363636;} #list-phone-numbers li .remove {position: absolute; right: 20px; padding: 0 0 0 34px; line-height: 36px; cursor: pointer;} /*#list-phone-numbers li .remove:before {position: absolute; left: 0; top: 8px; display: block; width: 14px; height: 19px; background: url(../img/epc-icons-14x19.png) no-repeat left top; content: "";}*/ #list-phone-numbers li .now-added {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #3a5999; color: #fff;} #list-phone-numbers li .now-deleted {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #e03d34; color: #fff;} #settings .info {float: right; width: 18px; height: 18px; margin: -35px 0 0 0; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #settings .info:hover {float: none; width: auto; height: auto; margin: -35px 0 20px 0; padding: 30px 38px 0 0; text-indent: initial; font-size: 14px; background: url(../img/epc-icons-18x18.png) no-repeat right top;} #add-phone-number {float: none; display: inline-block;} /* *********** END *********** */ /* SETTINGS */ /* *************************** */ /* *************************** */ /* LICENSE */ /* ********** START ********** */ #license {} /*#license h2 {position: relative; margin: 20px 0 4px 0; padding: 20px 20px 20px 80px; font-size: 1.7rem; font-weight: 400; background-color: #036292; color: #fff;} #license h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";}*/ #license .articleHeadingTwo {margin: 20px 0 0 0; background-color: #0090d5;} #license .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -290px -75px; content: "";} #license h3 {height: 46px; margin: 0; padding: 0 20px; border-top: 5px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; line-height: 46px; font-size: 18px; font-weight: 400; background-color: #fff; color: #363636;} #license.disabled h3 {color: #e3e3e3;} #license h4 {clear: both; height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 1.15rem; font-weight: 400; background-color: #fff; color: #363636;} #license .form {padding-bottom: 54px;} #license hr {margin: 20px 0; border: solid 1px #e3e3e3;} #license input[type="text"], #license input[type="datetime"] {width: 228px;} #license input[type="submit"], #license input[type="button"] {float: right;} #license .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #license .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #license .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #license .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #license .link-add {margin: 0 0 20px 0;} #product-activation {background-color: #fff;} /*#product-activation h2 {position: relative; margin: 20px 0 4px 0; padding: 20px 20px 20px 80px; font-size: 1.7rem; font-weight: 400; background-color: #036292; color: #fff;} #product-activation h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat -120px top; content: "";}*/ #product-activation .articleHeadingTwo {margin: 20px 0 0 0; background-color: #0090d5;} #product-activation .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -435px -75px; content: "";} .licenseKeyYes {float: left; width: 539px; margin: 20px 0 0 0; } .licenseKeyNo {float: left; width: 539px; margin: 20px 0 0 0; border-left: 2px solid #e3e3e3;} #product-activation h3 {height: 46px; margin: 0; padding: 0 20px; line-height: 46px; font-size: 22px; font-weight: 400; background-color: #fff; color: #363636;} #product-activation.disabled h3 {color: #e3e3e3;} #product-activation h4 {clear: both; height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 1.15rem; font-weight: 400; background-color: #fff; color: #363636;} #product-activation .form {padding-bottom: 54px;} #product-activation label {float: left; display: inline-block; width: 200px; margin: 0 20px 10px 0; line-height: 18px; text-transform: lowercase; font-size: 18px; font-weight: 400; color: #363636;} #product-activation label:first-letter {text-transform: uppercase;} #product-activation .sel-hack {float: left;} #product-activation .chb-hack {float: left; margin: 0 0 0 220px;} #product-activation hr {margin: 20px 0; border: solid 1px #e3e3e3;} #product-activation input[type="text"], #product-activation input[type="datetime"] {float: left; display: inline-block; width: 228px;} #product-activation input#licenseKey {float: none; display: block;} #product-activation input[type="submit"], #product-activation input[type="button"] {float: right;} #product-activation .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #product-activation .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #product-activation .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #product-activation .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #product-activation .link-add {margin: 0 0 20px 0;} #product-activation .btn.darkred {margin: 0 20px 0 0;} #activation-ok {background-color: #fff;} #activation-ok .articleHeadingTwo {margin: 20px 0 0 0; background-color: #0090d5;} #activation-ok .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -435px -75px; content: "";} #activation-ok h3 {height: 46px; margin: 0; padding: 0 20px; line-height: 46px; font-size: 22px; font-weight: 400; background-color: #fff; color: #363636;} #activation-ok .form {padding-bottom: 54px;} /* *********** END *********** */ /* LICENSE */ /* *************************** */ /* *************************** */ /* DEVICES */ /* ********** START ********** */ #devices {} #devices header {height: auto;} /*#devices h1 {position: relative; margin: 20px 0 4px 0; padding: 20px 20px 20px 80px; font-size: 28px; font-weight: 400; background-color: #0081c2; color: #fff;} #devices h1:before {position: absolute; left: 20px; top: 17px; display: block; width: 51px; height: 28px; background: url(../img/epc-icons-devices.png) no-repeat left top; content: "";}*/ #devices .articleHeadingTwo {background-color: #0090d5;} #devices .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -386px -75px; content: "";} #list-devices {position: relative; overflow: hidden; width: calc(100% - 40px); height: 260px; padding: 20px; text-align: center; background-color: #f4f4f4;} #list-devices ul {height: 260px; overflow: hidden;} #list-devices ul li {position: relative; display: inline-block; width: 176px; height: 180px; margin: 0 10px; padding: 40px 0 20px 0; border: 3px solid #f4f4f4; cursor: pointer;} #list-devices ul li:hover {background-color: #efefef;} #list-devices ul li.traverz {display: none;} /*#list-devices ul li:hover:after*/#list-devices ul li.selected:after {position: absolute; left: 68px; bottom: -43px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; content: "";} /*#list-devices ul li.smartphone:before {position: absolute; left: calc(50% - 34px); top: 40px; display: block; width: 67px; height: 116px; background: url(../img/epc-icons-list-devices.png) no-repeat left top; content: "";}*/ #list-devices ul li.smartphone:before {position: absolute; left: calc(50% - 28px); top: 40px; display: block; width: 57px; height: 89px; background: url(../img/epc-icons.png) no-repeat -42px -532px; content: "";} #list-devices ul li.smartphone.selected:before {background: url(../img/epc-icons.png) no-repeat -42px -388px;} /*#list-devices ul li.tablet:before {position: absolute; left: calc(50% - 43px); top: 40px; display: block; width: 85px; height: 116px; background: url(../img/epc-icons-list-devices.png) no-repeat -67px top; content: "";}*/ #list-devices ul li.tablet:before {position: absolute; left: calc(50% - 61px); top: 40px; display: block; width: 122px; height: 88px; background: url(../img/epc-icons.png) no-repeat -155px -534px; content: "";} #list-devices ul li.tablet.selected:before {background: url(../img/epc-icons.png) no-repeat -155px -390px;} #list-devices ul li.desktop:before {position: absolute; left: calc(50% - 88px); top: 40px; display: block; width: 176px; height: 116px; background: url(../img/epc-icons-list-devices.png) no-repeat -152px top; content: "";} #list-devices ul li.selected {border: 3px solid #0081c2;} #list-devices ul li span {position: absolute; left: 0; bottom: 20px; display: block; width: 166px; height: 46px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #363636;} #list-devices ul li span:before {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 0; display: block; width: 108px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left -16px; content: "";} #list-devices ul li span.rankstars-05:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 21px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat -115px top; content: "";} #list-devices ul li span.rankstars-1:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 21px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left top; content: "";} #list-devices ul li span.rankstars-15:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 42px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat -92px top; content: "";} #list-devices ul li span.rankstars-2:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 42px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left top; content: "";} #list-devices ul li span.rankstars-25:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 63px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat -69px top; content: "";} #list-devices ul li span.rankstars-3:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 63px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left top; content: "";} #list-devices ul li span.rankstars-35:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 84px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat -46px top; content: "";} #list-devices ul li span.rankstars-4:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 84px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left top; content: "";} #list-devices ul li span.rankstars-45:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 108px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat -23px top; content: "";} #list-devices ul li span.rankstars-5:after {position: absolute; left: calc(50% - 54px); bottom: 0; z-index: 1; display: block; width: 108px; height: 16px; background: url(../img/epc-icons-rankstars.png) no-repeat left top; content: "";} #list-devices-prev {position: absolute; left: 0; top: 0; display: block; width: 27px; height: 300px; text-indent: -99999px; background-color: #f4f4f4; cursor: pointer;} #list-devices-prev:before {position: absolute; left: 2px; top: 130px; width: 0; height: 0; border-bottom: 16px solid transparent; border-top: 16px solid transparent; border-right: 16px solid #b9b9b9; content: "";} #list-devices-prev:hover:before {position: absolute; left: 2px; top: 130px; width: 0; height: 0; border-bottom: 16px solid transparent; border-top: 16px solid transparent; border-right: 16px solid #0081c2; content: "";} #list-devices-next {position: absolute; right: 0; top: 0; display: block; width: 27px; height: 300px; text-indent: -99999px; background-color: #f4f4f4; cursor: pointer;} #list-devices-next:before {position: absolute; right: 2px; top: 130px; width: 0; height: 0; border-bottom: 16px solid transparent; border-top: 16px solid transparent; border-left: 16px solid #b9b9b9; content: "";} #list-devices-next:hover:before {position: absolute; right: 2px; top: 130px; width: 0; height: 0; border-bottom: 16px solid transparent; border-top: 16px solid transparent; border-left: 16px solid #0081c2; content: "";} #devices article.tablet, #devices article.smartphone {display: none;} #devices article.tablet.selected, #devices article.smartphone.selected {display: block;} #devices article header {position: relative; padding: 20px 0; background-color: #fff;} #devices article p {line-height: 22px; font-size: 16px;} #devices #threesteps p {line-height: 20px; font-size: 14px;} #devices article header h2 {position: relative; width: 550px; height: 46px; margin: 0; padding: 0 20px 0 80px; border: none; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; line-height: 46px; font-size: 24px; font-weight: bold; background-color: #fff; color: #363636;} /*#devices article.smartphone header h2:before {position: absolute; left: 34px; top: 12px; display: block; width: 15px; height: 26px; background: url("../img/epc-icons-list-devices-small.png") no-repeat left top; content: "";}*/ #devices article.smartphone header h2:before {position: absolute; left: 34px; top: 12px; display: block; width: 19px; height: 31px; background: url(../img/epc-icons.png) no-repeat -1166px -177px; content: "";} /*#devices article.tablet header h2:before {position: absolute; left: 26px; top: 12px; display: block; width: 20px; height: 26px; background: url("../img/epc-icons-list-devices-small.png") no-repeat left top; content: "";}*/ #devices article.tablet header h2:before {position: absolute; left: 24px; top: 11px; display: block; width: 40px; height: 29px; background: url(../img/epc-icons.png) no-repeat -1204px -178px; content: "";} #devices article.desktop header h2:before {position: absolute; left: 22px; top: 12px; display: block; width: 39px; height: 26px; background: url("../img/epc-icons-list-devices-small.png") no-repeat -35px top; content: "";} #devices article header p {width: 550px; margin: 0 20px 0 80px;} #devices article header p.last-seen {position: absolute; right: 20px; top: 40px; display: block; width: 300px;} #devices article header p.warning {margin-bottom: 10px; font-weight: 600; color: #fbbf01;} #devices article header p.alert {font-weight: 600; color: #e03d34;} #devices article header p.last-seen b {display: block;} #devices article ul {list-style: none;} #devices article ul li {position: relative; padding: 20px 550px 20px 80px; border-top: 3px solid #f5f5f5; border-bottom: 2px solid #e4e4e4; line-height: 22px; font-size: 16px; background-color: #fff;} /*#devices article ul li:before {position: absolute; left: 26px; top: calc(50% - 15px); display: block; width: 31px; height: 30px; background: url("../img/epc-icons-list-devices-star.png") no-repeat left top; content: "";}*/ #devices article ul li:before {position: absolute; left: 32px; top: 21px; display: block; width: 22px; height: 22px; background: url(../img/epc-icons.png) no-repeat -1261px -181px; content: "";} /*#devices article ul li .link-learnhow {position: absolute; right: 20px; top: 20px; color: #036292;}*/ #devices .form {position: relative; padding: 20px 30px 100px 80px; border-top: 3px solid #f5f5f5; border-bottom: 2px solid #e4e4e4; background-color: #fff;} #devices input[type="text"], #devices input[type="datetime"] {width: calc(100% - 20px);} #devices input[type="submit"], #devices input[type="button"], #devices span.btn.darkred {float: right; margin: 30px 0 0 20px;} #devices .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #devices .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #devices .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #devices .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} /*#devices input[type="button"].remove {background-color: #e03d34;}*/ #devices .link-14px {position: absolute; right: 20px; top: 20px;} #wizard-no-connected-device {position: relative; padding: 20px; text-align: center; background-color: #fff;} #wizard-no-connected-device div {position: relative; display: inline-block; width: 234px; margin: 0 10px; padding: 156px 20px 20px 20px; border: 3px solid #f4f4f4; background-color: #fafafa;} #wizard-no-connected-device div:hover {background-color: #fff;} #wizard-no-connected-device div:before {position: absolute; left: calc(50% - 34px); top: 20px; display: block; width: 67px; height: 116px; background: url(../img/epc-icons-list-devices.png) no-repeat left top; content: "";} #wizard-no-connected-device div h3 {margin: 0 0 20px 0; text-align: center; color: #363636;} #wizard-no-connected-device div p {text-align: center; color: #363636;} #wizard-no-connected-device div p a {font-weight: 400; color: #036292;} input[type="radio"].iconmob+.label-icon {float: left; display: block; width: 57px; height: 89px; margin: 0 20px 0 0; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -42px -532px; cursor: pointer;} input[type="radio"].iconmob[checked]+.label-icon, input[type="radio"].iconmob+.label-icon:hover {background: url(../img/epc-icons.png) no-repeat -42px -388px;} input[type="radio"].iconpc+.label-icon {float: left; display: block; width: 122px; height: 88px; margin: 0 20px 0 0; text-indent: -99999px; background: url(../img/epc-icons.png) no-repeat -155px -534px; cursor: pointer;} input[type="radio"].iconpc[checked]+.label-icon, input[type="radio"].iconpc+.label-icon:hover {background: url(../img/epc-icons.png) no-repeat -155px -390px;} #devices hr {clear: both; margin: 260px 0 0 0; border: solid 1px #e3e3e3;} #devices h4 {float: left; width: 300px; height: 56px; margin: 0 20px 0 0; padding: 0; line-height: 18px; font-size: 18px; font-weight: 400; background-color: #fff; color: #363636;} /* *********** END *********** */ /* DEVICES */ /* *************************** */ /* *************************** */ /* FEEDBACK */ /* ********** START ********** */ #feedback {} #feedback .articleHeadingTwo {margin: 20px 0 0 0; background-color: #0090d5;} #feedback .articleHeadingTwo:before {position: absolute; left: 20px; top: 10px; display: block; width: 42px; height: 42px; background: url(../img/epc-icons.png) no-repeat -290px -75px; content: "";} #feedback h3 {height: 46px; margin: 0; padding: 0 20px 0 80px; border-top: 5px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; line-height: 46px; font-size: 1.25rem; font-weight: 400; background-color: #fff; color: #363636;} #feedback.disabled h3 {color: #e3e3e3;} #feedback h4 {clear: both; height: 56px; margin: 0; padding: 0; line-height: 56px; font-size: 1.15rem; font-weight: 400; background-color: #fff; color: #363636;} #feedback .form {padding-bottom: 54px;} #feedback hr {margin: 20px 0; border: solid 1px #e3e3e3;} #feedback input[type="text"], #feedback input[type="datetime"] {width: 228px;} .btn {float: right;} #feedback .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #feedback .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #feedback .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #feedback .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #feedback .info {float: right; width: 18px; height: 18px; margin: -35px 0 0 0; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #feedback .info:hover {float: none; width: auto; height: auto; margin: -35px 0 20px 0; padding: 30px 38px 0 0; text-indent: initial; font-size: 14px; background: url(../img/epc-icons-18x18.png) no-repeat right top;} #feedback label {font-size: 15px;} /* *********** END *********** */ /* FEEDBACK */ /* *************************** */ article.detail {display: block; width: 1060px; min-height: 450px; margin: 0 10px 20px 10px; background: none;} article.detail h2 {font-size: 1.75rem; color: #fff;} article.detail img {float: left; margin: 10px;} article.detail .lnk-btn {float: left; margin: 10px;} article.detail ul {float: left; margin: 10px; list-style: none;} article.detail ul li {margin-bottom: 10px; font-size: 15px;} #nav-detail {position: absolute; right: 0; top: 10px;} #nav-detail a {text-decoration: none; color: #666;} #nav-detail a:hover {text-decoration: underline; color: #333;} #nav-profile {position: absolute; right: 0; top: 84px;} #nav-profile a {margin-left: 20px; padding-bottom: 1px; border: none; text-transform: uppercase; text-decoration: none; font-size: 16px; font-weight: 600; color: #363636;} #nav-profile a:hover {border-bottom: 4px solid #bfbfbf;} #nav-profile a.selected {border-bottom: 4px solid #00c0f2;} #nav-profile a.selected:hover {border-bottom: 4px solid #00c0f2;} /*#nav-profiles {position: absolute; left: 20px; top: 40px; z-index: 2147483640; height: 290px;} #nav-profiles a {position: relative; display: block; width: 50px; height: 50px; margin: 0 0 6px 0; border: 2px solid #e3e3e3; border-radius: 50px; box-shadow: 1px 1px 2px #c3c3c3;} #nav-profiles a:hover {border: 2px solid #c3c3c3;} #nav-profiles a .profile-name {float: left; display: none; max-width: 150px; margin: 15px 0 0 10px; padding: 2px 10px; border-radius: 2px; word-break: break-all; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #nav-profiles a img {float: left; width: 50px; height: 50px; border-radius: 50px; background-color: #f6f5f4;} #nav-profiles a.home .icon {position: relative; float: left; display: block; width: 50px; border-radius: 50px; text-indent: -99999px; background-color: #575756;} #nav-profiles a.home:hover .icon {background-color: #0081c2;} #nav-profiles a.home .icon:before {position: absolute; left: 12px; bottom: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon:after {position: absolute; right: 12px; bottom: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span {display: block; width: 50px; height: 50px; margin: 0; padding: 0;} #nav-profiles a.home .icon span:before {position: absolute; left: 12px; top: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span:after {position: absolute; right: 12px; top: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.add {position: relative; left: 0; top: 180px; z-index: 1;} #nav-profiles a.add .icon {position: relative; float: left; display: block; width: 50px; height: 50px; border-radius: 50px; text-indent: -99999px; background-color: #575756;} #nav-profiles a.add:hover .icon {background-color: #0081c2;} #nav-profiles a.add .icon:before {position: absolute; left: 12px; top: 12px; display: block; width: 26px; height: 25px; padding: 1px 0 0 0; border-radius: 26px; text-align: center; text-indent: 0; font-size: 2rem; background-color: #fff; color: #575756; content: "+";} #nav-profiles a.add .icon:after {display: none;} #nav-profiles a.add:hover .icon:before {color: #0081c2;} #wrapper-nav-profiles {position: absolute; left: 0; top: 60px; display: block; width: 56px; height: 170px; overflow: hidden;} #scroller-nav-profiles {position: absolute; left: 0; top: 0; display: block; width: 50px;}*/ #nav-profiles {position: absolute; left: 20px; top: 40px; z-index: 2147483640; max-height: 720px; overflow: hidden;} #nav-profiles a {position: relative; display: block; width: 50px; height: 50px; margin: 0 0 6px 0; border: 2px solid #e3e3e3; border-radius: 50px; box-shadow: 1px 1px 2px #c3c3c3;} #nav-profiles a:hover {border: 2px solid #c3c3c3;} #nav-profiles a .profile-name {float: left; display: none; max-width: 150px; margin: 15px 0 0 10px; padding: 2px 10px; border-radius: 2px; word-break: break-all; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #nav-profiles a img {float: left; width: 50px; height: 50px; border-radius: 50px; background-color: #f6f5f4;} #nav-profiles a.home .icon {position: relative; float: left; display: block; width: 50px; border-radius: 50px; text-indent: -99999px; background-color: #575756;} #nav-profiles a.home:hover .icon {background-color: #0081c2;} #nav-profiles a.home .icon:before {position: absolute; left: 12px; bottom: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon:after {position: absolute; right: 12px; bottom: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span {display: block; width: 50px; height: 50px; margin: 0; padding: 0;} #nav-profiles a.home .icon span:before {position: absolute; left: 12px; top: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span:after {position: absolute; right: 12px; top: 12px; display: block; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.add {position: relative; z-index: 1;} #nav-profiles a.add .icon {position: relative; float: left; display: block; width: 50px; height: 50px; border-radius: 50px; text-indent: -99999px; background-color: #575756;} #nav-profiles a.add:hover .icon {background-color: #0081c2;} #nav-profiles a.add .icon:before {position: absolute; left: 12px; top: 12px; display: block; width: 26px; height: 25px; padding: 1px 0 0 0; border-radius: 26px; text-align: center; text-indent: 0; font-size: 2rem; background-color: #fff; color: #575756; content: "+";} #nav-profiles a.add .icon:after {display: none;} #nav-profiles a.add:hover .icon:before {color: #0081c2;} #tooltipProfileName {position: absolute; z-index: 2147483647; display: block; max-width: 150px; height: 15px; margin: 15px 0 0 10px; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; border-radius: 2px; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} /* WEB GUARD */ .switcher {position: absolute; right: 20px; top: 20px;} /* FOOTER */ footer {clear: both;} footer .inner {max-width: 1060px; min-height: 100px; padding: 40px 0 0 0; border-top: 1px solid #c5c5c5;} footer .link {float: left; display: block; width: 70px; height: 40px; margin: 10px 10px 0 0; text-indent: -99999px; background: url("../img/epc-logo-footer.png") no-repeat left top;} footer nav {display: block; margin-bottom: 5px;} footer nav a {margin: 0 5px; padding-left: 10px; border-left: 1px solid #9599a3; text-decoration: none; font-size: 12.5px; color: #363636;} footer nav a:first-of-type {margin: 0 5px 0 0; padding-left: 0; border-left: none;} footer nav a:hover {text-decoration: underline; color: #363636;} footer p {display: block; font-size: 12.5px; color: #969696;} #epc-version {display: block; width: 100px; margin: 0 auto; text-align: center; font-size: 13px; font-weight: 700; color: #ff0000;} /* *************************** */ /* DIALOG */ /* ********** START ********** */ #dialog-wrapper {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2147483647; /*display: none;*/ background: rgba(0,0,0,0.5);} #dialog {position: absolute; left: 10px; right: 10px; top: auto; display: block; width: calc(100% - 20px); max-width: 480px; margin: 40px auto; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);} #dialog .header {padding: 10px 65px 10px 30px; background-color: #363636;} #dialog .header h2 {line-height: 25px; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 17px; font-weight: 100; color: #fff;} #dialog .body {padding: 30px; background-color: #fff;} #dialog .body p {line-height: 21px; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; color: #363636;} #dialog .footer {height: 32px; padding: 10px 30px; background-color: #eee;} #dialog .footer .close {position: absolute; right: 30px; top: 10px; display: block; width: 25px; height: 25px; border-radius: 25px; text-indent: -999999px; background-color: #ddd; cursor: pointer;} #dialog .footer .close:after {position: absolute; left: 5px; top: 6px; z-index: 1; display: block; text-indent: 0; font-family: Arial; font-size: 29px; font-weight: 400; color: #363636; /*transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);*/ content: "×";} #dialog .footer .btn.darkgray {position: absolute; left: 30px; bottom: 10px;} #dialog .footer .btn.darkred {position: absolute; right: 30px; bottom: 10px;} /* *********** END *********** */ /* DIALOG */ /* *************************** */ /* *************************** */ /* PRELOADER */ /* ********** START ********** */ #loadingIcon {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2147483647; display: none; background: rgba(200,200,200,0.5);} #loadingIcon:before {position: absolute; left: calc(50% - 60px); top: calc(50% - 63px); z-index: 1; display: block; width: 120px; height: 126px; background: url(../img/pcp-gray-transparent.png) no-repeat left top; content: "";} #loadingIcon:after {position: absolute; left: calc(50% - 60px); top: calc(50% + 73px); z-index: 2; display: block; width: 120px; height: 15px; background: url(../img/preloader-horizontal.gif) no-repeat left top; content: "";} .loader48 {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2147483647; /*display: none;*/ background-color: #fff;} .loader48:before {position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); z-index: 2147483647; display: block; width: 48px; height: 48px; background: url(../img/loader48.gif) no-repeat left top; content: "";} *! > .loader48 {position: relative;} .loader49 {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2147483647; /*display: none;*/ background-color: #fff; opacity: 0.7;filter: alpha(opacity=70);} .loader49:before {position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); z-index: 2147483647; display: block; width: 48px; height: 48px; background: url(../img/loader48.gif) no-repeat left top; content: "";} *! > .loader49 {position: relative;} /* *********** END *********** */ /* PRELOADER */ /* *************************** */ /* UI Dialog */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;} .ui-widget-content a {} .bpDialog {margin: 0px; padding: 0px; font-size: inherit; font-family: inherit; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: none; z-index: 10001;} .bpDialog .ui-dialog-titlebar {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: #FFFFFF none left top no-repeat; border: 0px solid; border-bottom: 1px solid #DDDDDD;} .bpDialog .ui-dialog-titlebar .ui-dialog-title {color: #333;} .bpDialog .ui-state-default {background: none transparent; border:0px solid; margin-right:10px;} .bpDialog .ui-state-default span.ui-icon {background:url(../img/icons/icon_close_popup.png) center center no-repeat;} .ui-dialog .ui-dialog-content {padding: 0px; overflow: hidden;} .ui-widget-overlay {z-index: 10000; background: #000000; opacity: 0.6;} .ui-front {z-index: 10000;} .ui-dialog .ui-dialog-title {margin: 0; overflow: visible;} .ui-dialog .ui-dialog-titlebar {padding: 20px;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 11px;} #dialogContainer {min-width: 500px; position: relative; padding: 0 0 55px 0;} #dialogContainer .dialog-body {} #dialogContainer .dialog-body .dialog-data {margin: 0; padding: 0;} #dialogContainer .dialog-body .dialog-data h3 {} #dialogContainer .dialog-body .dialog-data p {} #dialogContainer .dialog-body .dialog-data label {} #dialogContainer .dialog-body .dialog-data .inp-text {} #dialogContainer .dialog-body .dialog-data .tbl {margin: 0 0 30px 0;} #dialogContainer .dialog-body .dialog-data .tbl thead {} #dialogContainer .dialog-body .dialog-data .tbl.olf thead {display: table-header-group;} #dialogContainer .dialog-body .dialog-data .tbl thead tr {height: 30px;} #dialogContainer .dialog-body .dialog-data .tbl thead tr th {height: 30px; line-height: 30px;} #dialogContainer .dialog-body .dialog-data .tbl tbody {} #dialogContainer .dialog-body .dialog-data .tbl tbody tr {} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td {} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td b {text-transform: uppercase; font-weight: normal;} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td .lnk {cursor: pointer; color: #2a9ad2;} #dialogContainer .dialog-body .dialog-data .tbl.olf tbody tr td {} #dialogContainer .dialog-body .dialog-data .tbl.olf tbody tr td .createOfflineFile {float: left;} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td .sel-hack {width: 310px; margin: 0;} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td .sel-hack select {width: 308px;} #dialogContainer .dialog-body .dialog-data .tbl tbody tr td .licensePublicId {float: none; display: inline-block;} #dialogContainer .dialog-body .dialog-data .tbl .inp-text {height: 30px; line-height: 30px;} #dialogContainer .dialog-body .dialog-data .tbl #offlineCount.inp-text {text-align: right;} #dialogContainer .dialog-body .dialog-data .tbl #subunitsCount.inp-text {text-align: right;} #dialogContainer .dialog-body .dialog-data.alert {padding: 24px 20px 24px 90px; background: url(../img/bg-status-48px-alert.png) no-repeat 20px center;} #dialogContainer .dialog-body .dialog-data.alert h3 {margin: 0 0 10px 0;} #dialogContainer .dialog-body .dialog-data.alert p {margin: 0 0 10px 0;} #dialogContainer .dialog-footer {position: absolute; left: 0; right: 0; bottom: 0; height: 30px; margin: 0; padding: 11px 20px; border-top: 1px solid #ddd; background-color: #efefef;} #dialogContainer .dialog-footer .btn-submit {float: right; margin: 0 0 0 10px;} #dialogContainer .dialog-footer .btn-blue {margin: 0 0 0 10px;} #dialogContainer .dialog-footer .btn-sky {margin: 0 0 0 10px;} #dialogContainer .dialog-footer .btn-red {margin: 0 0 0 10px;} #dialogContainer .tbl .createOfflineFile {display: inline-block;} #messageDialog {display: none; min-width: 500px; position: relative; padding: 0;} #messageDialog.success {display: block;} #messageDialog .dialog-body {padding: 20px;} #messageDialog .dialog-body .dialog-data {margin: 0; padding: 10px; border-radius: 4px; background-color: #F3F3F3;} #messageDialog .dialog-body .dialog-data.info {min-height: 50px; padding: 10px 10px 10px 75px; font-size: 15px; background: #edf5ea url(../img/bg-container-ok.png) no-repeat 15px center;} #messageDialog .dialog-body .dialog-data div p {line-height: 18px; margin: 0 0 15px 0;} /* Crop */ #crop.ui-resizable.ui-draggable {background-color: #0090d5 !important; cursor: move;} #crop.ui-resizable.ui-draggable .ui-resizable-n {left: calc(50% - 5px); width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-e {top: calc(50% - 5px); width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-s {left: calc(50% - 5px); width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-w {top: calc(50% - 5px); width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-ne {width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-se {width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-sw {width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} #crop.ui-resizable.ui-draggable .ui-resizable-nw {width: 8px; height: 8px; border: 1px solid #fff; background-color: #e9a514;} /* UI DatePicker */ #ui-datepicker-div {z-index: 2147483647; width: 248px; border: 1px solid #dcdcdc; font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; color: #363636;} .ui-widget-header {font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; color: #363636;} .ui-datepicker .ui-datepicker-header {background-color: #3a5999; color: #fff;} .ui-datepicker {padding: 0;} .ui-datepicker-month, .ui-datepicker-year {font-size: 18px;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 4px; width: 28px; height: 28px; cursor: pointer;} .ui-datepicker .ui-datepicker-prev {left: 0;} .ui-datepicker .ui-datepicker-prev:hover {background: none;} .ui-datepicker .ui-datepicker-prev:before {position: absolute; left: 4px; top: 4px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; content: "";} .ui-datepicker .ui-datepicker-next {right: 0;} .ui-datepicker .ui-datepicker-next:hover {background: none;} .ui-datepicker .ui-datepicker-next:before {position: absolute; right: 4px; top: 4px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; content: "";} #ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus {border: none; background: none;} .ui-widget {font-size: 14px;} .ui-widget-content {background-color: #f3f3f3;} .ui-widget-content a {color: #363636;} .ui-datepicker-calendar {font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; color: #363636;} .ui-datepicker-calendar thead tr th {font-size: 15px; font-weight: 400;} .ui-datepicker-calendar tbody tr {height: auto;} .ui-datepicker-calendar tbody tr td {height: auto; margin: 0; padding: 0; font-size: 14px;} .ui-datepicker-calendar tbody tr td a {padding: 10px 0;} #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {width: auto; height: auto; border: none; border-radius: 0; background: none; color: #363636;} /* only for datepicker (profile edit page) */ .ui-datepicker-current-day {} .ui-datepicker-current-day a.ui-state-active {background-color: #3a5999; color: #fff;} .ui-datepicker td span, .ui-datepicker td a {padding: 0; text-align: center;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {min-width: initial; width: 40%; display: inline-block;} .ui-datepicker select.ui-datepicker-month:nth-of-type(2), .ui-datepicker select.ui-datepicker-year:nth-of-type(2) {margin: 0 0 0 10px;} /* #ID & .Class Styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* JS styles */ .jscontrol-switcher {position: absolute; right: 20px; top: 20px; display: block; width: 44px; height: 18px; border: 2px solid #fff; background-color: #fff; cursor: pointer;} /*.disabled .jscontrol-switcher {border: 2px solid #969696;} .enabled .jscontrol-switcher {border: 2px solid #036292;}*/ .jscontrol-switcher span {display: none;} .disabled .jscontrol-switcher:before {position: absolute; left: 0px; top: 0px; z-index: 1; display: block; width: 22px; height: 18px; background-color: #969696; content: "";} /*.disabled .jscontrol-switcher:after {position: absolute; left: 3px; top: 2px; z-index: 2; display: block; font-family: Arial; font-size: 24px; color: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content: "+";}*/ .disabled .jscontrol-switcher:after {position: absolute; left: 7px; top: 5px; z-index: 2; display: block; width: 8px; height: 8px; background: url("../img/epc-icons-on-off.png") no-repeat -10px top; content: "";} .enabled .jscontrol-switcher:before {position: absolute; right: 0px; top: 0px; z-index: 1; display: block; width: 22px; height: 18px; background-color: #036292; content: "";} /*.enabled .jscontrol-switcher:after {position: absolute; right: 5px; top: 1px; z-index: 2; display: block; font-family: Arial; font-size: 13px; color: #fff; content: "✔";}*/ .enabled .jscontrol-switcher:after {position: absolute; right: 5px; top: 6px; z-index: 2; display: block; width: 10px; height: 8px; background: url("../img/epc-icons-on-off.png") no-repeat left top; content: "";} /*.jscontrol-switcher * {display: none;}*/ .jscontrol-table-rows-toggle {position: relative; cursor: pointer;} .jscontrol-table-rows-toggle:before {position: absolute; left: 26px; top: 26px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat -39px top; content: "";} .jscontrol-table-rows-toggle.show-all {} .jscontrol-table-rows-toggle.show-all:before {position: absolute; left: 26px; top: 26px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat -26px top; content: "";} .jscontrol-toggle-next-element {position: relative; height: 46px; margin: 0; padding: 0 20px; border-top: 5px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fafafa;} .jscontrol-toggle-next-element span {display: block; padding: 0 0 0 60px; border-bottom: none; line-height: 45px; font-size: 20px; font-weight: 400; color: #363636;} .jscontrol-toggle-next-element.expanded {border-bottom: none; background-color: #fff;} .jscontrol-toggle-next-element.expanded span {border-bottom: 1px solid #e3e3e3;} .enabled .jscontrol-toggle-next-element {cursor: pointer;} .enabled .jscontrol-toggle-next-element:hover {background-color: #fff;} .disabled .jscontrol-toggle-next-element {cursor: default; color: #e3e3e3;} .disabled .jscontrol-toggle-next-element span {color: #e3e3e3;} .enabled .jscontrol-toggle-next-element:before {position: absolute; left: 20px; top: 19px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat 0px top; content: "";} .enabled .jscontrol-toggle-next-element.expanded:before {position: absolute; left: 20px; top: 19px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat -13px top; content: "";} .disabled .jscontrol-toggle-next-element:before {position: absolute; left: 20px; top: 19px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat -52px top; content: "";} .disabled .jscontrol-toggle-next-element.expanded:before {position: absolute; left: 20px; top: 19px; display: block; width: 13px; height: 8px; background: url("../img/epc-icons-toggle-13x8.png") no-repeat -65px top; content: "";} .jscontrol-toggle-next-element.progress {background: #fff url(../img/progress.gif) no-repeat right 20px center;} .jscontrol-toggled-element {display: none; padding: 0;} .jscontrol-toggled-element.padding {padding: 20px 20px 40px 20px;} #jscontrol-scroll-top {position: fixed; right: 40px; bottom: 40px; z-index: 99999; display: none; width: 60px; height: 60px; border-radius: 60px; text-indent: -99999px; background-color: #0081c2; cursor: pointer;} #jscontrol-scroll-top:before {position: absolute; left: 18px; top: 14px; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #e3e3e3; content: "";} #jscontrol-scroll-top:after {position: absolute; left: 25px; top: 30px; display: block; width: 10px; height: 14px; border: none; background-color: #e3e3e3; content: "";} #jscontrol-scroll-top:hover {} #jscontrol-scroll-top:hover:before {position: absolute; left: 18px; top: 14px; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #fff; content: "";} #jscontrol-scroll-top:hover:after {position: absolute; left: 25px; top: 30px; display: block; width: 10px; height: 14px; border: none; background-color: #fff; content: "";} #jscontrol-scroll-nav-profiles {position: absolute; left: 0; top: 300px; z-index: 1; display: none; width: 50px; height: 50px; border-radius: 60px; background-color: #0081c2;} #jscontrol-scroll-nav-profiles .scroll-up {position: absolute; left: 13px; top: 6px; display: none; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #e3e3e3; text-indent: -99999px; cursor: pointer;} #jscontrol-scroll-nav-profiles .scroll-down {position: absolute; left: 13px; bottom: 6px; display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 16px solid #e3e3e3; text-indent: -99999px; cursor: pointer;} /*#jscontrol-scroll-nav-profiles:hover {} #jscontrol-scroll-nav-profiles:hover:before {position: absolute; left: 18px; top: 14px; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 16px solid #fff; content: "";} #jscontrol-scroll-nav-profiles:hover:after {position: absolute; left: 25px; top: 30px; display: block; width: 10px; height: 14px; border: none; background-color: #fff; content: "";}*/ #jscontrol-json-data {position: fixed; right: 40px; top: 40px; display: none; width: 320px; border: 1px solid #000; background-color: #fff; color: #000;} #jscontrol-json-data h2 {height: 0.75rem; padding: 10px 5px; line-height: 0.75rem; font-size: 0.75rem; font-weight: 400; background-color: #000; color: #fff;} #jscontrol-json-data .wrapper-table {max-height: 480px; overflow-y: scroll;} #jscontrol-json-data table tr td {height: 0.65rem; margin: 0; padding: 5px; border: 1px solid #ccc; line-height: 0.65rem; font-size: 0.65rem; background-color: #fff; color: #000;} .mCS-epc.mCSB_scrollTools {width: 10px;} .mCS-epc.mCSB_scrollTools .mCSB_draggerContainer {margin: 14px 0;} .mCS-epc.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 10px; border-radius: 0; background-color: #363636;} .mCS-epc.mCSB_scrollTools .mCSB_draggerRail {width: 10px; border-radius: 0; background-color: #bfbfbf;} .mCS-epc.mCSB_scrollTools .mCSB_buttonUp {width: 10px; height: 14px; background-color: #d1d1d1;} .mCS-epc.mCSB_scrollTools .mCSB_buttonUp:after {position: absolute; left: 1px; top: 4px; display: block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #363636; content: "";} .mCS-epc.mCSB_scrollTools .mCSB_buttonDown {width: 10px; height: 14px; background-color: #d1d1d1;} .mCS-epc.mCSB_scrollTools .mCSB_buttonDown:after {position: absolute; left: 1px; top: 4px; display: block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #363636; content: "";} .jscontrol-tooltip-hover {position: relative; z-index: 1;} .jscontrol-tooltip-hover + .tooltip {position: absolute; width: 180px; padding: 10px; z-index: 2147483647; border: 1px solid #bcbcbc; border-radius: 4px; white-space: normal; font-size: 12px; box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.15); background-color: #fff; color: #333;} .jscontrol-tooltip-hover + .tooltip:before {position: absolute; left: 10px; bottom: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; z-index: 10001; content: "";} .jscontrol-tooltip-hover + .tooltip:after {position: absolute; left: 10px; bottom: -8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #bcbcbc; z-index: 10000; content: "";} .jscontrol-toggle-more-info {font-size: 14px; color: #036292; cursor:pointer;} .jscontrol-more-info {display: none; font-size: 14px !important;} .jscontrol-more-info td {padding: 10px 20px !important; line-height: 22px !important;} .jscontrol-more-info table {} .jscontrol-more-info table thead tr th {text-align: left; font-size: 14px !important;} .jscontrol-more-info table tbody tr td {padding: 0 !important; font-size: 14px !important;} .premium-block {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; overflow: hidden;} .premium-block:before {position: absolute; right: -20px; top: 12px; padding: 2px 20px; line-height: 12px; text-transform: uppercase; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); font-size: 10px; background-color: #058dd1; color: #fff; content: "Premium";} /* JS styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* Redesign my.eset.com 2017 */ #jscontrol-nav-myeset {position: absolute; left: 15px; top: 26px; z-index: 1; display: block; width: 24px; height: 24px; background-image: url(../img/ic-menu.svg); background-size: 24px 24px; background-position: center center; background-repeat: no-repeat; cursor: pointer;} #nav-myeset {position: fixed; left: 0; top: 84px; bottom: 0; z-index: 2147483646; display: block; width: 300px; border-right: 2px solid #ccc; background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); transition: 0.5s left;} #nav-myeset.hidden {left: -300px; transition: 0.5s left;} #nav-myeset:after {position: fixed; left: 0; top: 76px; bottom: 0; z-index: 9999999999; display: block; width: 300px; background-color: #fff;} #nav-myeset ul li {position: relative; display: block;} #nav-myeset a, #nav-myeset span {position: relative; display: block; padding: 0 50px 0 55px; line-height: 50px; font-size: 16px; color: #444;} #nav-myeset span.home {border-bottom: 1px solid #ccc; background: #ebebeb url(../img/bg-nav-myeset-home.png) no-repeat left 19px center; cursor: pointer;} #nav-myeset span.home:hover {background-color: #bcbcbc;} #nav-myeset a.product, #nav-myeset span.product {border-bottom: 1px solid #ccc; cursor: pointer;} #nav-myeset a.product:hover, #nav-myeset span.product:hover {background-color: #f9f9f9;} #nav-myeset a.eat, #nav-myeset span.eat {border-bottom: 1px solid #ccc; background: #fff url(../img/bg-nav-myeset-eat.png) no-repeat left 14px center; cursor: pointer;} #nav-myeset a.epc, #nav-myeset span.epc {border-bottom: 1px solid #ccc; background: #fff url(../img/bg-nav-myeset-epc.png) no-repeat left 14px center; cursor: pointer;} #nav-myeset a.esms, #nav-myeset span.esms {border-bottom: 1px solid #ccc; background: #fff url(../img/bg-nav-myeset-esms.png) no-repeat left 14px center; cursor: pointer;} #nav-myeset a.elm {border-bottom: 1px solid #ccc; background: #fff url(../img/License_manager_icon.svg) no-repeat left 14px center; background-size: 33px; cursor: pointer;} #nav-myeset a.settings {position: absolute; bottom: 0; padding: 0 50px 0 65px; background: #fff url(../img/bg-nav-myeset-settings.png) no-repeat left 33px center;} #nav-myeset #profiles {height: calc(100% - 110px); overflow-y: scroll;} #nav-myeset #profiles a.profile {position: relative; padding: 0 50px 0 55px; background-color: #fff;} #nav-myeset #profiles a.profile img {position: absolute; left: 15px; top: calc(50% - 12px); display: block; width: 24px; height: 24px; border-radius: 24px; background-color: #fff;} #nav-myeset #profiles a.profile span {display: block; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; font-size: 15px;} #nav-myeset #profiles a.profile.selected {background-color: #f9f9f9;} #nav-myeset #profiles a.profile.selected:before {position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; display: block; width: 8px; background-color: #fbbf01; content: "";} #nav-myeset #profiles a.profile:hover {background-color: #f9f9f9;} #nav-myeset #profiles a.profile.disabled:hover {background-color: #ebebeb;} #nav-myeset #profiles .disabler {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999999; display: none; background-color: #fff; opacity: 0.75; content: "";} #nav-myeset #profiles a.profile.disabled + .disabler {display: block;} #nav-myeset #profiles .details {display: none;} #nav-myeset #profiles .details a {position: relative; display: block; padding: 0 50px 0 30px; line-height: 40px; font-size: 14px; background-color: #fff; color: #444; cursor: pointer;} #nav-myeset #profiles .details a:hover, #nav-myeset #profiles .details a.selected {background-color: #f9f9f9;} #nav-myeset #profiles .details ul {display: none;} #nav-myeset #profiles .details ul a {padding: 0 50px 0 45px;} #nav-myeset .jscontrol-toggler-profile, #nav-myeset .jscontrol-toggler-details {position: absolute; right: 10px; top: 5px; z-index: 1; display: block; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 3px; background: url(../img/bg-arrow-down-gray.png) no-repeat center center; cursor: pointer;} #nav-myeset .jscontrol-toggler-profile.open, #nav-myeset .jscontrol-toggler-details.open {transform: rotate(180deg);} #nav-myeset .jscontrol-toggler-profile:hover, #nav-myeset .jscontrol-toggler-details:hover {border: 1px solid #ccc/*#424d56*/;} #links-myeset {position: absolute; left: -300px; top: 0; bottom: 0; z-index: 9999999999; display: block; width: 300px; background-color: #fff; transition: 0.5s left;} #links-myeset.active {left: 0; transition: 0.5s left;} #breadcrumbs {position: absolute; left: 300px; top: 26px;} #breadcrumbs a {position: relative; display: inline-block; max-width: 240px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 20px; color: #fff;} #breadcrumbs a:hover {text-decoration: underline;} #breadcrumbs a:nth-of-type(2):before {margin: 0 16px; font-size: 20px; color: #fff; content: ">";} #breadcrumbs a:nth-of-type(2):before:hover {text-decoration: none !important;} #breadcrumbs span {position: relative; display: inline-block; max-width: 240px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 20px; color: #fff;} #breadcrumbs a + span:before {margin: 0 16px; font-size: 20px; color: #fff; content: ">";} #jscontrol-burger {position: relative; float: right; display: none; width: 24px; height: 24px; margin: 26px 15px 0 0; border: 1px solid #969696; border-radius: 4px; background: url(../img/bg-arrow-down.png) no-repeat center center; cursor: pointer;} /* Redesign my.eset.com 2017 */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* CHROME styles */ .highcharts-tooltip span {z-index: 99999 !important;} .highcharts-tooltip>span {padding: 5px; background: rgba(255,255,255,1);} .highcharts-legend span {z-index: 1 !important; max-width: 220px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} /* CHROME styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* CHROME styles */ @media screen and (-webkit-min-device-pixel-ratio: 0) { } /* CHROME styles */ /* ********************** END ********************** */ /* ********** ********** START ********** ********** */ /* IE11 styles */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { } /* IE11 styles */ /* ********************** END ********************** */ @charset "utf-8"; /* ************************************************* */ /* ******************** monitor ******************** */ /* ************************************************* */ @media only screen and (max-width: 1280px) { #myESET {left: 54px; top: 26px;} #breadcrumbs {display: none;} #nav-profiles {display: none;} } /* ******************************************************* */ /* ******************** other monitor ******************** */ /* ******************************************************* */ @media only screen and (max-width: 1116px) { #list-categories li {float: left; display: block; width: calc(33.33% - 72px); margin: 0 20px 10px 0;} #list-categories li:nth-of-type(4n+1) {margin: 0 20px 10px 0;} #list-categories li:nth-of-type(3n) {margin: 0 0 10px 0;} #list-categories-ag li {float: left; display: block; width: calc(33.33% - 72px); margin: 0 20px 10px 0;} #list-categories-ag li:nth-of-type(4n+1) {margin: 0 20px 10px 0;} #list-categories-ag li:nth-of-type(3n) {margin: 0 0 10px 0;} } /* ************************************************ */ /* ******************** Tablet ******************** */ /* ************************************************ */ @media only screen and (max-width: 960px) { #jscontrol-responsive-nav-global {display: block;} #nav-help {float: none; margin: 0; border-top: 1px solid #000;} #nav-help a {float: none; display: block; margin: 14px 0;} #nav-help a#jscontrol-nav-language, #nav-help a#jscontrol-nav-account {padding: 0 14px 0 0;} #nav-help a#jscontrol-nav-account {max-width: 620px;} .inner {max-width: 940px; padding: 0;} .articleHeadingTwo {padding: 12px 20px 12px 60px; font-size: 22px;} .articleHeadingTwo:before {left: 10px !important;} table tbody tr td {padding: 10px !important; vertical-align: top; font-size: 14px;} select {width: 100%;} #wrapper-navs {position: absolute; right: 0; top: 50px; z-index: 2147483647; display: none; width: calc(100% - 20px); max-width: 320px; margin: 0; padding: 0 10px 10px 10px;} #nav-global {float: none; margin: 0; border-top: 1px solid #000;} #nav-global a {float: none; display: block; margin: 14px 0;} #nav-global a:hover {border-bottom: none;} #nav-global a.active {border-bottom: none;} #nav-global a.active:hover {border-bottom: none;} #nav-help {float: none; margin: 0; border-top: 1px solid #000;} #nav-help a {float: none; display: block; margin: 14px 0;} #nav-help a#jscontrol-nav-language, #nav-help a#jscontrol-nav-account {padding: 0 14px 0 0;} #nav-help a#jscontrol-nav-account {max-width: 940px;} span#jscontrol-notification {position: relative; float: right; display: none; width: 25px; height: 25px; line-height: 24px; margin: 12px 20px; text-decoration: none; font-size: 14.5px; font-weight: 400; color: #fff; cursor: pointer;} span#jscontrol-notification:before {position: absolute; left: 0; z-index: 2; top: 12px; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";} span#jscontrol-notification:after {position: absolute; left: calc(50% - 2px); top: 20px; z-index: 1; display: block; width: 4px; height: 14px; background-color: #fff; content: "";} #nav-language {top: 0px; left: 0; z-index: 999; width: calc(100% - 2px); height: 370px; overflow-x: hidden; overflow-y: scroll;} #nav-language .col {float: none; width: 100%;} #nav-language a {float: none; display: block; width: calc(100% - 46px);} #nav-account {top: auto; left: 10px; z-index: 999; width: calc(100% - 42px); max-width: 940px; background-color: #363636;} #nav-account a {width: 520px; max-width: 940px; color: #fff;} #nav-account a:hover {background: none;} main {padding: 92px 0 20px 0;} #message {margin: 0 0 20px 0; padding: 0 10px;} #message .inner {max-width: 940px; margin: 0 auto; padding: 20px 0;} #head .inner {max-width: 940px; padding: 0;} footer {margin: 40px 0 0 0;} footer .inner {max-width: 940px; padding: 20px 0;} footer .link {width: calc(100% - 20px); height: 40px;} footer nav {width: calc(100% - 20px);} footer p {clear: both;} #nav-profiles {position: absolute; left: auto; right: 6px; top: 70px; z-index: 2147483640; display: none; width: 30px; max-height: 350px; overflow: hidden;} #nav-profiles a {position: relative; display: none; width: 25px; height: 25px; margin: 0 0 6px 0; border: none; border-radius: 25px; box-shadow: none;} #nav-profiles a:hover {border: none;} #nav-profiles a .profile-name {float: left; display: none; max-width: 150px; margin: 15px 0 0 10px; padding: 2px 10px; border-radius: 2px; word-break: break-all; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #nav-profiles a img {float: left; width: 25px; height: 25px; border-radius: 25px; background-color: #f6f5f4;} #nav-profiles a.home .icon {position: relative; float: left; display: block; width: 25px; border-radius: 25px; text-indent: -99999px; background-color: #0081c2;} #nav-profiles a.home .icon:before {position: absolute; left: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon:after {position: absolute; right: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span {display: block; width: 25px; height: 25px; margin: 0; padding: 0;} #nav-profiles a.home .icon span:before {position: absolute; left: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span:after {position: absolute; right: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.add {position: relative; z-index: 1;} #nav-profiles a.add .icon {position: relative; float: left; display: block; width: 25px; height: 25px; border-radius: 25px; text-indent: -99999px; background-color: #0081c2;} #nav-profiles a.add .icon:before {position: absolute; left: 6px; top: 6px; display: block; width: 13px; height: 12.5px; padding: 1px 0 0 0; line-height: 8px; border-radius: 13px; text-align: center; text-indent: 0; font-size: 16px; background-color: #fff; color: #0081c2; content: "+";} #nav-profiles a.add .icon:after {display: none;} #nav-profiles a:nth-of-type(1) {display: block;} #nav-profiles a:nth-of-type(2) {display: block;} #nav-profiles a:nth-of-type(3) {display: block;} #nav-profiles a:nth-of-type(4) {display: block;} #nav-profiles a:nth-of-type(5) {display: block;} #nav-profiles a:nth-of-type(6) {display: block;} #nav-profiles a:nth-of-type(12) {display: block;} #tooltipProfileName {position: absolute; z-index: 2147483647; display: block; max-width: 150px; height: 15px; margin: 15px 0 0 10px; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; border-radius: 2px; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #jscontrol-responsive-nav-global {display: block;} #jscontrol-scroll-top {right: 5px; bottom: 5px; width: 40px; height: 40px; border-radius: 40px;} #jscontrol-scroll-top:before {left: 12px; top: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #e3e3e3;} #jscontrol-scroll-top:after {left: 16px; top: 20px; width: 8px; height: 10px;} #jscontrol-scroll-top:hover {} #jscontrol-scroll-top:hover:before {left: 12px; top: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff;} #jscontrol-scroll-top:hover:after {left: 16px; top: 20px; width: 8px; height: 10px;} #jscontrol-responsive-nav-profile {display: block;} #rsp-list-profiles {display: block;} .jscontrol-table-rows-toggle {width: calc(100% - 86px);} .jscontrol-switcher {right: 10px;} .jscontrol-toggle-next-element {min-height: 46px; height: auto;} .jscontrol-toggle-next-element span {padding: 0 20px 0 20px; line-height: 40px; font-size: 18px;} .enabled .jscontrol-toggle-next-element:before {left: 14px;} .enabled .jscontrol-toggle-next-element.expanded:before {left: 14px;} .disabled .jscontrol-toggle-next-element:before {left: 14px;} .disabled .jscontrol-toggle-next-element.expanded:before {left: 14px;} .jscontrol-toggled-element.padding {padding: 20px 10px 40px 10px;} #head.homescreen {min-height: 312px; margin: 10px 0 0 0;} #head.homescreen .inner {width: calc(100% - 20px); max-width: 940px; height: auto; margin: 10px auto; padding: 10px 0; background: none; background-color: #0d0926; background-image: url("../img/pcp-bg-homescreen-rsp-840x300.jpg"); background-position: center 60px; background-repeat: no-repeat; background-size: contain;} #head.homescreen h1 {width: calc(100% - 20px); max-width: 900px; height: 42px; margin: 0 10px 39% 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.homescreen .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.homescreen .buttons {max-width: 920px; padding: 10px 10px 0 10px; border-top: 1px solid #3e3b51; line-height: 36px; text-align: left;} /*#head.homescreen .buttons a:nth-of-type(1), #head.homescreen .buttons a:nth-of-type(2) {display: block; width: calc(100% - 20px); margin: 0 10px; padding: 12px 0;}*/ #head.withprofiles {height: auto; min-height: 180px; margin: 20px 0;} #head.withprofiles .inner {width: calc(100% - 40px); max-width: 940px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.withprofiles h1 {width: calc(100% - 20px); max-width: 900px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.withprofiles .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.noprofile {height: auto; margin: 20px 0 0 0;} #head.noprofile .inner {width: calc(100% - 40px); max-width: 940px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.noprofile h1 {width: calc(100% - 20px); max-width: 900px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.noprofile .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.premium {margin: 20px 0 0 0; height: auto; min-height: initial;} #head.premium .inner {width: calc(100% - 40px); max-width: 940px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.premium h1 {width: calc(100% - 20px); max-width: 900px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.premium .slogan {min-height: initial; margin: 0 10px 10px 10px;} #corpus.premiumscreen article {width: 100%; padding: 40px 0;} #corpus.premiumscreen article h2 {margin: 0 0 40px 0; padding: 0 20px; line-height: 34px; text-align: center; font-size: 28px; font-weight: 100; color: #000;} #corpus.premiumscreen article p {padding: 0 20px; line-height: 24px; text-align: center; font-size: 16px; font-weight: 100; color: #000;} #corpus.premiumscreen article p b {font-weight: 600;} #corpus.premiumscreen article.premium-features {padding: 40px 0; border-bottom: 1px solid #e0e2e2; text-align: center; background-color: #fff;} #corpus.premiumscreen article.premium-features .slogan {margin: 0 0 40px 0; font-size: 20px; font-weight: 100;} #corpus.premiumscreen article.premium-features .buttons {max-width: 940px; padding: 10px 0 0 0; line-height: 36px; text-align: center;} /*#corpus.premiumscreen article.premium-features .buttons a:nth-of-type(1), #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(2) {display: block; width: calc(100% - 20px); margin: 0 10px 20px 10px; padding: 12px 0;}*/ #corpus.premiumscreen article.web-guard {padding: 250px 0 40px 0; background: #fff url(../img/pcp-premiumscreen-web-guard.png) no-repeat center 40px;} #corpus.premiumscreen article.anti-phishing {padding: 250px 0 40px 0; background: #e5f6fb url(../img/pcp-premiumscreen-anti-phishing.png) no-repeat center 40px;} #corpus.premiumscreen article.child-locator {padding: 250px 0 40px 0; background: #e5f6fb url(../img/pcp-premiumscreen-child-locator.png) no-repeat center 40px;} #corpus.premiumscreen article.text-messages {padding: 300px 0 40px 0; background: #fff url(../img/pcp-premiumscreen-text-messages.png) no-repeat center 40px;} #corpus.premiumscreen article.reports-summary {padding: 290px 0 40px 0; background: #eee url(../img/pcp-premiumscreen-reports-summary.png) no-repeat center 40px;} .motivation {padding: 20px 10px;} .motivation h2 {max-width: 940px; margin: 0 auto 20px auto;} .motivation p {max-width: 940px;} .key-features {} .key-features div {display: inline-table; width: calc(50% - 40px); min-height: 50px; margin: 20px 10px; padding: 100px 0 0 0; text-align: center;} .key-features div:nth-of-type(4) {padding-top: 120px;} .key-features div h3 {height: auto; margin: 0 0 20px 0;} .logins {max-width: 940px; margin: 30px 0; padding: 0; line-height: 36px; text-align: center;} /*.logins a:nth-of-type(1), .logins a:nth-of-type(2) {display: block; width: 100%; margin: 0; padding: 12px 0;}*/ #corpus.noprofile .inner {max-width: initial; padding: 0;} #corpus.noprofile .heading {padding: 60px 0; border-bottom: 1px solid #e5e5e5; text-align: center;} #corpus.noprofile .heading h2 {line-height: 42px; font-size: 20px; color: #000;} #corpus.noprofile .heading p {line-height: 26px; font-size: 16px; color: #797979;} #corpus.noprofile #threesteps {padding: 0;} #corpus.noprofile #threesteps.no-device {padding: 0 10px;} #threesteps.no-device .heading {padding: 20px 0;} #threesteps.no-device .step-one {width: calc(100% - 64px); margin: 20px 0 0 0; padding: 0 0 0 64px; background-position: left 6px;} #threesteps.no-device .step-two {width: calc(100% - 64px); margin: 50px 0 0 0; padding: 20px 0 0 64px; border-top: 1px solid #e0e0e0; background-position: left 24px;} #threesteps.no-device .step-three {width: calc(100% - 64px); margin: 20px 0 0 0; padding: 20px 0 0 64px; border-top: 1px solid #e0e0e0; background-position: left 25px;} #marketplace {} #marketplace .inner {padding: 20px 10px 0 10px;} #marketplace article {float: left; display: block; width: calc(27% - 94px); max-width: 280px; margin: 0 10px 20px 10px;} article#help-and-support {float: left; width: calc(36.33% - 94px); max-width: 280px; margin: 0 10px 20px 10px;} article#eset-for-home {float: left; width: calc(36.66% - 94px); max-width: 280px; margin: 0 10px 20px 10px;} #head.profileslist {height: 200px; padding: 20px 0;} #head.profileslist .inner {width: 500px; height: 120px; padding: 20px 0;} #head.profileslist .inner h1 {margin-bottom: 20px;} article.profile {width: calc(50% - 20px); margin: 0 20px 20px 0;} article.profile-new {width: calc(50% - 10px); margin: 0 20px 20px 0;} article.profile:nth-child(3n) {margin: 0 20px 20px 0;} article.profile:nth-child(2n) {margin: 0 0 20px 0;} article.profile:before {width: calc(50% - 30px);} article.profile:hover:before {width: calc(50% - 30px);} article.profile h2 {width: 100%;} article.profile img {left: calc(50% - 72px);} article.profile div.wrapper-status {width: 100%;} article.profile div.wrapper-status p.status {} article.profile a.detail {width: 100%;} article.profile-new h2 {width: calc(100% - 40px); padding: 0 20px;} article.profile-new p {width: calc(100% - 40px);} #head.profile-detail-header {top: 0; height: 110px;} #head.profile-detail-header article {position: relative; left: auto; top: auto; width: 100%; margin: 20px 0;} #head.profile-detail-header article h2 {left: 90px; top: 4px; max-width: calc(100% - 120px); line-height: 24px; font-size: 20px;} #head.profile-detail-header article a {position: absolute; left: 0; top: 0; width: 78px; height: 78px;} #head.profile-detail-header article a img {width: 70px; height: 70px; border-radius: 74px;} #head.profile-detail-header p.status {left: 90px; top: 30px; font-size: 16px;} #head.profile-detail-header.ok p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.ok p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.warning p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.warning p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.alert p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.alert p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.info p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.info p.status:after {left: -36px; top: 26px;} #head.profile-detail-header p.status .substatus {font-size: 14px;} #nav-profile {left: auto; right: 0; top: 0; z-index: 2147483647; display: none; width: 100%; max-width: 320px; background-color: #363636;} #nav-profile a {display: block; width: calc(100% - 20px); margin: 0 0 1px 0; padding: 10px; border-bottom: 4px solid #363636; line-height: 22px; color: #fff;} #nav-profile a:hover {} #nav-profile a.selected {} #nav-profile a.selected:hover {} .message.alert h2 {margin: 0 0 10px 0; padding: 10px 20px 10px 60px; line-height: 27px; font-size: 23px;} .select-add-minutes div {width: 100%;} .select-add-minutes select {float: none; margin: 0;} #threesteps {max-width: 940px; padding: 0 10px;} #threesteps .heading {padding: 20px 0;} #threesteps .step-one {width: calc(100% - 40px); margin: 20px 0 0 0; padding: 0 0 0 40px;} #threesteps.no-profile .step-one:before {top: 14px; font-size: 50px;} #threesteps .step-two {width: calc(100% - 40px); margin: 50px 0 0 0; padding: 20px 0 0 40px; border-top: 1px solid #e0e0e0;} #threesteps.no-profile .step-two:before {top: 33px; font-size: 50px;} #threesteps .step-three {width: calc(100% - 40px); margin: 20px 0 0 0; padding: 20px 0 0 40px; border-top: 1px solid #e0e0e0;} #threesteps.no-profile .step-three:before {top: 33px; font-size: 50px;} #webguard {width: calc(50% - 10px);} #webguard .top {height: auto; min-height: 210px;} #webguard .bottom {height: 460px;} #webguard .graph {width: calc(100% - 20px); height: auto; margin: 0 0 20px 0; padding: 0 10px;} #webguard .graph.nodata {width: calc(100% - 20px); height: auto; padding: 170px 10px 0 10px; text-align: center; background-position: center top;} #appguard {width: calc(50% - 10px); margin: 0 0 20px 20px;} #appguard .top {height: auto; min-height: 210px;} #appguard .bottom {height: 460px;} #appguard .graph {width: calc(100% - 20px); height: auto; margin: 0 0 20px 0; padding: 0 10px;} #appguard .graph.nodata {width: calc(100% - 20px); height: auto; padding: 170px 10px 0 10px; text-align: center; background-position: center top;} /*#btn-refresh {position: initial; display: block; width: 100%; margin: 10px 0 0 0; padding: 0;}*/ #btn-go-premium {position: relative; right: auto; display: block; width: 296px; margin: 10px 0 0 0; padding: 0;} /*#devices-list {} #devices-list h3 {left: calc(50% - 132px); top: 60px; width: 224px;} #devices-list ul {left: calc(50% - 132px); top: 94px; width: 264px;} #devices-list ul li {position: relative; height: 32px; padding: 18px 20px 20px 82px; border-top: 1px solid #969696; cursor: pointer;} #devices-list ul li span:first-of-type {width: 152px;}*/ #geo-location .message {padding: 100px 10px 20px 10px;} #geo-location #msg-devices-offline.message p span:first-of-type:before {left: -10px;} #geo-location #msg-locating.message {height: 140px;} #geo-location #msg-devices-offline-message {padding: 0 0 0 20px;} #google-map {width: 100%;} #google-map.active {height: 400px; border-top: 8px solid #f4f4f4;} #rules-webguard .jscontrol-toggled-element {padding: 0 20px 60px;} #rules-webguard .articleHeadingTwo {padding: 12px 20px 12px 60px;} #rules-webguard .articleHeadingTwo:before {left: 10px;} #rules-webguard p {clear: both; margin: 0 0 20px 0;} #list-categories-example li {float: none; display: block; margin: 0 0 20px 0;} #list-categories li {float: left; display: block; width: calc(50% - 68px); margin: 0 20px 10px 0;} #list-categories li:nth-of-type(4n+1) {margin: 0 20px 10px 0;} #list-categories li:nth-of-type(3n) {margin: 0 20px 10px 0;} #list-categories li:nth-of-type(2n) {margin: 0 0 10px 0;} #list-categories li span.title {width: 100%;} /*#list-categories-age li {float: none; width: calc(100% - 40px); margin: 0 0 20px 0; text-align: center;} #rules-webguard input[type="button"] {position: relative; right: auto; bottom: auto; width: 100%;}*/ #list-websites-blocked li {padding: 0 10px 0 43px;} #list-websites-allowed li {padding: 0 10px 0 43px;} #rules-appguard .articleHeadingTwo {padding: 12px 70px 12px 60px;} #rules-appguard .articleHeadingTwo:before {left: 10px;} #rules-appguard .jscontrol-toggled-element {padding: 0 20px 60px 20px;} #rules-appguard .jscontrol-custom-scrollbar {padding: 20px 20px 10px 20px;} #list-categories-ag-example li {float: none; display: block; margin: 0 0 20px 0;} #list-categories-ag li {float: left; display: block; width: calc(50% - 68px); margin: 0 20px 10px 0;} #list-categories-ag li:nth-of-type(4n+1) {margin: 0 20px 10px 0;} #list-categories-ag li:nth-of-type(3n) {margin: 0 20px 10px 0;} #list-categories-ag li:nth-of-type(2n) {margin: 0 0 10px 0;} #list-categories-ag li span.title {width: calc(100% - 58px);} #list-apps-new li {float: none; display: block; width: 192px; margin: 0 0 10px 0;} #list-apps-new li span.title {width: 142px;} /*#list-categories-ag-age li {float: none; width: calc(100% - 40px); margin: 0 0 20px 0; text-align: center;} #list-categories-ag-age li:first-of-type {margin: 0 0 20px 0;} #list-categories-ag-age li:nth-of-type(2n+4) {margin: 0 0 20px 0;} #rules-appguard input[type="button"] {position: relative; right: auto; bottom: auto; width: 100%;}*/ #slider-schooldays {display: none;} #slider-holidays {display: none;} #slider-schooldays-phone {display: block; width: auto; max-width: initial;} #slider-holidays-phone {display: block; width: auto; max-width: initial;} #YDR-Frame-phone.frame {display: block; margin: 40px 0 0 0;} #YDR-Frame.frame {display: none;} #time-restrictions-phone {width: 100%;} #time-restrictions-phone thead {} #time-restrictions-phone thead tr {height: auto;} #time-restrictions-phone thead tr th {position: relative; width: 20px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: left;} .prevent #time-restrictions-phone thead tr th {width: 20px; margin: 0; padding: 0; text-align: left; font-size: 13px; font-weight: 400; color: #969696;} #time-restrictions-phone thead tr th:before {position: absolute; left: 0; bottom: 10px; display: block; min-width: 100px; text-align: left; text-align: left; /*transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);*/ font-size: 13px; font-weight: 400;} #time-restrictions-phone tbody {} #time-restrictions-phone tbody tr {height: 10px;} #time-restrictions-phone tbody tr td {position: relative; width: 10px; height: 10px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; line-height: 0; font-size: 0; background-color: #eee; color: #ccc; cursor: pointer;} #time-restrictions-phone tbody tr td:before {position: absolute; line-height: 13px; font-size: 13px; font-weight: 400; color: #363636;} .prevent #time-restrictions-phone tbody tr td {width: 10px; height: 10px; margin: 0; padding: 0; background-color: #f8f8f8; color: #363636;} #time-restrictions-phone tbody tr td:first-of-type {border: 1px solid #fff; background: none; cursor: default;} #time-restrictions-phone tbody tr td.blocked {background-color: #ccc;} .prevent #time-restrictions-phone tbody tr td.blocked {background-color: #dd524a;} #time-restrictions-legend-phone {margin: 40px 0 20px 0; list-style: none;} #time-restrictions-legend-phone li {position: relative; height: 30px; margin: 0 0 10px 30px; padding: 0 0 0 50px; line-height: 30px;} #time-restrictions-legend-phone li.allowed {} #time-restrictions-legend-phone li.allowed:before {position: absolute; left: 0; top: 0px; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} .prevent #time-restrictions-legend-phone li.allowed:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} #time-restrictions-legend-phone li.blocked {} #time-restrictions-legend-phone li.blocked:before {position: absolute; left: 0; top: 0px; width: 30px; height: 30px; background-color: #ccc; content: "";} .prevent #time-restrictions-legend-phone li.blocked:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #dd524a; content: "";} /*#reports-webguard .articleHeadingTwo:before {left: 10px;} #reports-appguard h4 {font-size: 15px;} #reports-webguard .progress {right: 10px;} .wrapper-no-data {padding: 20px; background: url("../img/pcp-icon-graph-nodata-30px.png") no-repeat 10px 22px;} .wrapper-no-data p {padding: 0 0 0 30px;} .nav-show-period .btn {float: none; display: block; width: calc(100% - 40px); margin: 0 0 10px 0;} table.reports thead tr th {padding: 0 5px !important;} table.reports tbody tr td {padding: 0 5px !important; vertical-align: middle;} table.reports tbody tr td .percentage {padding: 0 5px !important;} #reports-appguard .articleHeadingTwo:before {left: 10px;} #reports-appguard .progress {right: 10px;} .ag-app-table tbody tr td:last-of-type {padding-left: 30px;} #ag-most-used-apps tbody tr {display: none;} #ag-most-used-apps tbody tr.mua-mob-row {display: table-row;} #ag-most-used-apps tbody tr.mua-mob-row td {border-bottom: 1px solid #e3e3e3;} #ag-most-used-apps tbody tr.mua-mob-row td:first-of-type {width: 50px !important;} #ag-most-used-apps tbody tr.mua-mob-row td:last-of-type {width: 33px !important;} #ag-most-used-apps tbody tr.mua-mob-row.markers td {border-top: none; border-bottom: 2px solid #e3e3e3; padding-right: 20px;} #ag-most-used-apps tbody tr.mua-mob-row.markers td .mark-as-appropriate {margin: 0 0 10px 0;} #ag-most-used-apps tbody tr td {padding: 1px !important;} #ag-most-used-apps tbody tr td .percentage {min-width: 50px;} #reports-appguard-app-usage {width: 100%;} #usage-heat-map thead tr th {width: 18px; padding: 0 !important;} #usage-heat-map thead tr th:nth-of-type(2n+1) {display: none;} #usage-heat-map thead tr th:nth-of-type(1) {display: table-cell;} #usage-heat-map thead tr th.hour[data-hour="0"]:before {position: absolute; left: 0; top: -20px; display: block; width: 25rem; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map thead tr th.hour[data-hour="12"]:before {position: absolute; left: 0; top: -20px; display: block; width: 25rem; padding: 0 0 0 10px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map tbody tr td {padding: 0 !important;} #usage-heat-map tbody tr td:nth-of-type(2n+1) {display: none;} #usage-heat-map tbody tr td:nth-of-type(1) {display: table-cell;} */ #reports-appguard-daily-usage-time-limited {width: calc(100% - 20px);} /* .no-data {padding: 10px 20px 30px 20px;} */ #reports-appguard .filters {margin: 0 -10px;} /* #reports-appguard #most-used-applications-inner .filters {margin: 0;} .nav-show-period {display: block; width: calc(100% - 20px); margin: 0 10px; text-align: left;} .nav-show-period .btn {float: none;} #usage-heat-map-description {float: left; margin: 20px 0 40px 30px;} #usage-heat-map-description li {float: none; display: block; margin: 0 0 10px 0;} #usage-heat-map tbody tr {height: 20px;} #usage-heat-map tbody tr td {height: 20px;} #usage-heat-map tbody tr td.day {text-align: right;} #usage-heat-map tbody tr td.day span:nth-of-type(2), #usage-heat-map tbody tr td.day span:nth-of-type(3) {display: none;}*/ #devices .articleHeadingTwo {padding: 12px 20px 12px 60px;} #devices .articleHeadingTwo:before {left: 10px;} #list-devices {display: none;} #devices h4 {width: 100%;} #devices article.tablet, #devices article.smartphone {display: block; margin: 0 0 20px 0;} #devices article header {position: relative; padding: 20px 0; background-color: #fff;} #devices article p {line-height: 22px; font-size: 16px;} #devices #threesteps p {line-height: 20px; font-size: 14px;} #devices article header h2 {width: calc(100% - 70px); padding: 0 10px 0 60px;} #devices article.smartphone header h2:before {left: 10px;} #devices article.tablet header h2:before {left: 10px;} #devices article.desktop header h2:before {left: 10px;} #devices article header p {width: calc(100% - 70px); margin: 0 10px 0 60px;} #devices article header p.last-seen {position: relative; right: auto; top: auto; width: calc(100% - 70px); margin: 0 10px 20px 60px;} #devices article ul li {padding: 20px 10px 20px 42px;} #devices article ul li:before {left: 10px;} #devices .form {padding: 20px 10px 100px 10px;} #devices hr {margin: 150px 0 0 0;} /*#devices input[type="submit"], #devices input[type="button"], #devices span.btn.darkred, #devices .btn.darkblue {float: none; display: block; width: calc(100% - 4px); margin: 30px 0 0 0; padding: 0; text-align: center;}*/ #devices .link-14px {right: 10px; top: 10px;} /*#profile {margin: 0 0 20px 0;} #profile .articleHeadingTwo:before {left: 10px;} #profile .form {padding: 10px;} #profile label {float: left; display: inline-block; width: 200px; line-height: 18px; font-size: 18px; font-weight: 400; color: #363636;} #profile .label-radio {width: auto; margin-right: 40px;} #profile .wrapper-img img {width: 100%; max-width: initial; max-height: initial;} #profile input[type="text"], #profile input[type="datetime"] {display: inline-block; width: calc(100% - 22px);} #profile input[type="submit"] {float: none; width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} #profile .btn.darkred {float: none; width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} #profile-alerts-and-emails {} #profile-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #profile-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #settings-alerts-and-emails .form {padding-bottom: 54px;} #settings-alerts-and-emails hr {margin: 20px 0; border: solid 1px #e3e3e3;} #settings-alerts-and-emails .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails input[type="submit"] {float: right;} .wrapper-input-file {width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}*/ #settings .articleHeadingTwo {padding: 12px 20px 12px 60px;} #settings .articleHeadingTwo:before {left: 10px;} #settings h4 {float: none; width: auto; min-height: 56px; height: auto; margin: 0; padding: 0;} .wrapper-settings {float: none; width: calc(100% - 2px);} #settings .form {padding: 20px 10px 54px 10px;} #settings .form.jscontrol-toggled-element {padding: 0;} .wrapper-img img {left: 0px; top: 0px; display: block; max-width: 940px; max-height: 340px;} #settings input[type="text"], #settings input[type="datetime"] {width: calc(100% - 20px);} /*#settings input[type="submit"], #settings input[type="button"] {float: none; display: block; width: calc(100% - 4px); margin: 0 0 20px 0; padding: 0; text-align: center;}*/ #settings .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #settings .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #settings .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #settings .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails {} #settings-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #settings-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #txtNumber {display: inline-block; margin: 0 20px 20px 0;} #settings .link-add {margin: 0 0 20px 0;} #wrapper-list-phone-numbers {margin: 0 -10px 40px -10px; padding: 10px;} #list-phone-numbers li {position: relative; display: block; height: 36px; padding: 0 20px 0 30px; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fff;} #list-phone-numbers li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 20px; height: 36px; background-color: #77bb1a; content: "";} #list-phone-numbers li:after {position: absolute; left: 4px; top: 9px; z-index: 2; display: block; width: 12px; height: 19px; background: url(../img/epc-icons.png) no-repeat -582px -3px; content: "";} #list-phone-numbers li .number {line-height: 36px; color: #363636;} #list-phone-numbers li .remove {position: absolute; right: 10px; padding: 0 0 0 34px; line-height: 36px; cursor: pointer;} #list-phone-numbers li .now-added {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #3a5999; color: #fff;} #list-phone-numbers li .now-deleted {float: left; margin-right: 20px; padding: 0 1rem; line-height: 36px; font-size: 0.75rem; background-color: #e03d34; color: #fff;} #settings .info {float: right; width: 18px; height: 18px; margin: -35px 0 0 0; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #settings .info:hover {float: none; width: auto; height: auto; margin: -35px 0 20px 0; padding: 30px 38px 0 0; text-indent: initial; font-size: 14px; background: url(../img/epc-icons-18x18.png) no-repeat right top;} /*#add-phone-number {float: none; display: block; width: calc(100% - 4px); margin: 0 0 20px 0; padding: 0; text-align: center;}*/ #product-activation .articleHeadingTwo {padding: 12px 20px 12px 60px; font-size: 22px;} #product-activation .articleHeadingTwo:before {left: 10px;} #product-activation h3 {margin: 10px 0 20px 0; padding: 0 10px; line-height: 30px;} #product-activation .form {padding: 10px 10px 54px 10px;} #product-activation .chb-hack {margin: 0;} #product-activation input[type="text"], #product-activation input[type="datetime"] {width: calc(100% - 22px);} #product-activation input[type="submit"], #product-activation input[type="button"] {float: none; width: 100%;} #product-activation .btn.darkred {float: none; width: 100%; margin: 0 20px 0 0; padding: 0; text-align: center;} } /* **************************************************** */ /* ******************** Smartphone ******************** */ /* **************************************************** */ @media only screen and (max-width: 640px) { #window-width {/*display: none;*/} .inner {max-width: 620px; padding: 0;} .articleHeadingTwo {padding: 12px 20px 12px 60px; font-size: 22px;} .articleHeadingTwo:before {left: 10px !important;} table tbody tr td {padding: 8px !important; vertical-align: top; font-size: 14px;} select {width: 100%;} #wrapper-navs {position: absolute; right: 10px; top: 76px; z-index: 2147483647; display: none; width: calc(100% - 20px); max-width: 320px; margin: 0; padding: 0 10px 10px 10px;} #nav-global {float: none; margin: 0; border-top: 1px solid #000;} #nav-global a {float: none; display: block; margin: 14px 0;} #nav-global a:hover {border-bottom: none;} #nav-global a.active {border-bottom: none;} #nav-global a.active:hover {border-bottom: none;} #nav-help {float: none; margin: 0; padding: 0; border-top: 1px solid #000;} #nav-help a {float: none; display: block; height: 36px; margin: 0; line-height: 36px;} #nav-help a#jscontrol-nav-language, #nav-help a#jscontrol-nav-account {padding: 0;} #nav-help a#jscontrol-nav-account {max-width: 620px;} #nav-help a.help {text-indent: 0;} #nav-help a.help:before {display: none;} span#jscontrol-notification {position: relative; float: right; display: none; width: 25px; height: 25px; line-height: 24px; margin: 12px 20px; text-decoration: none; font-size: 14.5px; font-weight: 400; color: #fff; cursor: pointer;} span#jscontrol-notification:before {position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 25px; height: 25px; background: url("../img/epc-icons-profile-status-25x25.png") no-repeat -50px top; content: "";} span#jscontrol-notification:after {position: absolute; left: calc(50% - 2px); top: 7px; z-index: 1; display: block; width: 4px; height: 14px; background-color: #fff; content: "";} #nav-language {top: 0px; left: 0; z-index: 999; width: calc(100% - 2px); height: 370px; overflow-x: hidden; overflow-y: scroll;} #nav-language .col {float: none; width: 100%;} #nav-language a {float: none; display: block; width: calc(100% - 46px);} #nav-account {top: auto; left: 10px; z-index: 999; width: calc(100% - 42px); max-width: 620px; background-color: #363636;} #nav-account a {width: 520px; max-width: 620px; color: #fff;} #nav-account a:hover {background: none;} main {padding: 92px 0 20px 0;} #message {margin: 0 0 20px 0; padding: 0 10px;} #message .inner {max-width: 620px; margin: 0 auto; padding: 20px 0;} #head .inner {max-width: 620px; padding: 0;} footer {} footer .inner {max-width: 620px; padding: 20px 0;} footer .link {width: calc(100% - 20px); height: 40px;} footer nav {width: calc(100% - 20px);} footer nav a {float: none; display: block; margin: 0; padding: 0; border: none; line-height: 20px;} footer p {clear: both;} #nav-profiles {position: absolute; left: auto; right: 6px; top: 70px; z-index: 2147483640; display: none; width: 30px; max-height: 350px; overflow: hidden;} #nav-profiles a {position: relative; display: none; width: 25px; height: 25px; margin: 0 0 6px 0; border: none; border-radius: 25px; box-shadow: none;} #nav-profiles a:hover {border: none;} #nav-profiles a .profile-name {float: left; display: none; max-width: 150px; margin: 15px 0 0 10px; padding: 2px 10px; border-radius: 2px; word-break: break-all; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #nav-profiles a img {float: left; width: 25px; height: 25px; border-radius: 25px; background-color: #f6f5f4;} #nav-profiles a.home .icon {position: relative; float: left; display: block; width: 25px; border-radius: 25px; text-indent: -99999px; background-color: #0081c2;} #nav-profiles a.home .icon:before {position: absolute; left: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon:after {position: absolute; right: 6px; bottom: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span {display: block; width: 25px; height: 25px; margin: 0; padding: 0;} #nav-profiles a.home .icon span:before {position: absolute; left: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.home .icon span:after {position: absolute; right: 6px; top: 6px; display: block; width: 5px; height: 5px; border: 1px solid #fff; border-radius: 2px; background: none; content: "";} #nav-profiles a.add {position: relative; z-index: 1;} #nav-profiles a.add .icon {position: relative; float: left; display: block; width: 25px; height: 25px; border-radius: 25px; text-indent: -99999px; background-color: #0081c2;} #nav-profiles a.add .icon:before {position: absolute; left: 6px; top: 6px; display: block; width: 13px; height: 12.5px; padding: 1px 0 0 0; line-height: 8px; border-radius: 13px; text-align: center; text-indent: 0; font-size: 16px; background-color: #fff; color: #0081c2; content: "+";} #nav-profiles a.add .icon:after {display: none;} #nav-profiles a:nth-of-type(1) {display: block;} #nav-profiles a:nth-of-type(2) {display: block;} #nav-profiles a:nth-of-type(3) {display: block;} #nav-profiles a:nth-of-type(4) {display: block;} #nav-profiles a:nth-of-type(5) {display: block;} #nav-profiles a:nth-of-type(6) {display: block;} #nav-profiles a:nth-of-type(12) {display: block;} #tooltipProfileName {position: absolute; z-index: 2147483647; display: block; max-width: 150px; height: 15px; margin: 15px 0 0 10px; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; border-radius: 2px; font-size: 13px; font-weight: 400; background-color: #505050; color: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-shadow: 0.5px 0.5px 1px #363636;} #jscontrol-responsive-nav-global {display: block;} #jscontrol-scroll-top {right: 5px; bottom: 5px; width: 40px; height: 40px; border-radius: 40px;} #jscontrol-scroll-top:before {left: 12px; top: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #e3e3e3;} #jscontrol-scroll-top:after {left: 16px; top: 20px; width: 8px; height: 10px;} #jscontrol-scroll-top:hover {} #jscontrol-scroll-top:hover:before {left: 12px; top: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff;} #jscontrol-scroll-top:hover:after {left: 16px; top: 20px; width: 8px; height: 10px;} #jscontrol-responsive-nav-profile {display: block;} #rsp-list-profiles {display: block;} .jscontrol-table-rows-toggle {width: calc(100% - 86px);} .jscontrol-switcher {right: 10px;} .jscontrol-toggle-next-element {min-height: 46px; height: auto;} .jscontrol-toggle-next-element span {padding: 0 20px 0 20px; line-height: 40px; font-size: 18px;} .enabled .jscontrol-toggle-next-element:before {left: 14px;} .enabled .jscontrol-toggle-next-element.expanded:before {left: 14px;} .disabled .jscontrol-toggle-next-element:before {left: 14px;} .disabled .jscontrol-toggle-next-element.expanded:before {left: 14px;} .jscontrol-toggled-element.padding {padding: 20px 10px 40px 10px;} #head.homescreen {min-height: 312px; margin: 10px 0 0 0;} #head.homescreen .inner {width: calc(100% - 20px); max-width: 620px; height: auto; margin: 10px auto; padding: 10px 0; background: none; background-color: #0d0926; background-image: url("../img/pcp-bg-homescreen-rsp-840x300.jpg"); background-position: center 60px; background-repeat: no-repeat; background-size: contain;} #head.homescreen h1 {width: calc(100% - 20px); max-width: 580px; height: 42px; margin: 0 10px 39% 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.homescreen .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.homescreen .buttons {max-width: 620px; padding: 10px 0 0 0; border-top: 1px solid #3e3b51; line-height: 36px; text-align: center;} #head.homescreen .buttons a:nth-of-type(1), #head.homescreen .buttons a:nth-of-type(2) {display: block; width: calc(100% - 20px); margin: 0 10px; padding: 12px 0;} #head.withprofiles {height: auto; min-height: 180px; margin: 20px 0;} #head.withprofiles .inner {width: calc(100% - 40px); max-width: 620px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.withprofiles h1 {width: calc(100% - 20px); max-width: 580px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.withprofiles .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.noprofile {height: auto; margin: 20px 0 0 0;} #head.noprofile .inner {width: calc(100% - 40px); max-width: 620px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.noprofile h1 {width: calc(100% - 20px); max-width: 580px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.noprofile .slogan {min-height: initial; margin: 0 10px 10px 10px;} #head.premium {margin: 20px 0 0 0;} #head.premium .inner {width: calc(100% - 40px); max-width: 620px; height: auto; padding: 20px 10px; background: none; background-color: #0096a1;} #head.premium h1 {width: calc(100% - 20px); max-width: 580px; height: 42px; margin: 0 10px 20px 10px; text-indent: -99999px; background-image: url("../img/epc-heading-one-homescreen.png"); background-position: left top; background-repeat: no-repeat; background-size: contain;} #head.premium .slogan {min-height: initial; margin: 0 10px 10px 10px;} #corpus.premiumscreen article {width: 100%; padding: 40px 0;} #corpus.premiumscreen article h2 {margin: 0 0 40px 0; padding: 0 20px; line-height: 34px; text-align: center; font-size: 28px; font-weight: 100; color: #000;} #corpus.premiumscreen article p {padding: 0 20px; line-height: 24px; text-align: center; font-size: 16px; font-weight: 100; color: #000;} #corpus.premiumscreen article p b {font-weight: 600;} #corpus.premiumscreen article.premium-features {padding: 40px 0; border-bottom: 1px solid #e0e2e2; text-align: center; background-color: #fff;} #corpus.premiumscreen article.premium-features .slogan {margin: 0 0 40px 0; font-size: 20px; font-weight: 100;} #corpus.premiumscreen article.premium-features .buttons {max-width: 620px; padding: 10px 0 0 0; line-height: 36px; text-align: center;} #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(1), #corpus.premiumscreen article.premium-features .buttons a:nth-of-type(2) {display: block; width: calc(100% - 20px); margin: 0 10px 20px 10px; padding: 12px 0;} #corpus.premiumscreen article.web-guard {padding: 250px 0 40px 0; background: #fff url(../img/pcp-premiumscreen-web-guard.png) no-repeat center 40px;} #corpus.premiumscreen article.anti-phishing {padding: 250px 0 40px 0; background: #e5f6fb url(../img/pcp-premiumscreen-anti-phishing.png) no-repeat center 40px;} #corpus.premiumscreen article.child-locator {padding: 250px 0 40px 0; background: #e5f6fb url(../img/pcp-premiumscreen-child-locator.png) no-repeat center 40px;} #corpus.premiumscreen article.text-messages {padding: 300px 0 40px 0; background: #fff url(../img/pcp-premiumscreen-text-messages.png) no-repeat center 40px;} #corpus.premiumscreen article.reports-summary {padding: 290px 0 40px 0; background: #eee url(../img/pcp-premiumscreen-reports-summary.png) no-repeat center 40px;} .motivation {padding: 20px 10px;} .motivation h2 {max-width: 620px; margin: 0 auto 20px auto;} .motivation p {max-width: 620px;} .key-features {} .key-features div {display: inline-table; width: calc(100% - 40px); min-height: 50px; margin: 20px 10px; padding: 100px 0 0 0; text-align: center;} .key-features div:nth-of-type(4) {padding-top: 120px;} .key-features div h3 {height: auto; margin: 0 0 20px 0;} .logins {max-width: 620px; margin: 30px 0; padding: 0; line-height: 36px; text-align: center;} .logins a:nth-of-type(1), .logins a:nth-of-type(2) {display: block; width: 100%; margin: 0; padding: 12px 0;} #corpus.noprofile .inner {max-width: initial; padding: 0;} #corpus.noprofile .heading {padding: 60px 0; border-bottom: 1px solid #e5e5e5; text-align: center;} #corpus.noprofile .heading h2 {line-height: 42px; font-size: 20px; color: #000;} #corpus.noprofile .heading p {line-height: 26px; font-size: 16px; color: #797979;} #corpus.noprofile #threesteps {padding: 0;} #corpus.noprofile #threesteps.no-device {padding: 0 10px;} #threesteps.no-device .heading {padding: 20px 0;} #threesteps.no-device .step-one {width: calc(100% - 64px); margin: 20px 0 0 0; padding: 0 0 0 64px; background-position: left 6px;} #threesteps.no-device .step-two {width: calc(100% - 64px); margin: 50px 0 0 0; padding: 20px 0 0 64px; border-top: 1px solid #e0e0e0; background-position: left 24px;} #threesteps.no-device .step-three {width: calc(100% - 64px); margin: 20px 0 0 0; padding: 20px 0 0 64px; border-top: 1px solid #e0e0e0; background-position: left 25px;} #marketplace {} #marketplace .inner {padding: 20px 10px 0 10px;} #marketplace article {float: none; display: block; width: calc(100% - 74px); max-width: 620px; margin: 0 0 20px 0;} article#help-and-support {float: none; width: calc(100% - 74px); max-width: 620px; margin: 0 0 20px 0;} article#eset-for-home {float: none; width: calc(100% - 74px); max-width: 620px; margin: 0 0 20px 0;} #head.profileslist {height: 200px; padding: 20px 0;} #head.profileslist .inner {width: 500px; height: 120px; padding: 20px 0;} #head.profileslist .inner h1 {margin-bottom: 20px;} article.profile {width: calc(100% - 10px); margin: 0 0 20px 0;} article.profile:before {width: calc(100% - 10px);} article.profile:hover:before {width: calc(100% - 10px);} article.profile h2 {width: 100%;} article.profile img {left: calc(50% - 72px);} article.profile div.wrapper-status {width: 100%;} article.profile div.wrapper-status p.status {} article.profile a.detail {width: 100%;} article.profile-new {width: 100%; margin: 0 0 20px 0;} article.profile-new h2 {width: calc(100% - 40px); padding: 0 20px;} article.profile-new p {width: calc(100% - 40px);} #head.profile-detail-header {top: 0; height: 120px;} #head.profile-detail-header article {position: relative; left: auto; top: auto; width: 100%; margin: 20px 0;} #head.profile-detail-header article h2 {left: 90px; top: 4px; max-width: calc(100% - 120px); line-height: 24px; font-size: 20px;} #head.profile-detail-header article a {position: absolute; left: 0; top: 0; width: 78px; height: 78px;} #head.profile-detail-header article a img {width: 70px; height: 70px; border-radius: 74px;} #head.profile-detail-header p.status {left: 90px; top: 30px; font-size: 16px;} #head.profile-detail-header.ok p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.ok p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.warning p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.warning p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.alert p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.alert p.status:after {left: -36px; top: 26px;} #head.profile-detail-header.info p.status:before {left: -42px; top: 20px;} #head.profile-detail-header.info p.status:after {left: -36px; top: 26px;} #head.profile-detail-header p.status .substatus {font-size: 14px;} #nav-profile {left: auto; right: 0; top: 0; z-index: 2147483647; display: none; width: 100%; max-width: 320px; background-color: #363636;} #nav-profile a {display: block; width: calc(100% - 20px); margin: 0 0 1px 0; padding: 10px; border-bottom: 4px solid #363636; line-height: 22px; color: #fff;} #nav-profile a:hover {} #nav-profile a.selected {} #nav-profile a.selected:hover {} .message.alert h2 {margin: 0 0 10px 0; padding: 10px 20px 10px 60px; line-height: 27px; font-size: 23px;} #requests select {min-width: unset;} .select-add-minutes div {width: 100%;} .select-add-minutes select {float: none; margin: 0;} #threesteps {max-width: 620px; padding: 0 10px;} #threesteps .heading {padding: 20px 0;} #threesteps .step-one {width: calc(100% - 40px); margin: 20px 0 0 0; padding: 0 0 0 40px;} #threesteps.no-profile .step-one:before {top: 14px; font-size: 50px;} #threesteps .step-two {width: calc(100% - 40px); margin: 50px 0 0 0; padding: 20px 0 0 40px; border-top: 1px solid #e0e0e0;} #threesteps.no-profile .step-two:before {top: 33px; font-size: 50px;} #threesteps .step-three {width: calc(100% - 40px); margin: 20px 0 0 0; padding: 20px 0 0 40px; border-top: 1px solid #e0e0e0;} #threesteps.no-profile .step-three:before {top: 33px; font-size: 50px;} #webguard, #detail-rules, #geo-location {width: 100%;} #webguard .top {height: auto;} #webguard .bottom {height: 460px;} #webguard .graph {width: calc(100% - 20px); height: auto; margin: 0 0 20px 0; padding: 0 10px;} #webguard .graph.nodata {width: calc(100% - 20px); height: auto; padding: 170px 10px 0 10px; text-align: center; background-position: center top;} #detail-rule-appguard .ruleContainer a:nth-child(1) {margin-right: 20px;} #appguard {width: 100%; margin: 0 0 20px 0;} #appguard .top {height: auto;} #appguard .bottom {height: 460px;} #appguard .graph {width: calc(100% - 20px); height: auto; margin: 0 0 20px 0; padding: 0 10px;} #appguard .graph.nodata {width: calc(100% - 20px); height: auto; padding: 170px 10px 0 10px; text-align: center; background-position: center top;} #btn-refresh {position: initial; display: block; width: 100%; margin: 10px 0 0 0; padding: 0;} #btn-go-premium {position: relative; right: auto; display: block; width: 296px; margin: 10px 0 0 0; padding: 0;} #devices-list {} #devices-list h3 {right: 20px; top: 60px; width: 40%;} #devices-list ul {right: 20px; top: 94px; width: 264px;} #devices-list ul li {position: relative; height: 32px; padding: 18px 20px 20px 82px; border-top: 1px solid #969696; cursor: pointer;} #devices-list ul li span:first-of-type {width: 152px;} .daily-report-section-wrapper, #daily-report-heat, daily-report-heat-no-data {width: 100%;} #daily-report-header {padding: 12px 0px 12px 0px;} #daily-report-header h2 {padding-left: 60px;} #daily-report-date {margin-top: 16px; float: left; width: 100%; background: white; border-bottom: 1px solid #f2efef; position: relative; padding: 5px 0;} #daily-report-datepicker {color: #2c2c2c; padding: 0 28px; margin: 0; font-weight: 600;} #daily-report-date span:nth-child(2) {background: url(../img/bg-nav-myeset-home-black.png) no-repeat; position: absolute; height: 20px; right: 70px; top: 10px;} #daily-report-date span:nth-child(3) {background: url(../img/bg-nav-myeset-home-black-r.png) no-repeat; position: absolute; height: 20px; right: 0px; top: 10px;} #geo-location {margin: 0 0 20px 0;} #geo-location .message {padding: 100px 10px 20px 10px;} #geo-location #msg-devices-offline.message p span:first-of-type:before {left: -10px;} #geo-location #msg-locating.message {height: 140px;} #geo-location #msg-devices-offline-message {padding: 0 0 0 20px;} #google-map {width: 100%;} #google-map.active {height: 400px; border-top: 8px solid #f4f4f4;} #rules-webguard .jscontrol-toggled-element {padding: 0 20px 60px;} #rules-webguard .articleHeadingTwo {padding: 12px 70px 12px 60px;} #rules-webguard .articleHeadingTwo:before {left: 10px;} #rules-webguard p {clear: both; margin: 0 0 20px 0;} #list-categories-example li {float: none; display: block; margin: 0 0 20px 0;} #list-categories li {float: none; display: block; width: calc(100% - 58px); margin: 0 0 10px 0;} #list-categories li span.title {width: 100%;} #list-categories-age li {float: none; width: calc(100% - 40px); margin: 0 0 20px 0; text-align: center;} #rules-webguard input[type="button"] {position: relative; right: auto; bottom: auto; width: 100%;} #list-websites-blocked li {padding: 0 10px 0 43px;} #list-websites-allowed li {padding: 0 10px 0 43px;} #rules-appguard .articleHeadingTwo {padding: 12px 70px 12px 60px;} #rules-appguard .articleHeadingTwo:before {left: 10px;} #rules-appguard .jscontrol-toggled-element {padding: 0 20px 60px 20px;} #rules-appguard .jscontrol-custom-scrollbar {padding: 20px 20px 10px 20px;} #list-categories-ag-example li {float: none; display: block; margin: 0 0 20px 0;} #list-categories-ag li {float: none; display: block; width: calc(100% - 58px); margin: 0 0 10px 0;} #list-categories-ag li span.title {width: calc(100% - 58px);} #list-apps-new li {float: none; display: block; width: 192px; margin: 0 0 10px 0;} #list-apps-new li span.title {width: 142px;} #list-categories-ag-age li {float: none; width: calc(100% - 40px); margin: 0 0 20px 0; text-align: center;} #list-categories-ag-age li:first-of-type {margin: 0 0 20px 0;} #list-categories-ag-age li:nth-of-type(2n+4) {margin: 0 0 20px 0;} #rules-appguard input[type="button"] {position: relative; right: auto; bottom: auto; width: 100%;} #slider-schooldays {display: none;} #slider-holidays {display: none;} #slider-schooldays-phone {display: block; width: 100%; max-width: initial;} #slider-holidays-phone {display: block; width: 100%; max-width: initial;} #YDR-Frame-phone.frame {display: block; margin: 40px 0 0 0;} #YDR-Frame.frame {display: none;} #time-restrictions-phone {width: 100%;} #time-restrictions-phone thead {} #time-restrictions-phone thead tr {height: auto;} #time-restrictions-phone thead tr th {position: relative; width: 20px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: left;} .prevent #time-restrictions-phone thead tr th {width: 20px; margin: 0; padding: 0; text-align: left; font-size: 13px; font-weight: 400; color: #969696;} #time-restrictions-phone thead tr th:before {position: absolute; left: 0; bottom: 10px; display: block; min-width: 100px; text-align: left; text-align: left; /*transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);*/ font-size: 13px; font-weight: 400;} #time-restrictions-phone tbody {} #time-restrictions-phone tbody tr {height: 10px;} #time-restrictions-phone tbody tr td {position: relative; width: 10px; height: 10px; margin: 0; padding: 0; border-left: none; border-top: none; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; line-height: 0; font-size: 0; background-color: #eee; color: #ccc; cursor: pointer;} #time-restrictions-phone tbody tr td:before {position: absolute; line-height: 13px; font-size: 13px; font-weight: 400; color: #363636;} .prevent #time-restrictions-phone tbody tr td {width: 10px; height: 10px; margin: 0; padding: 0; background-color: #f8f8f8; color: #363636;} #time-restrictions-phone tbody tr td:first-of-type {border: 1px solid #fff; background: none; cursor: default;} #time-restrictions-phone tbody tr td.blocked {background-color: #ccc;} .prevent #time-restrictions-phone tbody tr td.blocked {background-color: #dd524a;} #time-restrictions-legend-phone {margin: 40px 0 20px 0; list-style: none;} #time-restrictions-legend-phone li {position: relative; height: 30px; margin: 0 0 10px 30px; padding: 0 0 0 50px; line-height: 30px;} #time-restrictions-legend-phone li.allowed {} #time-restrictions-legend-phone li.allowed:before {position: absolute; left: 0; top: 0px; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} .prevent #time-restrictions-legend-phone li.allowed:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #f8f8f8; content: "";} #time-restrictions-legend-phone li.blocked {} #time-restrictions-legend-phone li.blocked:before {position: absolute; left: 0; top: 0px; width: 30px; height: 30px; background-color: #ccc; content: "";} .prevent #time-restrictions-legend-phone li.blocked:before {position: absolute; left: 0; top: 0; width: 30px; height: 30px; background-color: #dd524a; content: "";} #reports-webguard .articleHeadingTwo:before {left: 10px;} #reports-appguard h4 {font-size: 15px;} #reports-webguard .progress {right: 10px;} .wrapper-no-data {padding: 20px; background: url("../img/pcp-icon-graph-nodata-30px.png") no-repeat 10px 22px;} .wrapper-no-data p {padding: 0 0 0 30px;} .nav-show-period .btn {float: none; display: block; width: calc(100% - 40px); margin: 0 0 10px 0;} table.reports thead tr th {padding: 0 5px !important;} table.reports tbody tr td {padding: 0 5px !important; vertical-align: middle;} table.reports tbody tr td .percentage {padding: 0 5px !important;} #reports-appguard .articleHeadingTwo:before {left: 10px;} #reports-appguard .progress {right: 10px;} .ag-app-table tbody tr td:last-of-type {padding-left: 30px;} #ag-most-used-apps tbody tr {display: none;} #ag-most-used-apps tbody tr.mua-mob-row {display: table-row;} #ag-most-used-apps tbody tr.mua-mob-row td {border-bottom: 1px solid #e3e3e3;} #ag-most-used-apps tbody tr.mua-mob-row td:first-of-type {width: 50px !important;} #ag-most-used-apps tbody tr.mua-mob-row td:last-of-type {width: 33px !important;} #ag-most-used-apps tbody tr.mua-mob-row.markers td {border-top: none; border-bottom: 2px solid #e3e3e3; padding-right: 20px;} #ag-most-used-apps tbody tr.mua-mob-row.markers td .mark-as-appropriate {margin: 0 0 10px 0;} #ag-most-used-apps tbody tr td {padding: 1px !important;} #ag-most-used-apps tbody tr td .percentage {min-width: 50px;} #reports-appguard-app-usage {width: 100%;} #usage-heat-map thead tr th {width: 18px; max-width: 9px !important; padding: 0 !important; visibility: hidden;} #usage-heat-map thead tr th:nth-of-type(1), #usage-heat-map thead tr th:nth-of-type(2), #usage-heat-map thead tr th:nth-of-type(8), #usage-heat-map thead tr th:nth-of-type(14), #usage-heat-map thead tr th:nth-of-type(20) {visibility: visible;} #usage-heat-map thead tr th:nth-of-type(1) {display: table-cell;} #usage-heat-map thead tr th.hour[data-hour="0"]:before {position: absolute; left: 0; top: -20px; display: block; width: 100px; padding: 0 0 0 5px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map thead tr th.hour[data-hour="12"]:before {position: absolute; left: 0; top: -20px; display: block; width: 100px; padding: 0 0 0 5px; border-left: 1px solid #363636; font-size: 12px; color: #363636; content: "";} #usage-heat-map tbody tr td {padding: 0 !important;} #usage-heat-map tbody tr td:nth-of-type(5), #usage-heat-map tbody tr td:nth-of-type(11), #usage-heat-map tbody tr td:nth-of-type(17), #usage-heat-map tbody tr td:nth-of-type(23) {border-left: none;} #usage-heat-map tbody tr td:nth-of-type(1) {display: table-cell;} #reports-appguard-daily-usage-time-limited {width: calc(100% - 20px);} .no-data {padding: 10px 20px 30px 20px;} #reports-appguard .filters {margin: 0 -10px;} #reports-appguard #most-used-applications-inner .filters {margin: 0;} .nav-show-period {display: block; width: calc(100% - 20px); margin: 0 10px; text-align: left;} .nav-show-period .btn {float: none;} #usage-heat-map-description {float: left; margin: 20px 0 40px 30px;} #usage-heat-map-description li {float: none; display: block; margin: 0 0 10px 0;} #usage-heat-map tbody tr {height: 20px;} #usage-heat-map tbody tr td {height: 20px;} #usage-heat-map tbody tr td.day {text-align: right;} #usage-heat-map tbody tr td.day span:nth-of-type(2), #usage-heat-map tbody tr td.day span:nth-of-type(3) {display: none;} #devices .articleHeadingTwo {padding: 12px 20px 12px 60px;} #devices .articleHeadingTwo:before {left: 10px;} #list-devices {display: none;} #devices h4 {width: 100%;} #devices article.tablet, #devices article.smartphone {display: block; margin: 0 0 20px 0;} #devices article header {position: relative; padding: 20px 0; background-color: #fff;} #devices article p {line-height: 22px; font-size: 16px;} #devices #threesteps p {line-height: 20px; font-size: 14px;} #devices article header h2 {width: calc(100% - 70px); padding: 0 10px 0 60px;} #devices article.smartphone header h2:before {left: 10px;} #devices article.tablet header h2:before {left: 10px;} #devices article.desktop header h2:before {left: 10px;} #devices article header p {width: calc(100% - 70px); margin: 0 10px 0 60px;} #devices article header p.last-seen {position: relative; right: auto; top: auto; width: calc(100% - 70px); margin: 0 10px 20px 60px;} #devices article ul li {padding: 20px 10px 20px 42px;} #devices article ul li:before {left: 10px;} #devices .form {padding: 20px 10px 40px 10px;} #devices hr {margin: 150px 0 0 0;} #devices input[type="submit"], #devices input[type="button"], #devices span.btn.darkred, #devices .btn.darkblue {float: none; display: block; width: calc(100% - 4px); margin: 30px 0 0 0; padding: 0; text-align: center;} #devices .link-14px {right: 10px; top: 10px;} #profile {margin: 0 0 20px 0;} #profile .articleHeadingTwo:before {left: 10px;} #profile .form {padding: 10px;} .wrapper-err-msg {max-width: initial; margin: 0 0 0 10px;} #profile label {float: none; display: block; width: auto;} #profile .label-radio {float: left; width: auto; margin-right: 40px;} #profile .wrapper-img img {width: 100%; max-width: initial; max-height: initial;} #profile input[type="text"], #profile input[type="datetime"] {display: inline-block; width: calc(100% - 22px);} #profile input[type="submit"] {float: none; width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} #profile .btn.darkred {float: none; width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} #profile-alerts-and-emails {} #profile-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #profile-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #settings-alerts-and-emails .form {padding-bottom: 54px;} #settings-alerts-and-emails hr {margin: 20px 0; border: solid 1px #e3e3e3;} #settings-alerts-and-emails .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails input[type="submit"] {float: right;} .wrapper-input-file {width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center;} .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #settings .articleHeadingTwo {padding: 12px 20px 12px 60px;} #settings .articleHeadingTwo:before {left: 10px;} #settings h4 {float: none; width: auto; min-height: 56px; height: auto; margin: 0; padding: 0;} .wrapper-settings {float: none; width: calc(100% - 2px);} #settings .form {padding: 20px 10px 54px 10px;} #settings .form.jscontrol-toggled-element {padding: 0;} .wrapper-img img {left: 0px; top: 0px; display: block; max-width: 620px; max-height: 340px;} #settings input[type="text"], #settings input[type="datetime"] {width: calc(100% - 20px);} #settings input[type="submit"], #settings input[type="button"] {float: none; display: block; width: calc(100% - 4px); margin: 0 0 20px 0; padding: 0; text-align: center;} #settings .wrapper-input-file {position: relative; display: inline-block; height: 32px; margin: 0 0 20px 0; padding: 0 40px; border: none; line-height: 28px; box-shadow: 2px 2px 0px #363636; background-color: #3a5999; color: #fff; cursor: pointer;} #settings .wrapper-input-file:active {box-shadow: 0px 0px 0px #363636;} #settings .wrapper-input-file input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer;} #settings .link-back {float: right; margin: 0 20px 0 0; line-height: 30px;} #settings-alerts-and-emails {} #settings-alerts-and-emails h2 {position: relative; margin: 0 0 4px 0; padding: 20px 20px 20px 80px; font-size: 27px; font-weight: 400; background-color: #fbbf01; color: #fff;} #settings-alerts-and-emails h2:before {position: absolute; left: 20px; top: 10px; display: block; width: 40px; height: 40px; background: url(../img/epc-icons-40px.png) no-repeat 0px top; content: "";} #txtNumber {display: inline-block; margin: 0 20px 20px 0;} #settings .link-add {margin: 0 0 20px 0;} #wrapper-list-phone-numbers {margin: 0 -10px 40px -10px; padding: 10px;} #list-phone-numbers li {position: relative; display: block; height: 36px; padding: 0 20px 0 30px; border-top: 3px solid #f4f4f4; border-bottom: 2px solid #e3e3e3; background-color: #fff;} #list-phone-numbers li:before {position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 20px; height: 36px; background-color: #77bb1a; content: "";} #list-phone-numbers li:after {position: absolute; left: 4px; top: 9px; z-index: 2; display: block; width: 12px; height: 19px; background: url(../img/epc-icons.png) no-repeat -582px -3px; content: "";} #list-phone-numbers li .number {line-height: 36px; color: #363636;} #list-phone-numbers li .remove {position: absolute; right: 10px; width: 18px; height: 18px; padding: 0; line-height: 36px; text-indent: -99999px; cursor: pointer;} #list-phone-numbers li .remove:after {position: absolute; left: 0; top: 9px; width: 18px; height: 18px; border-radius: 18px; line-height: 14px; text-indent: 0; text-align: center; font-size: 18px; background-color: #e04239; color: #fff; content: "×";} #list-phone-numbers li .now-added {display: none;} #list-phone-numbers li .now-deleted {display: none;} #settings .info {float: right; width: 18px; height: 18px; margin: -35px 0 0 0; text-indent: -99999px; background: url(../img/epc-icons-18x18.png) no-repeat left top;} #settings .info:hover {float: none; width: auto; height: auto; margin: -35px 0 20px 0; padding: 30px 38px 0 0; text-indent: initial; font-size: 14px; background: url(../img/epc-icons-18x18.png) no-repeat right top;} #add-phone-number {float: none; display: block; width: calc(100% - 4px); margin: 0 0 20px 0; padding: 0; text-align: center;} #dialog .header {padding: 10px;} #dialog .body {padding: 10px;} #dialog .footer {height: auto; padding: 10px;} #dialog .footer .close {right: 10px;} #dialog .footer .close:after {left: 5px; top: 6px;} #dialog .footer .btn.darkgray {position: initial; float: none; display: block; margin: 0 0 10px 0; text-align: center;} #dialog .footer .btn.darkred {position: initial; float: none; display: block; text-align: center;} }