/* * {font-family: 'Lato', sans-serif;} */
/* svg * {font-family: 'Roboto Condensed', sans-serif;} */
* {font-family: 'Roboto Condensed', sans-serif;}
svg * {color: white!important;}
.font-secondary {font-family: 'Poppins', sans-serif;}

.bg-less-light {background-color: #EFEFEF;}
.scroll-over, .cursor-pointer {cursor: pointer;}

.node {
  cursor: pointer;
}
  
.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}
  
.node ellipse {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}
  
.node rect {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font: 13px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
  pointer-events:all;
}

.first-node {display: none;}

.first-depth-link {display: none;}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.interest-red {color: #B30924;}
.committee-blue {color: #2196F3;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #B30924;
}

input:focus + .slider {
  box-shadow: 0 0 1px #B30924;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.text-larger {font-size: larger;}

@media (max-width: 720px) {
  .position-md-relative {
    position: relative!important;
  }
}

.dropdown-menu {
  height: 300px; overflow-y: auto;
  width: 300px; overflow-wrap: break-word;
}
.summary-text {font-size: 1.4em; margin-top: 1em; line-height: 1.3;}
.sort-by-menu {overflow-y: auto; height: auto; width: 170px; overflow-wrap: break-word;}
.action-box {border: 1px solid black; background-color: #ebf3fb;}
.summary-text {font-size: 1.4em; margin-top: 1em; line-height: 1.3;}
.goal-name {margin-top: 1em;}
.filter-icons {font-size: 2em;}
.tooltip {font-size: 1.4em;}
hr.dashed {border-top: 2px dashed black;}
hr.solid {border-top: 2px solid black;}
hr.light-dotted {border-top:1px dotted black;}
hr.thick {border-top: 3px solid black; margin-top: 30px;}
.inline-right {margin-left:auto; margin-right:0px; position:absolute; display:inline;}
.underline {border-bottom: 2px solid gray; margin-bottom: 25px;}

#static-action-table {width: 100%}
.col-count td, .col-com td {text-align: right;}
.col-count th, .col-com th {font-size:0.9em; width: 150px;}
.blank-row {height: 20px;}
tr.element-row:hover {background-color: #e3e3e3;}

#heatmapListToggle.collapsed::before {content: "See the Strategic Plan Action Heatmap"}
#heatmapListToggle::before {content: "See the Strategic Plan Action Summary List"}
.collapsing {transition: none !important;}

.blue-background {background-color: #abcdef;}
.progress-background {border-bottom: 2px solid #4FA931;}
.goal-bg {background-color: #1873CC; color: white; border-color: #1873CC;}
.strategy-bg {background-color: #228B22; color: white; border-color: #228B22;}
.text-blue {color: #1873CC;}
.text-green {color: #228B22;}
.border-blue {border: 1px solid #1873CC;}
.border-green {border: 1px solid #228B22;}
.bg-blue {background-color: #B4D1EE;}
.bg-green {background-color: #B6D9B6;}
.rectangle {border-width: 10px; border-style: solid; border-left: 0; border-right: 0;}
/* update these colors if the ongoing changes at all */
.ongoing-blue {color: #333399;}
.ongoing-green {color: #339933;}
.ongoing-yellow {color: #dbaf00;}

.opaque { opacity: 0.4; }

.hover-dark:hover { filter: brightness(0.4); }

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.circle {
    border: 2px solid white; border-radius: 50%; 
    display: inline-flex; min-height: 14.5vw; min-width: 14.5vw;
    font-size: 4vw; color: black;
    align-items: center; justify-content: center; 
    background-color: #abcdef;
}
.circle.circle-green {background-color: #cdefab!important;}
.circle.circle-yellow {background-color: #ffe066;}
@media only screen and (max-width: 575px) {
    .circle {
        width: 45vw; height: 45vw;
        font-size: 2.5em;
    }
}
.legend-item {
    border: 1px solid black; width: 15px; height: 15px;
    display: inline-flex; background-color: var(--background-color);
}
.vertical-line {
    display: inline-block; width:5px;
    background-color: black;
}