@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

body{
  background: #aaaaaa;
  font-family: 'Roboto', sans-serif;
}
.wrapper {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
.logo1{
  display: block;
  margin: 15px auto;
}
.logo2{
  margin-top: 50px;
}
.logo3{
  float: right;
  margin-top: 50px;
}
.logbutton {
  text-align: right;
}
.backbutton {
  text-align: left;
}
.divwrap {
    display: block;
}
button.btn, a.btn {
  display: inline-block;
  vertical-align: top;
  padding: .1rem .6rem;
  font-size: .875rem;
  line-height: 1.6;
  border-radius: .5rem;
  color: #fff;
  background-color: #2c88c4;
  border-color: #2c88c4;
}
footer {
  display: block;
  width: 100%;
  float: left;
  height: auto;
  color: #bfbfbf;
  font-size: 14px;
  margin-top: 100px;
}
.table td, .table th {
  vertical-align: middle;
  text-align: center;
}
.no-bordered.table td, .no-bordered.table th {
  border: none;
}
.table-responsive .table td, .table-responsive .table th {
  padding: 10px;
  white-space: nowrap;
}
.table-responsive .result.table {
  border-collapse: separate;
  font-size: 13px;
}
.table-responsive .result.table td, .table-responsive .result.table th {
  padding: 5px;
  border-collapse: separate;
}
.table-responsive .result.table th {
  background: #eee;
}
.table-responsive .result.table td:first-child {
  background: #eee;
}
.instruction li {
  font-size: 13px;
}
table.fire {
  margin: 30px 0;
}
table.fire td {
  padding: 5px;
  font-size: 13px;
}
.audio p {
  font-size: 13px;
}
.liscentext {
  color: #f00;
  font-size: 13px;
  text-align: center;
}
.listheadhome {
  padding-left: 30px;
}
.chester {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-left: 30px;
}
.chester li {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.chester li p {
  color: #0000ff;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.chester li img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}
.buttons3{
  margin-top: 30px;
}
.image1 {
  display: block;
  margin: 50px auto;
}
.card {
  margin-bottom: 30px;
}
.resultTable {
  border: 1px solid #000;
  font-size: 13px;
  width: 100%;
  height: 163px; /*19-08-2020*/
}
.resultTable p {
  margin: 0;
}
.resultTable h5 {
  margin: 0;
  font-size: 16px;
}
.card-success {
  background-color: #C3E6CB;
  border: 1px solid #000;
  padding-bottom: 40px;
}
.card-error {
  background-color: #ffc4c4;
  border: 1px solid #000;
  padding-bottom: 40px;
}


.para{
  color: #0000ff;
  font-weight: bold;
  padding-top: 31px;
}
.logo5{
  float: right;
}
.logo6{
  float: right;
}
.logo7{
  float: right;
}
.logo8{
  text-align: center;
}
.second-section{
  text-align: center;
  font-weight: bold;
  line-height: 16px;
  padding-top: 60px;
  padding-left: 38%;
}
.btn-group-sm>.btn, .btn-sm {
  padding: .1rem .6rem;
  font-size: .875rem;
  line-height: 1.6;
  border-radius: .5rem;
}
.first-section{
  padding-top: 20px;
}
.line1{
  padding-left: 15px;
}
.para1{
  color: red;
  text-align: center;
  padding-left: 19%;
  padding-top: 50px;
  font-size: 12px;
}
/*@media(max-width: 768px) {
  .logo2, .logo1, .logo3, .logo8, .my-button, .text-1 {
    text-align: center;
    float: none;
    margin: none;
  } 
}*/
.line2 {
  margin-top: 0;
  margin-bottom: 0rem;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 30px;
}
.line3 {
  margin-top: 0;
  margin-bottom: 0rem;
  line-height: 1;
  font-size: 0.99rem;
  font-weight: bold;
}
.third-section {
  text-align: center;
}
.line4 {
  margin-top: 0;
  margin-bottom: 0rem;
  line-height: 1;
  font-size: 13px;
  padding-top: 40px;
}
.line5 {
  margin-top: 0;
  margin-bottom: 0rem;
  line-height: 1;
  font-size: 13px;
  padding-top: 20px;
}
.round1-field {
  border: 1px solid black;
  border-radius: 15px;
  width:100%;
  max-width: 300px;
  background-color: #f5f5f5;
  margin: 50px auto 0;
  padding: 40px 25px;
  box-sizing: border-box;
}
.my-button{
  margin-left: 122px;
}
.text-1{
  font-size: 12px;
  padding-left: 9px;
}
.round1-field input[type="text"]{
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px black;
  width: 110px;
}
legend{
  font-size: 12px;
  font-weight: bold;
}
.line6{
  font-size: 12px;
  font-weight: bold;
}
.line7{
  font-size: 14px;
  margin-bottom: 1rem;
}
.my-fieldset{
  border: 1px solid black;
  border-radius: 12px;
  border-color: #000;
  margin-right: 0px;
  margin-bottom: 30px;
}
.my-fieldset legend {
  padding: 0 10px;
}
.my-fieldset h6 {
  font-size: 14px;
  margin-bottom: 10px;
}
.s-table{
  border-collapse: separate;
}
.r1-table td{
font-size: 12px;
}
.d-table p{
    margin-top: 0;
    margin-bottom: -2rem;
}
.graph-section {
  margin: 25px 0px;
  padding: 25px 0;
}
.graph-section .image1 img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Subhankar De(End)*/



/*Satyapriya 1*/
body {
  padding: 0;
  margin: 0;
}
.Logout {
  float: right;
  border-radius: .6rem;
}
.btn1 {
  border-radius: .6rem;
  margin: 30px 0px 30px 0px;
}
.css1 {
  width: 85px;
  background-color: #f5f5f5;
}
.css2 {
  width: 170px;
  background-color: #f5f5f5;
}
.form1 {
  width: 63px;
  display: inline-block;
  background-color: #f5f5f5;
}
.form2 {
  width: 63px;
  background-color: #f5f5f5;
}
.level {
  width: calc((99% - 12px)/5);
  display: inline-block;
}
.level1 {
  width: calc((100% - 40px)/6);
  display: inline-block;
}
.level2 {
  width: calc((100% - 40px)/5);
  display: inline-block;
}
.right {
  display: inline-block;
  width: calc((100% - 40px)/2);
}
.same {
  display: inline-block;
  width: calc((100% - 20px)/4);
}
.same li {
  list-style-type: none;
  padding-top: 1em;
}
.old li {
  padding-top: 30px;
}

.same1 li {
  list-style-type: none;
  padding-top: 1em;
}
.same3 {
  display: inline-block;
}
.same3 li {
  list-style-type: none;
  padding-top: 1em;
  font-size: 12px;
  line-height: 0.6rem;
  margin-left: -15px;
}
.same4 {
  display: inline-block;
  font-size: 12px;
}
.same4 li {
  list-style-type: none;
}
.color {
  
}
.one {
  width: calc((100% - 20px)/2);
}
.form3 {
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}
.bittu{
  margin-bottom: 30px;
  margin-top: 10px;
  border-radius: .6rem;
}
.btn3{
  border-radius: .6rem;
}
#Participantname{
  background-color: #f5f5f5;
  height: 30px;
  padding: 0 10px;
}
.big {
font-size: 20px;
}
.left {
/*padding-left: 15px;
padding-top: 15px;*/
}
.left p {
margin-bottom: 0rem;
margin-block-start:0em;
margin-block-end:0em;
}
.card-title {

font-size: 20px;
}
.remove p  {
margin-bottom: 0rem;

}
.remove h5 {
margin-bottom: -0.2rem;
line-height: 1;
font-size: 16px;
}
@media(max-width: 768px) {
    .chester li a {
      padding: 10px;
    }
    .logo2 {
      margin-top: 25px;
    }
    .logo3 {
      margin-top: 40px;
    }
    .chester {
      padding-left: 0;
    }
    .chester li img {
      margin-right: 0;
    }
    .logbutton {
      text-align: center;
      display: inherit;
    }
    .logbutton button {
      float: none;
      display: inline-block;
      vertical-align: top;
    }
    
    .backbutton {
      text-align: center;
      float: left;
      margin-right: 10px;
      margin-bottom: 20px;
    } 

    .backbutton a {
      float: none;
      display: inline-block;
      vertical-align: top;
    }

    .divwrap {
      margin: 0 auto;

      display: table;
    }

    .listhead {
      text-align: center;
    } 
    .image1 {
      margin-top: -33px;
      margin-left: 0;
      width: 100%;
    }/*last-img-section*/
    .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    }
    .buttons1{
    margin-left: 57px;
    margin-top: 159px;
    padding: 1px 10px 1px 10px;
    background-color: #2c88c4;
    border-radius: 0.4rem;
    font-size: 14px;
    }
    .buttons2{
    margin-left: 27px;
    margin-top: 159px;
    padding: 1px 10px 1px 10px;
    background-color: #2c88c4;
    border-radius: 0.4rem;
    font-size: 14px;
    }
    .buttons3{
    margin-left: 128px;
    margin-top: 38px;
    padding: 1px 10px 1px 10px;
    background-color: #2c88c4;
    border-radius: 0.4rem;
    font-size: 14px;
    margin-bottom: 28px;
  }
}

.css1 {
  width: 90px;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}
.css2 {
  width: 180px;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
}
.form1 {
  width: 55%;
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  margin: 3px 0;
}
select.form1 {
  padding: 0;
  font-size: 14px;
}
.form2 {
  width: 63px;
}

.level {
  width: calc((98% - 7px)/5);
  display: inline-block;
  margin-bottom: 30px;
}
.level p {
  font-size: 13px;
  margin: 0;
}
.level1 {
  width: calc((100% - 40px)/6);
  display: inline-block;
  margin-bottom: 30px;
}
.level1 p {
  font-size: 13px;
  margin: 0;
}
.right {
  display: inline-block;
  width: 100%;
}
.same {
  display: inline-block;
  width: calc((100% - 20px)/4);
}
.same li {
  list-style-type: none;
  padding-top: 1em;
}
.old li {
  padding-top: 30px;
}

.same1 li {
  list-style-type: none;
  padding-top: 1em;
}
.same3 {
  display: inline-block;
  padding-left: 0px;
}
.side {
  padding-left: 9px;
}
.same3 li {
  list-style-type: none;
  padding-top: 1em;
}
.same4 {
  display: inline-block;
  /*width: calc((190% - 5px)/7);*/
  padding-left: 0px;
  font-size: 11pt;
}
.s-table {
  border-collapse: separate;
}
.same4 li {
  list-style-type: none;
}

.one {
  width: calc((100% - 20px)/2);
}
.form3 {
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}
.image1 {
  margin-left: 70px;
  margin-top: 105px;
}
.sattlement{
  padding-top: 31px;
}
.card-body {
  padding-bottom: 40px;
}
.inln {
  display: inline-block;
}
.inln li {
  list-style-type: none;
}
.big {
  font-size: 20px;
}
.left {
  /*padding-left: 15px;
  padding-top: 15px;*/
}
.left p {
  margin-bottom: 0rem;
  margin-block-start:0em;
  margin-block-end:0em;
}
.card-body h5 {
  padding-top: .6rem;
}
.card-title {
  
  font-size: 20px;
}
.remove p  {
  margin-bottom: 0rem;

}
.remove h5 {
  margin-bottom: -0.2rem;
  line-height: 1;
  font-size: 16px;
}


/*souravda*/
footer {
  display: block;
  width: 100%;
  float: left;
  height: auto;
  color: #bfbfbf;
  font-size: 14px;
}
body{
  background: #aaaaaa;
}
.wrapper {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  background: #fff;
}
.logo1{
  display: block;
  margin: 15px auto;
}
.logo2{
  margin-top: 50px;
}
.logo3{
  float: right;
  margin-top: 50px;
}
.footer1 {
  padding-bottom: 5px;
  color: #bfbfbf;
  padding-top: 5px;
  font-size: 12px;
  background: #fff;
}
.sattlement .card-body {
  border: 1px solid;
}
.remove {
    border: 1px solid;
  }

/* 25-05-19 */
.fleft { float: left;}
.fright { float: right}
.u-submit-area { width: 22%; margin:0 auto}
.listhead {
  padding-left: 30px;
}

/*for responsive*/
@media(max-width: 768px) {
  .u-submit-area { width: 30%; margin:0 auto}
  .logo2 {
    margin-top: 25px;
  }
  .logo3 {
    margin-top: 40px;
  }

  /*for logout button*/
  .Logout {
   text-align: center;
}
.pr1 {
  font-size: 18px; /*chesterstep2*/
}
.level {
  width: 49%;
}
.audio {
  margin-top: 10px;
}

/*chesterstep2*/
/*chester treadmill test*/
.level1 {
  width: 49%;
  margin-top: 10px;
}
.sattlement .card-body {
  height: 145px;
  padding: .9rem;
}
/*Chester Treadmill Test Predction Result:*/
.cttprh2 {
  font-size: 18px;
}
.table-responsive b {
  font-size: 14px;
}
.table-responsive .table td {
  font-size: 14px;
}
.image1 {
  margin-left: 0;
  margin-top: 0;
  max-width: 100%;
}
.ctth1 {
  font-size: 18px;
}
/*chester treadmill test   predction  result */
.card-body h5 {
  margin-top: 0;
  padding-top: 0;
}
.card-title {
  margin-bottom: 0;
}
.table-success, .table-success>td, .table-success>th{
  padding: 5px;
}
.table-warning, .table-warning>td, .table-warning>th {
  padding: 5px;
}
.table-danger, .table-danger>td, .table-danger>th {
  padding: 5px;
}
.sattlement .card-body {
  height: 116px;
}
.sattlement .card-body {
  border: 1px solid;
}
}
@media(max-width: 600px) {
  .u-submit-area { width: 38%; margin:0 auto}

}
/* 25-05-19 */
@media(max-width: 500px) {
  .u-submit-area { width: 65%; margin:0 auto}
}


/* ---- graph ---- */
/*.chart {
  border: 1px solid blue;
  overflow: hidden;
  min-height: 450px;
  width: 100%;
} 

@media only screen and (max-width: 767px) {
  .chart {
    border: 1px solid red;
  }

}*/

/* 31052019 Step and tread result box size */
@media screen and (min-width: 768px) and (max-width:768px) {
  .result_box{
    padding-top: 20px !important;
    padding-left: 10px !important;
    padding-bottom: 68px !important
  }
}
@media screen and (min-width: 769px) {
.result_box{
  padding-top: 0px !important;
  padding-left: 10px !important;
  padding-bottom: 24px !important;
}
}

.notification-msg{
  font-size: 20px;
  color: #d57a7a;
  padding: 30px 0;
}
.notification-msg span{
  display: block;
}

@media print {
  .btn-primary{ display: none; }
  .aer-cap .card h5{
    margin: 0 0;
  }
  .aer-cap .card, .arb-lrg .card{ height: 150px; }
  /*.arb-lrg .card .resultTable{ height: 150px; }*/
  .arb-lrg .card .resultTable{ height: 183px; } /*19-08-2020*/
}