/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1, }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}
*{
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}

#upperPart{

}
#downPart{
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
#downLeftPart{
  margin-right: 20px;

}

#downMiddlePart{
  width: 380px;
  /* float: left; */

  margin-left: 0;
  /* display: flex;
  flex-direction: column; */
}
#downRightPart{
  border-style: double;
  border-color: red;
  /* padding: 10px; */
  margin-left: 20px;
  width: 300px;
  /* float: right; */
}

/* #ctrlPanelSection{
  width: 300px;
} */
#ctrlPanelScoreSection{
  /* padding-bottom: -10px; */
  padding-top: 100px;
  border-bottom: 1px red dotted;
  margin-bottom: 0;
  /* margin-top: 20px; */

}

#ctrlPanelSliderSection{
  /* padding-bottom: 10px; */
  padding-top: 10px;

  border-top: 1px #0359CB solid;
  border-bottom: 1px #0359CB solid;
  margin-bottom: 10px;
}
a{
  color: black;
}
a:hover{
  color: blue;

}
.schoolLink{
  font-size:12px;
}
li:hover{
  background-color: #bbb;
}
.schoolNameDiv:hover{

}

#buttonSection {
  text-align: center;
}
.controlPanelExplanation{
  margin-bottom: 10px;
}
.tooltip {
  background: url(info.png) ;
  height: 16px;
  width: 16px;
  float: right;
  margin-top: 3px;
}

.tooltipTextContainer {
  width: 200px;
}

.tooltipContents{
  display: none;
}

.tipContentHTML{
  font-size: 20px;
  line-height: 105%;
}

#slidersContainer{

}
.sliderRow{
  margin: 8px;
  margin-bottom: 11px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.sliderValue{
  margin-left: 2px;
  width: 5px;

}
.tooltipTextContainer{
  font-size: 15px;
  font-family: sans-serif;
  font-weight: 400;
}
.slider{
  width: 140px;

}
.slider-major{
  width: 210px;
  margin:15px;
}
#majorContainer{
  margin-top: 20px;
  border-top: 1px solid blue;
  padding-top: 10px;
}
.majorSlider{
  margin-top: 10px;
  margin-bottom: 20px;
  /* text-align: right; */
  display: flex;
  justify-content: flex-end;
  margin-right: 12px;
}
#majorSliderThird{
  margin-bottom: 0;
}
#collegeList{
  overflow:auto;
  height: 600px;
  padding:10px;
}
ul{
  margin: 0;
  padding: 0;
}

#doughnutContainer{
  width: 380px;
  height: 250px;
  margin-bottom: 20px;
}
#stackedBarContainer{
  width: 380px;
  /* height: 300px;
  overflow: auto; */
}

#bodyContainer{
  position: relative;


}
html,body,#bodyContainer{
  margin-left: 0;
  height: 100%;
}
h1{
  margin-top: 10px;
  margin-bottom: 4px;
  text-align: center;
  font-family: Impact, Charcoal, sans-serif	;
  font-size: 72px;
  background: -webkit-linear-gradient(left,#3797FD, #4EFAFB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
h3{
  font-size: 18px;
  font-family: sans-serif;
  color: #004798;
  font-weight: normal;
}
h2{
  font-size: 22px;
  font-family: sans-serif;
  color: #0059CB;
  font-weight: 550;
}
#formContents{
  /* width: 850px; */
  position: relative;
  display: flex;
  flex-direction: column;
  width: 1000px;
  /* height: 100%; */
  margin: 0 auto;
}
#downLeftNote{
  /* color: black; */
}
#particles-js{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -100;
  top: 0;
  left: 0;
}
.majorSelectBox {
    display: inline-block;
    width:80px;
}
.majorSlider {
    width:100%;
    margin: -5px;
}
span{
  line-height: normal;
}
select{
  font-size: default;
  line-height:default;
}
.sliderValue-major{
  margin-top: 13px;
  margin-left: -6px;

}