html,
body {
   margin: 0;
   padding: 0;
   height: 100%;
}
#root {
   min-height: 100%;
   position: relative;
}
#headbar {
   padding: 0px;
}
#app-container {
   padding: 0px;
   padding-bottom: 60px;   /* Height of the footer */
}
#footbar {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 20px;   /* Height of the footer */
}
.menubar {
    margin-right: 0.1rem;
}
.logo {
    /* Temporary logo before Simulation orientation diagram will be plugged in */
    display: block;
    margin: 3rem auto auto auto;
    width: 210px;
    height: 90px;
}
.login-input {
    /* Temporary size increase till the whole site is migrated to AWSUI */
    font-size: 1.5rem !important;
}

.awsui-no-margin {
    margin: 0 !important;
}
.awsui-no-padding {
    padding: 0 !important;
}
.awsui .awsui-flash.awsui-flash-type-info {
    background-color: #00a1c9 !important;
}
.liveRunStatus {
    padding: 10;
    border: 1px solid #eaeded;
    text-align: center;
}
/* Datepicker overrides to make the calendar look bigger */
.react-datepicker { font-size: 1em !important }
.react-datepicker__header { padding-top: 0.8em !important}
.react-datepicker__month { margin: 0.4em 1em !important}
.react-datepicker__day-name, .react-datepicker__day {
  width: 1.9em !important;
  line-height: 1.9em !important;
  margin: 0.166em !important;
}
.react-datepicker__current-month { font-size: 1em !important }
.react-datepicker__navigation {
  top: 1em !important;
  line-height: 1.7em !important;
  border: 0.45em solid transparent !important;
}
.react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important }
.react-datepicker__navigation--next {
  border-left-color: #ccc !important;
  right: 1em !important;
  left: 220px !important;
}
.react-datepicker__time-container { width: 6em !important}
.react-datepicker-time__header { font-size: 1em !important }
.react-datepicker-time__header--time { padding-left: 0px !important; padding-right: 0px !important }
.react-datepicker__time-box {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width:100% !important
}
.react-datepicker__time-list { padding: 0 !important; }
.labcanvas-style {
    display:block;
    margin:auto;
    max-width: 70%;
    max-height: 70%;
}
.labcanvas-div-style {
    background-color: #ffffff !important;
}
.ellipsis-anim-raspi-state {
    opacity: 0;
    color: #aab7b8 !important;
    -webkit-animation: ellipsis-dot 1.5s infinite;
    animation: ellipsis-dot 1.5s infinite;
}
.loading-data-style {
  height: 30px !important;
}
.alexa-logo-img-style {
    width: 22px !important;
    height: 22px !important;
    float: left;
}
.alexa-headbar-text-style {
    float: left;
}
.fading-anim-loading-message {
    color: rgba(43, 189, 241, 1);
}
.ref-mic-consent-message {
    color: rgba(43, 189, 241, 1);
}
.job-terminate-style {
    color: #df3312 !important;
}
.nowrap-style {
    white-space: nowrap !important;
}
.blue-color-text {
    color: #007dbc !important;
}