@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora');
/*left sidebar in the shiny sidebarlayout*/
/*main window*/
.tabbable {
  font-size: 90%;
  /*background-color: #77aaca;*/
  font-family: 'Roboto', sans-serif;
}
.well {
  background-color: #F0F0f0;
}
/*The title is by default a h2 tag*/
h2 {
  /*font-size: 200%;
  color: #F20000;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*navigation tabs*/
.nav-tabs li a {
  /*font-size: 200%;
  color: #F20000;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*Control labels(applies to all inputs except action buttons and date inputs)*/
.shiny-input-container .control-label {
  /*font-size: 90%;
  color: #F20000;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*action buttons*/
/*appearance if not clicked*/
.action-button {
  font-size: 90%;
  /*color: #F2F200;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance during hover*/
.action-button:hover {
  /*font-size: 110%;
  color: #F2F200;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance after click*/
.action-button:focus {
  /*font-size: 50%;
  color: #F2F200;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance while clicked*/
.action-button:active {
  /*font-size: 200%;
  color: #F20000;
  background-color: #ffff00;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*Download button*/
/*appearance if not clicked*/
.shiny-download-link {
  font-size: 90%;
  /*color: #F2F200;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance during hover*/
.shiny-download-link:hover {
  /*font-size: 110%;
  color: #F2F200;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance after click*/
.shiny-download-link:focus {
  /*font-size: 50%;
  color: #F2F200;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance while clicked*/
.shiny-download-link:active {
  /*font-size: 200%;
  color: #F20000;
  background-color: #ffff00;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*date input*/
/*top label*/
.shiny-date-input .control-label {
  /*font-size: 90%;
  color: #F20000;
  font-family: 'Roboto', sans-serif;*/
}
/*text inside date input field*/
.shiny-date-input .form-control {
  /*font-size: 90%;
  color: #F20000;
  font-family: 'Roboto', sans-serif;*/
}


/*__________________________________*/
/*Select input*/
.selectize-control {
  /*font-size: 150%;
  color: #F20000;*/
}

/*__________________________________*/
/*text output*/
.shiny-text-output {
  /*font-size: 150%;
  color: #F20000;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*Verbatim text output*/
.noplaceholder {
  /*font-size: 150%;
  color: #F2fa00;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*download link*/
.btn-file {
  /*background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance during hover*/
.btn-file:hover {
  /*color: #F2F200;
  background-color: #00ff00;
  font-family: 'Roboto', sans-serif;*/
}
/*appearance after click*/
.btn-file:focus {
  /*color: #F2F200;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*number input*/
.shiny-input-number {
  /*font-size: 150%;
  color: #F2fa00;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*radio buttons*/
.radio {
  /*font-size: 150%;
  color: #F2fa00;
  background-color: #00ffff;
  font-family: 'Roboto', sans-serif;*/
}
/*__________________________________*/
/*radio buttons*/
.dataTables_wrapper {
  font-size: 90%;
  font-family: 'Roboto', sans-serif;
}
/*__________________________________*/
/*radio buttons*/
.shiny-input-text.disabled {
  background-color: #F2F2F2; 
}