/*!
 * angular-loading-bar v0.7.1
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2015 Wes Cruver
 * License: MIT
 */

#loading-bar, #loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: 350ms linear all;
    -moz-transition: 350ms linear all;
    -o-transition: 350ms linear all;
    transition: 350ms linear all
}
#loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active, #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active {
    opacity: 0
}
#loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave, #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave {
    opacity: 1
}
#loading-bar .bar {
    -webkit-transition: width 350ms;
    -moz-transition: width 350ms;
    -o-transition: width 350ms;
    transition: width 350ms;
    background: #29d;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}
#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: .45;
    -moz-box-shadow: #29d 1px 0 6px 1px;
    -ms-box-shadow: #29d 1px 0 6px 1px;
    -webkit-box-shadow: #29d 1px 0 6px 1px;
    box-shadow: #29d 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px
}
#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 10px;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    -moz-animation: loading-bar-spinner 400ms linear infinite;
    -ms-animation: loading-bar-spinner 400ms linear infinite;
    -o-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite
}
@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes loading-bar-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-o-keyframes loading-bar-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-ms-keyframes loading-bar-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.8.3 - 2014-11-25T22:50:54.099Z
 * License: MIT
 */

.ui-select-highlight {
    font-weight: 700
}
.ui-select-offscreen {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important
}
.ng-dirty.ng-invalid>a.select2-choice {
    border-color: #D44950
}
.select2-result-single {
    padding-left: 0
}
.select2-locked>.select2-search-choice-close {
    display: none
}
.selectize-input.selectize-focus {
    border-color: #007FBB!important
}
.selectize-control>.selectize-dropdown, .selectize-control>.selectize-input>input {
    width: 100%
}
.ng-dirty.ng-invalid>div.selectize-input {
    border-color: #D44950
}
.btn-default-focus {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.input-group>.ui-select-bootstrap.dropdown {
    position: static
}
.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.ui-select-bootstrap>.ui-select-match {
    text-align: left
}
.ui-select-bootstrap>.ui-select-match>.caret {
    position: absolute;
    top: 45%;
    right: 15px
}
.ui-select-bootstrap>.ui-select-choices {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}
.ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: .3em
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    background-color: transparent!important;
    border: none;
    outline: 0;
    height: 1.666666em
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 1.6em;
    line-height: .75
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    outline: 0
}
.ui-select-bootstrap .ui-select-choices-row>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}
.ui-select-bootstrap .ui-select-choices-row>a:focus, .ui-select-bootstrap .ui-select-choices-row>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca
}
.ui-select-bootstrap .ui-select-choices-row.active.disabled>a, .ui-select-bootstrap .ui-select-choices-row.disabled>a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}
.ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add {
    display: none!important
}
.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match {
    border-color: #D44950
}
.c3 svg {
    font: 10px sans-serif
}
.c3 line, .c3 path {
    fill: none;
    stroke: #000
}
.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid {
    shape-rendering: crispEdges
}
.c3-chart-arc path {
    stroke: #fff
}
.c3-chart-arc text {
    fill: #fff;
    font-size: 13px
}
.c3-grid line {
    stroke: #aaa
}
.c3-grid text {
    fill: #aaa
}
.c3-xgrid, .c3-ygrid {
    stroke-dasharray: 3 3
}
.c3-text.c3-empty {
    fill: gray;
    font-size: 2em
}
.c3-line {
    stroke-width: 1px
}
.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: #fff
}
.c3-selected-circle {
    fill: #fff;
    stroke-width: 2px
}
.c3-bar {
    stroke-width: 0
}
.c3-bar._expanded_ {
    fill-opacity: .75
}
.c3-target.c3-focused {
    opacity: 1
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
    stroke-width: 2px
}
.c3-target.c3-defocused {
    opacity: .3!important
}
.c3-region {
    fill: #4682b4;
    fill-opacity: .1
}
.c3-brush .extent {
    fill-opacity: .1
}
.c3-legend-item {
    font-size: 12px
}
.c3-legend-item-hidden {
    opacity: .15
}
.c3-legend-background {
    opacity: .75;
    fill: #fff;
    stroke: #d3d3d3;
    stroke-width: 1
}
.c3-tooltip-container {
    z-index: 10
}
.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: .9
}
.c3-tooltip tr {
    border: 1px solid #CCC
}
.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #FFF
}
.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999
}
.c3-tooltip td>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px
}
.c3-tooltip td.value {
    text-align: right
}
.c3-area {
    stroke-width: 0;
    opacity: .2
}
.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em
}
.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: none
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px
}
.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777
}
.c3-chart-arc .c3-gauge-value {
    fill: #000
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(/fonts/fontawesome-webfont.eot?v=4.5.0);
    src: url(/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.fa-pull-left {
    float: left
}
.fa-pull-right {
    float: right
}
.fa.fa-pull-left {
    margin-right: .3em
}
.fa.fa-pull-right {
    margin-left: .3em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-cog:before, .fa-gear:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before, .fa-users:before {
    content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}
.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}
.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}
.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}
.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}
.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}
.fa-eur:before, .fa-euro:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}
.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}
.fa-krw:before, .fa-won:before {
    content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}
.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}
.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}
.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}
.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}
.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}
.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-genderless:before {
    content: "\f22d"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}
.fa-optin-monster:before {
    content: "\f23c"
}
.fa-opencart:before {
    content: "\f23d"
}
.fa-expeditedssl:before {
    content: "\f23e"
}
.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}
.fa-mouse-pointer:before {
    content: "\f245"
}
.fa-i-cursor:before {
    content: "\f246"
}
.fa-object-group:before {
    content: "\f247"
}
.fa-object-ungroup:before {
    content: "\f248"
}
.fa-sticky-note:before {
    content: "\f249"
}
.fa-sticky-note-o:before {
    content: "\f24a"
}
.fa-cc-jcb:before {
    content: "\f24b"
}
.fa-cc-diners-club:before {
    content: "\f24c"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-balance-scale:before {
    content: "\f24e"
}
.fa-hourglass-o:before {
    content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}
.fa-hourglass:before {
    content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}
.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}
.fa-hand-scissors-o:before {
    content: "\f257"
}
.fa-hand-lizard-o:before {
    content: "\f258"
}
.fa-hand-spock-o:before {
    content: "\f259"
}
.fa-hand-pointer-o:before {
    content: "\f25a"
}
.fa-hand-peace-o:before {
    content: "\f25b"
}
.fa-trademark:before {
    content: "\f25c"
}
.fa-registered:before {
    content: "\f25d"
}
.fa-creative-commons:before {
    content: "\f25e"
}
.fa-gg:before {
    content: "\f260"
}
.fa-gg-circle:before {
    content: "\f261"
}
.fa-tripadvisor:before {
    content: "\f262"
}
.fa-odnoklassniki:before {
    content: "\f263"
}
.fa-odnoklassniki-square:before {
    content: "\f264"
}
.fa-get-pocket:before {
    content: "\f265"
}
.fa-wikipedia-w:before {
    content: "\f266"
}
.fa-safari:before {
    content: "\f267"
}
.fa-chrome:before {
    content: "\f268"
}
.fa-firefox:before {
    content: "\f269"
}
.fa-opera:before {
    content: "\f26a"
}
.fa-internet-explorer:before {
    content: "\f26b"
}
.fa-television:before, .fa-tv:before {
    content: "\f26c"
}
.fa-contao:before {
    content: "\f26d"
}
.fa-500px:before {
    content: "\f26e"
}
.fa-amazon:before {
    content: "\f270"
}
.fa-calendar-plus-o:before {
    content: "\f271"
}
.fa-calendar-minus-o:before {
    content: "\f272"
}
.fa-calendar-times-o:before {
    content: "\f273"
}
.fa-calendar-check-o:before {
    content: "\f274"
}
.fa-industry:before {
    content: "\f275"
}
.fa-map-pin:before {
    content: "\f276"
}
.fa-map-signs:before {
    content: "\f277"
}
.fa-map-o:before {
    content: "\f278"
}
.fa-map:before {
    content: "\f279"
}
.fa-commenting:before {
    content: "\f27a"
}
.fa-commenting-o:before {
    content: "\f27b"
}
.fa-houzz:before {
    content: "\f27c"
}
.fa-vimeo:before {
    content: "\f27d"
}
.fa-black-tie:before {
    content: "\f27e"
}
.fa-fonticons:before {
    content: "\f280"
}
.fa-reddit-alien:before {
    content: "\f281"
}
.fa-edge:before {
    content: "\f282"
}
.fa-credit-card-alt:before {
    content: "\f283"
}
.fa-codiepie:before {
    content: "\f284"
}
.fa-modx:before {
    content: "\f285"
}
.fa-fort-awesome:before {
    content: "\f286"
}
.fa-usb:before {
    content: "\f287"
}
.fa-product-hunt:before {
    content: "\f288"
}
.fa-mixcloud:before {
    content: "\f289"
}
.fa-scribd:before {
    content: "\f28a"
}
.fa-pause-circle:before {
    content: "\f28b"
}
.fa-pause-circle-o:before {
    content: "\f28c"
}
.fa-stop-circle:before {
    content: "\f28d"
}
.fa-stop-circle-o:before {
    content: "\f28e"
}
.fa-shopping-bag:before {
    content: "\f290"
}
.fa-shopping-basket:before {
    content: "\f291"
}
.fa-hashtag:before {
    content: "\f292"
}
.fa-bluetooth:before {
    content: "\f293"
}
.fa-bluetooth-b:before {
    content: "\f294"
}
.fa-percent:before {
    content: "\f295"
}
.CodeMirror {
    color: #000
}
.CodeMirror-lines {
    padding: 4px 0
}
.CodeMirror pre {
    padding: 0 4px
}
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}
.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}
.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}
.CodeMirror-guttermarker {
    color: #000
}
.CodeMirror-guttermarker-subtle {
    color: #999
}
.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}
.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0;
    background: #7e7
}
.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}
.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}
@-moz-keyframes blink {
    50% {
        background-color: transparent
    }
}
@-webkit-keyframes blink {
    50% {
        background-color: transparent
    }
}
@keyframes blink {
    50% {
        background-color: transparent
    }
}
.cm-tab {
    display: inline-block;
    text-decoration: inherit
}
.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    position: absolute
}
.cm-s-default .cm-header {
    color: #00f
}
.cm-s-default .cm-quote {
    color: #090
}
.cm-negative {
    color: #d44
}
.cm-positive {
    color: #292
}
.cm-header, .cm-strong {
    font-weight: 700
}
.cm-em {
    font-style: italic
}
.cm-link {
    text-decoration: underline
}
.cm-strikethrough {
    text-decoration: line-through
}
.cm-s-default .cm-keyword {
    color: #708
}
.cm-s-default .cm-atom {
    color: #219
}
.cm-s-default .cm-number {
    color: #164
}
.cm-s-default .cm-def {
    color: #00f
}
.cm-s-default .cm-variable-2 {
    color: #05a
}
.cm-s-default .cm-variable-3 {
    color: #085
}
.cm-s-default .cm-comment {
    color: #a50
}
.cm-s-default .cm-string {
    color: #a11
}
.cm-s-default .cm-string-2 {
    color: #f50
}
.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555
}
.cm-s-default .cm-builtin {
    color: #30a
}
.cm-s-default .cm-bracket {
    color: #997
}
.cm-s-default .cm-tag {
    color: #170
}
.cm-s-default .cm-attribute {
    color: #00c
}
.cm-s-default .cm-hr {
    color: #999
}
.cm-s-default .cm-link {
    color: #00c
}
.cm-invalidchar, .cm-s-default .cm-error {
    color: red
}
.CodeMirror-composing {
    border-bottom: 2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}
.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3)
}
.CodeMirror-activeline-background {
    background: #e8f2ff
}
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}
.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative
}
.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}
.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}
.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}
.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}
.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}
.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}
.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    margin-bottom: -30px
}
.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0 0!important;
    border: none!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}
.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}
.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}
.CodeMirror, .CodeMirror-scroll {
    min-height: 30px
}
.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent
}
.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}
.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}
.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}
.CodeMirror-code {
    outline: 0
}
.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}
.CodeMirror-cursor {
    position: absolute
}
.CodeMirror-measure pre {
    position: static
}
div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}
.CodeMirror-focused div.CodeMirror-cursors, div.CodeMirror-dragcursors {
    visibility: visible
}
.CodeMirror-selected {
    background: #d9d9d9
}
.CodeMirror-focused .CodeMirror-selected, .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection {
    background: #d7d4f0
}
.CodeMirror-crosshair {
    cursor: crosshair
}
.CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection, .CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}
.cm-searching {
    background: #ffa;
    background: rgba(255, 255, 0, .4)
}
.cm-force-border {
    padding-right: .1px
}
@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}
.cm-tab-wrap-hack:after {
    content: ''
}
span.CodeMirror-selectedtext {
    background: 0 0
}
.CodeMirror {
    height: auto;
    border: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    font: inherit;
    z-index: 1
}
.CodeMirror-fullscreen {
    background: #fff;
    position: fixed!important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9
}
.CodeMirror-sided {
    width: 50%!important
}
.editor-toolbar {
    position: relative;
    opacity: .6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 10px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.editor-toolbar:after, .editor-toolbar:before {
    display: block;
    content: ' ';
    height: 1px
}
.editor-toolbar:before {
    margin-bottom: 8px
}
.editor-toolbar:after {
    margin-top: 8px
}
.editor-toolbar:hover, .editor-wrapper input.title:focus, .editor-wrapper input.title:hover {
    opacity: .8
}
.editor-toolbar.fullscreen {
    width: 100%;
    height: 50px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    background: #fff;
    border: 0;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 9
}
.editor-toolbar.fullscreen::before {
    width: 20px;
    height: 50px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1)0, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1)0, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1)0, rgba(255, 255, 255, 0)100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1)0, rgba(255, 255, 255, 0)100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1)0, rgba(255, 255, 255, 0)100%);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}
.editor-toolbar.fullscreen::after {
    width: 20px;
    height: 50px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 1)100%);
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}
.editor-toolbar a {
    display: inline-block;
    text-align: center;
    text-decoration: none!important;
    color: #2c3e50!important;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer
}
.editor-toolbar a.active, .editor-toolbar a:hover {
    background: #fcfcfc;
    border-color: #95a5a6
}
.editor-toolbar a:before {
    line-height: 30px
}
.editor-toolbar i.separator {
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px
}
.editor-toolbar a.fa-header-x:after {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 65%;
    vertical-align: text-bottom;
    position: relative;
    top: 2px
}
.editor-toolbar a.fa-header-1:after {
    content: "1"
}
.editor-toolbar a.fa-header-2:after {
    content: "2"
}
.editor-toolbar a.fa-header-3:after {
    content: "3"
}
.editor-toolbar a.fa-header-bigger:after {
    content: "▲"
}
.editor-toolbar a.fa-header-smaller:after {
    content: "▼"
}
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
    pointer-events: none;
    background: #fff;
    border-color: transparent;
    text-shadow: inherit
}
@media only screen and (max-width:700px) {
    .editor-toolbar a.no-mobile {
        display: none
    }
}
.editor-statusbar {
    padding: 8px 10px;
    font-size: 9pt;
    color: #959694;
    text-align: right
}
.editor-statusbar span {
    display: inline-block;
    min-width: 4em;
    margin-left: 1em
}
.editor-preview, .editor-preview-side {
    padding: 10px;
    background: #fafafa;
    overflow: auto;
    display: none;
    box-sizing: border-box
}
.editor-statusbar .lines:before {
    content: 'lines: '
}
.editor-statusbar .words:before {
    content: 'words: '
}
.editor-statusbar .characters:before {
    content: 'characters: '
}
.editor-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 7
}
.editor-preview-side {
    position: fixed;
    bottom: 0;
    width: 50%;
    top: 50px;
    right: 0;
    z-index: 9;
    border: 1px solid #ddd
}
.editor-preview-active, .editor-preview-active-side {
    display: block
}
.editor-preview-side>p, .editor-preview>p {
    margin-top: 0
}
.editor-preview pre, .editor-preview-side pre {
    background: #eee;
    margin-bottom: 10px
}
.editor-preview table td, .editor-preview table th, .editor-preview-side table td, .editor-preview-side table th {
    border: 1px solid #ddd;
    padding: 5px
}
.CodeMirror .CodeMirror-code .cm-tag {
    color: #63a35c
}
.CodeMirror .CodeMirror-code .cm-attribute {
    color: #795da3
}
.CodeMirror .CodeMirror-code .cm-string {
    color: #183691
}
.CodeMirror .CodeMirror-selected {
    background: #d9d9d9
}
.CodeMirror .CodeMirror-code .cm-header-1 {
    font-size: 200%;
    line-height: 200%
}
.CodeMirror .CodeMirror-code .cm-header-2 {
    font-size: 160%;
    line-height: 160%
}
.CodeMirror .CodeMirror-code .cm-header-3 {
    font-size: 125%;
    line-height: 125%
}
.CodeMirror .CodeMirror-code .cm-header-4 {
    font-size: 110%;
    line-height: 110%
}
.CodeMirror .CodeMirror-code .cm-comment {
    background: rgba(0, 0, 0, .05);
    border-radius: 2px
}
.CodeMirror .CodeMirror-code .cm-link {
    color: #7f8c8d
}
.CodeMirror .CodeMirror-code .cm-url {
    color: #aab2b3
}
.CodeMirror .CodeMirror-code .cm-strikethrough {
    text-decoration: line-through
}
.CodeMirror .CodeMirror-placeholder {
    opacity: .5
}
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: rgba(255, 0, 0, .15)
}
@charset "UTF-8";
@font-face {
    font-family: "Simple Regular";
    src: url(/fonts/simple/lineto-simple-regular.eot);
    src: url(/fonts/simple/lineto-simple-regular.eot) format("embedded-opentype"),url(/fonts/simple/lineto-simple-regular.woff) format("woff"),url(/fonts/simple/lineto-simple-regular.ttf) format("truetype"),url(/fonts/simple/lineto-simple-regular.svg#lineto-simple-regular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Space Mono';
    src: url(/fonts/space-mono/space-mono--regular.eot);
    src: url(/fonts/space-mono/space-mono--regular.eot?#iefix) format("embedded-opentype"), url(/fonts/space-mono/space-mono--regular.woff) format("woff"), url(/fonts/space-mono/space-mono--regular.woff2) format("woff2"), url(/fonts/space-mono/space-mono--regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Space Mono';
    src: url(/fonts/space-mono/space-mono--bold.ttf);
    src:  url(/fonts/space-mono/space-mono--bold.woff) format("woff"), url(/fonts/space-mono/space-mono--bold.woff2) format("woff2"), url(/fonts/space-mono/space-mono--bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/roboto/roboto-light-webfont.eot);
    src: local("Roboto Light"), local("RobotoLight"), url(/fonts/roboto/roboto-light-webfont.eot) format("embedded-opentype"), url(/fonts/roboto/roboto-light-webfont.woff) format("woff")
}
@font-face {
    font-family: Inconsolata;
    src: url(/fonts/simple/inconsolata-regular-webfont.eot);
    src: url(/fonts/simple/inconsolata-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/simple/inconsolata-regular-webfont.woff2) format("woff2"), url(/fonts/simple/inconsolata-regular-webfont.woff) format("woff"), url(/fonts/simple/inconsolata-regular-webfont.ttf) format("truetype"), url(/fonts/simple/inconsolata-regular-webfont.svg#share_tech_monoregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-italic-webfont.eot);
    src: url(/fonts/roboto/roboto-italic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-italic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-italic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-italic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-italic-webfont.svg#robotoitalic) format("svg");
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-bolditalic-webfont.eot);
    src: url(/fonts/roboto/roboto-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-bolditalic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-bolditalic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-bolditalic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-bolditalic-webfont.svg#robotobold_italic) format("svg");
    font-weight: 700;
    font-style: italic
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-medium-webfont.eot);
    src: url(/fonts/roboto/roboto-medium-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-medium-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-medium-webfont.woff) format("woff"), url(/fonts/roboto/roboto-medium-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-medium-webfont.svg#robotomedium) format("svg");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-lightitalic-webfont.eot);
    src: url(/fonts/roboto/roboto-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-lightitalic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-lightitalic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-lightitalic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-lightitalic-webfont.svg#robotolight_italic) format("svg");
    font-weight: 300;
    font-style: italic
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-light-webfont.eot);
    src: url(/fonts/roboto/roboto-light-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-light-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-light-webfont.woff) format("woff"), url(/fonts/roboto/roboto-light-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-light-webfont.svg#robotolight) format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-bold-webfont.eot);
    src: url(/fonts/roboto/roboto-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-bold-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-bold-webfont.woff) format("woff"), url(/fonts/roboto/roboto-bold-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-bold-webfont.svg#robotobold) format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-black-webfont.eot);
    src: url(/fonts/roboto/roboto-black-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-black-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-black-webfont.woff) format("woff"), url(/fonts/roboto/roboto-black-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-black-webfont.svg#robotoblack) format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-blackitalic-webfont.eot);
    src: url(/fonts/roboto/roboto-blackitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-blackitalic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-blackitalic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-blackitalic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-blackitalic-webfont.svg#robotoblack_italic) format("svg");
    font-weight: 900;
    font-style: italic
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-thinitalic-webfont.eot);
    src: url(/fonts/roboto/roboto-thinitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-thinitalic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-thinitalic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-thinitalic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-thinitalic-webfont.svg#robotothin_italic) format("svg");
    font-weight: 100;
    font-style: italic
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-thin-webfont.eot);
    src: url(/fonts/roboto/roboto-thin-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-thin-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-thin-webfont.woff) format("woff"), url(/fonts/roboto/roboto-thin-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-thin-webfont.svg#robotothin) format("svg");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-regular-webfont.eot);
    src: url(/fonts/roboto/roboto-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-regular-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-regular-webfont.woff) format("woff"), url(/fonts/roboto/roboto-regular-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/fonts/roboto/roboto-mediumitalic-webfont.eot);
    src: url(/fonts/roboto/roboto-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-mediumitalic-webfont.woff2) format("woff2"), url(/fonts/roboto/roboto-mediumitalic-webfont.woff) format("woff"), url(/fonts/roboto/roboto-mediumitalic-webfont.ttf) format("truetype"), url(/fonts/roboto/roboto-mediumitalic-webfont.svg#robotomedium_italic) format("svg");
    font-weight: 500;
    font-style: italic
}
.clearfix:after, .clearfix:before, .media:after, .media:before, .ui-select-bootstrap:after, .ui-select-bootstrap:before {
    content: " ";
    display: table
}
body, html {
    padding: 0;
    margin: 0
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}
body {
    height: 100%;
    min-height: 100%;
    position: relative;
    background-color: #fff
}
input, select, textarea {
    margin: 0
}
input:focus, select:focus, textarea:focus {
    outline: 0
}
.form__help, blockquote, body, caption, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, legend, ol, p, pre, table, td, th, ul {
    margin: 0;
    padding: 0
}
abbr[title], dfn[title] {
    cursor: help
}
navigation {
    display: block
}
.form__group, .form__help, address, blockquote, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul {
    margin-bottom: 11px;
    margin-bottom: .7333333333rem
}
.form__group:last-child, .form__help:last-child, address:last-child, blockquote:last-child, dl:last-child, fieldset:last-child, figure:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ol:last-child, p:last-child, pre:last-child, table:last-child, ul:last-child {
    margin-bottom: 10px
}
dd, ol, ul {
    margin-left: 11px;
    margin-left: .7333333333rem
}
.ng-cloak, .ng-hide:not(.ng-animate), .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
    display: none!important
}
.directive, ng\:form {
    display: block
}
.fade {
    opacity: 0;
    transition: opacity .2s ease
}
.fade.in {
    opacity: 1
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@-webkit-keyframes movedash {
    to {
        stroke-dashoffset: 250%
    }
}
@keyframes movedash {
    to {
        stroke-dashoffset: 250%
    }
}
@-webkit-keyframes slideInTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes slideOutTop {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@keyframes slideOutTop {
    from {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes slideOutLeft {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
.fade-it.ng-enter {
    -webkit-animation: fadeIn .2s ease;
    animation: fadeIn .2s ease
}
.fade-it.ng-leave {
    -webkit-animation: fadeOut .2s linear;
    animation: fadeOut .2s linear
}
.fade-it--in-right.ng-enter {
    -webkit-animation: fadeInRight .2s ease;
    animation: fadeInRight .2s ease
}
.fade-it--in-right.ng-leave {
    -webkit-animation: fadeOutLeft .2s linear;
    animation: fadeOutLeft .2s linear
}
@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes zoomIn {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes zoomOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@keyframes zoomOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}
@-webkit-keyframes ThreeDRotateBottomOut {
    from {
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 0
    }
}
@keyframes ThreeDRotateBottomOut {
    from {
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 0
    }
}
@-webkit-keyframes ThreeDRotateBottomIn {
    from {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        opacity: 1
    }
}
@keyframes ThreeDRotateBottomIn {
    from {
        -webkit-transform: translateY(0%) rotateX(0deg);
        transform: translateY(0%) rotateX(0deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg);
        opacity: 1
    }
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
button:active, button:focus {
    outline: 0
}
select, textarea {
    display: block
}
input {
    color: #3d3d3d;
    font-size: 13px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #fff;
    padding: .6em 1em;
    border: 1px solid #e2e3e4;
    border-radius: 0;
    transition: all .2s ease
}
input:focus {
    border-color: #00afd7
}
input:disabled {
    background-color: #dadcdf;
    cursor: not-allowed
}
textarea {
    color: #3d3d3d;
    font-size: 13px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #fff;
    padding: .6em 1em;
    border: 1px solid #e2e3e4;
    border-radius: 0;
    transition: all .2s ease
}
textarea:focus {
    border-color: #00afd7
}
textarea:disabled {
    background-color: #dadcdf;
    cursor: not-allowed
}
.control--label, label {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 5px;
    cursor: pointer;
    white-space: nowrap
}
.control--label.disabled, label.disabled {
    cursor: not-allowed
}
.control--label.inline-block+.inline-block, label.inline-block+.inline-block {
    margin-left: 1em
}
.control--select, .control--text, .ui-select-bootstrap.ui-select-multiple, .ui-select-bootstrap.ui-select-multiple input.ui-select-search {
    position: relative;
    display: block;
    width: 100%;
    height: 2.5em;
    font: inherit;
    color: #231f20;
    background-color: #fff;
    padding: .6em 1.2em;
    border: 1px solid #dadcdf;
    border-radius: 0;
    transition: all .2s ease
}
.control--select:hover, .control--text:hover, .ui-select-bootstrap.ui-select-multiple input.ui-select-search:hover, .ui-select-bootstrap.ui-select-multiple:hover {
    color: #231f20;
    text-decoration: none
}
.control--select:focus, .control--text:focus, .ui-select-bootstrap.ui-select-multiple input.ui-select-search:focus, .ui-select-bootstrap.ui-select-multiple:focus {
    border-color: #00afd7
}
.control--select:disabled, .control--text:disabled, .disabled.control--select, .disabled.control--text, .disabled.ui-select-bootstrap.ui-select-multiple, .ui-select-bootstrap.ui-select-multiple input.disabled.ui-select-search, .ui-select-bootstrap.ui-select-multiple input.ui-select-search:disabled, .ui-select-bootstrap.ui-select-multiple:disabled {
    cursor: not-allowed;
    color: #717780;
    background-color: #e2e3e4
}
textarea.control--text {
    height: auto
}
.control--prepend {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}
.control--append {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}
.control--prepended {
    padding-left: 5em
}
.control--appended {
    padding-right: 5em
}
.control--expandable:focus {
    width: 200%
}
input[type=checkbox], input[type=radio] {
    display: inline-block;
    opacity: 0
}
.control--checkbox, .control--radio {
    position: relative;
    display: inline-block;
    margin-left: -1.1em;
    margin-right: .5em;
    vertical-align: top;
    width: 1.2857142857em;
    height: 1.2857142857em;
    border-radius: 0;
    border: 1px solid #94a2aa;
    background-color: #fff;
    transition: all .2s ease
}
label:hover .control--checkbox, label:hover .control--radio {
    border-color: #00afd7
}
input:checked+.control--checkbox, input:checked+.control--radio, input[checked]+.control--checkbox, input[checked]+.control--radio {
    background-color: #0082ba;
    border-color: #0082ba
}
label:hover input:checked+.control--checkbox, label:hover input:checked+.control--radio, label:hover input[checked]+.control--checkbox, label:hover input[checked]+.control--radio {
    border-color: #00afd7
}
input:disabled+.control--checkbox, input:disabled+.control--radio, input[disabled]+.control--checkbox, input[disabled]+.control--radio {
    background-color: #dadcdf;
    border-color: #dadcdf
}
label:hover input:disabled+.control--checkbox, label:hover input:disabled+.control--radio, label:hover input[disabled]+.control--checkbox, label:hover input[disabled]+.control--radio {
    border-color: #dadcdf
}
.control--checkbox:before, .control--radio:before {
    content: " ";
    display: block
}
.label--checkbox {
    line-height: 1.5;
    white-space: normal
}
.label--checkbox .control--checkbox, .label--checkbox input {
    float: left;
    margin-left: -1.78571em;
    margin-right: 0
}
.control--radio {
    border-radius: 1000px
}
.control--radio:before {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    border-radius: 1000px;
    transition: all .2s ease
}
input:checked+.control--radio:before, input[checked]+.control--radio:before {
    width: .5em;
    height: .5em
}
.control--checkbox:before {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 2px solid transparent;
    border-top: 0;
    border-right: 0;
    transition: all .2s ease
}
input:checked+.control--checkbox:before, input[checked]+.control--checkbox:before {
    width: 75%;
    height: 35%;
    border-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-70%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-70%) rotate(-45deg);
    transform: translateX(-50%) translateY(-70%) rotate(-45deg)
}
input[type=file] {
    font: inherit
}
input[type=file]:focus {
    outline: 0
}
input:invalid {
    box-shadow: none
}
.input--with-icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.input--with-icon input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 5px;
    display: inline-block;
    border: 0
}
.input--with-icon i {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 5px
}
.icon-in-input--left {
    position: relative;
    left: 20px;
    top: 1px
}
.icon-in-input--right {
    position: relative;
    right: 20px;
    top: 1px
}
.input-color--success {
    background-color: #97d700;
    font-size: 16px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff
}
.input-color--success:focus {
    border-color: #fff
}
.input-color--success::-webkit-input-placeholder {
    color: #fff
}
.input-color--success:-moz-placeholder {
    color: #fff
}
.input-color--success::-moz-placeholder {
    color: #fff
}
.input-color--success:-ms-input-placeholder {
    color: #fff
}
input.bg-color--black-dark:focus, input.bg-color--black-dark:hover {
    color: #fff
}
input.code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 86%;
    background-color: #202528;
    color: #fff
}
.input-color--primary {
    background-color: #00afd7;
    font-size: 16px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff
}
.input-color--primary:focus {
    border-color: #fff
}
.input-color--primary::-webkit-input-placeholder {
    color: #fff
}
.input-color--primary:-moz-placeholder {
    color: #fff
}
.input-color--primary::-moz-placeholder {
    color: #fff
}
.input-color--primary:-ms-input-placeholder {
    color: #fff
}
.resize--vertical {
    resize: vertical
}
.form__group {
    position: relative
}
.form__group:last-child {
    margin-bottom: 11px;
    margin-bottom: .7333333333rem
}
.form__help {
    display: block;
    margin-top: 5px;
    color: #94a2aa
}
.form__help--error {
    display: none
}
.has-error label {
    color: #f9423a
}
.has-error input {
    border-color: #f9423a
}
.has-error .control--label, .has-error .form__help--error {
    color: #f9423a
}
.has-error .control--text {
    border-color: #f9423a
}
.has-error .form__help--error {
    display: block
}
code, kbd, pre {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-weight: 400;
    line-height: 1.4
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #333;
    background-color: #f8f8f8;
    border-radius: 0

}
kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #231f20;
    border-radius: 0
}
pre {
    display: block;
    padding: 5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #231f20;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #dadcdf;
    border-radius: 0
}
pre code {
    overflow: auto;
    word-wrap: normal;
    display: block;
    padding: 5px 10px;
    color: #222;
    background: #f8f8f8;
    max-height: 500px;
}
html {
    font-size: 15px;
    box-sizing: border-box
}
*, :after, :before {
    box-sizing: inherit
}
body {
    color: #231f20;
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-rendering: optimizeLegibility
}
.form__help, p {
    font-size: 13px;
    line-height: 1.4;
}
span {
    font-size: inherit
}
.small, small {
    font-size: .875em
}
.divider, hr {
    height: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0;
    border-top: 1px solid #ddd
}
dl, ol, ul {
    padding-left: 11px;
    padding-left: .7333333333rem;
}
ins, u {
    text-decoration: underline
}
del, s {
    text-decoration: line-through
}
dl {
    margin-bottom: 21px;
    margin-bottom: 1.4rem
}
dt {
    margin-left: 11px;
    margin-left: .7333333333rem;
    font-weight: 600
}
dd {
    margin-bottom: 11px;
    margin-bottom: .7333333333rem
}
.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.1
}
.font--space-mono {
    font-family: "Space Mono", Roboto, monospace;
}
.font--h1, .h1, h1 {
    font-family: "Space Mono", Roboto, monospace;
    font-size: 48px;
    line-height: 64px;
}
.font--h2, .h2, h2 {
    font-family: "Space Mono", Roboto, monospace;
    font-size: 36px;
    line-height: 53px;
}
.font--h3, .h3, h3 {
    font-family: "Space Mono", Roboto, monospace;
    font-size: 24px;
    line-height: 36px;
}
.font--h4, .h4, h4 {
    font-size: 20px;
    line-height: 32px;
}
.font--h5, .h5, h5 {
    font-size: 18px;
    line-height: 32px;
}
.font--h6, .h6, h6 {
    font-size: 14px;
    line-height: 17px;
}
.font--h7 {
    font-size: 12px;
    line-height: 14px;
}
.link, a {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}
.link.hover, .link:hover, a.hover, a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #333;
}

.link.active, .link:focus, a.active, a:focus {
    outline: 0;
    color: #231f20
}
.link.disabled, a.disabled {
    color: #94a2aa;
    cursor: not-allowed
}
.link--obvious, .link--primary {
    text-decoration: none;
    color: #00afd7
}
.link--obvious.hover, .link--obvious:hover, .link--primary.hover, .link--primary:hover {
    cursor: pointer;
    color: #0082ba;
    text-decoration: underline
}
.link--obvious.active, .link--obvious:focus, .link--primary.active, .link--primary:focus {
    outline: 0;
    color: #0082ba;
    text-decoration: underline
}
.link--obvious.disabled, .link--primary.disabled {
    color: #94a2aa;
    cursor: not-allowed
}
.link--arrows:after {
  content: " \00BB";
}
.link--inverted {
    color: #e2e3e4
}
.link--inverted.hover, .link--inverted:hover {
    cursor: pointer;
    color: #fff
}
.link--inverted.active, .link--inverted:active, .link--inverted:focus {
    outline: 0;
    color: #dadcdf
}
.link--inverted.disabled {
    color: #94a2aa;
    cursor: not-allowed
}
.link--plain, .link--plain.hover, .link--plain:hover {
    text-decoration: none
}
.link--background-white:hover {
    background-color: #fff
}
a.color--white:hover {
    color: #fff;
    text-decoration: none
}
.cursor--pointer {
    cursor: pointer
}
.link--white {
    color: #fff
}
.link--white:focus, .link--white:hover {
    color: #e2e3e4
}
.hover--no-underline:hover {
    text-decoration: none
}
.bg-color--primary {
    background-color: #00afd7
}
.bg-color--primary-light {
    background-color: #a2ddec
}
.bg-color--primary-dark {
    background-color: #0082ba
}
.bg-color--success {
    background-color: #97d700
}
.bg-color--success-light {
    background-color: #c2e86e
}
.bg-color--success-dark {
    background-color: #7a9a01
}
.bg-color--warning {
    background-color: #ff921c
}
.bg-color--warning-light {
    background-color: #ffb81c
}
.bg-color--warning-dark {
    background-color: #ad841f
}
.bg-color--danger {
    background-color: #f9423a
}
.bg-color--danger-light {
    background-color: #fb6879
}
.bg-color--danger-dark {
    background-color: #ae2627
}
.bg-color--danger-high {
    background-color: #fb0008
}
.bg-color--muted-light {
    background-color: #dadcdf
}
.bg-color--muted {
    background-color: #94a2aa
}
.bg-color--muted-dark {
    background-color: #717780
}
.bg-color--black-light {
    background-color: #3d3d3d
}
.bg-color--black {
    background-color: #231f20
}
.bg-color--black-dark {
    background-color: #202528
}
.bg-color--white-light {
    background-color: #fbfcfc
}
.bg-color--white {
    background-color: #fff
}
.bg-color--white-dark {
    background-color: #e2e3e4
}
.bg-color--hover-primary:hover {
    background-color: #e2f4f9
}
.bg-color-imp--danger {
    background-color: #f9423a!important
}
.bg-color-imp--warning {
    background-color: #ff921c!important
}
.bg-color-imp--warning-light {
    background-color: #ffb81c!important
}
.bg-color-imp--success {
    background-color: #97d700!important
}
.bg-color--hover-white-dark:hover {
    background-color: #e2e3e4
}
.square--10 {
    width: 10px;
    height: 10px
}
.text--lowercase {
    text-transform: lowercase
}
.text--uppercase {
    text-transform: uppercase
}
.text--capitalize {
    text-transform: capitalize
}
.text--left {
    text-align: left
}
.text--right {
    text-align: right
}
.text--center {
    text-align: center
}
.text--justify {
    text-align: justify
}
.text--nowrap {
    white-space: nowrap
}
.text--wrap {
    white-space: normal
}
.word-wrap--break {
    word-wrap: break-word
}
.font-family--code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
.text--primary {
    color: #00afd7
}
.text--muted {
    color: #717780;
}
.text--success {
    color: #97d700
}
.text--danger, .text--warning--high {
    color: #f9423a
}
.text--warning--low, .text--warning--medium {
    color: #ff921c
}
.font-smooth--antialiased {
    -webkit-font-smoothing: antialiased
}
.color--primary {
    color: #0082BA;
}
.color--primary-light {
    color: #a2ddec
}
.color--primary-dark {
    color: #0082ba
}
.color--success {
    color: #97d700
}
.color--success-light {
    color: #c2e86e
}
.color--success-dark {
    color: #7a9a01
}
.color--warning {
    color: #ff921c
}
.color--warning-light {
    color: #ffb81c
}
.color--warning-dark {
    color: #ad841f
}
.color--danger {
    color: #f9423a
}
.color--danger-light {
    color: #fb6879
}
.color--danger-dark {
    color: #ae2627
}
.color--danger-high {
    color: #fb0008
}
.color--muted {
    color: #94a2aa
}
.color--muted-light {
    color: #dadcdf
}
.color--muted-dark {
    color: #717780
}
.color--black {
    color: #231f20
}
.color--black-light {
    color: #3d3d3d
}
.color--black-dark {
    color: #202528
}
.color--white {
    color: #fff
}
.color--white-light {
    color: #fbfcfc
}
.color--white-dark {
    color: #e2e3e4
}
.text--highlight-yellow {
    background-color: rgba(255, 255, 140, .5)
}
.text--italic {
    font-style: italic
}
.text--bold {
    font-style: bold
}
.text--medium {
    font-weight: 400;
}
.text--light {
    font-family: "Roboto Light", Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 200;
}
.text--ellipsis, .text--overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.lh\+\+ {
    line-height: 2
}
.lh- {
    line-height: .75
}
.lh-- {
    line-height: .5
}
.lh {
    line-height: 1
}
.word-wrap {
    word-wrap: break-word
}
.text--bold, strong {
    font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700
}
.force-font--default {
    font-family: Roboto, 'Helvetica Neue', Arial, sans-serif!important
}
.white-space--pre-line {
    white-space: pre-line
}
.white-space--nowrap {
  white-space: nowrap;
}
.white-space--pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;

}
.opacity--1-10 {
    opacity: .1
}
.opacity--2-10 {
    opacity: .2
}
.opacity--3-10 {
    opacity: .3
}
.opacity--4-10 {
    opacity: .4
}
.opacity--5-10 {
    opacity: .5
}
.opacity--6-10 {
    opacity: .6
}
.opacity--7-10 {
    opacity: .7
}
.opacity--8-10 {
    opacity: .8
}
.opacity--9-10 {
    opacity: .9
}
.opacity--10-10 {
    opacity: 1
}
.opacity--1-force {
    opacity: 1!important
}

.documentation-content th,td {
    border: 1px solid #f1f1f2;
    border-collapse: collapse;
}
.documentation-content table {
    table-layout: fixed;
    border: 1px solid #f1f1f2;
    border-collapse: collapse;
}
.blog--content table {
    table-layout: fixed;
    border: 1px solid #f1f1f2;
    border-collapse: collapse;
}
.blog--content th,td {
    border: 1px solid #f1f1f2;
    border-collapse: collapse;
}

table {
    width: 100%;
    max-width: 100%
}
td, th {
    padding: .3333333333rem;
    white-space: normal;
}
th {
    border-bottom: 1px solid #f1f1f2;
    font-weight: 600
}
.panel-title {
    background-color: #717780;
    padding: 5px 11px
}
.panel-title a {
    color: #fff;
    width: 100%;
    display: inline-block;
    line-height: .8
}
.panel-title a:hover {
    text-decoration: none;
    font-weight: 700
}
.panel-group .panel {
    margin-bottom: 5px
}
accordion .panel-title {
    font-size: 18px;
    background-color: #fff
}
accordion pre {
    border: 0
}
.bubble {
    display: block;
    z-index: 1000
}
.bubble--inner {
    background-color: #fff;
    border: 1px solid;
    border-color: #000;
    border-radius: 3px;
    color: #231f20;
    padding: 10px 15px;
    text-align: left;
    word-wrap: break-word
}
.bubble--primary {
    border-color: #00afd7;
    color: #00afd7
}
.bubble--error {
    color: #f9423a;
    border-color: #f9423a
}
.btn, .btn--danger, .btn--danger-clear, .btn--default, .btn--default-clear, .btn--primary, .btn--primary-clear, .btn--success, .btn--success-clear, button {
    background-color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 29px;
    margin: 0;
    cursor: pointer;
    padding: 20px 1.5em;
    white-space: nowrap;
    line-height: 14px;
    transition: all .2s ease
}
.btn, .btn--danger, .btn--danger-clear, .btn--danger-clear:active, .btn--danger-clear:focus, .btn--danger-clear:hover, .btn--danger:active, .btn--danger:focus, .btn--danger:hover, .btn--default, .btn--default-clear, .btn--default-clear:active, .btn--default-clear:focus, .btn--default-clear:hover, .btn--default:active, .btn--default:focus, .btn--default:hover, .btn--primary, .btn--primary-clear, .btn--primary-clear:active, .btn--primary-clear:focus, .btn--primary-clear:hover, .btn--primary:active, .btn--primary:focus, .btn--primary:hover, .btn--success, .btn--success-clear, .btn--success-clear:active, .btn--success-clear:focus, .btn--success-clear:hover, .btn--success:active, .btn--success:focus, .btn--success:hover, .btn:active, .btn:focus, .btn:hover, button, button:active, button:focus, button:hover {
    color: #3d3d3d
}
.btn--danger-clear:hover, .btn--danger:hover, .btn--default-clear:hover, .btn--default:hover, .btn--primary-clear:hover, .btn--primary:hover, .btn--success-clear:hover, .btn--success:hover, .btn:hover, .hover.btn, .hover.btn--danger, .hover.btn--danger-clear, .hover.btn--default, .hover.btn--default-clear, .hover.btn--primary, .hover.btn--primary-clear, .hover.btn--success, .hover.btn--success-clear, button.hover, button:hover {
    background-color: #e2e3e4
}
.active.btn, .active.btn--danger, .active.btn--danger-clear, .active.btn--default, .active.btn--default-clear, .active.btn--primary, .active.btn--primary-clear, .active.btn--success, .active.btn--success-clear, .btn--danger-clear:active, .btn--danger:active, .btn--default-clear:active, .btn--default:active, .btn--primary-clear:active, .btn--primary:active, .btn--success-clear:active, .btn--success:active, .btn:active, button.active, button:active {
    background-color: #94a2aa
}
.btn--danger-clear:disabled, .btn--danger:disabled, .btn--default-clear:disabled, .btn--default:disabled, .btn--primary-clear:disabled, .btn--primary:disabled, .btn--success-clear:disabled, .btn--success:disabled, .btn:disabled, .disabled.btn, .disabled.btn--danger, .disabled.btn--danger-clear, .disabled.btn--default, .disabled.btn--default-clear, .disabled.btn--primary, .disabled.btn--primary-clear, .disabled.btn--success, .disabled.btn--success-clear, button.disabled, button:disabled {
    background-color: #e2e3e4
}
.disabled.btn, .disabled.btn--danger, .disabled.btn--danger-clear, .disabled.btn--default, .disabled.btn--default-clear, .disabled.btn--primary, .disabled.btn--primary-clear, .disabled.btn--success, .disabled.btn--success-clear, button.disabled {
    cursor: not-allowed!important
}
.btn, .btn--danger, .btn--danger-clear, .btn--danger-clear:active, .btn--danger-clear:focus, .btn--danger-clear:hover, .btn--danger:active, .btn--danger:focus, .btn--danger:hover, .btn--default, .btn--default-clear, .btn--default-clear:active, .btn--default-clear:focus, .btn--default-clear:hover, .btn--default:active, .btn--default:focus, .btn--default:hover, .btn--primary, .btn--primary-clear, .btn--primary-clear:active, .btn--primary-clear:focus, .btn--primary-clear:hover, .btn--primary:active, .btn--primary:focus, .btn--primary:hover, .btn--success, .btn--success-clear, .btn--success-clear:active, .btn--success-clear:focus, .btn--success-clear:hover, .btn--success:active, .btn--success:focus, .btn--success:hover, .btn:active, .btn:focus, .btn:hover, button, button:active, button:focus, button:hover {
    text-decoration: none
}
.btn--danger-clear:hover, .btn--danger:hover, .btn--default-clear:hover, .btn--default:hover, .btn--primary-clear:hover, .btn--primary:hover, .btn--success-clear:hover, .btn--success:hover, .btn:hover, button:hover {
    cursor: pointer
}
.btn--danger-clear:disabled, .btn--danger:disabled, .btn--default-clear:disabled, .btn--default:disabled, .btn--primary-clear:disabled, .btn--primary:disabled, .btn--success-clear:disabled, .btn--success:disabled, .btn:disabled, button:disabled {
    cursor: not-allowed;
    opacity: .75
}
.btn--danger-clear::-moz-focus-inner, .btn--danger::-moz-focus-inner, .btn--default-clear::-moz-focus-inner, .btn--default::-moz-focus-inner, .btn--primary-clear::-moz-focus-inner, .btn--primary::-moz-focus-inner, .btn--success-clear::-moz-focus-inner, .btn--success::-moz-focus-inner, .btn::-moz-focus-inner, button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.btn--xs {
    font-size: 11.25px
}
.btn--sm {
    font-size: 13.13px
}
.btn--lg {
    font-size: 16.88px
}
.btn--xl {
    font-size: 18.75px
}
.btn--full {
    width: 100%
}
.btn--default {
    background-color: #717780;
}
.btn--default, .btn--default:active, .btn--default:focus, .btn--default:hover {
    color: #fff
}
.btn--default.hover, .btn--default:hover {
    background-color: #3d3d3d
}
.btn--default.active, .btn--default:active {
    background-color: #231f20;
    color: #fff;
}
.btn--default.disabled, .btn--default:disabled {
    background-color: #dadcdf
}
.btn--default.disabled {
    cursor: not-allowed!important
}
.btn--primary {
    background-color: #00AFD7;
}
.btn--primary, .btn--primary:active, .btn--primary:focus, .btn--primary:hover {
    color: #fff
}
.btn--primary.hover, .btn--primary:hover {
    background-color: #009abe
}
.btn--primary.active, .btn--primary:active {
    background-color: #0082ba
}
.btn--primary.disabled, .btn--primary:disabled {
    background-color: #82b1bb
}
.btn--primary.disabled {
    cursor: not-allowed!important
}
.btn--primary-clear {
    border-color: #00AFD7;
}
.btn--primary-clear, .btn--primary-clear:active, .btn--primary-clear:focus, .btn--primary-clear:hover {
    color: #00AFD7;
}
.btn--primary-clear.hover, .btn--primary-clear:hover {
    background-color: #00AFD7;
}
.btn--primary-clear.active, .btn--primary-clear:active {
    background-color: #00AFD7;
}
.btn--primary-clear.disabled, .btn--primary-clear:disabled {
    background-color: #82b1bb;
}
.btn--primary-clear.disabled {
    cursor: not-allowed!important
}
.btn--success {
    background-color: #97d700;
}
.btn--success, .btn--success:active, .btn--success:focus, .btn--success:hover {
    color: #fff
}
.btn--success.hover, .btn--success:hover {
    background-color: #7aae00
}
.btn--success.active, .btn--success:active {
    background-color: #7a9a01
}
.btn--success.disabled, .btn--success:disabled {
    background-color: #beec51
}
.btn--success.disabled {
    cursor: not-allowed!important
}
.btn--danger {
    background-color: #f9423a
}
.btn--danger, .btn--danger:active, .btn--danger:focus, .btn--danger:hover {
    color: #fff
}
.btn--danger.hover, .btn--danger:hover {
    background-color: #f71309
}
.btn--danger.active, .btn--danger:active {
    background-color: #ae2627
}
.btn--danger.disabled, .btn--danger:disabled {
    background-color: #f2aaa7
}
.btn--danger.disabled {
    cursor: not-allowed!important
}
.btn--default-clear {
    border: 2px solid #202528;
    background-color: transparent;
    color: #202528;
}
.btn--default-clear.hover, .btn--default-clear:hover {
    background-color: #202528;
    color: #fff
}
.btn--default-clear.active, .btn--default-clear:active {
    background-color: #202528;
    color: #fff
}
.btn--default-clear.focus, .btn--default-clear:focus {
    color: #717780
}
.btn--default-clear.focus.hover, .btn--default-clear.focus:hover, .btn--default-clear:focus.hover, .btn--default-clear:focus:hover {
    color: #fff
}
.btn--default-clear.disabled, .btn--default-clear:disabled {
    background-color: #e2e3e4;
    border-color: #94a2aa;
    color: #94a2aa;
    cursor: not-allowed
}
.btn--default-clear.disabled:active, .btn--default-clear.disabled:focus, .btn--default-clear.disabled:hover, .btn--default-clear:disabled:active, .btn--default-clear:disabled:focus, .btn--default-clear:disabled:hover {
    background-color: #e2e3e4;
    color: #94a2aa;
    border-color: #94a2aa
}
.btn--primary-clear {
    border: 2px solid #00afd7;
    background-color: transparent;
    color: #00afd7
}
.btn--primary-clear.hover, .btn--primary-clear:hover {
    background-color: #00afd7;
    color: #fff
}
.btn--primary-clear.active, .btn--primary-clear:active {
    background-color: #0082ba;
    color: #fff
}
.btn--primary-clear.focus, .btn--primary-clear:focus {
    color: #00afd7
}
.btn--primary-clear.focus.hover, .btn--primary-clear.focus:hover, .btn--primary-clear:focus.hover, .btn--primary-clear:focus:hover {
    color: #fff
}
.btn--primary-clear.disabled, .btn--primary-clear:disabled {
    background-color: #e2e3e4;
    border-color: #94a2aa;
    color: #94a2aa;
    cursor: not-allowed
}
.btn--primary-clear.disabled:active, .btn--primary-clear.disabled:focus, .btn--primary-clear.disabled:hover, .btn--primary-clear:disabled:active, .btn--primary-clear:disabled:focus, .btn--primary-clear:disabled:hover {
    background-color: #e2e3e4;
    color: #94a2aa;
    border-color: #94a2aa
}
.btn--success-clear {
    border: 2px solid #97d700;
    background-color: transparent;
    color: #97d700
}
.btn--success-clear.hover, .btn--success-clear:hover {
    background-color: #97d700;
    color: #fff
}
.btn--success-clear.active, .btn--success-clear:active {
    background-color: #7a9a01;
    color: #fff
}
.btn--success-clear.focus, .btn--success-clear:focus {
    color: #97d700
}
.btn--success-clear.focus.hover, .btn--success-clear.focus:hover, .btn--success-clear:focus.hover, .btn--success-clear:focus:hover {
    color: #fff
}
.btn--success-clear.disabled, .btn--success-clear:disabled {
    background-color: #e2e3e4;
    border-color: #94a2aa;
    color: #94a2aa;
    cursor: not-allowed
}
.btn--success-clear.disabled:active, .btn--success-clear.disabled:focus, .btn--success-clear.disabled:hover, .btn--success-clear:disabled:active, .btn--success-clear:disabled:focus, .btn--success-clear:disabled:hover {
    background-color: #e2e3e4;
    color: #94a2aa;
    border-color: #94a2aa
}
.btn--danger-clear {
    border: 2px solid #f9423a;
    background-color: transparent;
    color: #f9423a
}
.btn--danger-clear.hover, .btn--danger-clear:hover {
    background-color: #f9423a;
    color: #fff
}
.btn--danger-clear.active, .btn--danger-clear:active {
    background-color: #ae2627;
    color: #fff
}
.btn--danger-clear.focus, .btn--danger-clear:focus {
    color: #f9423a
}
.btn--danger-clear.focus.hover, .btn--danger-clear.focus:hover, .btn--danger-clear:focus.hover, .btn--danger-clear:focus:hover {
    color: #fff
}
.btn--danger-clear.disabled, .btn--danger-clear:disabled {
    background-color: #e2e3e4;
    border-color: #94a2aa;
    color: #94a2aa;
    cursor: not-allowed
}
.btn--danger-clear.disabled:active, .btn--danger-clear.disabled:focus, .btn--danger-clear.disabled:hover, .btn--danger-clear:disabled:active, .btn--danger-clear:disabled:focus, .btn--danger-clear:disabled:hover {
    background-color: #e2e3e4;
    color: #94a2aa;
    border-color: #94a2aa
}
.btn--link {
    background-color: transparent
}
.btn--link, .btn--link:active, .btn--link:focus, .btn--link:hover {
    color: #231f20
}
.btn--link.active, .btn--link.disabled, .btn--link.hover, .btn--link:active, .btn--link:disabled, .btn--link:hover {
    background-color: transparent
}
.btn--link.disabled {
    cursor: not-allowed!important
}
.btn--link-danger {
    background-color: transparent
}
.btn--link-danger, .btn--link-danger:active, .btn--link-danger:focus, .btn--link-danger:hover {
    color: #f9423a
}
.btn--link-danger.active, .btn--link-danger.disabled, .btn--link-danger.hover, .btn--link-danger:active, .btn--link-danger:disabled, .btn--link-danger:hover {
    background-color: transparent
}
.btn--link-danger.disabled {
    cursor: not-allowed!important
}
.btn--integrated {
    background-color: transparent;
    padding: .6em 1.2em
}
.btn--integrated, .btn--integrated:active, .btn--integrated:focus, .btn--integrated:hover {
    color: #94a2aa
}
.btn--integrated.active, .btn--integrated.disabled, .btn--integrated.hover, .btn--integrated:active, .btn--integrated:disabled, .btn--integrated:hover {
    background-color: transparent
}
.btn--integrated.disabled {
    cursor: not-allowed!important
}
.btn--connected .disconnect-label, .btn--connected:hover .connected-label {
    display: none
}
.btn--connected:hover .disconnect-label {
    display: inline
}
.btn sup {
  margin-top: 0;
  padding-top: 0;
  line-height: .5;

}
.card {
    background-color: #fff;
    border: 1px solid #e2e3e4;
    border-radius: 0;
    transition: border-color .2s ease
}
.card .fade-add.fade-add-active, .card.active {
    border-color: #00afd7
}
.c3 text, .c3-chart-arc text {
    fill: #fff;
    color: #fff
}
.c3-chart-arc path {
    stroke: none
}
.c3-tooltip-container {
    fill: #202528;
    color: #202528
}
.collapse {
    display: none
}
.collapse.in {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}
.container--full {
    width: 100%;
    max-width: none
}
.container--half {
    max-width: 501px
}
.data-grid__header, .data-grid__row, .grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -20px;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}
.grid__item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0 0 20px
}
.grid--rev {
    direction: rtl;
    text-align: left
}
.grid--rev>.grid__item {
    direction: ltr;
    text-align: left
}
.data-grid__header, .data-grid__row, .grid--full {
    margin-left: 0
}
.data-grid__header>.grid__item, .data-grid__row>.grid__item, .grid--full>.grid__item {
    padding-left: 0
}
.grid--right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.grid--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.data-grid__row, .grid--middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.grid--bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.grid--narrow {
    margin-left: -10px
}
.grid--narrow>.grid__item {
    padding-left: 10px
}
.grid--narrower {
    margin-left: -5px
}
.grid--narrower>.grid__item {
    padding-left: 5px
}
.grid--wide {
    margin-left: -40px
}
.grid--wide>.grid__item {
    padding-left: 40px
}
.grid--direction--column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.grid--space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.grid--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.grid--stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.grid--baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}
.grid__item--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.grid__item--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.grid__item--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.col-1-1 {
    width: 100%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-5-10, .col-6-12 {
    width: 50%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-3, .col-2-6, .col-4-12 {
    width: 33.333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-3, .col-4-6, .col-8-12 {
    width: 66.666%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-4, .col-2-8, .col-3-12 {
    width: 25%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-4 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-4, .col-6-8, .col-9-12 {
    width: 75%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-5, .col-2-10 {
    width: 20%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-5, .col-4-10 {
    width: 40%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-5, .col-6-10 {
    width: 60%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-5, .col-8-10 {
    width: 80%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-6, .col-2-12 {
    width: 16.666%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-6, .col-3-6, .col-4-6 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-10-12, .col-5-6 {
    width: 83.333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-7 {
    width: 14.2857143%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-7 {
    width: 28.5714286%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-7 {
    width: 42.8571429%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-7 {
    width: 57.1428571%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-7 {
    width: 71.4285714%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-6-7 {
    width: 85.7142857%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-8 {
    width: 12.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-8 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-8 {
    width: 37.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-8 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-8 {
    width: 62.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-6-8 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-8 {
    width: 87.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-9 {
    width: 11.111%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-9 {
    width: 22.222%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-9 {
    width: 33.333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-9 {
    width: 44.444%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-9 {
    width: 55.555%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-6-9 {
    width: 66.666%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-9 {
    width: 77.777%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-8-9 {
    width: 88.888%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-10 {
    width: 10%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-10 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-10 {
    width: 30%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-10, .col-5-10, .col-6-10 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-10 {
    width: 70%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-8-10 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-9-10 {
    width: 90%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-12 {
    width: 8.333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-2-12, .col-3-12, .col-4-12 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-12 {
    width: 41.666%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-6-12 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-12 {
    width: 58.333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-10-12, .col-8-12, .col-9-12 {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-11-12 {
    width: 91.666%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
@media only screen and (max-width:480px) {
    .phone--no-center {
        margin: initial !important;
    }
    .phone--col-1-1 {
        width: 100%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-2, .phone--col-2-4, .phone--col-3-6, .phone--col-4-8, .phone--col-5-10, .phone--col-6-12 {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-3, .phone--col-2-6, .phone--col-4-12 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-3, .phone--col-4-6, .phone--col-8-12 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-4, .phone--col-2-8, .phone--col-3-12 {
        width: 25%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-4 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-4, .phone--col-6-8, .phone--col-9-12 {
        width: 75%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-5, .phone--col-2-10 {
        width: 20%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-5, .phone--col-4-10 {
        width: 40%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-5, .phone--col-6-10 {
        width: 60%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-4-5, .phone--col-8-10 {
        width: 80%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-6, .phone--col-2-12 {
        width: 16.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-6, .phone--col-3-6, .phone--col-4-6 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-10-12, .phone--col-5-6 {
        width: 83.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-7 {
        width: 14.2857143%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-7 {
        width: 28.5714286%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-7 {
        width: 42.8571429%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-4-7 {
        width: 57.1428571%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-5-7 {
        width: 71.4285714%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-6-7 {
        width: 85.7142857%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-8 {
        width: 12.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-8 {
        width: 37.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-4-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-5-8 {
        width: 62.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-6-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-7-8 {
        width: 87.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-9 {
        width: 11.111%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-9 {
        width: 22.222%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-9 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-4-9 {
        width: 44.444%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-5-9 {
        width: 55.555%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-6-9 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-7-9 {
        width: 77.777%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-8-9 {
        width: 88.888%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-10 {
        width: 10%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-3-10 {
        width: 30%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-4-10, .phone--col-5-10, .phone--col-6-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-7-10 {
        width: 70%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-8-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-9-10 {
        width: 90%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-1-12 {
        width: 8.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-2-12, .phone--col-3-12, .phone--col-4-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-5-12 {
        width: 41.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-6-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-7-12 {
        width: 58.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-10-12, .phone--col-8-12, .phone--col-9-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .phone--col-11-12 {
        width: 91.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .btn {
      min-width: auto;
    }
}
@media only screen and (min-width:481px) and (max-width:1023px) {
    .lap--col-1-1 {
        width: 100%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-2, .lap--col-2-4, .lap--col-3-6, .lap--col-4-8, .lap--col-5-10, .lap--col-6-12 {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-3, .lap--col-2-6, .lap--col-4-12 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-3, .lap--col-4-6, .lap--col-8-12 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-4, .lap--col-2-8, .lap--col-3-12 {
        width: 25%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-4 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-4, .lap--col-6-8, .lap--col-9-12 {
        width: 75%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-5, .lap--col-2-10 {
        width: 20%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-5, .lap--col-4-10 {
        width: 40%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-5, .lap--col-6-10 {
        width: 60%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-4-5, .lap--col-8-10 {
        width: 80%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-6, .lap--col-2-12 {
        width: 16.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-6, .lap--col-3-6, .lap--col-4-6 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-10-12, .lap--col-5-6 {
        width: 83.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-7 {
        width: 14.2857143%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-7 {
        width: 28.5714286%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-7 {
        width: 42.8571429%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-4-7 {
        width: 57.1428571%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-5-7 {
        width: 71.4285714%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-6-7 {
        width: 85.7142857%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-8 {
        width: 12.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-8 {
        width: 37.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-4-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-5-8 {
        width: 62.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-6-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-7-8 {
        width: 87.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-9 {
        width: 11.111%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-9 {
        width: 22.222%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-9 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-4-9 {
        width: 44.444%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-5-9 {
        width: 55.555%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-6-9 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-7-9 {
        width: 77.777%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-8-9 {
        width: 88.888%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-10 {
        width: 10%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-3-10 {
        width: 30%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-4-10, .lap--col-5-10, .lap--col-6-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-7-10 {
        width: 70%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-8-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-9-10 {
        width: 90%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-1-12 {
        width: 8.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-2-12, .lap--col-3-12, .lap--col-4-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-5-12 {
        width: 41.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-6-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-7-12 {
        width: 58.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-10-12, .lap--col-8-12, .lap--col-9-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .lap--col-11-12 {
        width: 91.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
@media only screen and (max-width:1023px) {
    .portable--col-1-1 {
        width: 100%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-2, .portable--col-2-4, .portable--col-3-6, .portable--col-4-8, .portable--col-5-10, .portable--col-6-12 {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-3, .portable--col-2-6, .portable--col-4-12 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-3, .portable--col-4-6, .portable--col-8-12 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-4, .portable--col-2-8, .portable--col-3-12 {
        width: 25%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-4 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-4, .portable--col-6-8, .portable--col-9-12 {
        width: 75%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-5, .portable--col-2-10 {
        width: 20%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-5, .portable--col-4-10 {
        width: 40%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-5, .portable--col-6-10 {
        width: 60%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-4-5, .portable--col-8-10 {
        width: 80%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-6, .portable--col-2-12 {
        width: 16.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-6, .portable--col-3-6, .portable--col-4-6 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-10-12, .portable--col-5-6 {
        width: 83.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-7 {
        width: 14.2857143%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-7 {
        width: 28.5714286%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-7 {
        width: 42.8571429%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-4-7 {
        width: 57.1428571%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-5-7 {
        width: 71.4285714%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-6-7 {
        width: 85.7142857%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-8 {
        width: 12.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-8 {
        width: 37.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-4-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-5-8 {
        width: 62.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-6-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-7-8 {
        width: 87.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-9 {
        width: 11.111%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-9 {
        width: 22.222%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-9 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-4-9 {
        width: 44.444%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-5-9 {
        width: 55.555%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-6-9 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-7-9 {
        width: 77.777%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-8-9 {
        width: 88.888%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-10 {
        width: 10%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-3-10 {
        width: 30%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-4-10, .portable--col-5-10, .portable--col-6-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-7-10 {
        width: 70%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-8-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-9-10 {
        width: 90%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-1-12 {
        width: 8.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-2-12, .portable--col-3-12, .portable--col-4-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-5-12 {
        width: 41.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-6-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-7-12 {
        width: 58.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-10-12, .portable--col-8-12, .portable--col-9-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .portable--col-11-12 {
        width: 91.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
@media only screen and (min-width:1024px) {
    .desk--col-1-1 {
        width: 100%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-2, .desk--col-2-4, .desk--col-3-6, .desk--col-4-8, .desk--col-5-10, .desk--col-6-12 {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-3, .desk--col-2-6, .desk--col-4-12 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-3, .desk--col-4-6, .desk--col-8-12 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-4, .desk--col-2-8, .desk--col-3-12 {
        width: 25%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-4 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-4, .desk--col-6-8, .desk--col-9-12 {
        width: 75%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-5, .desk--col-2-10 {
        width: 20%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-5, .desk--col-4-10 {
        width: 40%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-5, .desk--col-6-10 {
        width: 60%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-4-5, .desk--col-8-10 {
        width: 80%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-6, .desk--col-2-12 {
        width: 16.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-6, .desk--col-3-6, .desk--col-4-6 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-10-12, .desk--col-5-6 {
        width: 83.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-7 {
        width: 14.2857143%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-7 {
        width: 28.5714286%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-7 {
        width: 42.8571429%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-4-7 {
        width: 57.1428571%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-5-7 {
        width: 71.4285714%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-6-7 {
        width: 85.7142857%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-8 {
        width: 12.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-8 {
        width: 37.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-4-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-5-8 {
        width: 62.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-6-8 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-7-8 {
        width: 87.5%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-9 {
        width: 11.111%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-9 {
        width: 22.222%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-9 {
        width: 33.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-4-9 {
        width: 44.444%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-5-9 {
        width: 55.555%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-6-9 {
        width: 66.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-7-9 {
        width: 77.777%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-8-9 {
        width: 88.888%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-10 {
        width: 10%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-3-10 {
        width: 30%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-4-10, .desk--col-5-10, .desk--col-6-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-7-10 {
        width: 70%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-8-10 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-9-10 {
        width: 90%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-1-12 {
        width: 8.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-2-12, .desk--col-3-12, .desk--col-4-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-5-12 {
        width: 41.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-6-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-7-12 {
        width: 58.333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-10-12, .desk--col-8-12, .desk--col-9-12 {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
    .desk--col-11-12 {
        width: 91.666%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}
[class*=push--] {
    position: relative
}
.push--col-one-whole {
    left: 100%
}
.push--col-1-2, .push--col-2-4, .push--col-3-6, .push--col-4-8, .push--col-5-10, .push--col-6-12 {
    left: 50%
}
.push--col-1-3, .push--col-2-6, .push--col-4-12 {
    left: 33.333%
}
.push--col-2-3, .push--col-4-6, .push--col-8-12 {
    left: 66.666%
}
.push--col-1-4, .push--col-2-8, .push--col-3-12 {
    left: 25%
}
.push--col-3-4, .push--col-6-8, .push--col-9-12 {
    left: 75%
}
.push--col-1-5, .push--col-2-10 {
    left: 20%
}
.push--col-2-5, .push--col-4-10 {
    left: 40%
}
.push--col-3-5, .push--col-6-10 {
    left: 60%
}
.push--col-4-5, .push--col-8-10 {
    left: 80%
}
.push--col-1-6, .push--col-2-12 {
    left: 16.666%
}
.push--col-10-12, .push--col-5-6 {
    left: 83.333%
}
.push--col-1-7 {
    left: 14.2857143%
}
.push--col-2-7 {
    left: 28.5714286%
}
.push--col-3-7 {
    left: 42.8571429%
}
.push--col-4-7 {
    left: 57.1428571%
}
.push--col-5-7 {
    left: 71.4285714%
}
.push--col-6-7 {
    left: 85.7142857%
}
.push--col-1-8 {
    left: 12.5%
}
.push--col-3-8 {
    left: 37.5%
}
.push--col-5-8 {
    left: 62.5%
}
.push--col-7-8 {
    left: 87.5%
}
.push--col-1-9 {
    left: 11.111%
}
.push--col-2-9 {
    left: 22.222%
}
.push--col-3-9 {
    left: 33.333%
}
.push--col-4-9 {
    left: 44.444%
}
.push--col-5-9 {
    left: 55.555%
}
.push--col-6-9 {
    left: 66.666%
}
.push--col-7-9 {
    left: 77.777%
}
.push--col-8-9 {
    left: 88.888%
}
.push--col-1-10 {
    left: 10%
}
.push--col-3-10 {
    left: 30%
}
.push--col-7-10 {
    left: 70%
}
.push--col-9-10 {
    left: 90%
}
.push--col-1-12 {
    left: 8.333%
}
.push--col-5-12 {
    left: 41.666%
}
.push--col-7-12 {
    left: 58.333%
}
.push--col-11-12 {
    left: 91.666%
}
@media only screen and (max-width:480px) {
    .push--phone--col-one-whole {
        left: 100%
    }
    .push--phone--col-1-2, .push--phone--col-2-4, .push--phone--col-3-6, .push--phone--col-4-8, .push--phone--col-5-10, .push--phone--col-6-12 {
        left: 50%
    }
    .push--phone--col-1-3, .push--phone--col-2-6, .push--phone--col-4-12 {
        left: 33.333%
    }
    .push--phone--col-2-3, .push--phone--col-4-6, .push--phone--col-8-12 {
        left: 66.666%
    }
    .push--phone--col-1-4, .push--phone--col-2-8, .push--phone--col-3-12 {
        left: 25%
    }
    .push--phone--col-3-4, .push--phone--col-6-8, .push--phone--col-9-12 {
        left: 75%
    }
    .push--phone--col-1-5, .push--phone--col-2-10 {
        left: 20%
    }
    .push--phone--col-2-5, .push--phone--col-4-10 {
        left: 40%
    }
    .push--phone--col-3-5, .push--phone--col-6-10 {
        left: 60%
    }
    .push--phone--col-4-5, .push--phone--col-8-10 {
        left: 80%
    }
    .push--phone--col-1-6, .push--phone--col-2-12 {
        left: 16.666%
    }
    .push--phone--col-10-12, .push--phone--col-5-6 {
        left: 83.333%
    }
    .push--phone--col-1-7 {
        left: 14.2857143%
    }
    .push--phone--col-2-7 {
        left: 28.5714286%
    }
    .push--phone--col-3-7 {
        left: 42.8571429%
    }
    .push--phone--col-4-7 {
        left: 57.1428571%
    }
    .push--phone--col-5-7 {
        left: 71.4285714%
    }
    .push--phone--col-6-7 {
        left: 85.7142857%
    }
    .push--phone--col-1-8 {
        left: 12.5%
    }
    .push--phone--col-3-8 {
        left: 37.5%
    }
    .push--phone--col-5-8 {
        left: 62.5%
    }
    .push--phone--col-7-8 {
        left: 87.5%
    }
    .push--phone--col-1-9 {
        left: 11.111%
    }
    .push--phone--col-2-9 {
        left: 22.222%
    }
    .push--phone--col-3-9 {
        left: 33.333%
    }
    .push--phone--col-4-9 {
        left: 44.444%
    }
    .push--phone--col-5-9 {
        left: 55.555%
    }
    .push--phone--col-6-9 {
        left: 66.666%
    }
    .push--phone--col-7-9 {
        left: 77.777%
    }
    .push--phone--col-8-9 {
        left: 88.888%
    }
    .push--phone--col-1-10 {
        left: 10%
    }
    .push--phone--col-3-10 {
        left: 30%
    }
    .push--phone--col-7-10 {
        left: 70%
    }
    .push--phone--col-9-10 {
        left: 90%
    }
    .push--phone--col-1-12 {
        left: 8.333%
    }
    .push--phone--col-5-12 {
        left: 41.666%
    }
    .push--phone--col-7-12 {
        left: 58.333%
    }
    .push--phone--col-11-12 {
        left: 91.666%
    }
}
@media only screen and (min-width:481px) and (max-width:1023px) {
    .push--lap--col-one-whole {
        left: 100%
    }
    .push--lap--col-1-2, .push--lap--col-2-4, .push--lap--col-3-6, .push--lap--col-4-8, .push--lap--col-5-10, .push--lap--col-6-12 {
        left: 50%
    }
    .push--lap--col-1-3, .push--lap--col-2-6, .push--lap--col-4-12 {
        left: 33.333%
    }
    .push--lap--col-2-3, .push--lap--col-4-6, .push--lap--col-8-12 {
        left: 66.666%
    }
    .push--lap--col-1-4, .push--lap--col-2-8, .push--lap--col-3-12 {
        left: 25%
    }
    .push--lap--col-3-4, .push--lap--col-6-8, .push--lap--col-9-12 {
        left: 75%
    }
    .push--lap--col-1-5, .push--lap--col-2-10 {
        left: 20%
    }
    .push--lap--col-2-5, .push--lap--col-4-10 {
        left: 40%
    }
    .push--lap--col-3-5, .push--lap--col-6-10 {
        left: 60%
    }
    .push--lap--col-4-5, .push--lap--col-8-10 {
        left: 80%
    }
    .push--lap--col-1-6, .push--lap--col-2-12 {
        left: 16.666%
    }
    .push--lap--col-10-12, .push--lap--col-5-6 {
        left: 83.333%
    }
    .push--lap--col-1-7 {
        left: 14.2857143%
    }
    .push--lap--col-2-7 {
        left: 28.5714286%
    }
    .push--lap--col-3-7 {
        left: 42.8571429%
    }
    .push--lap--col-4-7 {
        left: 57.1428571%
    }
    .push--lap--col-5-7 {
        left: 71.4285714%
    }
    .push--lap--col-6-7 {
        left: 85.7142857%
    }
    .push--lap--col-1-8 {
        left: 12.5%
    }
    .push--lap--col-3-8 {
        left: 37.5%
    }
    .push--lap--col-5-8 {
        left: 62.5%
    }
    .push--lap--col-7-8 {
        left: 87.5%
    }
    .push--lap--col-1-9 {
        left: 11.111%
    }
    .push--lap--col-2-9 {
        left: 22.222%
    }
    .push--lap--col-3-9 {
        left: 33.333%
    }
    .push--lap--col-4-9 {
        left: 44.444%
    }
    .push--lap--col-5-9 {
        left: 55.555%
    }
    .push--lap--col-6-9 {
        left: 66.666%
    }
    .push--lap--col-7-9 {
        left: 77.777%
    }
    .push--lap--col-8-9 {
        left: 88.888%
    }
    .push--lap--col-1-10 {
        left: 10%
    }
    .push--lap--col-3-10 {
        left: 30%
    }
    .push--lap--col-7-10 {
        left: 70%
    }
    .push--lap--col-9-10 {
        left: 90%
    }
    .push--lap--col-1-12 {
        left: 8.333%
    }
    .push--lap--col-5-12 {
        left: 41.666%
    }
    .push--lap--col-7-12 {
        left: 58.333%
    }
    .push--lap--col-11-12 {
        left: 91.666%
    }
}
@media only screen and (max-width:1023px) {
    .push--portable--col-one-whole {
        left: 100%
    }
    .push--portable--col-1-2, .push--portable--col-2-4, .push--portable--col-3-6, .push--portable--col-4-8, .push--portable--col-5-10, .push--portable--col-6-12 {
        left: 50%
    }
    .push--portable--col-1-3, .push--portable--col-2-6, .push--portable--col-4-12 {
        left: 33.333%
    }
    .push--portable--col-2-3, .push--portable--col-4-6, .push--portable--col-8-12 {
        left: 66.666%
    }
    .push--portable--col-1-4, .push--portable--col-2-8, .push--portable--col-3-12 {
        left: 25%
    }
    .push--portable--col-3-4, .push--portable--col-6-8, .push--portable--col-9-12 {
        left: 75%
    }
    .push--portable--col-1-5, .push--portable--col-2-10 {
        left: 20%
    }
    .push--portable--col-2-5, .push--portable--col-4-10 {
        left: 40%
    }
    .push--portable--col-3-5, .push--portable--col-6-10 {
        left: 60%
    }
    .push--portable--col-4-5, .push--portable--col-8-10 {
        left: 80%
    }
    .push--portable--col-1-6, .push--portable--col-2-12 {
        left: 16.666%
    }
    .push--portable--col-10-12, .push--portable--col-5-6 {
        left: 83.333%
    }
    .push--portable--col-1-7 {
        left: 14.2857143%
    }
    .push--portable--col-2-7 {
        left: 28.5714286%
    }
    .push--portable--col-3-7 {
        left: 42.8571429%
    }
    .push--portable--col-4-7 {
        left: 57.1428571%
    }
    .push--portable--col-5-7 {
        left: 71.4285714%
    }
    .push--portable--col-6-7 {
        left: 85.7142857%
    }
    .push--portable--col-1-8 {
        left: 12.5%
    }
    .push--portable--col-3-8 {
        left: 37.5%
    }
    .push--portable--col-5-8 {
        left: 62.5%
    }
    .push--portable--col-7-8 {
        left: 87.5%
    }
    .push--portable--col-1-9 {
        left: 11.111%
    }
    .push--portable--col-2-9 {
        left: 22.222%
    }
    .push--portable--col-3-9 {
        left: 33.333%
    }
    .push--portable--col-4-9 {
        left: 44.444%
    }
    .push--portable--col-5-9 {
        left: 55.555%
    }
    .push--portable--col-6-9 {
        left: 66.666%
    }
    .push--portable--col-7-9 {
        left: 77.777%
    }
    .push--portable--col-8-9 {
        left: 88.888%
    }
    .push--portable--col-1-10 {
        left: 10%
    }
    .push--portable--col-3-10 {
        left: 30%
    }
    .push--portable--col-7-10 {
        left: 70%
    }
    .push--portable--col-9-10 {
        left: 90%
    }
    .push--portable--col-1-12 {
        left: 8.333%
    }
    .push--portable--col-5-12 {
        left: 41.666%
    }
    .push--portable--col-7-12 {
        left: 58.333%
    }
    .push--portable--col-11-12 {
        left: 91.666%
    }
}
@media only screen and (min-width:1024px) {
    .push--desk--col-one-whole {
        left: 100%
    }
    .push--desk--col-1-2, .push--desk--col-2-4, .push--desk--col-3-6, .push--desk--col-4-8, .push--desk--col-5-10, .push--desk--col-6-12 {
        left: 50%
    }
    .push--desk--col-1-3, .push--desk--col-2-6, .push--desk--col-4-12 {
        left: 33.333%
    }
    .push--desk--col-2-3, .push--desk--col-4-6, .push--desk--col-8-12 {
        left: 66.666%
    }
    .push--desk--col-1-4, .push--desk--col-2-8, .push--desk--col-3-12 {
        left: 25%
    }
    .push--desk--col-3-4, .push--desk--col-6-8, .push--desk--col-9-12 {
        left: 75%
    }
    .push--desk--col-1-5, .push--desk--col-2-10 {
        left: 20%
    }
    .push--desk--col-2-5, .push--desk--col-4-10 {
        left: 40%
    }
    .push--desk--col-3-5, .push--desk--col-6-10 {
        left: 60%
    }
    .push--desk--col-4-5, .push--desk--col-8-10 {
        left: 80%
    }
    .push--desk--col-1-6, .push--desk--col-2-12 {
        left: 16.666%
    }
    .push--desk--col-10-12, .push--desk--col-5-6 {
        left: 83.333%
    }
    .push--desk--col-1-7 {
        left: 14.2857143%
    }
    .push--desk--col-2-7 {
        left: 28.5714286%
    }
    .push--desk--col-3-7 {
        left: 42.8571429%
    }
    .push--desk--col-4-7 {
        left: 57.1428571%
    }
    .push--desk--col-5-7 {
        left: 71.4285714%
    }
    .push--desk--col-6-7 {
        left: 85.7142857%
    }
    .push--desk--col-1-8 {
        left: 12.5%
    }
    .push--desk--col-3-8 {
        left: 37.5%
    }
    .push--desk--col-5-8 {
        left: 62.5%
    }
    .push--desk--col-7-8 {
        left: 87.5%
    }
    .push--desk--col-1-9 {
        left: 11.111%
    }
    .push--desk--col-2-9 {
        left: 22.222%
    }
    .push--desk--col-3-9 {
        left: 33.333%
    }
    .push--desk--col-4-9 {
        left: 44.444%
    }
    .push--desk--col-5-9 {
        left: 55.555%
    }
    .push--desk--col-6-9 {
        left: 66.666%
    }
    .push--desk--col-7-9 {
        left: 77.777%
    }
    .push--desk--col-8-9 {
        left: 88.888%
    }
    .push--desk--col-1-10 {
        left: 10%
    }
    .push--desk--col-3-10 {
        left: 30%
    }
    .push--desk--col-7-10 {
        left: 70%
    }
    .push--desk--col-9-10 {
        left: 90%
    }
    .push--desk--col-1-12 {
        left: 8.333%
    }
    .push--desk--col-5-12 {
        left: 41.666%
    }
    .push--desk--col-7-12 {
        left: 58.333%
    }
    .push--desk--col-11-12 {
        left: 91.666%
    }
}
[class*=pull--] {
    position: relative
}
.pull--col-one-whole {
    right: 100%
}
.pull--col-1-2, .pull--col-2-4, .pull--col-3-6, .pull--col-4-8, .pull--col-5-10, .pull--col-6-12 {
    right: 50%
}
.pull--col-1-3, .pull--col-2-6, .pull--col-4-12 {
    right: 33.333%
}
.pull--col-2-3, .pull--col-4-6, .pull--col-8-12 {
    right: 66.666%
}
.pull--col-1-4, .pull--col-2-8, .pull--col-3-12 {
    right: 25%
}
.pull--col-3-4, .pull--col-6-8, .pull--col-9-12 {
    right: 75%
}
.pull--col-1-5, .pull--col-2-10 {
    right: 20%
}
.pull--col-2-5, .pull--col-4-10 {
    right: 40%
}
.pull--col-3-5, .pull--col-6-10 {
    right: 60%
}
.pull--col-4-5, .pull--col-8-10 {
    right: 80%
}
.pull--col-1-6, .pull--col-2-12 {
    right: 16.666%
}
.pull--col-10-12, .pull--col-5-6 {
    right: 83.333%
}
.pull--col-1-7 {
    right: 14.2857143%
}
.pull--col-2-7 {
    right: 28.5714286%
}
.pull--col-3-7 {
    right: 42.8571429%
}
.pull--col-4-7 {
    right: 57.1428571%
}
.pull--col-5-7 {
    right: 71.4285714%
}
.pull--col-6-7 {
    right: 85.7142857%
}
.pull--col-1-8 {
    right: 12.5%
}
.pull--col-3-8 {
    right: 37.5%
}
.pull--col-5-8 {
    right: 62.5%
}
.pull--col-7-8 {
    right: 87.5%
}
.pull--col-1-9 {
    right: 11.111%
}
.pull--col-2-9 {
    right: 22.222%
}
.pull--col-3-9 {
    right: 33.333%
}
.pull--col-4-9 {
    right: 44.444%
}
.pull--col-5-9 {
    right: 55.555%
}
.pull--col-6-9 {
    right: 66.666%
}
.pull--col-7-9 {
    right: 77.777%
}
.pull--col-8-9 {
    right: 88.888%
}
.pull--col-1-10 {
    right: 10%
}
.pull--col-3-10 {
    right: 30%
}
.pull--col-7-10 {
    right: 70%
}
.pull--col-9-10 {
    right: 90%
}
.pull--col-1-12 {
    right: 8.333%
}
.pull--col-5-12 {
    right: 41.666%
}
.pull--col-7-12 {
    right: 58.333%
}
.pull--col-11-12 {
    right: 91.666%
}
@media only screen and (max-width:480px) {
    .pull--phone--col-one-whole {
        right: 100%
    }
    .pull--phone--col-1-2, .pull--phone--col-2-4, .pull--phone--col-3-6, .pull--phone--col-4-8, .pull--phone--col-5-10, .pull--phone--col-6-12 {
        right: 50%
    }
    .pull--phone--col-1-3, .pull--phone--col-2-6, .pull--phone--col-4-12 {
        right: 33.333%
    }
    .pull--phone--col-2-3, .pull--phone--col-4-6, .pull--phone--col-8-12 {
        right: 66.666%
    }
    .pull--phone--col-1-4, .pull--phone--col-2-8, .pull--phone--col-3-12 {
        right: 25%
    }
    .pull--phone--col-3-4, .pull--phone--col-6-8, .pull--phone--col-9-12 {
        right: 75%
    }
    .pull--phone--col-1-5, .pull--phone--col-2-10 {
        right: 20%
    }
    .pull--phone--col-2-5, .pull--phone--col-4-10 {
        right: 40%
    }
    .pull--phone--col-3-5, .pull--phone--col-6-10 {
        right: 60%
    }
    .pull--phone--col-4-5, .pull--phone--col-8-10 {
        right: 80%
    }
    .pull--phone--col-1-6, .pull--phone--col-2-12 {
        right: 16.666%
    }
    .pull--phone--col-10-12, .pull--phone--col-5-6 {
        right: 83.333%
    }
    .pull--phone--col-1-7 {
        right: 14.2857143%
    }
    .pull--phone--col-2-7 {
        right: 28.5714286%
    }
    .pull--phone--col-3-7 {
        right: 42.8571429%
    }
    .pull--phone--col-4-7 {
        right: 57.1428571%
    }
    .pull--phone--col-5-7 {
        right: 71.4285714%
    }
    .pull--phone--col-6-7 {
        right: 85.7142857%
    }
    .pull--phone--col-1-8 {
        right: 12.5%
    }
    .pull--phone--col-3-8 {
        right: 37.5%
    }
    .pull--phone--col-5-8 {
        right: 62.5%
    }
    .pull--phone--col-7-8 {
        right: 87.5%
    }
    .pull--phone--col-1-9 {
        right: 11.111%
    }
    .pull--phone--col-2-9 {
        right: 22.222%
    }
    .pull--phone--col-3-9 {
        right: 33.333%
    }
    .pull--phone--col-4-9 {
        right: 44.444%
    }
    .pull--phone--col-5-9 {
        right: 55.555%
    }
    .pull--phone--col-6-9 {
        right: 66.666%
    }
    .pull--phone--col-7-9 {
        right: 77.777%
    }
    .pull--phone--col-8-9 {
        right: 88.888%
    }
    .pull--phone--col-1-10 {
        right: 10%
    }
    .pull--phone--col-3-10 {
        right: 30%
    }
    .pull--phone--col-7-10 {
        right: 70%
    }
    .pull--phone--col-9-10 {
        right: 90%
    }
    .pull--phone--col-1-12 {
        right: 8.333%
    }
    .pull--phone--col-5-12 {
        right: 41.666%
    }
    .pull--phone--col-7-12 {
        right: 58.333%
    }
    .pull--phone--col-11-12 {
        right: 91.666%
    }
}
@media only screen and (min-width:481px) and (max-width:1023px) {
    .pull--lap--col-one-whole {
        right: 100%
    }
    .pull--lap--col-1-2, .pull--lap--col-2-4, .pull--lap--col-3-6, .pull--lap--col-4-8, .pull--lap--col-5-10, .pull--lap--col-6-12 {
        right: 50%
    }
    .pull--lap--col-1-3, .pull--lap--col-2-6, .pull--lap--col-4-12 {
        right: 33.333%
    }
    .pull--lap--col-2-3, .pull--lap--col-4-6, .pull--lap--col-8-12 {
        right: 66.666%
    }
    .pull--lap--col-1-4, .pull--lap--col-2-8, .pull--lap--col-3-12 {
        right: 25%
    }
    .pull--lap--col-3-4, .pull--lap--col-6-8, .pull--lap--col-9-12 {
        right: 75%
    }
    .pull--lap--col-1-5, .pull--lap--col-2-10 {
        right: 20%
    }
    .pull--lap--col-2-5, .pull--lap--col-4-10 {
        right: 40%
    }
    .pull--lap--col-3-5, .pull--lap--col-6-10 {
        right: 60%
    }
    .pull--lap--col-4-5, .pull--lap--col-8-10 {
        right: 80%
    }
    .pull--lap--col-1-6, .pull--lap--col-2-12 {
        right: 16.666%
    }
    .pull--lap--col-10-12, .pull--lap--col-5-6 {
        right: 83.333%
    }
    .pull--lap--col-1-7 {
        right: 14.2857143%
    }
    .pull--lap--col-2-7 {
        right: 28.5714286%
    }
    .pull--lap--col-3-7 {
        right: 42.8571429%
    }
    .pull--lap--col-4-7 {
        right: 57.1428571%
    }
    .pull--lap--col-5-7 {
        right: 71.4285714%
    }
    .pull--lap--col-6-7 {
        right: 85.7142857%
    }
    .pull--lap--col-1-8 {
        right: 12.5%
    }
    .pull--lap--col-3-8 {
        right: 37.5%
    }
    .pull--lap--col-5-8 {
        right: 62.5%
    }
    .pull--lap--col-7-8 {
        right: 87.5%
    }
    .pull--lap--col-1-9 {
        right: 11.111%
    }
    .pull--lap--col-2-9 {
        right: 22.222%
    }
    .pull--lap--col-3-9 {
        right: 33.333%
    }
    .pull--lap--col-4-9 {
        right: 44.444%
    }
    .pull--lap--col-5-9 {
        right: 55.555%
    }
    .pull--lap--col-6-9 {
        right: 66.666%
    }
    .pull--lap--col-7-9 {
        right: 77.777%
    }
    .pull--lap--col-8-9 {
        right: 88.888%
    }
    .pull--lap--col-1-10 {
        right: 10%
    }
    .pull--lap--col-3-10 {
        right: 30%
    }
    .pull--lap--col-7-10 {
        right: 70%
    }
    .pull--lap--col-9-10 {
        right: 90%
    }
    .pull--lap--col-1-12 {
        right: 8.333%
    }
    .pull--lap--col-5-12 {
        right: 41.666%
    }
    .pull--lap--col-7-12 {
        right: 58.333%
    }
    .pull--lap--col-11-12 {
        right: 91.666%
    }
}
@media only screen and (max-width:1023px) {
    .pull--portable--col-one-whole {
        right: 100%
    }
    .pull--portable--col-1-2, .pull--portable--col-2-4, .pull--portable--col-3-6, .pull--portable--col-4-8, .pull--portable--col-5-10, .pull--portable--col-6-12 {
        right: 50%
    }
    .pull--portable--col-1-3, .pull--portable--col-2-6, .pull--portable--col-4-12 {
        right: 33.333%
    }
    .pull--portable--col-2-3, .pull--portable--col-4-6, .pull--portable--col-8-12 {
        right: 66.666%
    }
    .pull--portable--col-1-4, .pull--portable--col-2-8, .pull--portable--col-3-12 {
        right: 25%
    }
    .pull--portable--col-3-4, .pull--portable--col-6-8, .pull--portable--col-9-12 {
        right: 75%
    }
    .pull--portable--col-1-5, .pull--portable--col-2-10 {
        right: 20%
    }
    .pull--portable--col-2-5, .pull--portable--col-4-10 {
        right: 40%
    }
    .pull--portable--col-3-5, .pull--portable--col-6-10 {
        right: 60%
    }
    .pull--portable--col-4-5, .pull--portable--col-8-10 {
        right: 80%
    }
    .pull--portable--col-1-6, .pull--portable--col-2-12 {
        right: 16.666%
    }
    .pull--portable--col-10-12, .pull--portable--col-5-6 {
        right: 83.333%
    }
    .pull--portable--col-1-7 {
        right: 14.2857143%
    }
    .pull--portable--col-2-7 {
        right: 28.5714286%
    }
    .pull--portable--col-3-7 {
        right: 42.8571429%
    }
    .pull--portable--col-4-7 {
        right: 57.1428571%
    }
    .pull--portable--col-5-7 {
        right: 71.4285714%
    }
    .pull--portable--col-6-7 {
        right: 85.7142857%
    }
    .pull--portable--col-1-8 {
        right: 12.5%
    }
    .pull--portable--col-3-8 {
        right: 37.5%
    }
    .pull--portable--col-5-8 {
        right: 62.5%
    }
    .pull--portable--col-7-8 {
        right: 87.5%
    }
    .pull--portable--col-1-9 {
        right: 11.111%
    }
    .pull--portable--col-2-9 {
        right: 22.222%
    }
    .pull--portable--col-3-9 {
        right: 33.333%
    }
    .pull--portable--col-4-9 {
        right: 44.444%
    }
    .pull--portable--col-5-9 {
        right: 55.555%
    }
    .pull--portable--col-6-9 {
        right: 66.666%
    }
    .pull--portable--col-7-9 {
        right: 77.777%
    }
    .pull--portable--col-8-9 {
        right: 88.888%
    }
    .pull--portable--col-1-10 {
        right: 10%
    }
    .pull--portable--col-3-10 {
        right: 30%
    }
    .pull--portable--col-7-10 {
        right: 70%
    }
    .pull--portable--col-9-10 {
        right: 90%
    }
    .pull--portable--col-1-12 {
        right: 8.333%
    }
    .pull--portable--col-5-12 {
        right: 41.666%
    }
    .pull--portable--col-7-12 {
        right: 58.333%
    }
    .pull--portable--col-11-12 {
        right: 91.666%
    }
}
@media only screen and (min-width:1024px) {
    .pull--desk--col-one-whole {
        right: 100%
    }
    .pull--desk--col-1-2, .pull--desk--col-2-4, .pull--desk--col-3-6, .pull--desk--col-4-8, .pull--desk--col-5-10, .pull--desk--col-6-12 {
        right: 50%
    }
    .pull--desk--col-1-3, .pull--desk--col-2-6, .pull--desk--col-4-12 {
        right: 33.333%
    }
    .pull--desk--col-2-3, .pull--desk--col-4-6, .pull--desk--col-8-12 {
        right: 66.666%
    }
    .pull--desk--col-1-4, .pull--desk--col-2-8, .pull--desk--col-3-12 {
        right: 25%
    }
    .pull--desk--col-3-4, .pull--desk--col-6-8, .pull--desk--col-9-12 {
        right: 75%
    }
    .pull--desk--col-1-5, .pull--desk--col-2-10 {
        right: 20%
    }
    .pull--desk--col-2-5, .pull--desk--col-4-10 {
        right: 40%
    }
    .pull--desk--col-3-5, .pull--desk--col-6-10 {
        right: 60%
    }
    .pull--desk--col-4-5, .pull--desk--col-8-10 {
        right: 80%
    }
    .pull--desk--col-1-6, .pull--desk--col-2-12 {
        right: 16.666%
    }
    .pull--desk--col-10-12, .pull--desk--col-5-6 {
        right: 83.333%
    }
    .pull--desk--col-1-7 {
        right: 14.2857143%
    }
    .pull--desk--col-2-7 {
        right: 28.5714286%
    }
    .pull--desk--col-3-7 {
        right: 42.8571429%
    }
    .pull--desk--col-4-7 {
        right: 57.1428571%
    }
    .pull--desk--col-5-7 {
        right: 71.4285714%
    }
    .pull--desk--col-6-7 {
        right: 85.7142857%
    }
    .pull--desk--col-1-8 {
        right: 12.5%
    }
    .pull--desk--col-3-8 {
        right: 37.5%
    }
    .pull--desk--col-5-8 {
        right: 62.5%
    }
    .pull--desk--col-7-8 {
        right: 87.5%
    }
    .pull--desk--col-1-9 {
        right: 11.111%
    }
    .pull--desk--col-2-9 {
        right: 22.222%
    }
    .pull--desk--col-3-9 {
        right: 33.333%
    }
    .pull--desk--col-4-9 {
        right: 44.444%
    }
    .pull--desk--col-5-9 {
        right: 55.555%
    }
    .pull--desk--col-6-9 {
        right: 66.666%
    }
    .pull--desk--col-7-9 {
        right: 77.777%
    }
    .pull--desk--col-8-9 {
        right: 88.888%
    }
    .pull--desk--col-1-10 {
        right: 10%
    }
    .pull--desk--col-3-10 {
        right: 30%
    }
    .pull--desk--col-7-10 {
        right: 70%
    }
    .pull--desk--col-9-10 {
        right: 90%
    }
    .pull--desk--col-1-12 {
        right: 8.333%
    }
    .pull--desk--col-5-12 {
        right: 41.666%
    }
    .pull--desk--col-7-12 {
        right: 58.333%
    }
    .pull--desk--col-11-12 {
        right: 91.666%
    }
}
.col-99-100 {
    width: 99%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-24 {
    width: 4.1666667%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-21-24 {
    width: 87.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-23-24 {
    width: 95.8333333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-13-24 {
    width: 54.1666667%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-15-24 {
    width: 62.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-17-24 {
    width: 70.8333333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-11-24 {
    width: 45.8333333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-24 {
    width: 29.1666667%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-24 {
    width: 20.8333333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-9-24 {
    width: 37.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-24 {
    width: 12.5%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-6-24 {
    width: 25%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-4-24 {
    width: 16.6666667%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-18 {
    width: 5.55555555%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-3-18 {
    width: 16.6666667%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-5-18 {
    width: 27.7777778%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-7-18 {
    width: 38.8888889%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-11-18 {
    width: 61.1111111%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-13-18 {
    width: 72.2222222%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-15-18 {
    width: 83.3333333%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-17-18 {
    width: 94.4444444%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.col-1-50 {
    width: 2%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.push--col-1-24 {
    left: 4.1666667%
}
.data-grid {
    word-wrap: break-word
}
.data-grid__header, .data-grid__row {
    border-color: #e2e3e4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.data-grid__row:hover {
    border-left: 0;
    border-right: 0
}
.data-grid__row .row-tab {
    position: absolute;
    bottom: -26px;
    left: 0;
    background: #3d3d3d;
    width: 100%;
    z-index: 999;
    text-align: center;
    font-size: 11px;
    padding-top: 4px;
    border-right: 1px solid #fff;
    cursor: pointer;
    line-height: 1.5;
    height: 25px;
    color: #fff
}
.data-grid__row .row-tab.active {
    background-color: #fff;
    color: #00afd7
}
.data-grid__cell {
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0!important
}
.data-grid__cell--header {
    padding-right: 11px
}
.data-grid__cell--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.dropdown, .dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto;
    right: 10px;
    z-index: 1000;
    min-width: 160px;
    max-width: 320px;
    box-shadow: rgba(0, 0, 0, .2)0 2px 3px;
    background-color: #fff
}
.pull--right .dropdown, .pull--right .dropdown-menu, .pull-right .dropdown, .pull-right .dropdown-menu {
    left: auto;
    right: 0
}
.dropdown-menu.left--10, .dropdown.left--10 {
    left: 10px;
    right: auto
}
.dropdown-menu.left--0, .dropdown.left--0 {
    left: 0;
    right: auto
}
.dropdown-menu.right--0, .dropdown.right--0 {
    right: 0;
    left: auto
}
.dropdown-menu.ng-enter, .dropdown.ng-enter {
    -webkit-animation: fadeInDown .2s ease;
    animation: fadeInDown .2s ease
}
.dropdown-menu.ng-leave, .dropdown.ng-leave {
    -webkit-animation: fadeOutUp .2s linear;
    animation: fadeOutUp .2s linear
}
.dropdown--md {
    min-width: 300px
}
.dropdown--lg {
    min-width: 400px;
    max-width: 800px
}
.legend-select {
    display: inline-block;
    border: 1px solid #fff;
    color: #00afd7;
    padding: 0;
    width: 45px;
    margin: 0 5px;
    word-wrap: normal
}
.select {
    display: inline-block;
    border: 1px solid #e4e4e4;
    color: #000;
    background: #e4e4e4;
    padding: 0;
    margin: 0 5px;
    word-wrap: normal
}
.flag {
    display: table;
    width: 100%
}
.flag__body, .flag__image {
    display: table-cell;
    vertical-align: middle
}
.flag--top .flag__body, .flag--top .flag__image {
    vertical-align: top
}
.flag--bottom .flag__body, .flag--bottom .flag__image {
    vertical-align: bottom
}
.flag__image {
    padding-right: 10px
}
.flag__image>img {
    display: block;
    max-width: none
}
.flag--rev .flag__image {
    padding-right: 0;
    padding-left: 10px
}
.flag__body {
    width: 100%
}
.display-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.align-items--center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.justify-content--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.a--footer:focus {
    color: #fff
}
.btn--footer {
    color: #fff;
    background-color: #202528;
    border-radius: 3px
}
.btn--footer:hover {
    color: #fff;
    background-color: #00afd7
}
.btn--footer:focus {
    color: #fff;
    background-color: #202528
}
.graph-container {
    height: 280px
}
.graph-container .graph__bar-holder {
    height: 100%;
    position: relative
}
.graph-container .graph__bar {
    width: 66.6666667%;
    position: absolute;
    bottom: 0;
    transition: 1s background, 1s background-image, 1s background-color, 1s height, .5s border-top
}
.graph-container .graph__bar--empty {
    border-style: solid;
    border-width: 0 3px 3px
}
.filter-applied {
    border-top: 4px solid #00afd7;
    border-left: 4px solid #00afd7;
    border-right: 4px solid #00afd7
}
.gravatar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 0;
    background-color: #717780;
    color: #fff;
    font-weight: 400;
    text-align: center
}
.gravatar>img {
    margin: 0;
    border-radius: 0;
    height: 100%;
    width: 100%
}
.gravatar>.badge {
    position: absolute;
    bottom: -.4em;
    right: -.65em
}
.gravatar--xs {
    font-size: .4em
}
.gravatar--sm {
    font-size: .8em
}
.gravatar--lg {
    font-size: 1.2em
}
.gravatar--xl {
    font-size: 1.6em
}
.hover-menu {
    position: absolute;
    bottom: -2px;
    display: block;
    height: 3px;
    background-color: #00afd7;
    color: #fff;
    text-align: center;
    cursor: pointer;
    white-space: pre-line;
    width: 100%;
    z-index: 100;
    opacity: 1;
    font-size: 10px
}
.hover-menu:after {
    font-family: sourceclear-icons;
    color: #00afd7;
    font-size: 20px;
    position: absolute;
    top: -11px
}
.fa {
    vertical-align: middle
}
.label, .label--black, .label--block, .label--danger, .label--gray, .label--primary, .label--success, .label--warning-high, .label--warning-high--solid, .label--warning-low, .label--warning-low--solid, .label--warning-medium, .label--warning-medium--solid, .ui-select-bootstrap .ui-select-match-item {
    color: #00afd7;
    display: inline-block;
    vertical-align: middle;
    font-size: 12.86px;
    line-height: normal;
    text-align: center;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    padding: .1722222222em .6722222222em;
    font-weight: 400;
    border: 1px solid #00afd7
}
.label, .label--black, .label--black:active, .label--black:focus, .label--black:hover, .label--block, .label--block:active, .label--block:focus, .label--block:hover, .label--danger, .label--danger:active, .label--danger:focus, .label--danger:hover, .label--gray, .label--gray:active, .label--gray:focus, .label--gray:hover, .label--primary, .label--primary:active, .label--primary:focus, .label--primary:hover, .label--success, .label--success:active, .label--success:focus, .label--success:hover, .label--warning-high, .label--warning-high--solid, .label--warning-high--solid:active, .label--warning-high--solid:focus, .label--warning-high--solid:hover, .label--warning-high:active, .label--warning-high:focus, .label--warning-high:hover, .label--warning-low, .label--warning-low--solid, .label--warning-low--solid:active, .label--warning-low--solid:focus, .label--warning-low--solid:hover, .label--warning-low:active, .label--warning-low:focus, .label--warning-low:hover, .label--warning-medium, .label--warning-medium--solid, .label--warning-medium--solid:active, .label--warning-medium--solid:focus, .label--warning-medium--solid:hover, .label--warning-medium:active, .label--warning-medium:focus, .label--warning-medium:hover, .label:active, .label:focus, .label:hover, .ui-select-bootstrap .ui-select-match-item, .ui-select-bootstrap .ui-select-match-item:active, .ui-select-bootstrap .ui-select-match-item:focus, .ui-select-bootstrap .ui-select-match-item:hover {
    color: #00afd7;
    background-color: transparent;
    border-color: #00afd7
}
.hover.label, .hover.label--black, .hover.label--block, .hover.label--danger, .hover.label--gray, .hover.label--primary, .hover.label--success, .hover.label--warning-high, .hover.label--warning-high--solid, .hover.label--warning-low, .hover.label--warning-low--solid, .hover.label--warning-medium, .hover.label--warning-medium--solid, .label--black:hover, .label--block:hover, .label--danger:hover, .label--gray:hover, .label--primary:hover, .label--success:hover, .label--warning-high--solid:hover, .label--warning-high:hover, .label--warning-low--solid:hover, .label--warning-low:hover, .label--warning-medium--solid:hover, .label--warning-medium:hover, .label:hover, .ui-select-bootstrap .hover.ui-select-match-item, .ui-select-bootstrap .ui-select-match-item:hover {
    color: #a2ddec;
    background-color: transparent;
    border-color: #a2ddec;
    text-decoration: none
}
.active.label, .active.label--black, .active.label--block, .active.label--danger, .active.label--gray, .active.label--primary, .active.label--success, .active.label--warning-high, .active.label--warning-high--solid, .active.label--warning-low, .active.label--warning-low--solid, .active.label--warning-medium, .active.label--warning-medium--solid, .label--black:active, .label--black:focus, .label--block:active, .label--block:focus, .label--danger:active, .label--danger:focus, .label--gray:active, .label--gray:focus, .label--primary:active, .label--primary:focus, .label--success:active, .label--success:focus, .label--warning-high--solid:active, .label--warning-high--solid:focus, .label--warning-high:active, .label--warning-high:focus, .label--warning-low--solid:active, .label--warning-low--solid:focus, .label--warning-low:active, .label--warning-low:focus, .label--warning-medium--solid:active, .label--warning-medium--solid:focus, .label--warning-medium:active, .label--warning-medium:focus, .label:active, .label:focus, .ui-select-bootstrap .active.ui-select-match-item, .ui-select-bootstrap .ui-select-match-item:active, .ui-select-bootstrap .ui-select-match-item:focus {
    color: #fff;
    background-color: #0082ba;
    border-color: #0082ba
}
.label, .label--black, .label--black:active, .label--black:focus, .label--black:hover, .label--block, .label--block:active, .label--block:focus, .label--block:hover, .label--danger, .label--danger:active, .label--danger:focus, .label--danger:hover, .label--gray, .label--gray:active, .label--gray:focus, .label--gray:hover, .label--primary, .label--primary:active, .label--primary:focus, .label--primary:hover, .label--success, .label--success:active, .label--success:focus, .label--success:hover, .label--warning-high, .label--warning-high--solid, .label--warning-high--solid:active, .label--warning-high--solid:focus, .label--warning-high--solid:hover, .label--warning-high:active, .label--warning-high:focus, .label--warning-high:hover, .label--warning-low, .label--warning-low--solid, .label--warning-low--solid:active, .label--warning-low--solid:focus, .label--warning-low--solid:hover, .label--warning-low:active, .label--warning-low:focus, .label--warning-low:hover, .label--warning-medium, .label--warning-medium--solid, .label--warning-medium--solid:active, .label--warning-medium--solid:focus, .label--warning-medium--solid:hover, .label--warning-medium:active, .label--warning-medium:focus, .label--warning-medium:hover, .label:active, .label:focus, .label:hover, .ui-select-bootstrap .ui-select-match-item, .ui-select-bootstrap .ui-select-match-item:active, .ui-select-bootstrap .ui-select-match-item:focus, .ui-select-bootstrap .ui-select-match-item:hover {
    text-decoration: none
}
.label--black:hover, .label--block:hover, .label--danger:hover, .label--gray:hover, .label--primary:hover, .label--success:hover, .label--warning-high--solid:hover, .label--warning-high:hover, .label--warning-low--solid:hover, .label--warning-low:hover, .label--warning-medium--solid:hover, .label--warning-medium:hover, .label:hover, .ui-select-bootstrap .ui-select-match-item:hover {
    cursor: pointer
}
.label--black:disabled, .label--block:disabled, .label--danger:disabled, .label--gray:disabled, .label--primary:disabled, .label--success:disabled, .label--warning-high--solid:disabled, .label--warning-high:disabled, .label--warning-low--solid:disabled, .label--warning-low:disabled, .label--warning-medium--solid:disabled, .label--warning-medium:disabled, .label:disabled, .ui-select-bootstrap .ui-select-match-item:disabled {
    cursor: not-allowed;
    opacity: .75
}
.label--black::-moz-focus-inner, .label--block::-moz-focus-inner, .label--danger::-moz-focus-inner, .label--gray::-moz-focus-inner, .label--primary::-moz-focus-inner, .label--success::-moz-focus-inner, .label--warning-high--solid::-moz-focus-inner, .label--warning-high::-moz-focus-inner, .label--warning-low--solid::-moz-focus-inner, .label--warning-low::-moz-focus-inner, .label--warning-medium--solid::-moz-focus-inner, .label--warning-medium::-moz-focus-inner, .label::-moz-focus-inner, .ui-select-bootstrap .ui-select-match-item::-moz-focus-inner {
    border: 0;
    padding: 0
}
.label--block {
    display: block;
    width: 100%;
    text-align: center
}
.label--xs {
    font-size: 8.57px
}
.label--sm {
    font-size: 10.71px
}
.label--lg {
    font-size: 36px
}
.label--xl {
    font-size: 48px
}
.label--primary, .label--primary:active, .label--primary:focus, .label--primary:hover {
    color: #00afd7;
    background-color: transparent;
    border-color: #00afd7;
    text-decoration: none
}
.label--primary.hover, .label--primary:hover {
    color: #0085a4;
    background-color: transparent;
    border-color: #0085a4;
    text-decoration: none
}
.label--primary.active, .label--primary:active, .label--primary:focus {
    color: #005c71;
    background-color: transparent;
    border-color: #005c71
}
.label--black, .label--black.hover, .label--black:active, .label--black:focus, .label--black:hover {
    color: #231f20;
    background-color: transparent;
    border-color: #231f20;
    text-decoration: none
}
.label--black.active, .label--black:active, .label--black:focus {
    color: #231f20;
    background-color: transparent;
    border-color: #231f20
}
.label--black:hover {
    cursor: default
}
.label--gray, .label--gray.hover, .label--gray:active, .label--gray:focus, .label--gray:hover {
    color: #94a2aa;
    background-color: transparent;
    border-color: #94a2aa;
    text-decoration: none
}
.label--gray.active, .label--gray:active, .label--gray:focus {
    color: #94a2aa;
    background-color: transparent;
    border-color: #94a2aa
}
.label--gray:hover {
    cursor: default
}
.label--success, .label--success:active, .label--success:focus, .label--success:hover {
    color: #97d700;
    background-color: transparent;
    border-color: #97d700;
    text-decoration: none
}
.label--success.hover, .label--success:hover {
    color: #73a400;
    background-color: transparent;
    border-color: #73a400;
    text-decoration: none
}
.label--success.active, .label--success:active, .label--success:focus {
    color: #4f7100;
    background-color: transparent;
    border-color: #4f7100
}
.label--danger, .label--danger:active, .label--danger:focus, .label--danger:hover {
    color: #f9423a;
    background-color: transparent;
    border-color: #f9423a;
    text-decoration: none
}
.label--danger.hover, .label--danger:hover {
    color: #f71309;
    background-color: transparent;
    border-color: #f71309;
    text-decoration: none
}
.label--danger.active, .label--danger:active, .label--danger:focus {
    color: #c70e06;
    background-color: transparent;
    border-color: #c70e06
}
.label--warning-high, .label--warning-high:active, .label--warning-high:focus, .label--warning-high:hover {
    color: #f9423a;
    background-color: transparent;
    border-color: #f9423a;
    text-decoration: none
}
.label--warning-high.hover, .label--warning-high:hover {
    color: #f71309;
    background-color: transparent;
    border-color: #f71309;
    text-decoration: none
}
.label--warning-high.active, .label--warning-high:active, .label--warning-high:focus {
    color: #c70e06;
    background-color: transparent;
    border-color: #c70e06
}
.label--warning-medium, .label--warning-medium:active, .label--warning-medium:focus, .label--warning-medium:hover {
    color: #ff921c;
    background-color: transparent;
    border-color: #ff921c;
    text-decoration: none
}
.label--warning-medium.hover, .label--warning-medium:hover {
    color: #e87900;
    background-color: transparent;
    border-color: #e87900;
    text-decoration: none
}
.label--warning-medium.active, .label--warning-medium:active, .label--warning-medium:focus {
    color: #b55e00;
    background-color: transparent;
    border-color: #b55e00
}
.label--warning-low, .label--warning-low:active, .label--warning-low:focus, .label--warning-low:hover {
    color: #ffb81c;
    background-color: transparent;
    border-color: #ffb81c;
    text-decoration: none
}
.label--warning-low.hover, .label--warning-low:hover {
    color: #e89f00;
    background-color: transparent;
    border-color: #e89f00;
    text-decoration: none
}
.label--warning-low.active, .label--warning-low:active, .label--warning-low:focus {
    color: #b57c00;
    background-color: transparent;
    border-color: #b57c00
}
.label--warning-high--solid, .label--warning-high--solid:active, .label--warning-high--solid:focus, .label--warning-high--solid:hover {
    color: #fff;
    background-color: #f9423a;
    border-color: #fff;
    text-decoration: none
}
.label--warning-high--solid.hover, .label--warning-high--solid:hover {
    color: #fff;
    background-color: #f71309;
    border-color: #fff;
    text-decoration: none
}
.label--warning-high--solid.active, .label--warning-high--solid:active, .label--warning-high--solid:focus {
    color: #fff;
    background-color: #f9423a;
    border-color: #fff
}
.label--warning-medium--solid, .label--warning-medium--solid:active, .label--warning-medium--solid:focus, .label--warning-medium--solid:hover {
    color: #fff;
    background-color: #ff921c;
    border-color: #fff;
    text-decoration: none
}
.label--warning-medium--solid.hover, .label--warning-medium--solid:hover {
    color: #fff;
    background-color: #e87900;
    border-color: #fff;
    text-decoration: none
}
.label--warning-medium--solid.active, .label--warning-medium--solid:active, .label--warning-medium--solid:focus {
    color: #fff;
    background-color: #b55e00;
    border-color: #fff
}
.label--warning-low--solid, .label--warning-low--solid:active, .label--warning-low--solid:focus, .label--warning-low--solid:hover {
    color: #fff;
    background-color: #ffb81c;
    border-color: #fff;
    text-decoration: none
}
.label--warning-low--solid.hover, .label--warning-low--solid:hover {
    color: #fff;
    background-color: #e89f00;
    border-color: #fff;
    text-decoration: none
}
.label--warning-low--solid.active, .label--warning-low--solid:active, .label--warning-low--solid:focus {
    color: #fff;
    background-color: #b57c00;
    border-color: #fff
}
.list--unstyled {
    margin-left: 0;
    padding-left: 0;
    list-style: none
}
.list--unstyled>li {
    margin-bottom: .25em
}
.list--style-type-none, .list-style--none {
    list-style-type: none
}
.list--group {
    list-style: none;
    padding-left: 0
}
.list--group__item {
    display: block;
    background-color: #fff;
    padding: .6em 1.2em;
    border: 1px solid #e2e3e4
}
.list--group__item+.list--group__item {
    border-top: 0
}
.nav .dropdown>.list--group__item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 0
}
.list--group__item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.dropdown>.list--group__item:first-child {
    border-radius: 0
}
.list--group__item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.dropdown>.list--group__item:last-child {
    border-radius: 0
}
.list--group__item:hover {
    text-decoration: none
}
.list--group__item.selected {
    color: #3d3d3d;
    background-color: #e2e3e4;
    font-weight: 700
}
.list--group__item.disabled {
    background-color: #fff;
    color: #94a2aa
}
.list--group__item.disabled:hover {
    background-color: #fff
}
.list--group__item__option {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: .75em;
    margin-left: 1.2em;
    text-decoration: none
}
.list--group .list--group__item:first-child {
    border-top: 0
}
.list--group__item:hover {
    background-color: #dadcdf
}
.markdown {
    background-color: #fbfcfc
}
.markdown code {
    background-color: #E5EEF3;
    color: #0082ba
}
.markdown pre code {
    background-color: #fff
}
.markdown img {
    max-width: 100%
}
.markdown h1 {
    font-size: 36px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif
}
.markdown h2 {
    font-size: 30px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif
}
.markdown h3 {
    font-size: 24px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif
}
.markdown h4 {
    font-size: 20px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif
}
.markdown h5 {
    font-size: 18px;
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif
}
.media {
    display: block
}
.media__img {
    float: left;
    margin-right: 21px
}
.media__img>img {
    display: block
}
.media__body {
    overflow: hidden;
    display: block
}
.media__body, .media__body>:last-child {
    margin-bottom: 0
}
.media--xs>.media__img {
    margin-right: 5px
}
.media--xs.media--reversed>.media__img {
    margin-right: 0;
    margin-left: 5px
}
.media--sm>.media__img {
    margin-right: 11px
}
.media--sm.media--reversed>.media__img {
    margin-right: 0;
    margin-left: 11px
}
.media__lg>.media__img {
    margin-right: 42px
}
.media__lg.media--reversed>.media__img {
    margin-right: 0;
    margin-left: 42px
}
.media__xl>.media__img {
    margin-right: 84px
}
.media__xl.media--reversed>.media__img {
    margin-right: 0;
    margin-left: 84px
}
.media--reversed>.media__img {
    float: right;
    margin-right: 0;
    margin-left: 21px
}
.media__flush>.media__img {
    margin-right: 0;
    margin-left: 0
}
@media screen and (max-width:720px) {
    .media__responsive>.media__img {
        float: none;
        margin-right: 0;
        margin-bottom: 21px;
        margin-left: 0
    }
    .media__responsive.media__xs>.media__img {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 5px
    }
    .media__responsive.media__sm>.media__img {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 11px
    }
    .media__responsive.media__lg>.media__img {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 42px
    }
    .media__responsive.media__xl>.media__img {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 84px
    }
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6050!important;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}
.modal.fade {
    opacity: 0;
    transition: opacity .25s linear
}
.modal.fade.in {
    opacity: 1
}
.modal__close {
    width: 30px;
    width: 2rem;
    height: 30px;
    height: 2rem;
    top: -15px;
    top: -1rem;
    right: -15px;
    right: -1rem;
    display: none;
    visibility: hidden;
    position: absolute;
    padding: 0;
    border-radius: 1000px;
    box-shadow: 0 0 0 1px #d6d9db;
    background-color: #fff;
    color: #a7a9ab;
    font-size: 1.5em
}
.modal__close:focus {
    color: #a7a9ab
}
.modal__close:hover {
    color: #fff
}
.modal .modal__close {
    display: block;
    visibility: visible
}
.modal__close .fa {
    position: relative;
    top: -2px;
    line-height: 0
}
.modal__close .fa:before {
    display: block;
    margin-left: 1px
}
.modal-backdrop, .modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6000!important;
    background-color: #1a2b37
}
.modal-backdrop.fade, .modal__backdrop.fade {
    opacity: 0;
    transition: opacity .25s linear
}
.modal-backdrop.fade.in, .modal__backdrop.fade.in {
    opacity: .9
}
.modal-dialog, .modal__dialog {
    position: relative;
    width: auto;
    margin: 10px
}
@media (min-width:768px) {
    .modal-dialog, .modal__dialog {
        width: 600px;
        margin: 30px auto
    }
}
.modal-content, .modal__content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
@media (min-width:768px) {
    .modal-content, .modal__content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}
.modal__title {
    padding: 16px;
    padding: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d6d9db
}
.nav {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.nav:after, .nav:before {
    content: " ";
    display: table
}
.nav:after {
    clear: both
}
.nav--tabs {
    background-color: #fff;
    padding: 0;
    border-bottom: 1px solid #e2e3e4;
    font-size: 15px;
    font-family: 'Simple Regular'
}
.navbar__item {
    display: inline-block;
    position: relative;
    height: auto
}
.navbar__item button {
    background-color: #202528;
    color: #fff;
}
.navbar__item .btn--nav-default {
    color: #fff;
    background: transparent;
}
.navbar__item .navbar__link {
    height: auto;
    padding: 0
}
.navbar__item .navbar__link span {
    font-size: 15px
}
.navbar__item .navbar__link span.small {
    font-size: 12px
}
.navbar__item.active:after {
    font-family: sourceclear-icons;
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 2px;
    color: #00afd7
}
.navbar__item.active .navbar__link {
    color: #00afd7;
    cursor: default;
    border-bottom: 0;
    height: 48px;
    height: auto
}
.navbar__item.active .navbar__link:hover {
    cursor: pointer
}
.navbar__item.active .navbar__link span, .navbar__item.active .navbar__link>span {
    font-size: 15px
}
.navbar__item.active .navbar__link span.small {
    font-size: 12px
}
.navbar__link {
    padding: 1em 2em 1em 1em;
    display: inline-block;
    height: 48px;
    color: #94a2aa
}
.navbar__link .gravatar, .navbar__link img {
    margin: -.5857142857em 0
}
.navbar__link.active>a {
    color: #00afd7;
    cursor: default
}
.navbar__link.active>a:hover {
    cursor: pointer
}
.nav--tabs--alternate {
    background-color: #fff;
    border-bottom: 1px solid #e2e3e4
}
.nav--tabs--alternate>li>a {
    color: #717780
}
.nav--tabs--alternate>li>a:hover {
    background-color: #fff
}
.nav--tabs--alternate>li.active>a {
    color: #717780
}
.nav--tabs--alternate>li.disabled a {
    cursor: not-allowed;
    background-color: #fff;
    color: #e2e3e4
}
.nav--tabs--alternate>li.disabled a:hover {
    border: 0
}
.nav--justified {
    width: 100%
}
.nav--justified>li {
    float: none;
    display: table-cell;
    width: 1%
}
.pagination {
    margin-bottom: 21px;
    margin-bottom: 1.4rem;
    display: inline-block;
    padding-left: 0;
    margin-left: 0;
    list-style: none
}
.pagination>li {
    display: inline
}
.pagination>li:first-child a {
    margin-left: 0
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #231f20;
    text-decoration: none;
    background-color: #fff
}
.pagination>li>a:hover, .pagination>li>span:hover {
    background-color: #fff
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #231f20;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #231f20
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}
.btn--pagination:hover {
    background-color: #fff
}
.btn--pagination.disabled {
    color: #777
}
.btn--pagination.disabled:hover {
    background-color: #fff;
    cursor: not-allowed
}
.panel {
    margin-bottom: 21px;
    margin-bottom: 1.4rem;
    display: block;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.panel__heading {
    padding: 11px;
    padding: .7333333333rem
}
.panel__body {
    padding: 11px;
    padding: .7333333333rem;
    border-bottom: 1px solid transparent
}
.panel__footer {
    padding: 11px;
    padding: .7333333333rem;
    border-top: 1px solid transparent
}
.panel--default {
    border-color: #ddd
}
.panel--default .panel__footer, .panel--default .panel__heading {
    background-color: #f5f5f5
}
.panel--danger {
    border-color: #ebccd1
}
.panel--danger .panel__footer, .panel--danger .panel__heading {
    color: #b94a48;
    background-color: #f2dede
}
.panel--info {
    border-color: #bce8f1
}
.panel--info .panel__footer, .panel--info .panel__heading {
    color: #3a87ad;
    background-color: #d9edf7
}
.panel--primary {
    border-color: #428bca
}
.panel--primary .panel__footer, .panel--primary .panel__heading {
    color: #fff;
    background-color: #428bca
}
.panel .panel--emphasis {
    border: none
}
.panel .panel--emphasis .nav--tabs {
    background-color: #D7D7D7;
    border-color: #717780
}
.panel .panel--emphasis .nav--tabs li {
    height: auto
}
.panel .panel--emphasis .nav--tabs li a {
    background-color: #D7D7D7;
    padding-top: 10px
}
.panel .panel--emphasis .panel__footing, .panel .panel--emphasis .panel__heading {
    background-color: #D7D7D7
}
is-showing-release-notes {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height .8s
}
.is-hiding-release-notes {
    max-height: 17px;
    overflow: hidden;
    transition: max-height .4s
}
.is-hiding {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-50 {
    max-height: 50px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-100 {
    max-height: 100px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-200 {
    max-height: 200px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-300 {
    max-height: 300px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-400 {
    max-height: 400px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-600 {
    max-height: 600px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-800 {
    max-height: 800px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-1200 {
    max-height: 1200px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-1600 {
    max-height: 1600px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-error {
    max-height: 40px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-error {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-error-log {
    max-height: 20000px;
    overflow: hidden;
    transition: max-height 5s
}
.is-hiding-error-log {
    max-height: 68px;
    overflow: hidden;
    transition: max-height 1s
}
.is-showing-nav {
    max-height: 300px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-nav {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-confirm-msg {
    height: 214px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-confirm-msg {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-signup {
    max-height: 214px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-signup {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-newsletter {
    max-height: 56px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-newsletter {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.isShowing {
    max-height: 600px;
    overflow: hidden;
    transition: max-height .8s
}
.isHiding {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.is-showing-onboarding {
    max-height: 1200px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-onboarding {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.isHiding--immediate {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0s
}
.isShowing--scroll {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    transition: max-height .8s
}
.is-showing-copy {
    max-height: 40px;
    overflow: hidden;
    transition: max-height .8s
}
.is-hiding-copy {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}
.slide-in {
    max-width: 100px;
    overflow: hidden;
    transition: max-width .8s
}
.slide-out {
    max-width: 0;
    overflow: hidden;
    transition: max-width .4s
}
.fade-in {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s linear
}
.fade-out {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear
}
.body-wrap {
    position: relative;
    min-height: 100%;
    height: auto
}
.tooltip {
    position: absolute;
    z-index: 1000;
    display: block;
    visibility: visible;
    font-size: 15px;
    line-height: 1.4;
    filter: alpha(Opacity=$value);
    opacity: 0
}
.tooltip.in {
    filter: alpha(Opacity=$value);
    opacity: 1
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}
.tooltip-inner, .tooltip__inner {
    max-width: 225px;
    min-width: 140px;
    padding: .6em 1.2em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #231f20;
    border-radius: 0;
    word-wrap: break-word
}
.tooltip-arrow, .tooltip__arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.tooltip.top .tooltip-arrow, .tooltip.top .tooltip__arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #231f20
}
.tooltip.top-left .tooltip-arrow, .tooltip.top-left .tooltip__arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #231f20
}
.tooltip.top-right .tooltip-arrow, .tooltip.top-right .tooltip__arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #231f20
}
.tooltip.right .tooltip-arrow, .tooltip.right .tooltip__arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #231f20
}
.tooltip.left .tooltip-arrow, .tooltip.left .tooltip__arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #231f20
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom .tooltip__arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #231f20
}
.tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-left .tooltip__arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #231f20
}
.tooltip.bottom-right .tooltip-arrow, .tooltip.bottom-right .tooltip__arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #231f20
}
.loading--rectangle {
    fill: none;
    stroke-width: 6px;
    stroke: #000;
    stroke-dasharray: 40;
    stroke-dashoffset: 50%;
    -webkit-animation: movedash 1.5s forwards 0s infinite;
    animation: movedash 1.5s forwards 0s infinite
}
.bracket--left {
    height: 600px;
    border-width: 12px 0 12px 12px;
    border-style: solid;
    border-color: #fff
}
.bracket--right {
    height: 600px;
    border-width: 12px 12px 12px 0;
    border-style: solid;
    border-color: #fff
}
.header--fixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 1000
}
.landing-top-section {
    overflow-y: hidden
}
.landing-mock-terminal {
    background-color: #00afd7;
    height: 100%;
    color: #fff
}
.landing-splash {
    background-color: #97d700;
    height: 100%
}
.type-cursor-blink {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite
}
@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.active-tab-bg::after, .vuln-active-tab-bg::after {
    background-color: #00afd7;
    position: absolute;
    width: 100%;
    bottom: -5px;
    left: 0;
    height: 10px;
    display: block;
    content: '';
    margin-top: 2px
}
.bracket-on-hover:hover::before {
    position: absolute;
    font-family: 'Simple Regular';
    color: #fff;
    top: 2px;
    content: '[';
    left: -15px
}
.bracket-on-hover:hover::after {
    position: absolute;
    font-family: 'Simple Regular';
    color: #fff;
    top: 2px;
    content: ']';
    right: -15px
}
.new-screen-width {
    width: 1280px;
    position: relative
}
.new-screen-width.test-centered {
    margin: auto;
    border-left: 1px solid #e2e3e4
}
.no-results {
    margin-top: 30px;
    color: #999;
    text-align: center
}
@media not screen and (device-width:768px) {
    .sub--nav .navbar__item .btn:hover {
        background-color: #fff;
        border-color: #202528
    }
}
#tour--embrace-open-source--btn.active {
    color: #00afd7
}
.product-overview #visual-holder {
    position: relative;
    height: 280px!important;
    overflow-y: hidden!important
}
.product-overview #visual {
    position: relative
}
.product-overview #visual .sc-viz {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.product-overview .text-content {
    overflow-y: hidden!important;
    overflow-x: hidden!important
}
.product-overview .component-info {
    color: #717780;
    font-weight: 700;
    display: inline-block;
    padding-left: 10px
}
.product-overview .vuln-info {
    font-weight: 700;
    color: #f9423a;
    display: inline-block;
    width: 300px
}
.product-overview .comp-content, .product-overview .pm-content, .product-overview .vuln-content {
    background: 0 0;
    width: 500px;
    font-size: 12px;
    font-family: monospace
}
.product-overview .sc-viz-tbl {
    margin-bottom: 0;
    padding-bottom: 0
}
.product-overview .sc-viz-tbl .dp-mode {
    width: 100px
}
@media screen and (min-width:780px) and (max-width:1279px) {
    .navbar__item .h7 {
        font-size: 1.2vw!important
    }
    .sub--nav .navbar__item .btn {
        padding: 16px 2px 2px 10px!important
    }
    .flexible-fixed-container {
        min-width: inherit!important;
        max-width: inherit!important
    }
}
#square--our-vulns {
    height: 260px;
    width: 260px;
    background-color: #97d700;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
#square--their-vulns {
    height: 80px;
    width: 80px;
    background-color: #f9423a;
    bottom: 10px;
    left: 170px;
    position: absolute
}
.alert {
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1.6
}
.alert-success {
    background-color: #fafdf2;
    color: #3e4e01;
    border-color: #97d700
}
.alert-info {
    background-color: #fff;
    color: #0082ba;
    border-color: #00afd7
}
.alert-warning {
    background-color: #fde7bc;
    color: #68430e;
    border-color: #f7aa0f
}
.alert-danger {
    background-color: #fff;
    color: #ae2627;
    border-color: #f9423a
}
.alert button {
    background-color: transparent;
    padding: 0;
    color: inherit;
    filter: alpha(opacity=50);
    opacity: .5
}
.alert button:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    background-color: transparent
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1
}
.alert-dismissable {
    padding-right: 35px
}
.alert-dismissable .close {
    position: relative;
    right: -21px;
    color: inherit
}
#loading-bar .bar {
    background-color: #231f20
}
#loading-bar .peg {
    box-shadow: #3d3d3d 1px 0 6px 1px
}
.progress {
    overflow: hidden;
    background-color: #fff
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    line-height: 20px;
    color: #fff;
    transition: width .6s ease
}
.progress-bar-high {
    background-color: #f9423a
}
.progress-bar-low, .progress-bar-medium {
    background-color: #ff921c
}
.progress-bar-unknown {
    background-color: #94a2aa
}
.progress {
    height: auto;
    margin-bottom: 0;
    border-radius: 5px;
    border: 1px solid #e2e3e4;
    box-shadow: none
}
.progress-bar {
    background-color: #97d700;
    box-shadow: none;
    text-align: right;
    padding: 3px 15px 3px 0;
    font-size: 18px
}
.progress-bar span {
    padding-left: 2px
}
.reactTooltip {
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    left: -999em;
    opacity: 0;
    padding: 8px 21px;
    position: fixed;
    pointer-events: none;
    transition: opacity .3s ease-out, margin-top .3s ease-out, margin-left .3s ease-out;
    top: -999em;
    z-index: 999;
    border: 2px solid #94a2aa
}
.reactTooltip:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}
.reactTooltip.show {
    opacity: .9!important;
    margin-top: 0!important;
    margin-left: 0!important
}
.reactTooltip.type-dark {
    color: #fff!important;
    background-color: #231f20
}
.reactTooltip.type-dark.place-top:after {
    border-top: 8px solid #231f20
}
.reactTooltip.type-dark.place-bottom:after {
    border-bottom: 8px solid #231f20
}
.reactTooltip.type-dark.place-left:after {
    border-left: 6px solid #231f20
}
.reactTooltip.type-dark.place-right:after {
    border-right: 6px solid #231f20
}
.reactTooltip.place-top {
    margin-top: -10px
}
.reactTooltip.place-bottom {
    margin-top: 10px
}
.reactTooltip.place-left {
    margin-left: -10px
}
.reactTooltip.place-right {
    margin-left: 10px
}
@font-face {
    font-family: sourceclear-icons;
    src: url(/fonts/icons/sourceclear-icons.eot?f0y7g9);
    src: url(/fonts/icons/sourceclear-icons.eot?f0y7g9#iefix) format("embedded-opentype"), url(/fonts/icons/sourceclear-icons.ttf?f0y7g9) format("truetype"), url(/fonts/icons/sourceclear-icons.woff?f0y7g9) format("woff"), url(/fonts/icons/sourceclear-icons.svg?f0y7g9#sourceclear-icons) format("svg");
    font-weight: 400;
    font-style: normal
}
.sci, .ui-select-bootstrap.ui-select-multiple .ui-select-match .close {
    font-family: sourceclear-icons;
    display: inline-block;
    vertical-align: middle;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.sci--spin {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}
.sci--fw {
    width: 1.5em;
    text-align: center
}
.label .sci, .sci--position-right {
    margin-left: .25em;
    margin-right: -.25em
}
.sci--xxs {
    font-size: .25em
}
.sci--xs {
    font-size: .5em
}
.label .sci, .sci--sm {
    font-size: .75em
}
.sci--md-sm {
    font-size: 1.25em
}
.sci--md {
    font-size: 1.5em
}
.sci--md-lg {
    font-size: 1.75em
}
.sci--lg {
    font-size: 2em
}
.sci--xl {
    font-size: 3em
}
.sci--xxl {
    font-size: 4em
}
.sci__sourceclear-logo--primary:before {
  content: "\e9fc";
}
.sci__book--skeleton:before {
  content: "\e901";
}
.sci__bubble--skeleton:before {
  content: "\e902";
}
.sci__books--leaning--skeleton:before {
  content: "\e906";
}
.sci__shield--important--skeleton:before {
  content: "\e908";
}
.sci__chart--skeleton:before {
  content: "\e909";
}
.sci__src-logo--primary--skeleton:before {
  content: "\e90a";
}
.sci__view--sort--skeleton:before {
  content: "\e90b";
}
.sci__data--up-download--skeleton:before {
  content: "\e994";
}
.sci__data--export--skeleton:before {
  content: "\e995";
}
.sci__data--upload--skeleton:before {
  content: "\e996";
}
.sci__data--download--skeleton:before {
  content: "\e997";
}
.sci__refresh--skeleton:before {
  content: "\e998";
}
.sci__circle--close--skeleton:before {
  content: "\e999";
}
.sci__circle--subtract--skeleton:before {
  content: "\e99a";
}
.sci__folder--edit--skeleton:before {
  content: "\e99b";
}
.sci__doc--edit--skeleton:before {
  content: "\e99c";
}
.sci__doc--add--skeleton:before {
  content: "\e99d";
}
.sci__folder--add--skeleton:before {
  content: "\e99e";
}
.sci__folder--subtract--skeleton:before {
  content: "\e99f";
}
.sci__folder--close--skeleton:before {
  content: "\e9a0";
}
.sci__lightning--skeleton:before {
  content: "\e9a1";
}
.sci__circle--add--skeleton:before {
  content: "\e9a2";
}
.sci__circle--check--skeleton:before {
  content: "\e9a3";
}
.sci__arrow--up-right--skeleton:before {
  content: "\e9a4";
}
.sci__arrow--up-left--skeleton:before {
  content: "\e9a5";
}
.sci__arrow--down-right--skeleton:before {
  content: "\e9a6";
}
.sci__arrow--down-left--skeleton:before {
  content: "\e9a7";
}
.sci__arrow--right--skeleton:before {
  content: "\e9a8";
}
.sci__arrow--left--skeleton:before {
  content: "\e9a9";
}
.sci__arrow--down--skeleton:before {
  content: "\e9aa";
}
.sci__arrow--up--skeleton:before {
  content: "\e9ab";
}
.sci__caret--right--skeleton:before {
  content: "\e9ac";
}
.sci__caret--left--skeleton:before {
  content: "\e9ad";
}
.sci__caret--down--skeleton:before {
  content: "\e9ae";
}
.sci__caret--up--skeleton:before {
  content: "\e9af";
}
.sci__arrow--closed-right--skeleton:before {
  content: "\e9b0";
}
.sci__arrow--closed-left--skeleton:before {
  content: "\e9b1";
}
.sci__arrow--closed-down--skeleton:before {
  content: "\e9b2";
}
.sci__arrow--closed-up--skeleton:before {
  content: "\e9b3";
}
.sci__subtract--skeleton:before {
  content: "\e9b4";
}
.sci__add--skeleton:before {
  content: "\e9b5";
}
.sci__close--skeleton:before {
  content: "\e9b6";
}
.sci__check--skeleton:before {
  content: "\e9b7";
}
.sci__cloud--upload--skeleton:before {
  content: "\e9b8";
}
.sci__cloud--download--skeleton:before {
  content: "\e9b9";
}
.sci__vulnerability--new--skeleton:before {
  content: "\e9ba";
}
.sci__view--numbered--skeleton:before {
  content: "\e9bb";
}
.sci__view--graph--skeleton:before {
  content: "\e9bc";
}
.sci__view-list--skeleton:before {
  content: "\e9bd";
}
.sci__help--skeleton:before {
  content: "\e9be";
}
.sci__vulnerability--skeleton:before {
  content: "\e9bf";
}
.sci__detail-information--skeleton:before {
  content: "\e9c0";
}
.sci__search--skeleton:before {
  content: "\e9c1";
}
.sci__export--skeleton:before {
  content: "\e9c2";
}
.sci__share--skeleton:before {
  content: "\e9c3";
}
.sci__folder--skeleton:before {
  content: "\e9c4";
}
.sci__doc--skeleton:before {
  content: "\e9c5";
}
.sci__library--skeleton:before {
  content: "\e9c6";
}
.sci__folder--skeleton2:before {
  content: "\e9c7";
}
.sci__version--skeleton:before {
  content: "\e9c8";
}
.sci__version--outdated--skeleton:before {
  content: "\e9c9";
}
.sci__version--latest--skeleton:before {
  content: "\e9ca";
}
.sci__ellipsis--skeleton:before {
  content: "\e9cb";
}
.sci__categories--skeleton:before {
  content: "\e9cc";
}
.sci__category--skeleton:before {
  content: "\e9cd";
}
.sci__risk-score--skeleton:before {
  content: "\e9ce";
}
.sci__flag--skeleton:before {
  content: "\e9cf";
}
.sci__alerts--skeleton:before {
  content: "\e9d0";
}
.sci__language--skeleton:before {
  content: "\e9d1";
}
.sci__system-admin--skeleton:before {
  content: "\e9d2";
}
.sci__pencil--skeleton:before {
  content: "\e9d3";
}
.sci__circle--monitor--skeleton:before {
  content: "\e9d4";
}
.sci__SRCCLR_skeleton-icons-73:before {
  content: "\e9d5";
}
.sci__clipboard--edit--skeleton:before {
  content: "\e9d6";
}
.sci__clipboard--subtract--skeleton:before {
  content: "\e9d7";
}
.sci__clipboard--add--skeleton:before {
  content: "\e9d8";
}
.sci__clipboard--close--skeleton:before {
  content: "\e9d9";
}
.sci__clipboard--check--skeleton:before {
  content: "\e9da";
}
.sci__clipboard--skeleton:before {
  content: "\e9db";
}
.sci__megaphone--skeleton:before {
  content: "\e9dc";
}
.sci__lock--unlock--skeleton:before {
  content: "\e9dd";
}
.sci__lock--skeleton:before {
  content: "\e9de";
}
.sci__pin--skeleton:before {
  content: "\e9df";
}
.sci__key--skeleton:before {
  content: "\e9e0";
}
.sci__link--broken--skeleton:before {
  content: "\e9e1";
}
.sci__link--skeleton:before {
  content: "\e9e2";
}
.sci__versions--latest--skeleton:before {
  content: "\e9e3";
}
.sci__versions--outdated--skeleton:before {
  content: "\e9e4";
}
.sci__versions--skeleton:before {
  content: "\e9e5";
}
.sci__notification-bell--skeleton:before {
  content: "\e9e6";
}
.sci__organization--skeleton:before {
  content: "\e9e7";
}
.sci__user--profile--skeleton:before {
  content: "\e9e8";
}
.sci__users--team-group--skeleton:before {
  content: "\e9e9";
}
.sci__users--skeleton:before {
  content: "\e9ea";
}
.sci__user--skeleton:before {
  content: "\e9eb";
}
.sci__trophy--skeleton:before {
  content: "\e9ec";
}
.sci__catalog--skeleton:before {
  content: "\e9ed";
}
.sci__portfolio--skeleton:before {
  content: "\e9ee";
}
.sci__settings--skeleton:before {
  content: "\e9ef";
}
.sci__src-symbol--bracket--skeleton:before {
  content: "\e9f0";
}
.sci__heart--skeleton:before {
  content: "\e9f1";
}
.sci__wellness--skeleton:before {
  content: "\e9f2";
}
.sci__coffee--skeleton:before {
  content: "\e9f3";
}
.sci__desktop--skeleton:before {
  content: "\e9f4";
}
.sci__chat--group--skeleton:before {
  content: "\e9f5";
}
.sci__chat--history--skeleton:before {
  content: "\e9f6";
}
.sci__chat--skeleton:before {
  content: "\e9f7";
}
.sci__chat--help--skeleton:before {
  content: "\e9f8";
}
.sci__home--skeleton:before {
  content: "\e9f9";
}
.sci__check--box--skeleton:before {
  content: "\e9fa";
}
.sci__eye:before {
  content: "\e9fb";
}
.sci__blocks:before {
  content: "\e971";
}
.sci__blocks--skeleton:before {
  content: "\e900";
}
.sci__data--science--skeleton:before {
  content: "\e903";
}
.sci__dna--skeleton:before {
  content: "\e904";
}
.sci__globe--skeleton:before {
  content: "\e905";
}
.sci__search--pulse--skeleton:before {
  content: "\e907";
}
.sci__globe:before {
  content: "\e928";
}
.sci__add:before {
  content: "\e90c";
}
.sci__alerts:before {
  content: "\e90d";
}
.sci__arrow--closed-down:before {
  content: "\e90e";
}
.sci__arrow--closed-left:before {
  content: "\e90f";
}
.sci__arrow--closed-right:before {
  content: "\e910";
}
.sci__arrow--closed-scroll:before {
  content: "\e911";
}
.sci__arrow--closed-up:before {
  content: "\e912";
}
.sci__arrow--down-left:before {
  content: "\e913";
}
.sci__arrow--down-right:before {
  content: "\e914";
}
.sci__arrow--down:before {
  content: "\e915";
}
.sci__arrow--dropdown:before {
  content: "\e916";
}
.sci__arrow--external-link:before {
  content: "\e917";
}
.sci__arrow--left:before {
  content: "\e918";
}
.sci__arrow--right:before {
  content: "\e919";
}
.sci__arrow--up-left:before {
  content: "\e91a";
}
.sci__arrow--up-right:before {
  content: "\e91b";
}
.sci__arrow--up:before {
  content: "\e91c";
}
.sci__caret--down:before {
  content: "\e91d";
}
.sci__caret--left:before {
  content: "\e91e";
}
.sci__caret--right:before {
  content: "\e91f";
}
.sci__caret--up:before {
  content: "\e920";
}
.sci__catalog:before {
  content: "\e921";
}
.sci__categories:before {
  content: "\e922";
}
.sci__category:before {
  content: "\e923";
}
.sci__chat--group:before {
  content: "\e924";
}
.sci__chat--help:before {
  content: "\e925";
}
.sci__chat--history:before {
  content: "\e926";
}
.sci__chat:before {
  content: "\e927";
}
.sci__check--box:before {
  content: "\e929";
}
.sci__check:before {
  content: "\e92a";
}
.sci__circle--add:before {
  content: "\e92b";
}
.sci__circle--check:before {
  content: "\e92c";
}
.sci__circle--close:before {
  content: "\e92d";
}
.sci__circle--monitor:before {
  content: "\e92e";
}
.sci__circle--subtract:before {
  content: "\e92f";
}
.sci__clipboard--add:before {
  content: "\e930";
}
.sci__clipboard--check:before {
  content: "\e931";
}
.sci__clipboard--close:before {
  content: "\e932";
}
.sci__clipboard--edit:before {
  content: "\e933";
}
.sci__clipboard--subtract:before {
  content: "\e934";
}
.sci__clipboard:before {
  content: "\e935";
}
.sci__close:before {
  content: "\e936";
}
.sci__cloud--download:before {
  content: "\e937";
}
.sci__cloud--upload:before {
  content: "\e938";
}
.sci__coffee:before {
  content: "\e939";
}
.sci__data--download:before {
  content: "\e93a";
}
.sci__data--export:before {
  content: "\e93b";
}
.sci__data--import:before {
  content: "\e93c";
}
.sci__data--up-download:before {
  content: "\e93d";
}
.sci__data--upload:before {
  content: "\e93e";
}
.sci__desktop:before {
  content: "\e93f";
}
.sci__detail-information:before {
  content: "\e940";
}
.sci__doc--add:before {
  content: "\e941";
}
.sci__doc--check:before {
  content: "\e942";
}
.sci__doc--edit:before {
  content: "\e943";
}
.sci__doc--subtract:before {
  content: "\e944";
}
.sci__doc:before {
  content: "\e945";
}
.sci__export:before {
  content: "\e946";
}
.sci__flag:before {
  content: "\e947";
}
.sci__folder--add:before {
  content: "\e948";
}
.sci__folder--close:before {
  content: "\e949";
}
.sci__folder--edit:before {
  content: "\e94a";
}
.sci__folder--subtract:before {
  content: "\e94b";
}
.sci__folder:before {
  content: "\e94c";
}
.sci__foosball:before {
  content: "\e94d";
}
.sci__help:before {
  content: "\e94e";
}
.sci__home:before {
  content: "\e94f";
}
.sci__inbox:before {
  content: "\e950";
}
.sci__key:before {
  content: "\e951";
}
.sci__language:before {
  content: "\e952";
}
.sci__library:before {
  content: "\e953";
}
.sci__lightning:before {
  content: "\e954";
}
.sci__link--broken:before {
  content: "\e955";
}
.sci__link:before {
  content: "\e956";
}
.sci__linkedin2:before {
  content: "\e957";
}
.sci__loading:before {
  content: "\e958";
}
.sci__lock--unlock:before {
  content: "\e959";
}
.sci__lock:before {
  content: "\e95a";
}
.sci__megaphone:before {
  content: "\e95b";
}
.sci__notification-bell:before {
  content: "\e95c";
}
.sci__organization:before {
  content: "\e95d";
}
.sci__pencil:before {
  content: "\e95e";
}
.sci__pin:before {
  content: "\e95f";
}
.sci__ping-pong:before {
  content: "\e960";
}
.sci__portfolio:before {
  content: "\e961";
}
.sci__refresh:before {
  content: "\e962";
}
.sci__risk-score:before {
  content: "\e963";
}
.sci__search:before {
  content: "\e964";
}
.sci__settings:before {
  content: "\e965";
}
.sci__share:before {
  content: "\e966";
}
.sci__shield--urgent:before {
  content: "\e967";
}
.sci__social--github:before {
  content: "\e968";
}
.sci__src-logo--primary:before {
  content: "\e969";
}
.sci__src-logo--stacked:before {
  content: "\e96a";
}
.sci__src-symbol--bracket:before {
  content: "\e96b";
}
.sci__src-symbol--circle:before {
  content: "\e96c";
}
.sci__src-symbol--curly:before {
  content: "\e96d";
}
.sci__src-symbol--hex:before {
  content: "\e96e";
}
.sci__src-symbol--paren:before {
  content: "\e96f";
}
.sci__src-symbol--square:before {
  content: "\e970";
}
.sci__users--team-group:before {
  content: "\e972";
}
.sci__dna:before {
  content: "\e973";
}
.sci__view--numbered:before {
  content: "\e974";
}
.sci__search--pulse:before {
  content: "\e975";
}
.sci__shield--cross:before {
  content: "\e976";
}
.sci__composition:before {
  content: "\e977";
}
.sci__vulnerability--new:before {
  content: "\e978";
}
.sci__graph:before {
  content: "\e979";
}
.sci__check--box2:before {
  content: "\e97a";
}
.sci__data--science:before {
  content: "\e97b";
}
.sci__subtract:before {
  content: "\e97c";
}
.sci__system-admin:before {
  content: "\e97d";
}
.sci__trash:before {
  content: "\e97e";
}
.sci__trophy:before {
  content: "\e97f";
}
.sci__twitter:before {
  content: "\e980";
}
.sci__user--profile:before {
  content: "\e981";
}
.sci__user:before {
  content: "\e982";
}
.sci__users--team-group2:before {
  content: "\e983";
}
.sci__users:before {
  content: "\e984";
}
.sci__vault:before {
  content: "\e985";
}
.sci__version--latest:before {
  content: "\e986";
}
.sci__version--outdated:before {
  content: "\e987";
}
.sci__version:before {
  content: "\e988";
}
.sci__versions--latest:before {
  content: "\e989";
}
.sci__versions--outdated:before {
  content: "\e98a";
}
.sci__versions:before {
  content: "\e98b";
}
.sci__view--graph:before {
  content: "\e98c";
}
.sci__view--numbered2:before {
  content: "\e98d";
}
.sci__view--sort:before {
  content: "\e98e";
}
.sci__view-list:before {
  content: "\e98f";
}
.sci__vulnerability--new2:before {
  content: "\e990";
}
.sci__vulnerability--none:before {
  content: "\e991";
}
.sci__vulnerability:before {
  content: "\e992";
}
.sci__wellness:before {
  content: "\e993";
}
.ui-select-bootstrap {
    border: 1px solid #dadcdf;
    border-radius: 0
}
.ui-select-bootstrap.dropdown {
    box-shadow: none;
    max-width: none;
    position: relative
}
.ui-select-bootstrap .dropdown-menu {
    box-shadow: none;
    display: none;
    max-width: none;
    position: relative
}
.ui-select-bootstrap.open {
    outline: 0
}
.ui-select-bootstrap.open .dropdown-menu {
    display: block;
    max-width: none
}
.ui-select-bootstrap.ui-select-multiple {
    padding-top: 0;
    padding-bottom: 0;
    height: auto
}
.ui-select-bootstrap.ui-select-multiple input.ui-select-search {
    float: left;
    height: 2.3571428571em;
    padding: 0;
    border: 0;
    margin: 0
}
.ui-select-bootstrap.ui-select-multiple .ui-select-match .close {
    width: 1em;
    padding-top: .3333333em;
    overflow: hidden;
    float: right;
    margin-left: .5em
}
.ui-select-bootstrap .ui-select-match-item {
    float: left;
    margin-top: .6em
}
.ui-select-bootstrap .ui-select-choices {
    margin: 0;
    padding: 0;
    background: 0 0
}
.ui-select-bootstrap .ui-select-choices-row>a {
    display: block;
    padding: 3px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #231f20;
    white-space: nowrap
}
.ui-select-bootstrap .ui-select-choices-row>a:focus, .ui-select-bootstrap .ui-select-choices-row>a:hover {
    color: #fff;
    background-color: #717780
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
    background-color: #717780
}
.ui-select-bootstrap .ui-select-choices-group {
    margin-top: 5px
}
.filter__inputs {
    padding: 12px 10px 10px 45px;
    z-index: 100;
    height: 3em
}
.filter__groups .filter__dropdown {
    background-color: #fff;
    position: absolute
}
.filter__groups .br0 {
    border-right: 0
}
.filter__dropdown {
    border: 1px solid #00afd7;
    border-top: 0
}
.filters__inline {
    right: 0;
    top: -2px
}
.filter__item-container {
    height: 3em;
    width: 100%;
    border: 1px solid #dadcdf;
    border-bottom: 0;
    padding: .3em
}
.filter__item {
    display: block;
    float: left;
    border: 1px solid #00afd7;
    color: #00afd7;
    margin: 3px;
    border-radius: 3px;
    font-weight: 400;
    cursor: pointer;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    padding-top: 7px
}
.filter__item:hover {
    color: #231f20;
    background-color: transparent;
    border-color: #231f20
}
.filter__item:focus {
    color: #fff;
    background-color: #94a2aa;
    border-color: #94a2aa
}
.filter__item--close {
    width: 1em;
    overflow: hidden;
    float: right;
    margin-left: .5em
}
.ui-select-bootstrap.open {
    border: 1px solid #00afd7
}
.ui-select-bootstrap.ui-select-multiple.filter__inputs {
    height: 3em;
    padding-top: 5px
}
.filter__inputs:focus {
    border: 1px solid #00afd7
}
.border-color--primary {
    border-color: #00afd7
}
.border-color--primary-light {
    border-color: #a2ddec
}
.border-color--primary-dark {
    border-color: #0082ba
}
.border-color--success {
    border-color: #97d700
}
.border-color--success-light {
    border-color: #c2e86e
}
.border-color--success-dark {
    border-color: #7a9a01
}
.border-color--warning {
    border-color: #ff921c
}
.border-color--warning-light {
    border-color: #ffb81c
}
.border-color--warning-dark {
    border-color: #ad841f
}
.border-color--danger {
    border-color: #f9423a
}
.border-color--danger-light {
    border-color: #fb6879
}
.border-color--danger-dark {
    border-color: #ae2627
}
.border-color--danger-high {
    border-color: #fb0008
}
.border-color--muted-light {
    border-color: #dadcdf
}
.border-color--muted {
    border-color: #94a2aa
}
.border-color--muted-dark {
    border-color: #717780
}
.border-color--black-light {
    border-color: #3d3d3d
}
.border-color--black, .input--with-icon input {
    border-color: #231f20
}
.border-color--black-dark {
    border-color: #202528
}
.border-color--white-light {
    border-color: #fbfcfc
}
.border-color--white {
    border-color: #fff
}
.border-color--white-dark {
    border-color: #e2e3e4
}
.border-color--emphasis {
    border-color: #C9C9C9
}
.border-color--dropdown {
    border-color: #999
}
.bo--1, .bo--2, .bo--3, .bo--4, .bo--5, .bo-b--1, .bo-b--2, .bo-b--3, .bo-b--4, .bo-b--5, .bo-h--1, .bo-h--2, .bo-h--3, .bo-h--4, .bo-h--5, .bo-l--1, .bo-l--2, .bo-l--3, .bo-l--4, .bo-l--5, .bo-r--1, .bo-r--2, .bo-r--3, .bo-r--4, .bo-r--5, .bo-rb--1, .bo-rb--2, .bo-rb--3, .bo-rb--4, .bo-rb--5, .bo-t--1, .bo-t--2, .bo-t--3, .bo-t--4, .bo-t--5, .bo-v--1, .bo-v--2, .bo-v--3, .bo-v--4, .bo-v--5, .data-grid__header, .data-grid__row, .input--with-icon input {
    border-style: solid
}
.bo--0 {
    border: 0
}
.bo-t--0 {
    border-top: 0
}
.bo-r--0 {
    border-right: 0
}
.bo-b--0 {
    border-bottom: 0
}
.bo-l--0 {
    border-left: 0
}
.bo-v--0 {
    border-top: 0;
    border-bottom: 0
}
.bo-h--0 {
    border-left: 0;
    border-right: 0
}
.b0--last:last-child {
    border: 0
}
.bo--1 {
    border-width: 1px
}
.bo-t--1 {
    border-width: 1px 0 0
}
.bo-r--1 {
    border-width: 0 1px 0 0
}
.bo-b--1, .data-grid__header, .data-grid__row, .input--with-icon input {
    border-width: 0 0 1px
}
.bo-l--1 {
    border-width: 0 0 0 1px
}
.bo-v--1 {
    border-width: 1px 0
}
.bo-h--1 {
    border-width: 0 1px
}
.bo-rb--1 {
    border-width: 0 1px 1px 0
}
.bo--2 {
    border-width: 2px
}
.bo-t--2 {
    border-width: 2px 0 0
}
.bo-r--2 {
    border-width: 0 2px 0 0
}
.bo-b--2 {
    border-width: 0 0 2px
}
.bo-l--2 {
    border-width: 0 0 0 2px
}
.bo-v--2 {
    border-width: 2px 0
}
.bo-h--2 {
    border-width: 0 2px
}
.bo-rb--2 {
    border-width: 0 2px 2px 0
}
.bo--3 {
    border-width: 3px
}
.bo-t--3 {
    border-width: 3px 0 0
}
.bo-r--3 {
    border-width: 0 3px 0 0
}
.bo-b--3 {
    border-width: 0 0 3px
}
.bo-l--3 {
    border-width: 0 0 0 3px
}
.bo-v--3 {
    border-width: 3px 0
}
.bo-h--3 {
    border-width: 0 3px
}
.bo-rb--3 {
    border-width: 0 3px 3px 0
}
.bo--4 {
    border-width: 4px
}
.bo-t--4 {
    border-width: 4px 0 0
}
.bo-r--4 {
    border-width: 0 4px 0 0
}
.bo-b--4 {
    border-width: 0 0 4px
}
.bo-l--4 {
    border-width: 0 0 0 4px
}
.bo-v--4 {
    border-width: 4px 0
}
.bo-h--4 {
    border-width: 0 4px
}
.bo-rb--4 {
    border-width: 0 4px 4px 0
}
.bo--5 {
    border-width: 5px
}
.bo-t--5 {
    border-width: 5px 0 0
}
.bo-r--5 {
    border-width: 0 5px 0 0
}
.bo-b--5 {
    border-width: 0 0 5px
}
.bo-l--5 {
    border-width: 0 0 0 5px
}
.bo-v--5 {
    border-width: 5px 0
}
.bo-h--5 {
    border-width: 0 5px
}
.bo-rb--5 {
    border-width: 0 5px 5px 0
}
.bo-rad--0 {
    border-radius: 0
}
.bo-rad--1 {
    border-radius: 1px
}
.bo-rad--2 {
    border-radius: 2px
}
.bo-rad--3 {
    border-radius: 3px
}
.bo-rad--4 {
    border-radius: 4px
}
.bo-rad--5 {
    border-radius: 5px
}
.bo-rad--6 {
    border-radius: 6px
}
.bo-rad--7 {
    border-radius: 7px
}
.bo-rad--8 {
    border-radius: 8px
}
.bo-rad--9 {
    border-radius: 9px
}
.bo-rad--10 {
    border-radius: 10px
}
.bo--b-1 {
    border-bottom-width: 1px;
    border-bottom-style: solid
}
.bo-b--1--hover-black:hover {
    border-bottom: 1px solid #202528
}
.clearfix:after, .media:after, .ui-select-bootstrap:after {
    content: "";
    display: table;
    clear: both
}
.cursor-on-hover--pointer:hover {
    cursor: pointer
}
.cursor-on-hover--auto:hover, .cursor-on-hover--normal:hover {
    cursor: auto
}
.angular-google-map-container {
    height: 350px
}
.height--26 {
    height: 26px
}
.project-details:last-child {
    border-bottom: none
}
.w--175p {
    width: 175px
}
.w--200p {
    width: 200px
}
.width--960 {
    width: 960px
}
.width--auto {
    width: auto!important
}
.sidebar--left.test-centered {
    width: 100%!important
}
.max-height--615 {
    max-height: 615px
}
.max--col-7-10 {
      max-width: 70%;
    width: inherit
}
.min-height--90 {
    min-height: 90px
}
.min-height--110 {
    min-height: 110px
}
.min-height--400 {
    min-height: 400px
}
.min-height--800 {
    min-height: 800px
}
.overflow--hidden {
    overflow: hidden
}
.overflow-x--hidden {
    overflow-x: hidden
}
.overflow-y--hidden {
    overflow-y: hidden
}
.overflow-y--scroll {
    overflow-y: auto
}
.overflow-x--scroll {
    overflow-x: auto
}
.pull--left {
    float: left!important
}
.pull--right {
    float: right!important
}
.position--absolute {
    position: absolute
}
.position--fixed {
    position: fixed
}
.position--static {
    position: static
}
.position--relative {
    position: relative
}
.full-screen {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}
.top--10 {
    top: 10px
}
.top--33 {
    top: 33px
}
.right--0 {
    right: 0
}
.bottom--0 {
    bottom: 0
}
.bottom---100 {
    bottom: -100px;
}
.m {
    margin: 21px!important
}
.mt {
    margin-top: 21px!important
}
.mr {
    margin-right: 21px!important
}
.mb {
    margin-bottom: 21px!important
}
.ml {
    margin-left: 21px!important
}
.mh {
    margin-right: 21px!important;
    margin-left: 21px!important
}
.mv {
    margin-top: 21px!important;
    margin-bottom: 21px!important
}
.m-- {
    margin: 5px!important
}
.mt-- {
    margin-top: 5px!important
}
.mr-- {
    margin-right: 5px!important
}
.mb-- {
    margin-bottom: 5px!important
}
.ml-- {
    margin-left: 5px!important
}
.mh-- {
    margin-right: 5px!important;
    margin-left: 5px!important
}
.mv-- {
    margin-top: 5px!important;
    margin-bottom: 5px!important
}
.m- {
    margin: 11px!important
}
.mt- {
    margin-top: 11px!important
}
.mr- {
    margin-right: 11px!important
}
.mb- {
    margin-bottom: 11px!important
}
.ml- {
    margin-left: 11px!important
}
.mh- {
    margin-right: 11px!important;
    margin-left: 11px!important
}
.mv- {
    margin-top: 11px!important;
    margin-bottom: 11px!important
}
.m\+ {
    margin: 42px!important
}
.mt\+ {
    margin-top: 42px!important
}
.mr\+ {
    margin-right: 42px!important
}
.mb\+ {
    margin-bottom: 42px!important
}
.ml\+ {
    margin-left: 42px!important
}
.mh\+ {
    margin-right: 42px!important;
    margin-left: 42px!important
}
.mv\+ {
    margin-top: 42px!important;
    margin-bottom: 42px!important
}
.m\+\+ {
    margin: 84px!important
}
.mt\+\+ {
    margin-top: 84px!important
}
.mr\+\+ {
    margin-right: 84px!important
}
.mb\+\+ {
    margin-bottom: 84px!important
}
.ml\+\+ {
    margin-left: 84px!important
}
.mh\+\+ {
    margin-right: 84px!important;
    margin-left: 84px!important
}
.mv\+\+ {
    margin-top: 84px!important;
    margin-bottom: 84px!important
}
.m0 {
    margin: 0!important
}
.mt0 {
    margin-top: 0!important
}
.mr0 {
    margin-right: 0!important
}
.mb0 {
    margin-bottom: 0!important
}
.ml0 {
    margin-left: 0!important
}
.mh0 {
    margin-right: 0!important;
    margin-left: 0!important
}
.mv0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}
.-m {
    margin: -21px!important
}
.-mt {
    margin-top: -21px!important
}
.-mr {
    margin-right: -21px!important
}
.-mb {
    margin-bottom: -21px!important
}
.-ml {
    margin-left: -21px!important
}
.-mh {
    margin-right: -21px!important;
    margin-left: -21px!important
}
.-mv {
    margin-top: -21px!important;
    margin-bottom: -21px!important
}
.-m-- {
    margin: -5px!important
}
.-mt-- {
    margin-top: -5px!important
}
.-mr-- {
    margin-right: -5px!important
}
.-mb-- {
    margin-bottom: -5px!important
}
.-ml-- {
    margin-left: -5px!important
}
.-mh-- {
    margin-right: -5px!important;
    margin-left: -5px!important
}
.-mv-- {
    margin-top: -5px!important;
    margin-bottom: -5px!important
}
.-m- {
    margin: -11px!important
}
.-mt- {
    margin-top: -11px!important
}
.-mr- {
    margin-right: -11px!important
}
.-mb- {
    margin-bottom: -11px!important
}
.-ml- {
    margin-left: -11px!important
}
.-mh- {
    margin-right: -11px!important;
    margin-left: -11px!important
}
.-mv- {
    margin-top: -11px!important;
    margin-bottom: -11px!important
}
.-m\+ {
    margin: -42px!important
}
.-mt\+ {
    margin-top: -42px!important
}
.-mr\+ {
    margin-right: -42px!important
}
.-mb\+ {
    margin-bottom: -42px!important
}
.-ml\+ {
    margin-left: -42px!important
}
.-mh\+ {
    margin-right: -42px!important;
    margin-left: -42px!important
}
.-mv\+ {
    margin-top: -42px!important;
    margin-bottom: -42px!important
}
.-m\+\+ {
    margin: -84px!important
}
.-mt\+\+ {
    margin-top: -84px!important
}
.-mr\+\+ {
    margin-right: -84px!important
}
.-mb\+\+ {
    margin-bottom: -84px!important
}
.-ml\+\+ {
    margin-left: -84px!important
}
.-mh\+\+ {
    margin-right: -84px!important;
    margin-left: -84px!important
}
.-mv\+\+ {
    margin-top: -84px!important;
    margin-bottom: -84px!important
}
.ma {
    margin: auto
}
.p {
    padding: 21px!important
}
.pt {
    padding-top: 21px!important
}
.pr {
    padding-right: 21px!important
}
.pb {
    padding-bottom: 21px!important
}
.pl {
    padding-left: 21px!important
}
.ph {
    padding-right: 21px!important;
    padding-left: 21px!important
}
.pv {
    padding-top: 21px!important;
    padding-bottom: 21px!important
}
.p-- {
    padding: 5px!important
}
.pt-- {
    padding-top: 5px!important
}
.pr-- {
    padding-right: 5px!important
}
.pb-- {
    padding-bottom: 5px!important
}
.pl-- {
    padding-left: 5px!important
}
.ph-- {
    padding-right: 5px!important;
    padding-left: 5px!important
}
.pv-- {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}
.p- {
    padding: 11px!important
}
.pt- {
    padding-top: 11px!important
}
.pr- {
    padding-right: 11px!important
}
.pb- {
    padding-bottom: 11px!important
}
.pl- {
    padding-left: 11px!important
}
.ph- {
    padding-right: 11px!important;
    padding-left: 11px!important
}
.pv- {
    padding-top: 11px!important;
    padding-bottom: 11px!important
}
.p\+ {
    padding: 42px!important
}
.pt\+ {
    padding-top: 42px!important
}
.pr\+ {
    padding-right: 42px!important
}
.pb\+ {
    padding-bottom: 42px!important
}
.pl\+ {
    padding-left: 42px!important
}
.ph\+ {
    padding-right: 42px!important;
    padding-left: 42px!important
}
.pv\+ {
    padding-top: 42px!important;
    padding-bottom: 42px!important
}
.p\+\+ {
    padding: 84px!important
}
.pt\+\+ {
    padding-top: 84px!important
}
.pr\+\+ {
    padding-right: 84px!important
}
.pb\+\+ {
    padding-bottom: 84px!important
}
.pl\+\+ {
    padding-left: 84px!important
}
.ph\+\+ {
    padding-right: 84px!important;
    padding-left: 84px!important
}
.pv\+\+ {
    padding-top: 84px!important;
    padding-bottom: 84px!important
}
.p0 {
    padding: 0!important
}
.pt0 {
    padding-top: 0!important
}
.pr0 {
    padding-right: 0!important
}
.pb0 {
    padding-bottom: 0!important
}
.pl0 {
    padding-left: 0!important
}
.ph0 {
    padding-right: 0!important;
    padding-left: 0!important
}
.pv0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}
.pl4 {
    padding-left: 4px!important
}
.-mt-15 {
    margin-top: -15px!important
}
.m--0-auto {
    margin: 0 auto
}
.pb--footer {
    padding-bottom: 72px!important
}
.content {
    padding-bottom: 63px
}
.transition--height {
    transition: .5s height ease
}
.font--12 {
    font-size: 12px
}
.font--13 {
    font-size: 13px
}
.font--14 {
    font-size: 14px
}
.font--15 {
    font-size: 15px
}
.font--18 {
    font-size: 18px
}
.font--20 {
    font-size: 20px
}
.font--24 {
    font-size: 24px
}
.font--30 {
    font-size: 30px
}
.font--36 {
    font-size: 36px
}
.font--72 {
    font-size: 72px
}
.font--6em {
    font-size: 6em
}
.font--8em {
    font-size: 8em
}
.font--10em {
    font-size: 10em
}
.font--20em {
    font-size: 20em
}
.vertical-align--top {
    vertical-align: top
}
.vertical-align--bottom {
    vertical-align: bottom
}
.vertical-align--middle {
    vertical-align: middle
}
.va-default, .vertical-align--baseline {
    vertical-align: baseline
}
.va-bottom {
    vertical-align: bottom
}
.va-top {
    vertical-align: top
}
.va--text-bottom {
    vertical-align: text-bottom
}
.invisible {
    display: none!important
}
.hidden {
    visibility: hidden!important
}
.block {
    display: block!important
}
.inline-block {
    display: inline-block!important
}
.inline {
    display: inline!important
}
.focus--no-outline:focus {
    outline: 0
}
.zIndex-1--screenForeground {
    z-index: 100
}
.zIndex-2--surfaceOver {
    z-index: 200
}
.zIndex-3--caption {
    z-index: 300
}
.zIndex-5--highlightMenu {
    z-index: 500
}
.zIndex-6--navOverlay {
    z-index: 600
}
.zIndex-7--nav {
    z-index: 700
}
.zIndex-8--panel {
    z-index: 800
}
.zIndex-9--dialog, .zIndex-9--overlay, .zIndex-9--tooltip {
    z-index: 900
}
.zIndex-10--dev, .zIndex-10--loadingPage {
    z-index: 1000
}
@media screen and (max-width:779px) {
    .responsive {
        min-width: 100%!important
    }
    .responsive [class^='grid__item col-'] {
        width: 100%
    }
    .container {
        max-width: 1280px;
        min-width: inherit;
        width: auto;
        padding: 0 20px
    }
    .phone--grid--full {
        margin-left: 0
    }
    .phone--grid--full>.grid__item {
        padding-left: 0
    }
    .phone--hide {
        display: none!important
    }
    .phone--inline-block {
        display: inline-block!important
    }
    .phone--text--center {
        text-align: center
    }
    .phone--ph- {
        padding-left: 11px!important;
        padding-right: 11px!important
    }
    .phone--pv- {
        padding-top: 11px!important;
        padding-bottom: 11px!important
    }
    .phone--pl0 {
        padding-left: 0!important
    }
    .phone--pb0 {
        padding-bottom: 0!important
    }
    .phone--pt0 {
        padding-top: 0!important
    }
    .phone--m0 {
        margin: 0!important
    }
    .phone--ml0 {
        margin-left: 0!important
    }
    .phone--pb- {
        padding-bottom: 11px!important
    }
    .phone--p {
       padding: 21px!important
    }
    .phone--pr {
        padding-right: 21px!important
    }
    .phone--pt {
        padding-top: 21px!important
    }
    .phone--col-1-4, .phone--col-2-8, .phone--col-3-12 {
        width: 25%!important
    }
    .phone--col-3-4, .phone--col-6-8, .phone--col-9-12 {
        width: 75%!important
    }
    .phone--col-1-3, .phone--col-2-6, .phone--col-4-12 {
        width: 33.33333%!important
    }
    .phone--col-2-3, .phone--col-4-6, .phone--col-8-12 {
        width: 66.66667%!important
    }
    .phone--col-1-6, .phone--col-2-12 {
        width: 16.66667%!important
    }
    .phone--col-10-12, .phone--col-5-6 {
        width: 83.3333%!important
    }
    .phone--col-1-2, .phone--col-2-4, .phone--col-3-6, .phone--col-4-8, .phone--col-5-10, .phone--col-6-12 {
        width: 50%!important
    }
    .phone--col-1-10 {
        width: 10%!important
    }
    .phone--col-8-10 {
        width: 80%!important
    }
    .phone--col-9-10 {
        width: 90%!important
    }
    .phone--col-1-1 {
        width: 100%!important
    }
    .phone--bo-t--1 {
        border: 0;
        border-top-width: 1px;
        border-style: solid
    }
    .phone--bo-b--1 {
        border: 0;
        border-bottom-width: 1px;
        border-style: solid
    }
    .phone--bo-r--1 {
        border: 0;
        border-right-width: 1px;
        border-style: solid
    }
    .phone--bo-tr--1 {
        border: 0;
        border-right-width: 1px;
        border-top-width: 1px;
        border-style: solid
    }
    .phone--text--right {
        text-align: right
    }
    .phone--position--static {
        position: static!important
    }
    .pb--footer {
        padding-bottom: 340px!important
    }
    .phone--mt\+ {
        margin-top: 42px
    }
    .phone--min-height--0 {
        min-height: 0
    }
    .phone--is-showing-nav {
        max-height: 1000px;
        overflow: hidden;
        transition: max-height .8s
    }
    .phone--is-hiding-nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s
    }
    .phone--pb--footer {
        padding-bottom: 72px!important
    }
    .phone--pv--- {
        padding-top: 3px!important;
        padding-bottom: 3px!important
    }
    .phone--flex--flex-direction--column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .phone--flex--wrap {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .phone--flex--justify-content--start {
      -webkit-justify-content: flex-start !important;
      -ms-justify-content: flex-start !important;
      justify-content: flex-start !important;

    }
    .phone--height--auto {
        height: auto!important
    }
    .phone--text--left {
        text-align: left
    }
    .phone--col-2-10 {
        width: 20%
    }
    .phone--mt {
        margin-top: 20px!important
    }
    .phone--mv {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .phone--pv {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .phone--ph {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .phone--ph+ {
        padding-left: 40px!important;
        padding-right: 40px!important
    }
    .phone--pl {
        padding-left: 20px!important
    }
    .phone--pb {
        padding-bottom: 20px!important
    }
    .phone--font--200 {
        font-size: 200px
    }
    .phone--mb0 {
        margin-bottom: 0
    }
    .phone--p0 {
        padding: 0!important
    }
    .phone--font--h7 {
        font-size: 11px!important
    }
    .phone--font--h6 {
        font-size: 12px!important
    }
    .phone--font--h5 {
        font-size: 14px!important;
        line-height: 20px!important;
    }
    .phone--font--h4 {
        font-size: 18px!important;
        line-height: 32px!important;
    }
    .phone--font--h3 {
        font-size: 20px!important;
        line-height: 32px!important;
    }
    .phone--font--h2 {
        font-size: 24px!important;
        line-height: 36px!important;
    }
    .phone--font--h1 {
        font-size: 36px!important;
        line-height: 48px;
    }
    .is-showing-signup {
        max-height: 400px
    }
    .phone--no-push {
        left: auto
    }
}
@media screen and (min-width:780px) {
    .desk--grid--middle>.grid__item {
        vertical-align: middle
    }
    .desk--container {
        max-width: 1002px;
        margin: 0 auto;
        padding: 0 21px
    }
    .desk--pv {
        padding-top: 21px!important;
        padding-bottom: 21px!important
    }
    .desk--hide {
        display: none!important
    }
    .desk--inline-block {
        display: inline-block!important
    }
}
.border-color--hover--primary:hover {
    border-color: #00afd7
}
.btn--black {
    background-color: #202528;
    color: #fff;
    border-radius: 5px
}
.btn--black:hover {
    background-color: #00afd7;
    color: #fff
}
body {
    -webkit-font-smoothing: antialiased
}
.h--60 {
    height: 60%
}
.top--13 {
    top: 13px
}
.width--200 {
    width: 200px;
}
.width--300 {
    width: 300px;
}
.nav--footer {
    position: relative;
    width: auto;
    bottom: auto;
    left: auto
}
.flex-1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.flex-2 {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}
.flex-3 {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.flex-4 {
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4
}
.flex-5 {
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5
}
.flex-6 {
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6
}
.flex-7 {
    -webkit-flex: 7;
    -ms-flex: 7;
    flex: 7
}
.flex-8 {
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8
}
.flex-9 {
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9
}
.flex-10 {
    -webkit-flex: 10;
    -ms-flex: 10;
    flex: 10
}
.flex-11 {
    -webkit-flex: 11;
    -ms-flex: 11;
    flex: 11
}
.flex-12 {
    -webkit-flex: 12;
    -ms-flex: 12;
    flex: 12
}
.overflow--visible {
    overflow: visible
}
.min-height--vh {
    min-height: 100vh
}
.min-height--75vh {
    min-height: 75vh
}
.min-height--90vh {
    min-height: 90vh
}
.min-height--85vh {
    min-height: 85vh
}
.min-height--170 {
    min-height: 170px
}
.link--no-underline:hover {
    text-decoration: none
}
.arrow-bottom {
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #94a2aa;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    z-index: 1
}
.arrow-top {
    height: 0;
    width: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    position: absolute;
    top: -10px;
    left: 1px;
    z-index: 1
}
.h--100 {
    height: 100%
}
.scroll--224 {
    max-height: 224px;
    overflow-y: auto;
    overflow-x: hidden
}
.hover-background--white-light:hover {
    background-color: #e2e3e4
}
.status-indicator--good {
    background-color: #97d700
}
.status-indicator--bad {
    background-color: #f9423a
}
.status-indicator--update {
    background-color: #ff921c
}
.circle-- {
    width: 5px;
    height: 5px;
    border-radius: 2.5px
}
.circle- {
    width: 10px;
    height: 10px;
    border-radius: 5px
}
.circle {
    width: 20px;
    height: 20px;
    border-radius: 10px
}
.circle\+ {
    width: 40px;
    height: 40px;
    border-radius: 20px
}
.circle\+\+ {
    width: 80px;
    height: 80px;
    border-radius: 40px
}
.flex--justify-content--space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.align-self--start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.align-self--end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.align-self--center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.vert-line {
    width: 1px;
    height: 30px
}
.agent-circle {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    border: 1px solid #94a2aa
}
.h-2 {
    height: 2px
}
.m0a {
    margin: 0 auto
}
.flex-gutter {
    width: 20px
}
.top--n4 {
    top: -4px
}
textarea.code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 86%;
    background-color: #231f20;
    color: #fff
}
.ta-resize--none {
    resize: none
}
.h-70 {
    height: 70px
}
.flex--ai--fe {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.focus--border-color--muted:focus {
    border-color: #94a2aa!important
}
.copy-tooltip {
    top: -32px;
    left: -44px;
    padding: 5px;
    background-color: #000;
    color: #fff;
    min-width: 120px
}
.tooltip-triangle {
    border-top: solid 8px #231f20;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -12px;
    height: 0;
    width: 0;
    position: absolute
}
.w--1 {
    width: 1px
}
.font--h8 {
    font-size: 11px
}
.h--auto {
    height: auto
}
.container {
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 5px
}
.btn--transparent--icon-hover {
    background-color: transparent
}
.btn--transparent--icon-hover i {
    visibility: hidden
}
.btn--transparent--icon-hover:hover {
    background-color: transparent
}
.btn--transparent--icon-hover:hover i {
    visibility: visible
}
.link--icon-hover i {
    visibility: hidden
}
.link--icon-hover:hover i {
    visibility: visible
}
.h7 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1
}
.font--100 {
    font-size: 100px
}
.font--400 {
    font-size: 400px
}
.max-width--45 {
    max-width: 45px
}
.max-height--45 {
    max-height: 45px
}
.max-height--35 {
    max-height: 35px
}
.circle-with-icon {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    margin: auto;
    border: 1px solid;
    text-align: center
}
.circle-with-icon i {
    top: 16px;
    position: relative
}
.landing-top-section {
    height: 768px
}
.-ml--1 {
    margin-left: -1px
}
.color--red {
    color: #f9423a
}
.color--yellow {
    color: #f7aa0f
}
.color--orange {
    color: #ff921c
}
.color--blue {
    color: #00afd7
}
.border-color--red {
    border-color: #f9423a
}
.border-color--yellow {
    border-color: #f7aa0f
}
.border-color--orange {
    border-color: #ff921c
}
.border-color--blue {
    border-color: #00afd7
}
.flex--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flex--flex-direction--column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.flex--align-items--stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.flex--align-self--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}
.flex--justify-content--center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.flex-grow--1 {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.h-615 {
    height: 615px
}
.bo--1__trans {
    border: 1px solid transparent
}
.menu-options:hover .icon--grow {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.font--200 {
    font-size: 200px
}
.font--300 {
    font-size: 300px
}
.icon--grow {
    transition-duration: .2s;
    transition-property: -webkit-transform;
    transition-property: transform
}
.icon--grow.active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.github-input::-webkit-input-placeholder::before {
    font-family: FontAwesome;
    content: '\f09b  ';
    color: #202528
}
.github-input::-moz-placeholder::before {
    font-family: FontAwesome;
    content: '\f09b  ';
    color: #202528
}
.github-input:-ms-input-placeholder::before {
    font-family: FontAwesome;
    content: '\f09b  ';
    color: #202528
}
.github-input:-moz-placeholder::before {
    font-family: FontAwesome;
    content: '\f09b  ';
    color: #202528
}
.input__accent--black::-webkit-input-placeholder {
    color: #202528
}
.input__accent--black::-moz-placeholder {
    color: #202528
}
.input__accent--black:-ms-input-placeholder {
    color: #202528
}
.input__accent--black:-moz-placeholder {
    color: #202528
}
.input__accent--white::-webkit-input-placeholder {
    color: #fff
}
.input__accent--white::-moz-placeholder {
    color: #fff
}
.input__accent--white:-ms-input-placeholder {
    color: #fff
}
.input__accent--white:-moz-placeholder {
    color: #fff
}
.input__accent-ta--white::-webkit-input-placeholder {
    color: #fff
}
.input__accent-ta--white::-moz-placeholder {
    color: #fff
}
.input__accent-ta--white:-ms-input-placeholder {
    color: #fff
}
.input__accent-ta--white:-moz-placeholder {
    color: #fff
}
.input__accent--black {
    border-width: 0 0 1px;
    border-color: #202528;
    border-style: solid;
    color: #202528;
    background-color: transparent
}
.input__accent--white {
    border-width: 0 0 1px;
    border-color: #fff;
    border-style: solid;
    color: #fff;
    background-color: transparent
}
.input__accent-ta--white {
    border-width: 0 1px 1px 0;
    border-color: #fff;
    border-style: solid;
    color: #fff;
    background-color: transparent
}
.input__accent--black:focus {
    border-color: #202528
}
.input__accent--white:focus, .input__accent-ta--white:focus {
    border-color: #fff
}
.input__underscore--black {
    font-size: 30px;
    color: #202528;
    position: absolute;
    bottom: 0
}
.input__underscore--white {
    font-size: 30px;
    color: #fff;
    position: absolute;
    bottom: 0
}
.btn--white {
    border-bottom: 1px solid transparent;
    border-radius: 0
}
.btn--white:hover {
    background-color: #fff;
    border-bottom: 1px solid #202528
}
.font-size--300 {
    font-size: 300px
}
@media screen and (min-width:780px) and (max-width:1279px) {
    .navbar__item .h7 {
        font-size: 1.2vw!important
    }
    .sub--nav .navbar__item .btn {
        padding: 16px 2px 2px 10px!important
    }
    .flexible-fixed-container {
        min-width: inherit!important;
        max-width: inherit!important
    }
}
@media screen and (max-width:779px) {
    .phone--flex--flex-direction--column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container {
        max-width: 1280px;
        min-width: inherit;
        width: auto;
        padding: 0 20px
    }
    .phone--height--auto {
        height: auto!important
    }
    .phone--text--left {
        text-align: left
    }
    .phone--col-1-6, .phone--col-2-12 {
        width: 16.6666667%
    }
    .phone--col-4-6 {
        width: 66.6666666%
    }
    .phone--mv {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }
    .phone--pv {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }
    .phone--ph {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .phone--ph+ {
        padding-left: 40px!important;
        padding-right: 40px!important
    }
    .phone--pl {
        padding-left: 20px!important
    }
    .phone--pl- {
        padding-left: 10px!important
    }
    .phone--pl-- {
        padding-left: 5px!important
    }
    .phone--pt {
        padding-top: 20px
    }
    .phone--pb {
        padding-bottom: 20px!important
    }
    .phone--font--200 {
        font-size: 200px
    }
    .phone--mb0 {
        margin-bottom: 0
    }
    .phone--p0 {
        padding: 0!important
    }
    .is-showing-signup {
        max-height: 400px
    }
    .phone--no-push {
        left: auto
    }
    .phone--no-flex {
        -webkit-flex: auto!important;
        -ms-flex: auto!important;
        flex: auto!important
    }
    .phone--col-1-5, .phone--col-2-10 {
        width: 20%!important
    }
    .phone--col-4-5, .phone--col-8-10 {
        width: 80%!important
    }
    .phone--col-2-5, .phone--col-4-10 {
        width: 40%!important
    }
    .phone--col-5-10 {
        width: 50%!important
    }
    .phone--col-3-5, .phone--col-6-10 {
        width: 60%!important
    }
    .phone--col-1-10 {
        width: 10%!important
    }
    .phone--col-3-10 {
        width: 30%!important
    }
    .phone--bo--r-0 {
        border-right-width: 0
    }
    .phone--pt- {
        padding-top: 10px
    }
    .phone--ml-- {
        margin-left: 5px
    }
    .phone--ml {
        margin-left: 21px!important
    }
    .phone--mr {
        margin-right: 21px!important
    }
    .phone--mt {
        margin-top: 21px!important
    }
    .phone--mb {
        margin-bottom: 21px!important
    }
    .phone--ml- {
        margin-left: 11px!important
    }
    .phone--mr- {
        margin-right: 11px!important
    }
    .phone--mt- {
        margin-top: 11px!important
    }
    .phone--mb- {
        margin-bottom: 11px!important
    }
    .phone--no-overflow {
        white-space: initial;
        word-break: break-word
    }
    .phone--min-height--60 {
        min-height: 60px
    }
    .phone--bo-l--1 {
        border-width: 0 0 0 1px;
        border-style: solid
    }
    .phone--bo-0 {
        border-width: 0
    }
    .phone--pr0 {
        padding-right: 0!important
    }
    .phone--justify-content--start {
        -ms-flex-pack: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}
.sub--nav .navbar__item .btn {
    background-color: #fff;
    color: #202528;
    border-bottom: 5px solid;
    border-color: transparent;
    border-radius: 0;
    padding: 16px 20px 10px
}
.sub--nav .navbar__item .btn.active {
    background-color: #fff;
    border-color: #202528
}
.docs-menu h6.active {
  background-color: #202528;
  border-color: #fff
}
.docs-menu h6 {
  color: #202528;
  border-bottom: 5px solid;
  border-color: transparent;
  border-radius: 0;
}

@media not screen and (device-width:768px) {
    .top--nav .navbar__item .btn.btn--nav-default.active,
    .docs-menu h6.active,
    .top--nav .navbar__item .btn.btn--nav-default:hover {
        border-bottom-color: #00AFD7;
    }
    .docs-menu h6:hover {
        border-bottom-color: #00AFD7;
    }
}
.sub--nav {
    padding-bottom: 2px
}
#header--sub-nav {
    border-bottom: 1px solid #202528
}
#tour--how-it-works--btn.active {
    color: #ff921c
}
#tour--why-sourceclear--btn.active {
    color: #97d700
}
#tour--works-how-you-work--btn.active {
    color: #f7aa0f
}
#tour--secure-open-source-development--btn.active {
    color: #00afd7
}
#tour--new-software-supply-chain--btn.active {
    color: #f9423a
}
.container--full.drop-shadow {
    box-shadow: 0px 2px 4px 0px rgba(100, 100, 100, 0.3);
}
.top--nav .navbar__item {
    padding: 0px 20px;
}
top-nav .sci__sourceclear-logo--primary.sci--sm {
  font-size: 1.1em;
}
.top--nav .navbar__item .btn {
    min-width: auto;
}
.top--nav.pages .navbar__item .btn {
    font-weight: 400;
}
.top--nav .navbar__item .btn.btn--nav-default {
    border-radius: 0;
    border-width: 0;
    border-bottom: 3px solid transparent;
    font-size: 16px;
    min-width: auto;
    padding: 14px 0px
}
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.flex--align-items--center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.flex--justify-content--end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.flex--justify-content--start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.flex--justify-content--space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.nav--search__label {
    position: relative;
    cursor: pointer;
    margin-left: -30px;
    color: #fff
}
.nav--search__input {
    width: 0;
    color: transparent;
    cursor: pointer;
    outline: 0;
    background: #202528;
    border: 0;
    padding: 10px 0;
    transition: all .5s
}
.nav--search__input:-moz-placeholder {
    color: transparent
}
.nav--search__input::-webkit-input-placeholder {
    color: transparent
}
.nav--search__input:hover+.nav--search__label {
    color: #00afd7
}
.nav--search__input:focus+.nav--search__label {
    color: #202528
}
.nav--search__input:focus:-moz-placeholder {
    color: #3d3d3d
}
.nav--search__input:focus::-webkit-input-placeholder {
    color: #3d3d3d
}
.nav--search__input:focus {
    width: 100%;
    color: #202528;
    background-color: #fff;
    cursor: auto;
    padding-left: 10px
}
.nav--search__input::-webkit-search-cancel-button, .nav--search__input::-webkit-search-decoration {
    display: none
}
.top--nav .nav--divider {
    border-left: 1px solid #94a2aa;
    height: 26px;
    display: inline-block
}
.height--35 {
    height: 35px
}
.font--5 {
    font-size: 5px
}
.bottom--20 {
    bottom: 20px
}
.-right--14 {
    right: -14px
}
.badge--cvss-score:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 14px solid transparent
}
.badge--cvss-score.isTen:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent
}
.badge--cvss-score.high:after {
    border-top: 10px solid #f9423a
}
.badge--cvss-score.medium:after {
    border-top: 10px solid #ff921c
}
.badge--cvss-score.low:after {
    border-top: 10px solid #ffb81c
}
.flex--align-content--space-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}
.flex--align-content--stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}
.flex--flex-wrap--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.font-family--heading {
    font-family: "Simple Regular", Roboto, "Helvetica Neue", Arial, sans-serif!important
}
.font-family--body {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif!important
}
.font-family--body-light {
    font-family: "Roboto Light", Roboto, "Helvetica Neue", Arial, sans-serif!important
}
.antialiased {
    -webkit-font-smoothing: antialiased
}
.border-color--transparent {
    border-color: transparent
}
.top--22 {
    top: 22px
}
.font--16 {
    font-size: 16px
}
.min-width--240 {
  min-width: 240px;
}
.max-width--360 {
  max-width: 360px;
}
.max-width--420 {
  max-width: 420px;
}
.min-height--180 {
    min-height: 180px
}
.min-height--70 {
    height: 70px;
    min-height: 70px
}
.navbar__item.active:after {
    content: '\e916'
}
.hover-menu:after {
    content: '\e90e'
}
.width--1200 {
    width: 1200px
}
.no-responsive {
    min-width: 1210px
}
.top--51 {
    top: 51px
}
.col-1-13 {
    width: 7.6923076%;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.cursor--not-allowed {
    cursor: not-allowed
}
.top--25 {
    top: 25px
}
.markdown--artifact {
    background-color: #fff
}
.markdown--artifact code {
    background-color: #eaf7fb;
    color: #00afd7
}
.markdown--artifact pre {
    background-color: #eaf7fb;
    border: 0
}
.markdown--artifact pre code {
    background-color: transparent;
    font-size: 14px;
    color: #202528
}
.markdown--artifact img {
    max-width: 100%
}
.markdown--artifact h1, .markdown--artifact h2, .markdown--artifact h3, .markdown--artifact h4, .markdown--artifact h5 {
    font-size: 13px;
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700
}
.color-hover--white:hover {
    color: #fff
}
.bg-color-hover--primary:hover {
    background-color: #00afd7
}
.transition--0-4 {
    transition: .4s all ease
}
.min-height--85 {
    min-height: 85px
}
.bg-color--added {
    background-color: #eaffea
}
.bg-color--deleted {
    background-color: rgba(251, 104, 121, .6);
    background-color: #ffecec
}
.bg-color--edited {
    background-color: rgba(162, 221, 236, .6)
}
.CodeMirror, .CodeMirror-scroll {
    min-height: 30px;
    max-height: 300px;
    overflow: auto
}
.border-style--dashed {
    border-style: dashed!important
}
.bo-rbl--1 {
    border-width: 0 1px 1px
}
.circle--10 {
    width: 10px;
    height: 10px;
    border-radius: 5px
}
.bg-color--edited-light {
    background-color: rgba(162, 221, 236, .3)
}
.cursor-on-hover--move:hover {
    cursor: move
}
.min-height--50 {
    min-height: 50px
}
.popover {
    display: inline-block;
    position: relative
}
.popover-content {
    position: absolute;
    word-wrap: break-word;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    font-size: .9375em;
    line-height: 1.4em;
    padding: 10px;
    z-index: 2;
    text-align: left;
    color: #555
}
.popover-content.bottom:before {
    top: -14px;
    border-bottom-color: #fff;
    border-top: none
}
.popover-content:after, .popover-content:before {
    content: '';
    position: absolute;
    border: 14px solid transparent;
    left: 10px
}

.popover-content.right:after, .popover-content.right:before {
    left: auto;
    right: 5px
}
.w--300p {
    width: 300px
}
.min-height--45 {
    min-height: 45px
}
.label--checkbox {
    padding-left: initial
}
.label--checkbox input {
    float: none;
    margin-left: initial;
    margin-right: initial
}
.react--checkbox {
    position: relative;
    display: inline-block;
    margin-left: -1.1em;
    margin-right: .5em;
    vertical-align: top;
    width: 1.2857142857em;
    height: 1.2857142857em;
    border-radius: 0;
    border: 1px solid #94a2aa;
    background-color: #fff
}
label:hover .react--checkbox {
    border-color: #00afd7
}
input:checked+.react--checkbox {
    background-color: #0082ba;
    border-color: #0082ba
}
label:hover input:checked+.react--checkbox {
    border-color: #00afd7
}
input:disabled+.react--checkbox, input[disabled]+.react--checkbox {
    background-color: #dadcdf;
    border-color: #dadcdf
}
label:hover input:disabled+.react--checkbox, label:hover input[disabled]+.react--checkbox {
    border-color: #dadcdf
}
.react--checkbox:before {
    content: " ";
    display: block;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border: 2px solid transparent;
    border-top: 0;
    border-right: 0
}
input:checked+.react--checkbox:before {
    width: 75%;
    height: 35%;
    border-color: #fff;
    -webkit-transform: translateX(-50%) translateY(-70%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-70%) rotate(-45deg);
    transform: translateX(-50%) translateY(-70%) rotate(-45deg)
}
.bg-color--white-medium {
    background-color: #f5f5f5
}
.bo-b--8 {
    border-bottom-width: 8px;
    border-bottom-style: solid
}
.mt--- {
    margin-top: 3px
}
.active-arrow-bottom {
    height: 0;
    width: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #00afd7;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    bottom: -10px
}
.active-arrow-top {
    height: 0;
    width: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: -13px;
    left: -14px
}
.label--radio {
    padding-left: initial
}
.label--radio input {
    float: none;
    margin-left: initial;
    margin-right: initial
}
.react--radio {
    position: relative;
    display: inline-block;
    margin-left: -1.1em;
    margin-right: .5em;
    vertical-align: top;
    width: 1.2857142857em;
    height: 1.2857142857em;
    border: 1px solid #94a2aa;
    background-color: #fff;
    transition: all .2s ease
}
label:hover .react--radio {
    border-color: #00afd7
}
input:checked+.react--radio {
    background-color: #0082ba;
    border-color: #0082ba
}
label:hover input:checked+.react--radio {
    border-color: #00afd7
}
input:disabled+.react--radio {
    background-color: #dadcdf;
    border-color: #dadcdf
}
label:hover input:disabled+.react--radio {
    border-color: #dadcdf
}
.react--radio:before {
    content: " ";
    display: block
}
.react--radio {
    border-radius: 1000px
}
.react--radio:before {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    border-radius: 1000px;
    transition: all .2s ease
}
input:checked+.react--radio:before, input[checked]+.react--radio:before {
    width: .5em;
    height: .5em
}
.max-height--400 {
    max-height: 400px;
    overflow: auto
}
.h--10 {
    height: 10px
}
.top--0 {
    top: 0
}
.left--neg-10 {
    left: -10px
}
.left--0 {
    left: 0
}
.font-family--diff {
    font-family: Helvetica, Roboto, Roboto Light, arial, sans-serif
}
.top--5 {
    top: 5px
}
.left--5 {
    left: 5px
}
.left--10 {
    left: 10px
}
.-mt--52 {
    margin-top: -52px
}
.top--40 {
    top: 40px
}
.sci--huge {
    font-size: 14em
}
.pad-ref-links {
    padding-top: 9px!important
}
.input-underscore-white-bottom {
    bottom: auto!important
}
.textarea-res-helper {
    min-height: 250px
}
.is-showing-400--scroll {
    max-height: 400px;
    overflow: auto;
    transition: max-height .8s
}
.select-form-padding {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: 15px!important;
    padding-bottom: 7px!important
}
@-moz-document url-prefix() {
    .select-form-padding {
        padding-top: 6px!important;
        padding-bottom: 7px!important
    }
}
.top--neg-5 {
    top: -5px
}
.left--neg-50 {
    left: -50px
}
.font--250 {
    font-size: 250px
}
.border-color--hover--black-dark:hover {
    border-color: #202528
}
.nav-link--tour {
    border-bottom: 5px;
    border-color: transparent
}
.boat {
    position: absolute;
    z-index: 1000;
    bottom: -3px;
    left: 1050px;
    -webkit-animation: move 20s infinite;
    -moz-animation: move 20s infinite
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes float {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(1);
        transform: translate3d(0px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: translate3d(-500px, 0, 0) scaleX(1);
        transform: translate3d(-500px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    50% {
        -webkit-transform: translate3d(-500px, 0, 0) scaleX(-1);
        transform: translate3d(-500px, 0, 0) scaleX(-1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    90% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(-1);
        transform: translate3d(0px, 0, 0) scaleX(-1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(1);
        transform: translate3d(0px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}
@keyframes move {
    0% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(1);
        transform: translate3d(0px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: translate3d(-500px, 0, 0) scaleX(1);
        transform: translate3d(-500px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    50% {
        -webkit-transform: translate3d(-500px, 0, 0) scaleX(-1);
        transform: translate3d(-500px, 0, 0) scaleX(-1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    90% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(-1);
        transform: translate3d(0px, 0, 0) scaleX(-1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translate3d(0px, 0, 0) scaleX(1);
        transform: translate3d(0px, 0, 0) scaleX(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}
.boat:hover .steam-blower {
    background-color: #fff
}
.boat:hover .boat-bottom {
    border-top-color: red
}
.boat-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.steam-blower {
    height: 5px;
    width: 2px;
    background-color: #000
}
.boat-bottom {
    height: 0;
    width: 30px;
    border-left: 6px solid transparent;
    border-right: 0;
    border-top: 8px solid #000
}
.hidden-vuln-text {
    position: absolute;
    top: 285px;
    left: 335px;
    font-size: 20px;
    text-align: center
}
.water-line {
    margin-top: 3px;
    height: 5px;
    width: 60%;
    z-index: 10000000;
    background-color: #00AFD8
}
.iceberg {
    position: absolute;
    left: 0;
    top: -48px;
    animation: float 3s infinite;
    -webkit-animation: float 3s infinite;
    -moz-animation: float 3s infinite
}
.layer-0 {
    height: 0;
    width: 0;
    position: relative;
    left: 380px;
    border-left: 40px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 50px solid #fff
}
.layer-1 {
    height: 0;
    width: 240px;
    border-left: 80px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 100px solid #D4EFF6;
    position: relative;
    left: 300px
}
.layer-2 {
    height: 0;
    position: relative;
    left: 204px;
    width: 490px;
    border-left: 96px solid transparent;
    border-right: 154px solid transparent;
    border-bottom: 120px solid #D4EFF6
}
.layer-3 {
    height: 80px;
    position: relative;
    left: 140px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.left-tri {
    height: 0;
    width: 0;
    border-left: 64px solid transparent;
    border-bottom: 80px solid #D4EFF6
}
.right-quad {
    width: 490px;
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    border-top: 80px solid #D4EFF6
}
.layer-4 {
    height: 0;
    position: relative;
    left: 140px;
    width: 544px;
    border-left: 60px solid transparent;
    border-right: 15px solid transparent;
    border-top: 120px solid #D4EFF6
}
.layer-5 {
    height: 0;
    position: relative;
    left: 200px;
    width: 469px;
    border-left: 60px solid transparent;
    border-right: 49px solid transparent;
    border-top: 120px solid #D4EFF6
}
.layer-6 {
    height: 0;
    width: 0;
    position: relative;
    left: 260px;
    border-left: 30px solid transparent;
    border-right: 330px solid transparent;
    border-top: 60px solid #D4EFF6
}
.cve-text {
    bottom: 20px;
    left: 230px
}
.cve-line {
    position: absolute;
    position: absolute;
    width: 165px;
    background-color: #202528;
    height: 1px;
    bottom: 19px;
    left: 230px
}
.h-675 {
    height: 675px
}
.flex--align-items--flex-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.h-75 {
    height: 75px
}
.color-hover--primary:hover {
    color: #00afd7
}
.pv--- {
    padding-top: 2px!important;
    padding-bottom: 2px!important
}
.ph--- {
    padding-left: 2px!important;
    padding-right: 2px!important
}
.pt--- {
    padding-top: 2px!important
}
.pb--- {
    padding-bottom: 2px!important
}
.pl--- {
    padding-left: 2px!important
}
.pr--- {
    padding-right: 2px!important
}
.p--- {
    padding: 2px!important
}
.enhanced-artifact-pt--- {
    padding-top: 3px!important
}
.is-showing-200--scroll {
    max-height: 200px;
    overflow: auto;
    transition: max-height .8s
}
.is-showing-300--scroll {
    max-height: 300px;
    overflow: auto;
    transition: max-height .8s
}
.min-height--390 {
    min-height: 390px
}
.min-height--250 {
    min-height: 250px
}
.is-showing-400-spv {
    max-height: 400px;
    overflow: hidden
}
.is-showing-200-spv {
    max-height: 250px;
    overflow: hidden
}
.lh\+ {
    line-height: 1.5!important
}
.max--col-1-4 {
    max-width: 25%;
    width: inherit;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.bo-rad--top-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.circle--13 {
    height: 13px;
    width: 13px;
    border-radius: 50%
}
.left--neg-30 {
    left: -30px
}
.disc--stats {
    height: 35px;
    width: 150px;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .5;
    position: absolute;
    transition: .5s all ease
}
.disc--stats.artifact--inactive {
    opacity: .35;
    border-color: #94a2aa
}
.disc--stats.library--inactive {
    border-color: #94a2aa
}
.link--white-primary {
    text-decoration: none;
    color: #fff
}
.link--white-primary:active, .link--white-primary:focus, .link--white-primary:hover {
    text-decoration: none;
    color: #00afd7
}
.font--11 {
    font-size: 11px
}
.square--8 {
    height: 8px;
    width: 8px
}
.font--10 {
    font-size: 10px
}
.min-height--225 {
    min-height: 225px
}
.left--35 {
    left: 35px
}
.min-height--65 {
    min-height: 65px
}
.min-height--120 {
    min-height: 120px
}
.min-height--100 {
    min-height: 100px
}
.height--100 {
    height: 100px
}
.height--100pc {
    height: 100%;
}
#releasesByYear .c3-axis-x-label, #releasesByYear tspan {
    fill: #202528
}
.min-height--300 {
    min-height: 300px
}
.max-height--300 {
    max-height: 300px;
    overflow: auto
}
.width--100pc {
    width: 100%;
}
.top--neg-25 {
    top: -25px
}
.max-width--675 {
    max-width: 675px
}
.max-width--786 {
    max-width: 786px
}
.max-width--860 {
    max-width: 860px
}
.max-width--100pc {
    max-width: 100%;
}
.weight--bold {
    font-weight: 700
}
.spv-box-table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    width: 70px;
    height: 60px
}
.spv-box-table td, .spv-box-table tr {
    padding: 0;
    margin: 0
}
.isShowing--scroll-400 {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    transition: max-height .8s
}
.flex--nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.min-height--350 {
    min-height: 350px
}
.min-height--210 {
    min-height: 210px
}
.billing-arrow-bottom {
    height: 0;
    width: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid #00afd7;
    position: relative;
    margin-left: -14px
}
.billing-arrow-top {
    height: 0;
    width: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 9px solid #fff;
    position: relative;
    top: -12px;
    left: -14px
}
.left--15 {
    left: 15%
}
.left--50 {
    left: 50%
}
.left--83 {
    left: 83%
}
.left--24 {
    left: 24%
}
.left--75 {
    left: 75%
}
.height--40 {
    height: 40px
}
.width--40 {
    width: 40px
}
.active--primary:active, .active--primary:focus, .focus--primary:active, .focus--primary:focus {
    color: #00afd7
}
.ease-width {
    transition: width 1s ease
}
.min-height--205 {
    min-height: 205px
}
.height--205 {
    height: 205px
}
.min-height--75 {
    min-height: 75px
}
.flex--align-items--flex-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.font-family--code {
    font-size: 100%
}
.height--300 {
    height: 300px
}
.height--600 {
    height: 600px
}
.height--400 {
    height: 400px
}
.height--70vh {
    height: 70vh
}
.height--100vh {
    height: 100vh
}
.flex--footer, .flex--header {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.flex--content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.active--white:active, .active--white:focus, .focus--white:active, .focus--white:focus {
    color: #fff
}
.height--78 {
    height: 78px
}
.min-width--col-1-50 {
    min-width: 2%
}
.min-width--col-2-50 {
    min-width: 4%
}
.min-width--col-3-50 {
    min-width: 6%
}
.min-width--col-4-50 {
    min-width: 8%
}
.min-width--col-5-50 {
    min-width: 10%
}
.min-width--col-6-50 {
    min-width: 12%
}
.min-width--col-7-50 {
    min-width: 14%
}
.min-width--col-8-50 {
    min-width: 16%
}
.min-width--col-9-50 {
    min-width: 18%
}
.min-width--col-10-50 {
    min-width: 20%
}
.min-width--col-11-50 {
    min-width: 22%
}
.min-width--col-12-50 {
    min-width: 24%
}
.min-width--col-13-50 {
    min-width: 26%
}
.min-width--col-14-50 {
    min-width: 28%
}
.min-width--col-15-50 {
    min-width: 30%
}
.min-width--col-16-50 {
    min-width: 32%
}
.min-width--col-17-50 {
    min-width: 34%
}
.min-width--col-18-50 {
    min-width: 36%
}
.min-width--col-19-50 {
    min-width: 38%
}
.min-width--col-20-50 {
    min-width: 40%
}
.min-width--col-21-50 {
    min-width: 42%
}
.min-width--col-22-50 {
    min-width: 44%
}
.min-width--col-23-50 {
    min-width: 46%
}
.min-width--col-24-50 {
    min-width: 48%
}
.min-width--col-25-50 {
    min-width: 50%
}
.radio--normal {
    display: initial!important;
    opacity: 1!important
}
.bg-color--danger--message {
    background-color: #FDC6C4
}
.bg-color--primary--message {
    background-color: #B3E7F3
}
@-webkit-keyframes dot {
    0%, 50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes dot {
    0%, 50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.loading-ellipsis {
    opacity: 0;
    animation: dot 1s infinite;
    -webkit-animation: dot 1s infinite
}
.ellipsis--1 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s
}
.ellipsis--2 {
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}
.ellipsis--3 {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}
.height--47 {
    height: 47px
}
.word-wrap--break-word {
    word-wrap: break-word
}
.flex-grow--2 {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}
.data-tooltip {
    position: relative
}
.data-tooltip::after {
    background: rgba(51, 51, 51, .9);
    border-radius: .3rem;
    bottom: 100%;
    color: #fff;
    content: attr(data-tooltip);
    display: block;
    font-size: 1rem;
    left: 50%;
    line-height: 1.6rem;
    max-width: 32rem;
    min-width: 14rem;
    opacity: 0;
    overflow: hidden;
    padding: .6rem .8rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: all .4s ease .4s;
    z-index: 99
}
.data-tooltip.data-tooltip--pull-left::after {
    left: -50px
}
.data-tooltip:focus::after, .data-tooltip:hover::after {
    opacity: 1;
    -webkit-transform: translate(-50%, -.5rem);
    -ms-transform: translate(-50%, -.5rem);
    transform: translate(-50%, -.5rem)
}
.data-tooltip.disabled, .data-tooltip[disabled] {
    pointer-events: auto
}
.data-tooltip.tooltip-right::after {
    bottom: 50%;
    left: 100%;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}
.data-tooltip.data-tooltip-right:focus::after, .data-tooltip.data-tooltip-right:hover::after {
    -webkit-transform: translate(0.5rem, 50%);
    -ms-transform: translate(0.5rem, 50%);
    transform: translate(0.5rem, 50%)
}
.data-tooltip.data-tooltip-bottom::after {
    bottom: auto;
    top: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.data-tooltip.data-tooltip-bottom:focus::after, .data-tooltip.data-tooltip-bottom:hover::after {
    -webkit-transform: translate(-50%, .5rem);
    -ms-transform: translate(-50%, .5rem);
    transform: translate(-50%, .5rem)
}
.data-tooltip.data-tooltip-left::after {
    bottom: 50%;
    left: auto;
    right: 100%;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}
.data-tooltip.data-tooltip-left:focus::after, .data-tooltip.data-tooltip-left:hover::after {
    -webkit-transform: translate(-.5rem, 50%);
    -ms-transform: translate(-.5rem, 50%);
    transform: translate(-.5rem, 50%)
}
.flex-grow--3 {
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}
.max-width--30 {
    max-width: 30px
}
.placeholder--black-dark::-webkit-input-placeholder {
    color: #202528
}
.placeholder--black-dark::-moz-placeholder {
    color: #202528
}
.placeholder--black-dark:-ms-input-placeholder {
    color: #202528
}
.placeholder--black-dark:-moz-placeholder {
    color: #202528
}
.is-showing-1000 {
    max-height: 1000px;
    overflow: hidden;
    transition: max-height .8s
}
.is-showing-1000--scroll {
    max-height: 1000px;
    overflow: auto;
    transition: max-height .8s
}
.right--10 {
    right: 10px
}
.is-showing-800--delay {
    max-height: 800px;
    overflow: hidden;
    transition: max-height .8s ease .4s
}
.control--text.border-color--danger:focus {
    border-color: #f9423a
}
.grid--wider {
    margin-left: -80px
}
.grid--wider>.grid__item {
    padding-left: 80px
}

#header-logo {
  height: 60px;
  margin-top: 3px;
}

#homeSignupMiddle {
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  max-width: 350px
}

#illustrations-loop {
  height: 320px;
}

.hp-sub-headings {
  font-family: "Simple Regular", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.illustration-header {
  padding-bottom: 10px;
  border-bottom: 4px solid #000;
}

.illustration-header:hover {
  border-bottom: 12px solid #000;
  margin-bottom: -8px;
}

.illustration-header A {
    display: block;
    text-decoration: none;
}

.illustration-header A:hover {
    text-decoration: none;
}

.margin-auto {
  margin:auto;
}

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

.docs p { font-size: 15px; }



.highlight code {
  background-color: #fff;
  margin-bottom: 32px;
}
div.highlight {
  overflow: auto;
  margin-bottom: 1em;
}
.docs-menu a {
  text-decoration: none;
}

.hero {
  background: #FBFCFC;
  border: 1px solid #DADCDF;
}
@media screen and (min-width: 768px) {
  .hero--full {
    min-height: 70vh;
  }
  .hero.our-story .btn{
    min-width: auto;
    margin: 0 10px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    width: 60px;
  }
  .hero.map-sf {
    background-image: url('../images/map--sfGrant.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
  }
  .hero.map-sg {
    background-image: url('../images/map--sg.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
  }
}
.more--link {
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  text-decoration: none;
}
.more--link:after {
  content: ' \00BB';
}
.more--link:hover {
  text-decoration: underline;
}

code .p { padding: 0px !important; }
code .err { background-color: #fff !important; }
code { font-family: courier !important; }
.blog--content,
.blog--content p,
.blog--summary,
.blog--summary p {
  font-weight: 300;
  font-size: 20px;
  line-height: 40px;
}
@media screen and (max-width: 479px) {
  .blog--content,
  .blog--content p,
  .blog--summary,
  .blog--summary p {
    line-height: 34px;
  }

}
.blog p a {
  font-weight: inherit;
  color: #00AFD7;
  text-decoration: underline;
}
.blog img {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 100%;
  height: auto;
}
.blog blockquote {
  padding: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: 1px solid #d7d7d3;
  border-bottom: 1px solid #d7d7d3;
  font-style: italic;
  color: #c22824;
}
.blog pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.searchbox {
  position: relative;
}
.searchbox i.fa-search {
  height: 30px;
  position: absolute;
  right: 5px;
  top: 11px;
  width: 30px;
  z-index: 5;
}
.bo--muted {
  border-color: #D9D9D9;
}
.module--twoup .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px auto;
  height: 50px;
  width: 50px;
}
.module--twoup .image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px auto;
  height: 300px;
  width: 270px;
}
@media screen and (min-width: 780px) {
  .module--twoup .flex > div:first-child {
    border-right: 1px solid #D9D9D9;
  }
  .text--leading-40 {
    line-height: 40px;
  }
  .text--leading-28 {
    line-height: 28px;
  }
}

.price-grid ul li {
  font-size: 15px;
  line-height: 18px;
}

.price-grid > div {
  transition: border .5s ease-out, box-shadow .5s ease-out;
}
.price-grid > div.active {
  border-color: #0082BA;
  box-shadow: 0px 2px 4px 2px rgba(0, 130, 186, 0.3);
  box-shadow: 0px 2px 4px 2px rgba(0, 130, 186, 0.2);
}
top-nav .container {
  max-height: 78px;
  overflow: auto;
  transition: max-height 0.5s ease-in-out;
}
top-nav .container.open {
  max-height: 100vh;
}
.callout a {
  color: #00AFD7;
}
.hover--color--muted:hover {
  color: #94a2aa;
}
.hover--color--blue:hover {
  color: #00AFD7;
}
a.hover--underline:hover {
  text-decoration: underline;
}
.underline--blue,
.hover--underline--blue:hover {
  border-bottom: 1px solid #00AFD7;
  text-decoration: none !important;
}
@media screen and (min-width: 480px) {
  .dl--horizontal {
    padding: 0;
    margin: 0;
  }
  .dl--horizontal dt {
     clear: left;
     float: left;
     font-size: 16px;
     font-weight: 400;
     overflow: hidden;
     margin-left: 0;
     padding-left: 0;
     text-align: left;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 160px;
   }
  .dl--horizontal dd {
     margin-left: 180px;
     margin-bottom: 30px;
   }
 }

 input.control--text.search {
   border-radius: 20px;
   display: inline-block;
   padding-right: 30px;
 }
/********** Marketo Form **********/
form.mktoForm,
form.mktoForm .mktoFieldWrap,
form.mktoForm .mktoFormCol {
  width: 100% !important;
}
form.mktoForm .mktoGutter,
form.mktoForm .mktoOffset {
  width: 0 !important;
}
form.mktoForm label.mktoLabel {
  height: 0px !important;
  margin: 0;
  padding: 0;
  width: 0px !important;
}
form.mktoForm label.mktoLabel .mktoAsterix {
  display: none;
}
form.mktoForm .mktoFieldWrap textarea.mktoField,
form.mktoForm .mktoFieldWrap input.mktoField {
  margin-top: 10px;
  height: 30px;
  width: 100% !important;
}
form.mktoForm .mktoFieldWrap textarea.mktoField {
  height: 100px;
}
form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
}
form.mktoForm .mktoButtonWrap,
form.mktoForm .mktoButtonRow {
  width: 100%;
}
form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton {
  background-color: #97d700;
  background-image: none;
  border-width: 0;
  color: #fff;
  display: inline-block;
  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  line-height: 14px;
  margin-top: 10px;
  padding: 14px 2em;
  width: 100%;
}
form.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover {
  border-width: 0px;
}
/********** Documentation pages *****************/
.docs-search .searchbox button.fa-search {
  border-radius: 0;
  background-color: transparent;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}
.documentation-content p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 32px;
    color: #717780;
}
.documentation-content a {
    font-weight: bold;
    color: #00AFD7;
    text-decoration: none;
}
.documentation-content img {
    display: block;
    margin: auto;
}
.documentation-content a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #00AFD7;
}
.documentation-content dl,
.documentation-content ol,
.documentation-content ul {
  color: #717780;
  font-size: 18px;
}
.documentation-content div>dl>li,
.documentation-content div>ol>li,
.documentation-content div>ul>li {
    margin-bottom: 18px;
}


/********* Pricing Slider *********/
.slider {
  position: relative;
}
.slider .mask {
  border: 1px solid #0082BA;
  border-radius: 8px;
  height: 76px;
  overflow: hidden;
  position: relative;
}
.slider label {
  color: #0082BA;
  font-size: 16px;
  left: 0px;
  right: 220px;
  text-align: center;
  pointer-events: none;
  position: absolute;
  top: 28px;
  z-index: 3;
}
.slider .amount {
  background-color: white;
  border-left: 1px solid #0082BA;
  color: #0082BA;
  right: 0px;
  padding: 19px 40px;
  position: absolute;
  top: 0px;
  width: 180px;
  z-index: 3;
}
.slider .amount:before {
  content: '$';
}
.slider .track {
  background-color: white;
  height: 76px;
  left: 0;
  margin-left: 32px;
  position: absolute;
  top: 0;
  width: 2000px;
  z-index: 2;
}
.slider .bg {
  background-color: #0082BA;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.slider .badge {
  display: inline-block;
  position: absolute;
  top: -30px;
  background-color: black;
  border-radius: 15px;
  color: white;
  height: 23px;
  padding: 3px 12px;
  margin-left: 6px;
  z-index: 5;
}
.slider .tick {
  background-color: #0082BA;
  height: 10px;
  margin-left: 32px;
  position: absolute;
  top: 0px;
  width: 1px;
  z-index: 6;
}
.slider .badge:after {
  content: '';
  bottom: -5px;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: black;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  display: block;
  left: 50%;
  margin-left: -5px;
  position: absolute;
}
.slider input[type=range] {
  background-color: transparent;
  border: 0px solid transparent;
  height: 76px;
  padding-right: 220px;
  position: absolute;
  width: 100%;
  z-index: 5;
  -webkit-appearance: none;
}
.slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  animate: 0.5s;
  border-radius: 8px;
  border-width: 0;
  background-color: #202528;
  background-image: url('../images/icon--slider-handle.svg');
  cursor: pointer;
  height: 38px;
  position: relative;
  width: 38px;
  z-index: 5;
}
.slider input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  animate: 0.5s;
  border-radius: 8px;
  border-width: 0;
  background-color: #202528;
  background-image: url('../images/icon--slider-handle.svg');
  cursor: pointer;
  height: 38px;
  position: absolute;
  width: 38px;
  z-index: 5;
}
.slider input[type=range]::-ms-thumb {
  animate: 0.5s;
  border-radius: 8px;
  border-width: 0;
  background-color: #202528;
  background-image: url('../images/icon--slider-handle.svg');
  cursor: pointer;
  height: 38px;
  position: absolute;
  width: 38px;
  z-index: 5;
}
.slider input[type=range]::-moz-range-track {
  background-color: transparent;
}
.slider input[type=range]::-ms-track,
.slider input[type=range]:focus::-ms-fill-upper,
.slider input[type=range]::-ms-fill-upper,
.slider input[type=range]:focus::-ms-fill-lower,
.slider input[type=range]::-ms-fill-lower {
  background-color: transparent;
}
.slider input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.slider input[type=range]:focus {
  outline: none;
}
@media screen and (max-width: 479px) {
  .slider label {
    top: 80px;
  }
}