.brand-font {
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        }


        a {
            text-decoration: none;
            cursor: pointer;
            color: #3dbf8b;
        }



        h1 {
            font-size: 25px;
        }

        h1+h2 {
            margin-top: 0;
        }


        h2 {
            font-size: 18px;
        }


        h3 {
            color: #222;
            font-size: 15.5px;
        }

        h3:first-child {
            margin-top: 0;
            margin-bottom: 0;
        }

        h3+p {
            margin-top: 5px;
        }

        h3.inline {
            margin-right: 15px;
        }

        h5 {
            font-size: 12px;
        }

        h4 {
            font-size: 14px;
        }

        hgroup h3:first-child {
            margin-bottom: 5px;
        }

        hgroup h3+h5 {
            font-weight: 500;
            margin: 0;
        }


        hgroup h5:first-child {
            font-weight: 500;
            margin: 0;
        }

        hgroup h4:last-child {
            font-weight: 500;
            margin: 0;
            margin-top: 4px;
        }

        hgroup h2:first-child {
            margin: 0;
            font-weight: 500;
            font-size: 16px;
        }

        hgroup h2+h1 {
            margin: 0;
            margin-top: 3px;
            font-size: 25px;
            font-weight: 300;
        }

        hgroup h1+h3 {
            font-size: 12px !important;
            font-weight: 500;
            margin-top: 10px;
        }

        hgroup h1+h4:last-child {
            margin-top: 8px;
            font-size: 12px;
        }

        h1:first-child,
        h2:first-child,
        h3:first-child,
        h4:first-child,
        h5:first-child,
        h6:first-child,
        p:first-child,
        b:first-child {
            margin-top: 0;
        }

        p {
            margin-bottom: 0;
            line-height: 1.6;
        }

        p+p,
        b+p {
            margin-top: 5px;
        }

        .small-text {
            font-size: 12px;
        }

        .medium-text {
            font-size: 16px;
        }

        .line-height-16 {
            line-height: 1.6;
        }

        .font-weight-light {
            font-weight: 300;
        }

        .font-weight-normal {
            font-weight: 500;
        }

        .font-size-xtra {
            font-size: 36px;
        }

        mark {
            background-color: #fff5ca;
        }

        pre {
            margin: 0;
            line-height: 1.6;
        }

        p+div {
            margin-top: 20px;
        }

        .underline {
            text-decoration: underline;
        }

        a.underline:hover {
            text-decoration: none;
        }

        .overflow-ellipsis {
            display: block;
            max-width: 100%;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .overflow-break-all {
            -ms-word-break: break-all;
            word-break: break-all;

        }

        /**
 * Global CSS Rules
 */

        html {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;

            image-rendering: -webkit-optimize-contrast;
            -ms-interpolation-mode: nearest-neighbor;
        }

        *,
        *:before,
        *:after {
            -webkit-box-sizing: inherit;
            -moz-box-sizing: inherit;
            box-sizing: inherit;
        }

        body {
            margin: 0;
            padding: 0;
            background-color: #fff;
            font-size: 14px;
            color: #222;
            position: absolute;
            width: 100%;
            min-height: 100%;
            padding-bottom: 40px;
            line-height: 1.4;
        }

        hr {
            border: 0;
            border-top: 1px #e2e2e2 solid;
            margin: 30px 0;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
            border-top: 1px #e2e2e2 solid;
        }

        ul li {
            padding: 15px 0;
            border-bottom: 1px #e2e2e2 solid;
        }

        li:after {
            content: "";
            display: block;
            clear: both;
        }

        li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        ul.with-bottom-border li:last-child {
            padding-bottom: 15px;
            border-bottom: 1px #e2e2e2 solid;
        }

        table {
            margin: 0;
            border-spacing: 0;
            box-shadow: none;
            border: 1px #b8b8b8 solid;
            border-radius: 0;
            width: 100%;
            margin-bottom: 35px;
            margin-top: 25px;
            background-color: #fff;
        }

        table:first-child {
            margin-top: 0;
        }

        table:last-child {
            margin-bottom: 0;
        }

        th {
            background-color: #ededed;
        }

        th:first-child {
            border-top-left-radius: 0;
        }

        th:last-child {
            border-top-right-radius: 0;
        }

        td {
            border-top: 1px #e2e2e2 solid;
            vertical-align: top;
            word-break: break-word;
        }

        td,
        th {
            padding: 12px;
        }

        td:first-child {
            padding-right: 0;
        }

        tbody tr:first-child td {
            border-color: #c9c9c9;
        }

        tbody tr:last-child td:first-child {
            border-bottom-left-radius: 8px;
        }

        tbody tr:last-child td:last-child {
            border-bottom-right-radius: 8px;
        }

        tbody tr:nth-child(2n) {
            background-color: #fafafa;
        }

        td.checkbox,
        th.checkbox {
            padding-right: 0;
            vertical-align: top;
            width: 5px;
        }

        th {
            text-align: left;
        }

        tbody tr.selected {
            background-color: #fffae4;
        }

        tfoot td {
            padding-top: 25px;
            padding-bottom: 25px;
            color: #808080;
            font-size: 12px;
        }

        table.property-list {
            width: 100%;
            margin-top: 0;
            margin-bottom: 35px;
            box-shadow: none;
            border: 0;
        }

        table.property-list td {
            padding: 15px 15px 15px 0;
            border-top: 0;
            border-bottom: 1px #e2e2e2 solid;
        }

        table.property-table tr:first-child td,
        table.no-top-border tr:first-child td {
            border-top: 0;
        }

        table.property-list tbody tr:first-child td {
            border-color: #e2e2e2;
            border-top: 1px #e2e2e2 solid;
        }

        table.property-list tbody tr:nth-child(2n) {
            background-color: transparent;
        }

        table.property-list td:last-child {
            padding-right: 0;
        }

        table.property-list td:first-child,
        table.property-table td:first-child {
            font-weight: 700;
            width: 1%;
            white-space: nowrap;
        }

        table.property-list td>span {
            display: inline-block;
            margin-right: 20px;
        }

        table.property-list:first-child tr:first-child td {
            border-top: 0;
            padding-top: 0;
        }

        table.property-list tr:last-child td {
            border-radius: 0;
        }

        table.property-list-with-header {
            margin-top: 25px;
        }

        table.property-list-with-header thead th {
            border-top: 1px #e2e2e2 solid;
            border-bottom: 1px #e2e2e2 solid;
        }

        table.property-list-with-header th {
            background-color: transparent;
            padding-left: 0;
            border-radius: 0;
        }

        table.property-list-with-header tr:first-child td {
            padding-top: 15px;
        }

        table.property-list-with-header td:first-child {
            font-weight: 500;
        }

        table.property-list.no-borders td,
        table.property-list.no-borders tbody tr:first-child td {
            border: 0;
            padding-bottom: 0;
        }

        table.property-list.dark-borders td {
            border-color: #d9d9d9 !important;
        }

        th .dropdown {
            font-weight: 500;
        }

        table .small-text {
            line-height: 1.8;
        }


        .clear {
            clear: both;
        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }

        .push-left {
            float: left;
        }

        .push-right {
            float: right;
        }

        .push-none {
            float: none;
        }

        .color-green {
            color: #00a63f;
        }

        .color-red {
            color: #f23924;
        }

        .color-purple {
            color: #9467bd;
        }

        .color-gray {
            color: #808080;
        }

        a.color-gray:hover {
            color: #404040;
        }

        .color-black {
            color: #222;
        }

        .color-gray-light {
            color: #bbb;
        }

        a.color-gray-light:hover {
            color: #a0a0a0;
        }

        .center {
            display: table;
            margin: auto;
        }

        .inline {
            display: inline-block;
        }

        .block {
            display: block;
        }

        .no-margin {
            margin: 0;
        }

        .bg-green {
            background-color: #efffeb !important;
        }

        .bg-gray {
            background-color: #f9f9f9 !important;
        }

        .text-left {
            text-align: left;
        }

        .text-right {
            text-align: right;
        }

        .text-center {
            text-align: center;
        }

        div.visible,
        section.visible {
            display: block;
        }

        .hidden {
            display: none !important;
        }

        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .separator-line-after:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: #e2e2e2;
            margin-top: -8px;
            position: relative;
            z-index: 0;
        }

        .separator-line-after a {
            background-color: #fff !important;
            position: relative;
            z-index: 1;
            border-right: 15px #fff solid;
        }

        .margin-top-10 {
            margin-top: 10px;
        }

        .margin-top-15 {
            margin-top: 15px;
        }

        .margin-top-20 {
            margin-top: 20px;
        }

        .margin-right-10 {
            margin-right: 10px;
        }

        .margin-right-15 {
            margin-right: 15px;
        }

        .margin-right-20 {
            margin-right: 20px;
        }

        .margin-bottom-10 {
            margin-bottom: 10px;
        }

        .margin-bottom-15 {
            margin-bottom: 15px;
        }

        .margin-bottom-20 {
            margin-bottom: 20px;
        }

        .margin-left-10 {
            margin-left: 10px;
        }

        .margin-left-15 {
            margin-left: 15px;
        }

        .margin-left-20 {
            margin-left: 20px;
        }

        .padding-top-5 {
            padding-top: 5px;
        }

        .padding-top-10 {
            padding-top: 10px;
        }

        .padding-top-15 {
            padding-top: 15px;
        }

        .padding-top-20 {
            padding-top: 20px;
        }

        .padding-top-25 {
            padding-top: 25px;
        }

        .padding-top-35 {
            padding-top: 35px;
        }

        .padding-top-75 {
            padding-top: 75px;
        }

        .padding-top-50 {
            padding-top: 50px;
        }

        .padding-bottom-5 {
            padding-bottom: 5px;
        }

        .padding-bottom-10 {
            padding-bottom: 10px;
        }

        .padding-bottom-15 {
            padding-bottom: 15px;
        }

        .padding-bottom-20 {
            padding-bottom: 20px;
        }

        .padding-bottom-25 {
            padding-bottom: 25px;
        }

        .padding-bottom-35 {
            padding-bottom: 35px;
        }

        .padding-bottom-50 {
            padding-bottom: 50px;
        }

        .padding-bottom-75 {
            padding-bottom: 75px;
        }

        .padding-left-5 {
            padding-left: 5px;
        }

        .padding-left-10 {
            padding-left: 10px;
        }

        .padding-left-15 {
            padding-left: 15px;
        }

        .padding-left-20 {
            padding-left: 20px;
        }

        .padding-left-25 {
            padding-left: 25px;
        }

        .padding-left-35 {
            padding-left: 35px;
        }

        .padding-left-50 {
            padding-left: 50px;
        }

        .padding-left-75 {
            padding-left: 75px;
        }

        .padding-right-5 {
            padding-right: 5px;
        }

        .padding-right-10 {
            padding-right: 10px;
        }

        .padding-right-15 {
            padding-right: 15px;
        }

        .padding-right-20 {
            padding-right: 20px;
        }

        .padding-right-25 {
            padding-right: 25px;
        }

        .padding-right-35 {
            padding-right: 35px;
        }

        .padding-right-50 {
            padding-right: 50px;
        }

        .padding-right-75 {
            padding-right: 75px;
        }

        .width-max-600 {
            max-width: 600px !important;
        }

        .width-max-940 {
            max-width: 940px !important;
        }

        .width-medium {
            width: 600px !important;
        }

        .box {
            border-radius: 0;
            background-color: #f7f7f7;
            padding: 35px;
            border-bottom: 1px #e2e2e2 solid;
            margin-bottom: 35px;
        }

        .overview-box {
            display: inline-block;
            width: 100%;
        }

        .overview-box .btn {
            float: right;
            top: -80px;
            margin: auto;
            position: relative;
        }

        .overview-box b+p {
            margin-top: 5px;
        }

        .overview-box p+p {
            margin-top: 15px;
        }

        .box.warning {
            background-color: transparent;
            box-shadow: none;
            border: 2px #f23924 dashed;
        }

        .box.warning hr {
            border-color: #d9d9d9;
        }

        .box.warning .btn-warning {
            margin-top: 5px;
        }

        .box.blank {
            background-color: transparent;
            box-shadow: none;
            border: 1px #bdbdbd dashed;
        }

        .box header {
            margin-bottom: 25px;
        }

        .expandible-content .box:first-child {
            margin-top: 45px;
        }

        .box-outline-yellow {
            border-radius: 15px;
            border: 1px #e1c33d dashed;
            padding: 25px;
            margin-top: 25px;
        }


        .popup-box {
            border-radius: 15px;
            border-top-left-radius: 0px;
            background-color: #fff;
            padding: 15px;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
            margin-bottom: 35px;
            max-width: 500px;
        }

        .popup-box ul,
        .popup-box li {
            padding: 2px;
            border: 0;
        }

        .separator-section {
            padding: 15px 35px;
            border-top: 1px #d9d9d9 solid;
            border-bottom: 1px #d9d9d9 solid;
            margin: 45px 0;
        }

        [class*="tag-"] {
            border-radius: 0;
            padding: 1px 6px;
        }

        p [class*="tag-"] {
            margin: 0 5px;
        }

        [class*="tag-"].dropdown {
            padding-right: 19px;
            background-position: right 6px center;
            background-image: url('https://cdn.sucuri.net/static/images/dropdown-gray.png');
        }

        .tag-gray {
            background-color: #f8f8f8;
            border: 1px #bfbfbf solid;
            color: #808080;
        }

        a.tag-gray:hover {
            background-color: #f0f0f0;
            border-color: #aaa;
        }

        .tag-red {
            background-color: #f23924;
            color: #fff;
        }

        a.tag-red:hover {
            background-color: #f22d0f;
        }

        .tag-green {
            background-color: #00a63f;
            color: #fff;
        }

        .tag-green-light {
            background-color: #efffeb;
            border: 1px #00a63f solid;
        }

        .tag-red.show-refresh {
            padding-right: 25px;
            background-image: url('https://cdn.sucuri.net/static/images/refresh-white.png');
            background-position: right 6px center;
            background-repeat: no-repeat;
            background-size: 10px 10px;
        }

        .tag-red-outline {
            border: 1px #f23924 dashed;
            color: #f23924;
            background-color: transparent;
        }

        a.tag-red-outline:hover,
        a.tag-red-outline.js-show-tooltip:hover {
            background-color: #fff2f0;
        }

        a.tag-red-outline.js-show-tooltip {
            padding-right: 25px;
            background: url('https://cdn.sucuri.net/static/images/question-red.png') right 6px center no-repeat;
            background-size: 11px 11px;
        }

        .tag-yellow {
            background-color: #fff5ca;
            border: 1px #e1c33d solid;
            color: #222;
        }

        a.tag-yellow:hover {
            background-color: #faeeb9;
            border-color: #d0b22b;
        }

        .tag-white-bg {
            background-color: #fff;
            color: #222;
            margin: 0 -5px 0 5px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        mark[class*="color-"],
        mark[class*="http-"],
        mark[class*="dns-"],
        mark[class*="log-"] {
            padding: 1px 6px;
            color: #fff;
            border-radius: 4px;
            font-size: 12px;
        }

        mark.color-turquoise,
        .dns-NS,
        .log-info {
            background-color: #5caeb4;
        }

        mark.color-gold,
        .dns-MX,
        .log-warning {
            background-color: #dc9a28;
        }

        mark.color-tan,
        .dns-SOA {
            background-color: #ceb088;
        }

        mark.color-olive,
        .dns-SRV {
            background-color: #89890e;
        }

        mark.color-salmon,
        .dns-TXT,
        .log-danger {
            background-color: #d4706a;
        }

        mark.color-green,
        .dns-CLOUDPROXY,
        .log-success {
            background-color: #00a63f;
        }

        mark.color-blue,
        .dns-A,
        .log-primary {
            background-color: #548bb9;
        }

        mark.color-purple,
        .dns-AAAA {
            background-color: #9781c5;
        }

        mark.color-gray,
        .dns-CNAME,
        .log-default {
            background-color: #aaa;
        }

        .http-CONNECT {
            background-color: #8004ca;
        }

        .http-COOK {
            background-color: #1fa748;
        }

        .http-COPY {
            background-color: #1fa775;
        }

        .http-DELETE {
            background-color: #f979ab;
        }

        .http-GET {
            background-color: #011336;
        }

        .http-HEAD {
            background-color: #21c5e0;
        }

        .http-LOCK {
            background-color: #23bd2b;
        }

        .http-MKCOL {
            background-color: #602f02;
        }

        .http-MOVE {
            background-color: #2433d1;
        }

        .http-OPTIONS {
            background-color: #52127e;
        }

        .http-PATCH {
            background-color: #862828;
        }

        .http-POST {
            background-color: #2590a0;
        }

        .http-PROPFIND {
            background-color: #741f9c;
        }

        .http-PROPPATCH {
            background-color: #9932a5;
        }

        .http-PURGE {
            background-color: #8f388b;
        }

        .http-PUSH {
            background-color: #25a71a;
        }

        .http-PUT {
            background-color: #0136ef;
        }

        .http-TRACE {
            background-color: #c5f925;
        }

        .http-UNLOCK {
            background-color: #7ad344;
        }

        .code-snippet {
            font-family: Monaco, Monospace, Courier, serif;
            border: 1px #808080 solid;
            background-color: #fff;
            box-shadow: none;
            border-radius: 0;
            padding: 18px;
            margin: 30px 0;
        }

        p.code-snippet {
            font-family: inherit;
        }

        .code-wrap {
            white-space: pre-wrap;
        }

        .code-snippet:last-child {
            margin-bottom: 0;
        }

        .dropdown {
            display: inline-block;
            position: relative;
        }

        .dropdown>a {
            background: url('https://cdn.sucuri.net/static/images/dropdown-arrow.png') right 55% no-repeat;
            background-size: 9px 6px;
            padding-right: 15px;
        }

        .site-settings .btn-settings {
            background: none!important;
        }

        .dropdown [class*="dropdown-"] {
            display: none;
            position: absolute;
            min-width: 100px;
            top: 150%;
            border: 0;
            background-color: #f7f7f7;
            box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .1);
            border-radius: 0;
            padding: 18px;
            z-index: 1001;
        }

        .dropdown [class*="dropdown-"]:before {
            content: "";
            display: block;
            position: absolute;
            top: -8px;
            background: none;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #f7f7f7;
        }

        .dropdown .dropdown-menu a {
            display: block;
            color: #606060;
            padding-top: 10px;
        }

        .dropdown .dropdown-menu a:hover {
            color: #222 !important;
        }

        .dropdown .dropdown-menu a:first-of-type {
            padding-top: 0;
        }

        .dropdown .dropdown-menu hr+a {
            margin-top: -10px;
        }

        .dropdown .dropdown-menu a.secondary {
            color: #808080 !important;
            margin-top: 15px;
            font-size: 12px !important;
        }

        .dropdown .dropdown-menu a.secondary:hover {
            color: #606060 !important;
        }

        .dropdown hr {
            border-color: #e2e2e2;
            margin: 20px 0;
        }

        .expandible+.expandible {
            margin-top: 15px;
        }

        .expandible>a {
            background: url('https://cdn.sucuri.net/static/images/dropdown-gray.png') right center no-repeat;
            background-size: 6px 4px;
            padding-right: 15px;
        }

        .expandible-content {
            display: none;
            margin-top: 15px;
            border: 1px #808080 solid;
            background-color: #f7f7f7;
            box-shadow: none;
            border-radius: 0;
            padding: 18px;
        }

        a.active~.expandible-content {
            display: block;
        }

        .expandible-content.no-box {
            background: 0;
            border: 0;
            box-shadow: none;
            padding: 0;
        }

        .expandible-content.no-box>ul:first-child {
            margin-top: 35px;
        }

        .tooltip-wrapper {
            display: inline-block;
            float: right;

            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

        .tooltip {
            display: none;
            position: absolute;
            max-width: 400px;
            padding: 12px;
            padding-top: 9px;
            color: #fff;
            z-index: 1000;
            font-size: 13px;
            line-height: 1.6;
            font-weight: normal;
            background-color: #333;
            border-radius: 0;
        }

        .tooltip-icon {
            position: relative;
            top: 2px;
            padding-left: 8px;
            display: inline-block;
            width: 12px;
            height: 13px;
            background: url('https://cdn.sucuri.net/static/images/question.png') right center no-repeat;
            background-size: 12px 13px;
            opacity: .5;
            cursor: pointer;
        }

        .tooltip-icon:hover {
            opacity: .8;
        }

        .tooltip-icon.tooltip-icon-red {
            background-image: url('https://cdn.sucuri.net/static/images/question-red.png');
            opacity: 1;
        }

        .tooltip.password-icon+.tooltip-icon {
            background-image: url('https://cdn.sucuri.net/static/images/locker.png');
            background-size: 10px 13px;
        }

        .tooltip:after {
            content: "";
            display: block;
            position: absolute;
            bottom: -7px;
            right: 24px;

            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;

            border-bottom: 8px solid #333;


        }

        .tooltip.push-none:after {
            right: auto;
            left: 24px;
        }

        .tooltip.right-side:after {
            right: 24px;
            left: auto;
        }

        .tooltip>*:first-child {
            margin-top: 0;
        }

        .tooltip>*:last-child {
            margin-bottom: 0;
        }

        .tooltip hgroup {
            margin: 0;
            margin-top: 15px;
        }


        .js-show-tooltip {
            cursor: pointer;
        }

        .js-show-tooltip .tooltip {
            cursor: auto;
        }

        .js-show-tooltip .tooltip-icon {
            display: none;
        }

        h3.inline~.tooltip-wrapper .tooltip-icon {
            top: 5px;
        }

        .btn+.tooltip-wrapper {
            margin-left: 15px;
        }

        .btn+.tooltip-wrapper .tooltip-icon {
            position: relative;
            top: 4px;
        }

        .dialog-window {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1009;
        }

        .dialog-window-content {
            border: 1px #dadada solid;
            border-radius: 0;
            background-color: #fff;
            box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .1);
            padding: 35px;
            display: none;
            max-width: 450px;
            margin: auto;
            margin-top: 100px;
            margin-bottom: 100px;
            position: relative;
        }

        .dialog-window input[type=text] {
            height: 37px;
        }

        .lock-content-area {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background-color: #e8e8e8;
            opacity: .9;
        }

        .dialog-window h3:first-of-type {
            margin-top: 0;
        }

        .dialog-window.no-close-icon .btn-close-dialog {
            display: none;
        }

        .dialog-window-content>header {
            width: 100%;
            padding: 35px;
            background-color: #fcfcfc;
            border-radius: 15px;
            margin-left: -35px;
            margin-top: -35px;
            margin-bottom: 35px;
        }

        .dialog-window-content>header .btn {
            margin-top: 4px;
        }

        .progress-bar {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .progress-bar+.btn {
            margin-bottom: 5px;
        }

        .progress-bar .bar {
            background-color: #fff;
            border-radius: 0;
            border: 1px #ccc solid;
            height: 10px;
        }

        .progress-bar.value-inside .bar {
            height: 15px;
        }

        .progress-bar .value {
            height: 100%;
            border-radius: 0;
            background-color: #ffdf76;
        }

        .progress-bar .value[style="width:0%"] {
            background-color: transparent;
        }

        .progress-bar .value[style*="100%"] {
            border-radius: 5em;
        }

        .progress-bar.value-inside .value {
            font-size: 11px;
            padding: 0 7px;
            text-align: center;
        }

        .progress-bar p {
            font-size: 12px;
            margin: 10px 0 0 0;
        }

        .width-auto {
            width: auto;
        }

        .width-100 {
            float: left;
            clear: both;
            width: 100%;
        }

        .width-50 {
            float: left;
            width: 47.4%;
        }

        .width-50+.width-50 {
            float: right;
        }

        .width-50-clean {
            width: 50%;
        }

        .width-30 {
            width: 30%;
        }

        .width-20 {
            width: 20%;
        }

        .width-65 {
            width: 65%;
        }



        .app-content {
            max-width: 1090px;
            margin: 40px auto 85px auto;
        }




        .illustration .img {
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap;
        }

        .illustration .separator {
            position: relative;
            top: -12px;
        }

        .illustration .separator-1 {
            margin-right: -25px;
        }

        .illustration .separator-2 {
            margin: 0 -25px;
        }

        .illustration .text {
            font-size: 22px;
            margin: 0;
        }

        .illustration .img:first-child {
            padding-right: 25px;
        }

        .illustration .color-error {
            color: #eb4d4d;
        }



        .app-footer {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: #282B2D;
            color: #f4f4f4;
            line-height: 60px;
            vertical-align: middle;
            padding: 0 0 0 25px;
            font-size: 13px;
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            text-align: center;

        }

        .app-footer a {
            color: #48e0a4;
        }




        .app-header {
            background-color: #282B2D;
            border-bottom: 5px #d1d1d1 solid;
            line-height: 40px;
            padding: 0 15px;
            color: #f4f4f4;
        }

        .app-header .logo {
            line-height: 40px;
            display: block;
            width: 60px;
            height: 24px;
            float: left;
            background: url('data:image/png;base64,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') center center no-repeat;
            background-size: auto auto;
            background-size: 100%;
            margin-top: 9px;
            margin-right: 15px;
        }



        .logo-neartext {
            display: inline-block;
            font-size: 15px;
            padding-left: 15px;
            line-height: 40px;
            position: relative;
            margin-right: 25px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .logo-neartext:before {
            content: "";
            display: inline-block;
            height: 20px;
            position: absolute;
            top: 11px;
            left: 0;
            border-left: 1px #555 solid;

        }




        /* Regular Font */

        html {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

        html[lang="hi-IN"] *,
        html[lang="mr-IN"] * {
            font-family: Mangal, 'Devanagari Sangam MN', Arial, sans-serif !important;
            font-size: 16px;
        }

        html[lang="ta-IN"] * {
            font-family: Latha, 'Tamil Sangam MN', Arial, sans-serif !important;
            font-size: 16px;
        }

        html[lang="el-GR"] *,
        html[lang="vi-VN"] *,
        html[lang="ru-RU"] *,
        html[lang="uk-UA"] * {
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
        }

        html[lang="th-TH"] * {
            font-family: Thonburi, Leelawadee, Tahoma, sans-serif !important;
            font-size: 16px;
        }

        html[lang="ko-KR"] * {
            font-family: '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', AppleGothic, '굴림', Gulim, '돋움', Dotum, sans-serif !important;
            font-size: 16px;
        }

        html[lang="zh-TW"] * {
            font-family: '微软雅黑', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif !important;
            font-size: 16px;
        }

        html[lang="zh-sg"] * {
            font-family: '微软雅黑', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif !important;
            font-size: 16px;
        }

        html[lang="ja-JP"] * {
            font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'メイリオ', Meiryo, sans-serif !important;
            font-size: 16px;
        }

        html[lang="zh-HK"] * {
            font-family: '微软雅黑', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif !important;
            font-size: 16px;
        }