.fm-constellations .leaflet-top.leaflet-left {
    top: 1%;
}

#fm-view-constellations, #fm-constellations-1 {
    position: relative;
}

.constellations-org-finder {
    position: absolute;
    top: 80px;
    left: 1%;
    float: right !important;
    width: 234px;
    transition: all 0.35s, border-radius 0s;
    height: 34px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #ccc;
}
.constellations-org-finder input {
    padding-right: 20px;
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
}

.constellations-org-finder:hover,
.constellations-org-finder.hover {
    width:234px;
}

.fm-constellations .btn.btn-default {
    padding: 6px 10px 6px 10px;
}


.constellations-org-finder .btn.btn-default {
    bottom: 1px;
}

.fm-constellations span.glyphicon-info-sign {
    font-size: 16px;
    vertical-align: middle;
    font-weight: 100;
}

.fm-constellations span.glyphicon-list {
    vertical-align: middle;
    font-weight: 100;
}

#constellations-modal-trigger {
    top: 160px; 
    left: 1%;
    position: absolute;
}


.network-name{
    display: block;
}


.constellations-tabular {
    display: none;
    position: absolute;
    top: 120px;
    left: 1%;
}
/*.constellations-holder .close {
    position: absolute;
    top: 6px;
    right: 6px;
}

.constellations-holder .clear-selected {
    position: absolute;
    top: 29px;
    right: 14px;
    font-size: 11px;
    line-height: 1.4;
}*/

/*
.constellations-holder .nav-tabs li {
    width: 115px;
    height:53px;
}

.constellations-holder .popover:not(.leaflet-popup-content) {
    width: 400px;
}

.constellations-holder .tabs-wrapper li a {
    font-size: 1.05em;
    height:40px;
    padding: 10px 10px;
}

.constellations-holder .tabs-wrapper li.active a {
    height: 51px;
}

.constellations-holder .tabs-wrapper ul {
    margin-left: 10px;
    margin-right: 10px;
}

.constellations-holder .tabs-wrapper .score-graphic span {
    color: rgb(208, 208, 208);
}

.constellations-holder .tabs-wrapper .score-graphic span.active {
    color: rgb(145, 142, 142);
}
*/

/* TABULAR */
#constellations-tabular-wrapper { max-width: 450px; padding-top:6px;}
#constellations-tabular-wrapper .nav.nav-tabs li { width:30%;}
#constellations-tabular-wrapper .nav>li>a {padding:0;}
#constellations-tabular-wrapper .nav.nav-tabs a { height:34px; padding-top:4px;font-size: 1.1em; margin-right:3px;}
#constellations-tabular-wrapper .nav.nav-tabs li.active a {padding:0; height:43px; padding-top:10px; color:#222222 !important; }
#constellations-tabular-wrapper .tabs-wrapper { position:relative;}
#constellations-tabular-wrapper .metrics-selector {position: absolute; right: 10px; top:17px; font-size:10px;}
#constellations-tabular-wrapper .tab-content { height:548px; overflow-y: auto;}
#constellations-tabular-wrapper .popover-title { border-bottom:0; padding-top:4px; display:none;}
#constellations-tabular-wrapper .cont-metrics-header {min-width: 100px;}
#constellations-tabular-wrapper .table { margin-bottom:0;}
#constellations-tabular-wrapper .table .connection-nr {text-align:center; position:relative;}
#constellations-tabular-wrapper .table tr:hover { cursor:pointer; background-color:#f0f3f4;}
#constellations-tabular-wrapper .table td { padding:0; line-height:1em; padding-top:5px; padding-bottom:5px;}
#constellations-tabular-wrapper .table tr td:first-child {padding-left:4px;}
#constellations-tabular-wrapper .table .network-name, #constellations-tabular-wrapper .table .score-name { text-transform:uppercase; font-size:0.6em; display:block; text-align:center; font-family:arial, sans-serif;}
#constellations-tabular-wrapper .table .network-name { text-align:left;}
#constellations-tabular-wrapper .table .score-graphic {text-align:center;}
#constellations-tabular-wrapper .table .score-graphic .glyphicon-stop {  margin-right: -6px; color:#e3e3e3;}
#constellations-tabular-wrapper .table .score-graphic .glyphicon-stop.active {  margin-right: -6px; color:#a5a5a5;}
#constellations-tabular-wrapper tr.active td.connection-nr:before { content: "\e044"; position:absolute; width:10px; height:15px; top:0; left:7px;font-size: 14px;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;}
#constellations-tabular-wrapper .org-name { font-weight:500;}
#constellations-tabular-wrapper #constellations-tabular-networks-tab .active { font-weight:500;}
#constellations-tabular-wrapper #constellations-tabular-networks-tab .active .connection-nr { font-weight: 300;}
#constellations-tabular-wrapper #constellations-tabular-networks-tab .glyphicon-list {  display: block; text-align:center;}
#constellations-tabular-wrapper #constellations-tabular-networks-tab .cont-metrics-header { text-align:center;}
#constellations-tabular-wrapper #constellations-tabular-networks-tab thead tr th:first-child { text-align:left;}



tr.active .ribbon-container {
    vertical-align: top;
    display: inline-block;
    height: 48px;
    width:100%;
}



.ribbon {
    border-color:#e37252;
    background: #e37252;
}


tr.active .ribbon-container span.ribbon {
    display: block;
    position: relative;
    overflow: visible;
    height: 12px;
    margin-left: 9px;
    color: #fff;
    width: 18px;
    top: -7px;
    left: -6px;
}

tr.active .ribbon-container span.ribbon:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid;
    border-left: 9px solid;
    border-right-color:inherit;
    border-left-color: inherit;
}

tr .ribbon-container span.connection{
    display: block;
    text-align: center;
    margin-right: 15px;
}

tr.active .ribbon-container span.connection {
    top: -6px;
    position: relative;
}

#constellations-tabular-wrapper a.close {
    z-index: 100;
    cursor: pointer;
    position: relative;
	top:-7px;
}

.tabular {
    /*background-color: rgb(247, 247, 247);*/
}

#constellations-tabular-wrapper {
    margin-left: 5px;
    margin-right: 5px;
}

#constellations-tabular-wrapper .tab-content {
    margin: 0;
}

#constellations-tabular-wrapper .popover-content {
    margin: 0;
}

#constellations-tabular-wrapper table th:nth-child(2),
#constellations-tabular-wrapper table th:last-child,
#constellations-tabular-wrapper .cont-metrics-row td:nth-child(2),
#constellations-tabular-wrapper .cont-metrics-row td:last-child { text-align:center;}

.constellations-label { font-family: 'Roboto Condensed', arial,sans-serif; line-height: 1.2; display: inline}
.constellations-holder>.node text {line-height: 1; text-anchor: start; alignment-baseline: baseline;fill:#000000; font-size: 12px; font-weight: bold;}
.node path.icon-government { fill:#3C3C3C;pointer-events: none}
