/*
h1, .h1 {
  margin: 0px 0px;
  font-size: 30px;
  color: #263c5c;
  line-height: 1.167;
  font-weight: 300;
  letter-spacing: -0.00893em;
}
*/
/*
h2, .h2 {
  margin: 0px 0px 10px;
  font-size: 2.0em;
  font-weight: 100;
  margin-bottom: 0px;
  letter-spacing: -0px;
  color: #263c5c;
}
*/
/*
h3, .h3 {
  margin: 0px 0px 10px;
  font-size: 1.25em;
  font-weight: 100;
  margin-bottom: 0px;
  letter-spacing: -0px;
  color: #263c5c;
}*/

.header {
/*  font-family: "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
  font-family: 'Barlow', sans-serif;
  height: 70px;
  background: white;
  position: fixed;
  width: -webkit-fill-available;
}

.content {
/*  font-family: "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
  font-family: 'Barlow', sans-serif;
  box-sizing: border-box;
  color: #263c5c;
  margin-left: auto;
}

@supports (width: -webkit-fill-available) {
  .footer {
/*  font-family: "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
  height: 50px;
  /*background: #1968ac;*/
  background: #0F1E5A; /*#D34D27;*/
  box-sizing: border-box;
  margin-left: 0px; /* Same as the width of the sidenav */
  position: fixed;
  bottom: 0;
  width: -webkit-fill-available;
  z-index: 1050;
  }
}
/* Set width in Mozilla style */
@supports (width: -moz-available) {
  .footer {
/*  font-family: "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
  height: 50px;
  /*background: #1968ac;*/
  background: #0F1E5A; /*#D34D27;*/
  box-sizing: border-box;
  margin-left: 0px; /* Same as the width of the sidenav */
  position: fixed;
  bottom: 0;
  width: -moz-available;
  z-index: 1050;
  }
}

body {
/*  font-family: "Lato", sans-serif;*/
  font-family: 'Barlow', sans-serif;
}


.header img {
  margin: 10px;
  top: 10px;
  left: 10px;
  float: left;
  width: 149px;
  height: 50px;
  /*background: #555;*/
}
  
.footer img {
  background: white;
  margin: 5px;
  margin-top: 10px;
  padding: 5px 5px 5px 5px;
  float: left;
  width: 100px;
  height: 30px;
  display:inline;
}
  
.header h1 {
  position: relative;
  top: 6px;
  left: 10px;
}
  
.footer a {
  font-size: clamp(0.8rem, 1.5vw, 1rem);
  color: #ffffff;
  top: 10px;
  left: 10px;
  text-decoration: none;
}

.footer h3 {
  font-size: clamp(0.8rem, 1.5vw, 1rem);
  color: #ffffff;
  top: 10px;
  left: 10px;
}

/*OLD*/
.footer-column {
  float: left;
  width: 25%;
  }
/*OLD*/
.footer-column h3 {
  font-size: 1.0em;
  color: #ffffff;
  position: relative;
  top: 0px;
  left: 0px;
}


/* Main content */
.main {
  /*      top, right, bottom, left */
  margin: 0px 10px 70px 10px;

  font-size: 15px; /* Increased text to enable scrolling */
  /*       top, right, bottom, left */
  padding: 70px 10px 0px 0px;
}

/* Main content for the login */
.main_login {
  margin-top: 60px; /* Needed for the header */

  font-size: 15px; /* Increased text to enable scrolling */
  /*       top, right, bottom, left */
  padding: 100px 0px 0px 0px;
  height: 100vh;

  background-image: url("../img/Collage_Escad_24_XS_Home-1.jpg");
  
  background-repeat: no-repeat;
/*  background-size: contain;*/
  background-attachment: fixed;
  background-size: cover;
  background-position: top left;
}

/*section {
    height: 85px;
  }
*/  
section_header {
    margin: 0px 0px 0.35em;
    font-size: 25px;
    color: #263c5c;
    line-height: 1.167;
  /*    font-weight: bold;
    font-weight: 300;*/
    letter-spacing: -0.00893em;
  }

  
parameter_output {
  margin-left: 0px;
/*    font-weight: bold;    */
}

.column_graph {
  column-count: 3;
  column-gap: 10px;
  column-rule: 1px solid lightblue;
  width: 100%;
  }
  
.column_graph_mission {
  column-count: 2;
  column-gap: 10px;
  column-rule: 1px solid lightblue;
  }
  
/* Table definitions */

#table {
  width: auto;
  display: table;
  margin-bottom: 60px;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  border-radius: 5px;
}

table {
  margin-left: 10px;
  }


table.mission_table{
    margin-bottom: 60px;
  }
table.mission_table th, table.mission_table td, table.mission_table tr , table.mission_table p{
  margin: 0px 15px 0.35em;
  font-size: 14px;
  text-align: center;
  border-spacing: 0px;
/*  padding: 5px;*/
  }

table.job_table{
    margin-bottom: 60px;
  }
table.job_table th, table.job_table td, table.job_table tr, table.job_table p{
  margin: 1px 5px 0.35em;
  padding: 1px 5px;
  font-size: 13px;
  text-align: center;
  border-spacing: 0px;
/*  padding: 5px;*/
  }


.row_request_header {
    display: table-row;
/*    height: 30px;*/
    background: #0F1E5A; /*#D34D27;*/
    color: #FFFFFF;

  
  margin: 0px 0px 0.35em;
  font-size: 1.0em;
  text-align: center;
  border-spacing: 0px;
  padding: 5px;
  }

.row_request {
    display: table-row;
    height: 60px;
  }
  
.cell_request {
      display: table-cell;
      height: 20px;
/*      padding: 5px;*/
      vertical-align: middle;
/*      text-align: center;*/

      margin: 0px 0px 0.35em;
      font-size: 1.0em;
      text-align: center;
      border-spacing: 0px;
      padding: 5px;
    
      
  }


robot_status {
  margin: 0px 15px 0.35em;
  font-size: 16px;
  }
  
robot_status th {
  width: 190px;
  text-align: left;
  font-weight: normal;
  }

robot_status td {
  text-align: left;
  font-weight: bold;
  }
  
system_status {
  margin: 0px 15px 0.35em;
  font-size: 16px;
  }
  
system_status th {
  width: 300px;
  text-align: left;
  font-weight: normal;
  }
  
system_status td {
  text-align: left;
  font-weight: bold;
  }
  
system_status p {
  height: 27px;
  text-align: left;
  margin-block-start: 0em;
  margin-block-end: 0em;
  }
  
system_status table {
  margin-left: 10px;
  }
  
table.dataframe, table.dataframe th, table.dataframe td, table.dataframe tr {
  /*margin: 0px 0px 0.35em;*/
  font-size: 16px;
  text-align: center;
  border-spacing: 0px;
  padding: 5px;
  }
      
      
  
.blink {
  animation: blinker 0.6s linear infinite;
  color: #1c87c9;
  font-size: 30px;
/*  font-weight: bold;*/
/*  font-family: sans-serif;*/
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink-one {
  animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {
  0% {
    opacity: 0;
  }
}
.blink-two {
/*  animation: blinker-two 1.4s linear infinite;*/
  animation: blinker-two 1s linear infinite;
}
@keyframes blinker-two {
  100% {
    opacity: 0.2;
  }
}

/* Inputs */

input[type=submit] {
  background:   #1968ac;
  border:        0px;
  border-radius: 11px;
  padding:       5px 10px;
  color:         #ffffff;
  display:       inline-block;
/*  font-family: "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
  font-weight: bold;
  text-align:    center;
  outline: none;
  cursor: pointer;
}

/*Xinput[type=date], input[type=time], input[type=radio], input[type=text], select {X*/
  /*      background:   #1968ac;*/
/*X      border:        0px;
      border-radius: 11px;
      padding:       5px 10px;
      color:         #263c5c;
      display:       inline-block;X*/
/*      font-family:   "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
/*      font-weight:   bold;*/
/*      text-align:    center;*/
/*X      outline:       none;
      cursor:        pointer;
  }X*/

input[type=date], input[type=time] {
    /*      background:   #1968ac;*/
      border:        0px;
/*      border-radius: 11px;*/
      margin:       5px 10px;
      color:         #263c5c;
      display:       inline-block;
/*      font-family:   "urw_grotesk_t_otlight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
/*      font-weight:   bold;*/
/*      text-align:    center;*/
      outline:       none;
      cursor:        pointer;
  }

@media (max-width: 768px) {
    .btn-responsive {
      font-size: 1rem;
      margin-left: auto;
      /*margin-right: 300px;*/
      border: 1px solid;
      border-radius: 5rem;
      background: #0F1E5A; /*#D34D27;*/
      color:white;
      /*width: 70px;*/
      border-color: #0F1E5A;
    }
}
  
@media (min-width: 769px) { /*and (max-width: 992px) {*/
    .btn-responsive {
      font-size: 1.25rem;
      margin-left: auto;
      /*margin-right: 300px;*/
      border: 1px solid;
      border-radius: 5rem;
      background: #0F1E5A; /*#D34D27;*/
      color:white;
      /*width: 100px;*/
      border-color: #0F1E5A;
    }
 }

 @media (max-width: 768px) {
  .btn-responsive-logout {
    font-size: 1rem;
    margin-left: auto;
    /*margin-right: 300px;*/
    border: 1px solid;
    border-radius: 5rem;
    background: white;
    color: #0F1E5A; /*#D34D27;*/
    /*width: 70px;*/
    border-color: #0F1E5A;
  }
}

@media (min-width: 769px) { /*and (max-width: 992px) {*/
  .btn-responsive-logout {
    font-size: 1.25rem;
    margin-left: auto;
    /*margin-right: 300px;*/
    border: 1px solid;
    border-radius: 5rem;
    background: white;
    color: #0F1E5A; /*#D34D27;*/
    /*width: 100px;*/
    border-color: #0F1E5A;
  }
}

.dashboard_finished {
  background: #CDF8BF;
  color:#787078;
/*  background-color: red !important;*/
}

.dashboard_new {
  background: #E2E3E5;
  color:#000000;
/*  background-color: red !important;*/
}

.dashboard_failed {
  background: #EAB3C1;
  color:#787078;
/*  background-color: red !important;*/
}

.dashboard_started {
  background: #BFDDF8;
  color:#787078;
/*  background-color: red !important;*/
}

.dashboard_queued {
  background: #F2F797;
  color:#787078;
/*  background-color: red !important;*/
}

#scan_qr_code_body {
  text-align: center;
  margin: 0;
}

#qr-canvas {
  margin: auto;
  width: calc(100% - 20px);
  max-width: 400px;
}

.button_qr_code
{
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .175rem .75rem;
  font-size: 1rem;
  border-radius: .5rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*######################*/

#eramp_headline_id {
  background-color: #0F1E5A;
  color: #FFFFFF
}
/*######################*/