svg{
    overflow:visible;
}
html, body, #map-canvas {
            height: 100%;
            font-size: 8pt;
            padding: 0;
}
body {
    overflow-x: hidden;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
    background-color: #fffdde !important;
}
.hoverToolTip{
    pointer-events:none;
}
.arrow_box {
    position: absolute;

    z-index:3;
	background: rgb(253, 252, 232);
	border: 1px solid #bfbfbf;
    pointer-events:none;
    padding: 10px 20px 10px 20px;
}
.hidden {
    visibility: hidden;
}
#beforeToolTipUp {
    position:absolute;
    z-index: 3;
	width: 0;
	height: 0;
	margin-bottom: 5px;

	border-left: 11px solid transparent;
	border-right: 11px solid transparent;

	border-bottom: 11px solid #bfbfbf;
}
#tooltip{
        z-index:2;
        width: 350px;
        height: auto;

        background-color: rgb(253, 252, 232);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
        pointer-events: none;

}
#afterToolTipUp{
    position:absolute;
    z-index: 3;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-bottom: 10px solid rgb(253, 252, 232);
    margin-left: 1px;
	padding-top: 2px;
}
@media screen and (max-width: 1050px) {
    body {
        overflow-x: auto;
    }
    #completeDisplayDiv{
        left: 0 !important;
        position:initial !important;
        margin-left:0px !important;
        width:100% !important;
    }
}

h2 {
  font-size: 10pt;
  font-weight: 700;
  color: rgb(80,112,125);
  margin-top: 11px;
  margin-bottom: 2px;
}
h3 {
  font-weight: 700;
  color: rgb(80,112,125);
  margin-top: 11px;
  margin-bottom: 2px;
}
#rightPane {
  position:absolute;
  top:0px;
  left:0px;
  min-width: 700px;
  width: 100%;
  max-width:1050px;
  display:inline-block;
  z-index: 1;
}

#sortSelect {margin-right: 0;}
::-webkit-scrollbar {
/*    width: 0px;*/
}
#leftPane{
    width: 250px;
    float: left;
    top:0px;
    z-index: 2;
    margin: 0;
    position:absolute!important;
    padding-left: 24px;
    height:100%;
    min-height: 710px;
    background-color: #608796;
}
#rightPaneBuffer{
  margin-left: 304px;
}

#completeDisplayDiv{
    left: 50%;
    position:absolute;
    margin-left:-525px;
    width:100%;
  height: 100%;
}
.connectLine{
    pointer-events:none;
}
#map {
  width: 225px;
  height: 225px
}

#sortContainer{
  margin-top: 10px
}
#titleContainer{
  margin-top: 20px
}

.upperTitle {
  color: #9b4838;
  font-size: 12pt;
}

.lowerTitle {
  font-size: 36pt;
  font-weight: 800;
  position: relative;
  color: #177a9d;
  line-height: 30pt;
    display:table-cell;
}

.lowerTitle em {
  color: #9b4838;
  font-style: normal;
}

.subtitle {
  display:table-cell;
  font-size:10pt;
  padding-right: 7px;
  text-align: right;
  vertical-align: bottom;
  color: #177a9d;
  width: 100%;
}
#writerHeader{
    padding-top:25px;
}
#criteriaTable{
    width:225px;
    border-collapse:collapse;
}
.selected{
    border: 0px black solid;
}
.notSelected{
    border: 0px black solid;
}
.selected.features{
    background-color:rgba(80,112,125,1);
    color:white;
}

.notSelected.features{
    background-color:rgba(153,179,189,1);
    color:rgba(80,112,125,1);
}
.selected.publicRow{
    background-color:rgba(80,112,125,1);
    color:white;
}
.selected.privateRow{
    background-color:rgba(80,112,125,1);
    color:white;
}
.selected.separateRow{
    background-color:rgba(80,112,125,1);
    color:white;
}
.selected.charterRow{
   background-color: rgba(80,112,125,1);
   color:white;
}
.selected.francophoneRow{
    background-color:rgba(80,112,125,1);
    color:white;
}

.notSelected.publicRow{
    background-color:rgba(153,179,189,1);
    color:rgba(80,112,125,1);
}
.notSelected.privateRow{
    background-color:rgba(153,179,189,1);
    color:rgba(80,112,125,1);
}
.notSelected.separateRow{
    background-color:rgba(153,179,189,1);
    color:rgba(80,112,125,1);
}
.notSelected.charterRow{
   background-color: rgba(153,179,189,1);
   color:rgba(80,112,125,1);
}
.notSelected.francophoneRow{
    background-color:rgba(153,179,189,1);
    color:rgba(80,112,125,1);
}
td.rowSelector{
    cursor:pointer;
}

.criteriaRowValue{
    text-align:right;
    padding-right:5px;
}
#enrollmentSlider, #writerSlider{
    margin-right:5px;
}

#schoolSearch{
    border-radius:0px 0px;
    width:225px;
}
#sortSelect{
    width:225px;
}



#addressInput {
    width:225px;
    height:25px;
    border-radius:0px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom:0px;
    font-size: 8pt;
    text-indent: 8px;
    background-color: #608796;
    color: rgba(80,112,125,1);
}

#addressInput:focus{
  background-color: #fffdde;
}


#addressInput::-webkit-input-placeholder {
    text-decoration: underline;
    text-indent: 1px;
}
#addressInput::-moz-placeholder {
    text-decoration: underline;
    text-indent: 1px;
}
#addressInput:-moz-placeholder {
    text-decoration: underline;
    text-indent: 1px;
}
#addressInput:-ms-input-placeholder {
    text-decoration: underline;
    text-indent: 1px;
}


#sortBySubjectTable{
    color:white;
    width: 100%;
    table-layout: fixed;
    max-width: 1200px;
    min-width: 375px;
    border-collapse:separate;
    border-spacing: 3px;
    margin-left: -3px;
}
 #chooseGradeTable{
    color:white;
    width: 100%;
    table-layout: fixed;

    border-collapse:separate;
    border-spacing: 3px;
    margin-left: -3px;
}
#sortBySubjectTable.td{
    width:12.5%;
}
.yearSelector{
    padding-left:5px;
    cursor:pointer;
    background-color:rgb(70,70,70);
}
.yearSelected{
    background-color:rgb(70,70,70);
}
.yearNotSelected{
    background-color:none;
}
.finalSelect{
    background-color:rgb(70,70,70);
}
.examSelect{
     background-color:rgb(70,70,70);
}
.inflationSelect{
     background-color:rgb(70,70,70);
}
.classSelect{
     background-color:rgb(70,70,70);
}
.avgSelect{
    background-color:rgba(128,128,128,1);
}
.physSelect{
     background-color:rgba(15,180,210,1);
}
.mathSelect{
     background-color:rgba(80,112,125,1);
}
.bioSelect{
     background-color:#6ad59c;
}
.chemSelect{
     background-color:rgba(155,72,56,1);
}
.englSelect{
     background-color:#fba261;
}

.socSelect{
     background-color:rgba(23,122,157,1);
}
.flaSelect {
    background-color: #35bd75;
}
.subjSelected, .gradeSelected{
    height:4px;
}
.subjNotSelected, .gradeNotSelected{
   background-color: rgba(255,253,222,1);
}
.rangeHint{
  color:lightgray;
  cursor: text !important;
}

.selectByHeader{
    margin: 0px;
}

#schoolSearchHeader, #addressHeader, .criteriaHeader{
    font-size: 12pt;
    font-weight: 300;
    color: #fffdde;
    padding-top: 10px;
    cursor: text !important;
}

#distanceHeader {
    color: #fffdde;
    cursor: text;
}

.textRight {
  text-align: right;
}

.custom-tip .leaflet-popup-content-wrapper {
  border-radius: 0px; !important
}

.custom-tip .leaflet-popup-content {
  margin: 5px; !important
  font-size: 8pt; !important
}

#distanceSlider, #enrollmentSlider, #writerSlider{
    height: 0px;
    margin-top:7px;
    margin-bottom:5px;
    border: 1px solid rgb(153,179,189) !important;
    background: none !important;
}

.ui-slider-handle {
  height: 15px;
  margin-top: -4px;
  margin-right: 0px;
  padding-right: 0px;
  width: 6px;
  background: url("../assets/slider.png") center top repeat-y !important;
  border: none !important;
  border-radius: none !important;
  outline: none !important;
}

.ui-slider-range {
  margin-top: -1px;
  border-top: 2px solid rgb(80,112,125) !important;
}

.select2-container--default .select2-selection--single{
  background-color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  height:   25px !important;
}

.select2-dropdown {
  border-radius: 0 !important;
  border: none !important;
  background: rgb(153,179,189) !important;
}

.select2-results__option{
  color: rgb(80,112,125) !important;
}

.select2-results__option--highlighted{
  color: #fffdde !important;
  background-color: rgb(80,112,125) !important;
}

.notChecked{
    padding-left:18px !important;
}
.checked{
    padding-left:5px !important;
}
.subjSelector, .gradeSelector{
    cursor:pointer;
    padding-left:5px;
}
#addressHeader{
    margin-top:8px;
    margin-bottom:2px;
}
#shareButttonDiv {
    float:left;
    padding-top:100px;
    display: inline-block;
}
.share_dynamic_social {
    display:inline-block;
    padding-right: 2px;
}

.sortByTableHeadDiv{
/*    margin-left:255px;*/
}
.greyTableHeader{
    padding-bottom:-2px;
    padding-bottom:-2px;
    font-size:12px;
    color:lightgrey;
    margin-bottom:0px;
}


#chartText, #hoverText{
    display:inline;
    color: darkgrey;
    font-weight: 400;
    font-size: 8pt;
}

#disclaimer {
  display: none;
  color:rgba(153,179,189,1);
}

a {
  color: rgb(80,112,125);
  text-decoration: none;
}
#schoolNameTitle{
    float:left;
}
#yearTitle{
    float:right;
}
.schoolName{
    pointer-events: none;
}
.primaryHoverTitle{
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    color:rgb(80, 112, 125);
    font-weight:700;
    margin-top:0px;
    margin-bottom:0px;
}
#authorityTitle{
    clear:both;
}
.secondaryHoverTitle{
    font-size:8pt;
    color:rgba(128,128,128,1);
}
.leftAlign{
    text-align:left;
}
.rightAlign{
    text-align:right;
    width: 60px;
}
#enrollmentHoverText{
    color:rgba(128,128,128,1);
    float:right;
}
.schoolHoverTable th{
    vertical-align:bottom;
    font-weight:400;
    margin-bottom:0px;
    border-bottom:1pt solid black;
    color:rgb(70,70,70);
}
#schoolTooltip{
    background-color:rgb(253, 252, 232);
    z-index:3;
}
#schoolInfoTable{
    border-spacing: 0px;
    border-collapse: separate;
}
.leftAlign p{
    text-align:left;
    margin-bottom:0px;
}
.rightAlign p{
    text-align:right;
    margin-top:0px;
    margin-bottom:0px;

}
.dataRows p{
    vertical-align:bottom;
    margin-top:0px;
}
.overallRow{
    color:rgba(128,128,128,1);
    font-weight:700;
}
.physRow{
     color:rgba(15,180,210,1);
}
.mathRow p{
     margin-top:3px!important;

     color:rgba(80,112,125,1);
}
.bioRow{
     color:#54bd80;
}
.chemRow{
     color:rgba(155,72,56,1);
}
.englRow{
     color:#e98943;
}

.socRow{
     color:rgba(23,122,157,1);
}