h1 { font-family: 'Roboto Slab', serif; font-weight: 700; }
h2 { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 20px;}
h3 { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;}
div { font-family: 'Roboto', serif; font-size: 12px;}
div .content { white-space: pre}
label { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;}
li2 { font-family: 'Roboto' }
body{ font-family: 'Roboto'; }
.input{ font-family: 'Roboto' }
td.fpKey { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;
        padding: 4px 10px; text-align:right;    text-transform: capitalize;
        vertical-align:top;}
.comment  { font-family: 'Roboto Slab', serif; color: grey; font-weight: 300; font-size: 14px;}

.participantLi { margin-top: 25px; padding-bottom: 5px;border-bottom: 5px solid #eee;  list-style:none}
ul { margin: 0px; padding: 0px;}

.addParticipantBtn { 
  border: 1px solid #357ebd;
  margin-top: 50px;
  margin-left: 3px;
  font-size: 18px;
  padding: 5px 9px;
  color: #fff;
  background-color: #428bca;
  border-radius: 5px;

}
.headingNoteficaion { font-family: 'Roboto', serif; font-weight: 500; font-size: 14px; padding-bottom: 20px;}

.angular-with-newlines {
    white-space: pre-wrap;
}
.myRegUl {
  list-style:none;
  font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;
  
}
.myRegUl2 {
  font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;
  margin-left: 50px;
  
}

a.addParticipantBtn:hover  { 
 background-color: #357ebd;
 text-decoration: none;
  color: #fff;
 }

.newTH
{ 
font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 14px;
vertical-align: bottom;
padding-bottom: -10px ;
}
.submitDoneBtn { 
  border: 1px solid #357ebd;
  margin-top: 50px;
  margin-left: 3px;
  font-size: 18px;
  padding: 5px 9px;
  color: #fff;
  background-color: #428bca;
  border-radius: 5px;

}

a.submitDoneBtn:hover  { 
 background-color: #357ebd;
 text-decoration: none;
  color: #fff;
 }

.selectBox { 
  border: 1px solid #357ebd;
  padding: 5px;
  color: #676767;
  background-color: #fff;
  border-radius: 5px;
}

.tdBill {
  text-align: right;
}

.accordHdr { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 16px;}

.btshdr {
  _border: 1px solid #ddd;
  background-color: #428bca;
  color: white;
  border: 1px solid #357ebd;
  _background-color: #F5F5F5;
}
.btseven {
  color: #676767;
  background-color: #F5F5F5;
}
.btsodd {
  color: #676767;
  background-color: #FFFFFF;
}
.item, .placeholder {
    padding: 2px;
    width: 50px;
    height: 20px;
    border: 1px solid #333;
    background: #EEE;
}
.placeholder {
    background: #AEF;
}


.rc-nav-wizard > li {
  float: left;
  font-size: 18px;
}

.rc-nav-wizard > li + li {
  margin-left: 2px;
}

.rc-nav-wizard > li > a {
  border-radius: 5px;
  cursor: default;
  color: #999;
}

.rc-nav-wizard > li > a,
.rc-nav-wizard > li > a:hover,
.rc-nav-wizard > li > a:focus {
  background-color: transparent;
}

.rc-nav-wizard > li > a > .badge {
  margin-left: 3px;
  font-size: 18px;
  padding: 5px 9px;
  border-radius: 15px;
}

/* active = current wizard step */
.rc-nav-wizard > li.active > a,
.rc-nav-wizard > li.active > a:hover,
.rc-nav-wizard > li.active > a:focus {
  color: #428bca;
  background-color: transparent;
}

.rc-nav-wizard > .active > a > .badge {
  color: #ffffff;
  background-color: #428bca;
}

/* success = completed wizard step */
.rc-nav-wizard > li.success > a,
.rc-nav-wizard > li.success > a:hover,
.rc-nav-wizard > li.success > a:focus {
  color: #D4AF37;
  background-color: transparent;
}

.rc-nav-wizard > .success > a > .badge {
  color: #ffffff;
  background-color: #D4AF37;
}

.divBtn {
  padding-top: 20px;
}

.logoutBtn { 
  border: 1px solid #357ebd;
  margin-top: 50px;
  margin-left: 3px;
  font-size: 18px;
  padding: 5px 9px;
  color: #fff;
  background-color: #428bca;
  border-radius: 5px;

}
a.logoutBtn:hover  { 
 background-color: #357ebd;
 text-decoration: none;
  color: #fff;
 }