/*!
 * styles-nw-ihsm
 * IHS Markit CSS Pattern Library Design System
 * Copyright 2015-2018 IHS Markit
 * Extends Bootstrp v3.3.7
 * --------
 * Bootstrap v3.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@font-face {
    font-family: 'AkkuratLLTT-Regular';
    src: url('fonts/AkkuratLLTT-Regular.ttf') format('truetype');
}

.cpl-scope .admin-container {
    margin: 5px 10px;
}

.cpl-scope .bs-docs-section {
    border: 2px solid red;
    padding: 15px;
    margin-bottom: 10px;
}

.cpl-scope .bs-component {
    border: 0px solid gray;
    margin: 5px;
    padding: 10px;
}

.cpl-scope #left-nav {
    margin: 50px 10px 100px 10px;
    border: 1px solid #cccccc;
    padding: 10px;
}

.cpl-scope .admin h2 {
    color: white;
    margin: 17px 0px -2px 50px;
}

.cpl-scope .admin small {
    color: white;
    padding-left: 7px;
    padding-top: 0px;
}

.cpl-scope .admin .navbar-nav {
    float: left;
}

.cpl-scope .admin .navbar-brand {
    padding-top: 10px;
    padding-left: 8px;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.focus-visible-example {
    box-shadow: 0 0 8px 0 #2196F3 !important;
    box-shadow: inset 0 0 0 0 #ffffff, 0 0 8px 0 #2196F3 !important;
}

input[type="checkbox"].focus-visible-example,
input[type="checkbox"].focus-visible-example + .checkmark {
    box-shadow: 0 0 8px 1px #2196F3 !important;
    box-shadow: inset 0 0 0 0 #ffffff, 0 0 8px 1px #2196F3 !important;
}

input[type="radio"].focus-visible-example,
input[type="radio"].focus-visible-example::before {
    box-shadow: 0 0 8px 1px #2196F3 !important;
    box-shadow: inset 0 0 0 0 #ffffff, 0 0 12px 1px #2196F3 !important;
}

.switch input[type=checkbox].focus-visible-example + .slider {
    box-shadow: inset 0 0 0 1.5px #32363B, 0 0 3px 1px #2196F3 !important;
}

@keyframes focus-visible {
    0%, 50% {
        box-shadow: 0 0 8px 0 #2196F3;
        box-shadow: inset 0 0 0 0 #ffffff, 0 0 8px 0 #2196F3;
    }

    100% {
        box-shadow: 0 0 4px rgba(50, 54, 59, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6);
    }
}

@keyframes focus-visible-checkbox {
    0%, 50% {
        box-shadow: 0 0 8px 1px #2196F3;
        box-shadow: inset 0 0 0 100px #ffffff, 0 0 8px 1px #2196F3;
    }

    100% {
        box-shadow: inset 0 0 1px 100px #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6);
    }
}

@keyframes focus-visible-checkbox-checked {
    0%, 50% {
        box-shadow: 0 0 8px 1px #2196F3;
        box-shadow: inset 0 0 0 100px #009596, 0 0 8px 1px #2196F3;
    }

    100% {
        box-shadow: inset 0 0 1px 100px #009596, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6);
    }
}

@keyframes focus-visible-radio {
    0%, 50% {
        box-shadow: 0 0 8px 1px #2196F3;
        box-shadow: inset 0 0 0 2px #FFF, 0 0 12px 1px #2196F3;
    }

    100% {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
    }
}

@keyframes focus-visible-radio-input {
    0%, 50% {
        box-shadow: 0 0 8px 1px #2196F3;
        box-shadow: inset 0 0 0 2px #FFF, 0 0 12px 1px #2196F3;
    }

    100% {
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(red(@input-border-focus), green(@input-border-focus), blue(@input-border-focus), .6) 3 0 5px rgba(0, 0, 0, 0.5);
    }
}

@keyframes focus-visible-switch {
    0%, 50% {
        box-shadow: 0 0 8px 1px #2196F3;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 0 0 1.5px #32363B, 0 0 3px 1px #2196F3;
        border-width: 2px;
    }

    100% {
        box-shadow: inset 0 0 0 1.5px #32363B, 0 0 3px 1px rgba(50, 54, 59, 0.6);
    }
}

    .cpl-scope html {
        font-family: 'AkkuratLLTT-Regular';
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    /*.cpl-scope body {
        margin: 0;
    }*/

    .cpl-scope article,
    .cpl-scope aside,
    .cpl-scope details,
    .cpl-scope figcaption,
    .cpl-scope figure,
    .cpl-scope footer,
    .cpl-scope header,
    .cpl-scope hgroup,
    .cpl-scope main,
    .cpl-scope menu,
    .cpl-scope nav,
    .cpl-scope section,
    .cpl-scope summary {
        display: block;
    }

    .cpl-scope audio,
    .cpl-scope canvas,
    .cpl-scope progress,
    .cpl-scope video {
        display: inline-block;
        vertical-align: baseline;
    }

        .cpl-scope audio:not([controls]) {
            display: none;
            height: 0;
        }

    .cpl-scope [hidden],
    .cpl-scope template {
        display: none;
    }

    .cpl-scope a {
        background-color: transparent;
    }

        .cpl-scope a:active,
        .cpl-scope a:hover {
            outline: 0;
        }

    .cpl-scope abbr[title] {
        text-decoration: none;
        border-bottom: 1px dotted;
    }

    .cpl-scope b,
    .cpl-scope strong {
        font-weight: bold;
    }

    .cpl-scope dfn {
        font-style: italic;
    }

    .cpl-scope h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }

    .cpl-scope mark {
        background: #ff0;
        color: #000;
    }

    .cpl-scope small {
        font-size: 80%;
    }

    .cpl-scope sub,
    .cpl-scope sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    .cpl-scope sup {
        top: -0.5em;
    }

    .cpl-scope sub {
        bottom: -0.25em;
    }

    .cpl-scope img {
        border: 0;
    }

    .cpl-scope svg:not(:root) {
        overflow: hidden;
    }

    .cpl-scope figure {
        margin: 1em 40px;
    }

    .cpl-scope hr {
        box-sizing: content-box;
        height: 0;
    }

    .cpl-scope pre {
        overflow: auto;
    }

    .cpl-scope code,
    .cpl-scope kbd,
    .cpl-scope pre,
    .cpl-scope samp {
        font-family: 'AkkuratLLTT-Regular';
        font-size: 1em;
    }

    .cpl-scope button,
    .cpl-scope input,
    .cpl-scope optgroup,
    .cpl-scope select,
    .cpl-scope textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }

    .cpl-scope button {
        overflow: visible;
    }

    .cpl-scope button,
    .cpl-scope select {
        text-transform: none;
    }

    .cpl-scope button,
    .cpl-scope html input[type="button"],
    .cpl-scope input[type="reset"],
    .cpl-scope input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

        .cpl-scope button[disabled],
        .cpl-scope html input[disabled] {
            cursor: default;
        }

        .cpl-scope button::-moz-focus-inner,
        .cpl-scope input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

    .cpl-scope input {
        line-height: normal;
    }

        .cpl-scope input[type="checkbox"],
        .cpl-scope input[type="radio"] {
            box-sizing: border-box;
            padding: 0;
        }

        .cpl-scope input[type="number"]::-webkit-inner-spin-button,
        .cpl-scope input[type="number"]::-webkit-outer-spin-button {
            height: auto;
        }

        .cpl-scope input[type="search"] {
            -webkit-appearance: textfield;
            box-sizing: content-box;
        }

            .cpl-scope input[type="search"]::-webkit-search-cancel-button,
            .cpl-scope input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none;
            }

    .cpl-scope fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }

    .cpl-scope legend {
        border: 0;
        padding: 0;
    }

    .cpl-scope textarea {
        overflow: auto;
    }

    .cpl-scope optgroup {
        font-weight: bold;
    }

    .cpl-scope table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .cpl-scope td,
    .cpl-scope th {
        padding: 0;
    }

@media print {
    .cpl-scope *,
    .cpl-scope *:before,
    .cpl-scope *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .cpl-scope a,
    .cpl-scope a:visited {
        text-decoration: underline;
    }

        .cpl-scope a[href]:after {
            content: " (" attr(href) ")";
        }

    .cpl-scope abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .cpl-scope a[href^="#"]:after,
    .cpl-scope a[href^="javascript:"]:after {
        content: "";
    }

    .cpl-scope pre,
    .cpl-scope blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .cpl-scope thead {
        display: table-header-group;
    }

    .cpl-scope tr,
    .cpl-scope img {
        page-break-inside: avoid;
    }

    .cpl-scope img {
        max-width: 100% !important;
    }

    .cpl-scope p,
    .cpl-scope h2,
    .cpl-scope h3 {
        orphans: 3;
        widows: 3;
    }

    .cpl-scope h2,
    .cpl-scope h3 {
        page-break-after: avoid;
    }

    .cpl-scope .navbar {
        display: none;
    }

    .cpl-scope .btn > .caret,
    .cpl-scope .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .cpl-scope .label {
        border: 1px solid #000;
    }

    .cpl-scope .table {
        border-collapse: collapse !important;
    }

        .cpl-scope .table td,
        .cpl-scope .table th {
            background-color: #fff !important;
        }

    .cpl-scope .table-bordered th,
    .cpl-scope .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.cpl-scope .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cpl-scope .glyphicon-asterisk:before {
    content: "\002a";
}

.cpl-scope .glyphicon-plus:before {
    content: "\002b";
}

.cpl-scope .glyphicon-euro:before,
.cpl-scope .glyphicon-eur:before {
    content: "\20ac";
}

.cpl-scope .glyphicon-minus:before {
    content: "\2212";
}

.cpl-scope .glyphicon-cloud:before {
    content: "\2601";
}

.cpl-scope .glyphicon-envelope:before {
    content: "\2709";
}

.cpl-scope .glyphicon-pencil:before {
    content: "\270f";
}

.cpl-scope .glyphicon-glass:before {
    content: "\e001";
}

.cpl-scope .glyphicon-music:before {
    content: "\e002";
}

.cpl-scope .glyphicon-search:before {
    content: "\e003";
}

.cpl-scope .glyphicon-heart:before {
    content: "\e005";
}

.cpl-scope .glyphicon-star:before {
    content: "\e006";
}

.cpl-scope .glyphicon-star-empty:before {
    content: "\e007";
}

.cpl-scope .glyphicon-user:before {
    content: "\e008";
}

.cpl-scope .glyphicon-film:before {
    content: "\e009";
}

.cpl-scope .glyphicon-th-large:before {
    content: "\e010";
}

.cpl-scope .glyphicon-th:before {
    content: "\e011";
}

.cpl-scope .glyphicon-th-list:before {
    content: "\e012";
}

.cpl-scope .glyphicon-ok:before {
    content: "\e013";
}

.cpl-scope .glyphicon-remove:before {
    content: "\e014";
}

.cpl-scope .glyphicon-zoom-in:before {
    content: "\e015";
}

.cpl-scope .glyphicon-zoom-out:before {
    content: "\e016";
}

.cpl-scope .glyphicon-off:before {
    content: "\e017";
}

.cpl-scope .glyphicon-signal:before {
    content: "\e018";
}

.cpl-scope .glyphicon-cog:before {
    content: "\e019";
}

.cpl-scope .glyphicon-trash:before {
    content: "\e020";
}

.cpl-scope .glyphicon-home:before {
    content: "\e021";
}

.cpl-scope .glyphicon-file:before {
    content: "\e022";
}

.cpl-scope .glyphicon-time:before {
    content: "\e023";
}

.cpl-scope .glyphicon-road:before {
    content: "\e024";
}

.cpl-scope .glyphicon-download-alt:before {
    content: "\e025";
}

.cpl-scope .glyphicon-download:before {
    content: "\e026";
}

.cpl-scope .glyphicon-upload:before {
    content: "\e027";
}

.cpl-scope .glyphicon-inbox:before {
    content: "\e028";
}

.cpl-scope .glyphicon-play-circle:before {
    content: "\e029";
}

.cpl-scope .glyphicon-repeat:before {
    content: "\e030";
}

.cpl-scope .glyphicon-refresh:before {
    content: "\e031";
}

.cpl-scope .glyphicon-list-alt:before {
    content: "\e032";
}

.cpl-scope .glyphicon-lock:before {
    content: "\e033";
}

.cpl-scope .glyphicon-flag:before {
    content: "\e034";
}

.cpl-scope .glyphicon-headphones:before {
    content: "\e035";
}

.cpl-scope .glyphicon-volume-off:before {
    content: "\e036";
}

.cpl-scope .glyphicon-volume-down:before {
    content: "\e037";
}

.cpl-scope .glyphicon-volume-up:before {
    content: "\e038";
}

.cpl-scope .glyphicon-qrcode:before {
    content: "\e039";
}

.cpl-scope .glyphicon-barcode:before {
    content: "\e040";
}

.cpl-scope .glyphicon-tag:before {
    content: "\e041";
}

.cpl-scope .glyphicon-tags:before {
    content: "\e042";
}

.cpl-scope .glyphicon-book:before {
    content: "\e043";
}

.cpl-scope .glyphicon-bookmark:before {
    content: "\e044";
}

.cpl-scope .glyphicon-print:before {
    content: "\e045";
}

.cpl-scope .glyphicon-camera:before {
    content: "\e046";
}

.cpl-scope .glyphicon-font:before {
    content: "\e047";
}

.cpl-scope .glyphicon-bold:before {
    content: "\e048";
}

.cpl-scope .glyphicon-italic:before {
    content: "\e049";
}

.cpl-scope .glyphicon-text-height:before {
    content: "\e050";
}

.cpl-scope .glyphicon-text-width:before {
    content: "\e051";
}

.cpl-scope .glyphicon-align-left:before {
    content: "\e052";
}

.cpl-scope .glyphicon-align-center:before {
    content: "\e053";
}

.cpl-scope .glyphicon-align-right:before {
    content: "\e054";
}

.cpl-scope .glyphicon-align-justify:before {
    content: "\e055";
}

.cpl-scope .glyphicon-list:before {
    content: "\e056";
}

.cpl-scope .glyphicon-indent-left:before {
    content: "\e057";
}

.cpl-scope .glyphicon-indent-right:before {
    content: "\e058";
}

.cpl-scope .glyphicon-facetime-video:before {
    content: "\e059";
}

.cpl-scope .glyphicon-picture:before {
    content: "\e060";
}

.cpl-scope .glyphicon-map-marker:before {
    content: "\e062";
}

.cpl-scope .glyphicon-adjust:before {
    content: "\e063";
}

.cpl-scope .glyphicon-tint:before {
    content: "\e064";
}

.cpl-scope .glyphicon-edit:before {
    content: "\e065";
}

.cpl-scope .glyphicon-share:before {
    content: "\e066";
}

.cpl-scope .glyphicon-check:before {
    content: "\e067";
}

.cpl-scope .glyphicon-move:before {
    content: "\e068";
}

.cpl-scope .glyphicon-step-backward:before {
    content: "\e069";
}

.cpl-scope .glyphicon-fast-backward:before {
    content: "\e070";
}

.cpl-scope .glyphicon-backward:before {
    content: "\e071";
}

.cpl-scope .glyphicon-play:before {
    content: "\e072";
}

.cpl-scope .glyphicon-pause:before {
    content: "\e073";
}

.cpl-scope .glyphicon-stop:before {
    content: "\e074";
}

.cpl-scope .glyphicon-forward:before {
    content: "\e075";
}

.cpl-scope .glyphicon-fast-forward:before {
    content: "\e076";
}

.cpl-scope .glyphicon-step-forward:before {
    content: "\e077";
}

.cpl-scope .glyphicon-eject:before {
    content: "\e078";
}

.cpl-scope .glyphicon-chevron-left:before {
    content: "\e079";
}

.cpl-scope .glyphicon-chevron-right:before {
    content: "\e080";
}

.cpl-scope .glyphicon-plus-sign:before {
    content: "\e081";
}

.cpl-scope .glyphicon-minus-sign:before {
    content: "\e082";
}

.cpl-scope .glyphicon-remove-sign:before {
    content: "\e083";
}

.cpl-scope .glyphicon-ok-sign:before {
    content: "\e084";
}

.cpl-scope .glyphicon-question-sign:before {
    content: "\e085";
}

.cpl-scope .glyphicon-info-sign:before {
    content: "\e086";
}

.cpl-scope .glyphicon-screenshot:before {
    content: "\e087";
}

.cpl-scope .glyphicon-remove-circle:before {
    content: "\e088";
}

.cpl-scope .glyphicon-ok-circle:before {
    content: "\e089";
}

.cpl-scope .glyphicon-ban-circle:before {
    content: "\e090";
}

.cpl-scope .glyphicon-arrow-left:before {
    content: "\e091";
}

.cpl-scope .glyphicon-arrow-right:before {
    content: "\e092";
}

.cpl-scope .glyphicon-arrow-up:before {
    content: "\e093";
}

.cpl-scope .glyphicon-arrow-down:before {
    content: "\e094";
}

.cpl-scope .glyphicon-share-alt:before {
    content: "\e095";
}

.cpl-scope .glyphicon-resize-full:before {
    content: "\e096";
}

.cpl-scope .glyphicon-resize-small:before {
    content: "\e097";
}

.cpl-scope .glyphicon-exclamation-sign:before {
    content: "\e101";
}

.cpl-scope .glyphicon-gift:before {
    content: "\e102";
}

.cpl-scope .glyphicon-leaf:before {
    content: "\e103";
}

.cpl-scope .glyphicon-fire:before {
    content: "\e104";
}

.cpl-scope .glyphicon-eye-open:before {
    content: "\e105";
}

.cpl-scope .glyphicon-eye-close:before {
    content: "\e106";
}

.cpl-scope .glyphicon-warning-sign:before {
    content: "\e107";
}

.cpl-scope .glyphicon-plane:before {
    content: "\e108";
}

.cpl-scope .glyphicon-calendar:before {
    content: "\e109";
}

.cpl-scope .glyphicon-random:before {
    content: "\e110";
}

.cpl-scope .glyphicon-comment:before {
    content: "\e111";
}

.cpl-scope .glyphicon-magnet:before {
    content: "\e112";
}

.cpl-scope .glyphicon-chevron-up:before {
    content: "\e113";
}

.cpl-scope .glyphicon-chevron-down:before {
    content: "\e114";
}

.cpl-scope .glyphicon-retweet:before {
    content: "\e115";
}

.cpl-scope .glyphicon-shopping-cart:before {
    content: "\e116";
}

.cpl-scope .glyphicon-folder-close:before {
    content: "\e117";
}

.cpl-scope .glyphicon-folder-open:before {
    content: "\e118";
}

.cpl-scope .glyphicon-resize-vertical:before {
    content: "\e119";
}

.cpl-scope .glyphicon-resize-horizontal:before {
    content: "\e120";
}

.cpl-scope .glyphicon-hdd:before {
    content: "\e121";
}

.cpl-scope .glyphicon-bullhorn:before {
    content: "\e122";
}

.cpl-scope .glyphicon-bell:before {
    content: "\e123";
}

.cpl-scope .glyphicon-certificate:before {
    content: "\e124";
}

.cpl-scope .glyphicon-thumbs-up:before {
    content: "\e125";
}

.cpl-scope .glyphicon-thumbs-down:before {
    content: "\e126";
}

.cpl-scope .glyphicon-hand-right:before {
    content: "\e127";
}

.cpl-scope .glyphicon-hand-left:before {
    content: "\e128";
}

.cpl-scope .glyphicon-hand-up:before {
    content: "\e129";
}

.cpl-scope .glyphicon-hand-down:before {
    content: "\e130";
}

.cpl-scope .glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.cpl-scope .glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.cpl-scope .glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.cpl-scope .glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.cpl-scope .glyphicon-globe:before {
    content: "\e135";
}

.cpl-scope .glyphicon-wrench:before {
    content: "\e136";
}

.cpl-scope .glyphicon-tasks:before {
    content: "\e137";
}

.cpl-scope .glyphicon-filter:before {
    content: "\e138";
}

.cpl-scope .glyphicon-briefcase:before {
    content: "\e139";
}

.cpl-scope .glyphicon-fullscreen:before {
    content: "\e140";
}

.cpl-scope .glyphicon-dashboard:before {
    content: "\e141";
}

.cpl-scope .glyphicon-paperclip:before {
    content: "\e142";
}

.cpl-scope .glyphicon-heart-empty:before {
    content: "\e143";
}

.cpl-scope .glyphicon-link:before {
    content: "\e144";
}

.cpl-scope .glyphicon-phone:before {
    content: "\e145";
}

.cpl-scope .glyphicon-pushpin:before {
    content: "\e146";
}

.cpl-scope .glyphicon-usd:before {
    content: "\e148";
}

.cpl-scope .glyphicon-gbp:before {
    content: "\e149";
}

.cpl-scope .glyphicon-sort:before {
    content: "\e150";
}

.cpl-scope .glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.cpl-scope .glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.cpl-scope .glyphicon-sort-by-order:before {
    content: "\e153";
}

.cpl-scope .glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.cpl-scope .glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.cpl-scope .glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.cpl-scope .glyphicon-unchecked:before {
    content: "\e157";
}

.cpl-scope .glyphicon-expand:before {
    content: "\e158";
}

.cpl-scope .glyphicon-collapse-down:before {
    content: "\e159";
}

.cpl-scope .glyphicon-collapse-up:before {
    content: "\e160";
}

.cpl-scope .glyphicon-log-in:before {
    content: "\e161";
}

.cpl-scope .glyphicon-flash:before {
    content: "\e162";
}

.cpl-scope .glyphicon-log-out:before {
    content: "\e163";
}

.cpl-scope .glyphicon-new-window:before {
    content: "\e164";
}

.cpl-scope .glyphicon-record:before {
    content: "\e165";
}

.cpl-scope .glyphicon-save:before {
    content: "\e166";
}

.cpl-scope .glyphicon-open:before {
    content: "\e167";
}

.cpl-scope .glyphicon-saved:before {
    content: "\e168";
}

.cpl-scope .glyphicon-import:before {
    content: "\e169";
}

.cpl-scope .glyphicon-export:before {
    content: "\e170";
}

.cpl-scope .glyphicon-send:before {
    content: "\e171";
}

.cpl-scope .glyphicon-floppy-disk:before {
    content: "\e172";
}

.cpl-scope .glyphicon-floppy-saved:before {
    content: "\e173";
}

.cpl-scope .glyphicon-floppy-remove:before {
    content: "\e174";
}

.cpl-scope .glyphicon-floppy-save:before {
    content: "\e175";
}

.cpl-scope .glyphicon-floppy-open:before {
    content: "\e176";
}

.cpl-scope .glyphicon-credit-card:before {
    content: "\e177";
}

.cpl-scope .glyphicon-transfer:before {
    content: "\e178";
}

.cpl-scope .glyphicon-cutlery:before {
    content: "\e179";
}

.cpl-scope .glyphicon-header:before {
    content: "\e180";
}

.cpl-scope .glyphicon-compressed:before {
    content: "\e181";
}

.cpl-scope .glyphicon-earphone:before {
    content: "\e182";
}

.cpl-scope .glyphicon-phone-alt:before {
    content: "\e183";
}

.cpl-scope .glyphicon-tower:before {
    content: "\e184";
}

.cpl-scope .glyphicon-stats:before {
    content: "\e185";
}

.cpl-scope .glyphicon-sd-video:before {
    content: "\e186";
}

.cpl-scope .glyphicon-hd-video:before {
    content: "\e187";
}

.cpl-scope .glyphicon-subtitles:before {
    content: "\e188";
}

.cpl-scope .glyphicon-sound-stereo:before {
    content: "\e189";
}

.cpl-scope .glyphicon-sound-dolby:before {
    content: "\e190";
}

.cpl-scope .glyphicon-sound-5-1:before {
    content: "\e191";
}

.cpl-scope .glyphicon-sound-6-1:before {
    content: "\e192";
}

.cpl-scope .glyphicon-sound-7-1:before {
    content: "\e193";
}

.cpl-scope .glyphicon-copyright-mark:before {
    content: "\e194";
}

.cpl-scope .glyphicon-registration-mark:before {
    content: "\e195";
}

.cpl-scope .glyphicon-cloud-download:before {
    content: "\e197";
}

.cpl-scope .glyphicon-cloud-upload:before {
    content: "\e198";
}

.cpl-scope .glyphicon-tree-conifer:before {
    content: "\e199";
}

.cpl-scope .glyphicon-tree-deciduous:before {
    content: "\e200";
}

.cpl-scope .glyphicon-cd:before {
    content: "\e201";
}

.cpl-scope .glyphicon-save-file:before {
    content: "\e202";
}

.cpl-scope .glyphicon-open-file:before {
    content: "\e203";
}

.cpl-scope .glyphicon-level-up:before {
    content: "\e204";
}

.cpl-scope .glyphicon-copy:before {
    content: "\e205";
}

.cpl-scope .glyphicon-paste:before {
    content: "\e206";
}

.cpl-scope .glyphicon-alert:before {
    content: "\e209";
}

.cpl-scope .glyphicon-equalizer:before {
    content: "\e210";
}

.cpl-scope .glyphicon-king:before {
    content: "\e211";
}

.cpl-scope .glyphicon-queen:before {
    content: "\e212";
}

.cpl-scope .glyphicon-pawn:before {
    content: "\e213";
}

.cpl-scope .glyphicon-bishop:before {
    content: "\e214";
}

.cpl-scope .glyphicon-knight:before {
    content: "\e215";
}

.cpl-scope .glyphicon-baby-formula:before {
    content: "\e216";
}

.cpl-scope .glyphicon-tent:before {
    content: "\26fa";
}

.cpl-scope .glyphicon-blackboard:before {
    content: "\e218";
}

.cpl-scope .glyphicon-bed:before {
    content: "\e219";
}

.cpl-scope .glyphicon-apple:before {
    content: "\f8ff";
}

.cpl-scope .glyphicon-erase:before {
    content: "\e221";
}

.cpl-scope .glyphicon-hourglass:before {
    content: "\231b";
}

.cpl-scope .glyphicon-lamp:before {
    content: "\e223";
}

.cpl-scope .glyphicon-duplicate:before {
    content: "\e224";
}

.cpl-scope .glyphicon-piggy-bank:before {
    content: "\e225";
}

.cpl-scope .glyphicon-scissors:before {
    content: "\e226";
}

.cpl-scope .glyphicon-bitcoin:before {
    content: "\e227";
}

.cpl-scope .glyphicon-btc:before {
    content: "\e227";
}

.cpl-scope .glyphicon-xbt:before {
    content: "\e227";
}

.cpl-scope .glyphicon-yen:before {
    content: "\00a5";
}

.cpl-scope .glyphicon-jpy:before {
    content: "\00a5";
}

.cpl-scope .glyphicon-ruble:before {
    content: "\20bd";
}

.cpl-scope .glyphicon-rub:before {
    content: "\20bd";
}

.cpl-scope .glyphicon-scale:before {
    content: "\e230";
}

.cpl-scope .glyphicon-ice-lolly:before {
    content: "\e231";
}

.cpl-scope .glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.cpl-scope .glyphicon-education:before {
    content: "\e233";
}

.cpl-scope .glyphicon-option-horizontal:before {
    content: "\e234";
}

.cpl-scope .glyphicon-option-vertical:before {
    content: "\e235";
}

.cpl-scope .glyphicon-menu-hamburger:before {
    content: "\e236";
}

.cpl-scope .glyphicon-modal-window:before {
    content: "\e237";
}

.cpl-scope .glyphicon-oil:before {
    content: "\e238";
}

.cpl-scope .glyphicon-grain:before {
    content: "\e239";
}

.cpl-scope .glyphicon-sunglasses:before {
    content: "\e240";
}

.cpl-scope .glyphicon-text-size:before {
    content: "\e241";
}

.cpl-scope .glyphicon-text-color:before {
    content: "\e242";
}

.cpl-scope .glyphicon-text-background:before {
    content: "\e243";
}

.cpl-scope .glyphicon-object-align-top:before {
    content: "\e244";
}

.cpl-scope .glyphicon-object-align-bottom:before {
    content: "\e245";
}

.cpl-scope .glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.cpl-scope .glyphicon-object-align-left:before {
    content: "\e247";
}

.cpl-scope .glyphicon-object-align-vertical:before {
    content: "\e248";
}

.cpl-scope .glyphicon-object-align-right:before {
    content: "\e249";
}

.cpl-scope .glyphicon-triangle-right:before {
    content: "\e250";
}

.cpl-scope .glyphicon-triangle-left:before {
    content: "\e251";
}

.cpl-scope .glyphicon-triangle-bottom:before {
    content: "\e252";
}

.cpl-scope .glyphicon-triangle-top:before {
    content: "\e253";
}

.cpl-scope .glyphicon-console:before {
    content: "\e254";
}

.cpl-scope .glyphicon-superscript:before {
    content: "\e255";
}

.cpl-scope .glyphicon-subscript:before {
    content: "\e256";
}

.cpl-scope .glyphicon-menu-left:before {
    content: "\e257";
}

.cpl-scope .glyphicon-menu-right:before {
    content: "\e258";
}

.cpl-scope .glyphicon-menu-down:before {
    content: "\e259";
}

.cpl-scope .glyphicon-menu-up:before {
    content: "\e260";
}

.cpl-scope * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .cpl-scope *:before,
    .cpl-scope *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.cpl-scope html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cpl-scope body {
    font-family: 'AkkuratLLTT-Regular';
}

.cpl-scope input,
.cpl-scope button,
.cpl-scope select,
.cpl-scope textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.cpl-scope :focus {
    outline: none;
}

.cpl-scope a {
    color: #0271BB;
    text-decoration: none;
}

    .cpl-scope a:not(.btn):not([role]):not(.list-group-item) {
        letter-spacing: .485px;
    }

    .cpl-scope a:hover,
    .cpl-scope a.hover,
    .cpl-scope a:focus,
    .cpl-scope a.focus {
        text-decoration: underline;
    }

.cpl-scope .ihs-menu a:not(.btn):not([role]):not(.list-group-item),
.cpl-scope .nav a:not(.btn):not([role]):not(.list-group-item),
.cpl-scope .navbar-nav a:not(.btn):not([role]):not(.list-group-item) {
    letter-spacing: 0;
}

.cpl-scope figure {
    margin: 0;
}

.cpl-scope img {
    vertical-align: middle;
}

.cpl-scope .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.cpl-scope .img-rounded {
    border-radius: 3px;
}

.cpl-scope .img-thumbnail {
    padding: 4px;
    line-height: 16px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out 1s linear;
    -moz-transition: all 0.2s ease-in-out 1s linear;
    -o-transition: all 0.2s ease-in-out 1s linear;
    -ms-transition: all 0.2s ease-in-out 1s linear;
    transition: all 0.2s ease-in-out 1s linear;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.cpl-scope .img-circle {
    border-radius: 50%;
}

.cpl-scope svg {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cpl-scope hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid #EAEEF3;
}

.cpl-scope .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.cpl-scope .sr-only-focusable:active,
.cpl-scope .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.cpl-scope [role="button"] {
    cursor: pointer;
}

.cpl-scope h1,
.cpl-scope h2,
.cpl-scope h3,
.cpl-scope h4,
.cpl-scope h5,
.cpl-scope h6,
.cpl-scope .h1,
.cpl-scope .h2,
.cpl-scope .h3,
.cpl-scope .h4,
.cpl-scope .h5,
.cpl-scope .h6 {
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
}

    .cpl-scope h1 small,
    .cpl-scope h2 small,
    .cpl-scope h3 small,
    .cpl-scope h4 small,
    .cpl-scope h5 small,
    .cpl-scope h6 small,
    .cpl-scope .h1 small,
    .cpl-scope .h2 small,
    .cpl-scope .h3 small,
    .cpl-scope .h4 small,
    .cpl-scope .h5 small,
    .cpl-scope .h6 small,
    .cpl-scope h1 .small,
    .cpl-scope h2 .small,
    .cpl-scope h3 .small,
    .cpl-scope h4 .small,
    .cpl-scope h5 .small,
    .cpl-scope h6 .small,
    .cpl-scope .h1 .small,
    .cpl-scope .h2 .small,
    .cpl-scope .h3 .small,
    .cpl-scope .h4 .small,
    .cpl-scope .h5 .small,
    .cpl-scope .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #84888D;
    }

.cpl-scope h1,
.cpl-scope .h1,
.cpl-scope h2,
.cpl-scope .h2,
.cpl-scope h3,
.cpl-scope .h3 {
    margin-top: 16px;
    margin-bottom: 8px;
}

    .cpl-scope h1 small,
    .cpl-scope .h1 small,
    .cpl-scope h2 small,
    .cpl-scope .h2 small,
    .cpl-scope h3 small,
    .cpl-scope .h3 small,
    .cpl-scope h1 .small,
    .cpl-scope .h1 .small,
    .cpl-scope h2 .small,
    .cpl-scope .h2 .small,
    .cpl-scope h3 .small,
    .cpl-scope .h3 .small {
        font-size: 65%;
    }

.cpl-scope h4,
.cpl-scope .h4,
.cpl-scope h5,
.cpl-scope .h5,
.cpl-scope h6,
.cpl-scope .h6 {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .cpl-scope h4 small,
    .cpl-scope .h4 small,
    .cpl-scope h5 small,
    .cpl-scope .h5 small,
    .cpl-scope h6 small,
    .cpl-scope .h6 small,
    .cpl-scope h4 .small,
    .cpl-scope .h4 .small,
    .cpl-scope h5 .small,
    .cpl-scope .h5 .small,
    .cpl-scope h6 .small,
    .cpl-scope .h6 .small {
        font-size: 75%;
    }

.cpl-scope h1,
.cpl-scope .h1 {
    font-family: 'AkkuratLLTT-Regular'; 
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.cpl-scope h2,
.cpl-scope .h2 {
    font-size: 14px;
}

.cpl-scope h3,
.cpl-scope .h3 {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #000000;
}

.cpl-scope h4,
.cpl-scope .h4 {
    font-size: 12px;
}

.cpl-scope h5,
.cpl-scope .h5 {
    font-size: 11px;
}

.cpl-scope h6,
.cpl-scope .h6 {
    font-size: 11px;
}

.cpl-scope p {
    margin: 0 0 8px;
}

.cpl-scope .lead {
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .cpl-scope .lead {
        font-size: 18px;
    }
}

.cpl-scope small,
.cpl-scope .small {
    font-size: 83%;
}

.cpl-scope mark,
.cpl-scope .mark {
    background-color: rgba(248, 255, 0, 0.8);
    outline: 1px solid #ECF300;
    padding: .2em;
}

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

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

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

.cpl-scope .text-justify {
    text-align: justify;
}

.cpl-scope .text-nowrap {
    white-space: nowrap;
}

.cpl-scope .text-lowercase {
    text-transform: lowercase;
}

.cpl-scope .text-uppercase {
    text-transform: uppercase;
}

.cpl-scope .text-capitalize {
    text-transform: capitalize;
}

.cpl-scope .text-muted {
    color: #C1C5CA;
}

.cpl-scope .text-success {
    color: #6EA720;
}

    .cpl-scope .text-success a:hover,
    .cpl-scope .text-success a:focus {
        color: #527c18;
    }

.cpl-scope a.text-success:hover,
.cpl-scope a.text-success:focus {
    color: #527c18;
}

.cpl-scope .text-info {
    color: #32363B;
}

    .cpl-scope .text-info a:hover,
    .cpl-scope .text-info a:focus {
        color: #1b1d1f;
    }

.cpl-scope a.text-info:hover,
.cpl-scope a.text-info:focus {
    color: #1b1d1f;
}

.cpl-scope .text-warning {
    color: #F7941D;
}

    .cpl-scope .text-warning a:hover,
    .cpl-scope .text-warning a:focus {
        color: #d97a08;
    }

.cpl-scope a.text-warning:hover,
.cpl-scope a.text-warning:focus {
    color: #d97a08;
}

.cpl-scope .text-danger {
    color: #CF1034;
}

    .cpl-scope .text-danger a:hover,
    .cpl-scope .text-danger a:focus {
        color: #a00c28;
    }

.cpl-scope a.text-danger:hover,
.cpl-scope a.text-danger:focus {
    color: #a00c28;
}

.cpl-scope .bg-success {
    background-color: #d9f3b6;
}

.cpl-scope a.bg-success:hover,
.cpl-scope a.bg-success:focus {
    background-color: #c3ec8a;
}

.cpl-scope .bg-info {
    background-color: #b8f1ff;
}

.cpl-scope a.bg-info:hover,
.cpl-scope a.bg-info:focus {
    background-color: #85e8ff;
}

.cpl-scope .bg-warning {
    background-color: #ffdba2;
}

.cpl-scope a.bg-warning:hover,
.cpl-scope a.bg-warning:focus {
    background-color: #ffc76f;
}

.cpl-scope .bg-danger {
    background-color: #fbcdd6;
}

.cpl-scope a.bg-danger:hover,
.cpl-scope a.bg-danger:focus {
    background-color: #f79eaf;
}

.cpl-scope .page-header {
    padding-bottom: 7px;
    margin: 32px 0 16px;
    border-bottom: 1px solid #EAEEF3;
}

.cpl-scope ul,
.cpl-scope ol {
    margin-top: 0;
    margin-bottom: 8px;
}

    .cpl-scope ul ul,
    .cpl-scope ol ul,
    .cpl-scope ul ol,
    .cpl-scope ol ol {
        margin-bottom: 0;
    }

.cpl-scope .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.cpl-scope .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .cpl-scope .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

.cpl-scope dl {
    margin-top: 0;
    margin-bottom: 16px;
}

.cpl-scope dt,
.cpl-scope dd {
    line-height: 16px;
}

.cpl-scope dt {
    font-weight: bold;
}

.cpl-scope dd {
    margin-left: 1rem;
    margin-bottom: 3px;
}

@media (min-width: 768px) {
    .cpl-scope .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cpl-scope .dl-horizontal dd {
        margin-left: 180px;
    }
}

.cpl-scope abbr[title],
.cpl-scope abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #C1C5CA;
}

.cpl-scope .initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.cpl-scope blockquote {
    padding: 8px 16px;
    margin: 0 0 16px;
    font-size: 15px;
    border-left: 5px solid #EAEEF3;
}

    .cpl-scope blockquote p:last-child,
    .cpl-scope blockquote ul:last-child,
    .cpl-scope blockquote ol:last-child {
        margin-bottom: 0;
    }

    .cpl-scope blockquote footer,
    .cpl-scope blockquote small,
    .cpl-scope blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 16px;
        color: #84888D;
    }

        .cpl-scope blockquote footer:before,
        .cpl-scope blockquote small:before,
        .cpl-scope blockquote .small:before {
            content: '\2014 \00A0';
        }

    .cpl-scope .blockquote-reverse,
    .cpl-scope blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #EAEEF3;
        border-left: 0;
        text-align: right;
    }

        .cpl-scope .blockquote-reverse footer:before,
        .cpl-scope blockquote.pull-right footer:before,
        .cpl-scope .blockquote-reverse small:before,
        .cpl-scope blockquote.pull-right small:before,
        .cpl-scope .blockquote-reverse .small:before,
        .cpl-scope blockquote.pull-right .small:before {
            content: '';
        }

        .cpl-scope .blockquote-reverse footer:after,
        .cpl-scope blockquote.pull-right footer:after,
        .cpl-scope .blockquote-reverse small:after,
        .cpl-scope blockquote.pull-right small:after,
        .cpl-scope .blockquote-reverse .small:after,
        .cpl-scope blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

.cpl-scope address,
.cpl-scope .vcard.adr,
.cpl-scope .vcard.tel {
    margin-bottom: 16px;
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-size: .875rem;
    line-height: calc(18px);
    letter-spacing: .75px;
}

.cpl-scope code,
.cpl-scope kbd,
.cpl-scope pre,
.cpl-scope samp {
    font-family: 'AkkuratLLTT-Regular';
}

.cpl-scope code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px;
}

.cpl-scope kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 1px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .cpl-scope kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: bold;
        box-shadow: none;
    }

.cpl-scope pre {
    display: block;
    padding: 7.5px;
    margin: 0 0 8px;
    font-size: 11px;
    line-height: 16px;
    word-break: break-all;
    word-wrap: break-word;
    color: #53575C;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 2px;
}

    .cpl-scope pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.cpl-scope .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.cpl-scope table {
    background-color: #ffffff;
}

.cpl-scope caption {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #C1C5CA;
    text-align: left;
}

.cpl-scope th {
    text-align: left;
}

.cpl-scope .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
}

    .cpl-scope .table > thead > tr > th,
    .cpl-scope .table > tbody > tr > th,
    .cpl-scope .table > tfoot > tr > th,
    .cpl-scope .table > thead > tr > td,
    .cpl-scope .table > tbody > tr > td,
    .cpl-scope .table > tfoot > tr > td {
        padding: 6px;
        line-height: 16px;
        vertical-align: top;
        border-top: 1px solid #f1f1f2;
    }

    .cpl-scope .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #f1f1f2;
    }

    .cpl-scope .table > caption + thead > tr:first-child > th,
    .cpl-scope .table > colgroup + thead > tr:first-child > th,
    .cpl-scope .table > thead:first-child > tr:first-child > th,
    .cpl-scope .table > caption + thead > tr:first-child > td,
    .cpl-scope .table > colgroup + thead > tr:first-child > td,
    .cpl-scope .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .cpl-scope .table > tbody + tbody {
        border-top: 2px solid #f1f1f2;
    }

    .cpl-scope .table .table {
        background-color: #ffffff;
    }

.cpl-scope .table-condensed > thead > tr > th,
.cpl-scope .table-condensed > tbody > tr > th,
.cpl-scope .table-condensed > tfoot > tr > th,
.cpl-scope .table-condensed > thead > tr > td,
.cpl-scope .table-condensed > tbody > tr > td,
.cpl-scope .table-condensed > tfoot > tr > td {
    padding: 4px;
}

.cpl-scope .table-bordered {
    border: 1px solid #f1f1f2;
}

    .cpl-scope .table-bordered > thead > tr > th,
    .cpl-scope .table-bordered > tbody > tr > th,
    .cpl-scope .table-bordered > tfoot > tr > th,
    .cpl-scope .table-bordered > thead > tr > td,
    .cpl-scope .table-bordered > tbody > tr > td,
    .cpl-scope .table-bordered > tfoot > tr > td {
        border: 1px solid #f1f1f2;
    }

    .cpl-scope .table-bordered > thead > tr > th,
    .cpl-scope .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.cpl-scope .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f1f1f2;
}

.cpl-scope .table-hover > tbody > tr:hover {
    background-color: #EAEEF3;
}

.cpl-scope table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

.cpl-scope table td[class*="col-"],
.cpl-scope table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.cpl-scope .table > thead > tr > td.active,
.cpl-scope .table > tbody > tr > td.active,
.cpl-scope .table > tfoot > tr > td.active,
.cpl-scope .table > thead > tr > th.active,
.cpl-scope .table > tbody > tr > th.active,
.cpl-scope .table > tfoot > tr > th.active,
.cpl-scope .table > thead > tr.active > td,
.cpl-scope .table > tbody > tr.active > td,
.cpl-scope .table > tfoot > tr.active > td,
.cpl-scope .table > thead > tr.active > th,
.cpl-scope .table > tbody > tr.active > th,
.cpl-scope .table > tfoot > tr.active > th {
    background-color: #EAEEF3;
}

.cpl-scope .table-hover > tbody > tr > td.active:hover,
.cpl-scope .table-hover > tbody > tr > th.active:hover,
.cpl-scope .table-hover > tbody > tr.active:hover > td,
.cpl-scope .table-hover > tbody > tr:hover > .active,
.cpl-scope .table-hover > tbody > tr.active:hover > th {
    background-color: #dae1ea;
}

.cpl-scope .table > thead > tr > td.success,
.cpl-scope .table > tbody > tr > td.success,
.cpl-scope .table > tfoot > tr > td.success,
.cpl-scope .table > thead > tr > th.success,
.cpl-scope .table > tbody > tr > th.success,
.cpl-scope .table > tfoot > tr > th.success,
.cpl-scope .table > thead > tr.success > td,
.cpl-scope .table > tbody > tr.success > td,
.cpl-scope .table > tfoot > tr.success > td,
.cpl-scope .table > thead > tr.success > th,
.cpl-scope .table > tbody > tr.success > th,
.cpl-scope .table > tfoot > tr.success > th {
    background-color: #d9f3b6;
}

.cpl-scope .table-hover > tbody > tr > td.success:hover,
.cpl-scope .table-hover > tbody > tr > th.success:hover,
.cpl-scope .table-hover > tbody > tr.success:hover > td,
.cpl-scope .table-hover > tbody > tr:hover > .success,
.cpl-scope .table-hover > tbody > tr.success:hover > th {
    background-color: #cef0a0;
}

.cpl-scope .table > thead > tr > td.info,
.cpl-scope .table > tbody > tr > td.info,
.cpl-scope .table > tfoot > tr > td.info,
.cpl-scope .table > thead > tr > th.info,
.cpl-scope .table > tbody > tr > th.info,
.cpl-scope .table > tfoot > tr > th.info,
.cpl-scope .table > thead > tr.info > td,
.cpl-scope .table > tbody > tr.info > td,
.cpl-scope .table > tfoot > tr.info > td,
.cpl-scope .table > thead > tr.info > th,
.cpl-scope .table > tbody > tr.info > th,
.cpl-scope .table > tfoot > tr.info > th {
    background-color: #b8f1ff;
}

.cpl-scope .table-hover > tbody > tr > td.info:hover,
.cpl-scope .table-hover > tbody > tr > th.info:hover,
.cpl-scope .table-hover > tbody > tr.info:hover > td,
.cpl-scope .table-hover > tbody > tr:hover > .info,
.cpl-scope .table-hover > tbody > tr.info:hover > th {
    background-color: #9fecff;
}

.cpl-scope .table > thead > tr > td.warning,
.cpl-scope .table > tbody > tr > td.warning,
.cpl-scope .table > tfoot > tr > td.warning,
.cpl-scope .table > thead > tr > th.warning,
.cpl-scope .table > tbody > tr > th.warning,
.cpl-scope .table > tfoot > tr > th.warning,
.cpl-scope .table > thead > tr.warning > td,
.cpl-scope .table > tbody > tr.warning > td,
.cpl-scope .table > tfoot > tr.warning > td,
.cpl-scope .table > thead > tr.warning > th,
.cpl-scope .table > tbody > tr.warning > th,
.cpl-scope .table > tfoot > tr.warning > th {
    background-color: #ffdba2;
}

.cpl-scope .table-hover > tbody > tr > td.warning:hover,
.cpl-scope .table-hover > tbody > tr > th.warning:hover,
.cpl-scope .table-hover > tbody > tr.warning:hover > td,
.cpl-scope .table-hover > tbody > tr:hover > .warning,
.cpl-scope .table-hover > tbody > tr.warning:hover > th {
    background-color: #ffd188;
}

.cpl-scope .table > thead > tr > td.danger,
.cpl-scope .table > tbody > tr > td.danger,
.cpl-scope .table > tfoot > tr > td.danger,
.cpl-scope .table > thead > tr > th.danger,
.cpl-scope .table > tbody > tr > th.danger,
.cpl-scope .table > tfoot > tr > th.danger,
.cpl-scope .table > thead > tr.danger > td,
.cpl-scope .table > tbody > tr.danger > td,
.cpl-scope .table > tfoot > tr.danger > td,
.cpl-scope .table > thead > tr.danger > th,
.cpl-scope .table > tbody > tr.danger > th,
.cpl-scope .table > tfoot > tr.danger > th {
    background-color: #fbcdd6;
}

.cpl-scope .table-hover > tbody > tr > td.danger:hover,
.cpl-scope .table-hover > tbody > tr > th.danger:hover,
.cpl-scope .table-hover > tbody > tr.danger:hover > td,
.cpl-scope .table-hover > tbody > tr:hover > .danger,
.cpl-scope .table-hover > tbody > tr.danger:hover > th {
    background-color: #f9b5c2;
}

.cpl-scope .table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .cpl-scope .table-responsive {
        width: 100%;
        margin-bottom: 12px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f1f1f2;
    }

        .cpl-scope .table-responsive > .table {
            margin-bottom: 0;
        }

            .cpl-scope .table-responsive > .table > thead > tr > th,
            .cpl-scope .table-responsive > .table > tbody > tr > th,
            .cpl-scope .table-responsive > .table > tfoot > tr > th,
            .cpl-scope .table-responsive > .table > thead > tr > td,
            .cpl-scope .table-responsive > .table > tbody > tr > td,
            .cpl-scope .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .cpl-scope .table-responsive > .table-bordered {
            border: 0;
        }

            .cpl-scope .table-responsive > .table-bordered > thead > tr > th:first-child,
            .cpl-scope .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .cpl-scope .table-responsive > .table-bordered > thead > tr > td:first-child,
            .cpl-scope .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .cpl-scope .table-responsive > .table-bordered > thead > tr > th:last-child,
            .cpl-scope .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .cpl-scope .table-responsive > .table-bordered > thead > tr > td:last-child,
            .cpl-scope .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .cpl-scope .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .cpl-scope .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .cpl-scope .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

.cpl-scope fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

.cpl-scope legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: inherit;
    color: #53575C;
    border: 0;
    border-bottom: 1px solid #C1C5CA;
}

.cpl-scope label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.cpl-scope input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cpl-scope input[type="radio"],
.cpl-scope input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.cpl-scope input[type="file"] {
    display: block;
}

.cpl-scope input[type="range"] {
    display: block;
    width: 100%;
}

.cpl-scope select[multiple],
.cpl-scope select[size] {
    height: auto;
}

.cpl-scope input[type="file"]:focus,
.cpl-scope input[type="radio"]:focus,
.cpl-scope input[type="checkbox"]:focus {
    border-color: #32363B;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
}

.cpl-scope output {
    display: block;
    padding-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #32363B;
}

.cpl-scope .form-control {
    display: block;
    width: 100%;
    height: 24px;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 16px;
    color: #32363B;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #C1C5CA;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s linear;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s linear;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s linear;
    -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s linear;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 1s linear;
}

    .cpl-scope .form-control:focus,
    .cpl-scope .form-control.focus {
        border-color: #32363B;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .form-control.focus-visible {
        outline: 0;
        animation: focus-visible 800ms;
    }

    .cpl-scope .form-control::-moz-placeholder {
        color: #C1C5CA;
        opacity: 1;
    }

    .cpl-scope .form-control:-ms-input-placeholder {
        color: #C1C5CA;
    }

    .cpl-scope .form-control::-webkit-input-placeholder {
        color: #C1C5CA;
    }

    .cpl-scope .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .cpl-scope .form-control[disabled],
    .cpl-scope .form-control[readonly] {
        background-color: #EAEEF3;
        opacity: 1;
    }

    .cpl-scope .form-control[disabled] {
        cursor: not-allowed;
    }

.cpl-scope fieldset[disabled] .form-control {
    background-color: #EAEEF3;
    opacity: 1;
    cursor: not-allowed;
}

.cpl-scope textarea.form-control {
    height: auto;
}

.cpl-scope input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cpl-scope .input-group-sm input[type="date"],
    .cpl-scope .input-group-sm input[type="time"],
    .cpl-scope .input-group-sm input[type="datetime-local"],
    .cpl-scope .input-group-sm input[type="month"] {
        line-height: 13px;
    }

    .cpl-scope .input-group-lg input[type="date"],
    .cpl-scope .input-group-lg input[type="time"],
    .cpl-scope .input-group-lg input[type="datetime-local"],
    .cpl-scope .input-group-lg input[type="month"] {
        line-height: 40px;
    }

    .cpl-scope input[type="date"].form-control,
    .cpl-scope input[type="time"].form-control,
    .cpl-scope input[type="datetime-local"].form-control,
    .cpl-scope input[type="month"].form-control {
        line-height: 24px;
    }

    .cpl-scope input[type="date"].input-sm,
    .cpl-scope input[type="time"].input-sm,
    .cpl-scope input[type="datetime-local"].input-sm,
    .cpl-scope input[type="month"].input-sm {
        line-height: 13px;
    }

    .cpl-scope input[type="date"].input-lg,
    .cpl-scope input[type="time"].input-lg,
    .cpl-scope input[type="datetime-local"].input-lg,
    .cpl-scope input[type="month"].input-lg {
        line-height: 40px;
    }
}

.cpl-scope .form-group {
    margin-bottom: 8px;
}

.cpl-scope .row.separated {
    border-top: 1px solid #C1C5CA;
}

.cpl-scope .radio,
.cpl-scope .row > .radio,
.cpl-scope .row > .radio + .radio,
.cpl-scope .checkbox,
.cpl-scope .row > .checkbox,
.cpl-scope .row > .checkbox + .checkbox {
    position: relative;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

    .cpl-scope .radio label,
    .cpl-scope .row > .radio label,
    .cpl-scope .row > .radio + .radio label,
    .cpl-scope .checkbox label,
    .cpl-scope .row > .checkbox label,
    .cpl-scope .row > .checkbox + .checkbox label {
        position: relative;
        min-height: 16px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .cpl-scope .radio input[type="radio"],
    .cpl-scope .radio-inline input[type="radio"],
    .cpl-scope .checkbox input[type="checkbox"],
    .cpl-scope .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .cpl-scope .radio .radio,
    .cpl-scope .checkbox .checkbox {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cpl-scope .radio + .radio,
    .cpl-scope .checkbox + .checkbox {
        margin-top: -4px;
        padding-top: 4px;
    }

        .cpl-scope .radio + .radio.separated,
        .cpl-scope .checkbox + .checkbox.separated {
            margin-top: -5px;
            padding-top: 4px;
            border-top: 1px solid #C1C5CA;
        }

.cpl-scope .radio-inline,
.cpl-scope .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .cpl-scope .radio-inline + .radio-inline,
    .cpl-scope .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

.cpl-scope input[type="radio"][disabled],
.cpl-scope input[type="checkbox"][disabled],
.cpl-scope input[type="radio"].disabled,
.cpl-scope input[type="checkbox"].disabled {
    cursor: not-allowed;
}

.cpl-scope fieldset[disabled] input[type="radio"],
.cpl-scope fieldset[disabled] input[type="checkbox"],
.cpl-scope fieldset[disabled] .radio-inline,
.cpl-scope fieldset[disabled] .checkbox-inline,
.cpl-scope fieldset[disabled] .radio,
.cpl-scope fieldset[disabled] .checkbox {
    cursor: not-allowed;
}

.cpl-scope .radio-inline.disabled,
.cpl-scope .checkbox-inline.disabled {
    cursor: not-allowed;
}

.cpl-scope .radio.disabled label,
.cpl-scope .checkbox.disabled label {
    cursor: not-allowed;
}

.cpl-scope .form-control-static {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 0;
    min-height: 28px;
}

    .cpl-scope .form-control-static.input-lg,
    .cpl-scope .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.cpl-scope .input-sm {
    height: 13px;
    padding: 0px 8px;
    font-size: 10px;
    line-height: 1.333333;
    border-radius: 1px;
}

.cpl-scope select.input-sm {
    height: 13px;
    line-height: 13px;
}

.cpl-scope textarea.input-sm,
.cpl-scope select[multiple].input-sm {
    height: auto;
}

.cpl-scope .form-group-sm .form-control {
    height: 13px;
    padding: 0px 8px;
    font-size: 10px;
    line-height: 1.333333;
    border-radius: 1px;
}

.cpl-scope .form-group-sm select.form-control {
    height: 13px;
    line-height: 13px;
}

.cpl-scope .form-group-sm textarea.form-control,
.cpl-scope .form-group-sm select[multiple].form-control {
    height: auto;
}

.cpl-scope .form-group-sm .form-control-static {
    height: 13px;
    min-height: 26px;
    padding: 1px 8px;
    font-size: 10px;
    line-height: 1.333333;
}

.cpl-scope .input-lg {
    height: 40px;
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.cpl-scope select.input-lg {
    height: 40px;
    line-height: 40px;
}

.cpl-scope textarea.input-lg,
.cpl-scope select[multiple].input-lg {
    height: auto;
}

.cpl-scope .form-group-lg .form-control {
    height: 40px;
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.cpl-scope .form-group-lg select.form-control {
    height: 40px;
    line-height: 40px;
}

.cpl-scope .form-group-lg textarea.form-control,
.cpl-scope .form-group-lg select[multiple].form-control {
    height: auto;
}

.cpl-scope .form-group-lg .form-control-static {
    height: 40px;
    min-height: 31px;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 1.3333333;
}

.cpl-scope .has-feedback {
    position: relative;
}

    .cpl-scope .has-feedback .form-control {
        margin-top: 5px;
        padding-right: 30px;
    }

.cpl-scope .form-group-feedback {
    top: 0;
    right: 0;
}

.cpl-scope .form-group .form-control-feedback {
    position: absolute;
    z-index: 4;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    pointer-events: none;
}

    .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"] {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0px;
        padding: 0px;
        fill: #84888D;
        color: #84888D;
        stroke: #84888D;
        outline: #84888D;
        stroke-width: 0px;
    }

.cpl-scope .form-group .input-lg + .form-control-feedback,
.cpl-scope .form-group .input-group-lg + .form-control-feedback,
.cpl-scope .form-group .form-group-lg .form-control + .form-control-feedback {
    width: 12px;
    height: 12px;
    line-height: 12px;
}

    .cpl-scope .form-group .input-lg + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .input-group-lg + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .form-group-lg .form-control + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .input-lg + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .input-group-lg + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .form-group-lg .form-control + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .input-lg + .form-control-feedback > svg[class*="ico_"],
    .cpl-scope .form-group .input-group-lg + .form-control-feedback > svg[class*="ico_"],
    .cpl-scope .form-group .form-group-lg .form-control + .form-control-feedback > svg[class*="ico_"] {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0px;
        padding: 0px;
        fill: #84888D;
        color: #84888D;
        stroke: #84888D;
        outline: #84888D;
        stroke-width: 0px;
    }

.cpl-scope .form-group .input-sm + .form-control-feedback,
.cpl-scope .form-group .input-group-sm + .form-control-feedback,
.cpl-scope .form-group .form-group-sm .form-control + .form-control-feedback {
    width: 8px;
    height: 8px;
    line-height: 8px;
}

    .cpl-scope .form-group .input-sm + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .input-group-sm + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .form-group-sm .form-control + .form-control-feedback > svg[class*="brand-icon"],
    .cpl-scope .form-group .input-sm + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .input-group-sm + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .form-group-sm .form-control + .form-control-feedback > svg[class*="ihs-icon"],
    .cpl-scope .form-group .input-sm + .form-control-feedback > svg[class*="ico_"],
    .cpl-scope .form-group .input-group-sm + .form-control-feedback > svg[class*="ico_"],
    .cpl-scope .form-group .form-group-sm .form-control + .form-control-feedback > svg[class*="ico_"] {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0px;
        padding: 0px;
        fill: #84888D;
        color: #84888D;
        stroke: #84888D;
        outline: #84888D;
        stroke-width: 0px;
    }

.cpl-scope .has-success .help-block,
.cpl-scope .has-success .control-label,
.cpl-scope .has-success .radio,
.cpl-scope .has-success .checkbox,
.cpl-scope .has-success .radio-inline,
.cpl-scope .has-success .checkbox-inline,
.cpl-scope .has-success.radio label,
.cpl-scope .has-success.checkbox label,
.cpl-scope .has-success.radio-inline label,
.cpl-scope .has-success.checkbox-inline label {
    color: #6EA720;
}

.cpl-scope .has-success .form-control {
    border-color: #6EA720;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope .has-success .form-control:focus {
        border-color: #527c18;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a2dd50 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope .has-success .input-group-addon {
    color: #ffffff;
    border-color: #6EA720;
    background-color: #6EA720;
}

.cpl-scope .has-success .form-control-feedback {
    color: #6EA720;
}

.cpl-scope .has-warning .help-block,
.cpl-scope .has-warning .control-label,
.cpl-scope .has-warning .radio,
.cpl-scope .has-warning .checkbox,
.cpl-scope .has-warning .radio-inline,
.cpl-scope .has-warning .checkbox-inline,
.cpl-scope .has-warning.radio label,
.cpl-scope .has-warning.checkbox label,
.cpl-scope .has-warning.radio-inline label,
.cpl-scope .has-warning.checkbox-inline label {
    color: #F7941D;
}

.cpl-scope .has-warning .form-control {
    border-color: #F7941D;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope .has-warning .form-control:focus {
        border-color: #d97a08;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fac380 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope .has-warning .input-group-addon {
    color: #ffffff;
    border-color: #F7941D;
    background-color: #F7941D;
}

.cpl-scope .has-warning .form-control-feedback {
    color: #F7941D;
}

.cpl-scope .has-error .help-block,
.cpl-scope .has-error .control-label,
.cpl-scope .has-error .radio,
.cpl-scope .has-error .checkbox,
.cpl-scope .has-error .radio-inline,
.cpl-scope .has-error .checkbox-inline,
.cpl-scope .has-error.radio label,
.cpl-scope .has-error.checkbox label,
.cpl-scope .has-error.radio-inline label,
.cpl-scope .has-error.checkbox-inline label {
    color: #CF1034;
}

.cpl-scope .has-error .form-control {
    border-color: #CF1034;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope .has-error .form-control:focus {
        border-color: #a00c28;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f25371 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope .has-error .input-group-addon {
    color: #ffffff;
    border-color: #CF1034;
    background-color: #CF1034;
}

.cpl-scope .has-error .form-control-feedback {
    color: #CF1034;
}

.cpl-scope .has-feedback label ~ .form-control-feedback {
    top: 23px;
}

.cpl-scope .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.cpl-scope .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #6c7580;
}

@media (min-width: 768px) {
    .cpl-scope .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .cpl-scope .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .cpl-scope .form-inline .form-control-static {
        display: inline-block;
    }

    .cpl-scope .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .cpl-scope .form-inline .input-group .input-group-addon,
        .cpl-scope .form-inline .input-group .input-group-btn,
        .cpl-scope .form-inline .input-group .form-control {
            width: auto;
        }

        .cpl-scope .form-inline .input-group > .form-control {
            width: 100%;
        }

    .cpl-scope .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .cpl-scope .form-inline .radio,
    .cpl-scope .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .cpl-scope .form-inline .radio label,
        .cpl-scope .form-inline .checkbox label {
            padding-left: 0;
        }

        .cpl-scope .form-inline .radio input[type="radio"],
        .cpl-scope .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .cpl-scope .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.cpl-scope .form-horizontal .radio,
.cpl-scope .form-horizontal .checkbox,
.cpl-scope .form-horizontal .radio-inline,
.cpl-scope .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4px;
}

.cpl-scope .form-horizontal .radio,
.cpl-scope .form-horizontal .checkbox {
    min-height: 20px;
}

.cpl-scope .form-horizontal .form-group {
    margin-left: -16px;
    margin-right: -16px;
}

@media (min-width: 768px) {
    .cpl-scope .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 4px;
    }
}

.cpl-scope .form-horizontal .has-feedback .form-control-feedback {
    right: 24px;
}

.cpl-scope .form-horizontal .form-group-lg .has-feedback .form-control-feedback {
    right: 32px;
}

@media (min-width: 768px) {
    .cpl-scope .form-horizontal .form-group-lg .control-label {
        padding-top: 8px;
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    .cpl-scope .form-horizontal .form-group-sm .control-label {
        padding-top: 1px;
        font-size: 10px;
    }
}


    .cpl-scope .btn:focus,
    .cpl-scope .btn:active:focus,
    .cpl-scope .btn.active:focus,
    .cpl-scope .btn.focus,
    .cpl-scope .btn:active.focus,
    .cpl-scope .btn.active.focus {
        border-color: #32363B;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .btn:active,
    .cpl-scope .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .btn.disabled:not(.btn-link),
    .cpl-scope .btn[disabled]:not(.btn-link),
    .cpl-scope .btn.disabled:not(.btn-link):hover,
    .cpl-scope .btn .disabled:not(.btn-link).hover,
    .cpl-scope .btn.disabled:not(.btn-link):focus,
    .cpl-scope .btn .disabled:not(.btn-link).focus,
    .cpl-scope .btn.disabled:not(.btn-link):active,
    .cpl-scope .btn .disabled:not(.btn-link).active,
    .cpl-scope .btn[disabled]:not(.btn-link):hover,
    .cpl-scope .btn[disabled]:not(.btn-link).hover,
    .cpl-scope .btn[disabled]:not(.btn-link):focus,
    .cpl-scope .btn[disabled]:not(.btn-link).focus,
    .cpl-scope .btn[disabled]:not(.btn-link):active,
    .cpl-scope .btn[disabled]:not(.btn-link).active {
        cursor: not-allowed;
        background-color: #C1C5CA;
        color: #ffffff;
        border-color: #C1C5CA;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .btn.disabled.btn-link,
    .cpl-scope .btn[disabled].btn-link,
    .cpl-scope .btn.disabled.btn-link:hover,
    .cpl-scope .btn .disabled.btn-link.hover,
    .cpl-scope .btn.disabled.btn-link:focus,
    .cpl-scope .btn .disabled.btn-link.focus,
    .cpl-scope .btn.disabled.btn-link:active,
    .cpl-scope .btn .disabled.btn-link.active,
    .cpl-scope .btn[disabled].btn-link:hover,
    .cpl-scope .btn[disabled].btn-link.hover,
    .cpl-scope .btn[disabled].btn-link:focus,
    .cpl-scope .btn[disabled].btn-link.focus,
    .cpl-scope .btn[disabled].btn-link:active,
    .cpl-scope .btn[disabled].btn-link.active,
    .cpl-scope .btn.disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger),
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger),
    .cpl-scope .btn.disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):hover,
    .cpl-scope .btn .disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).hover,
    .cpl-scope .btn.disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):focus,
    .cpl-scope .btn .disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).focus,
    .cpl-scope .btn.disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):active,
    .cpl-scope .btn .disabled:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).active,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):hover,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).hover,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):focus,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).focus,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):active,
    .cpl-scope .btn[disabled]:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger).active {
        cursor: not-allowed;
        background-color: transparent;
        color: #C1C5CA;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope fieldset[disabled] .btn {
    cursor: not-allowed;
    background-color: #C1C5CA;
    color: #ffffff;
    border-color: #C1C5CA;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope fieldset.disabled .btn.btn-link,
    .cpl-scope fieldset[disabled] .btn.btn-link,
    .cpl-scope fieldset.disabled .btn:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger),
    .cpl-scope fieldset[disabled] .btn:not(.btn-default):not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger) {
        cursor: not-allowed;
        background-color: transparent;
        color: #C1C5CA;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope a.btn.disabled {
    pointer-events: none;
}

.cpl-scope fieldset[disabled] a.btn {
    pointer-events: none;
}

.cpl-scope .btn-group > .btn:not(.btn-default) {
    border-color: rgba(132, 136, 141, 0.1);
}


    .cpl-scope .open > .dropdown-toggle.btn-primary:hover,
    .cpl-scope .open > .dropdown-toggle.btn-primary:focus,
    .cpl-scope .open > .dropdown-toggle.btn-primary.focus {
        color: #ffffff;
        background-color: #003f3f;
        border-color: #001617;
    }


.cpl-scope .btn-success {
    color: #ffffff;
    background-color: #8DC63F;
    border-color: #80b636;
}

    .cpl-scope .btn-success:focus,
    .cpl-scope .btn-success.focus {
        color: #ffffff;
        background-color: #72a230;
        border-color: #3b5319;
    }

    .cpl-scope .btn-success:hover {
        color: #ffffff;
        background-color: #72a230;
        border-color: #5f8628;
    }

    .cpl-scope .btn-success:active,
    .cpl-scope .btn-success.active {
        color: #ffffff;
        background-color: #72a230;
        border-color: #5f8628;
        background-image: none;
    }

        .cpl-scope .btn-success:active:hover,
        .cpl-scope .btn-success.active:hover,
        .cpl-scope .btn-success:active:focus,
        .cpl-scope .btn-success.active:focus,
        .cpl-scope .btn-success:active.focus,
        .cpl-scope .btn-success.active.focus {
            color: #ffffff;
            background-color: #5e8628;
            border-color: #3b5319;
        }

    .cpl-scope .btn-success.disabled:hover,
    .cpl-scope .btn-success[disabled]:hover,
    .cpl-scope .btn-success.disabled:focus,
    .cpl-scope .btn-success[disabled]:focus,
    .cpl-scope .btn-success.disabled.focus,
    .cpl-scope .btn-success[disabled].focus {
        background-color: #8DC63F;
        border-color: #80b636;
    }

    .cpl-scope .btn-success .badge {
        color: #8DC63F;
        background-color: #ffffff;
    }

.cpl-scope .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #72a230;
    border-color: #5f8628;
    background-image: none;
}

    .cpl-scope .open > .dropdown-toggle.btn-default:hover,
    .cpl-scope .open > .dropdown-toggle.btn-default:focus,
    .cpl-scope .open > .dropdown-toggle.btn-default.focus {
        color: #ffffff;
        background-color: #5e8628;
        border-color: #3b5319;
    }

.cpl-scope fieldset[disabled] .btn-success:hover,
.cpl-scope fieldset[disabled] .btn-success:focus,
.cpl-scope fieldset[disabled] .btn-success.focus {
    background-color: #8DC63F;
    border-color: #80b636;
}

.cpl-scope .btn-info {
    color: #ffffff;
    background-color: #00B5F1;
    border-color: #00a2d8;
}

    .cpl-scope .btn-info:focus,
    .cpl-scope .btn-info.focus {
        color: #ffffff;
        background-color: #008fbe;
        border-color: #004258;
    }

    .cpl-scope .btn-info:hover {
        color: #ffffff;
        background-color: #008fbe;
        border-color: #00749a;
    }

    .cpl-scope .btn-info:active,
    .cpl-scope .btn-info.active {
        color: #ffffff;
        background-color: #008fbe;
        border-color: #00749a;
        background-image: none;
    }

        .cpl-scope .btn-info:active:hover,
        .cpl-scope .btn-info.active:hover,
        .cpl-scope .btn-info:active:focus,
        .cpl-scope .btn-info.active:focus,
        .cpl-scope .btn-info:active.focus,
        .cpl-scope .btn-info.active.focus {
            color: #ffffff;
            background-color: #00749a;
            border-color: #004258;
        }

    .cpl-scope .btn-info.disabled:hover,
    .cpl-scope .btn-info[disabled]:hover,
    .cpl-scope .btn-info.disabled:focus,
    .cpl-scope .btn-info[disabled]:focus,
    .cpl-scope .btn-info.disabled.focus,
    .cpl-scope .btn-info[disabled].focus {
        background-color: #00B5F1;
        border-color: #00a2d8;
    }

    .cpl-scope .btn-info .badge {
        color: #00B5F1;
        background-color: #ffffff;
    }

.cpl-scope .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #008fbe;
    border-color: #00749a;
    background-image: none;
}

    .cpl-scope .open > .dropdown-toggle.btn-info:hover,
    .cpl-scope .open > .dropdown-toggle.btn-info:focus,
    .cpl-scope .open > .dropdown-toggle.btn-info.focus {
        color: #ffffff;
        background-color: #00749a;
        border-color: #004258;
    }

.cpl-scope fieldset[disabled] .btn-info:hover,
.cpl-scope fieldset[disabled] .btn-info:focus,
.cpl-scope fieldset[disabled] .btn-info.focus {
    background-color: #00B5F1;
    border-color: #00a2d8;
}

.cpl-scope .btn-warning {
    color: #ffffff;
    background-color: #F7941D;
    border-color: #f28809;
}

    .cpl-scope .btn-warning:focus,
    .cpl-scope .btn-warning.focus {
        color: #ffffff;
        background-color: #d97a08;
        border-color: #774304;
    }

    .cpl-scope .btn-warning:hover {
        color: #ffffff;
        background-color: #d97a08;
        border-color: #b76706;
    }

    .cpl-scope .btn-warning:active,
    .cpl-scope .btn-warning.active {
        color: #ffffff;
        background-color: #d97a08;
        border-color: #b76706;
        background-image: none;
    }

        .cpl-scope .btn-warning:active:hover,
        .cpl-scope .btn-warning.active:hover,
        .cpl-scope .btn-warning:active:focus,
        .cpl-scope .btn-warning.active:focus,
        .cpl-scope .btn-warning:active.focus,
        .cpl-scope .btn-warning.active.focus {
            color: #ffffff;
            background-color: #b76706;
            border-color: #774304;
        }

    .cpl-scope .btn-warning.disabled:hover,
    .cpl-scope .btn-warning[disabled]:hover,
    .cpl-scope .btn-warning.disabled:focus,
    .cpl-scope .btn-warning[disabled]:focus,
    .cpl-scope .btn-warning.disabled.focus,
    .cpl-scope .btn-warning[disabled].focus {
        background-color: #F7941D;
        border-color: #f28809;
    }

    .cpl-scope .btn-warning .badge {
        color: #F7941D;
        background-color: #ffffff;
    }

.cpl-scope .open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #d97a08;
    border-color: #b76706;
    background-image: none;
}

    .cpl-scope .open > .dropdown-toggle.btn-warning:hover,
    .cpl-scope .open > .dropdown-toggle.btn-warning:focus,
    .cpl-scope .open > .dropdown-toggle.btn-warning.focus {
        color: #ffffff;
        background-color: #b76706;
        border-color: #774304;
    }

.cpl-scope fieldset[disabled] .btn-warning:hover,
.cpl-scope fieldset[disabled] .btn-warning:focus,
.cpl-scope fieldset[disabled] .btn-warning.focus {
    background-color: #F7941D;
    border-color: #f28809;
}

.cpl-scope .btn-danger {
    color: #ffffff;
    background-color: #CF1034;
    border-color: #b70e2e;
}

    .cpl-scope .btn-danger:focus,
    .cpl-scope .btn-danger.focus {
        color: #ffffff;
        background-color: #a00c28;
        border-color: #410510;
    }

    .cpl-scope .btn-danger:hover {
        color: #ffffff;
        background-color: #a00c28;
        border-color: #7f0a20;
    }

    .cpl-scope .btn-danger:active,
    .cpl-scope .btn-danger.active {
        color: #ffffff;
        background-color: #a00c28;
        border-color: #7f0a20;
        background-image: none;
    }

        .cpl-scope .btn-danger:active:hover,
        .cpl-scope .btn-danger.active:hover,
        .cpl-scope .btn-danger:active:focus,
        .cpl-scope .btn-danger.active:focus,
        .cpl-scope .btn-danger:active.focus,
        .cpl-scope .btn-danger.active.focus {
            color: #ffffff;
            background-color: #7f0a20;
            border-color: #410510;
        }

    .cpl-scope .btn-danger.disabled:hover,
    .cpl-scope .btn-danger[disabled]:hover,
    .cpl-scope .btn-danger.disabled:focus,
    .cpl-scope .btn-danger[disabled]:focus,
    .cpl-scope .btn-danger.disabled.focus,
    .cpl-scope .btn-danger[disabled].focus {
        background-color: #CF1034;
        border-color: #b70e2e;
    }

    .cpl-scope .btn-danger .badge {
        color: #CF1034;
        background-color: #ffffff;
    }

.cpl-scope .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #a00c28;
    border-color: #7f0a20;
    background-image: none;
}

    .cpl-scope .open > .dropdown-toggle.btn-danger:hover,
    .cpl-scope .open > .dropdown-toggle.btn-danger:focus,
    .cpl-scope .open > .dropdown-toggle.btn-danger.focus {
        color: #ffffff;
        background-color: #7f0a20;
        border-color: #410510;
    }

.cpl-scope fieldset[disabled] .btn-danger:hover,
.cpl-scope fieldset[disabled] .btn-danger:focus,
.cpl-scope fieldset[disabled] .btn-danger.focus {
    background-color: #CF1034;
    border-color: #b70e2e;
}

.cpl-scope .btn-link {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #0D71C6;
}

    .cpl-scope .btn-link,
    .cpl-scope .btn-link:active,
    .cpl-scope .btn-link.active,
    .cpl-scope .btn-link[disabled] {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }

        .cpl-scope .btn-link,
        .cpl-scope .btn-link:hover,
        .cpl-scope .btn-link:focus,
        .cpl-scope .btn-link:active {
            border-color: transparent;
        }

            .cpl-scope .btn-link:hover,
            .cpl-scope .btn-link:focus {
                color: #0271BB;
                text-decoration: underline;
                background-color: transparent;
            }

            .cpl-scope .btn-link[disabled]:hover,
            .cpl-scope .btn-link[disabled]:focus {
                color: #84888D;
                text-decoration: none;
            }

.cpl-scope fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope fieldset[disabled] .btn-link:hover,
    .cpl-scope fieldset[disabled] .btn-link:focus {
        color: #84888D;
        text-decoration: none;
    }

.cpl-scope .btn-lg {
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 3px;
}

.cpl-scope .btn-sm {
    padding: 0px 8px;
    font-size: 10px;
    line-height: 1.333333;
    border-radius: 1px;
}

.cpl-scope .btn-xs {
    padding: 0px 7px;
    font-size: 10px;
    line-height: 1.333333;
    border-radius: 1px;
}

.cpl-scope .btn-block {
    padding: 4px 8px;
    gap: 8px;
    width: 88px;
    height: 32px;
    background: #000000;
    border-radius: 2px;
    float: right;
}

    .cpl-scope .btn-block + .btn-block {
        margin-top: 5px;
    }


.cpl-scope .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    -webkit-transition: opacity 0.15s linear 1s linear;
    -moz-transition: opacity 0.15s linear 1s linear;
    -o-transition: opacity 0.15s linear 1s linear;
    -ms-transition: opacity 0.15s linear 1s linear;
    transition: opacity 0.15s linear 1s linear;
}

    .cpl-scope .fade.in {
        opacity: 1;
    }

.cpl-scope .collapse {
    display: none;
}

    .cpl-scope .collapse.in {
        display: block;
    }

.cpl-scope tr.collapse.in {
    display: table-row;
}

.cpl-scope tbody.collapse.in {
    display: table-row-group;
}

.cpl-scope .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.cpl-scope .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid \9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.cpl-scope .dropup,
.cpl-scope .dropdown {
    position: relative;
}

    .cpl-scope .dropdown .pintail,
    .cpl-scope .dropup .pintail {
        border-width: 9px;
    }

        .cpl-scope .dropdown .pintail,
        .cpl-scope .dropup .pintail,
        .cpl-scope .dropdown .pintail:after,
        .cpl-scope .dropup .pintail:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

            .cpl-scope .dropdown .pintail:after,
            .cpl-scope .dropup .pintail:after {
                content: " ";
                margin-left: -8px;
                border-width: 8px;
            }

    .cpl-scope .dropdown .dropdown-menu .pintail,
    .cpl-scope .dropup .dropdown-menu .pintail {
        left: 50%;
        margin-left: -9px;
        height: 9px;
    }

        .cpl-scope .dropdown .dropdown-menu .pintail.pinned-left,
        .cpl-scope .dropup .dropdown-menu .pintail.pinned-left {
            left: 18px;
        }

        .cpl-scope .dropdown .dropdown-menu .pintail.pinned-right,
        .cpl-scope .dropup .dropdown-menu .pintail.pinned-right {
            left: calc(100% - 18px);
        }

    .cpl-scope .dropdown .dropdown-menu,
    .cpl-scope .dropup .dropdown-menu,
    .cpl-scope .dropdown > .dropdown-menu,
    .cpl-scope .dropup > .dropdown-menu {
        box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
        border-radius: 2px;
    }

        .cpl-scope .dropdown .dropdown-menu > li:hover,
        .cpl-scope .dropup .dropdown-menu > li:hover,
        .cpl-scope .dropdown > .dropdown-menu > li:hover,
        .cpl-scope .dropup > .dropdown-menu > li:hover,
        .cpl-scope .dropdown .dropdown-menu > li > a:hover,
        .cpl-scope .dropup .dropdown-menu > li > a:hover,
        .cpl-scope .dropdown > .dropdown-menu > li > a:hover,
        .cpl-scope .dropup > .dropdown-menu > li > a:hover {
            background-color: #EAEEF3;
            color: #32363B;
        }

    .cpl-scope .dropdown .dropdown-toggle,
    .cpl-scope .dropup .dropdown-toggle,
    .cpl-scope .dropdown .dropdown-toggle:hover,
    .cpl-scope .dropup .dropdown-toggle:hover,
    .cpl-scope .dropdown .dropdown-toggle:focus,
    .cpl-scope .dropup .dropdown-toggle:focus {
        text-decoration: none;
    }

    .cpl-scope .dropdown .pintail:after {
        top: 1px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

    .cpl-scope .dropdown .dropdown-menu .pintail {
        border-top-width: 0;
        top: -9px;
        border-bottom-color: #999999;
        border-bottom-color: #84888D;
    }

    .cpl-scope .dropdown .dropdown-menu.has-pintail {
        top: calc(100% + 8px);
    }

    .cpl-scope .dropdown .dropdown-menu,
    .cpl-scope .dropdown > .dropdown-menu {
        margin-top: 4px;
    }

    .cpl-scope .dropup .pintail:after {
        bottom: 1px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

    .cpl-scope .dropup .dropdown-menu .pintail {
        border-bottom-width: 0;
        bottom: -9px;
        border-top-color: #999999;
        border-top-color: #84888D;
    }

    .cpl-scope .dropup .dropdown-menu.has-pintail {
        bottom: calc(100% + 8px);
    }

    .cpl-scope .dropup .dropdown-menu,
    .cpl-scope .dropup > .dropdown-menu {
        margin-bottom: 4px;
    }

    .cpl-scope .dropdown .dropdown-toggle svg.brand-icon-arrow,
    .cpl-scope .dropup .dropdown-toggle svg.brand-icon-arrow,
    .cpl-scope .dropdown .dropdown-toggle svg.ihs-icon-arrow,
    .cpl-scope .dropup .dropdown-toggle svg.ihs-icon-arrow {
        width: 11px;
        height: 11px;
        margin: 0px 0px 0px 4px;
        line-height: 6px;
    }

    .cpl-scope .task .dropdown-menu > li:focus,
    .cpl-scope .dropdown.task .dropdown-menu > li:focus,
    .cpl-scope .search-group.task .dropdown-menu > li:focus,
    .cpl-scope .ihs-header .ihs-menu .task .dropdown-menu > li:focus,
    .cpl-scope .task > .dropdown > .dropdown-menu > li:focus,
    .cpl-scope .dropdown.task > .dropdown > .dropdown-menu > li:focus,
    .cpl-scope .search-group.task > .dropdown > .dropdown-menu > li:focus,
    .cpl-scope .ihs-header .ihs-menu .task > .dropdown > .dropdown-menu > li:focus,
    .cpl-scope .task .dropdown-menu > li > a:focus,
    .cpl-scope .dropdown.task .dropdown-menu > li > a:focus,
    .cpl-scope .search-group.task .dropdown-menu > li > a:focus,
    .cpl-scope .ihs-header .ihs-menu .task .dropdown-menu > li > a:focus,
    .cpl-scope .task > .dropdown > .dropdown-menu > li > a:focus,
    .cpl-scope .dropdown.task > .dropdown > .dropdown-menu > li > a:focus,
    .cpl-scope .search-group.task > .dropdown > .dropdown-menu > li > a:focus,
    .cpl-scope .ihs-header .ihs-menu .task > .dropdown > .dropdown-menu > li > a:focus,
    .cpl-scope .task .dropdown-menu > li.selected,
    .cpl-scope .dropdown.task .dropdown-menu > li.selected,
    .cpl-scope .search-group.task .dropdown-menu > li.selected,
    .cpl-scope .ihs-header .ihs-menu .task .dropdown-menu > li.selected,
    .cpl-scope .task > .dropdown > .dropdown-menu > li.selected,
    .cpl-scope .dropdown.task > .dropdown > .dropdown-menu > li.selected,
    .cpl-scope .search-group.task > .dropdown > .dropdown-menu > li.selected,
    .cpl-scope .ihs-header .ihs-menu .task > .dropdown > .dropdown-menu > li.selected,
    .cpl-scope .task .dropdown-menu > li.selected > a,
    .cpl-scope .dropdown.task .dropdown-menu > li.selected > a,
    .cpl-scope .search-group.task .dropdown-menu > li.selected > a,
    .cpl-scope .ihs-header .ihs-menu .task .dropdown-menu > li.selected > a,
    .cpl-scope .task > .dropdown > .dropdown-menu > li.selected > a,
    .cpl-scope .dropdown.task > .dropdown > .dropdown-menu > li.selected > a,
    .cpl-scope .search-group.task > .dropdown > .dropdown-menu > li.selected > a,
    .cpl-scope .ihs-header .ihs-menu .task > .dropdown > .dropdown-menu > li.selected > a {
        background-color: #0064B6 !important;
        color: #ffffff;
    }

.cpl-scope .dropdown-toggle:focus {
    outline: 0;
}

.cpl-scope .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid #C1C5CA;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 3 0 5px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

    .cpl-scope .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .cpl-scope .dropdown-menu .divider {
        height: 1px;
        margin: 7px 0;
        overflow: hidden;
        background-color: #EAEEF3;
    }

    .cpl-scope .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 16px;
        color: #53575C;
        white-space: nowrap;
    }

        .cpl-scope .dropdown-menu > li > a:hover {
            text-decoration: none;
            background-color: #EAEEF3;
        }

    .cpl-scope .dropdown-menu > .disabled > a,
    .cpl-scope .dropdown-menu > .disabled > a:hover,
    .cpl-scope .dropdown-menu > .disabled > a:focus {
        color: #C1C5CA;
    }

        .cpl-scope .dropdown-menu > .disabled > a:hover,
        .cpl-scope .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.cpl-scope .open > .dropdown-menu {
    display: block;
}

.cpl-scope .open > a {
    outline: 0;
}

.cpl-scope .dropdown-menu-right {
    left: auto;
    right: 0;
}

.cpl-scope .dropdown-menu-left {
    left: 0;
    right: auto;
}

.cpl-scope .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.cpl-scope .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.cpl-scope .dropup .caret,
.cpl-scope .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 5px dashed;
    border-bottom: 5px solid \9;
    content: "";
}

.cpl-scope .dropup .dropdown-menu,
.cpl-scope .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.cpl-scope .ihs-header .ihs-menu .dropdown .dropdown-menu {
    margin-top: 2px;
}

    .cpl-scope .ihs-header .ihs-menu .dropdown .dropdown-menu li:hover a {
        color: #32363B;
    }

    .cpl-scope .ihs-header .ihs-menu .dropdown .dropdown-menu li.divider {
        height: 1px;
    }

    .cpl-scope .ihs-header .ihs-menu .dropdown .dropdown-menu li a {
        color: #32363B;
        border-radius: 0;
        text-transform: none;
    }

        .cpl-scope .ihs-header .ihs-menu .dropdown .dropdown-menu li a:hover {
            background-color: #EAEEF3;
        }


@media (min-width: 768px) {
    .cpl-scope .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .cpl-scope .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.cpl-scope .btn-group,
.cpl-scope .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .cpl-scope .btn-group > .btn,
    .cpl-scope .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .cpl-scope .btn-group > .btn:hover,
        .cpl-scope .btn-group-vertical > .btn:hover,
        .cpl-scope .btn-group > .btn:focus,
        .cpl-scope .btn-group-vertical > .btn:focus,
        .cpl-scope .btn-group > .btn:active,
        .cpl-scope .btn-group-vertical > .btn:active,
        .cpl-scope .btn-group > .btn.active,
        .cpl-scope .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .cpl-scope .btn-group .btn + .btn,
    .cpl-scope .btn-group .btn + .btn-group,
    .cpl-scope .btn-group .btn-group + .btn,
    .cpl-scope .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.cpl-scope .btn-toolbar {
    margin-left: -5px;
}

    .cpl-scope .btn-toolbar .btn,
    .cpl-scope .btn-toolbar .btn-group,
    .cpl-scope .btn-toolbar .input-group {
        float: left;
    }

    .cpl-scope .btn-toolbar > .btn,
    .cpl-scope .btn-toolbar > .btn-group,
    .cpl-scope .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.cpl-scope .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.cpl-scope .btn-group > .btn:first-child {
    margin-left: 0;
}

    .cpl-scope .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.cpl-scope .btn-group > .btn:last-child:not(:first-child),
.cpl-scope .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.cpl-scope .btn-group > .btn-group {
    float: left;
}

    .cpl-scope .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .cpl-scope .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .cpl-scope .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .cpl-scope .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.cpl-scope .btn-group .dropdown-toggle:active,
.cpl-scope .btn-group.open .dropdown-toggle {
    outline: 0;
}

.cpl-scope .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.cpl-scope .btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.cpl-scope .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }

.cpl-scope .btn .caret {
    margin-left: 0;
}

.cpl-scope .btn-lg .caret {
    border-width: 6px 6px 0;
    border-bottom-width: 0;
}

.cpl-scope .dropup .btn-lg .caret {
    border-width: 0 6px 6px;
}

.cpl-scope .btn-group-vertical > .btn,
.cpl-scope .btn-group-vertical > .btn-group,
.cpl-scope .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .cpl-scope .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .cpl-scope .btn-group-vertical > .btn + .btn,
    .cpl-scope .btn-group-vertical > .btn + .btn-group,
    .cpl-scope .btn-group-vertical > .btn-group + .btn,
    .cpl-scope .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .cpl-scope .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .cpl-scope .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .cpl-scope .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .cpl-scope .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .cpl-scope .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .cpl-scope .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .cpl-scope .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.cpl-scope .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .cpl-scope .btn-group-justified > .btn,
    .cpl-scope .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .cpl-scope .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .cpl-scope .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

.cpl-scope [data-toggle="buttons"] > .btn input[type="radio"],
.cpl-scope [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
.cpl-scope [data-toggle="buttons"] > .btn input[type="checkbox"],
.cpl-scope [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.cpl-scope .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

    .cpl-scope .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .cpl-scope .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .cpl-scope .input-group .form-control:focus {
            z-index: 3;
        }

.cpl-scope .input-group-lg,
.cpl-scope .input-group-sm {
    position: relative;
}

    .cpl-scope .input-group-lg > .form-control,
    .cpl-scope .input-group-lg > .input-group-addon,
    .cpl-scope .input-group-lg > .input-group-btn > .btn {
        height: 40px;
        padding: 7px 15px;
        font-size: 15px;
        line-height: 1.3333333;
        border-radius: 3px;
    }

    .cpl-scope .input-group-sm > .form-control,
    .cpl-scope .input-group-sm > .input-group-addon,
    .cpl-scope .input-group-sm > .input-group-btn > .btn {
        height: 13px;
        padding: 0px 8px;
        font-size: 10px;
        line-height: 1.333333;
        border-radius: 1px;
    }

.cpl-scope .input-group-addon,
.cpl-scope .input-group-btn,
.cpl-scope .input-group .form-control {
    display: table-cell;
}

    .cpl-scope .input-group-addon:not(:first-child):not(:last-child),
    .cpl-scope .input-group-btn:not(:first-child):not(:last-child),
    .cpl-scope .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.cpl-scope .input-group-addon,
.cpl-scope .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.cpl-scope .input-group-addon {
    padding: 3px 15px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #32363B;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #C1C5CA;
    border-radius: 2px;
}

    .cpl-scope .input-group-addon.input-sm {
        padding: 0px 8px;
        font-size: 10px;
        border-radius: 1px;
    }

    .cpl-scope .input-group-addon.input-lg {
        padding: 7px 15px;
        font-size: 15px;
        border-radius: 3px;
    }

    .cpl-scope .input-group-addon input[type="radio"],
    .cpl-scope .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .cpl-scope .input-group .form-control:first-child,
    .cpl-scope .input-group-addon:first-child,
    .cpl-scope .input-group-btn:first-child > .btn,
    .cpl-scope .input-group-btn:first-child > .btn-group > .btn,
    .cpl-scope .input-group-btn:first-child > .dropdown-toggle,
    .cpl-scope .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .cpl-scope .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .cpl-scope .input-group-addon:first-child {
        border-right: 0;
    }

    .cpl-scope .input-group .form-control:last-child,
    .cpl-scope .input-group-addon:last-child,
    .cpl-scope .input-group-btn:last-child > .btn,
    .cpl-scope .input-group-btn:last-child > .btn-group > .btn,
    .cpl-scope .input-group-btn:last-child > .dropdown-toggle,
    .cpl-scope .input-group-btn:first-child > .btn:not(:first-child),
    .cpl-scope .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .cpl-scope .input-group-addon:last-child {
        border-left: 0;
    }

.cpl-scope .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .cpl-scope .input-group-btn > .btn {
        position: relative;
    }

        .cpl-scope .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .cpl-scope .input-group-btn > .btn:hover,
        .cpl-scope .input-group-btn > .btn:focus,
        .cpl-scope .input-group-btn > .btn:active {
            z-index: 2;
        }

    .cpl-scope .input-group-btn:first-child > .btn,
    .cpl-scope .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .cpl-scope .input-group-btn:last-child > .btn,
    .cpl-scope .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

.cpl-scope .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .cpl-scope .nav > li {
        position: relative;
        display: block;
    }

        .cpl-scope .nav > li > a {
            position: relative;
            display: block;
            padding: 3px 14px;
        }

            .cpl-scope .nav > li > a:hover,
            .cpl-scope .nav > li > a:focus {
                text-decoration: none;
                background-color: #EAEEF3;
            }

        .cpl-scope .nav > li.disabled > a {
            color: #C1C5CA;
        }

            .cpl-scope .nav > li.disabled > a:hover,
            .cpl-scope .nav > li.disabled > a:focus {
                color: #C1C5CA;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .cpl-scope .nav .open > a,
    .cpl-scope .nav .open > a:hover,
    .cpl-scope .nav .open > a:focus {
        background-color: #EAEEF3;
        border-color: #0271BB;
    }

    .cpl-scope .nav .nav-divider {
        height: 1px;
        margin: 7px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .cpl-scope .nav > li > a > img {
        max-width: none;
    }

.cpl-scope .nav-tabs {
    border-bottom: 1px solid #C1C5CA;
}

    .cpl-scope .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .cpl-scope .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 16px;
            border: 1px solid transparent;
            border-radius: 2px 2px 0 0;
        }

            .cpl-scope .nav-tabs > li > a:hover {
                border-color: #C1C5CA #C1C5CA #C1C5CA;
            }

        .cpl-scope .nav-tabs > li.active > a,
        .cpl-scope .nav-tabs > li.active > a:hover,
        .cpl-scope .nav-tabs > li.active > a:focus {
            color: #32363B;
            background-color: #ffffff;
            border: 1px solid #C1C5CA;
            border-bottom-color: transparent;
            cursor: default;
        }

    .cpl-scope .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .cpl-scope .nav-tabs.nav-justified > li {
            float: none;
        }

            .cpl-scope .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .cpl-scope .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .cpl-scope .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .cpl-scope .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.cpl-scope .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 2px;
}

.cpl-scope .nav-tabs.nav-justified > .active > a,
.cpl-scope .nav-tabs.nav-justified > .active > a:hover,
.cpl-scope .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #84888D;
}

@media (min-width: 768px) {
    .cpl-scope .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #84888D;
        border-radius: 2px 2px 0 0;
    }

    .cpl-scope .nav-tabs.nav-justified > .active > a,
    .cpl-scope .nav-tabs.nav-justified > .active > a:hover,
    .cpl-scope .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #84888D;
    }
}

.cpl-scope .nav-pills > li {
    float: left;
}

    .cpl-scope .nav-pills > li > a {
        border-radius: 2px;
    }

    .cpl-scope .nav-pills > li + li {
        margin-left: 2px;
    }

.cpl-scope .nav-stacked > li {
    float: none;
}

    .cpl-scope .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.cpl-scope .nav-justified {
    width: 100%;
}

    .cpl-scope .nav-justified > li {
        float: none;
    }

        .cpl-scope .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .cpl-scope .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .cpl-scope .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .cpl-scope .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.cpl-scope .nav-tabs-justified {
    border-bottom: 0;
}

    .cpl-scope .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 2px;
    }

    .cpl-scope .nav-tabs-justified > .active > a,
    .cpl-scope .nav-tabs-justified > .active > a:hover,
    .cpl-scope .nav-tabs-justified > .active > a:focus {
        border: 1px solid #84888D;
    }

@media (min-width: 768px) {
    .cpl-scope .nav-tabs-justified > li > a {
        border-bottom: 1px solid #84888D;
        border-radius: 2px 2px 0 0;
    }

    .cpl-scope .nav-tabs-justified > .active > a,
    .cpl-scope .nav-tabs-justified > .active > a:hover,
    .cpl-scope .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #84888D;
    }
}

.cpl-scope .tab-content > .tab-pane {
    display: none;
}

.cpl-scope .tab-content > .active {
    display: block;
}

.cpl-scope .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.cpl-scope .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 16px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .cpl-scope .navbar {
        border-radius: 2px;
    }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-header {
        float: left;
    }
}

.cpl-scope .navbar-collapse {
    overflow-x: visible;
    padding-right: 16px;
    padding-left: 16px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .cpl-scope .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .cpl-scope .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .cpl-scope .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .cpl-scope .navbar-collapse.in {
            overflow-y: visible;
        }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-fixed-top .navbar-collapse,
    .cpl-scope .navbar-static-top .navbar-collapse,
    .cpl-scope .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.cpl-scope .navbar-fixed-top .navbar-collapse,
.cpl-scope .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 576px) and (orientation: landscape) {
    .cpl-scope .navbar-fixed-top .navbar-collapse,
    .cpl-scope .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.cpl-scope .container > .navbar-header,
.cpl-scope .container-fluid > .navbar-header,
.cpl-scope .container > .navbar-collapse,
.cpl-scope .container-fluid > .navbar-collapse {
    margin-right: -16px;
    margin-left: -16px;
}

@media (min-width: 768px) {
    .cpl-scope .container > .navbar-header,
    .cpl-scope .container-fluid > .navbar-header,
    .cpl-scope .container > .navbar-collapse,
    .cpl-scope .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.cpl-scope .navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .cpl-scope .navbar-static-top {
        border-radius: 0;
    }
}

.cpl-scope .navbar-fixed-top,
.cpl-scope .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .cpl-scope .navbar-fixed-top,
    .cpl-scope .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.cpl-scope .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.cpl-scope .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.cpl-scope .navbar-brand {
    float: left;
    padding: 17px 16px;
    font-size: 15px;
    line-height: 16px;
    height: 50px;
}

    .cpl-scope .navbar-brand:hover,
    .cpl-scope .navbar-brand:focus {
        text-decoration: none;
    }

    .cpl-scope .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .cpl-scope .navbar > .container .navbar-brand,
    .cpl-scope .navbar > .container-fluid .navbar-brand {
        margin-left: -16px;
    }
}

.cpl-scope .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 16px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}

    .cpl-scope .navbar-toggle:focus {
        outline: 0;
    }

    .cpl-scope .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .cpl-scope .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .cpl-scope .navbar-toggle {
        display: none;
    }
}

.cpl-scope .navbar-nav {
    margin: 8.5px -16px;
}

    .cpl-scope .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 16px;
    }

@media (max-width: 767px) {
    .cpl-scope .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .cpl-scope .navbar-nav .open .dropdown-menu > li > a,
        .cpl-scope .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .cpl-scope .navbar-nav .open .dropdown-menu > li > a {
            line-height: 16px;
        }

            .cpl-scope .navbar-nav .open .dropdown-menu > li > a:hover,
            .cpl-scope .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-nav {
        float: left;
        margin: 0;
    }

        .cpl-scope .navbar-nav > li {
            float: left;
        }

            .cpl-scope .navbar-nav > li > a {
                padding-top: 17px;
                padding-bottom: 17px;
            }
}

.cpl-scope .navbar-form {
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
    margin-top: 13px;
    margin-bottom: 13px;
}

@media (min-width: 768px) {
    .cpl-scope .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .cpl-scope .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .cpl-scope .navbar-form .form-control-static {
        display: inline-block;
    }

    .cpl-scope .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .cpl-scope .navbar-form .input-group .input-group-addon,
        .cpl-scope .navbar-form .input-group .input-group-btn,
        .cpl-scope .navbar-form .input-group .form-control {
            width: auto;
        }

        .cpl-scope .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .cpl-scope .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .cpl-scope .navbar-form .radio,
    .cpl-scope .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .cpl-scope .navbar-form .radio label,
        .cpl-scope .navbar-form .checkbox label {
            padding-left: 0;
        }

        .cpl-scope .navbar-form .radio input[type="radio"],
        .cpl-scope .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .cpl-scope .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

.cpl-scope .navbar-form .radio input[type="radio"] {
    margin-top: 0px;
}

.cpl-scope .navbar-form .radio + .radio,
.cpl-scope .navbar-form .checkbox + .checkbox {
    margin-left: 16px;
}

.cpl-scope .navbar-form input[type="checkbox"],
.cpl-scope .navbar-form input[type="checkbox"] + .checkmark,
.cpl-scope .navbar-form [class*="brand-icon-checkbox-"][tabindex],
.cpl-scope .navbar-form [class*="ihs-icon-checkbox-"][tabindex] {
    top: -1px;
    left: 1px;
}

@media (max-width: 767px) {
    .cpl-scope .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .cpl-scope .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: none 3 0 5px rgba(0, 0, 0, 0.5);
    }
}

.cpl-scope .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.cpl-scope .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.cpl-scope .navbar-btn {
    margin-top: 13px;
    margin-bottom: 13px;
}

    .cpl-scope .navbar-btn.btn-sm {
        margin-top: 18.5px;
        margin-bottom: 18.5px;
    }

    .cpl-scope .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.cpl-scope .navbar-text {
    margin-top: 17px;
    margin-bottom: 17px;
}

@media (min-width: 768px) {
    .cpl-scope .navbar-text {
        float: left;
        margin-left: 16px;
        margin-right: 16px;
    }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-left {
        float: left !important;
    }

    .cpl-scope .navbar-right {
        float: right !important;
        margin-right: -16px;
    }

        .cpl-scope .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.cpl-scope .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .cpl-scope .navbar-default .navbar-brand {
        color: #777777;
    }

        .cpl-scope .navbar-default .navbar-brand:hover,
        .cpl-scope .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .cpl-scope .navbar-default .navbar-text {
        color: #777777;
    }

    .cpl-scope .navbar-default .navbar-nav > li > a {
        color: #777777;
    }

        .cpl-scope .navbar-default .navbar-nav > li > a:hover,
        .cpl-scope .navbar-default .navbar-nav > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .cpl-scope .navbar-default .navbar-nav > .active > a,
    .cpl-scope .navbar-default .navbar-nav > .active > a:hover,
    .cpl-scope .navbar-default .navbar-nav > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .cpl-scope .navbar-default .navbar-nav > .disabled > a,
    .cpl-scope .navbar-default .navbar-nav > .disabled > a:hover,
    .cpl-scope .navbar-default .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .cpl-scope .navbar-default .navbar-toggle {
        border-color: #dddddd;
    }

        .cpl-scope .navbar-default .navbar-toggle:hover,
        .cpl-scope .navbar-default .navbar-toggle:focus {
            background-color: #dddddd;
        }

        .cpl-scope .navbar-default .navbar-toggle .icon-bar {
            background-color: #888888;
        }

    .cpl-scope .navbar-default .navbar-collapse,
    .cpl-scope .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .cpl-scope .navbar-default .navbar-nav > .open > a,
    .cpl-scope .navbar-default .navbar-nav > .open > a:hover,
    .cpl-scope .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555555;
    }

@media (max-width: 767px) {
    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333333;
            background-color: transparent;
        }

    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .cpl-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.cpl-scope .navbar-default .navbar-link {
    color: #777777;
}

    .cpl-scope .navbar-default .navbar-link:hover {
        color: #333333;
    }

.cpl-scope .navbar-default .btn-link {
    color: #777777;
}

    .cpl-scope .navbar-default .btn-link:hover,
    .cpl-scope .navbar-default .btn-link:focus {
        color: #333333;
    }

    .cpl-scope .navbar-default .btn-link[disabled]:hover,
    .cpl-scope .navbar-default .btn-link[disabled]:focus {
        color: #cccccc;
    }

.cpl-scope .navbar-default fieldset[disabled] .btn-link:hover,
.cpl-scope .navbar-default fieldset[disabled] .btn-link:focus {
    color: #cccccc;
}

.cpl-scope .navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

    .cpl-scope .navbar-inverse .navbar-brand {
        color: #eaeced;
    }

        .cpl-scope .navbar-inverse .navbar-brand:hover,
        .cpl-scope .navbar-inverse .navbar-brand:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .cpl-scope .navbar-inverse .navbar-text {
        color: #eaeced;
    }

    .cpl-scope .navbar-inverse .navbar-nav > li > a {
        color: #eaeced;
    }

        .cpl-scope .navbar-inverse .navbar-nav > li > a:hover,
        .cpl-scope .navbar-inverse .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .cpl-scope .navbar-inverse .navbar-nav > .active > a,
    .cpl-scope .navbar-inverse .navbar-nav > .active > a:hover,
    .cpl-scope .navbar-inverse .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .cpl-scope .navbar-inverse .navbar-nav > .disabled > a,
    .cpl-scope .navbar-inverse .navbar-nav > .disabled > a:hover,
    .cpl-scope .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }

    .cpl-scope .navbar-inverse .navbar-toggle {
        border-color: #333333;
    }

        .cpl-scope .navbar-inverse .navbar-toggle:hover,
        .cpl-scope .navbar-inverse .navbar-toggle:focus {
            background-color: #333333;
        }

        .cpl-scope .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .cpl-scope .navbar-inverse .navbar-collapse,
    .cpl-scope .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .cpl-scope .navbar-inverse .navbar-nav > .open > a,
    .cpl-scope .navbar-inverse .navbar-nav > .open > a:hover,
    .cpl-scope .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }

    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #eaeced;
    }

        .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #080808;
    }

    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .cpl-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444444;
        background-color: transparent;
    }
}

.cpl-scope .navbar-inverse .navbar-link {
    color: #eaeced;
}

    .cpl-scope .navbar-inverse .navbar-link:hover {
        color: #ffffff;
    }

.cpl-scope .navbar-inverse .btn-link {
    color: #eaeced;
}

    .cpl-scope .navbar-inverse .btn-link:hover,
    .cpl-scope .navbar-inverse .btn-link:focus {
        color: #ffffff;
    }

    .cpl-scope .navbar-inverse .btn-link[disabled]:hover,
    .cpl-scope .navbar-inverse .btn-link[disabled]:focus {
        color: #444444;
    }

.cpl-scope .navbar-inverse fieldset[disabled] .btn-link:hover,
.cpl-scope .navbar-inverse fieldset[disabled] .btn-link:focus {
    color: #444444;
}

.cpl-scope .breadcrumb {
    padding: 4px 15px;
    margin-bottom: 16px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 2px;
}

    .cpl-scope .breadcrumb > li {
        display: inline-block;
    }

        .cpl-scope .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #cccccc;
        }

    .cpl-scope .breadcrumb > .active {
        color: #C1C5CA;
    }

.cpl-scope .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 16px 0;
    border-radius: 2px;
}

    .cpl-scope .pagination > li {
        display: inline;
    }

        .cpl-scope .pagination > li:first-child > a,
        .cpl-scope .pagination > li:first-child > button,
        .cpl-scope .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 2px;
            border-top-left-radius: 2px;
        }

        .cpl-scope .pagination > li:last-child > a,
        .cpl-scope .pagination > li:last-child > button,
        .cpl-scope .pagination > li:last-child > span {
            border-bottom-right-radius: 2px;
            border-top-right-radius: 2px;
        }

        .cpl-scope .pagination > li > a.hover,
        .cpl-scope .pagination > li > button.hover,
        .cpl-scope .pagination > li > span.hover,
        .cpl-scope .pagination > li > a:hover,
        .cpl-scope .pagination > li > button:hover,
        .cpl-scope .pagination > li > span:hover,
        .cpl-scope .pagination > li > a.focus,
        .cpl-scope .pagination > li > button.focus,
        .cpl-scope .pagination > li > span.focus,
        .cpl-scope .pagination > li > a:focus,
        .cpl-scope .pagination > li > button:focus,
        .cpl-scope .pagination > li > span:focus {
            z-index: 2;
            color: #007778;
            background-color: #EAEEF3;
            border-color: #007778;
        }

    .cpl-scope .pagination > .disabled > span,
    .cpl-scope .pagination > [disabled] > span,
    .cpl-scope .pagination > .disabled > span.hover,
    .cpl-scope .pagination > [disabled] > span.hover,
    .cpl-scope .pagination > .disabled > span:hover,
    .cpl-scope .pagination > [disabled] > span:hover,
    .cpl-scope .pagination > .disabled > span.focus,
    .cpl-scope .pagination > [disabled] > span.focus,
    .cpl-scope .pagination > .disabled > span:focus,
    .cpl-scope .pagination > [disabled] > span:focus,
    .cpl-scope .pagination > .disabled > a,
    .cpl-scope .pagination > [disabled] > a,
    .cpl-scope .pagination > .disabled > a.hover,
    .cpl-scope .pagination > [disabled] > a.hover,
    .cpl-scope .pagination > .disabled > a:hover,
    .cpl-scope .pagination > [disabled] > a:hover,
    .cpl-scope .pagination > .disabled > a.focus,
    .cpl-scope .pagination > [disabled] > a.focus,
    .cpl-scope .pagination > .disabled > a:focus,
    .cpl-scope .pagination > [disabled] > a:focus,
    .cpl-scope .pagination > .disabled > button,
    .cpl-scope .pagination > [disabled] > button,
    .cpl-scope .pagination > .disabled > button.hover,
    .cpl-scope .pagination > [disabled] > button.hover,
    .cpl-scope .pagination > .disabled > button:hover,
    .cpl-scope .pagination > [disabled] > button:hover,
    .cpl-scope .pagination > .disabled > button.focus,
    .cpl-scope .pagination > [disabled] > button.focus,
    .cpl-scope .pagination > .disabled > button:focus,
    .cpl-scope .pagination > [disabled] > button:focus {
        color: #ffffff;
        background-color: #C1C5CA;
        border-color: #C1C5CA;
        cursor: not-allowed;
    }

.cpl-scope .pagination-lg > li > a,
.cpl-scope .pagination-lg > li > button,
.cpl-scope .pagination-lg > li > span {
    padding: 7px 15px;
    font-size: 15px;
    line-height: 1.3333333;
}

.cpl-scope .pagination-lg > li:first-child > a,
.cpl-scope .pagination-lg > li:first-child > button,
.cpl-scope .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.cpl-scope .pagination-lg > li:last-child > a,
.cpl-scope .pagination-lg > li:last-child > button,
.cpl-scope .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.cpl-scope .pagination-sm > li > a,
.cpl-scope .pagination-sm > li > button,
.cpl-scope .pagination-sm > li > span {
    padding: 0px 8px;
    font-size: 10px;
    line-height: 1.333333;
}

.cpl-scope .pagination-sm > li:first-child > a,
.cpl-scope .pagination-sm > li:first-child > button,
.cpl-scope .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
}

.cpl-scope .pagination-sm > li:last-child > a,
.cpl-scope .pagination-sm > li:last-child > button,
.cpl-scope .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

.cpl-scope .pager {
    padding-left: 0;
    margin: 16px 0;
    list-style: none;
    text-align: center;
}

    .cpl-scope .pager li {
        display: inline;
    }

            .cpl-scope .pager li > a:hover,
            .cpl-scope .pager li > a.hover,
            .cpl-scope .pager li > button:hover,
            .cpl-scope .pager li > button.hover,
            .cpl-scope .pager li > a:focus,
            .cpl-scope .pager li > a.focus,
            .cpl-scope .pager li > button:focus,
            .cpl-scope .pager li > button.focus {
                text-decoration: none;
                background-color: #EAEEF3;
                border-color: #007778;
            }

    .cpl-scope .pager .next > a,
    .cpl-scope .pager .next > button,
    .cpl-scope .pager .next > span {
        float: right;
    }

    .cpl-scope .pager .previous > a,
    .cpl-scope .pager .previous > button,
    .cpl-scope .pager .previous > span {
        float: left;
    }

    .cpl-scope .pager .disabled > a,
    .cpl-scope .pager [disabled] > a,
    .cpl-scope .pager .disabled > a:hover,
    .cpl-scope .pager [disabled] > a:hover,
    .cpl-scope .pager .disabled > a.hover,
    .cpl-scope .pager [disabled] > a.hover,
    .cpl-scope .pager .disabled > a:focus,
    .cpl-scope .pager [disabled] > a:focus,
    .cpl-scope .pager .disabled > a.focus,
    .cpl-scope .pager [disabled] > a.focus,
    .cpl-scope .pager .disabled > span,
    .cpl-scope .pager [disabled] > span,
    .cpl-scope .pager .disabled > button,
    .cpl-scope .pager [disabled] > button,
    .cpl-scope .pager .disabled > button:hover,
    .cpl-scope .pager [disabled] > button:hover,
    .cpl-scope .pager .disabled > button.hover,
    .cpl-scope .pager [disabled] > button.hover,
    .cpl-scope .pager .disabled > button:focus,
    .cpl-scope .pager [disabled] > button:focus,
    .cpl-scope .pager .disabled > button.focus,
    .cpl-scope .pager [disabled] > button.focus,
    .cpl-scope .pager .disabled > span,
    .cpl-scope .pager [disabled] > span {
        color: #ffffff;
        background-color: #C1C5CA;
        border-color: #ffffff;
        cursor: not-allowed;
    }

.cpl-scope h1 .label,
.cpl-scope .h1 .label h2 .label,
.cpl-scope .h2 .label h3 .label,
.cpl-scope .h3 .label {
    position: relative;
}

.cpl-scope h1 .label,
.cpl-scope .h1 .label {
    position: relative;
    top: -2px;
}

.cpl-scope h2 .label,
.cpl-scope .h2 .label {
    position: relative;
    top: -2px;
}

.cpl-scope h3 .label,
.cpl-scope .h2 .label {
    position: relative;
    top: -1px;
}

.cpl-scope .label {
    display: inline;
    background-color: #32363B;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

    .cpl-scope .label:empty {
        display: none;
    }

.cpl-scope .btn .label {
    position: relative;
    top: -1px;
}

.cpl-scope a.label:hover,
.cpl-scope a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.cpl-scope .label-default {
    background-color: #84888D;
}

    .cpl-scope .label-default[href]:hover,
    .cpl-scope .label-default[href]:focus {
        background-color: #6b6f73;
    }

.cpl-scope .label-success {
    background-color: #8DC63F;
}

    .cpl-scope .label-success[href]:hover,
    .cpl-scope .label-success[href]:focus {
        background-color: #72a230;
    }

.cpl-scope .label-info {
    background-color: #0096D2;
}

    .cpl-scope .label-info[href]:hover,
    .cpl-scope .label-info[href]:focus {
        background-color: #00729f;
    }

.cpl-scope .label-warning {
    background-color: #F7941D;
}

    .cpl-scope .label-warning[href]:hover,
    .cpl-scope .label-warning[href]:focus {
        background-color: #d97a08;
    }

.cpl-scope .label-danger {
    background-color: #CF1034;
}

    .cpl-scope .label-danger[href]:hover,
    .cpl-scope .label-danger[href]:focus {
        background-color: #a00c28;
    }

.cpl-scope .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: regular;
    color: #ffffff;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #CF1034;
    border-radius: 12px;
}

    .cpl-scope .badge:empty {
        display: none;
    }

.cpl-scope .btn .badge {
    position: relative;
    top: -1px;
}

.cpl-scope .btn-xs .badge,
.cpl-scope .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

.cpl-scope .list-group-item.active > .badge,
.cpl-scope .nav-pills > .active > a > .badge {
    color: #0271BB;
    background-color: #ffffff;
}

.cpl-scope .list-group-item > .badge {
    float: right;
}

    .cpl-scope .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.cpl-scope .nav-pills > li > a > .badge {
    margin-left: 3px;
}

.cpl-scope a.badge:hover,
.cpl-scope a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.cpl-scope .jumbotron {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    color: inherit;
    background-color: #EAEEF3;
}

    .cpl-scope .jumbotron h1,
    .cpl-scope .jumbotron .h1 {
        color: #00993E;
        text-shadow: 0 0 1px #FFF, 0 0 1px #FFF, 0 0 1px #FFF;
    }

    .cpl-scope .jumbotron p {
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: 200;
    }

    .cpl-scope .jumbotron .lead {
        font-size: 16px;
        font-weight: 300;
    }

@media (min-width: 768px) {
    .cpl-scope .jumbotron .lead {
        font-size: 18px;
    }
}

.cpl-scope .jumbotron > hr {
    border-top-color: #cad4e0;
}

.cpl-scope .jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .cpl-scope .jumbotron {
        padding-top: 25.6px;
        padding-bottom: 25.6px;
    }

        .cpl-scope .jumbotron h1,
        .cpl-scope .jumbotron .h1 {
            font-size: 54px;
        }
}

.cpl-scope .container .jumbotron,
.cpl-scope .container-fluid .jumbotron {
    border-radius: 3px;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 768px) {
    .cpl-scope .container .jumbotron,
    .cpl-scope .container-fluid .jumbotron {
        padding-left: 32px;
        padding-right: 32px;
    }
}

.cpl-scope .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 16px;
    line-height: 16px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out 1s linear;
    -moz-transition: border 0.2s ease-in-out 1s linear;
    -o-transition: border 0.2s ease-in-out 1s linear;
    -ms-transition: border 0.2s ease-in-out 1s linear;
    transition: border 0.2s ease-in-out 1s linear;
}

    .cpl-scope .thumbnail > img,
    .cpl-scope .thumbnail a > img {
        margin-left: auto;
        margin-right: auto;
    }

    .cpl-scope .thumbnail .caption {
        padding: 9px;
        color: #32363B;
    }

.cpl-scope a.thumbnail:hover,
.cpl-scope a.thumbnail:focus,
.cpl-scope a.thumbnail.active {
    border-color: #0271BB;
}

.cpl-scope .alert {
    padding: 7px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 2px;
}

    .cpl-scope .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .cpl-scope .alert .alert-link {
        font-weight: bold;
    }

    .cpl-scope .alert > p,
    .cpl-scope .alert > ul {
        margin-bottom: 0;
    }

        .cpl-scope .alert > p + p {
            margin-top: 5px;
        }

.cpl-scope .alert-dismissable,
.cpl-scope .alert-dismissible {
    padding-right: 27px;
}

    .cpl-scope .alert-dismissable .close,
    .cpl-scope .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
    }

.cpl-scope .alert-success {
    background-color: #d9f3b6;
    border-color: transparent;
    color: #6EA720;
}

    .cpl-scope .alert-success hr {
        border-top-color: rgba(0, 0, 0, 0);
    }

    .cpl-scope .alert-success .alert-link {
        color: #527c18;
    }

.cpl-scope .alert-info {
    background-color: #b8f1ff;
    border-color: transparent;
    color: #32363B;
}

    .cpl-scope .alert-info hr {
        border-top-color: rgba(0, 0, 0, 0);
    }

    .cpl-scope .alert-info .alert-link {
        color: #1b1d1f;
    }

.cpl-scope .alert-warning {
    background-color: #ffdba2;
    border-color: transparent;
    color: #F7941D;
}

    .cpl-scope .alert-warning hr {
        border-top-color: rgba(0, 0, 0, 0);
    }

    .cpl-scope .alert-warning .alert-link {
        color: #d97a08;
    }

.cpl-scope .alert-danger {
    background-color: #fbcdd6;
    border-color: transparent;
    color: #CF1034;
}

    .cpl-scope .alert-danger hr {
        border-top-color: rgba(0, 0, 0, 0);
    }

    .cpl-scope .alert-danger .alert-link {
        color: #a00c28;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.cpl-scope .progress {
    overflow: hidden;
    height: 16px;
    margin-bottom: 16px;
    background-color: #EAEEF3;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 3 0 5px rgba(0, 0, 0, 0.5);
}

.cpl-scope .progress-striped .progress-bar,
.cpl-scope .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.cpl-scope .progress.active .progress-bar,
.cpl-scope .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    -webkit-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
    -moz-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
    -ms-animation: progress-bar-stripes 2s linear infinite 300ms 0 ease;
}

.cpl-scope .progress-bar-success {
    background-color: #8DC63F;
}

.cpl-scope .progress-bar-info {
    background-color: #00B5F1;
}

.cpl-scope .progress-bar-warning {
    background-color: #F7941D;
}

.cpl-scope .progress-bar-danger {
    background-color: #CF1034;
}

.cpl-scope .progress-striped .progress-bar-success,
.cpl-scope .progress-striped .progress-bar-info,
.cpl-scope .progress-striped .progress-bar-warning,
.cpl-scope .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.cpl-scope .media {
    margin-top: 15px;
}

    .cpl-scope .media:first-child {
        margin-top: 0;
    }

.cpl-scope .media,
.cpl-scope .media-body {
    zoom: 1;
    overflow: hidden;
}

.cpl-scope .media-body {
    width: 10000px;
}

.cpl-scope .media-object {
    display: block;
}

    .cpl-scope .media-object.img-thumbnail {
        max-width: none;
    }

.cpl-scope .media-right,
.cpl-scope .media > .pull-right {
    padding-left: 10px;
}

.cpl-scope .media-left,
.cpl-scope .media > .pull-left {
    padding-right: 10px;
}

.cpl-scope .media-left,
.cpl-scope .media-right,
.cpl-scope .media-body {
    display: table-cell;
    vertical-align: top;
}

.cpl-scope .media-middle {
    vertical-align: middle;
}

.cpl-scope .media-bottom {
    vertical-align: bottom;
}

.cpl-scope .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.cpl-scope .media-list {
    padding-left: 0;
    list-style: none;
}

.cpl-scope .list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.cpl-scope .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #C1C5CA;
}

    .cpl-scope .list-group-item:first-child {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .cpl-scope .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

.cpl-scope a.list-group-item,
.cpl-scope button.list-group-item {
    color: #32363B;
}

    .cpl-scope a.list-group-item .list-group-item-heading,
    .cpl-scope button.list-group-item .list-group-item-heading {
        color: #32363B;
    }

    .cpl-scope a.list-group-item:hover,
    .cpl-scope button.list-group-item:hover,
    .cpl-scope a.list-group-item:focus,
    .cpl-scope button.list-group-item:focus {
        text-decoration: none;
        color: #32363B;
        background-color: #EAEEF3;
    }

.cpl-scope button.list-group-item {
    width: 100%;
    text-align: left;
}

.cpl-scope .list-group-item.disabled,
.cpl-scope .list-group-item.disabled:hover,
.cpl-scope .list-group-item.disabled:focus {
    background-color: #EAEEF3;
    color: #C1C5CA;
    cursor: not-allowed;
}

    .cpl-scope .list-group-item.disabled .list-group-item-heading,
    .cpl-scope .list-group-item.disabled:hover .list-group-item-heading,
    .cpl-scope .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .cpl-scope .list-group-item.disabled .list-group-item-text,
    .cpl-scope .list-group-item.disabled:hover .list-group-item-text,
    .cpl-scope .list-group-item.disabled:focus .list-group-item-text {
        color: #C1C5CA;
    }

    .cpl-scope .list-group-item.active .list-group-item-heading,
    .cpl-scope .list-group-item.active:hover .list-group-item-heading,
    .cpl-scope .list-group-item.active:focus .list-group-item-heading,
    .cpl-scope .list-group-item.active .list-group-item-heading > small,
    .cpl-scope .list-group-item.active:hover .list-group-item-heading > small,
    .cpl-scope .list-group-item.active:focus .list-group-item-heading > small,
    .cpl-scope .list-group-item.active .list-group-item-heading > .small,
    .cpl-scope .list-group-item.active:hover .list-group-item-heading > .small,
    .cpl-scope .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .cpl-scope .list-group-item.active .list-group-item-text,
    .cpl-scope .list-group-item.active:hover .list-group-item-text,
    .cpl-scope .list-group-item.active:focus .list-group-item-text {
        color: #84888D;
    }

.cpl-scope .list-group-item-success {
    color: #6EA720;
    background-color: #d9f3b6;
}

.cpl-scope a.list-group-item-success,
.cpl-scope button.list-group-item-success {
    color: #6EA720;
}

    .cpl-scope a.list-group-item-success .list-group-item-heading,
    .cpl-scope button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    .cpl-scope a.list-group-item-success:hover,
    .cpl-scope button.list-group-item-success:hover,
    .cpl-scope a.list-group-item-success:focus,
    .cpl-scope button.list-group-item-success:focus {
        color: #6EA720;
        background-color: #cef0a0;
    }

    .cpl-scope a.list-group-item-success.active,
    .cpl-scope button.list-group-item-success.active,
    .cpl-scope a.list-group-item-success.active:hover,
    .cpl-scope button.list-group-item-success.active:hover,
    .cpl-scope a.list-group-item-success.active:focus,
    .cpl-scope button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #6EA720;
        border-color: #6EA720;
    }

.cpl-scope .list-group-item-info {
    color: #32363B;
    background-color: #b8f1ff;
}

.cpl-scope a.list-group-item-info,
.cpl-scope button.list-group-item-info {
    color: #32363B;
}

    .cpl-scope a.list-group-item-info .list-group-item-heading,
    .cpl-scope button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    .cpl-scope a.list-group-item-info:hover,
    .cpl-scope button.list-group-item-info:hover,
    .cpl-scope a.list-group-item-info:focus,
    .cpl-scope button.list-group-item-info:focus {
        color: #32363B;
        background-color: #9fecff;
    }

    .cpl-scope a.list-group-item-info.active,
    .cpl-scope button.list-group-item-info.active,
    .cpl-scope a.list-group-item-info.active:hover,
    .cpl-scope button.list-group-item-info.active:hover,
    .cpl-scope a.list-group-item-info.active:focus,
    .cpl-scope button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #32363B;
        border-color: #32363B;
    }

.cpl-scope .list-group-item-warning {
    color: #F7941D;
    background-color: #ffdba2;
}

.cpl-scope a.list-group-item-warning,
.cpl-scope button.list-group-item-warning {
    color: #F7941D;
}

    .cpl-scope a.list-group-item-warning .list-group-item-heading,
    .cpl-scope button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    .cpl-scope a.list-group-item-warning:hover,
    .cpl-scope button.list-group-item-warning:hover,
    .cpl-scope a.list-group-item-warning:focus,
    .cpl-scope button.list-group-item-warning:focus {
        color: #F7941D;
        background-color: #ffd188;
    }

    .cpl-scope a.list-group-item-warning.active,
    .cpl-scope button.list-group-item-warning.active,
    .cpl-scope a.list-group-item-warning.active:hover,
    .cpl-scope button.list-group-item-warning.active:hover,
    .cpl-scope a.list-group-item-warning.active:focus,
    .cpl-scope button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #F7941D;
        border-color: #F7941D;
    }

.cpl-scope .list-group-item-danger {
    color: #CF1034;
    background-color: #fbcdd6;
}

.cpl-scope a.list-group-item-danger,
.cpl-scope button.list-group-item-danger {
    color: #CF1034;
}

    .cpl-scope a.list-group-item-danger .list-group-item-heading,
    .cpl-scope button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    .cpl-scope a.list-group-item-danger:hover,
    .cpl-scope button.list-group-item-danger:hover,
    .cpl-scope a.list-group-item-danger:focus,
    .cpl-scope button.list-group-item-danger:focus {
        color: #CF1034;
        background-color: #f9b5c2;
    }

    .cpl-scope a.list-group-item-danger.active,
    .cpl-scope button.list-group-item-danger.active,
    .cpl-scope a.list-group-item-danger.active:hover,
    .cpl-scope button.list-group-item-danger.active:hover,
    .cpl-scope a.list-group-item-danger.active:focus,
    .cpl-scope button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #CF1034;
        border-color: #CF1034;
    }

.cpl-scope .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.cpl-scope .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.cpl-scope .panel {
    margin-bottom: 16px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 3 0 5px rgba(0, 0, 0, 0.5);
}

.cpl-scope .panel-body {
    padding: 16px;
}

.cpl-scope .panel-heading {
    padding: 12px 16px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

    .cpl-scope .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.cpl-scope .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

    .cpl-scope .panel-title > a,
    .cpl-scope .panel-title > small,
    .cpl-scope .panel-title > .small,
    .cpl-scope .panel-title > small > a,
    .cpl-scope .panel-title > .small > a {
        color: inherit;
    }

.cpl-scope .panel-footer {
    padding: 12px 16px;
    background-color: #ffffff;
    border-top: 1px solid #EAEEF3;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.cpl-scope .panel > .list-group,
.cpl-scope .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .cpl-scope .panel > .list-group .list-group-item,
    .cpl-scope .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .cpl-scope .panel > .list-group:first-child .list-group-item:first-child,
    .cpl-scope .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 1px;
        border-top-left-radius: 1px;
    }

    .cpl-scope .panel > .list-group:last-child .list-group-item:last-child,
    .cpl-scope .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
    }

.cpl-scope .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.cpl-scope .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.cpl-scope .list-group + .panel-footer {
    border-top-width: 0;
}

.cpl-scope .panel > .table,
.cpl-scope .panel > .table-responsive > .table,
.cpl-scope .panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .cpl-scope .panel > .table caption,
    .cpl-scope .panel > .table-responsive > .table caption,
    .cpl-scope .panel > .panel-collapse > .table caption {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cpl-scope .panel > .table:first-child,
    .cpl-scope .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 1px;
        border-top-left-radius: 1px;
    }

        .cpl-scope .panel > .table:first-child > thead:first-child > tr:first-child,
        .cpl-scope .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .cpl-scope .panel > .table:first-child > tbody:first-child > tr:first-child,
        .cpl-scope .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
        }

            .cpl-scope .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .cpl-scope .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .cpl-scope .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .cpl-scope .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 1px;
            }

            .cpl-scope .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .cpl-scope .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .cpl-scope .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .cpl-scope .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .cpl-scope .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 1px;
            }

    .cpl-scope .panel > .table:last-child,
    .cpl-scope .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
    }

        .cpl-scope .panel > .table:last-child > tbody:last-child > tr:last-child,
        .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .cpl-scope .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 1px;
            border-bottom-right-radius: 1px;
        }

            .cpl-scope .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .cpl-scope .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .cpl-scope .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .cpl-scope .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 1px;
            }

            .cpl-scope .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .cpl-scope .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .cpl-scope .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .cpl-scope .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .cpl-scope .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 1px;
            }

    .cpl-scope .panel > .panel-body + .table,
    .cpl-scope .panel > .panel-body + .table-responsive,
    .cpl-scope .panel > .table + .panel-body,
    .cpl-scope .panel > .table-responsive + .panel-body {
        border-top: 1px solid #f1f1f2;
    }

    .cpl-scope .panel > .table > tbody:first-child > tr:first-child th,
    .cpl-scope .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.cpl-scope .panel > .table-bordered,
.cpl-scope .panel > .table-responsive > .table-bordered {
    border: 0;
}

    .cpl-scope .panel > .table-bordered > thead > tr > th:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .cpl-scope .panel > .table-bordered > tbody > tr > th:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .cpl-scope .panel > .table-bordered > tfoot > tr > th:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .cpl-scope .panel > .table-bordered > thead > tr > td:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .cpl-scope .panel > .table-bordered > tbody > tr > td:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .cpl-scope .panel > .table-bordered > tfoot > tr > td:first-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .cpl-scope .panel > .table-bordered > thead > tr > th:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .cpl-scope .panel > .table-bordered > tbody > tr > th:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .cpl-scope .panel > .table-bordered > tfoot > tr > th:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .cpl-scope .panel > .table-bordered > thead > tr > td:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .cpl-scope .panel > .table-bordered > tbody > tr > td:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .cpl-scope .panel > .table-bordered > tfoot > tr > td:last-child,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .cpl-scope .panel > .table-bordered > thead > tr:first-child > td,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .cpl-scope .panel > .table-bordered > tbody > tr:first-child > td,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .cpl-scope .panel > .table-bordered > thead > tr:first-child > th,
    .cpl-scope .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .cpl-scope .panel > .table-bordered > tbody > tr:first-child > th,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .cpl-scope .panel > .table-bordered > tbody > tr:last-child > td,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .cpl-scope .panel > .table-bordered > tfoot > tr:last-child > td,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .cpl-scope .panel > .table-bordered > tbody > tr:last-child > th,
    .cpl-scope .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .cpl-scope .panel > .table-bordered > tfoot > tr:last-child > th,
    .cpl-scope .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.cpl-scope .panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.cpl-scope .panel-group {
    margin-bottom: 16px;
}

    .cpl-scope .panel-group .panel {
        margin-bottom: 0;
        border-radius: 2px;
    }

        .cpl-scope .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .cpl-scope .panel-group .panel-heading {
        border-bottom: 0;
    }

        .cpl-scope .panel-group .panel-heading + .panel-collapse > .panel-body,
        .cpl-scope .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #EAEEF3;
        }

    .cpl-scope .panel-group .panel-footer {
        border-top: 0;
    }

        .cpl-scope .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #EAEEF3;
        }

.cpl-scope .panel-default {
    border-color: #EAEEF3;
}

    .cpl-scope .panel-default > .panel-heading {
        color: #32363B;
        background-color: #F0F1F2;
        border-color: #EAEEF3;
    }

        .cpl-scope .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #EAEEF3;
        }

        .cpl-scope .panel-default > .panel-heading .badge {
            color: #F0F1F2;
            background-color: #32363B;
        }

    .cpl-scope .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #EAEEF3;
    }

.cpl-scope .panel-success {
    border-color: #8DC63F;
}

    .cpl-scope .panel-success > .panel-heading {
        color: #ffffff;
        background-color: #8DC63F;
        border-color: #8DC63F;
    }

        .cpl-scope .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #8DC63F;
        }

        .cpl-scope .panel-success > .panel-heading .badge {
            color: #8DC63F;
            background-color: #ffffff;
        }

    .cpl-scope .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #8DC63F;
    }

.cpl-scope .panel-info {
    border-color: #00B5F1;
}

    .cpl-scope .panel-info > .panel-heading {
        color: #ffffff;
        background-color: #00688b;
        border-color: #00B5F1;
    }

        .cpl-scope .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #00B5F1;
        }

        .cpl-scope .panel-info > .panel-heading .badge {
            color: #00688b;
            background-color: #ffffff;
        }

    .cpl-scope .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #00B5F1;
    }

.cpl-scope .panel-warning {
    border-color: #F7941D;
}

    .cpl-scope .panel-warning > .panel-heading {
        color: #ffffff;
        background-color: #F7941D;
        border-color: #F7941D;
    }

        .cpl-scope .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #F7941D;
        }

        .cpl-scope .panel-warning > .panel-heading .badge {
            color: #F7941D;
            background-color: #ffffff;
        }

    .cpl-scope .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #F7941D;
    }

.cpl-scope .panel-danger {
    border-color: #CF1034;
}

    .cpl-scope .panel-danger > .panel-heading {
        color: #ffffff;
        background-color: #CF1034;
        border-color: #CF1034;
    }

        .cpl-scope .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #CF1034;
        }

        .cpl-scope .panel-danger > .panel-heading .badge {
            color: #CF1034;
            background-color: #ffffff;
        }

    .cpl-scope .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #CF1034;
    }

.cpl-scope .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .cpl-scope .embed-responsive .embed-responsive-item,
    .cpl-scope .embed-responsive iframe,
    .cpl-scope .embed-responsive embed,
    .cpl-scope .embed-responsive object,
    .cpl-scope .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.cpl-scope .embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.cpl-scope .embed-responsive-4by3 {
    padding-bottom: 75%;
}

.cpl-scope .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #EAEEF3;
    border: 1px solid #EAEEF3;
    border-radius: 2px;
}

    .cpl-scope .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.cpl-scope .well-lg {
    padding: 24px;
    border-radius: 3px;
}

.cpl-scope .well-sm {
    padding: 9px;
    border-radius: 1px;
}

.cpl-scope .close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #C1C5CA;
    text-shadow: 0 1px 0 #fff;
    margin-right: -12px;
}

    .cpl-scope .close:hover,
    .cpl-scope .close:focus {
        color: #84888D;
        text-decoration: none;
        cursor: pointer;
    }

.cpl-scope button.close {
    padding: 0 4px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.cpl-scope .modal-open {
    overflow: hidden;
}

.cpl-scope .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .cpl-scope .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .cpl-scope .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.cpl-scope .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.cpl-scope .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.cpl-scope .modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid #EAEEF3;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.cpl-scope .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #32363B;
}

    .cpl-scope .modal-backdrop.fade {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    .cpl-scope .modal-backdrop.in {
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

.cpl-scope .modal-header {
    padding: 14px;
    border-bottom: 1px solid #009596;
}

    .cpl-scope .modal-header .close {
        margin-top: 2px;
    }

.cpl-scope .modal-title {
    margin: 0;
    line-height: 16px;
}

.cpl-scope .modal-body {
    position: relative;
    padding: 14px;
}

.cpl-scope .modal-footer {
    padding: 14px;
    text-align: right;
    border-top: 1px solid #ffffff;
}

    .cpl-scope .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .cpl-scope .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .cpl-scope .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.cpl-scope .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .cpl-scope .modal-dialog {
        width: 60%;
        margin: 30px auto;
    }

    .cpl-scope .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 3 0 5px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .modal-sm {
        width: 30%;
    }
}

@media (min-width: 992px) {
    .cpl-scope .modal-lg {
        width: 90%;
    }
}

.cpl-scope .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 16px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 10px;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

    .cpl-scope .tooltip.in {
        filter: alpha(opacity=90);
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

    .cpl-scope .tooltip.top {
        margin-top: -3px;
        padding: 8px 0;
    }

    .cpl-scope .tooltip.right {
        margin-left: 3px;
        padding: 0 8px;
    }

    .cpl-scope .tooltip.bottom {
        margin-top: 3px;
        padding: 8px 0;
    }

    .cpl-scope .tooltip.left {
        margin-left: -3px;
        padding: 0 8px;
    }

.cpl-scope .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #32363B;
    text-align: center;
    background-color: #ffffff;
    border-radius: 2px;
}

.cpl-scope .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.cpl-scope .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #ffffff;
}

.cpl-scope .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #ffffff;
}

.cpl-scope .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 8px;
    margin-bottom: -8px;
    border-width: 8px 8px 0;
    border-top-color: #ffffff;
}

.cpl-scope .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    border-right-color: #ffffff;
}

.cpl-scope .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -8px;
    border-width: 8px 0 8px 8px;
    border-left-color: #ffffff;
}

.cpl-scope .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #ffffff;
}

.cpl-scope .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #ffffff;
}

.cpl-scope .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 8px;
    margin-top: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #ffffff;
}

.cpl-scope .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 16px;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid #C1C5CA;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
}

    .cpl-scope .popover.top {
        margin-top: -8px;
    }

    .cpl-scope .popover.right {
        margin-left: 8px;
    }

    .cpl-scope .popover.bottom {
        margin-top: 8px;
    }

    .cpl-scope .popover.left {
        margin-left: -8px;
    }

.cpl-scope .popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 12px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 2px 2px 0 0;
}

.cpl-scope .popover-content {
    padding: 9px 14px;
}

.cpl-scope .popover:not(.show) > .arrow,
.cpl-scope .popover:not(.show) > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.cpl-scope .popover:not(.show) > .arrow {
    border-width: 9px;
}

    .cpl-scope .popover:not(.show) > .arrow:after {
        border-width: 8px;
        border-width: calc(8.125px);
        content: "";
    }

.cpl-scope .popover:not(.show).top > .arrow {
    left: 50%;
    margin-left: -9px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: #84888D;
    bottom: -9px;
}

    .cpl-scope .popover:not(.show).top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -8px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.cpl-scope .popover:not(.show).right > .arrow {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: #84888D;
}

    .cpl-scope .popover:not(.show).right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -8px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.cpl-scope .popover:not(.show).bottom > .arrow {
    left: 50%;
    margin-left: -9px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: #84888D;
    top: -9px;
}

    .cpl-scope .popover:not(.show).bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -8px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.cpl-scope .popover:not(.show).left > .arrow {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: #84888D;
}

    .cpl-scope .popover:not(.show).left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -8px;
    }

.cpl-scope .carousel {
    position: relative;
}

.cpl-scope .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .cpl-scope .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
        -webkit-transition: 0.6s ease-in-out left 1s linear;
        -moz-transition: 0.6s ease-in-out left 1s linear;
        -o-transition: 0.6s ease-in-out left 1s linear;
        -ms-transition: 0.6s ease-in-out left 1s linear;
        transition: 0.6s ease-in-out left 1s linear;
    }

        .cpl-scope .carousel-inner > .item > img,
        .cpl-scope .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .cpl-scope .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        -ms-perspective: 1000px;
        perspective: 1000px;
    }

        .cpl-scope .carousel-inner > .item.next,
        .cpl-scope .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .cpl-scope .carousel-inner > .item.prev,
        .cpl-scope .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .cpl-scope .carousel-inner > .item.next.left,
            .cpl-scope .carousel-inner > .item.prev.right,
            .cpl-scope .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.cpl-scope .carousel-inner > .active,
.cpl-scope .carousel-inner > .next,
.cpl-scope .carousel-inner > .prev {
    display: block;
}

.cpl-scope .carousel-inner > .active {
    left: 0;
}

.cpl-scope .carousel-inner > .next,
.cpl-scope .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.cpl-scope .carousel-inner > .next {
    left: 100%;
}

.cpl-scope .carousel-inner > .prev {
    left: -100%;
}

    .cpl-scope .carousel-inner > .next.left,
    .cpl-scope .carousel-inner > .prev.right {
        left: 0;
    }

.cpl-scope .carousel-inner > .active.left {
    left: -100%;
}

.cpl-scope .carousel-inner > .active.right {
    left: 100%;
}

.cpl-scope .carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

    .cpl-scope .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }

    .cpl-scope .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .cpl-scope .carousel-control:hover,
    .cpl-scope .carousel-control:focus {
        outline: 0;
        color: #ffffff;
        text-decoration: none;
        filter: alpha(opacity=90);
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

    .cpl-scope .carousel-control .icon-prev,
    .cpl-scope .carousel-control .icon-next,
    .cpl-scope .carousel-control .glyphicon-chevron-left,
    .cpl-scope .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
    }

    .cpl-scope .carousel-control .icon-prev,
    .cpl-scope .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .cpl-scope .carousel-control .icon-next,
    .cpl-scope .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .cpl-scope .carousel-control .icon-prev,
    .cpl-scope .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: 'AkkuratLLTT-Regular';
    }

        .cpl-scope .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .cpl-scope .carousel-control .icon-next:before {
            content: '\203a';
        }

.cpl-scope .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .cpl-scope .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .cpl-scope .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.cpl-scope .carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .cpl-scope .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .cpl-scope .carousel-control .glyphicon-chevron-left,
    .cpl-scope .carousel-control .glyphicon-chevron-right,
    .cpl-scope .carousel-control .icon-prev,
    .cpl-scope .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .cpl-scope .carousel-control .glyphicon-chevron-left,
    .cpl-scope .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .cpl-scope .carousel-control .glyphicon-chevron-right,
    .cpl-scope .carousel-control .icon-next {
        margin-right: -10px;
    }

    .cpl-scope .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .cpl-scope .carousel-indicators {
        bottom: 20px;
    }
}

.cpl-scope .clearfix:before,
.cpl-scope .clearfix:after,
.cpl-scope .dl-horizontal dd:before,
.cpl-scope .dl-horizontal dd:after,
.cpl-scope .form-horizontal .form-group:before,
.cpl-scope .form-horizontal .form-group:after,
.cpl-scope .btn-toolbar:before,
.cpl-scope .btn-toolbar:after,
.cpl-scope .btn-group-vertical > .btn-group:before,
.cpl-scope .btn-group-vertical > .btn-group:after,
.cpl-scope .nav:before,
.cpl-scope .nav:after,
.cpl-scope .navbar:before,
.cpl-scope .navbar:after,
.cpl-scope .navbar-header:before,
.cpl-scope .navbar-header:after,
.cpl-scope .navbar-collapse:before,
.cpl-scope .navbar-collapse:after,
.cpl-scope .pager:before,
.cpl-scope .pager:after,
.cpl-scope .panel-body:before,
.cpl-scope .panel-body:after,
.cpl-scope .modal-header:before,
.cpl-scope .modal-header:after,
.cpl-scope .modal-footer:before,
.cpl-scope .modal-footer:after {
    content: " ";
    display: table;
}

.cpl-scope .clearfix:after,
.cpl-scope .dl-horizontal dd:after,
.cpl-scope .form-horizontal .form-group:after,
.cpl-scope .btn-toolbar:after,
.cpl-scope .btn-group-vertical > .btn-group:after,
.cpl-scope .nav:after,
.cpl-scope .navbar:after,
.cpl-scope .navbar-header:after,
.cpl-scope .navbar-collapse:after,
.cpl-scope .pager:after,
.cpl-scope .panel-body:after,
.cpl-scope .modal-header:after,
.cpl-scope .modal-footer:after {
    clear: both;
}

.cpl-scope .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cpl-scope .pull-right {
    float: right !important;
}

.cpl-scope .pull-left {
    float: left !important;
}

.cpl-scope .hide {
    display: none !important;
}

.cpl-scope .show {
    display: block !important;
}

.cpl-scope .invisible {
    visibility: hidden;
}

.cpl-scope .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.cpl-scope .hidden {
    display: none !important;
}

.cpl-scope .affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.cpl-scope .visible-xs,
.cpl-scope .visible-sm,
.cpl-scope .visible-md,
.cpl-scope .visible-lg {
    display: none !important;
}

.cpl-scope .visible-xs-block,
.cpl-scope .visible-xs-inline,
.cpl-scope .visible-xs-inline-block,
.cpl-scope .visible-sm-block,
.cpl-scope .visible-sm-inline,
.cpl-scope .visible-sm-inline-block,
.cpl-scope .visible-md-block,
.cpl-scope .visible-md-inline,
.cpl-scope .visible-md-inline-block,
.cpl-scope .visible-lg-block,
.cpl-scope .visible-lg-inline,
.cpl-scope .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .cpl-scope .visible-xs {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .cpl-scope table.visible-xs {
        display: table !important;
    }

    .cpl-scope tr.visible-xs {
        display: table-row !important;
    }

    .cpl-scope th.visible-xs,
    .cpl-scope td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .cpl-scope .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .cpl-scope .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .cpl-scope .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope .visible-sm {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope table.visible-sm {
        display: table !important;
    }

    .cpl-scope tr.visible-sm {
        display: table-row !important;
    }

    .cpl-scope th.visible-sm,
    .cpl-scope td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope .visible-md {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope table.visible-md {
        display: table !important;
    }

    .cpl-scope tr.visible-md {
        display: table-row !important;
    }

    .cpl-scope th.visible-md,
    .cpl-scope td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope .visible-lg {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope table.visible-lg {
        display: table !important;
    }

    .cpl-scope tr.visible-lg {
        display: table-row !important;
    }

    .cpl-scope th.visible-lg,
    .cpl-scope td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .cpl-scope .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cpl-scope .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cpl-scope .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .cpl-scope .hidden-lg {
        display: none !important;
    }
}

.cpl-scope .visible-print {
    display: none !important;
}

@media print {
    .cpl-scope .visible-print {
        display: block !important;
    }
}

@media print {
    .cpl-scope table.visible-print {
        display: table !important;
    }

    .cpl-scope tr.visible-print {
        display: table-row !important;
    }

    .cpl-scope th.visible-print,
    .cpl-scope td.visible-print {
        display: table-cell !important;
    }
}

.cpl-scope .visible-print-block {
    display: none !important;
}

@media print {
    .cpl-scope .visible-print-block {
        display: block !important;
    }
}

.cpl-scope .visible-print-inline {
    display: none !important;
}

@media print {
    .cpl-scope .visible-print-inline {
        display: inline !important;
    }
}

.cpl-scope .visible-print-inline-block {
    display: none !important;
}

@media print {
    .cpl-scope .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .cpl-scope .hidden-print {
        display: none !important;
    }
}
/* Deprecated 
@gray-darker: lighten(@gray-base, 13.5%);
@gray-dark: lighten(@gray-base, 20%);
@gray: lighten(@gray-base, 33.5%);
@gray-light: lighten(@gray-base, 50%);
@gray-lighter: lighten(@gray-base, 70%);
*/
/* Gradients have 2+ colors so numbering them 01, 02, etc.
    linear-gradient(-45deg, #00B140, #009596)
*/
/* As success, info, warning, and danger are not really specific to our brand - shouldn't we change these to something like @color-success etc. */
.cpl-scope .inset-lg {
    margin: 24px !important;
}

.cpl-scope .inset {
    margin: 16px !important;
}

.cpl-scope .inset-sm {
    margin: 8px !important;
}

.cpl-scope .shim-zero,
.cpl-scope .inset-zero {
    margin: 0px !important;
}

.cpl-scope .inset-tall-lg {
    margin: 12px 24px !important;
}

.cpl-scope .inset-tall {
    margin: 8px 16px !important;
}

.cpl-scope .inset-tall-sm {
    margin: 4px 8px !important;
}

.cpl-scope .stack-top-lg {
    margin-top: 24px !important;
}

.cpl-scope .shim-top,
.cpl-scope .stack-top {
    margin-top: 16px !important;
}

.cpl-scope .shim-top-short,
.cpl-scope .stack-top-sm {
    margin-top: 8px !important;
}

.cpl-scope .shim-top-mini,
.cpl-scope .stack-top-xs {
    margin-top: 4px !important;
}

.cpl-scope .shim-top-zero,
.cpl-scope .stack-top-zero {
    margin-top: 0px !important;
}

.cpl-scope .stack-lg {
    margin-bottom: 24px !important;
}

.cpl-scope .shim-bottom,
.cpl-scope .stack {
    margin-bottom: 16px !important;
}

.cpl-scope .shim-bottom-short,
.cpl-scope .stack-sm {
    margin-bottom: 8px !important;
}

.cpl-scope .shim-bottom-mini,
.cpl-scope .stack-xs {
    margin-bottom: 4px !important;
}

.cpl-scope .shim-bottom-zero,
.cpl-scope .stack-zero {
    margin-bottom: 0px !important;
}

.cpl-scope .stack-y-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.cpl-scope .stack-y {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.cpl-scope .stack-y-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.cpl-scope .stack-y-xs {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.cpl-scope .stack-y-zero {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.cpl-scope .push-back-lg {
    margin-left: 24px !important;
}

.cpl-scope .shim-left,
.cpl-scope .push-back {
    margin-left: 16px !important;
}

.cpl-scope .shim-left-short,
.cpl-scope .push-back-sm {
    margin-left: 8px !important;
}

.cpl-scope .shim-left-mini,
.cpl-scope .push-back-xs {
    margin-left: 4px !important;
}

.cpl-scope .shim-left-zero,
.cpl-scope .push-back-zero {
    margin-left: 0px !important;
}

.cpl-scope .push-lg {
    margin-right: 24px !important;
}

.cpl-scope .shim-right,
.cpl-scope .push {
    margin-right: 16px !important;
}

.cpl-scope .shim-right-short,
.cpl-scope .push-sm {
    margin-right: 8px !important;
}

.cpl-scope .shim-right-mini,
.cpl-scope .push-xs {
    margin-right: 4px !important;
}

.cpl-scope .shim-right-zero,
.cpl-scope .push-zero {
    margin-right: 0px !important;
}

.cpl-scope .push-x-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
}

.cpl-scope .push-x {
    margin-right: 16px !important;
    margin-left: 16px !important;
}

.cpl-scope .push-x-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
}

.cpl-scope .push-x-xs {
    margin-right: 4px !important;
    margin-left: 4px !important;
}

.cpl-scope .push-x-zero {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

    .cpl-scope .icon-area .dropdown-menu {
        padding: 8px 16px;
    }

    .cpl-scope .dropdown-menu {
        background-color: #ffffff;
        min-width: 210px;
        color: #32363B;
        left: -1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #C1C5CA;
        margin-top: 0px;
    }

        .cpl-scope .dropdown-menu:hover {
            display: visible;
        }

        .cpl-scope .dropdown-menu.left {
            left: -1px;
            min-width: 200px;
        }

        .cpl-scope .dropdown-menu.right {
            left: auto;
            min-width: 205px;
            right: -1px;
        }

        .cpl-scope .dropdown-menu.middle {
            left: auto;
            right: -55px;
            min-width: 180px;
        }

        .cpl-scope .dropdown-menu hr {
            color: #C1C5CA;
            height: 1px;
            noshade: noshade;
            padding: 0;
            margin: 0;
            margin: 8px -16px 8px -16px;
        }

        .cpl-scope .dropdown-menu ul hr {
            margin: 8px 0px 8px 0px;
        }

        .cpl-scope .dropdown-menu strong {
            display: block;
            margin: 8px 0px 0px 0px;
        }

        .cpl-scope .dropdown-menu small {
            font-weight: bold;
        }

        .cpl-scope .dropdown-menu .small,
        .cpl-scope .dropdown-menu small {
            display: block;
        }

        .cpl-scope .dropdown-menu .email {
            display: inline-block;
        }

        .cpl-scope .dropdown-menu p {
            white-space: nowrap;
        }

        .cpl-scope .dropdown-menu .menu-links {
            padding: 0;
            margin: 0;
            list-style-type: none;
            border: 0px solid #32363B;
            margin-left: -16px;
            margin-right: -16px;
        }

            .cpl-scope .dropdown-menu .menu-links > li {
                transform: translate3d(0, 0, 0);
                border: 0px solid red;
                padding: 4px 0px;
            }

                .cpl-scope .dropdown-menu .menu-links > li a {
                    color: inherit;
                    text-decoration: none;
                    display: block;
                    padding-left: 16px;
                    padding-right: 16px;
                }

                .cpl-scope .dropdown-menu .menu-links > li:hover {
                    background-color: #999999;
                    color: #32363B;
                }

                    .cpl-scope .dropdown-menu .menu-links > li:hover a {
                        color: inherit;
                    }

        .cpl-scope .dropdown-menu > li > a {
            padding: 3px 16px;
        }

    .cpl-scope .ihs-header {
        color: #4c4b4c;
        background-color: #ffffff;
        min-width: 1024px;
        border: 0px solid red;
    }

        .cpl-scope .ihs-header.navbar-static-top {
            z-index: auto;
            border-width: 0;
        }

        .cpl-scope .ihs-header.navbar-fixed-top {
            border-width: 0;
        }

        .cpl-scope .ihs-header a.brand {
            color: #4c4b4c;
        }

        .cpl-scope .ihs-header a:visited.brand {
            color: #4c4b4c;
        }

        .cpl-scope .ihs-header a:hover.brand {
            color: #4c4b4c;
        }

        .cpl-scope .ihs-header h2 {
            color: inherit;
            margin: 0px;
            margin-top: 13px;
            font-weight: normal;
        }

        .cpl-scope .ihs-header h1 {
            color: inherit;
            margin: 0px;
            margin-top: 12px;
            padding-bottom: 0px;
            font-weight: bold;
        }

            .cpl-scope .ihs-header h1 a {
                text-decoration: none;
                color: inherit;
            }

        .cpl-scope .ihs-header small {
            padding: 0;
            margin: 0;
        }

        .cpl-scope .ihs-header span {
            font-size: 15px;
        }

        .cpl-scope .ihs-header .ihs-logo {
            width: 52px;
            height: 52px;
            margin: 2px;
            background: url("../img/ihs-logo.png") no-repeat left center;
            fill: #4c4b4c;
            float: left;
            cursor: pointer;
        }

        .cpl-scope .ihs-header .brand-menu {
            width: 220px;
            position: relative;
            margin-bottom: 0px;
        }

            .cpl-scope .ihs-header .brand-menu:hover {
                background-color: #ffffff;
                color: #000000;
            }

        .cpl-scope .ihs-header .brand {
            font-family: 'AkkuratLLTT-Regular';
            height: 66px;
            border: 0px solid #32363B;
            border-bottom: 0px;
            display: inline-block;
            width: 250px;
            position: relative;
        }

            .cpl-scope .ihs-header .brand h1,
            .cpl-scope .ihs-header .brand small {
                cursor: pointer;
            }

            .cpl-scope .ihs-header .brand > .ihs-logo {
                width: 36px;
                height: 36px;
                display: block;
                margin: 16px 9px 14px 16px;
                float: left;
            }

            .cpl-scope .ihs-header .brand > h1 {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                margin: 0px;
                color: #4c4b4c;
                font-weight: normal;
                font-size: 22px;
                white-space: nowrap;
            }

            .cpl-scope .ihs-header .brand span,
            .cpl-scope .ihs-header .brand small {
                font-size: 12px;
                color: #999;
                font-weight: 300;
            }

            .cpl-scope .ihs-header .brand small {
                margin-top: 4px;
                display: block;
                font-weight: 800;
                color: #4c4b4c;
            }

        .cpl-scope .ihs-header .ihs-menu > .disabled,
        .cpl-scope .ihs-header .ihs-menu > .disabled:hover {
            background-color: inherit;
        }

            .cpl-scope .ihs-header .ihs-menu > .disabled a,
            .cpl-scope .ihs-header .ihs-menu > .disabled:hover a {
                color: #EAEEF3;
                opacity: 0.4;
            }

        .cpl-scope .ihs-header .icon-set {
            border: 0px solid #32363B;
            float: right;
            /*
            .icon-area:hover > .icon-menu:after,
            .icon-area.active > .icon-menu:after{
                position: absolute;
                bottom: -1px;
                width: 100%;
                height: 1px;
                content: '';
                left: 0;
                right: 0;
                background-color: #fff;
                z-index: 5000;
            }
            */
        }

            .cpl-scope .ihs-header .icon-set .icon-area {
                padding: 0px 23px;
                margin: 0px;
                height: 66px;
                border: 1px solid transparent;
                border-bottom: 0px solid transparent;
                /*
                &:hover {
                    .border(1px, #CCC);
                    border-bottom: 0px solid transparent;
                    background-color: @body-bg;
                    height: 66px;
                    z-index: 100; // as long as this is above 0

                    & > .icon-menu {
                        color: #4c4b4c;
                    }
                }
               
                &:before {
                    content:"";
                    .vertItemSeparator;
                    .absVertAlign();
                    .border(1px, @gray-light);
                    margin-left: -25px;
                }
                */
            }

                .cpl-scope .ihs-header .icon-set .icon-area.delayed-hover {
                    border: 1px solid #CCC;
                    border-bottom: 0px solid transparent;
                    background-color: #ffffff;
                    height: 66px;
                    z-index: 100;
                }

                    .cpl-scope .ihs-header .icon-set .icon-area.delayed-hover > .icon-menu {
                        color: #4c4b4c;
                    }

                        .cpl-scope .ihs-header .icon-set .icon-area.delayed-hover > .icon-menu:after,
                        .cpl-scope .ihs-header .icon-set .icon-area.delayed-hover .icon-area.active > .icon-menu:after {
                            position: absolute;
                            bottom: -1px;
                            width: 100%;
                            height: 1px;
                            content: '';
                            left: 0;
                            right: 0;
                            background-color: #fff;
                            z-index: 5000;
                        }

                .cpl-scope .ihs-header .icon-set .icon-area .icon-menu {
                    color: #4c4b4c;
                    font-size: 14px;
                    text-align: center;
                    padding-top: 0px;
                    cursor: default;
                    line-height: 66px;
                }

                    .cpl-scope .ihs-header .icon-set .icon-area .icon-menu span {
                        font-size: inherit;
                    }

                    .cpl-scope .ihs-header .icon-set .icon-area .icon-menu > .greeting {
                        padding-left: 8px;
                        border: 0px solid #32363B;
                        font-size: 12px;
                        color: inherit;
                        vertical-align: middle;
                    }

                    .cpl-scope .ihs-header .icon-set .icon-area .icon-menu > [class^=ihs-icon-] {
                        vertical-align: middle;
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        stroke-width: 0;
                        stroke: currentColor;
                        fill: currentColor;
                    }

            .cpl-scope .ihs-header .icon-set > .icon-area.active {
                border: 1px solid #ccc !important;
            }

            .cpl-scope .ihs-header .icon-set > .icon-area:last-child,
            .cpl-scope .ihs-header .icon-set > .icon-area:last-child:hover {
                margin-right: 6px;
                padding-right: 12px;
            }

            .cpl-scope .ihs-header .icon-set .search-area {
                width: 300px;
                top: 23px;
                right: 24px;
            }

        .cpl-scope .ihs-header .nav-tools .nav-tool {
            width: 66px;
            height: 66px;
            position: relative;
            display: inline-block;
            float: right !important;
        }

            .cpl-scope .ihs-header .nav-tools .nav-tool .nav-tool-item {
                margin: 3px;
                width: 60px;
                height: 60px;
                cursor: pointer;
            }

                .cpl-scope .ihs-header .nav-tools .nav-tool .nav-tool-item:hover {
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    background-color: #00B5F1;
                }

                    .cpl-scope .ihs-header .nav-tools .nav-tool .nav-tool-item:hover a {
                        background-color: #00B5F1;
                    }

            .cpl-scope .ihs-header .nav-tools .nav-tool .nav-greeting {
                padding: 10px 15px;
            }

            .cpl-scope .ihs-header .nav-tools .nav-tool .icon-gear {
                background: url("../img/ihs-icon-settings.svg") no-repeat center center;
            }

            .cpl-scope .ihs-header .nav-tools .nav-tool .icon-user {
                background: url("../img/ihs-icon-admin.svg") no-repeat center center;
            }

            .cpl-scope .ihs-header .nav-tools .nav-tool .icon-question {
                background: url("../img/ihs-icon-help.svg") no-repeat center center;
            }

            .cpl-scope .ihs-header .nav-tools .nav-tool:before {
                content: "";
                display: inline-block;
                height: 20px;
                width: 2px;
                background-color: rgba(50, 54, 59, 0.2);
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .cpl-scope .ihs-header .ihs-menu {
            width: 100%;
            height: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

            .cpl-scope .ihs-header .ihs-menu a {
                font-size: 12px;
                outline: none;
                text-shadow: none;
                text-transform: uppercase;
                padding: 0;
                margin: 0;
                padding: 5px 16px;
                display: block;
            }

            .cpl-scope .ihs-header .ihs-menu li {
                height: 23px;
                padding: 0px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                -webkit-transition: #005859 300ms linear;
                -moz-transition: #005859 300ms linear;
                -o-transition: #005859 300ms linear;
                -ms-transition: #005859 300ms linear;
                transition: #005859 300ms linear;
            }

                .cpl-scope .ihs-header .ihs-menu li.active,
                .cpl-scope .ihs-header .ihs-menu li.active:hover {
                    background-color: #EAEEF3;
                }

                    .cpl-scope .ihs-header .ihs-menu li.active > a,
                    .cpl-scope .ihs-header .ihs-menu li.active:hover > a {
                        color: #32363B;
                        background-color: #EAEEF3;
                        padding-bottom: 0px;
                    }

                .cpl-scope .ihs-header .ihs-menu li:hover {
                    cursor: pointer;
                    background: #005859;
                }

                    .cpl-scope .ihs-header .ihs-menu li:hover a {
                        color: #EAEEF3;
                    }

        .cpl-scope .ihs-header .search-group .ihs-icon-arrow {
            font-size: 9px;
            margin: 0;
        }

        .cpl-scope .ihs-header .search-group .form-control.short {
            padding: 12px 8px 10px 8px;
        }

        .cpl-scope .ihs-header .search-group ul li:hover,
        .cpl-scope .ihs-header .search-group .dropdown-menu > li:hover {
            background-color: #EAEEF3;
        }

        .cpl-scope .ihs-header > .clearfix {
            height: 66px;
        }

    .cpl-scope .ihs-header-2 {
        color: #000000;
        background-color: #ffffff;
        border: 0px solid #EAEEF3;
    }

        .cpl-scope .ihs-header-2 .ihs-logo {
            float: left;
        }

        .cpl-scope .ihs-header-2 h1 {
            color: #32363B;
        }

        .cpl-scope .ihs-header-2 .brand-menu {
            position: relative;
        }

        .cpl-scope .ihs-header-2 small {
            padding: 0;
            margin: 0;
        }

        .cpl-scope .ihs-header-2 .icon-set {
            border: 0px solid red;
            float: right;
        }

            .cpl-scope .ihs-header-2 .icon-set .icon-area {
                margin: 0px;
                height: 66px;
                border: 1px solid white;
                border-bottom: 0px;
                position: relative;
            }

                .cpl-scope .ihs-header-2 .icon-set .icon-area:hover {
                    border: 1px solid #C1C5CA;
                    border-bottom: 0px;
                    color: #32363B;
                    background-color: #ffffff;
                }

                .cpl-scope .ihs-header-2 .icon-set .icon-area .icon-menu {
                    color: #84888D;
                    font-size: 18px;
                    text-align: center;
                    padding-top: 14px;
                }

                    .cpl-scope .ihs-header-2 .icon-set .icon-area .icon-menu span {
                        font-size: inherit;
                    }

                    .cpl-scope .ihs-header-2 .icon-set .icon-area .icon-menu > .greeting {
                        padding-left: 16px;
                        border: 0px solid red;
                        font-size: 12px;
                    }

    .cpl-scope .ihs-header-3,
    .cpl-scope .ihs-header-4 {
        color: #32363B;
        background-color: #ffffff;
        border: 0px solid #EAEEF3;
    }

        .cpl-scope .ihs-header-3 .input-group-addon,
        .cpl-scope .ihs-header-4 .input-group-addon {
            background-color: #32363B;
            color: #ffffff;
            padding: 5px 7px;
        }

            .cpl-scope .ihs-header-3 .input-group-addon.end,
            .cpl-scope .ihs-header-4 .input-group-addon.end {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
                border-left: none;
            }

            .cpl-scope .ihs-header-3 .input-group-addon.reversed,
            .cpl-scope .ihs-header-4 .input-group-addon.reversed {
                background-color: #ffffff;
                color: #32363B;
            }

            .cpl-scope .ihs-header-3 .input-group-addon span,
            .cpl-scope .ihs-header-4 .input-group-addon span {
                font-size: 11px;
                display: block;
            }

        .cpl-scope .ihs-header-3 .ihs-logo,
        .cpl-scope .ihs-header-4 .ihs-logo {
            float: left;
        }

        .cpl-scope .ihs-header-3 .brand-menu,
        .cpl-scope .ihs-header-4 .brand-menu {
            position: relative;
        }

            .cpl-scope .ihs-header-3 .brand-menu:hover,
            .cpl-scope .ihs-header-4 .brand-menu:hover {
                background-color: #ffffff;
            }

        .cpl-scope .ihs-header-3 small,
        .cpl-scope .ihs-header-4 small {
            padding: 0;
            margin: 0;
        }

        .cpl-scope .ihs-header-3 .menu-links > li a,
        .cpl-scope .ihs-header-4 .menu-links > li a {
            color: inherit;
            text-decoration: none;
        }

        .cpl-scope .ihs-header-3 .menu-links > li:hover,
        .cpl-scope .ihs-header-4 .menu-links > li:hover {
            background-color: #EAEEF3;
            color: #32363B;
        }

            .cpl-scope .ihs-header-3 .menu-links > li:hover a,
            .cpl-scope .ihs-header-4 .menu-links > li:hover a {
                color: inherit;
            }

        .cpl-scope .ihs-header-3 .ihs-menu,
        .cpl-scope .ihs-header-4 .ihs-menu {
            background-color: #32363B;
            width: 100%;
            height: 25px;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

            .cpl-scope .ihs-header-3 .ihs-menu .navbar-nav,
            .cpl-scope .ihs-header-4 .ihs-menu .navbar-nav {
                width: 100%;
            }

            .cpl-scope .ihs-header-3 .ihs-menu a,
            .cpl-scope .ihs-header-4 .ihs-menu a {
                font-size: 15px;
                outline: none;
                text-shadow: none;
                text-transform: uppercase;
                padding: 0;
                margin: 0;
                padding: 5px 16px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
            }

            .cpl-scope .ihs-header-3 .ihs-menu li,
            .cpl-scope .ihs-header-4 .ihs-menu li {
                height: 24px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                -webkit-transition: #005859 300ms linear;
                -moz-transition: #005859 300ms linear;
                -o-transition: #005859 300ms linear;
                -ms-transition: #005859 300ms linear;
                transition: #005859 300ms linear;
                padding: 0px;
            }

                .cpl-scope .ihs-header-3 .ihs-menu li a:focus,
                .cpl-scope .ihs-header-4 .ihs-menu li a:focus,
                .cpl-scope .ihs-header-3 .ihs-menu li a:hover,
                .cpl-scope .ihs-header-4 .ihs-menu li a:hover {
                    color: #EAEEF3;
                }

                .cpl-scope .ihs-header-3 .ihs-menu li.active,
                .cpl-scope .ihs-header-4 .ihs-menu li.active,
                .cpl-scope .ihs-header-3 .ihs-menu li.active:hover,
                .cpl-scope .ihs-header-4 .ihs-menu li.active:hover {
                    background-color: #ffffff;
                }

                    .cpl-scope .ihs-header-3 .ihs-menu li.active a,
                    .cpl-scope .ihs-header-4 .ihs-menu li.active a,
                    .cpl-scope .ihs-header-3 .ihs-menu li.active:hover a,
                    .cpl-scope .ihs-header-4 .ihs-menu li.active:hover a {
                        color: #32363B;
                        background-color: #ffffff;
                        padding-bottom: 0px;
                    }

                .cpl-scope .ihs-header-3 .ihs-menu li:hover,
                .cpl-scope .ihs-header-4 .ihs-menu li:hover,
                .cpl-scope .ihs-header-3 .ihs-menu li:focus,
                .cpl-scope .ihs-header-4 .ihs-menu li:focus {
                    cursor: pointer;
                    background: #32363B;
                }

                    .cpl-scope .ihs-header-3 .ihs-menu li:hover a,
                    .cpl-scope .ihs-header-4 .ihs-menu li:hover a,
                    .cpl-scope .ihs-header-3 .ihs-menu li:focus a,
                    .cpl-scope .ihs-header-4 .ihs-menu li:focus a {
                        color: #ffffff;
                    }

        .cpl-scope .ihs-header-3 .icon-set,
        .cpl-scope .ihs-header-4 .icon-set {
            border: 0px solid #32363B;
            float: right;
            position: relative;
        }

            .cpl-scope .ihs-header-3 .icon-set .search-area,
            .cpl-scope .ihs-header-4 .icon-set .search-area {
                width: 300px;
                top: 15px;
                right: 20px;
            }

            .cpl-scope .ihs-header-3 .icon-set .icon-area,
            .cpl-scope .ihs-header-4 .icon-set .icon-area {
                margin: 0px;
                height: 66px;
                border: 1px solid transparent;
                border-bottom: 0px solid transparent;
                position: relative;
            }

                .cpl-scope .ihs-header-3 .icon-set .icon-area:hover,
                .cpl-scope .ihs-header-4 .icon-set .icon-area:hover {
                    border: 1px solid #C1C5CA;
                    border-bottom: 0px;
                    color: #32363B;
                    background-color: #ffffff;
                }

                .cpl-scope .ihs-header-3 .icon-set .icon-area .icon-menu,
                .cpl-scope .ihs-header-4 .icon-set .icon-area .icon-menu {
                    color: #32363B;
                    font-size: 18px;
                    text-align: center;
                    padding-top: 14px;
                }

                    .cpl-scope .ihs-header-3 .icon-set .icon-area .icon-menu span,
                    .cpl-scope .ihs-header-4 .icon-set .icon-area .icon-menu span {
                        font-size: inherit;
                    }

                    .cpl-scope .ihs-header-3 .icon-set .icon-area .icon-menu > .greeting,
                    .cpl-scope .ihs-header-4 .icon-set .icon-area .icon-menu > .greeting {
                        padding-left: 16px;
                        border: 0px solid #32363B;
                        font-size: 12px;
                    }

        .cpl-scope .ihs-header-3 .tt-suggestion:hover,
        .cpl-scope .ihs-header-4 .tt-suggestion:hover {
            background-color: #32363B;
            color: #fff;
        }

        .cpl-scope .ihs-header-4 .ihs-menu {
            background-color: #000000;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            width: 100%;
            height: 25px;
        }

            .cpl-scope .ihs-header-4 .ihs-menu .navbar-nav {
                width: 100%;
            }

            .cpl-scope .ihs-header-4 .ihs-menu a {
                font-size: 15px;
                outline: none;
                text-shadow: none;
                text-transform: uppercase;
                padding: 0;
                margin: 0;
                padding: 5px 16px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
            }

            .cpl-scope .ihs-header-4 .ihs-menu li {
                height: 24px;
                border-top-right-radius: 3px;
                border-top-left-radius: 3px;
                -webkit-transition: #005859 300ms linear;
                -moz-transition: #005859 300ms linear;
                -o-transition: #005859 300ms linear;
                -ms-transition: #005859 300ms linear;
                transition: #005859 300ms linear;
                padding: 0px;
            }

                .cpl-scope .ihs-header-4 .ihs-menu li a:focus,
                .cpl-scope .ihs-header-4 .ihs-menu li a:hover {
                    color: #EAEEF3;
                }

                .cpl-scope .ihs-header-4 .ihs-menu li.active,
                .cpl-scope .ihs-header-4 .ihs-menu li.active:hover {
                    background-color: #ffffff;
                }

                    .cpl-scope .ihs-header-4 .ihs-menu li.active a,
                    .cpl-scope .ihs-header-4 .ihs-menu li.active:hover a {
                        color: #32363B;
                        background-color: #ffffff;
                        padding-bottom: 0px;
                    }

                .cpl-scope .ihs-header-4 .ihs-menu li:hover,
                .cpl-scope .ihs-header-4 .ihs-menu li:focus {
                    cursor: pointer;
                    background: #32363B;
                }

                    .cpl-scope .ihs-header-4 .ihs-menu li:hover a,
                    .cpl-scope .ihs-header-4 .ihs-menu li:focus a {
                        color: #ffffff;
                    }

    .cpl-scope .icon-area.open > .dropdown-menu {
        display: none;
    }

    .cpl-scope .full-click-tabs > li {
        padding: 0 !important;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

        .cpl-scope .full-click-tabs > li > a {
            display: block;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
        }

            .cpl-scope .full-click-tabs > li > a div {
                padding: 5px 15px;
            }

@media (min-width: 468px) {
    .cpl-scope .ihs-header-3 {
        min-width: 320px;
    }
}

@media (max-width: 768px) {
    .cpl-scope .icon-set {
        border: 1px solid red;
    }

        .cpl-scope .icon-set .search-area {
            display: none;
        }
}

@media (min-width: 768px) {
    .cpl-scope .navbar-nav {
        float: right;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .cpl-scope .ihs-menu > li,
    .cpl-scope .icon-set > .icon-area {
        float: left;
    }

    .cpl-scope .navbar-nav,
    .cpl-scope .icon-set {
        margin: 0px;
    }

        .cpl-scope .icon-set .search-area {
            display: none;
        }
}

.cpl-scope .footer {
    position: relative;
    background-color: #4c4b4c;
    height: 64px;
    padding: 17px 14px;
    color: #ffffff;
    min-width: 1024px;
}

    .cpl-scope .footer.navbar-fixed-bottom {
        position: fixed;
    }

    .cpl-scope .footer small {
        display: inline-block;
    }

    .cpl-scope .footer ul {
        float: none;
        margin: 0px;
        padding: 0px;
    }

    .cpl-scope .footer li {
        display: inline-block;
        margin: 0px .25em;
        font-size: 10px;
    }

    .cpl-scope .footer a {
        color: #ffffff;
    }

        .cpl-scope .footer a:visited {
            color: #EAEEF3;
        }

    .cpl-scope .footer.footer-small {
        height: 24px;
        padding: 4px 16px;
    }

    .cpl-scope .footer.footer-expanded {
        height: 96px;
        padding: 8px 16px;
    }

        .cpl-scope .footer.footer-expanded .copyright-links ul {
            margin-top: 34px;
        }

        .cpl-scope .footer.footer-expanded small {
            display: block;
        }

        .cpl-scope .footer.footer-expanded .logo,
        .cpl-scope .footer.footer-small .logo {
            margin-top: 34px;
        }

        .cpl-scope .footer.footer-expanded svg[class*="brand-icon"],
        .cpl-scope .footer.footer-expanded svg[class*="ihs-icon"],
        .cpl-scope .footer.footer-small svg[class*="brand-icon"],
        .cpl-scope .footer.footer-small svg[class*="ihs-icon"] {
            position: absolute;
            width: 14px;
            height: 14px;
            cursor: pointer;
        }

        .cpl-scope .footer.footer-expanded svg[class*="brand-icon"],
        .cpl-scope .footer.footer-expanded svg[class*="ihs-icon"] {
            right: 1px;
            top: -14px;
        }

    .cpl-scope .footer h1 {
        font-family: 'AkkuratLLTT-Regular';
        color: white;
        font-size: 20px;
        font-weight: 100;
        float: right;
        margin: 8px 0px 0px 5px;
    }

    .cpl-scope .footer .social-icons {
        padding: 3px 0px;
        border-right: 1px solid #fff;
        display: inline-block;
        padding-right: 28px;
        margin-right: 32px;
        vertical-align: middle;
    }

        .cpl-scope .footer .social-icons i {
            display: inline-block;
            width: 24px;
            height: 24px;
            background-color: #999;
            border-radius: 30px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            line-height: 24px;
            margin-right: 4px;
        }

    .cpl-scope .footer .copyright-links {
        display: inline-block;
        vertical-align: middle;
    }

    .cpl-scope .footer .logo {
        display: inline-block;
        vertical-align: middle;
    }

    .cpl-scope .footer .ihs-logo {
        background: url('../img/spg_logo_footer.svg') no-repeat;
        width: 37px;
        height: 37px;
        float: left;
    }

.cpl-scope .footerTextColor {
    color: #ffffff;
}

.cpl-scope .footerBGColor {
    background-color: #4c4b4c;
}

.cpl-scope .ihs-footer-3 {
    background-color: #32363B;
}

.js-focus-visible .cpl-scope :focus:not(.focus-visible) {
    outline: none;
}

    .cpl-scope .js-focus-visible :focus:not(.focus-visible),
    .cpl-scope.js-focus-visible :focus:not(.focus-visible) {
        outline: none;
    }

    .cpl-scope .form-control {
        padding: 3px 8px;
    }

    .cpl-scope label {
        font-weight: normal;
        margin: 0px;
    }

    .cpl-scope select {
        border-color: #C1C5CA;
        border-radius: 2px;
    }

        .cpl-scope select.form-control,
        .cpl-scope select.highlight {
            padding: 0;
        }

            .cpl-scope select.form-control:focus,
            .cpl-scope select.highlight:focus {
                border-color: #32363B;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
                -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
                -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
            }

            .cpl-scope select.form-control.focus-visible,
            .cpl-scope select.highlight.focus-visible {
                outline: 0;
                animation: focus-visible 800ms;
            }

            .cpl-scope select.form-control option,
            .cpl-scope select.highlight option {
                padding: 3px 8px;
            }

                .cpl-scope select.form-control option:hover,
                .cpl-scope select.highlight option:hover {
                    background-color: #EAEEF3;
                    box-shadow: 0 0 1px 100px #EAEEF3 inset;
                    color: #32363B;
                }

        .cpl-scope select:not([multiple]) {
            background: #FFF url('../img/ico_expandAll_48x48.png') no-repeat;
            background-position: right 4px top 6px;
            background-size: 9px 9px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            padding-left: 8px;
            -moz-padding-start: 3px;
        }

            .cpl-scope select:not([multiple])[size] {
                height: auto;
                padding-left: 0;
            }

                .cpl-scope select:not([multiple])[size] > option {
                    border-bottom: 1px solid transparent;
                    padding-left: 8px;
                }

        .cpl-scope select.input-lg:not([multiple]) {
            background-position: right 4px top 15px;
        }

        .cpl-scope select.input-sm:not([multiple]) {
            background-position: right 4px top 1px;
        }

        .cpl-scope select[multiple] > option {
            border-bottom: 1px solid transparent;
        }

        .cpl-scope select.long:not([multiple])[size] > option {
            border-bottom: 1px solid #F8F9FA;
            padding-left: 8px;
        }

            .cpl-scope select.long:not([multiple])[size] > option:nth-of-type(2n):hover {
                background: #EAEEF3;
                color: #32363B !important;
            }

            .cpl-scope select.long:not([multiple])[size] > option:nth-of-type(2n):focus {
                background: linear-gradient(-90deg, #009596, #009596);
            }

        .cpl-scope select.long:not([multiple]) option:nth-of-type(2n):before {
            content: 'VVVV';
            font-size: 1px;
            display: block;
            margin: -3px -8px -18px;
            color: transparent !important;
            height: 21px;
            background: linear-gradient(-90deg, rgba(242, 243, 244, 0.45), transparent);
        }

        .cpl-scope select.long:not([multiple]).input-lg option:nth-of-type(2n):before {
            margin: -3px -8px -20px;
            height: 23px;
        }

        .cpl-scope select.long:not([multiple]).input-sm option:nth-of-type(2n):before {
            margin: -3px -8px -15px;
            height: 18px;
        }

        .cpl-scope select.long.input-lg:not([multiple]) {
            background-position: right 4px top 15px;
        }

        .cpl-scope select.long.input-sm:not([multiple]) {
            background-position: right 4px top 1px;
        }

        .cpl-scope select.long[multiple] > option {
            border-bottom: 1px solid #F8F9FA;
        }

            .cpl-scope select.long[multiple] > option:nth-of-type(2n):hover {
                background: #EAEEF3;
            }

            .cpl-scope select.long[multiple] > option:nth-of-type(2n):focus {
                background: linear-gradient(-90deg, #009596, #009596);
            }

        .cpl-scope select.long[multiple] option:nth-of-type(2n):before {
            content: 'VVVV';
            font-size: 1px;
            display: block;
            margin: -3px -8px -18px;
            color: transparent !important;
            height: 21px;
            background: linear-gradient(-90deg, rgba(242, 243, 244, 0.45), transparent);
        }

        .cpl-scope select.long[multiple].input-lg option:nth-of-type(2n):before {
            margin: -3px -8px -20px;
            height: 23px;
        }

        .cpl-scope select.long[multiple].input-sm option:nth-of-type(2n):before {
            margin: -3px -8px -15px;
            height: 18px;
        }

        .cpl-scope select::-ms-expand {
            display: none;
        }

        .cpl-scope select:focus {
            border-color: #32363B;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        }

        .cpl-scope select.focus-visible {
            outline: 0;
            animation: focus-visible 800ms;
        }

    .cpl-scope .form-group-lg select[multiple].input-lg {
        padding: 0;
    }

        .cpl-scope .form-group-lg select[multiple].input-lg > option {
            padding: 3px 15px;
        }

            .cpl-scope .form-group-lg select[multiple].input-lg > option:before {
                margin: -3px -15px -22px;
                height: 25px;
            }

    .cpl-scope .form-group-lg select:not([multiple])[size] {
        padding: 0;
    }

        .cpl-scope .form-group-lg select:not([multiple])[size] > option {
            padding: 3px 15px;
        }

        .cpl-scope .form-group-lg select:not([multiple])[size].input-lg > option:nth-of-type(2n):before {
            margin: -3px -15px -22px;
            height: 25px;
        }

    .cpl-scope .form-group-lg select.long:not([multiple])[size].input-lg > option:nth-of-type(2n):before {
        margin: -3px -15px -22px;
        height: 25px;
    }

    .cpl-scope .form-group-sm select[multiple].input-sm {
        padding: 0;
    }

    .cpl-scope .form-group-sm select:not([multiple])[size] {
        padding: 0;
    }

    .cpl-scope .input-group-addon {
        color: #84888D;
        padding: 2px 8px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

        .cpl-scope .input-group-addon.btn {
            font-weight: normal;
        }

        .cpl-scope .input-group-addon:hover {
            background-color: inherit;
            color: #32363B;
            cursor: pointer;
        }

        .cpl-scope .input-group-addon svg[class*="brand-icon"],
        .cpl-scope .input-group-addon svg[class*="ihs-icon"] {
            width: 14px;
            height: 14px;
            margin-top: 2px;
        }

    .cpl-scope .radio input[type="radio"],
    .cpl-scope .radio-inline input[type="radio"],
    .cpl-scope .checkbox input[type="checkbox"],
    .cpl-scope .checkbox-inline input[type="checkbox"] {
        margin-left: 0px;
        vertical-align: text-bottom;
        margin-top: 2px;
        margin-top: 1px \9;
    }

    .cpl-scope .radio label > input[type="radio"],
    .cpl-scope .radio-inline label > input[type="radio"],
    .cpl-scope .checkbox label > input[type="checkbox"],
    .cpl-scope .checkbox-inline label > input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .cpl-scope .checkbox.col label > input[type="checkbox"],
    .cpl-scope .checkbox[class^="col-"] label > input[type="checkbox"] {
        margin-left: -20px;
    }

    .cpl-scope .checkbox label > input[type="checkbox"],
    .cpl-scope .checkbox-inline label > input[type="checkbox"],
    .cpl-scope .checkbox label > input[type="checkbox"],
    .cpl-scope form .checkbox.col label > input[type="checkbox"],
    .cpl-scope form .checkbox[class^="col-"] label > input[type="checkbox"],
    .cpl-scope .checkbox-inline label > input[type="checkbox"] {
        margin-left: -19px;
        margin-top: 3px;
    }

    .cpl-scope input[type="radio"],
    .cpl-scope input[type="checkbox"] {
        margin: 2px 0 0;
        margin-top: 1px \9;
        vertical-align: text-bottom;
    }

        .cpl-scope input[type="checkbox"],
        .cpl-scope input[type="checkbox"] + .checkmark,
        .cpl-scope [class*="brand-icon-checkbox-"][tabindex],
        .cpl-scope [class*="ihs-icon-checkbox-"][tabindex] {
            width: 12px;
            height: 12px;
            background-color: #ffffff;
            box-shadow: 0 0 1px 100px #ffffff inset;
            outline: 1.5px solid #C1C5CA;
        }

    .cpl-scope label[disabled] {
        color: #C1C5CA;
    }

    .cpl-scope input[type="checkbox"][disabled],
    .cpl-scope input[type="checkbox"][disabled] + .checkmark,
    .cpl-scope [class*="brand-icon-checkbox-"][tabindex][disabled],
    .cpl-scope [class*="ihs-icon-checkbox-"][tabindex][disabled] {
        background-color: #EAEEF3;
        box-shadow: 0 0 1px 100px #EAEEF3 inset;
        outline: 1.5px solid #C1C5CA;
    }

    .cpl-scope .form-inline .radio input[type="radio"] {
        margin-top: 0px;
    }

    .cpl-scope .form-inline .radio + .radio,
    .cpl-scope .form-inline .checkbox + .checkbox {
        margin-left: 16px;
    }

    .cpl-scope .form-inline input[type="checkbox"],
    .cpl-scope .form-inline input[type="checkbox"] + .checkmark,
    .cpl-scope .form-inline [class*="brand-icon-checkbox-"][tabindex],
    .cpl-scope .form-inline [class*="ihs-icon-checkbox-"][tabindex] {
        top: -1px;
        left: 1px;
    }

    .cpl-scope input[type="checkbox"]:focus,
    .cpl-scope input[type="checkbox"]:focus + .checkmark,
    .cpl-scope input[type="checkbox"].focus,
    .cpl-scope input[type="checkbox"].focus + .checkmark,
    .cpl-scope .js-focus-visible input[type="checkbox"]:focus,
    .cpl-scope .js-focus-visible input[type="checkbox"]:focus + .checkmark,
    .cpl-scope.js-focus-visible input[type="checkbox"]:focus,
    .cpl-scope.js-focus-visible input[type="checkbox"]:focus + .checkmark,
    .cpl-scope [class*="brand-icon-checkbox-"][tabindex]:focus,
    .cpl-scope [class*="ihs-icon-checkbox-"][tabindex]:focus,
    .cpl-scope [class*="brand-icon-checkbox-"][tabindex].focus,
    .cpl-scope [class*="ihs-icon-checkbox-"][tabindex].focus {
        border-color: #32363B;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
        background-color: #ffffff;
        box-shadow: inset 0 0 1px 100px #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6);
        outline: 1.5px solid #32363B;
    }

    .cpl-scope input[type="checkbox"].focus-visible,
    .cpl-scope input[type="checkbox"].focus-visible + .checkmark,
    .cpl-scope .js-focus-visible input[type="checkbox"].focus-visible,
    .cpl-scope .js-focus-visible input[type="checkbox"].focus-visible + .checkmark,
    .cpl-scope.js-focus-visible input[type="checkbox"].focus-visible,
    .cpl-scope.js-focus-visible input[type="checkbox"].focus-visible + .checkmark,
    .cpl-scope [class*="brand-icon-checkbox-"][tabindex].focus-visible,
    .cpl-scope [class*="ihs-icon-checkbox-"][tabindex].focus-visible {
        outline: 1.5px solid #32363B;
        animation: focus-visible-checkbox 800ms;
    }

    .cpl-scope input[type="checkbox"] + .checkmark {
        display: inline-block;
        position: absolute;
        top: 2px;
        left: 0px;
        pointer-events: none;
    }

    .cpl-scope form input[type="checkbox"] + .checkmark {
        left: 1px;
    }

    .cpl-scope .form-horizontal input[type="checkbox"] + .checkmark {
        top: 2px;
    }
    .cpl-scope input[type="checkbox"]:checked,
    .cpl-scope input[type="checkbox"]:checked + .checkmark,
    .cpl-scope input[type="checkbox"].indeterminate,
    .cpl-scope input[type="checkbox"].indeterminate + .checkmark,
    .cpl-scope .js-focus-visible input[type="checkbox"]:checked,
    .cpl-scope .js-focus-visible input[type="checkbox"]:checked + .checkmark,
    .cpl-scope.js-focus-visible input[type="checkbox"]:checked,
    .cpl-scope.js-focus-visible input[type="checkbox"]:checked + .checkmark,
    .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex],
    .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex],
    .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex],
    .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex] {
        background-color: #0271BB;
        box-shadow: inset 0 0 1px 100px #0271BB;
        outline: 1px solid #0271BB;
    }

        .cpl-scope input[type="checkbox"]:checked:focus,
        .cpl-scope input[type="checkbox"]:checked:focus + .checkmark,
        .cpl-scope input[type="checkbox"]:checked.focus,
        .cpl-scope input[type="checkbox"]:checked.focus + .checkmark,
        .cpl-scope input[type="checkbox"].indeterminate:focus,
        .cpl-scope input[type="checkbox"].indeterminate:focus + .checkmark,
        .cpl-scope input[type="checkbox"].indeterminate.focus,
        .cpl-scope input[type="checkbox"].indeterminate.focus + .checkmark,
        .cpl-scope .js-focus-visible input[type="checkbox"]:checked:focus,
        .cpl-scope .js-focus-visible input[type="checkbox"]:checked:focus + .checkmark,
        .cpl-scope.js-focus-visible input[type="checkbox"]:checked:focus,
        .cpl-scope.js-focus-visible input[type="checkbox"]:checked:focus + .checkmark,
        .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex]:focus,
        .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex]:focus,
        .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex].focus,
        .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex].focus,
        .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex]:focus,
        .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex]:focus,
        .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex].focus,
        .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex].focus {
            background-color: #0271BB;
            box-shadow: inset 0 0 1px 100px #0271BB, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6);
            outline: 1.5px solid #0271BB;
        }

        .cpl-scope input[type="checkbox"]:checked.focus-visible,
        .cpl-scope input[type="checkbox"]:checked.focus-visible + .checkmark,
        .cpl-scope input[type="checkbox"].indeterminate.focus-visible,
        .cpl-scope input[type="checkbox"].indeterminate.focus-visible + .checkmark,
        .cpl-scope .js-focus-visible input[type="checkbox"]:checked.focus-visible,
        .cpl-scope .js-focus-visible input[type="checkbox"]:checked.focus-visible + .checkmark,
        .cpl-scope.js-focus-visible input[type="checkbox"]:checked.focus-visible,
        .cpl-scope.js-focus-visible input[type="checkbox"]:checked.focus-visible + .checkmark,
        .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex].focus-visible,
        .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex].focus-visible,
        .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex].focus-visible,
        .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex].focus-visible {
            background-color: #0271BB;
            outline: 1.5px solid #0271BB;
            animation: focus-visible-checkbox-checked 800ms;
        }
        .cpl-scope input[type="checkbox"]:checked::before,
        .cpl-scope input[type="checkbox"]:checked + .checkmark::before,
        .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex]::before,
        .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex]::before {
            content: " ";
            width: 5px;
            height: 8px;
            display: block;
            transform: rotate(45deg);
            border: 2.25px solid #ffffff;
            border-left: none;
            border-top: none;
            border-radius: 2px;
            margin-top: 1px;
            margin-left: 3.5px;
        }

        .cpl-scope [class*="brand-icon-checkbox-checked"][tabindex]::before,
        .cpl-scope [class*="ihs-icon-checkbox-checked"][tabindex]::before {
            margin-top: 0px;
            margin-left: 2.5px;
        }

        .cpl-scope input[type="checkbox"].indeterminate::before,
        .cpl-scope input[type="checkbox"].indeterminate + .checkmark::before,
        .cpl-scope input[type="checkbox"]:checked.indeterminate::before,
        .cpl-scope input[type="checkbox"]:checked.indeterminate + .checkmark::before,
        .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex]::before,
        .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex]::before {
            content: " ";
            width: 8px;
            height: 2px;
            display: block;
            transform: rotate(0deg);
            border: 1px solid #ffffff;
            border-radius: 2px;
            margin-top: 5px;
            margin-left: 2px;
        }

        .cpl-scope [class*="brand-icon-checkbox-halfchecked"][tabindex]::before,
        .cpl-scope [class*="ihs-icon-checkbox-halfchecked"][tabindex]::before {
            margin-top: 4px;
            margin-left: 1px;
        }

    .cpl-scope svg > use {
        pointer-events: none;
    }

    .cpl-scope svg[class*="brand-icon-checkbox-"][tabindex],
    .cpl-scope svg[class*="ihs-icon-checkbox-"][tabindex] {
        background-color: #ffffff;
        box-shadow: none !important;
        outline-offset: -1px;
    }

        .cpl-scope svg[class*="brand-icon-checkbox-"][tabindex]:focus,
        .cpl-scope svg[class*="ihs-icon-checkbox-"][tabindex]:focus,
        .cpl-scope svg[class*="brand-icon-checkbox-"][tabindex]:focus,
        .cpl-scope svg[class*="ihs-icon-checkbox-"][tabindex].focus {
            background-color: #ffffff;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(50, 54, 59, 0.6) !important;
        }

        .cpl-scope svg[class*="brand-icon-checkbox-"][tabindex].focus-visible,
        .cpl-scope svg[class*="ihs-icon-checkbox-"][tabindex].focus-visible {
            background-color: #ffffff;
        }

    .cpl-scope input[type="radio"]::before {
        content: " ";
        width: 12px;
        height: 12px;
        display: block;
        background: #ffffff;
        border: 1px solid #C1C5CA;
        border-radius: 6px;
    }

    .cpl-scope input[type="radio"]:checked::before {
        content: " ";
        width: 12px;
        height: 12px;
        display: block;
        background: #009596;
        background: radial-gradient(#009596 3px, #ffffff 4px);
        border-radius: 6px;
    }

    .cpl-scope .form-group > .radio-inline,
    .cpl-scope .form-group > .checkbox-inline {
        padding-left: 0px;
    }

        .cpl-scope .form-group > .radio-inline label,
        .cpl-scope .form-group > .checkbox-inline label {
            margin-left: 18px;
        }

    .cpl-scope input[type="radio"]:focus,
    .cpl-scope input[type="radio"].focus,
    .cpl-scope input[type="radio"]:focus:not(.focus-visible),
    .cpl-scope input[type="radio"].focus-visible {
        box-shadow: none;
        animation: focus-visible-radio-input 800ms;
        border-radius: 12px;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cpl-scope input[type="radio"]:focus,
    .cpl-scope input[type="radio"].focus,
    .cpl-scope input[type="radio"]:focus:not(.focus-visible),
    .cpl-scope input[type="radio"].focus-visible {
        box-shadow: none !important;
        animation: none !important;
    }
}

.cpl-scope input[type="radio"]:focus::before,
.cpl-scope input[type="radio"].focus::before {
    border-color: #32363B;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(50, 54, 59, 0.6) 3 0 5px rgba(0, 0, 0, 0.5);
}

.cpl-scope input[type="radio"].focus-visible::before,
.cpl-scope input[type="radio"].focus.focus-visible::before {
    outline: 0;
    animation: focus-visible-radio 800ms;
}

.cpl-scope .form-group {
    position: relative;
}

    .cpl-scope .form-group .form-control-feedback {
        color: #84888D;
        fill: #84888D;
        top: 8px;
        right: 8px;
        bottom: 0px;
        cursor: pointer;
        pointer-events: auto;
        z-index: 4;
    }

        .cpl-scope .form-group .form-control-feedback:hover,
        .cpl-scope .form-group .form-control-feedback.hover,
        .cpl-scope .form-group .form-control-feedback:focus-within,
        .cpl-scope .form-group .form-control-feedback.focus-within,
        .cpl-scope .form-group .form-control-feedback:focus,
        .cpl-scope .form-group .form-control-feedback.focus {
            color: #53575C;
            fill: #53575C;
        }

        .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"],
        .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"],
        .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"] {
            color: #84888D;
            fill: #84888D;
        }

            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"]:hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"]:hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"]:hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"].hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"].hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"].hover,
            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"]:focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"]:focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"]:focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"].focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"].focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"].focus-within,
            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"]:focus,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"]:focus,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"]:focus,
            .cpl-scope .form-group .form-control-feedback > svg[class*="brand-icon"].focus,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ihs-icon"].focus,
            .cpl-scope .form-group .form-control-feedback > svg[class*="ico_"].focus {
                color: #53575C;
                fill: #53575C;
            }

    .cpl-scope .form-group .form-control:focus-within + .form-control-feedback,
    .cpl-scope .form-group .form-control.focus-within + .form-control-feedback,
    .cpl-scope .form-group .form-control:focus + .form-control-feedback,
    .cpl-scope .form-group .form-control.focus + .form-control-feedback {
        color: #53575C;
        fill: #53575C;
    }

.cpl-scope .form-group-lg {
    position: relative;
}

    .cpl-scope .form-group-lg .form-control-feedback {
        top: 14px;
        right: 16px;
    }

.cpl-scope .form-group-sm {
    position: relative;
}

    .cpl-scope .form-group-sm .form-control-feedback {
        top: 2px;
        right: 8px;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .cpl-scope .form-group-lg select.form-control:not([multiple]) {
        line-height: 1.3333333333;
    }
}

.treeview .list-group-item {
    cursor: pointer;
}

.treeview .indent {
    margin-left: 10px;
    margin-right: 10px;
}

.treeview .icon,
.treeview .image {
    width: 12px;
    margin-right: 5px;
}

.treeview .node-disabled {
    color: silver;
    cursor: not-allowed;
}

.treeview .node-hidden {
    display: none;
}

.treeview .image {
    display: inline-block;
    height: 1.19em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 1em;
}

.cpl-scope .treeview.density-tree li,
.cpl-scope .treeview .density-tree li {
    padding: 4px 4px;
}

.cpl-scope .treeview [data-nodeid*="0."] {
    font-weight: bold;
}

    .cpl-scope .treeview [data-nodeid*="0."] > .indent ~ .text {
        font-weight: normal;
    }

.cpl-scope .treeview .icon,
.cpl-scope .treeview svg.icon,
.cpl-scope .treeview svg[class*="brand-icon"],
.cpl-scope .treeview svg[class*="ihs-icon"],
.cpl-scope .treeview svg[class*="icon_"] {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    padding: 1px;
    position: relative;
    top: 2px;
}


.cpl-scope .treeview svg[class*="brand-icon-arrow"],
.cpl-scope .treeview svg[class*="ihs-icon-arrow"],
.cpl-scope .treeview svg[class*="ihs-icon-checkbox-checked"],
.cpl-scope .treeview svg[class*="ihs-icon-checkbox-halfchecked"] {
    fill: #009596;
}

.cpl-scope .treeview svg[class*="ihs-icon-checkbox-unchecked"] {
    fill: #C1C5CA;
}

.cpl-scope .treeview svg[class*="brand-icon-checkbox-"][tabindex],
.cpl-scope .treeview svg[class*="ihs-icon-checkbox-"][tabindex] {
    padding: 0 !important;
}

.cpl-scope .treeview .node-selected [class*="glyphicon-"],
.cpl-scope .treeview .node-selected .glyphicon-plus,
.cpl-scope .treeview .node-selected .glyphicon-minus,
.cpl-scope .treeview .node-selected .glyphicon-triangle-bottom,
.cpl-scope .treeview .node-selected .glyphicon-triangle-right {
    color: #ffffff;
}

.cpl-scope .treeview .node-selected svg[class*="brand-icon-checkbox-unchecked"],
.cpl-scope .treeview .node-selected svg[class*="ihs-icon-checkbox-unchecked"] {
    background-color: #ffffff;
}

.cpl-scope .treeview .empty-expand-indent,
.cpl-scope .treeview .indent {
    margin: 0 8px;
}

    .cpl-scope .swatches-list > li {
        width: 10%;
        height: auto;
        display: inline-block;
        float: none;
        text-align: center;
        padding: 8px;
        margin: 0 auto;
    }

    .cpl-scope .swatches-list li > code {
        background-color: #FFF;
    }

    .cpl-scope .swatch-color {
        width: 100%;
        height: 20px;
        display: block;
        margin: 0 auto 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0px solid #000;
    }

    .cpl-scope .color-grid * {
        transition: opacity 400ms ease-out;
    }

    .cpl-scope .color-grid .row.colors {
        margin-bottom: 4vh;
    }

    .cpl-scope .color-grid code {
        display: block;
    }

    .cpl-scope .color-grid.color-uses code {
        display: inline-block;
    }

    .cpl-scope .color-grid .deprecation {
        display: block;
        margin-top: 6px;
        color: #CF1034;
    }

        .cpl-scope .color-grid .deprecation code {
            margin-top: 0;
        }

    .cpl-scope .color-grid .color-bg-name {
        font-weight: bold;
        color: #00AB4E;
    }

    .cpl-scope .color-grid .swatch-color {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 5.9vw;
        margin-bottom: 5px;
    }

        .cpl-scope .color-grid .swatch-color > .lod {
            color: #FFF;
            margin: 2px;
        }

            .cpl-scope .color-grid .swatch-color > .lod .ihs-icon-checkmark,
            .cpl-scope .color-grid .swatch-color > .lod .ihs-icon-warning {
                height: 1.3rem;
            }

        .cpl-scope .color-grid .swatch-color > .dol {
            color: #000;
            margin: 2px;
        }

            .cpl-scope .color-grid .swatch-color > .dol .ihs-icon-checkmark,
            .cpl-scope .color-grid .swatch-color > .dol .ihs-icon-warning {
                height: 1.3rem;
            }

    .cpl-scope .brand-color-primary-dark,
    .cpl-scope .ihs-color-primary-dark {
        background-color: #007778;
    }

    .cpl-scope svg[class*="brand-icon"].brand-color-primary-dark,
    .cpl-scope svg[class*="ihs-icon"].brand-color-primary-dark,
    .cpl-scope svg[class*="ico_"].brand-color-primary-dark,
    .cpl-scope svg[class*="brand-icon"].ihs-color-primary-dark,
    .cpl-scope svg[class*="ihs-icon"].ihs-color-primary-dark,
    .cpl-scope svg[class*="ico_"].ihs-color-primary-dark {
        background-color: transparent;
        fill: #007778;
    }

    .cpl-scope .brand-color-primary-dark-text {
        color: #007778;
    }


    .cpl-scope svg[class*="brand-icon"].brand-color-primary,
    .cpl-scope svg[class*="ihs-icon"].brand-color-primary,
    .cpl-scope svg[class*="ico_"].brand-color-primary,
    .cpl-scope svg[class*="brand-icon"].ihs-color-primary,
    .cpl-scope svg[class*="ihs-icon"].ihs-color-primary,
    .cpl-scope svg[class*="ico_"].ihs-color-primary {
        background-color: transparent;
        fill: #009596;
    }

    .cpl-scope .color-success-dark {
        background-color: #6EA720;
    }

    .cpl-scope svg[class*="brand-icon"].color-success-dark,
    .cpl-scope svg[class*="ihs-icon"].color-success-dark,
    .cpl-scope svg[class*="ico_"].color-success-dark {
        background-color: transparent;
        fill: #6EA720;
    }

    .cpl-scope .color-success-dark-text {
        color: #6EA720;
    }

    .cpl-scope .color-success {
        background-color: #8DC63F;
    }

    .cpl-scope svg[class*="brand-icon"].color-success,
    .cpl-scope svg[class*="ihs-icon"].color-success,
    .cpl-scope svg[class*="ico_"].color-success {
        background-color: transparent;
        fill: #8DC63F;
    }

    .cpl-scope .color-success-text {
        color: #8DC63F;
    }

    .cpl-scope .color-success-light {
        background-color: #ACE55E;
    }

    .cpl-scope svg[class*="brand-icon"].color-success-light,
    .cpl-scope svg[class*="ihs-icon"].color-success-light,
    .cpl-scope svg[class*="ico_"].color-success-light {
        background-color: transparent;
        fill: #ACE55E;
    }

    .cpl-scope .color-success-light-text {
        color: #ACE55E;
    }

    .cpl-scope .color-info-dark {
        background-color: #0096D2;
    }

    .cpl-scope svg[class*="brand-icon"].color-info-dark,
    .cpl-scope svg[class*="ihs-icon"].color-info-dark,
    .cpl-scope svg[class*="ico_"].color-info-dark {
        background-color: transparent;
        fill: #0096D2;
    }

    .cpl-scope .color-info-dark-text {
        color: #0096D2;
    }

    .cpl-scope .color-info {
        background-color: #00B5F1;
    }

    .cpl-scope svg[class*="brand-icon"].color-info,
    .cpl-scope svg[class*="ihs-icon"].color-info,
    .cpl-scope svg[class*="ico_"].color-info {
        background-color: transparent;
        fill: #00B5F1;
    }

    .cpl-scope .color-info-text {
        color: #00B5F1;
    }

    .cpl-scope .color-info-light {
        background-color: #1FD4FF;
    }

    .cpl-scope svg[class*="brand-icon"].color-info-light,
    .cpl-scope svg[class*="ihs-icon"].color-info-light,
    .cpl-scope svg[class*="ico_"].color-info-light {
        background-color: transparent;
        fill: #1FD4FF;
    }

    .cpl-scope .color-info-light-text {
        color: #1FD4FF;
    }

    .cpl-scope .color-warning-dark {
        background-color: #D87500;
    }

    .cpl-scope svg[class*="brand-icon"].color-warning-dark,
    .cpl-scope svg[class*="ihs-icon"].color-warning-dark,
    .cpl-scope svg[class*="ico_"].color-warning-dark {
        background-color: transparent;
        fill: #D87500;
    }

    .cpl-scope .color-warning-dark-text {
        color: #D87500;
    }

    .cpl-scope .color-warning {
        background-color: #F7941D;
    }

    .cpl-scope svg[class*="brand-icon"].color-warning,
    .cpl-scope svg[class*="ihs-icon"].color-warning,
    .cpl-scope svg[class*="ico_"].color-warning {
        background-color: transparent;
        fill: #F7941D;
    }

    .cpl-scope .color-warning-text {
        color: #F7941D;
    }

    .cpl-scope .color-warning-light {
        background-color: #FFB33C;
    }

    .cpl-scope svg[class*="brand-icon"].color-warning-light,
    .cpl-scope svg[class*="ihs-icon"].color-warning-light,
    .cpl-scope svg[class*="ico_"].color-warning-light {
        background-color: transparent;
        fill: #FFB33C;
    }

    .cpl-scope .color-warning-light-text {
        color: #FFB33C;
    }

    .cpl-scope .color-danger-dark {
        background-color: #B00015;
    }

    .cpl-scope svg[class*="brand-icon"].color-danger-dark,
    .cpl-scope svg[class*="ihs-icon"].color-danger-dark,
    .cpl-scope svg[class*="ico_"].color-danger-dark {
        background-color: transparent;
        fill: #B00015;
    }

    .cpl-scope .color-danger-dark-text {
        color: #B00015;
    }

    .cpl-scope .color-danger {
        background-color: #CF1034;
    }

    .cpl-scope svg[class*="brand-icon"].color-danger,
    .cpl-scope svg[class*="ihs-icon"].color-danger,
    .cpl-scope svg[class*="ico_"].color-danger {
        background-color: transparent;
        fill: #CF1034;
    }

    .cpl-scope .color-danger-text {
        color: #CF1034;
    }

    .cpl-scope .color-danger-light {
        background-color: #EE2F53;
    }

    .cpl-scope svg[class*="brand-icon"].color-danger-light,
    .cpl-scope svg[class*="ihs-icon"].color-danger-light,
    .cpl-scope svg[class*="ico_"].color-danger-light {
        background-color: transparent;
        fill: #EE2F53;
    }

    .cpl-scope .color-danger-light-text {
        color: #EE2F53;
    }

    .cpl-scope .color-gray-darker {
        background-color: #32363B;
    }

    .cpl-scope svg[class*="brand-icon"].color-gray-darker,
    .cpl-scope svg[class*="ihs-icon"].color-gray-darker,
    .cpl-scope svg[class*="ico_"].color-gray-darker {
        background-color: transparent;
        fill: #32363B;
    }

    .cpl-scope .color-gray-darker-text {
        color: #32363B;
    }

    .cpl-scope .color-gray-dark {
        background-color: #53575C;
    }

    .cpl-scope svg[class*="brand-icon"].color-gray-dark,
    .cpl-scope svg[class*="ihs-icon"].color-gray-dark,
    .cpl-scope svg[class*="ico_"].color-gray-dark {
        background-color: transparent;
        fill: #53575C;
    }

    .cpl-scope .color-gray-dark-text {
        color: #53575C;
    }

    .cpl-scope .color-gray {
        background-color: #84888D;
    }

    .cpl-scope svg[class*="brand-icon"].color-gray,
    .cpl-scope svg[class*="ihs-icon"].color-gray,
    .cpl-scope svg[class*="ico_"].color-gray {
        background-color: transparent;
        fill: #84888D;
    }

    .cpl-scope .color-gray-text {
        color: #84888D;
    }

    .cpl-scope .color-gray-light {
        background-color: #C1C5CA;
    }

    .cpl-scope svg[class*="brand-icon"].color-gray-light,
    .cpl-scope svg[class*="ihs-icon"].color-gray-light,
    .cpl-scope svg[class*="ico_"].color-gray-light {
        background-color: transparent;
        fill: #C1C5CA;
    }

    .cpl-scope .color-gray-light-text {
        color: #C1C5CA;
    }

    .cpl-scope .color-gray-lighter {
        background-color: #EAEEF3;
    }

    .cpl-scope svg[class*="brand-icon"].color-gray-lighter,
    .cpl-scope svg[class*="ihs-icon"].color-gray-lighter,
    .cpl-scope svg[class*="ico_"].color-gray-lighter {
        background-color: transparent;
        fill: #EAEEF3;
    }

    .cpl-scope .color-gray-lighter-text {
        color: #EAEEF3;
    }

    .cpl-scope .color-lod,
    .cpl-scope .color-light-on-dark {
        color: #ffffff;
        background-color: #53575C;
    }

    .cpl-scope .color-lod-bg,
    .cpl-scope .color-light-on-dark-bg {
        background-color: #53575C;
    }

    .cpl-scope .color-dol,
    .cpl-scope .color-dark-on-light {
        color: #32363B;
        background-color: #ffffff;
    }

    .cpl-scope .color-dol-bg,
    .cpl-scope .color-dark-on-light-bg {
        background-color: #ffffff;
    }

    .cpl-scope .color-white,
    .cpl-scope .color-lod-text,
    .cpl-scope .color-light-on-dark-text {
        color: #ffffff;
    }

    .cpl-scope .color-black,
    .cpl-scope .color-dol-text,
    .cpl-scope .color-dark-on-light-text {
        color: #32363B;
    }

    .cpl-scope .container-test {
        max-width: 1024px;
        margin: 0px auto;
    }

    .cpl-scope .container-width-x {
        width: 1024px;
        margin: 0 auto;
    }

    .cpl-scope .demo-site-links li {
        margin: 10px 5px 10px 25px;
        padding: 15px 10px 15px 15px;
        border: 1px solid #ccc;
        width: 300px;
        background-color: #f4f4f4;
        font-size: 14px;
    }

    .cpl-scope .screenshot {
        margin: 0px auto;
        border: 1px solid #efefef;
        height: 500px;
        background-color: #f2f2f2;
    }

    .cpl-scope .ihs-menu.navbar-nav {
        height: 24px;
        border: 0px;
    }

        .cpl-scope .ihs-menu.navbar-nav li {
            border-radius: 0px;
            margin-right: 1px;
        }

            .cpl-scope .ihs-menu.navbar-nav li:last-of-type {
                margin-right: 0;
            }

            .cpl-scope .ihs-menu.navbar-nav li.pull-right {
                margin-right: 0;
                margin-left: 1px;
            }

                .cpl-scope .ihs-menu.navbar-nav li.pull-right:last-of-type {
                    margin-right: 0;
                    margin-left: 0;
                }

    .cpl-scope .ihs-menu.navbar-blue {
        background-color: #0066B3;
        color: white;
    }

        .cpl-scope .ihs-menu.navbar-blue li,
        .cpl-scope .ihs-menu.navbar-blue li a {
            height: 24px;
            color: white;
        }

            .cpl-scope .ihs-menu.navbar-blue li:hover,
            .cpl-scope .ihs-menu.navbar-blue li a:hover {
                background-color: #0B507F;
            }

        .cpl-scope .ihs-menu.navbar-blue > li.active,
        .cpl-scope .ihs-menu.navbar-blue > li.active a {
            background-color: #0B507F;
            color: white;
            border-top: solid 2px #ff8f1c;
            top: -2px;
            height: 26px;
        }

            .cpl-scope .ihs-menu.navbar-blue > li.active a:hover,
            .cpl-scope .ihs-menu.navbar-blue > li.active a:focus {
                background-color: #0B507F;
                color: white;
            }

    .cpl-scope .ihs-menu.navbar-turquoise {
        background-color: #00719d;
    }

        .cpl-scope .ihs-menu.navbar-turquoise li,
        .cpl-scope .ihs-menu.navbar-turquoise li a {
            height: 24px;
            color: white;
        }

            .cpl-scope .ihs-menu.navbar-turquoise li:hover,
            .cpl-scope .ihs-menu.navbar-turquoise li a:hover {
                background-color: #0097d1;
            }

            .cpl-scope .ihs-menu.navbar-turquoise li.active,
            .cpl-scope .ihs-menu.navbar-turquoise li.active a {
                background-color: #0097d1;
                color: white;
                border-top: solid 2px #ff8f1c;
                top: -2px;
                height: 26px;
            }

                .cpl-scope .ihs-menu.navbar-turquoise li.active a:hover,
                .cpl-scope .ihs-menu.navbar-turquoise li.active a:focus {
                    background-color: #0097d1;
                    color: white;
                }

    .cpl-scope .ihs-menu.navbar-gray,
    .cpl-scope .ihs-menu.navbar-grey {
        background-color: #999999;
    }

        .cpl-scope .ihs-menu.navbar-gray li,
        .cpl-scope .ihs-menu.navbar-grey li,
        .cpl-scope .ihs-menu.navbar-gray li a,
        .cpl-scope .ihs-menu.navbar-grey li a {
            height: 24px;
            color: #ffffff;
        }

            .cpl-scope .ihs-menu.navbar-gray li:hover,
            .cpl-scope .ihs-menu.navbar-gray li.hover,
            .cpl-scope .ihs-menu.navbar-grey li:hover,
            .cpl-scope .ihs-menu.navbar-gray li:focus,
            .cpl-scope .ihs-menu.navbar-gray li.focus,
            .cpl-scope .ihs-menu.navbar-grey li:focus,
            .cpl-scope .ihs-menu.navbar-gray li a:hover,
            .cpl-scope .ihs-menu.navbar-gray li a.hover,
            .cpl-scope .ihs-menu.navbar-grey li a:hover,
            .cpl-scope .ihs-menu.navbar-gray li a:focus,
            .cpl-scope .ihs-menu.navbar-gray li a.focus,
            .cpl-scope .ihs-menu.navbar-grey li a:focus {
                background-color: #4c4b4c;
                color: white;
            }

        .cpl-scope .ihs-menu.navbar-gray > li.active,
        .cpl-scope .ihs-menu.navbar-grey > li.active,
        .cpl-scope .ihs-menu.navbar-gray > li.active > a,
        .cpl-scope .ihs-menu.navbar-grey > li.active > a {
            background-color: #4c4b4c;
            color: white;
            border-top: solid 2px #ff8f1c;
            top: -2px;
            height: 26px;
        }

            .cpl-scope .ihs-menu.navbar-gray > li.active > a:hover,
            .cpl-scope .ihs-menu.navbar-gray > li.active > a.hover,
            .cpl-scope .ihs-menu.navbar-grey > li.active > a:hover,
            .cpl-scope .ihs-menu.navbar-gray > li.active > a:focus,
            .cpl-scope .ihs-menu.navbar-gray > li.active > a.focus,
            .cpl-scope .ihs-menu.navbar-grey > li.active > a:focus {
                background-color: #4c4b4c;
                color: white;
            }

        .cpl-scope .ihs-menu.navbar-gray > .open > a,
        .cpl-scope .ihs-menu.navbar-gray > .open > a:hover,
        .cpl-scope .ihs-menu.navbar-gray > .open > a:focus {
            background-color: #C1C5CA !important;
            color: #32363B !important;
        }

    .cpl-scope .ihs-menu.navbar-black {
        background-color: #000000;
    }

        .cpl-scope .ihs-menu.navbar-black li,
        .cpl-scope .ihs-menu.navbar-black li a {
            height: 24px;
        }

            .cpl-scope .ihs-menu.navbar-black li a {
                padding: 5px 12px;
                color: white;
            }

                .cpl-scope .ihs-menu.navbar-black li:hover,
                .cpl-scope .ihs-menu.navbar-black li a:hover {
                    background-color: #E5E5E5;
                    color: #000000;
                }

        .cpl-scope .ihs-menu.navbar-black > li.active,
        .cpl-scope .ihs-menu.navbar-black > li.active a {
            background-color: #E5E5E5;
            color: #000000;
            border-top: solid 2px #ff8f1c;
            top: -2px;
            height: 26px;
        }

            .cpl-scope .ihs-menu.navbar-black > li.active a:hover,
            .cpl-scope .ihs-menu.navbar-black > li.active a:focus {
                background-color: #E5E5E5;
                color: #000000;
            }

        .cpl-scope .ihs-menu.navbar-black > .open > a,
        .cpl-scope .ihs-menu.navbar-black > .open > a:hover,
        .cpl-scope .ihs-menu.navbar-black > .open > a:focus {
            background-color: #84888D !important;
            color: #ffffff !important;
        }

    .cpl-scope .footer {
        background-color: #4c4b4c;
        height: 64px;
        padding: 14px 16px;
        color: white;
    }

        .cpl-scope .footer.footer-small {
            height: 24px;
            padding: 4px 16px;
        }

        .cpl-scope .footer.footer-expanded {
            height: 96px;
            padding: 8px 16px;
        }

        .cpl-scope .footer h1 {
            font-family: 'AkkuratLLTT-Regular';
            color: white;
            font-size: 20px;
            font-weight: 100;
            float: right;
            margin: 8px 0px 0px 5px;
        }

        .cpl-scope .footer .social-icons i {
            display: inline-block;
            width: 24px;
            height: 24px;
            background-color: #999;
            border-radius: 30px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            line-height: 24px;
            margin-right: 4px;
        }

        .cpl-scope .footer .social-icons {
            padding: 3px 0px;
            border-right: 1px solid #fff;
            display: inline-block;
            padding-right: 28px;
            margin-right: 32px;
            vertical-align: middle;
        }

        .cpl-scope .footer .copyright-links {
            display: inline-block;
            vertical-align: middle;
        }

        .cpl-scope .footer .logo {
            display: inline-block;
            vertical-align: middle;
        }

        .cpl-scope .footer .ihs-logo {
            background: url("../img/ihs-logo-white.png") no-repeat;
            width: 37px;
            height: 37px;
            float: left;
        }

        .cpl-scope .footer ul {
            float: none;
            margin: 0px;
            padding: 0px;
        }

    .cpl-scope .footer-expanded .copyright-links ul {
        margin-top: 34px;
    }

    .cpl-scope .footer-expanded small {
        display: block;
    }

    .cpl-scope .footer-expanded .logo,
    .cpl-scope .footer-small .logo {
        margin-top: 34px;
    }

    .cpl-scope .footer-small > .footer-control {
        position: absolute;
        right: 16px;
        top: 4px;
        cursor: pointer;
    }

        .cpl-scope .footer-small > .footer-control svg[class="brand-icon-chevron"],
        .cpl-scope .footer-small > .footer-control svg[class="ihs-icon-chevron"] {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: 0px;
            padding: 0px;
            fill: #C1C5CA;
            color: #C1C5CA;
            stroke: #C1C5CA;
            outline: #C1C5CA;
            stroke-width: 0px;
        }

        .cpl-scope .footer-small > .footer-control:hover {
            fill: white;
        }

    .cpl-scope .icons-holder {
        padding: 16px 16px 16px 30px;
    }

    .cpl-scope .icons-sized {
        font-size: 16px;
    }

@media (max-width: 768px) {
    .cpl-scope .icon-set,
    .cpl-scope .navbar-nav {
        margin: 0;
        float: right;
    }
}

.cpl-scope svg[class*="brand-icon"],
.cpl-scope svg[class*="ihs-icon"],
.cpl-scope svg[class*="ico_"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

    .cpl-scope svg[class*="brand-icon"]:hover,
    .cpl-scope svg[class*="ihs-icon"]:hover,
    .cpl-scope svg[class*="ico_"]:hover {
        color: inherit;
    }

    .cpl-scope svg[class*="brand-icon"].icon-inline,
    .cpl-scope svg[class*="ihs-icon"].icon-inline,
    .cpl-scope svg[class*="ico_"].icon-inline {
        width: 10px;
        height: 10px;
    }

.cpl-scope .icons {
    background: radial-gradient(#F7F8FA, #ffffff 65%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .cpl-scope .icons svg[class*="brand-icon"],
    .cpl-scope .icons svg[class*="ihs-icon"],
    .cpl-scope .icons svg[class*="ico_"] {
        margin: 10px;
    }

        .cpl-scope .icons svg[class*="brand-icon"] span,
        .cpl-scope .icons svg[class*="ihs-icon"] span,
        .cpl-scope .icons svg[class*="ico_"] span {
            margin: 0px;
        }

    .cpl-scope .icons li {
        background-color: #ffffff;
        box-shadow: inset 0 0 4px 1px #F8FAFE;
        border-radius: 4px;
        list-style-type: none;
        display: inline-block;
        padding: 10px;
        width: 150px;
        height: 100px;
        margin: 5px;
        text-align: center;
    }

    .cpl-scope button.btn-icon:not(.btn-default):not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-go):hover,
    .cpl-scope button.btn-icon:not(.btn-default):not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-go).hover,
    .cpl-scope button.btn-icon:not(.btn-default):not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-go):focus,
    .cpl-scope button.btn-icon:not(.btn-default):not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-go).focus {
        color: #00494a;
    }

    .cpl-scope button.btn-icon:not(.btn-default):not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-info):not(.btn-warning):not(.btn-danger):not(.btn-go) > svg {
        fill: currentColor;
    }

.cpl-scope .btn.btn-icon > svg {
    width: 62px;
    /* 64px */
    height: 62px;
    /* 64px */
    padding: 15px;
}

.cpl-scope .btn-icon {
    display: inline-block;
    text-align: center;
    width: 64px;
    /* 64px */
    height: 64px;
    /* 64px */
}

    .cpl-scope .btn-icon > svg {
        width: 64px;
        /* 64px */
        height: 64px;
        /* 64px */
        padding: 16px;
    }

    .cpl-scope .btn-icon.has-text > svg {
        padding: 12px 20px 28px;
        /* 64px -40px(padding) means icons are 24x24 */
    }

    .cpl-scope .btn-icon .btn-icon-text {
        position: relative;
        float: left;
        top: -28px;
        font-size: 10px;
        width: 100%;
        text-decoration: inherit;
    }

.cpl-scope .btn.btn-icon {
    padding: 0;
}

.cpl-scope .btn-icon.btn-icon-48,
.cpl-scope .btn-icon.btn-go.btn-lg {
    display: inline-block;
    width: 48px;
    /* 48px */
    height: 48px;
    /* 48px */
}

.cpl-scope .btn-icon.btn-go.btn-lg {
    padding: 0;
}

    .cpl-scope .btn-icon.btn-icon-48 > svg,
    .cpl-scope .btn-icon.btn-go.btn-lg > svg {
        width: 48px;
        /* 48px */
        height: 48px;
        /* 48px */
        padding: 12px;
    }

.cpl-scope .btn.btn-icon.btn-icon-48 > svg,
.cpl-scope .btn.btn-icon.btn-go.btn-lg > svg {
    /* Account for .btn border */
    width: 46px;
    /* 46px */
    height: 46px;
    /* 46px */
    padding: 11px;
}

.cpl-scope .btn-icon.btn-icon-32 {
    display: inline-block;
    width: 32px;
    /* 32px */
    height: 32px;
    /* 32px */
}

    .cpl-scope .btn-icon.btn-icon-32 > svg {
        width: 32px;
        /* 32px */
        height: 32px;
        /* 32px */
        padding: 8px;
    }

.cpl-scope .btn.btn-icon.btn-icon-32 > svg {
    /* Account for .btn border */
    width: 30px;
    /* 64px */
    height: 30px;
    /* 64px */
    padding: 7px;
}

.cpl-scope .btn-icon.btn-icon-24,
.cpl-scope .btn-icon.btn-go {
    display: inline-block;
    width: 24px;
    /* 24px */
    height: 24px;
    /* 24px */
}

    .cpl-scope .btn-icon.btn-icon-24 > svg,
    .cpl-scope .btn-icon.btn-go > svg {
        width: 24px;
        /* 24px */
        height: 24px;
        /* 24px */
        padding: 4px;
    }

.cpl-scope .btn.btn-icon.btn-icon-24 > svg,
.cpl-scope .btn.btn-icon.btn-go > svg {
    /* Account for .btn border */
    width: 22px;
    /* 64px */
    height: 22px;
    /* 64px */
    padding: 3px;
}

.cpl-scope .btn-icon.btn-icon-16 {
    display: inline-block;
    width: 16px;
    /* 16px */
    height: 16px;
    /* 16px */
}

    .cpl-scope .btn-icon.btn-icon-16 > svg {
        width: 16px;
        /* 16px */
        height: 16px;
        /* 16px */
        padding: 2px;
    }

.cpl-scope .btn.btn-icon.btn-icon-16 > svg {
    /* Account for .btn border */
    position: relative;
    top: -2px;
    /* Not yet sure why this is needed. */
    width: 14px;
    /* 64px */
    height: 14px;
    /* 64px */
    padding: 1px;
}

.cpl-scope .btn-icon.btn-icon-12 {
    display: inline-block;
    width: 12px;
    /* 12px */
    height: 12px;
    /* 12px */
}

    .cpl-scope .btn-icon.btn-icon-12 > svg {
        width: 12px;
        /* 12px */
        height: 12px;
        /* 12px */
        padding: 0px;
    }

.cpl-scope .btn.btn-icon.btn-icon-12 > svg {
    /* Account for .btn border */
    position: relative;
    top: -4px;
    /* Not yet sure why this is needed. */
    width: 10px;
    /* 64px */
    height: 10px;
    /* 64px */
    padding: 1px;
}

.cpl-scope .btn-primary .btn-icon > svg,
.cpl-scope .btn-secondary .btn-icon > svg,
.cpl-scope .btn-success .btn-icon > svg,
.cpl-scope .btn-info .btn-icon > svg,
.cpl-scope .btn-warning .btn-icon > svg,
.cpl-scope .btn-danger .btn-icon > svg,
.cpl-scope .btn-primary .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-primary .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-primary .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-secondary .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-secondary .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-secondary .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-success .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-success .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-success .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-info .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-info .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-info .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-warning .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-warning .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-warning .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-danger .btn-icon > svg[class*="brand-icon"],
.cpl-scope .btn-danger .btn-icon > svg[class*="ihs-icon"],
.cpl-scope .btn-danger .btn-icon > svg[class*="ico_"],
.cpl-scope .btn-icon.btn.btn-primary > svg,
.cpl-scope .btn-icon.btn.btn-secondary > svg,
.cpl-scope .btn-icon.btn.btn-success > svg,
.cpl-scope .btn-icon.btn.btn-info > svg,
.cpl-scope .btn-icon.btn.btn-warning > svg,
.cpl-scope .btn-icon.btn.btn-danger > svg {
    fill: #FFF;
}

.cpl-scope .btn {
    padding: 3px 15px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
}

    .cpl-scope .btn.btn-xs {
        padding: 0px 7px;
        font-size: 10px;
        line-height: 1.333333;
        border-radius: 1px;
    }

    .cpl-scope .btn.btn-sm {
        padding: 0px 8px;
        font-size: 12px;
        line-height: 16px;
        border-radius: 2px;
    }

    .cpl-scope .btn.btn-lg {
        padding: 7px 15px;
        font-size: 15px;
        line-height: 16px;
        border-radius: 3px;
    }

    .cpl-scope .btn.btn-go {
        background-color: #8DC63F;
        border-color: #8DC63F;
        color: #ffffff;
    }

        .cpl-scope .btn.btn-go:hover {
            background-color: #6c9a2e;
            border-color: #6c9a2e;
            color: #ffffff;
        }

        .cpl-scope .btn.btn-go[disabled] {
            background-color: #8DC63F;
            border-color: #8DC63F;
        }

        .cpl-scope .btn.btn-go:hover[disabled] {
            background-color: #8DC63F;
            border-color: #8DC63F;
        }

.cpl-scope .btn-toggle {
    text-align: center;
    padding: 0px;
    background-color: #ffffff;
    border: 1px solid #C1C5CA;
}

    .cpl-scope .btn-toggle svg[class*="brand-icon"],
    .cpl-scope .btn-toggle svg[class*="ihs-icon"] {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 5px 8px;
        padding: 0px;
        fill: #C1C5CA;
        color: #C1C5CA;
        stroke: #C1C5CA;
        outline: #C1C5CA;
        stroke-width: 0px;
    }

    .cpl-scope .btn-toggle:hover,
    .cpl-scope .btn-toggle.selected,
    .cpl-scope .btn-toggle.active {
        background-color: #ffffff;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .cpl-scope .btn-toggle:hover svg[class*="brand-icon"],
        .cpl-scope .btn-toggle.selected svg[class*="brand-icon"],
        .cpl-scope .btn-toggle.active svg[class*="brand-icon"],
        .cpl-scope .btn-toggle:hover svg[class*="ihs-icon"],
        .cpl-scope .btn-toggle.selected svg[class*="ihs-icon"],
        .cpl-scope .btn-toggle.active svg[class*="ihs-icon"] {
            stroke: #009596;
            fill: #009596;
        }

    .cpl-scope #myCarousel,
    .cpl-scope #HeroCarousel {
        width: 960px;
        border: 0px solid #32363B;
    }

        .cpl-scope #myCarousel .carousel-inner,
        .cpl-scope #HeroCarousel .carousel-inner {
            padding: 0px;
        }

        .cpl-scope #myCarousel .carousel-indicators,
        .cpl-scope #HeroCarousel .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            z-index: 15;
            margin-left: -30%;
            padding-left: 0;
            list-style: none;
            text-align: center;
            border: 0px solid #32363B;
        }

            .cpl-scope #myCarousel .carousel-indicators li,
            .cpl-scope #HeroCarousel .carousel-indicators li {
                display: inline-block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                margin: 1px;
                text-indent: -999px;
                cursor: pointer;
                background-color: #7c7c7c;
            }

                .cpl-scope #myCarousel .carousel-indicators li.active,
                .cpl-scope #HeroCarousel .carousel-indicators li.active {
                    background-color: #f69f2c;
                    width: 12px;
                    height: 12px;
                    margin: 0px;
                }

        .cpl-scope #myCarousel .carousel-content-left,
        .cpl-scope #HeroCarousel .carousel-content-left,
        .cpl-scope #myCarousel .tout,
        .cpl-scope #HeroCarousel .tout {
            display: table-cell;
            width: 592px;
            height: 400px;
            border: 0px solid #32363B;
            padding: 16px 16px 16px 0px;
            vertical-align: middle;
        }

            .cpl-scope #myCarousel .carousel-content-left h2,
            .cpl-scope #HeroCarousel .carousel-content-left h2,
            .cpl-scope #myCarousel .tout h2,
            .cpl-scope #HeroCarousel .tout h2 {
                margin-bottom: 14px;
                font-size: 32px;
                color: #32363B;
            }

        .cpl-scope #myCarousel .carousel-content-right,
        .cpl-scope #HeroCarousel .carousel-content-right {
            width: 368px;
            height: 400px;
            border: 0px solid #32363B;
            display: table-cell;
            vertical-align: middle;
        }

        .cpl-scope #myCarousel a,
        .cpl-scope #HeroCarousel a {
            color: white;
        }

    .cpl-scope .ew-tile {
        width: 224px;
        min-height: 176px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        padding-bottom: 24px;
        border: 0px solid #32363B;
        padding: 3px;
    }

        .cpl-scope .ew-tile.color-black .panel-heading {
            border-bottom: 1px solid black;
        }

        .cpl-scope .ew-tile h2 {
            padding: 0;
            margin: 0;
            color: inherit;
        }

        .cpl-scope .ew-tile .panel-heading,
        .cpl-scope .ew-tile .panel-body,
        .cpl-scope .ew-tile .panel-footer {
            background-color: inherit;
            color: inherit;
            padding: 0;
            margin: 0;
        }

        .cpl-scope .ew-tile .panel-body {
            padding: 8px 0px 0px 0px;
        }

            .cpl-scope .ew-tile .panel-body hr {
                margin-top: 8px;
                margin-bottom: 8px;
            }

        .cpl-scope .ew-tile .panel-heading {
            padding: 0px 0px 8px 0px;
            border-bottom: 1px solid white;
        }

        .cpl-scope .ew-tile .panel {
            border: 0px solid #32363B;
            padding: 0;
            margin: 0;
            background-color: inherit;
            color: inherit;
        }

    .cpl-scope .tile-center {
        width: 224px;
        min-height: 265px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: #ffffff;
        border: 1px solid #C1C5CA;
        margin: 0px;
        text-align: center;
        padding: 32px 16px;
    }

        .cpl-scope .tile-center .panel-heading {
            padding: 0;
            margin: 0;
            margin-bottom: 16px;
            border: 0px solid #32363B;
        }

            .cpl-scope .tile-center .panel-heading .img-container {
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                display: inline-block;
                vertical-align: middle;
                padding: 20px;
                margin: 0px;
            }

                .cpl-scope .tile-center .panel-heading .img-container svg[class*="brand-icon"],
                .cpl-scope .tile-center .panel-heading .img-container svg[class*="ihs-icon"] {
                    display: inline-block;
                    width: 48px;
                    height: 48px;
                    margin: 0px;
                    padding: 0px;
                    fill: white;
                    color: white;
                    stroke: white;
                    outline: white;
                    stroke-width: 0px;
                }

        .cpl-scope .tile-center .panel-body {
            padding: 0;
            margin: 0;
        }

            .cpl-scope .tile-center .panel-body h1,
            .cpl-scope .tile-center .panel-body h2 {
                padding: 0;
                margin: 0;
                color: #32363B;
            }

            .cpl-scope .tile-center .panel-body ul {
                padding: 0;
                margin: 0;
                margin-top: 8px;
            }

                .cpl-scope .tile-center .panel-body ul li {
                    font-size: 12px;
                    list-style-type: none;
                }

            .cpl-scope .tile-center .panel-body input[type="checkbox"] + label:before {
                padding: 6px 6px 0px 0px;
            }

    .cpl-scope .accordion .panel-heading.collapsed .ihs-icon-arrow {
        transform: rotate(180deg);
    }

    .cpl-scope .accordion .panel-heading .ihs-icon-arrow {
        float: right;
        fill: #009596;
        width: 12px;
        height: 12px;
        transform: rotate(-90deg);
    }

    .cpl-scope .accordion .panel-primary .ihs-icon-arrow,
    .cpl-scope .accordion .panel-secondary .ihs-icon-arrow,
    .cpl-scope .accordion .panel-info .ihs-icon-arrow,
    .cpl-scope .accordion .panel-success .ihs-icon-arrow,
    .cpl-scope .accordion .panel-warning .ihs-icon-arrow,
    .cpl-scope .accordion .panel-danger .ihs-icon-arrow {
        fill: #ffffff;
    }

    .cpl-scope .brand-accordion,
    .cpl-scope .ihs-accordion {
        border: 0px solid transparent;
        /*
        .panel + .panel {
            margin-top: 0px;
        }
        .panel-heading {
            .border(1px, @gray-light);
            .border-radius();
            background-color: @gray-lighter;
            padding: 7px 7px;
            height: 32px;

            position: relative;
            cursor: pointer;

            &[aria-expanded="true"] {
                .border-radius-bottom();
            }

        }
        */
        /*
        .panel-title:after {
                .icon-font();
                .icon-set(@font-size-body, @gray-base, 4px 4px 0px 0px, 0px);
                float: right;
        }
            // pointed down //
            .chevron-open:after {
                .rotate-270;
            }
        .panel-heading + .panel-collapse {

        & >.panel-body {
            background-color: @body-bg;
            .border(1px, @gray-light);
            border-top: 0px;
            padding: 15px 7px;
        }
        }
        */
    }

        .cpl-scope .brand-accordion .panel,
        .cpl-scope .ihs-accordion .panel {
            box-shadow: none;
        }

        .cpl-scope .brand-accordion .panel-default,
        .cpl-scope .ihs-accordion .panel-default {
            border: 0 solid transparent;
            background-color: transparent;
        }

        .cpl-scope .brand-accordion .panel-heading,
        .cpl-scope .ihs-accordion .panel-heading {
            position: relative;
            background-color: transparent;
            border-bottom: 1px solid #009596;
            padding: 12px 24px 4px 16px;
            cursor: pointer;
        }

            .cpl-scope .brand-accordion .panel-heading .ihs-icon-arrow,
            .cpl-scope .ihs-accordion .panel-heading .ihs-icon-arrow {
                display: inline-block;
                fill: #009596;
                height: 10px;
                position: absolute;
                top: calc(50% - 1px);
                right: 8px;
                transform: rotate(-90deg);
            }

            .cpl-scope .brand-accordion .panel-heading.collapsed .ihs-icon-arrow,
            .cpl-scope .ihs-accordion .panel-heading.collapsed .ihs-icon-arrow {
                transform: rotate(180deg);
            }

        .cpl-scope .brand-accordion .panel-title,
        .cpl-scope .ihs-accordion .panel-title {
            font-size: 12px;
            font-weight: bold;
            display: block;
            padding: 0;
            margin: 0;
            border: 0 solid transparent;
        }

        .cpl-scope .brand-accordion .panel-collapse,
        .cpl-scope .ihs-accordion .panel-collapse {
            border: 1px solid #C1C5CA;
        }

        .cpl-scope .brand-accordion.strong .panel-heading,
        .cpl-scope .ihs-accordion.strong .panel-heading {
            background-color: #53575C;
            color: #ffffff;
            border-bottom-color: #ffffff !important;
            border-bottom-width: 0px;
            padding-top: 12px;
            padding-bottom: 6px;
        }

            .cpl-scope .brand-accordion.strong .panel-heading.collapsed,
            .cpl-scope .ihs-accordion.strong .panel-heading.collapsed {
                border-bottom-width: 1px;
            }

            .cpl-scope .brand-accordion.strong .panel-heading .ihs-icon-arrow,
            .cpl-scope .ihs-accordion.strong .panel-heading .ihs-icon-arrow {
                fill: #ffffff;
            }

        .cpl-scope .brand-accordion.strong .panel-collapse,
        .cpl-scope .ihs-accordion.strong .panel-collapse {
            transition: height 400ms, margin 0ms;
            border-top-color: #53575C;
        }

            .cpl-scope .brand-accordion.strong .panel-collapse.in,
            .cpl-scope .ihs-accordion.strong .panel-collapse.in,
            .cpl-scope .brand-accordion.strong .panel-collapse.collapsing,
            .cpl-scope .ihs-accordion.strong .panel-collapse.collapsing {
                margin-top: -2px;
                margin-bottom: 2px;
            }

    .cpl-scope .ew-accordion {
        border: 0px solid #32363B;
    }

        .cpl-scope .ew-accordion .panel-default {
            border: 0px solid #32363B;
            background-color: inherit;
        }

        .cpl-scope .ew-accordion .panel-heading {
            border: 0px solid #32363B;
            background-color: inherit;
            padding-left: 0px;
        }

        .cpl-scope .ew-accordion .panel-title {
            font-size: 12px;
            color: inherit;
        }

        .cpl-scope .ew-accordion .panel-body {
            border: 0px solid #32363B;
            background-color: #ffffff;
        }

    .cpl-scope .ew-card {
        min-height: 128px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        border-top: 4px solid #00B5F1;
        margin: 0px;
        padding: 14px;
    }

        .cpl-scope .ew-card.version-home {
            width: 240px;
        }

        .cpl-scope .ew-card.version-workspace {
            width: 336px;
        }

        .cpl-scope .ew-card hr {
            border-color: #32363B;
            border-width: 1px;
        }

        .cpl-scope .ew-card .panel-heading,
        .cpl-scope .ew-card .panel-body,
        .cpl-scope .ew-card .panel-footer {
            background-color: inherit;
            color: inherit;
            width: auto;
            padding: 0;
            margin: 0;
        }

        .cpl-scope .ew-card .panel-body {
            padding: 8px 0px 32px 0px;
        }

        .cpl-scope .ew-card .panel-heading {
            padding: 0px 0px 8px 0px;
            border-bottom: 1px solid #32363B;
            height: 32px;
        }

        .cpl-scope .ew-card .panel-footer {
            border: 0px;
        }

        .cpl-scope .ew-card .panel {
            border: 0px solid green;
            padding: 0;
            margin: 0;
            background-color: inherit;
            color: inherit;
        }

    .cpl-scope .newlog {
        padding-top: 25px;
        padding-left: 10px;
        border-top-color: #CCC;
        border-left: 1px solid #B6BABD;
    }

        .cpl-scope .newlog .blurb {
            position: relative;
            top: 0;
            left: 0;
            background-color: #FFF;
            background-clip: padding-box;
            border: 1px solid #CCC;
            border: 1px solid #B6BABD;
            border-radius: 3px;
            margin-bottom: 50px;
            padding: 10px 15px;
        }

            .cpl-scope .newlog .blurb.top {
                margin-top: -8px;
            }

            .cpl-scope .newlog .blurb.right {
                margin-left: 13px;
            }

            .cpl-scope .newlog .blurb.bottom {
                margin-top: 8px;
            }

            .cpl-scope .newlog .blurb.left {
                margin-left: -8px;
            }

            .cpl-scope .newlog .blurb .labels {
                float: right;
                text-align: right;
            }

        .cpl-scope .newlog .blurb-title {
            margin: -40px -15px 10px -29px;
            padding: 8px 14px;
            font-size: 12px;
        }

        .cpl-scope .newlog .blurb > .arrow,
        .cpl-scope .newlog .blurb > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

        .cpl-scope .newlog .blurb > .arrow {
            border-width: 9px;
        }

            .cpl-scope .newlog .blurb > .arrow:before {
                content: ' ';
                position: absolute;
            }

            .cpl-scope .newlog .blurb > .arrow:after {
                border-width: 8px;
                border-width: calc(8.125px);
                content: "";
            }

        .cpl-scope .newlog .blurb.top > .arrow {
            left: 50%;
            margin-left: -9px;
            border-bottom-width: 0;
            border-top-color: #999999;
            border-top-color: #84888D;
            bottom: -9px;
        }

            .cpl-scope .newlog .blurb.top > .arrow:after {
                content: " ";
                bottom: 1px;
                margin-left: -8px;
                border-bottom-width: 0;
                border-top-color: #ffffff;
            }

        .cpl-scope .newlog .blurb.right > .arrow {
            top: 50%;
            top: 40px;
            left: -9px;
            margin-top: -9px;
            border-left-width: 0;
            border-right-color: #999999;
            border-right-color: #84888D;
        }

            .cpl-scope .newlog .blurb.right > .arrow:before {
                border-top-color: #999999;
                border: 4px solid #84888D;
                border-radius: 4px;
                top: -4px;
                left: -20px;
            }

            .cpl-scope .newlog .blurb.right > .arrow:after {
                content: " ";
                left: 1px;
                bottom: -8px;
                border-left-width: 0;
                border-right-color: #ffffff;
            }

        .cpl-scope .newlog .blurb.bottom > .arrow {
            left: 50%;
            margin-left: -9px;
            border-top-width: 0;
            border-bottom-color: #999999;
            border-bottom-color: #84888D;
            top: -9px;
        }

            .cpl-scope .newlog .blurb.bottom > .arrow:after {
                content: " ";
                top: 1px;
                margin-left: -8px;
                border-top-width: 0;
                border-bottom-color: #ffffff;
            }

        .cpl-scope .newlog .blurb.left > .arrow {
            top: 50%;
            right: -9px;
            margin-top: -9px;
            border-right-width: 0;
            border-left-color: #999999;
            border-left-color: #84888D;
        }

            .cpl-scope .newlog .blurb.left > .arrow:after {
                content: " ";
                right: 1px;
                border-right-width: 0;
                border-left-color: #ffffff;
                bottom: -8px;
            }

    .cpl-scope .ew-messaging-inline {
        color: #32363B;
    }

    .cpl-scope .panel.tabs-offset {
        margin-top: 33px;
    }

        .cpl-scope .panel.tabs-offset.panel-default .nav-tabs {
            border-bottom-color: #C1C5CA;
        }

            .cpl-scope .panel.tabs-offset.panel-default .nav-tabs li.active {
                border-color: #C1C5CA;
                border-bottom-color: transparent;
            }

        .cpl-scope .panel.tabs-offset.panel-info .nav-tabs {
            border-bottom-color: #00B5F1;
        }

            .cpl-scope .panel.tabs-offset.panel-info .nav-tabs li.active {
                border-color: #00B5F1;
                border-bottom-color: transparent;
            }

        .cpl-scope .panel.tabs-offset.panel-success .nav-tabs {
            border-bottom-color: #8DC63F;
        }

            .cpl-scope .panel.tabs-offset.panel-success .nav-tabs li.active {
                border-color: #8DC63F;
                border-bottom-color: transparent;
            }

        .cpl-scope .panel.tabs-offset.panel-warning .nav-tabs {
            border-bottom-color: #F7941D;
        }

            .cpl-scope .panel.tabs-offset.panel-warning .nav-tabs li.active {
                border-color: #F7941D;
                border-bottom-color: transparent;
            }

        .cpl-scope .panel.tabs-offset.panel-danger .nav-tabs {
            border-bottom-color: #CF1034;
        }

            .cpl-scope .panel.tabs-offset.panel-danger .nav-tabs li.active {
                border-color: #CF1034;
                border-bottom-color: transparent;
            }

    .cpl-scope .info-panel {
        background-color: #ffffff;
        padding: 16px;
        position: relative;
        border: 1px solid #C1C5CA;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
        width: 100%;
    }

        .cpl-scope .info-panel span {
            float: left;
            display: inline-block;
            width: 48px;
            height: 48px;
            margin: 0px;
            padding: 0px 16px 0px 0px;
            fill: #84888D;
            color: #84888D;
            stroke: #84888D;
            outline: #84888D;
            stroke-width: 0px;
        }

        .cpl-scope .info-panel svg[class*="brand-icon"],
        .cpl-scope .info-panel svg[class*="ihs-icon"] {
            float: left;
            display: inline-block;
            width: 48px;
            height: 48px;
            margin: 0px;
            padding: 0px 16px 0px 0px;
            fill: #84888D;
            color: #84888D;
            stroke: #84888D;
            outline: #84888D;
            stroke-width: 0px;
        }

        .cpl-scope .info-panel ul {
            position: absolute;
            top: 16px;
            right: 16px;
        }

            .cpl-scope .info-panel ul li {
                display: inline-block;
            }

        .cpl-scope .info-panel p {
            margin-bottom: 0px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .cpl-scope .panel-green {
        border-color: #5cb85c;
    }

        .cpl-scope .panel-green .panel-heading {
            border-color: #5cb85c;
            color: #fff;
            background-color: #5cb85c;
        }

        .cpl-scope .panel-green a {
            color: #5cb85c;
        }

            .cpl-scope .panel-green a:hover {
                color: #3d8b3d;
            }

    .cpl-scope .panel-red {
        border-color: #d9534f;
    }

        .cpl-scope .panel-red .panel-heading {
            border-color: #d9534f;
            color: #fff;
            background-color: #d9534f;
        }

        .cpl-scope .panel-red a {
            color: #d9534f;
        }

            .cpl-scope .panel-red a:hover {
                color: #b52b27;
            }

    .cpl-scope .panel-yellow {
        border-color: #f0ad4e;
    }

        .cpl-scope .panel-yellow .panel-heading {
            border-color: #f0ad4e;
            color: #fff;
            background-color: #f0ad4e;
        }

        .cpl-scope .panel-yellow a {
            color: #f0ad4e;
        }

            .cpl-scope .panel-yellow a:hover {
                color: #df8a13;
            }

    .cpl-scope .pod {
        display: inline-block;
        background-color: #ffffff;
        border: 1px solid #84888D;
        border-radius: 14px;
        padding: 2px 16px;
        position: relative;
    }

        .cpl-scope .pod:hover,
        .cpl-scope .pod:focus {
            background-color: #D1D2D3;
        }

        .cpl-scope .pod .pod-text {
            display: inline-block;
            height: 100%;
            text-decoration: none;
        }

            .cpl-scope .pod .pod-text:first-child {
                margin-left: -6px;
            }

            .cpl-scope .pod .pod-text:last-child {
                margin-right: -6px;
            }

        .cpl-scope .pod > svg[class*="brand-icon"],
        .cpl-scope .pod > svg[class*="ihs-icon"],
        .cpl-scope .pod > svg[class*="ico_"] {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-top: -2px;
        }

            .cpl-scope .pod > svg[class*="brand-icon"]:first-child,
            .cpl-scope .pod > svg[class*="ihs-icon"]:first-child,
            .cpl-scope .pod > svg[class*="ico_"]:first-child {
                margin-left: -10px;
            }

            .cpl-scope .pod > svg[class*="brand-icon"]:last-child,
            .cpl-scope .pod > svg[class*="ihs-icon"]:last-child,
            .cpl-scope .pod > svg[class*="ico_"]:last-child {
                margin-right: -10px;
            }

        .cpl-scope .pod > svg.ico_clear {
            fill: #C1C5CA;
        }

            .cpl-scope .pod > svg.ico_clear:hover,
            .cpl-scope .pod > svg.ico_clear.hover,
            .cpl-scope .pod > svg.ico_clear:focus,
            .cpl-scope .pod > svg.ico_clear.focus {
                fill: currentColor;
            }

        .cpl-scope .pod .badge {
            margin-top: -2px;
            padding: 1px 5px;
        }

        .cpl-scope .pod:hover > svg.ico_clear,
        .cpl-scope .pod:focus > svg.ico_clear {
            fill: currentColor;
        }

    .cpl-scope .pod-success {
        border-color: #8DC63F;
    }

    .cpl-scope .pod-info {
        border-color: #00B5F1;
    }

    .cpl-scope .pod-warning {
        border-color: #F7941D;
    }

    .cpl-scope .pod-danger {
        border-color: #CF1034;
    }

    .cpl-scope .nav.nav-tabs,
    .cpl-scope .nav.nav-tabs-2,
    .cpl-scope .nav.nav-tabs-light {
        background-color: transparent;
        padding: 0px;
        font-size: 14px;
        font-weight: bold;
        border: 0px solid transparent;
        border-bottom: 1px solid #84888D;
    }

            .cpl-scope .nav.nav-tabs > li:hover,
            .cpl-scope .nav.nav-tabs-2 > li:hover,
            .cpl-scope .nav.nav-tabs-light > li:hover,
            .cpl-scope .nav.nav-tabs > li.hover,
            .cpl-scope .nav.nav-tabs-2 > li.hover,
            .cpl-scope .nav.nav-tabs-light > li.hover,
            .cpl-scope .nav.nav-tabs > li:focus,
            .cpl-scope .nav.nav-tabs-2 > li:focus,
            .cpl-scope .nav.nav-tabs-light > li:focus,
            .cpl-scope .nav.nav-tabs > li.focus,
            .cpl-scope .nav.nav-tabs-2 > li.focus,
            .cpl-scope .nav.nav-tabs-light > li.focus {
                background-color: #EAEEF3;
                color: #007778;
            }

                .cpl-scope .nav.nav-tabs > li:hover > a,
                .cpl-scope .nav.nav-tabs-2 > li:hover > a,
                .cpl-scope .nav.nav-tabs-light > li:hover > a,
                .cpl-scope .nav.nav-tabs > li.hover > a,
                .cpl-scope .nav.nav-tabs-2 > li.hover > a,
                .cpl-scope .nav.nav-tabs-light > li.hover > a,
                .cpl-scope .nav.nav-tabs > li:focus > a,
                .cpl-scope .nav.nav-tabs-2 > li:focus > a,
                .cpl-scope .nav.nav-tabs-light > li:focus > a,
                .cpl-scope .nav.nav-tabs > li.focus > a,
                .cpl-scope .nav.nav-tabs-2 > li.focus > a,
                .cpl-scope .nav.nav-tabs-light > li.focus > a {
                    color: #007778;
                }

            .cpl-scope .nav.nav-tabs > li > a:hover,
            .cpl-scope .nav.nav-tabs-2 > li > a:hover,
            .cpl-scope .nav.nav-tabs-light > li > a:hover,
            .cpl-scope .nav.nav-tabs > li > a.hover,
            .cpl-scope .nav.nav-tabs-2 > li > a.hover,
            .cpl-scope .nav.nav-tabs-light > li > a.hover,
            .cpl-scope .nav.nav-tabs > li > a:focus,
            .cpl-scope .nav.nav-tabs-2 > li > a:focus,
            .cpl-scope .nav.nav-tabs-light > li > a:focus,
            .cpl-scope .nav.nav-tabs > li > a.focus,
            .cpl-scope .nav.nav-tabs-2 > li > a.focus,
            .cpl-scope .nav.nav-tabs-light > li > a.focus {
                color: #007778;
            }

            .cpl-scope .nav.nav-tabs > li.active,
            .cpl-scope .nav.nav-tabs-2 > li.active,
            .cpl-scope .nav.nav-tabs-light > li.active {
                background-color: #ffffff;
                cursor: default;
            }

                .cpl-scope .nav.nav-tabs > li.active:hover,
                .cpl-scope .nav.nav-tabs-2 > li.active:hover,
                .cpl-scope .nav.nav-tabs-light > li.active:hover,
                .cpl-scope .nav.nav-tabs > li.active.hover,
                .cpl-scope .nav.nav-tabs-2 > li.active.hover,
                .cpl-scope .nav.nav-tabs-light > li.active.hover,
                .cpl-scope .nav.nav-tabs > li.active:focus,
                .cpl-scope .nav.nav-tabs-2 > li.active:focus,
                .cpl-scope .nav.nav-tabs-light > li.active:focus,
                .cpl-scope .nav.nav-tabs > li.active.focus,
                .cpl-scope .nav.nav-tabs-2 > li.active.focus,
                .cpl-scope .nav.nav-tabs-light > li.active.focus {
                    color: #32363B;
                }

                .cpl-scope .nav.nav-tabs > li.active > a,
                .cpl-scope .nav.nav-tabs-2 > li.active > a,
                .cpl-scope .nav.nav-tabs-light > li.active > a {
                    color: #32363B;
                    background: none;
                    cursor: default;
                }

                .cpl-scope .nav.nav-tabs > li > a:hover,
                .cpl-scope .nav.nav-tabs-2 > li > a:hover,
                .cpl-scope .nav.nav-tabs-light > li > a:hover {
                    background-color: transparent;
                }

                .cpl-scope .nav.nav-tabs > li > a.active,
                .cpl-scope .nav.nav-tabs-2 > li > a.active,
                .cpl-scope .nav.nav-tabs-light > li > a.active {
                    background-color: #ffffff;
                    color: #32363B;
                    cursor: default;
                }

            .cpl-scope .nav.nav-tabs > li[disabled],
            .cpl-scope .nav.nav-tabs-2 > li[disabled],
            .cpl-scope .nav.nav-tabs-light > li[disabled],
            .cpl-scope .nav.nav-tabs > li[disabled="disabled"],
            .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"],
            .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"],
            .cpl-scope .nav.nav-tabs > li[disabled="true"],
            .cpl-scope .nav.nav-tabs-2 > li[disabled="true"],
            .cpl-scope .nav.nav-tabs-light > li[disabled="true"],
            .cpl-scope .nav.nav-tabs > li.disabled,
            .cpl-scope .nav.nav-tabs-2 > li.disabled,
            .cpl-scope .nav.nav-tabs-light > li.disabled {
                color: #C1C5CA;
                cursor: not-allowed;
                font-weight: normal;
            }

                .cpl-scope .nav.nav-tabs > li[disabled]:hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled]:hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled]:hover,
                .cpl-scope .nav.nav-tabs > li[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs > li[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs > li.disabled:hover,
                .cpl-scope .nav.nav-tabs-2 > li.disabled:hover,
                .cpl-scope .nav.nav-tabs-light > li.disabled:hover,
                .cpl-scope .nav.nav-tabs > li[disabled].hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled].hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled].hover,
                .cpl-scope .nav.nav-tabs > li[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs > li[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs-light > li[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs > li.disabled.hover,
                .cpl-scope .nav.nav-tabs-2 > li.disabled.hover,
                .cpl-scope .nav.nav-tabs-light > li.disabled.hover,
                .cpl-scope .nav.nav-tabs > li[disabled]:focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled]:focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled]:focus,
                .cpl-scope .nav.nav-tabs > li[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs > li[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs > li.disabled:focus,
                .cpl-scope .nav.nav-tabs-2 > li.disabled:focus,
                .cpl-scope .nav.nav-tabs-light > li.disabled:focus,
                .cpl-scope .nav.nav-tabs > li[disabled].focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled].focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled].focus,
                .cpl-scope .nav.nav-tabs > li[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs > li[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs-light > li[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs > li.disabled.focus,
                .cpl-scope .nav.nav-tabs-2 > li.disabled.focus,
                .cpl-scope .nav.nav-tabs-light > li.disabled.focus {
                    background-color: transparent;
                }

                .cpl-scope .nav.nav-tabs > li[disabled] > a,
                .cpl-scope .nav.nav-tabs-2 > li[disabled] > a,
                .cpl-scope .nav.nav-tabs-light > li[disabled] > a,
                .cpl-scope .nav.nav-tabs > li[disabled="disabled"] > a,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"] > a,
                .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"] > a,
                .cpl-scope .nav.nav-tabs > li[disabled="true"] > a,
                .cpl-scope .nav.nav-tabs-2 > li[disabled="true"] > a,
                .cpl-scope .nav.nav-tabs-light > li[disabled="true"] > a,
                .cpl-scope .nav.nav-tabs > li.disabled > a,
                .cpl-scope .nav.nav-tabs-2 > li.disabled > a,
                .cpl-scope .nav.nav-tabs-light > li.disabled > a {
                    color: #C1C5CA;
                    cursor: not-allowed;
                    pointer-events: none;
                }

                    .cpl-scope .nav.nav-tabs > li[disabled] > a:hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled] > a:hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled] > a:hover,
                    .cpl-scope .nav.nav-tabs > li[disabled="disabled"] > a:hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"] > a:hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"] > a:hover,
                    .cpl-scope .nav.nav-tabs > li[disabled="true"] > a:hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="true"] > a:hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="true"] > a:hover,
                    .cpl-scope .nav.nav-tabs > li.disabled > a:hover,
                    .cpl-scope .nav.nav-tabs-2 > li.disabled > a:hover,
                    .cpl-scope .nav.nav-tabs-light > li.disabled > a:hover,
                    .cpl-scope .nav.nav-tabs > li[disabled] > a.hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled] > a.hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled] > a.hover,
                    .cpl-scope .nav.nav-tabs > li[disabled="disabled"] > a.hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"] > a.hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"] > a.hover,
                    .cpl-scope .nav.nav-tabs > li[disabled="true"] > a.hover,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="true"] > a.hover,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="true"] > a.hover,
                    .cpl-scope .nav.nav-tabs > li.disabled > a.hover,
                    .cpl-scope .nav.nav-tabs-2 > li.disabled > a.hover,
                    .cpl-scope .nav.nav-tabs-light > li.disabled > a.hover,
                    .cpl-scope .nav.nav-tabs > li[disabled] > a:focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled] > a:focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled] > a:focus,
                    .cpl-scope .nav.nav-tabs > li[disabled="disabled"] > a:focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"] > a:focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"] > a:focus,
                    .cpl-scope .nav.nav-tabs > li[disabled="true"] > a:focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="true"] > a:focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="true"] > a:focus,
                    .cpl-scope .nav.nav-tabs > li.disabled > a:focus,
                    .cpl-scope .nav.nav-tabs-2 > li.disabled > a:focus,
                    .cpl-scope .nav.nav-tabs-light > li.disabled > a:focus,
                    .cpl-scope .nav.nav-tabs > li[disabled] > a.focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled] > a.focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled] > a.focus,
                    .cpl-scope .nav.nav-tabs > li[disabled="disabled"] > a.focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="disabled"] > a.focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="disabled"] > a.focus,
                    .cpl-scope .nav.nav-tabs > li[disabled="true"] > a.focus,
                    .cpl-scope .nav.nav-tabs-2 > li[disabled="true"] > a.focus,
                    .cpl-scope .nav.nav-tabs-light > li[disabled="true"] > a.focus,
                    .cpl-scope .nav.nav-tabs > li.disabled > a.focus,
                    .cpl-scope .nav.nav-tabs-2 > li.disabled > a.focus,
                    .cpl-scope .nav.nav-tabs-light > li.disabled > a.focus {
                        background-color: transparent;
                    }

            .cpl-scope .nav.nav-tabs > li a[disabled],
            .cpl-scope .nav.nav-tabs-2 > li a[disabled],
            .cpl-scope .nav.nav-tabs-light > li a[disabled],
            .cpl-scope .nav.nav-tabs > li a[disabled="disabled"],
            .cpl-scope .nav.nav-tabs-2 > li a[disabled="disabled"],
            .cpl-scope .nav.nav-tabs-light > li a[disabled="disabled"],
            .cpl-scope .nav.nav-tabs > li a[disabled="true"],
            .cpl-scope .nav.nav-tabs-2 > li a[disabled="true"],
            .cpl-scope .nav.nav-tabs-light > li a[disabled="true"],
            .cpl-scope .nav.nav-tabs > li a.disabled,
            .cpl-scope .nav.nav-tabs-2 > li a.disabled,
            .cpl-scope .nav.nav-tabs-light > li a.disabled {
                color: #C1C5CA;
                cursor: not-allowed;
            }

                .cpl-scope .nav.nav-tabs > li a[disabled]:hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled]:hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled]:hover,
                .cpl-scope .nav.nav-tabs > li a[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="disabled"]:hover,
                .cpl-scope .nav.nav-tabs > li a[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="true"]:hover,
                .cpl-scope .nav.nav-tabs > li a.disabled:hover,
                .cpl-scope .nav.nav-tabs-2 > li a.disabled:hover,
                .cpl-scope .nav.nav-tabs-light > li a.disabled:hover,
                .cpl-scope .nav.nav-tabs > li a[disabled].hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled].hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled].hover,
                .cpl-scope .nav.nav-tabs > li a[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="disabled"].hover,
                .cpl-scope .nav.nav-tabs > li a[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="true"].hover,
                .cpl-scope .nav.nav-tabs > li a.disabled.hover,
                .cpl-scope .nav.nav-tabs-2 > li a.disabled.hover,
                .cpl-scope .nav.nav-tabs-light > li a.disabled.hover,
                .cpl-scope .nav.nav-tabs > li a[disabled]:focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled]:focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled]:focus,
                .cpl-scope .nav.nav-tabs > li a[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="disabled"]:focus,
                .cpl-scope .nav.nav-tabs > li a[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="true"]:focus,
                .cpl-scope .nav.nav-tabs > li a.disabled:focus,
                .cpl-scope .nav.nav-tabs-2 > li a.disabled:focus,
                .cpl-scope .nav.nav-tabs-light > li a.disabled:focus,
                .cpl-scope .nav.nav-tabs > li a[disabled].focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled].focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled].focus,
                .cpl-scope .nav.nav-tabs > li a[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="disabled"].focus,
                .cpl-scope .nav.nav-tabs > li a[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs-2 > li a[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs-light > li a[disabled="true"].focus,
                .cpl-scope .nav.nav-tabs > li a.disabled.focus,
                .cpl-scope .nav.nav-tabs-2 > li a.disabled.focus,
                .cpl-scope .nav.nav-tabs-light > li a.disabled.focus {
                    background-color: transparent;
                }

        .cpl-scope .nav.nav-tabs .badge,
        .cpl-scope .nav.nav-tabs-2 .badge,
        .cpl-scope .nav.nav-tabs-light .badge {
            position: absolute;
            top: -8px;
            right: 4px;
            font-weight: normal;
            color: #ffffff;
            font-size: 10px;
        }

    .cpl-scope .nav.nav-tabs,
    .cpl-scope .nav.nav-tabs-2 {
        -webkit-border-radius: 1px 0;
        -moz-border-radius: 1px 0;
        border-radius: 1px 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-right: -16px;
        margin-left: -16px;
        padding-right: 16px;
        padding-left: 16px;
    }

            .cpl-scope .nav.nav-tabs > li:first-child,
            .cpl-scope .nav.nav-tabs-2 > li:first-child {
                border-top-left-radius: 1px;
            }

            .cpl-scope .nav.nav-tabs > li.active,
            .cpl-scope .nav.nav-tabs-2 > li.active,
            .cpl-scope .nav.nav-tabs > li > a.active,
            .cpl-scope .nav.nav-tabs-2 > li > a.active {
                border: 1px solid #84888D;
                border-bottom: 0px solid transparent;
                border-radius: 2px;
                height: 33px;
            }

            .cpl-scope .nav.nav-tabs > li > a.active,
            .cpl-scope .nav.nav-tabs-2 > li > a.active {
                margin: -1px -1px 0;
            }

                .cpl-scope .nav.nav-tabs > li > a.active:hover,
                .cpl-scope .nav.nav-tabs-2 > li > a.active:hover,
                .cpl-scope .nav.nav-tabs > li > a.active.hover,
                .cpl-scope .nav.nav-tabs-2 > li > a.active.hover,
                .cpl-scope .nav.nav-tabs > li > a.active:focus,
                .cpl-scope .nav.nav-tabs-2 > li > a.active:focus,
                .cpl-scope .nav.nav-tabs > li > a.active.focus,
                .cpl-scope .nav.nav-tabs-2 > li > a.active.focus {
                    color: #32363B;
                    border-width: 1px;
                    border-bottom-color: transparent;
                }

            .cpl-scope .nav.nav-tabs > li > a,
            .cpl-scope .nav.nav-tabs-2 > li > a {
                border: 0px solid transparent;
            }

                .cpl-scope .nav.nav-tabs > li > a:hover,
                .cpl-scope .nav.nav-tabs-2 > li > a:hover {
                    border: 0px solid #84888D;
                }

        .cpl-scope .nav.nav-tabs:after,
        .cpl-scope .nav.nav-tabs-2:after {
            content: '';
            height: 32px;
            width: 1px;
            margin-left: 1px;
        }

    .cpl-scope .nav.nav-tabs-light {
        border-bottom: 2px solid #EAEEF3;
    }

        .cpl-scope .nav.nav-tabs-light > li {
            border-bottom: 2px solid #EAEEF3;
            margin-right: 10px;
            margin-bottom: -2px;
        }

            .cpl-scope .nav.nav-tabs-light > li.active,
            .cpl-scope .nav.nav-tabs-light > li > a.active {
                height: 32px;
                border-bottom: 2px solid #F7941D;
            }

            .cpl-scope .nav.nav-tabs-light > li > a {
                padding-right: 6px;
                padding-left: 6px;
            }

    .cpl-scope .panel > .nav.nav-tabs,
    .cpl-scope .panel > * > .nav.nav-tabs,
    .cpl-scope .panel > .nav.nav-tabs-2,
    .cpl-scope .panel > * > .nav.nav-tabs-2 {
        margin: -33px 0 0 -1px;
        padding-right: 0;
        padding-left: 0;
    }

    .cpl-scope .nav-tabs.tab-content,
    .cpl-scope .nav-tabs-2.tab-content,
    .cpl-scope .nav-tabs-light.tab-content {
        -webkit-border-radius: 0px 1px 1px 1px;
        -moz-border-radius: 0px 1px 1px 1px;
        border-radius: 0px 1px 1px 1px;
        border-bottom: none;
    }

        .cpl-scope .nav-tabs.tab-content .tab-pane,
        .cpl-scope .nav-tabs-2.tab-content .tab-pane,
        .cpl-scope .nav-tabs-light.tab-content .tab-pane {
            padding: 16px 16px 16px 0;
            border: 0px solid #32363B;
        }

            .cpl-scope .nav-tabs.tab-content .tab-pane p:last-child,
            .cpl-scope .nav-tabs-2.tab-content .tab-pane p:last-child,
            .cpl-scope .nav-tabs-light.tab-content .tab-pane p:last-child {
                margin-bottom: 0px;
            }

    .cpl-scope .panel .tab-content {
        margin: 0px;
        padding: 0px;
        -webkit-border-radius: 0px 1px 1px 1px;
        -moz-border-radius: 0px 1px 1px 1px;
        border-radius: 0px 1px 1px 1px;
    }

        .cpl-scope .panel .tab-content .tab-pane {
            padding: 13px 16px 16px 16px;
            border: 0px solid #32363B;
        }

            .cpl-scope .panel .tab-content .tab-pane p:last-child {
                margin-bottom: 0px;
            }

    .cpl-scope .alert {
        border: 0px solid #32363B;
        padding: 8px 8px;
    }

        .cpl-scope .alert svg[class*="brand-icon"],
        .cpl-scope .alert svg[class*="ihs-icon"] {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 0px 4px 0px 0px;
            padding: 0px;
            fill: #84888D;
            color: #84888D;
            stroke: #84888D;
            outline: #84888D;
            stroke-width: 0px;
            vertical-align: text-bottom;
        }

    .cpl-scope .alert-dismissable .close,
    .cpl-scope .alert-dismissible .close {
        top: -3px;
        right: 8px;
        padding: 0 4px 0 8px;
        color: #C1C5CA;
        fill: #C1C5CA;
    }

        .cpl-scope .alert-dismissable .close:not(:disabled):not(.disabled):hover,
        .cpl-scope .alert-dismissible .close:not(:disabled):not(.disabled):hover,
        .cpl-scope .alert-dismissable .close:focus,
        .cpl-scope .alert-dismissible .close:focus {
            color: currentColor;
            fill: currentColor;
        }

    .cpl-scope .mCustomScrollbar {
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        /* direct pointer events to js */
    }

        .cpl-scope .mCustomScrollbar.mCS_no_scrollbar,
        .cpl-scope .mCustomScrollbar.mCS_touch_action {
            -ms-touch-action: auto;
            touch-action: auto;
        }

    .cpl-scope .mCustomScrollBox {
        /* contains plugin's markup */
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
    }

    .cpl-scope .mCSB_container {
        /* contains the original content */
        overflow: hidden;
        width: auto;
        height: auto;
    }

    .cpl-scope .mCSB_inside > .mCSB_container {
        margin-right: 30px;
    }

    .cpl-scope .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
    }

    .cpl-scope .mCS-dir-rtl > .mCSB_inside > .mCSB_container {
        /* RTL direction/left-side scrollbar */
        margin-right: 0;
        margin-left: 30px;
    }

        .cpl-scope .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
            margin-left: 0;
        }

    .cpl-scope .mCSB_scrollTools {
        /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
        position: absolute;
        width: 16px;
        height: auto;
        left: auto;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .cpl-scope .mCSB_outside + .mCSB_scrollTools {
        right: -26px;
    }

    .cpl-scope .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
    .cpl-scope .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
        /* RTL direction/left-side scrollbar */
        right: auto;
        left: 0;
    }

    .cpl-scope .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
        left: -26px;
    }

    .cpl-scope .mCSB_scrollTools .mCSB_draggerContainer {
        /* contains the draggable element and dragger rail markup */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: auto;
    }

    .cpl-scope .mCSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0px 0;
    }

    .cpl-scope .mCSB_scrollTools .mCSB_draggerRail {
        width: 2px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .cpl-scope .mCSB_scrollTools .mCSB_dragger {
        /* the draggable element */
        cursor: pointer;
        width: 100%;
        height: 30px;
        /* minimum dragger height */
        z-index: 1;
    }

        .cpl-scope .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            /* the dragger element */
            position: relative;
            width: 4px;
            height: 100%;
            margin: 0 auto;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            text-align: center;
        }

    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 12px;
        /* auto-expanded scrollbar */
    }

    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 8px;
        /* auto-expanded scrollbar */
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonDown {
        display: block;
        position: absolute;
        height: 20px;
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonDown {
        bottom: 0;
    }

    .cpl-scope .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .cpl-scope .mCSB_horizontal.mCSB_outside > .mCSB_container {
        min-height: 100%;
    }

    .cpl-scope .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
        margin-bottom: 0;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        width: auto;
        height: 16px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .cpl-scope .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .cpl-scope .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -26px;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0 0px;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 2px;
        margin: 7px 0;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 30px;
        /* minimum dragger width */
        height: 100%;
        left: 0;
    }

        .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 4px;
            margin: 6px auto;
        }

    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        /* auto-expanded scrollbar */
        margin: 2px auto;
    }

    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 8px;
        /* auto-expanded scrollbar */
        margin: 4px 0;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
        display: block;
        position: absolute;
        width: 20px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
        left: 0;
    }

    .cpl-scope .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
        right: 0;
    }

    .cpl-scope .mCSB_container_wrapper {
        position: absolute;
        height: auto;
        width: auto;
        overflow: hidden;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-right: 30px;
        margin-bottom: 30px;
    }

        .cpl-scope .mCSB_container_wrapper > .mCSB_container {
            padding-right: 30px;
            padding-bottom: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .cpl-scope .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 20px;
    }

    .cpl-scope .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        right: 20px;
    }

    .cpl-scope .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
        bottom: 0;
    }

    .cpl-scope .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .cpl-scope .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        right: 0;
    }

    .cpl-scope .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 20px;
    }

    .cpl-scope .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        left: 0;
    }

    .cpl-scope .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
        /* RTL direction/left-side scrollbar */
        margin-right: 0;
        margin-left: 30px;
    }

    .cpl-scope .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
        padding-right: 0;
    }

    .cpl-scope .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
        padding-bottom: 0;
    }

    .cpl-scope .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
        /* non-visible scrollbar */
        margin-left: 0;
    }

    .cpl-scope .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
        margin-bottom: 0;
    }

    .cpl-scope .mCSB_scrollTools,
    .cpl-scope .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonRight {
        -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    }

    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
        -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    }

    .cpl-scope .mCSB_scrollTools {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .cpl-scope .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
    .cpl-scope .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
        opacity: 0;
        filter: "alpha(opacity=0)";
        -ms-filter: "alpha(opacity=0)";
    }

    .cpl-scope .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
    .cpl-scope .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
    .cpl-scope .mCustomScrollBox:hover > .mCSB_scrollTools,
    .cpl-scope .mCustomScrollBox:hover ~ .mCSB_scrollTools,
    .cpl-scope .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
    .cpl-scope .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.4);
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
        filter: "alpha(opacity=85)";
        -ms-filter: "alpha(opacity=85)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCSB_scrollTools .mCSB_buttonRight {
        background-image: url(../img/mCSB_buttons.png);
        /* css sprites */
        background-repeat: no-repeat;
        opacity: 0.4;
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)";
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 0;
        /* 
			sprites locations 
			light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
			dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
			*/
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -20px;
        /* 
			sprites locations
			light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
			dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
			*/
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -40px;
        /* 
			sprites locations 
			light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
			dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
			*/
    }

    .cpl-scope .mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -56px;
        /* 
			sprites locations 
			light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
			dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
			*/
    }

        .cpl-scope .mCSB_scrollTools .mCSB_buttonUp:hover,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonDown:hover,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonLeft:hover,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonRight:hover {
            opacity: 0.75;
            filter: "alpha(opacity=75)";
            -ms-filter: "alpha(opacity=75)";
        }

        .cpl-scope .mCSB_scrollTools .mCSB_buttonUp:active,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonDown:active,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonLeft:active,
        .cpl-scope .mCSB_scrollTools .mCSB_buttonRight:active {
            opacity: 0.9;
            filter: "alpha(opacity=90)";
            -ms-filter: "alpha(opacity=90)";
        }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px 0;
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -20px;
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -40px;
    }

    .cpl-scope .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -56px;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px 0;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -20px;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -40px;
    }

    .cpl-scope .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -56px;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px 0;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -20px;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -40px;
    }

    .cpl-scope .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -56px;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
        width: 4px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 4px;
        margin: 6px 0;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 6px;
        margin: 5px auto;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -16px 0;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -16px -20px;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -20px -40px;
    }

    .cpl-scope .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -20px -56px;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -96px 0;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -96px -20px;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -100px -40px;
    }

    .cpl-scope .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -100px -56px;
    }

    .cpl-scope .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .cpl-scope .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 2px;
    }

    .cpl-scope .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
    }

    .cpl-scope .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 2px;
        margin: 7px auto;
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px 0;
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -20px;
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -40px;
    }

    .cpl-scope .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -56px;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.15);
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_dragger,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
        height: 14px;
    }

        .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 14px;
            margin: 0 1px;
        }

    .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 14px;
    }

        .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
            height: 14px;
            margin: 1px 0;
        }

    .cpl-scope .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        width: 16px;
        /* auto-expanded scrollbar */
        height: 16px;
        margin: -1px 0;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 4px;
        /* auto-expanded scrollbar */
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
        height: 16px;
        /* auto-expanded scrollbar */
        width: 16px;
        margin: 0 -1px;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 4px;
        /* auto-expanded scrollbar */
        margin: 6px 0;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 -72px;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -92px;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -112px;
    }

    .cpl-scope .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -128px;
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -80px -72px;
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -80px -92px;
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -80px -112px;
    }

    .cpl-scope .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -80px -128px;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
        width: 4px;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        background-color: transparent;
        background-position: center;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
        background-repeat: repeat-y;
        opacity: 0.3;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        height: 4px;
        margin: 6px 0;
        background-repeat: repeat-x;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -16px -72px;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -16px -92px;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -20px -112px;
    }

    .cpl-scope .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -20px -128px;
    }

    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
    }

    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -96px -72px;
    }

    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -96px -92px;
    }

    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -100px -112px;
    }

    .cpl-scope .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -100px -128px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-repeat: repeat-y;
        background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
        height: 70px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 70px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }

        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
        }

        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
            width: 8px;
            background-color: #000;
            background-color: rgba(0, 0, 0, 0.2);
            box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
        }

        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
            background-color: #555;
        }

        .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 8px;
        }

    .cpl-scope .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 8px;
        margin: 4px 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 8px;
        margin: 4px auto;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }

    .cpl-scope .mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }

    .cpl-scope .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools {
        opacity: 1;
        filter: "alpha(opacity=30)";
        -ms-filter: "alpha(opacity=30)";
    }

        .cpl-scope .mCS-3d-thick.mCSB_scrollTools,
        .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools,
        .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
        .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
        }

            .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
            .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

    .cpl-scope .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
    .cpl-scope .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
        right: 1px;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools_vertical,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools_horizontal,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
        bottom: 1px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
        width: 12px;
        margin: 2px;
        position: absolute;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 12px;
        width: auto;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.05);
        box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }

    .cpl-scope .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools {
        box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #777;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: #fff;
        background-color: rgba(0, 0, 0, 0.05);
        box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }

    .cpl-scope .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }

    .cpl-scope .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
    .cpl-scope .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
        right: 0;
        margin: 12px 0;
    }

    .cpl-scope .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .cpl-scope .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .cpl-scope .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .cpl-scope .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: 0;
        margin: 0 12px;
    }

    .cpl-scope .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
    .cpl-scope .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
        left: 0;
        right: auto;
    }

    .cpl-scope .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }

    .cpl-scope .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
        height: 50px;
    }

    .cpl-scope .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 50px;
    }

    .cpl-scope .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.2);
        filter: "alpha(opacity=20)";
        -ms-filter: "alpha(opacity=20)";
    }

    .cpl-scope .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.5);
        filter: "alpha(opacity=50)";
        -ms-filter: "alpha(opacity=50)";
    }

    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(219, 220, 222, 0.1);
        filter: "alpha(opacity=20)";
        -ms-filter: "alpha(opacity=20)";
    }

    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.5);
        filter: "alpha(opacity=50)";
        -ms-filter: "alpha(opacity=50)";
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: #dbdcde;
        /*bg light*/
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: red;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        background-color: #6d6e70;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 6px;
        margin: 5px 0;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        width: 12px;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
        height: 12px;
        margin: 2px 0;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #dbdcde;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #1b8fc9;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #dbdcde;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #0b507f;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 12px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 6px;
        margin: 3px 5px;
        position: absolute;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 6px;
        margin: 5px 3px;
        position: absolute;
        width: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
        width: 100%;
        height: 12px;
        margin: 2px 0;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -32px -72px;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -32px -92px;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -40px -112px;
    }

    .cpl-scope .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -40px -128px;
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
        background-position: -112px -72px;
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
        background-position: -112px -92px;
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
        background-position: -120px -112px;
    }

    .cpl-scope .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
        background-position: -120px -128px;
    }

    .cpl-scope .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
        border-color: rgba(255, 255, 255, 0.2);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cpl-scope .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
        border-color: #000;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.6);
    }

    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.75);
    }

    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.85);
    }

    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .cpl-scope .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }


    .cpl-scope .sample-content {
        width: 800px;
        height: 200px;
        border: 0px solid #32363B;
        margin: 20px;
    }

        .cpl-scope .sample-content .filler {
            width: 990px;
        }

    .cpl-scope CSB_scrollTools a + .mCSB_draggerContainer {
        margin: 0px 0;
    }

    .cpl-scope mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0 0px;
    }

    .cpl-scope .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #dbdcde;
    }

    .cpl-scope .mCS-light-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #6d6e70;
    }

    .cpl-scope .switch {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 14px;
        /* Rounded sliders */
    }

        .cpl-scope .switch[disabled] {
            cursor: not-allowed;
        }

            .cpl-scope .switch[disabled] .slider {
                background-color: #C1C5CA;
            }

            .cpl-scope .switch[disabled] label,
            .cpl-scope .switch[disabled] input[type=checkbox][disabled],
            .cpl-scope .switch[disabled] .slider {
                cursor: not-allowed;
            }

                .cpl-scope .switch[disabled] input[type=checkbox][disabled]:checked + .slider {
                    background-color: #C1C5CA;
                }

        .cpl-scope .switch.inline {
            white-space: nowrap;
            padding-left: 12px;
        }

            .cpl-scope .switch.inline.jagged {
                padding-left: 0;
            }

                .cpl-scope .switch.inline.jagged input[type=checkbox] + .slider {
                    width: 24px;
                    right: auto;
                    left: auto;
                    margin-left: -10px;
                }

        .cpl-scope .switch input {
            opacity: .01;
        }

        .cpl-scope .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #84888D;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .cpl-scope .switch .slider:before {
                position: absolute;
                content: "";
                height: 12px;
                width: 12px;
                left: 2px;
                bottom: 1px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
            }

        .cpl-scope .switch input[type=checkbox]:checked + .slider {
            background-color: #bdcf56;
        }

        .cpl-scope .switch input[type=checkbox]:focus + .slider,
        .cpl-scope .switch input[type=checkbox].focus + .slider {
            outline: 0;
            box-shadow: inset 0 0 0 1.5px #32363B, 0 0 3px 1px rgba(50, 54, 59, 0.6);
        }

        .cpl-scope .switch input[type=checkbox].focus-visible + .slider {
            outline: 0;
            box-shadow: inset 0 0 0 1.5px #32363B, 0 0 3px 1px rgba(50, 54, 59, 0.6);
            animation: focus-visible-switch 800ms;
        }

        .cpl-scope .switch input[type=checkbox]:checked + .slider:before {
            -webkit-transform: translateX(9px);
            -ms-transform: translateX(9px);
            transform: translateX(9px);
        }

        .cpl-scope .switch .slider.round {
            border-radius: 24px;
        }

            .cpl-scope .switch .slider.round:before {
                border-radius: 50%;
            }

        .cpl-scope .pagination li a:hover span,
        .cpl-scope .pagination li button:hover span {
            color: #007778;
            border: 0px solid #32363B;
        }

        .cpl-scope .pagination li a:hover svg[class*="brand-icon"],
        .cpl-scope .pagination li button:hover svg[class*="brand-icon"],
        .cpl-scope .pagination li a:hover svg[class*="ihs-icon"],
        .cpl-scope .pagination li button:hover svg[class*="ihs-icon"] {
            fill: currentColor;
            border: 0px solid #32363B;
        }

    .cpl-scope .pagination.short li > a,
    .cpl-scope .pagination.short li > button,
    .cpl-scope .pagination.short li > span {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .cpl-scope .pagination.short svg[class*="brand-icon"],
    .cpl-scope .pagination.short svg[class*="ihs-icon"] {
        width: 8px;
        height: 8px;
    }

    .cpl-scope .pagination.small svg[class*="brand-icon"],
    .cpl-scope .pagination.small svg[class*="ihs-icon"] {
        width: 6px;
        height: 6px;
    }

    .cpl-scope .pagination.narrow li > a,
    .cpl-scope .pagination.narrow li > button,
    .cpl-scope .pagination.narrow li > span {
        padding-right: 5px;
        padding-left: 5px;
    }

    .cpl-scope .pagination svg[class*="brand-icon"],
    .cpl-scope .pagination svg[class*="ihs-icon"] {
        width: 9px;
        height: 9px;
    }

    .cpl-scope .pager svg[class*="brand-icon"],
    .cpl-scope .pager svg[class*="ihs-icon"] {
        width: 9px;
        height: 9px;
    }

    .cpl-scope .pagination-lg li a svg[class*="brand-icon"],
    .cpl-scope .pagination-lg li button svg[class*="brand-icon"],
    .cpl-scope .pagination-lg li a svg[class*="ihs-icon"],
    .cpl-scope .pagination-lg li button svg[class*="ihs-icon"] {
        width: 11px;
        height: 11px;
    }

    .cpl-scope .pagination-lg.short li > a,
    .cpl-scope .pagination-lg.short li > button,
    .cpl-scope .pagination-lg.short li > span {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .cpl-scope .pagination-lg.short svg[class*="brand-icon"],
    .cpl-scope .pagination-lg.short svg[class*="ihs-icon"] {
        width: 8px;
        height: 8px;
    }

    .cpl-scope .pagination-lg.small li > a,
    .cpl-scope .pagination-lg.small li > button,
    .cpl-scope .pagination-lg.small li > span {
        font-size: calc(12.45px);
    }

    .cpl-scope .pagination-lg .pager svg[class*="brand-icon"],
    .cpl-scope .pagination-lg .pager svg[class*="ihs-icon"] {
        width: 11px;
        height: 11px;
    }

    .cpl-scope .pagination-sm li a svg[class*="brand-icon"],
    .cpl-scope .pagination-sm li button svg[class*="brand-icon"],
    .cpl-scope .pagination-sm li a svg[class*="ihs-icon"],
    .cpl-scope .pagination-sm li button svg[class*="ihs-icon"] {
        width: 6px;
        height: 6px;
    }

    .cpl-scope .pagination-sm.short li > a,
    .cpl-scope .pagination-sm.short li > button,
    .cpl-scope .pagination-sm.short li > span {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .cpl-scope .pagination-sm .pager svg[class*="brand-icon"],
    .cpl-scope .pagination-sm .pager svg[class*="ihs-icon"] {
        width: 6px;
        height: 6px;
    }

    .cpl-scope .ew-messaging-inline {
        color: #32363B;
    }

    .cpl-scope .control-panel > ul > li > a.hamburger-menu,
    .cpl-scope .control-panel-2 > ul > li > a.hamburger-menu {
        padding-bottom: 0;
    }

    .cpl-scope .control-panel {
        background-color: #EAEEF3;
        padding: 8px;
    }

        .cpl-scope .control-panel.well-sm {
            padding: 8px;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            border: 0px solid #C1C5CA;
        }

        .cpl-scope .control-panel.well-lg {
            padding: 1.75em;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 0px solid #C1C5CA;
            background: rgba(255, 255, 255, 0.8);
        }

        .cpl-scope .control-panel > ul {
            list-style-type: none;
        }

            .cpl-scope .control-panel > ul > li > a {
                vertical-align: middle;
                padding: 4px 8px;
            }

        .cpl-scope .control-panel .btn {
            margin-right: 4px;
            margin-left: 0px;
        }

            .cpl-scope .control-panel .btn.pull-right {
                margin-right: 0px;
            }

        .cpl-scope .control-panel li.pull-right {
            margin-right: 0px;
            padding-right: 0px;
        }

            .cpl-scope .control-panel li.pull-right .btn {
                margin-right: 0px;
            }

        .cpl-scope .control-panel svg[class*="brand-icon"],
        .cpl-scope .control-panel svg[class*="ihs-icon"] {
            width: 16px;
            height: 16px;
        }

    .cpl-scope .control-panel-2 {
        border: 0px solid #C1C5CA;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 0;
        margin: 0;
        background-color: #EAEEF3;
        width: 100%;
        height: 40px;
        min-width: 1024px;
    }

        .cpl-scope .control-panel-2 .btn {
            margin-right: 8px;
            margin-left: 0px;
        }

            .cpl-scope .control-panel-2 .btn.pull-right {
                margin-right: 0px;
            }

        .cpl-scope .control-panel-2 .seperator {
            display: inline-block;
            width: 1px;
            height: 20px;
            background-color: #C1C5CA;
            padding: 0px;
            margin: 0px 16px 0px 0px;
        }

            .cpl-scope .control-panel-2 svg[class*="brand-icon"].first-element,
            .cpl-scope .control-panel-2 svg[class*="ihs-icon"].first-element {
                margin-left: 0px;
            }

        .cpl-scope .control-panel-2 svg[class*="brand-icon-chevron"],
        .cpl-scope .control-panel-2 svg[class*="ihs-icon-chevron"] {
            margin-top: 2px;
        }

        .cpl-scope .control-panel-2 .disabled:not(.btn) {
            color: #84888D;
            pointer-events: none;
            padding: 11px 16px;
        }

            .cpl-scope .control-panel-2 .disabled:not(.btn) svg[class*="brand-icon"],
            .cpl-scope .control-panel-2 .disabled:not(.btn) svg[class*="ihs-icon"] {
                fill: #C1C5CA;
            }

        .cpl-scope .control-panel-2 .dropdown-menu {
            padding: 0;
            margin: 0;
            min-width: 150px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            margin-top: 4px;
        }

            .cpl-scope .control-panel-2 .dropdown-menu li a {
                color: #32363B;
                padding: 6px 16px;
            }

                .cpl-scope .control-panel-2 .dropdown-menu li a:hover {
                    background-color: #EAEEF3;
                }

            .cpl-scope .control-panel-2 .dropdown-menu .divider {
                background-color: #C1C5CA;
                height: 1px;
                margin: 0px;
            }

            .cpl-scope .control-panel-2 .dropdown-menu .inactive,
            .cpl-scope .control-panel-2 .dropdown-menu .inactive > a {
                color: #84888D;
            }

        .cpl-scope .control-panel-2 > ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            min-width: 1020px;
        }

            .cpl-scope .control-panel-2 > ul > li {
                float: left;
                vertical-align: middle;
                padding: 8px 0px 0px;
            }

                .cpl-scope .control-panel-2 > ul > li.select-menu-container {
                    width: 300px;
                    background-color: transparent;
                }

                .cpl-scope .control-panel-2 > ul > li.dropdown {
                    position: relative;
                    min-width: 85px;
                }

                    .cpl-scope .control-panel-2 > ul > li.dropdown:first-child {
                        border-bottom-left-radius: 1px;
                        border-top-left-radius: 1px;
                    }

                    .cpl-scope .control-panel-2 > ul > li.dropdown svg[class*="brand-icon-arrow"],
                    .cpl-scope .control-panel-2 > ul > li.dropdown svg[class*="ihs-icon-arrow"] {
                        width: 11px;
                        height: 11px;
                        margin: 0px 0px 0px 6px;
                        line-height: 6px;
                    }

                    .cpl-scope .control-panel-2 > ul > li.dropdown .disabled {
                        padding: 0px 0px;
                    }

                    .cpl-scope .control-panel-2 > ul > li.dropdown:hover {
                        background-color: #EAEEF3;
                        cursor: pointer;
                    }

                        .cpl-scope .control-panel-2 > ul > li.dropdown:hover > a {
                            color: #ffffff;
                        }

                            .cpl-scope .control-panel-2 > ul > li.dropdown:hover > a svg[class*="brand-icon"],
                            .cpl-scope .control-panel-2 > ul > li.dropdown:hover > a svg[class*="ihs-icon"] {
                                fill: #ffffff;
                            }

    .cpl-scope .control-panel > ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .cpl-scope .control-panel > ul > li {
            float: left;
            margin-bottom: -4px;
            padding: 0px 2px;
            height: 100%;
        }

            .cpl-scope .control-panel > ul > li a {
                display: block;
                text-decoration: none;
            }

            .cpl-scope .control-panel > ul > li.hide-it {
                display: none;
            }

            .cpl-scope .control-panel > ul > li.form-control {
                width: 300px;
            }

            .cpl-scope .control-panel > ul > li > ul.menu-hidden {
                position: absolute;
                top: 100%;
                right: 0;
                list-style-type: none;
                visibility: hidden;
                -moz-transition-property: visibility;
                -moz-transition-duration: 0.2s;
                -webkit-transition-property: visibility;
                -webkit-transition-duration: 0.2s;
                transition-property: visibility;
                transition-duration: 0.2s;
                padding: 0;
                margin: 0;
                background-color: #efefef;
                margin-top: 16px;
                padding: 0px 8px;
                z-index: 100;
            }

                .cpl-scope .control-panel > ul > li > ul.menu-hidden li {
                    margin: 5px 0px;
                    text-align: left;
                }

                    .cpl-scope .control-panel > ul > li > ul.menu-hidden li a {
                        text-align: left;
                        white-space: nowrap;
                    }

                        .cpl-scope .control-panel > ul > li > ul.menu-hidden li a:hover {
                            background: #C1C5CA;
                        }

            .cpl-scope .control-panel > ul > li:hover > a {
                background: #C1C5CA;
                display: block;
            }

            .cpl-scope .control-panel > ul > li:hover ul.menu-hidden {
                visibility: visible;
            }

    .cpl-scope .info-panel {
        background-color: #ffffff;
        padding: 16px;
        position: relative;
        border: 1px solid #C1C5CA;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
        width: 100%;
    }

        .cpl-scope .info-panel span {
            float: left;
            display: inline-block;
            width: 48px;
            height: 48px;
            margin: 0px;
            padding: 0px 16px 0px 0px;
            fill: #84888D;
            color: #84888D;
            stroke: #84888D;
            outline: #84888D;
            stroke-width: 0px;
        }

        .cpl-scope .info-panel ul {
            position: absolute;
            top: 16px;
            right: 16px;
        }

            .cpl-scope .info-panel ul li {
                display: inline-block;
            }

        .cpl-scope .info-panel p {
            margin-bottom: 0px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .cpl-scope .panel-green {
        border-color: #5cb85c;
    }

        .cpl-scope .panel-green .panel-heading {
            border-color: #5cb85c;
            color: #fff;
            background-color: #5cb85c;
        }

        .cpl-scope .panel-green a {
            color: #5cb85c;
        }

            .cpl-scope .panel-green a:hover {
                color: #3d8b3d;
            }

    .cpl-scope .panel-red {
        border-color: #d9534f;
    }

        .cpl-scope .panel-red .panel-heading {
            border-color: #d9534f;
            color: #fff;
            background-color: #d9534f;
        }

        .cpl-scope .panel-red a {
            color: #d9534f;
        }

            .cpl-scope .panel-red a:hover {
                color: #b52b27;
            }

    .cpl-scope .panel-yellow {
        border-color: #f0ad4e;
    }

        .cpl-scope .panel-yellow .panel-heading {
            border-color: #f0ad4e;
            color: #fff;
            background-color: #f0ad4e;
        }

        .cpl-scope .panel-yellow a {
            color: #f0ad4e;
        }

            .cpl-scope .panel-yellow a:hover {
                color: #df8a13;
            }

    .cpl-scope .twitter-typeahead .tt-query,
    .cpl-scope .twitter-typeahead .tt-hint {
        margin-bottom: 0;
        margin: 0px;
    }

    .cpl-scope span.twitter-typeahead {
        display: block !important;
    }

    .cpl-scope .tt-input {
        margin: 0px;
    }

    .cpl-scope div.tt-menu.tt-open {
        left: -22px !important;
        min-width: 275px;
        margin-top: 23px;
        padding: 0px;
        background-color: #ffffff;
        border: 1px solid #C1C5CA;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-clip: padding-box;
    }

    .cpl-scope .tt-suggestion {
        display: block;
        padding: 2px 12px;
        background-color: #fff;
        line-height: 24px;
        color: #32363B;
    }

        .cpl-scope .tt-suggestion.tt-is-under-cursor {
            color: #fff;
            background-color: #428bca;
        }

            .cpl-scope .tt-suggestion.tt-is-under-cursor a {
                color: #fff;
            }

        .cpl-scope .tt-suggestion p {
            margin: 0;
        }

    .cpl-scope .search-group .filter-selector {
        margin-right: 4px;
        background: inherit;
    }

    .cpl-scope .search-group .btn-icon {
        background: linear-gradient(-75deg, #328F8A 10%, #08AC4B 90%);
        color: #ffffff !important;
        width: 24px;
        /* 24px */
        height: 24px;
        /* 24px */
    }

        .cpl-scope .search-group .btn-icon > svg {
            fill: currentColor;
            width: 24px;
            /* 24px */
            height: 24px;
            /* 24px */
            padding: 4px;
        }

    .cpl-scope .search-group .btn.btn-icon > svg {
        /* Account for .btn border */
        width: 22px;
        /* 64px */
        height: 22px;
        /* 64px */
        padding: 3px;
    }

    .cpl-scope .search-group ul {
        padding: 0;
        margin: 0;
    }

        .cpl-scope .search-group ul li {
            transform: translate3d(0, 0, 0);
            border: 0px solid #32363B;
            padding: 3px 0px;
            list-style-type: none;
            line-height: 24px;
            display: block;
        }

            .cpl-scope .search-group ul li a {
                color: inherit;
                text-decoration: none;
            }

            .cpl-scope .search-group ul li:hover {
                background-color: #EAEEF3;
            }

    .cpl-scope .search-group .ihs-icon-arrow {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0px 0px 0px 4px;
        padding: 0px;
        fill: inherit;
        color: inherit;
        stroke: inherit;
        outline: inherit;
        stroke-width: 0px;
    }

    .cpl-scope .search-filter {
        background-color: #ffffff;
        color: #32363B;
        padding: 0;
        margin: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
    }

    .cpl-scope .preloader {
        width: 94px;
        height: 94px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url('../images/spinner.gif');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 80px 80px;
        -webkit-box-shadow: 0px 0px 76px -20px #404041;
        -moz-box-shadow: 0px 0px 76px -20px #404041;
        box-shadow: 0px 0px 76px -20px rgba(64, 64, 65, 0.3);
    }

    .cpl-scope .snp-preloader {
        width: 110px;
        height: 5px;
        background-image: url('../images/snp-spinner.gif');
        background-position: center;
        left: 47%;
        top: 80%;
        position: absolute;
    }

    .cpl-scope .preloader-small {
        width: 60px;
        height: 60px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url('../images/spinner.gif');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
        -webkit-box-shadow: 0px 0px 76px -17px #404041;
        -moz-box-shadow: 0px 0px 76px -17px #404041;
        box-shadow: 0px 0px 76px -17px #404041;
    }

    .cpl-scope .preloader-size {
        height: 80px;
        width: 80px;
    }

    .cpl-scope .modal-dialog {
        margin-top: 15px;
    }

        .cpl-scope .modal-dialog.modal-1 {
            width: 240px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-2 {
            width: 464px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-3 {
            width: 575px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-4 {
            width: 688px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-5 {
            width: 800px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-6 {
            width: 912px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-7 {
            width: 1024px;
            min-height: 140px;
        }

        .cpl-scope .modal-dialog.modal-primary .modal-header,
        .cpl-scope .modal-dialog.modal-success .modal-header,
        .cpl-scope .modal-dialog.modal-info .modal-header,
        .cpl-scope .modal-dialog.modal-warning .modal-header,
        .cpl-scope .modal-dialog.modal-danger .modal-header {
            border-top: 4px solid;
            box-shadow: none;
        }

            .cpl-scope .modal-dialog.modal-primary .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-success .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-info .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-warning .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-danger .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-primary .modal-header .modal-title > svg[class*="ihs-icon"],
            .cpl-scope .modal-dialog.modal-success .modal-header .modal-title > svg[class*="ihs-icon"],
            .cpl-scope .modal-dialog.modal-info .modal-header .modal-title > svg[class*="ihs-icon"],
            .cpl-scope .modal-dialog.modal-warning .modal-header .modal-title > svg[class*="ihs-icon"],
            .cpl-scope .modal-dialog.modal-danger .modal-header .modal-title > svg[class*="ihs-icon"] {
                vertical-align: middle;
                margin-top: -4px;
                margin-right: 4px;
            }

            .cpl-scope .modal-dialog.modal-primary .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-primary .modal-header .modal-title > svg[class*="ihs-icon"] {
                fill: #009596;
            }

        .cpl-scope .modal-dialog.modal-success .modal-header {
            border-color: #8DC63F;
        }

            .cpl-scope .modal-dialog.modal-success .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-success .modal-header .modal-title > svg[class*="ihs-icon"] {
                fill: #8DC63F;
            }

        .cpl-scope .modal-dialog.modal-info .modal-header {
            border-color: #00B5F1;
        }

            .cpl-scope .modal-dialog.modal-info .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-info .modal-header .modal-title > svg[class*="ihs-icon"] {
                fill: #00B5F1;
            }

        .cpl-scope .modal-dialog.modal-warning .modal-header {
            border-color: #F7941D;
        }

            .cpl-scope .modal-dialog.modal-warning .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-warning .modal-header .modal-title > svg[class*="ihs-icon"] {
                fill: #F7941D;
            }

        .cpl-scope .modal-dialog.modal-danger .modal-header {
            border-color: #CF1034;
        }

            .cpl-scope .modal-dialog.modal-danger .modal-header .modal-title > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog.modal-danger .modal-header .modal-title > svg[class*="ihs-icon"] {
                fill: #CF1034;
            }

            .cpl-scope .modal-dialog .modal-header h1,
            .cpl-scope .modal-dialog .modal-header h2,
            .cpl-scope .modal-dialog .modal-header h3,
            .cpl-scope .modal-dialog .modal-header h4,
            .cpl-scope .modal-dialog .modal-header .modal-title {
                margin-top: 16px;
                margin-bottom: 4px;
            }

            .cpl-scope .modal-dialog .modal-header > svg[class*="brand-icon"],
            .cpl-scope .modal-dialog .modal-header > svg[class*="ihs-icon"] {
                position: static;
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 8px calc(-8px) 0px 0px;
                padding: 0px;
                fill: #ffffff;
                color: #ffffff;
                stroke: #ffffff;
                outline: #ffffff;
                stroke-width: 0px;
                float: right;
                fill: #C1C5CA;
            }

                .cpl-scope .modal-dialog .modal-header > svg[class*="brand-icon"]:hover,
                .cpl-scope .modal-dialog .modal-header > svg[class*="ihs-icon"]:hover {
                    cursor: pointer;
                    border: 0px solid red;
                }

            .cpl-scope .modal-dialog .modal-header.alert {
                background-color: #960c26;
            }

            .cpl-scope .modal-dialog .modal-title:hover {
                cursor: default;
            }

        .cpl-scope .modal-dialog .modal-body {
            border: 0px;
        }

        .cpl-scope .modal-dialog .modal-footer {
            border: 0px solid #32363B;
            padding: 16px 16px;
            width: 100%;
        }

            .cpl-scope .modal-dialog .modal-footer .btn {
                margin-bottom: 0px;
            }

            .cpl-scope .modal-dialog .modal-footer .dismiss {
                display: block;
                float: right;
            }

    .cpl-scope .modal-content {
        min-height: inherit;
        -webkit-border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        border-radius: 2px 2px 2px 2px;
        border: 0px solid #009596;
        -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
    }

    .cpl-scope .popover-header {
        background-color: #ffffff;
        border-bottom-color: #C1C5CA;
    }

    .cpl-scope .popover-menu {
        min-width: 160px;
        padding: 5px 0;
        margin: 0 -10px;
        list-style: none;
        font-size: 12px;
        text-align: left;
        background-color: #ffffff;
        background-clip: padding-box;
    }

        .cpl-scope .popover-menu .divider {
            height: 1px;
            margin: 7px 0;
            overflow: hidden;
            background-color: #EAEEF3;
        }

        .cpl-scope .popover-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 16px;
            color: #53575C;
            white-space: nowrap;
        }

            .cpl-scope .popover-menu > li > a:hover {
                text-decoration: none;
                background-color: #EAEEF3;
            }

        .cpl-scope .popover-menu > .disabled > a,
        .cpl-scope .popover-menu > .disabled > a:hover,
        .cpl-scope .popover-menu > .disabled > a:focus {
            color: #C1C5CA;
        }

            .cpl-scope .popover-menu > .disabled > a:hover,
            .cpl-scope .popover-menu > .disabled > a:focus {
                text-decoration: none;
                background-color: transparent;
                background-image: none;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                cursor: not-allowed;
            }

    .cpl-scope .popover-inverted {
        background-color: #32363B;
        background-color: #000000;
        color: #ffffff;
        border-color: #ffffff;
        border-color: #cdc9c4;
    }

        .cpl-scope .popover-inverted .popover-header {
            background-color: #000000;
            background-color: #32363B;
            color: #ffffff;
        }

        .cpl-scope .popover-inverted .popover-body {
            background-color: #000000;
            background-color: #32363B;
            color: #ffffff;
        }

        .cpl-scope .popover-inverted.bs-popover-top .arrow::before,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="top"] .arrow::before {
            border-top-color: #ffffff;
        }

        .cpl-scope .popover-inverted.bs-popover-top .arrow::after,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="top"] .arrow::after {
            border-top-color: #32363B;
        }

        .cpl-scope .popover-inverted.bs-popover-right .arrow::before,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="right"] .arrow::before {
            border-right-color: #ffffff;
        }

        .cpl-scope .popover-inverted.bs-popover-right .arrow::after,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="right"] .arrow::after {
            border-right-color: #32363B;
        }

        .cpl-scope .popover-inverted.bs-popover-bottom .arrow::before,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="bottom"] .arrow::before {
            border-bottom-color: #ffffff;
        }

        .cpl-scope .popover-inverted.bs-popover-bottom .arrow::after,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="bottom"] .arrow::after {
            border-bottom-color: #32363B;
        }

        .cpl-scope .popover-inverted.bs-popover-left .arrow::before,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="left"] .arrow::before {
            border-left-color: #ffffff;
        }

        .cpl-scope .popover-inverted.bs-popover-left .arrow::after,
        .cpl-scope .popover-inverted.bs-popover-auto[x-placement^="left"] .arrow::after {
            border-left-color: #32363B;
        }

        .cpl-scope .popover-inverted .popover-menu {
            background-color: #000000;
            background-color: #32363B;
        }

            .cpl-scope .popover-inverted .popover-menu .divider {
                height: 1px;
                margin: 7px 0;
                overflow: hidden;
                background-color: #1b242f;
            }

            .cpl-scope .popover-inverted .popover-menu > li > a {
                color: #aca8a3;
                color: #ffffff;
            }

                .cpl-scope .popover-inverted .popover-menu > li > a:hover {
                    background-color: #0c1015;
                }


            .cpl-scope .popover-inverted .popover-menu > .active > a,
            .cpl-scope .popover-inverted .popover-menu > .active > a:hover,
            .cpl-scope .popover-inverted .popover-menu > .active > a:focus {
                color: #000000;
                background-color: #ff6a69;
            }

            .cpl-scope .popover-inverted .popover-menu > .disabled > a,
            .cpl-scope .popover-inverted .popover-menu > .disabled > a:hover,
            .cpl-scope .popover-inverted .popover-menu > .disabled > a:focus {
                color: #3e3a35;
            }

                .cpl-scope .popover-inverted .popover-menu > .disabled > a:hover,
                .cpl-scope .popover-inverted .popover-menu > .disabled > a:focus {
                    background-color: transparent;
                    background-image: none;
                }

    .cpl-scope .tooltip.in {
        filter: alpha(opacity=90);
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
    }

    .cpl-scope .tooltip:not(.show) .tooltip-inner {
        background: #ffffff;
        color: #32363B;
        margin: 0;
        padding: 3px 15px;
        font-size: 12px;
        text-align: left;
        line-height: 16.25px;
    }

        .cpl-scope .tooltip:not(.show) .tooltip-inner:empty {
            display: none;
        }

    .cpl-scope .tooltip.show .tooltip-inner {
        background: #ffffff;
        color: #32363B;
        margin: 0;
        padding: 3px 15px;
        font-size: 12px;
        text-align: left;
        line-height: 16.25px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
    }

        .cpl-scope .tooltip.show .tooltip-inner:empty {
            display: none;
        }

    .cpl-scope .tooltip {
        white-space: normal;
    }

        .cpl-scope .tooltip:not(.show) {
            border: 1px solid rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3px 5px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2) 3 0 5px rgba(0, 0, 0, 0.5);
        }

        .cpl-scope .tooltip .arrow {
            border-width: 9px;
        }

        .cpl-scope .tooltip[class*="bs-tooltip-"] .arrow::after,
        .cpl-scope .tooltip.bs-tooltip-auto[x-placement] .arrow::after {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
            z-index: -1;
        }

        .cpl-scope .tooltip.bs-tooltip-top .arrow,
        .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
            bottom: 1px;
        }

            .cpl-scope .tooltip.bs-tooltip-top .arrow::after,
            .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::after {
                top: 1px;
                border-width: 6px 4px 0;
                border-top-color: rgba(0, 0, 0, 0.2);
            }

        .cpl-scope .tooltip.bs-tooltip-right .arrow,
        .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
            left: 1px;
        }

            .cpl-scope .tooltip.bs-tooltip-right .arrow::after,
            .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::after {
                right: 1px;
                border-width: 4px 6px 4px 0;
                border-right-color: rgba(0, 0, 0, 0.2);
            }

        .cpl-scope .tooltip.bs-tooltip-bottom .arrow,
        .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
            top: 1px;
        }

            .cpl-scope .tooltip.bs-tooltip-bottom .arrow::after,
            .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::after {
                bottom: 1px;
                border-width: 0 4px 6px;
                border-bottom-color: rgba(0, 0, 0, 0.2);
            }

        .cpl-scope .tooltip.bs-tooltip-left .arrow,
        .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
            right: 1px;
        }

            .cpl-scope .tooltip.bs-tooltip-left .arrow::after,
            .cpl-scope .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::after {
                left: 1px;
                border-width: 4px 0 4px 6px;
                border-left-color: rgba(0, 0, 0, 0.2);
            }

        .cpl-scope .tooltip .tooltip-arrow {
            border-width: 9px;
        }

            .cpl-scope .tooltip .tooltip-arrow:after {
                position: absolute;
                border-color: transparent;
                border-style: solid;
                border-width: 8px;
                border-width: calc(8.125px);
                content: "";
            }

        .cpl-scope .tooltip.top,
        .cpl-scope .tooltip.bottom,
        .cpl-scope .tooltip.left,
        .cpl-scope .tooltip.right {
            padding: 0px;
        }

        .cpl-scope .tooltip.top {
            margin-top: -6px;
        }

            .cpl-scope .tooltip.top .tooltip-arrow {
                left: 50%;
                bottom: -9px;
                margin-left: -9px;
                border-top-color: rgba(0, 0, 0, 0.2);
            }

                .cpl-scope .tooltip.top .tooltip-arrow:after {
                    bottom: 1px;
                    margin-left: -8px;
                    border-bottom-width: 0;
                    border-top-color: #ffffff;
                }

        .cpl-scope .tooltip.right {
            margin-left: 6px;
        }

            .cpl-scope .tooltip.right .tooltip-arrow {
                top: 50%;
                left: -9px;
                margin-top: -8px;
                border-right-color: rgba(0, 0, 0, 0.2);
            }

                .cpl-scope .tooltip.right .tooltip-arrow:after {
                    left: 1px;
                    bottom: -8px;
                    border-left-width: 0;
                    border-right-color: #ffffff;
                }

        .cpl-scope .tooltip.bottom {
            margin-top: 6px;
        }

            .cpl-scope .tooltip.bottom .tooltip-arrow {
                left: 50%;
                top: -9px;
                margin-left: -9px;
                border-bottom-color: rgba(0, 0, 0, 0.2);
            }

                .cpl-scope .tooltip.bottom .tooltip-arrow:after {
                    top: 1px;
                    margin-left: -8px;
                    border-top-width: 0;
                    border-bottom-color: #ffffff;
                }

        .cpl-scope .tooltip.left {
            margin-left: -6px;
        }

            .cpl-scope .tooltip.left .tooltip-arrow {
                top: 50%;
                right: -9px;
                margin-top: -8px;
                border-left-color: rgba(0, 0, 0, 0.2);
            }

                .cpl-scope .tooltip.left .tooltip-arrow:after {
                    right: 1px;
                    bottom: -8px;
                    border-right-width: 0;
                    border-left-color: #ffffff;
                }

    .cpl-scope .datepicker {
        top: 0;
        left: 0;
        padding: 4px;
        margin-top: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*.dow {
      border-top: 1px solid #ddd !important;
    }*/
    }

        .cpl-scope .datepicker:before {
            content: '';
            display: inline-block;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            position: absolute;
            top: -7px;
            left: 6px;
        }

        .cpl-scope .datepicker:after {
            content: '';
            display: inline-block;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #ffffff;
            position: absolute;
            top: -6px;
            left: 7px;
        }

        .cpl-scope .datepicker > div {
            display: none;
        }

        .cpl-scope .datepicker.dropdown-menu {
            background-color: #ffffff;
        }

        .cpl-scope .datepicker table {
            width: 100%;
            margin: 0;
        }

        .cpl-scope .datepicker td,
        .cpl-scope .datepicker th {
            text-align: center;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .cpl-scope .datepicker td.day.disabled,
            .cpl-scope .datepicker td.day[disabled] {
                color: #C1C5CA;
                background-color: #EAEEF3;
                cursor: not-allowed;
            }

                .cpl-scope .datepicker td.day.disabled:hover,
                .cpl-scope .datepicker td.day[disabled]:hover {
                    cursor: not-allowed;
                }

            .cpl-scope .datepicker td.day:hover {
                background: #EAEEF3;
                cursor: pointer;
                color: #32363B;
            }

            .cpl-scope .datepicker td.old,
            .cpl-scope .datepicker td.new {
                color: #84888D;
            }

            .cpl-scope .datepicker td span {
                display: block;
                width: 47px;
                height: 54px;
                line-height: 54px;
                float: left;
                margin: 2px;
                cursor: pointer;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

                .cpl-scope .datepicker td span:hover {
                    background: #EAEEF3;
                    color: #32363B;
                }

                .cpl-scope .datepicker td span.old {
                    color: #84888D;
                }

                    .cpl-scope .datepicker td span.old:hover {
                        background: #EAEEF3;
                        color: #32363B;
                    }

            .cpl-scope .datepicker th.switch {
                width: 145px;
                display: table-cell;
            }

            .cpl-scope .datepicker th.next,
            .cpl-scope .datepicker th.prev {
                font-size: 18px;
            }

        .cpl-scope .datepicker thead tr:first-child th {
            cursor: pointer;
        }

            .cpl-scope .datepicker thead tr:first-child th:hover {
                background: #EAEEF3;
                color: #32363B;
            }

    .cpl-scope .input-append.date .add-on i,
    .cpl-scope .input-prepend.date .add-on i {
        display: block;
        cursor: pointer;
        width: 16px;
        height: 16px;
    }

    .cpl-scope .dual-list {
        border: 0px solid #32363B;
        display: block;
    }

        .cpl-scope .dual-list .list-group {
            margin-top: 0px;
            border: 0px solid #32363B;
        }

            .cpl-scope .dual-list .list-group .list-group-item:hover {
                background-color: #EAEEF3;
            }

        .cpl-scope .dual-list .form-group {
            margin: 0px;
        }

        .cpl-scope .dual-list .list-left li,
        .cpl-scope .dual-list .list-right li {
            cursor: pointer;
        }

        .cpl-scope .dual-list p {
            border: 0px solid #32363B;
        }

        .cpl-scope .dual-list button {
            margin-bottom: 8px;
            display: block;
            padding: 0px;
            width: 32px;
        }

            .cpl-scope .dual-list button.btn-deemphasized {
                color: #84888D;
                background-color: #EAEEF3;
                border: 1px solid #84888D;
            }

                .cpl-scope .dual-list button.btn-deemphasized:hover {
                    background-color: #C1C5CA;
                    color: #32363B;
                }

            .cpl-scope .dual-list button svg[class*="brand-icon"],
            .cpl-scope .dual-list button svg[class*="ihs-icon"] {
                border: 0px solid #32363B;
            }

            .cpl-scope .dual-list button svg[class*="brand-icon-arrow"],
            .cpl-scope .dual-list button svg[class*="ihs-icon-arrow"] {
                padding: 6px 6px;
            }

        .cpl-scope .dual-list .button-container {
            width: 64px;
            border: 0px solid #32363B;
            float: left;
            padding-left: 16px;
        }

        .cpl-scope .dual-list .container {
            width: 224px;
            border: 1px solid #C1C5CA;
            float: left;
            padding: 0;
            margin: 0;
            height: 150px;
            overflow: auto;
        }
/*! =======================================================
                      VERSION  10.6.0              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
  *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 * 
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 * 
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 210px;
        min-width: 210px;
        height: 14px;
    }

        .slider.slider-horizontal .slider-track {
            height: 6px;
            width: 100%;
            margin-top: -3px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection,
        .slider.slider-horizontal .slider-track-low,
        .slider.slider-horizontal .slider-track-high {
            height: 100%;
            top: 0;
            bottom: 0;
        }

            .slider.slider-horizontal .slider-selection.slider-rangeHighlight {
                height: 10px;
                top: calc(50% - 5px);
                border-radius: 5px;
            }

        .slider.slider-horizontal .slider-handle {
            margin-left: -7px;
        }

        .slider.slider-horizontal .slider-tick {
            width: 1px;
            height: 14px;
            margin-left: 0;
            top: 8px;
            bottom: -26px;
        }

            .slider.slider-horizontal .slider-tick.triangle,
            .slider.slider-horizontal .slider-handle.triangle {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                border-width: 0 10px 10px 10px;
                width: 0;
                height: 0;
                border-bottom-color: #2e6da4;
                margin-top: 0;
            }

        .slider.slider-horizontal .slider-tick-container {
            white-space: nowrap;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .slider.slider-horizontal .slider-tick-label-container {
            white-space: nowrap;
            margin-top: 20px;
        }

            .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
                padding-top: 4px;
                display: inline-block;
                text-align: center;
            }

        .slider.slider-horizontal .tooltip {
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .slider.slider-horizontal.slider-rtl .slider-track {
            left: initial;
            right: 0;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick,
        .slider.slider-horizontal.slider-rtl .slider-handle {
            margin-left: initial;
        }

        .slider.slider-horizontal.slider-rtl .slider-handle {
            margin-right: -7px;
        }

        .slider.slider-horizontal.slider-rtl .slider-tick-container {
            left: initial;
            right: 0;
        }

        .slider.slider-horizontal.slider-rtl .tooltip {
            -ms-transform: translateX(50%);
            transform: translateX(50%);
        }

    .slider.slider-vertical {
        height: 210px;
        min-height: 210px;
        width: 14px;
    }

        .slider.slider-vertical .slider-track {
            width: 6px;
            height: 100%;
            left: 25%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-track-low,
        .slider.slider-vertical .slider-track-high {
            width: 100%;
            left: 0;
            right: 0;
        }

        .slider.slider-vertical .slider-handle {
            margin-top: -7px;
        }

        .slider.slider-vertical .slider-tick {
            width: 14px;
            height: 1px;
            margin-top: 0;
            left: 8px;
            right: -26px;
        }

        .slider.slider-vertical .slider-selection.slider-rangeHighlight {
            width: 10px;
            left: calc(50% - 5px);
            border-radius: 5px;
        }

        .slider.slider-vertical .slider-tick.triangle,
        .slider.slider-vertical .slider-handle.triangle {
            border-width: 10px 0 10px 10px;
            width: 1px;
            height: 1px;
            border-left-color: #2e6da4;
            border-right-color: #2e6da4;
            margin-left: 0;
            margin-right: 0;
        }

        .slider.slider-vertical .slider-tick-label-container {
            white-space: nowrap;
        }

            .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
                padding-left: 4px;
            }

        .slider.slider-vertical .tooltip {
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .slider.slider-vertical.slider-rtl .slider-track {
            left: initial;
            right: 25%;
        }

        .slider.slider-vertical.slider-rtl .slider-selection {
            left: initial;
            right: 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick.triangle,
        .slider.slider-vertical.slider-rtl .slider-handle.triangle {
            border-width: 10px 10px 10px 0;
        }

        .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
            padding-left: initial;
            padding-right: 4px;
        }

    .slider.slider-disabled .slider-handle {
        background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
        background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
        background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
    }

    .slider.slider-disabled .slider-track {
        background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
        background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
        background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
        cursor: not-allowed;
    }

    .slider input {
        display: none;
    }

    .slider .tooltip {
        pointer-events: none;
    }

        .slider .tooltip.top {
            margin-top: -36px;
        }

    .slider .tooltip-inner {
        white-space: nowrap;
        max-width: none;
    }

    .slider .hide {
        display: none;
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #EAEEF3 100%);
    background-image: -o-linear-gradient(top, #F5F5F5 0%, #EAEEF3 100%);
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #EAEEF3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EAEEF3', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}

.slider-selection {
    position: absolute;
    background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
}

    .slider-selection.tick-slider-selection {
        background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
    }

    .slider .slider-selection,
    .slider-selection.tick-slider-selection {
        background: rgba(0, 149, 150, 0.85);
    }

.slider-track-low,
.slider-track-high {
    position: absolute;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}



    .slider-handle:hover {
        cursor: pointer;
    }

    .slider-handle.round {
        border-radius: 50%;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

    .slider-handle.custom {
        background: transparent none;
    }

        .slider-handle.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

.slider-tick {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-image: -webkit-linear-gradient(top, #EAEEF3 0%, #E0E4E9 100%);
    background-image: -o-linear-gradient(top, #EAEEF3 0%, #E0E4E9 100%);
    background-image: linear-gradient(to bottom, #EAEEF3 0%, #E0E4E9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEEF3', endColorstr='#E0E4E9', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

    .slider-tick.round {
        border-radius: 50%;
    }

    .slider-tick.triangle {
        background: transparent none;
    }

    .slider-tick.custom {
        background: transparent none;
    }

        .slider-tick.custom::before {
            line-height: 20px;
            font-size: 20px;
            content: '\2605';
            color: #726204;
        }

    .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%);
        background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0);
        background: rgba(0, 149, 150, 0.45);
        opacity: 1;
    }

.slider .slider-track .slider-rangeHighlight {
    background-color: rgba(247, 6, 22, 0.4);
}

    .slider .slider-track .slider-rangeHighlight.category1 {
        background-color: rgba(255, 153, 0, 0.4);
    }

    .slider .slider-track .slider-rangeHighlight.category2 {
        background-color: rgba(153, 204, 0, 0.4);
    }

input[type="text"].slider-show-value {
    display: inline-block !important;
    width: 50px;
    height: 16px;
    margin-left: 8px;
}

.cpl-scope .ew-tile-color-picker {
    display: table;
    padding: 8px;
    background-color: #ffffff;
    color: #ffffff;
    width: 168px;
    height: 152px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #C1C5CA;
    z-index: 999999;
    left: 24px;
    bottom: 8px;
    border-collapse: separate;
    border-spacing: 8px;
}

    .cpl-scope .ew-tile-color-picker .tile-color-patch {
        display: table-cell;
        width: 64px;
        height: 24px;
        padding-left: 8px;
        vertical-align: middle;
        text-align: left;
        cursor: pointer;
    }

    .cpl-scope .ew-tile-color-picker .seleceted-color {
        border: 2px solid #009596;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-row {
        display: table-row;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-1 {
        background-color: #96BB3C;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-2 {
        background-color: #CC6666;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-3 {
        background-color: #999999;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-4 {
        background-color: #72B7B5;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-5 {
        background-color: #D87755;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-6 {
        background-color: #00A8CA;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-7 {
        background-color: #666666;
    }

    .cpl-scope .ew-tile-color-picker .tile-color-8 {
        background-color: #009999;
    }

.cpl-scope .folder {
    width: 208px;
    word-wrap: break-word;
}

.cpl-scope .folder-top {
    background-color: #CBC7BF;
    padding: 8px 4px 0px 8px;
    max-width: 178px;
    height: auto;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    position: relative;
    margin-right: 26px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
}

    .cpl-scope .folder-top > label {
        cursor: pointer;
        margin: 0px;
        color: #C1C5CA;
    }

    .cpl-scope .folder-top > input[type="checkbox"] + label:before {
        background-color: #ffffff;
        margin-right: 5px;
    }

    .cpl-scope .folder-top p {
        color: #ffffff;
        font-weight: bold;
        padding: 0;
        margin: 0;
        display: inline;
    }

    .cpl-scope .folder-top .badge {
        position: absolute;
        z-index: 100;
        top: -7px;
        right: -10px;
        background: #CF1034;
        font-weight: normal;
        color: #ffffff;
        font-size: 10px;
    }

    .cpl-scope .folder-top:after {
        background-image: url('../img/ihs-folder-corner.svg');
        background-size: 26px 25px;
        content: "";
        width: 26px;
        height: 25px;
        position: absolute;
        top: 2px;
        right: -25px;
    }

.cpl-scope .folder-container {
    background-color: #CBC7BF;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-box-shadow: 2px 2px 4px 1px #ccc;
    -webkit-box-shadow: 2px 2px 4px 1px #ccc;
    box-shadow: 2px 2px 4px 1px #ccc;
    border-bottom-right-radius: 0px;
    padding: 8px 0px 0px 0px;
    margin-bottom: 10px;
}

    .cpl-scope .folder-container .folder-body {
        height: 105px;
    }

    .cpl-scope .folder-container .folder-body-open {
        height: 140px;
    }

    .cpl-scope .folder-container .folder-body,
    .cpl-scope .folder-container .folder-body-open {
        background-color: #EEEAD2;
        padding: 8px;
        overflow: hidden;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        position: relative;
    }

        .cpl-scope .folder-container .folder-body .date,
        .cpl-scope .folder-container .folder-body-open .date {
            color: #32363B;
            width: 100%;
            text-align: right;
            margin-bottom: 4px;
        }

            .cpl-scope .folder-container .folder-body .date.small,
            .cpl-scope .folder-container .folder-body-open .date.small {
                display: block;
            }

        .cpl-scope .folder-container .folder-body .title,
        .cpl-scope .folder-container .folder-body-open .title {
            line-height: 14px;
            font-weight: bold;
            margin-top: 0px;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .cpl-scope .folder-container .folder-body .summary,
        .cpl-scope .folder-container .folder-body-open .summary {
            color: #32363B;
            line-height: 14px;
            margin-bottom: 16px;
        }

    .cpl-scope .folder-container .folder-footer {
        background-color: #EEEAD2;
        padding: 7px 8px;
    }

    .cpl-scope .folder-container .folder-body-open {
        background-color: #CBC7BF;
    }

        .cpl-scope .folder-container .icon-bar svg[class*="brand-icon"]:first-child,
        .cpl-scope .folder-container .icon-bar svg[class*="ihs-icon"]:first-child {
            margin-left: 0px;
        }

        .cpl-scope .folder-container .icon-bar svg[class*="brand-icon"]:hover,
        .cpl-scope .folder-container .icon-bar svg[class*="ihs-icon"]:hover {
            filter: alpha(opacity=60);
            -webkit-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6;
        }

.cpl-scope .folder-chunk {
    width: 92px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../img/ihs-folder-chunk.svg');
    background-size: cover;
}

.cpl-scope .folder-corner {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.cpl-scope .folder:hover,
.cpl-scope .selected {
    cursor: pointer;
}

    .cpl-scope .folder:hover > .folder-top,
    .cpl-scope .selected > .folder-top {
        background-color: #919189;
    }

        .cpl-scope .folder:hover > .folder-top:after,
        .cpl-scope .selected > .folder-top:after {
            background-image: url('../img/ihs-folder-corner-hover.svg');
        }

    .cpl-scope .folder:hover > .folder-container,
    .cpl-scope .selected > .folder-container {
        background-color: #919189;
    }

        .cpl-scope .folder:hover > .folder-container .folder-chunk,
        .cpl-scope .selected > .folder-container .folder-chunk {
            background-image: url('../img/ihs-folder-chunk-hover.svg');
        }

    .cpl-scope .folder:hover .folder-body-open,
    .cpl-scope .selected .folder-body-open {
        background-color: #919189;
    }
/*
.border-radius-custom ( @top-left: @border-radius-small
                       ,@top-right: @border-radius-small
                       ,@bottom-left: @border-radius-small
                       ,@bottom-right: @border-radius-small
                      ) {
    -webkit-border-radius: @top-left @top-right @bottom-right @bottom-left;
    -moz-border-radius: @top-left @top-right @bottom-right @bottom-left;
    border-radius: @top-left @top-right @bottom-right @bottom-left;
}
*/
/* Mixin */
/*
@base: #663333;
@complement1: spin(@base, 180);
@complement2: darken(spin(@base, 180), 5%);
@lighten1: lighten(@base, 15%);
@lighten2: lighten(@base, 30%);

@lighter1: lighten(spin(@base, 5), 10%);
@lighter2: lighten(spin(@base, 10), 20%);
@darker1: darken(spin(@base, -5), 10%);
@darker2: darken(spin(@base, -10), 20%);
*/
.cpl-scope .icon-font {
    font-family: 'IHS-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
/* Default mixins */
/*Utility classes*/
.cpl-scope .clearFloat {
    float: none !important;
}

.cpl-scope .auto-width {
    width: auto !important;
}

.cpl-scope code {
    background-color: #ffffff;
}

.cpl-scope .no-list-style,
.cpl-scope .list-style-none {
    list-style: none;
}

.cpl-scope .horizontal-list {
    padding: 0;
}

    .cpl-scope .horizontal-list > li {
        display: inline-block;
        padding: 4px 8px;
    }

    .cpl-scope .horizontal-list.hitboxes > li {
        padding: 0;
    }

        .cpl-scope .horizontal-list.hitboxes > li > *:not(.dropdown-menu),
        .cpl-scope .horizontal-list.hitboxes > li > a:not(.dropdown-menu) {
            display: inline-block;
            padding: 4px 8px;
        }

.cpl-scope .inverted {
    color: #ffffff;
    background-color: #53575C;
}

.cpl-scope .hover:hover {
    background-color: #cccccc;
}

.cpl-scope .display-none {
    display: none !important;
}

.cpl-scope .visibility-hidden {
    visibility: hidden !important;
}

.cpl-scope .transparent {
    opacity: 0 !important;
}

.cpl-scope .rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.cpl-scope .rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.cpl-scope .rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.cpl-scope .rotate-360 {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.cpl-scope .padding-zero {
    padding: 0 !important;
}

.cpl-scope .padding-left-zero {
    padding-left: 0 !important;
}

.cpl-scope .padding-right-zero {
    padding-right: 0 !important;
}

.cpl-scope .padding-top-zero {
    padding-top: 0 !important;
}

.cpl-scope .padding-bottom-zero {
    padding-bottom: 0 !important;
}

.cpl-scope svg.icon-xs {
    width: 8px;
    height: 8px;
}

.cpl-scope svg.icon-sm {
    width: 10px;
    height: 10px;
}

.cpl-scope svg.icon-12 {
    width: 10px;
    height: 10px;
}

.cpl-scope svg.icon-md,
.cpl-scope svg.icon-16 {
    width: 16px;
    height: 16px;
}

.cpl-scope svg.icon-20 {
    width: 20px;
    height: 20px;
}

.cpl-scope svg.icon-lg {
    width: 24px;
    height: 24px;
}

.cpl-scope .clickable {
    cursor: pointer;
}


.cpl-scope .IHS-Color-G9 {
    background-color: #ffffff;
}

.cpl-scope .IHS-Color-G10 {
    background-color: #00B5F1;
}

.cpl-scope .IHS-Color-G5-Add {
    color: #32363B;
}

.cpl-scope .IHS-Color-G9-Add {
    color: #ffffff;
}

.cpl-scope .IHS-Color-G15-Add {
    color: #000000;
}

.cpl-scope .IHS-Color-T1 {
    background-color: #96BB3C;
}

.cpl-scope .IHS-Color-T2 {
    background-color: #CC6666;
}

.cpl-scope .IHS-Color-T3 {
    background-color: #999999;
}

.cpl-scope .IHS-Color-T4 {
    background-color: #72B7B5;
}

.cpl-scope .IHS-Color-T5 {
    background-color: #D87755;
}

.cpl-scope .IHS-Color-T6 {
    background-color: #00A8CA;
}

.cpl-scope .IHS-Color-T7 {
    background-color: #666666;
}

.cpl-scope .IHS-Color-T8 {
    background-color: #009999;
}

.cpl-scope .brand-color-secondary {
    background-color: #00993E;
}

.cpl-scope .brand-color-secondary-text {
    color: #D5002A;
}

.cpl-scope .brand-color-secondary-dark {
    background-color: #005c25;
}

.cpl-scope .brand-color-secondary-dark-text {
    color: #005c25;
}

.cpl-scope .brand-color-gradient {
    background: linear-gradient(-45deg, #00B140, #009596);
}

.cpl-scope .brand-color-gradient-dark {
    background: linear-gradient(-45deg, #009221, #007778);
}

.cpl-scope .color-gray-action {
    background-color: #4C4B4C;
}

.cpl-scope .color-gray-action-text {
    color: #4C4B4C;
}

.cpl-scope .color-gray-bg {
    background-color: #F0F1F2;
}

.cpl-scope h1 {
    font-size: 22px;
}

.cpl-scope h2 {
    font-size: 18px;
}

.cpl-scope h3 {
    font-size: 16px;
}

.cpl-scope h4 {
    font-size: 14px;
}

.cpl-scope .page-header h1,
.cpl-scope .page-header .page-title {
    color: #00993E;
}

.cpl-scope p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #000000;
}

.cpl-scope small {
    font-size: 10px;
}

.cpl-scope del {
    text-decoration-color: rgba(200, 100, 110, 0.6);
    color: #646;
}

.cpl-scope ins {
    position: relative;
    top: -1px;
    background-color: rgba(120, 180, 120, 0.1);
    text-decoration-color: rgba(120, 180, 120, 0.3);
    text-decoration-line: underline;
    color: rgba(80, 110, 80, 0.95);
}

    .cpl-scope ins::before {
        content: 'ˇ';
        display: inline-block;
        color: rgba(120, 180, 120, 0.3);
        width: 8px;
        font-size: 22px;
        line-height: 1px;
        position: relative;
        bottom: -15px;
    }

.cpl-scope strike,
.cpl-scope s {
    text-decoration-color: rgba(120, 120, 120, 0.55);
    color: rgba(120, 130, 140, 0.95);
}

.cpl-scope u {
    text-decoration-color: rgba(120, 120, 120, 0.6);
}

.cpl-scope .text-success {
    color: #8DC63F;
}

.cpl-scope .text-info {
    color: #00B5F1;
}

.cpl-scope .text-warning {
    color: #F7941D;
}

.cpl-scope .text-danger {
    color: #CF1034;
}

.cpl-scope .alert {
    background-color: #ffffff;
    color: #32363B;
    border: 1px solid;
    border-left-width: 40px;
    border-radius: 4px;
    position: relative;
}

    .cpl-scope .alert > svg[class*="brand-icon"],
    .cpl-scope .alert > svg[class*="ihs-icon"] {
        position: absolute;
        fill: #ffffff;
        color: #ffffff;
        stroke: #ffffff;
        outline: #ffffff;
        margin-right: 18px;
        margin-left: -35px;
        top: calc(50% - 8px);
    }

.cpl-scope .alert-secondary {
    border-color: #00993E;
}

    .cpl-scope .alert-secondary .alert-link {
        color: #00993E;
    }

.cpl-scope .alert-success {
    border-color: #8DC63F;
}

    .cpl-scope .alert-success .alert-link {
        color: #6c9a2e;
    }

.cpl-scope .alert-info {
    border-color: #00B5F1;
}

    .cpl-scope .alert-info .alert-link {
        color: #00B5F1;
    }

.cpl-scope .alert-warning {
    border-color: #F7941D;
}

    .cpl-scope .alert-warning .alert-link {
        color: #F7941D;
    }

.cpl-scope .alert-danger {
    border-color: #CF1034;
}

    .cpl-scope .alert-danger .alert-link {
        color: #CF1034;
    }

.cpl-scope .badge,
.cpl-scope .badge-default {
    background-color: #CF1034;
}

.cpl-scope .badge-info {
    background-color: #00B5F1;
}

.cpl-scope .badge-success {
    background-color: #8DC63F;
}

.cpl-scope .badge-warning {
    background-color: #F7941D;
}

.cpl-scope .badge-danger {
    background-color: #CF1034;
}

.cpl-scope code {
    margin-top: 0;
    margin-bottom: 1px;
    display: inline-block;
    line-height: 9px;
    background-color: #F6F3F7;
    border-left: 1px solid #FFF;
    color: #726A7B;
    border-radius: 2px;
    box-shadow: 0 0 0px 1px #F2F2F2;
}

    .cpl-scope code.code-block {
        display: inline;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }

    .cpl-scope code > pre {
        display: block;
        background-color: #F6F3F7;
        border: 1px solid #cccccc;
        border-color: #EDE3F0;
        border-left-width: 1px;
        border-left-color: #FFF;
        color: #726A7B;
        border-radius: 2px;
        box-shadow: 0 0 0 1px #F2F2F2;
        margin-top: 4px;
    }

.cpl-scope .label.label-secondary {
    background-color: #00993E;
}


.cpl-scope .list-group-item.bg-success {
    background-color: #d9f3b6;
}

.cpl-scope a.list-group-item.bg-success:hover,
.cpl-scope a.list-group-item.bg-success:focus {
    background-color: #c3ec8a;
}

.cpl-scope .list-group-item.bg-info {
    background-color: #b8f1ff;
}

.cpl-scope a.list-group-item.bg-info:hover,
.cpl-scope a.list-group-item.bg-info:focus {
    background-color: #85e8ff;
}

.cpl-scope .list-group-item.bg-warning {
    background-color: #ffdba2;
}

.cpl-scope a.list-group-item.bg-warning:hover,
.cpl-scope a.list-group-item.bg-warning:focus {
    background-color: #ffc76f;
}

.cpl-scope .list-group-item.bg-danger {
    background-color: #fbcdd6;
}

.cpl-scope a.list-group-item.bg-danger:hover,
.cpl-scope a.list-group-item.bg-danger:focus {
    background-color: #f79eaf;
}

.cpl-scope .modal-dialog .modal-header {
    color: #00993E;
}

.cpl-scope .modal-dialog .modal-title {
    color: #00993E;
}

.cpl-scope .newlog .blurb .labels {
    float: right;
    text-align: right;
}

.cpl-scope .newlog .blurb-title {
    font-size: 1rem;
    color: #00993E;
}

    .cpl-scope .newlog .blurb-title .date {
        font-size: 12px;
        color: #84888D;
    }

p.login-as-text, #loginPanelTitle.snp-page-title {
    color: #D6002A;
}

#continueButton.snp-button, #loginButton.snp-button {
    background-color: #006d89;
    color: #FFFFFF;
}

    #continueButton.snp-button:hover, #loginButton.snp-button:hover {
        background-color: #00495b;
    }

#forgotPasswordButton.snp-button, #backButton.snp-button, #termsOfUseLink.snp-button, #createNewAccountLink.snp-button, #changeLink.snp-button {
    color: #006d89;
}

    #forgotPasswordButton.snp-button:hover, #backButton.snp-button:hover, #termsOfUseLink.snp-button:hover, #createNewAccountLink.snp-button:hover, #changeLink.snp-button:hover {
        color: #00495b;
    }

.login-logo-header-panel {
    display: flex !important;
    padding: 0;
    margin: 0 0 30px 0;
    min-height: 50px;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: none;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

.cpl-scope .login-panel-top-header-sp .ihs-logo-header-sp {
    min-width: 300px;
    height: 38px;
    position: relative;
    top: -1px;
    margin: 0;
    padding: 0;
    background: url('../img/ihs-part-of-snp.svg') no-repeat center center;
    fill: #4c4b4c;
}

.btnBlueLink {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #0D71C6;
}

.cpl-scope .formLabel {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
    color: #000000;
}

.cpl-scope .spanLabel {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 20px;
    color: #000000;
}

.cpl-scope .checkBoxLabel {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    margin-left: 15px;
}

.cpl-scope .spanBoldLabel {
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
}

.cpl-scope .btnPageButtons:disabled {
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    background: #b3b3b3;
    border-radius: 2px;
    /*For Button Text*/
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    /*text-transform: uppercase;*/
    color: #FFFFFF;
}

.cpl-scope .btnPageButtons:enabled {
    align-items: center;
    padding: 4px 8px;
    gap: 8px;
    background: #000000;
    border-radius: 2px;
    /*For Button Text*/
    font-family: 'AkkuratLLTT-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    /*text-transform: uppercase;*/
    color: #FFFFFF;
}

.cpl-scope .brand-color-primary-text {
    color: #0271bb;
}