body {
  font-family: 'Lato', sans-serif;
  /*   font-family: 'Helvetica'; background-color: #f7f7f7;
  text-align: center;*/
}


.btn {
  padding: 14px 14px;
  border: 0 none;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  width:120px;
  text-transform: uppercase;
  border-radius:0;
  box-shadow: 0 3px 0 0 lightgray;
  margin:0px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
}

.btn-primary {
  background: #0099cc;
  color: #ffffff;
}

.btn:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: #1DF6AD;
  box-shadow: 0 3px 0 0 #14ac79;
}

.btn-primary:active, .btn-primary.active {
  background: #007299;
  box-shadow: none;
}







.container-fluid{ width: 100%;}

#row3, #row5 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(red, #FF0099); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, #FF0099); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, #FF0099); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, #FF0099); /* Standard syntax */
  font-family: 'Roboto', sans-serif;
  background-color: red;
  text-align: center;
}

#row4  {
  font-family: 'Raleway', sans-serif;
  background-color: #F0F0F0;

}

#row_intro {
  padding:200px ;
  text-align: left;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  /*background-image: url("1_1.jpg");*/
  background: url("1_1.jpg") no-repeat center center fixed;
  backdrop-filter: brightness(100%);
  /*filter: brightness(20%); */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:cover;

  /*background-color: #1DF6AD #557E1B;#B6CF81; #FF0099; #00FF66;*/
}
#intro_background{
  background-image: url("1_1.jpg");
}

#maintitle{
  font-size: 56px;
  color: white;    /*#383838 ;*/

}

#subtitle_txt {
  text-align: left;
  max-width: 800px;
  font-weight: 2000;
  font-size: 24px;
  color: white;
  padding-bottom: 10px;
}

#col_intro2{
  float: none;
  margin: 0 auto;
}

#column_map{
background-color: white;
}


#row_intro2 {
  background-color: #F0F0F0;
}

.title_gray {
  padding-top: 40px;
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  color: #383838;
  padding-bottom: 10px;
}

.sub_gray {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  color: gray;
  padding-bottom: 10px;
  line-height: 150%;
}

#btn_option1,#btn_option2{
  margin-left:10px;
  margin-right:10px;
  fill: #1DF6AD; /* #b3e401;  #B6CF81; #FF0099; #00FF66;*/
}

#row_1, #row_4{
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left:200px ;
  text-align: left;
  background-color: #383838;
}

#row_5{
  padding-top: 0px;
  text-align: center;
  background-color: white /*#557E1B;#B6CF81; #FF0099; #00FF66;*/
}

#row_5B{
  text-align: center;
  background-color: #F0F0F0; /*#FF0099;*/
}

#row_6{
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left:100px ;
  text-align: left;
  background-color: #1DF6AD;
 /* #1DF6AD; #1DF6AD #557E1B;#B6CF81; #FF0099; #00FF66;*/
}

#row_7{
  padding-top: 0px;
  text-align: center;
  background-color: #383838;    /* #F0F0F0; #557E1B;#B6CF81; #FF0099; #00FF66;*/
}

#chart_sub
{padding-left: 200px;}

.title_white {
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-weight: 400;
  font-size: 24px;
  color: white;
  padding-bottom: 10px;  }

.sub_gray_left {
  font-family: 'Raleway', sans-serif;
  text-align: left;
  font-weight: 300;
  font-size: 18px;
  color: gray;
  padding-bottom: 10px;
  line-height: 150%;  }

.title_gray_left {
  padding-top: 40px;
  text-align: left;
  font-weight: 400;
  font-size: 24px;
  color: #383838;
  padding-bottom: 10px;
  padding-left:200px ;
}

.title_white_center {
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  color: white;
  padding-bottom: 10px;  }

#Chart_all_Title, #Chart_all_Title2{
  padding-left: 200px ;
}

.title_white_right {
  text-align: left;
  font-weight: 500;
  font-size: 24px;
  color: #383838;
  padding-bottom: 10px;  }


.sub_gray_center {
  font-weight: 300;
  font-size: 18px;
  color: gray;
  padding-bottom: 10px;
  line-height: 150%;}

#row_system{
  background-color:#1DF6AD; /*  #1DF6AD;*/
  text-align: center;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
}

#row_system_main, #row_system_main1, #row_system_main3 {
  font-family: 'Raleway', sans-serif;
  background-color: #1DF6AD;   /* #7A9A01 #557E1B;#B6CF81; #FF0099; #00FF66;*/
}

#row_system_main2 {
  font-family: 'Raleway', sans-serif;
  background-color:  #383838; /*#557E1B;#B6CF81; #FF0099; #00FF66;*/
}

.form-group{
  padding-right: 50px;
}

#column_map  {
  padding: 0;
}

#img_caption  {
  font-size: 9px;
  padding-left: 60px;
  font-weight: 200;
  color: grey;
  text-align: left;
}

.img_caption  {
  font-size: 9px;
  padding-left: 60px;
  text-transform: uppercase;
  font-weight: 200;
  color: grey;
  text-align: left;
}

.img_caption2  {
  font-size: 9px;
  padding-left: 0px;
  text-transform: uppercase;
  font-weight: 200;
  color: grey;
  text-align: left;
}

#3options  {
  background-color: #383838;
  text-align: center;
}

#building_info{
  padding-left: 40px;
  margin:40px;
}



h2 {
  font-size: 24px;
  font-weight: 100;
  margin-top: 60px;
  margin-bottom: 40px;
  font-family: 'Helvetica';
}


.main_txt{font-size: 14px;
  font-weight: 200;
  color: white;}


.LEFT{font-size: 18px;
  font-weight: 200;
  color: white;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  padding-left: 60px;
  text-align: left;}


#dataimg{
  padding-top: 0px;
  padding-left: 0px;
  text-align: left;
  opacity: .9;}

.txt_background{
  background-color: #383838;
}

.LEFT_txt{font-size: 16px;
  font-weight: 200;
  color: #B8B8B8;
  max-width: 800px;
  padding-left: 60px;
  text-align: left;
  line-height: 150%;}

#Left_Container{
  padding-left: 0px;
  /*width:300px;
  margin: 30px;*/
}

.subtitles{font-size: 18px;
  font-weight: 200;
  color: #383838;
}


.system_txt{font-size: 11px;
  font-family: Helvetica;
  font-weight: 200;
}

.main_values{font-size: 12px;
  font-weight: 200;
}

#place{
  width: 100px;
}


.title_gradient{
  color: white;}


/*.main, .maint, .side {
    fill: #383838;
  }*/

/*#inp5 { color: yellow;}*/

.test {
  fill: #383838;
}

.main,.system_bar_L,.system_bar_R {
  fill: #383838;
  fill-opacity: 0.75;
}

.system_bar_L:hover {fill-opacity: 1; fill: #383838;  }
.system_bar_R:hover {fill-opacity: 1; fill: #383838; }
.main:hover {fill-opacity: 1; fill: #383838; }










.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}


.browser text {
  text-anchor: end;
}

.area {
  opacity: 0.7;
  clip-path: url(#clip);
}
.area:hover {
  opacity: 1;
}

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

#campusmap {
  height: 640px;
  width: 100%;
  margin: 0;
  padding: 0;}


.xaxis path,
.yaxis path,
.xaxis line
.yaxis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.axis text {
  font-size: 11px;
}