:root {
    --color-primary: #28285b;
    --color-primary-b: #1a211a;
    --color-secondary: #49499e;
    --color-secondary-b: #898fde;
    --color-terciary: #e2d65d;
    --color-terciary-b: #e09d2f;
    --color-white: #fff;
    --color-white-aux: #e4e6f7;
    --color-white-aux-b: #e4e6f7;
    --color-black: #042122;
    --color-black-aux: #16163a;
    --color-grey: #343534;
    --color-grey-light: #f1f2fb;
    --color-light-background: #ddd;
    --color-line: #e8ac3c;
    --color-input-background: #646485;
    --color-dotnav: #8282b9;
    --color-forms-background: #e4e6f7;
    --color-forms-input: #585B8E;
    --color-forms-text: #28285B;
    --color-forms-button-text: #16163a;
    --color-background-grey: #F7F7F7;
    --color-danger: #ff0000
}

.mapsvg-wrap .mapsvg-tooltip {
    text-align: center
}

.mapsvg-wrap .mapsvg-directory-item {
    display: block;
    cursor: pointer;
    padding: 10px;
    font-size: 13px;
    line-height: 1;
    color: #fff
}

.mapsvg-wrap .mapsvg-directory-item:hover {
    background: rgba(255,255,255,.1)
}

.mapsvg-wrap .mapsvg-directory-item input[type=checkbox] {
    float: right
}

.entry-content .mapsvg-details-container {
    width: auto!important;
    font-size: 12pt;
    background: rgba(255,255,255,.95);
    margin: 15px
}

.entry-content .mapsvg-details-container div a,.entry-content .mapsvg-details-container p a {
    font-weight: 700;
    text-decoration: underline
}

.entry-content .comparer-wrapper .mapsvg-details-container {
    margin: 0
}

.entry-content .mapsvg-controller-view h4,.entry-content .mapsvg-details-container h4 {
    color: #28285b;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(40,40,91,.33)
}

.entry-content .mapsvg-controller-view h5,.entry-content .mapsvg-details-container h5 {
    font-size: 14pt;
    margin-top: 10px
}

.entry-content .mapsvg-controller-view p,.entry-content .mapsvg-details-container p {
    margin-bottom: 15px
}

.entry-content .mapsvg-controller-view ul,.entry-content .mapsvg-details-container ul {
    margin-bottom: 0;
    margin-top: 10px
}

.entry-content .mapsvg-btn {
    font-size: 12px;
    text-transform: uppercase;
    background: #6495ed;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    appearance: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer
}

.entry-content .mapsvg-btn.mapsvg-btn:hover {
    background: #28285b;
    color: #fff
}

.entry-content .mapsvg-btn.mapsvg-btn-compare {
    position: absolute;
    top: 0;
    right: 30px
}

.mapsvg-btn-compare {
    display: none
}

.entry-content .mapsvg-btn.mapsvg-btn-clear {
    position: absolute;
    top: 6px;
    right: 30px
}

.comparer-wrapper {
    min-height: 200px;
    background: rgba(0,0,0,.1);
    display: none;
    padding: 10px;
    position: relative;
    z-index: 1;
    clear: both
}

.comparer-wrapper:after,.comparer-wrapper:before {
    content: "";
    display: table;
    clear: both
}

.comparer-wrapper .mapsvg-controller-view,.comparer-wrapper .mapsvg-details-container {
    position: relative;
    z-index: 1;
    transform: none;
    min-height: 500px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px
}

.comparer-wrapper .mapsvg-controller-view .mapsvg-btn-compare,.comparer-wrapper .mapsvg-details-container .mapsvg-btn-compare {
    display: none
}

.comparer-wrapper h3 {
    margin-top: 10px;
    color: #28285b;
    font-size: 24px;
    line-height: 1
}

.mapsvg-buttons.right {
    margin: 20px 20px 0 0
}

.mapsvg-btn,.mapsvg-btn-map {
    background: 0 0;
    border: 0
}

.responsive-tabs-wrapper .responsive-tabs ul.responsive-tabs__list {
    margin-left: 0
}

.responsive-tabs-wrapper ul.responsive-tabs__list .responsive-tabs__list__item {
    border: 1px solid #8a8a8a;
    border-bottom: 0;
    color: #fff;
    background: #28285b;
    margin-right: 2px;
    border-radius: 4px 4px 0 0
}

.responsive-tabs-wrapper ul.responsive-tabs__list .responsive-tabs__list__item.responsive-tabs__list__item--active,.responsive-tabs-wrapper ul.responsive-tabs__list .responsive-tabs__list__item:hover {
    background: #fff;
    color: #28285b
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel {
    padding: 0;
    border: 1px solid #8a8a8a
}

.responsive-tabs__panel>br {
    display: none
}

.mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view>.form-group {
    margin: 10px 10px 0 auto!important
}

.map-legend {
    padding: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-align: right
}

.map-legend dd,.map-legend dt {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding: 0
}

.map-legend dt {
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.map-legend p:empty,.map-legend+p:empty {
    display: none
}

.map-legend+.responsive-tabs-wrapper .responsive-tabs ul.responsive-tabs__list,.map-legend+p:empty .responsive-tabs-wrapper .responsive-tabs ul.responsive-tabs__list {
    margin-top: 0
}

.map-legend+br {
    display: none
}

.map-legend+.responsive-tabs-wrapper,.map-legend+br+.responsive-tabs-wrapper,.map-legend+p+.responsive-tabs-wrapper {
    margin-top: -60px
}

.col-sm-3.control-label.mapsvg-filter-label,.map-legend-label {
    display: inline-block;
    text-transform: uppercase;
    color: #aaa;
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 0;
    transform: translateY(1px)
}

.col-sm-3.control-label.mapsvg-filter-label {
    margin-top: 4px!important
}

.responsive-tabs-wrapper p:empty {
    display: none
}

.mapsvg-wrap-all+br {
    display: none
}

.mapsvg-filters-wrap {
    text-align: right;
    padding: 5px 20px
}

.mapsvg-filters-wrap * {
    display: inline-block!important;
    vertical-align: top!important;
    float: none!important
}

path[style*="rgb(195, 197, 212)"],path[style*="rgb(255, 255, 255)"] {
    pointer-events: none
}

.js-copy-text {
    position: absolute;
    right: 55px;
    top: 14px;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    background-color: #8282b9;
    border-radius: 4px;
    color: #fff;
    font-size: 12px
}

.js-copy-text:active,.js-copy-text:hover {
    background-color: #28285b
}

.js-copy-text .fa-clipboard {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.mapsvg-popover-close.mapsvg-details-close {
    right: 23px;
    top: 17px;
    transform: scale(.4)
}

.copiedwarning {
    position: absolute;
    right: 220px;
    top: 14px;
    cursor: default;
    pointer-events: none;
    z-index: 100;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    color: grassgreen;
    font-size: 12px;
    font-weight: 700;
    display: none;
    transform-origin: 100% 50%;
    animation-name: copied;
    animation-duration: .5s;
    animation-iteration-count: 1
}

@keyframes copied {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    80% {
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}