.error {color: #FF0000;}

@font-face {
font-family: 'Franklin Gothic Book';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book'), url('../Fonts/franklin-gothic-book/FRABK.woff') format('woff');
}


@font-face {
font-family: 'Franklin Gothic Book Italic';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book Italic'), url('../Fonts/franklin-gothic-book/FRABKIT.woff') format('woff');
}

@font-face {
font-family: 'Franklin Gothic Demi Cond';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Demi Cond'), url('../Fonts/franklin-gothic-demi-cond/Franklin Gothic Demi Cond Regular.woff') format('woff');
}

body{
  font-family: 'Franklin Gothic Book';
  font-size: 14px;
}

select{
  background-color: #EBEBEB;
  border-color: gray;
  color: gray;
  padding-left: 5px;
}

.row.full {
  max-width: 100%; }

.sidebar {
  display: inline-block;
  background-color: #EBEBEB; }

@media only screen and (min-width: 64.063em) {
  .sidebar {
    position: inherit;
    background-color: #EBEBEB;
    top: 0;
    bottom: 0; }
  #imgTable{
    position: initial;
  }
}

#ImgGraph {
  height: 800px;
  width: 800px;
  border: 1px solid grey;
  margin-left: 13px;
}
#gContainer{
    top: 0px;
    height: 800px;
    width: 800px;
}
#map {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    height: 900px;
    width: 900px;
    transform: scale(0.76) translateX(-100px) translateY(-50px);
}
#iconLink{
  height: 12px;
  width: 12px;
}

#DownArrowText{
  color: #71a8a8;
  font-family: 'Franklin Gothic Demi Cond';
  font-size: 24px;
}
#checks{
  display:none;
}

#titleInInputs{
  font-family: 'Franklin Gothic Demi Cond';
  font-size: 24px;
  color: black;
  line-height: 1em;
  padding-left: 0px;
}
#titleInGraphs{
  font-family: 'Franklin Gothic Demi Cond';
  font-size: 24px;
}

#submitButton{
  color: white;
  background: #00c38d;
  height: 2.1rem;
  width: 100%;
  padding: 0px 0px 0px 0px;
}

#delay,#Var1,#HourF,#HourI,#H1,#Date{
  height: 1.6rem;
  font-size: 0.8rem;
  padding:0px 20px 0px 5px;
  margin: 0;
  background-color: #EBEBEB;
  border-color: gray;
  color: gray;
}
#Section_inputs{
  overflow-y: auto;
}
#frameTxt{
}
.a{
  color: gray;
}
#DownArrowIcon{
  height: 24px;
  width: 24px;
}
#DownloadIcon{
  height: 24px;
  width: 24px;
  left: 460px;
}
#imgTable{
  left: 500px;
  position: relative;
}

#linksSection {
  z-index: 1002;
  /*position: relative;*/
  top: 100px;
  left: 490px;
}

#Modal_contaminantes
{
  padding: 0px;
  border: 0px;
  display: block;
  top: 96px;
}
#helptext{
  margin-left: 30px;
}


.error {color: #FF0000;}

@font-face {
font-family: 'Franklin Gothic Book';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book'), url('../Fonts/franklin-gothic-book/FRABK.woff') format('woff');
}


@font-face {
font-family: 'Franklin Gothic Book Italic';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Book Italic'), url('../Fonts/franklin-gothic-book/FRABKIT.woff') format('woff');
}

@font-face {
font-family: 'Franklin Gothic Demi Cond';
font-style: normal;
font-weight: normal;
src: local('Franklin Gothic Demi Cond'), url('../Fonts/franklin-gothic-demi-cond/Franklin Gothic Demi Cond Regular.woff') format('woff');
}

body{
  font-family: 'Franklin Gothic Book';
  font-size: 14px;
}

select{
  background-color: #EBEBEB;
  border-color: gray;
  color: gray;
}

.row.full {
  max-width: 100%; 
}

.sidebar {
  display: inline-block;
  background-color: #EBEBEB; 
}

@media only screen and (min-width: 64.063em) {
  .sidebar {
    position: inherit;
    background-color: #EBEBEB;
    top: 0;
    bottom: 0; }
}

#map {
  height: 300px;
  width: 300px;
  padding: 0px;
  margin: 0px;
}
#iconLink{
  height: 12px;
  width: 12px;
}
#DownloadIcon{
  height: 35px;
  width: 35px;
}
#DownArrowText{
  color: #71a8a8;
  font-family: 'Franklin Gothic Demi Cond';
  font-size: 24px;
}
#DownArrowIcon{
  height: 24px;
  width: 24px;
}
#checks{
  display:none;
}

.gTitle{
  font-size:30px;
  font-family: 'Franklin Gothic Demi Cond';
}

#titleInInputs{
  font-family: 'Franklin Gothic Demi Cond';
  font-size: 26px;
  color: black;
  line-height: 1em;
  padding-left: 0px;
}
#titleInGraphs {
  font-size: 32px;
  color: #1f8e4c;
  font-family: 'Franklin Gothic Demi Cond';
  letter-spacing: 3px;
  font-weight: 600;
}

a.a.btntablacompleta {
  background: #a3c209;
  padding: 10px;
  border-radius: 10px;
  color: black;
  margin-top: 11px;
  display: inline-block;
}


div#Header {
  color: #717171;
  font-family: 'Franklin Gothic Book';
  font-size: 15px !important;
}
/*
#submitButton {
  color: white;
  background-color: #000000 !important;
  /* height: 2rem; 
  width: 100% !important;
  padding: 10px;
  border-radius: 10px;
} */

#buttonSelect {
  color: white;
  background: #1f8f4e;
  /* height: 2rem; */
  width: 100%;
  /* padding-top: 0.5em; */
  /* padding-right: 0px; */
  /* padding-bottom: 0px; */
  /* padding-left: 0px; */
  margin-bottom: 0.3rem;
  padding: 15px;
  border-radius: 10px;
}

#lon, #lat {
  /* height: 1.5rem; */
  font-size: 13px;
  padding: 27px;
  /* padding-left: 0px; */
  margin-bottom: 0.3rem;
  background-color: #EBEBEB;
  border-color: gray;
  color: gray;
  border-radius: 10px;
  margin-top: 5px !important;
  margin-bottom: 10px;
}
#delay, #Var1, #HourF, #HourI, #H1, #Date {
  /* height: 1.6rem; */
  font-size: 0.8rem;
  /* padding: 0px 20px 0px 5px; */
  margin: 0;
  background-color: #EBEBEB;
  border-color: gray;
  color: gray;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  width: 100% !important;
}

#section_ALD2,#section_CCRS,#section_CO,#section_CPRM,#section_FCRS,#section_FORM,#section_FPRM,#section_NO,#section_NO2,#section_OAt,#section_OLE,#section_PEC,#section_PM25,#section_PNH4,#section_PNO3,#section_POA,#section_PSO4,#section_SO2,#section_SOA1,#section_SOA2,#section_SOA3,#section_SOA4,#section_SOA5,#section_SOA6,#section_SOPA,#section_SOPB,#section_SOA {
  background: #f8ffff;
  border-radius: 10px;
  padding: 25px;
  margin: 10px;
  -webkit-box-shadow: 0px 0px 7px 1px rgb(196 196 196);
  -moz-box-shadow: 0px 0px 7px 1px rgba(196,196,196,1);
  box-shadow: 0px 0px 7px 1px rgb(196 196 196);
}


.a{
  color: gray;
}
#Section_inputs{
  overflow-y: auto;
}
#Section_Graphs {
  display: inline-block;
  /* height: 49rem; */
  margin-bottom: 20px;
}
#TitleTable{
  background-color: #0e3a42;
  font-family: 'Franklin Gothic Demi Cond';
  color: white;
  padding-left: 2rem;
}
input[type="checkbox"]{
  margin-bottom: 0px;
}
#helptext{
  margin-left: 30px;
}