/* Extra CSS markup for demo pages */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btnspace { margin-bottom: 10px; }

.dpd-example-wrapper { background-color: #e0e0e0; padding: 10px; }
.dpd-example { background-color: white; }

body {
  min-height: 100vh;
}

#main_footer
{
    background-image: url('/static/liveapp/ted_banner.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height:62px;
    width:100%;
    background-color:#FFFFFF;
    position: fixed;
    bottom: 0;
}

div.card {
    height: 100%;
    position: initial;
}

* {
    box-sizing: border-box;
    /*! height: 100%; */
}

.django-plotly-dash-app-dbstudio_main
{
    height: 100%;
    margin: 1rem;
 
}

.django-plotly-dash-app-dbstudio_main > div
{
    height: 100%;
    overflow: unset !important;

}

.django-plotly-dash-app-dbstudio_main > div > iframe
{
    height: 100pc !important;

}

#headerdiv {
  border: 1px solid black;
  margin: 1.0rem;
  
  text-align: center;
}
.leftheaderdiv {
  display: inline-block;
  #border: 0.2px solid red;
  padding: 0.2rem 1rem;
  vertical-align: middle;
    margin-left: 5rem;
}

.rightheaderdiv {
  display: inline-block;
  #border: 1px solid red;
  padding: 0.1rem 1rem;
  vertical-align: middle;
  float: right;
    margin-top: 20px;
}

#loginForm
{
  margin: 1rem;
  padding: 2rem 2rem;
  text-align: center;
    vertical-align: middle;

}