.infobox-container {
  text-align: left;
  font-size: 0;
}
.infobox {
  display: inline-block;
  width: 210px;
  height: 80px;
  color: #555;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
  margin: 0px;
  padding: 0px;
  border: 1px dotted; 
  border-color: #D8D8D8 !important;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
 
h5 {
  font-size: 18px;
  font-weight: normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom:1px solid #e1e1e1;
  text-align : left;
  padding-bottom:5px;
}
 
.profile-user-info {
  display: table;
  width: 98%;
  width: calc(100% - 24px);
  margin: 0 auto;
}
.profile-info-row {
  display: table-row;
}
.profile-info-name {
  text-align: right;
  padding: 6px 10px 6px 4px;
  font-weight: normal;
  color: #667E99;
  background-color: transparent;
  border-top: 1px dotted #D5E4F1;
  display: table-cell;
  width: 330px;
  vertical-align: middle;
}
.profile-info-value {
  display: table-cell;
  padding: 6px 4px 6px 6px;
  border-top: 1px dotted #D5E4F1;
}

.profile-user-info-striped .profile-info-name {
  color: #336199;
  background-color: #fff;
  border-top: 1px solid #F7FBFF;
}
.profile-user-info-striped .profile-info-value {
  border-top: 1px dotted #DCEBF7;
  padding-left: 12px;
  background : #fff;
}
@media only screen and (max-width: 480px) {
  .profile-info-name {
    width: 330px;
  }
  .profile-user-info-striped .profile-info-name {
    float: none;
    width: auto;
    text-align: left;
    padding: 6px 4px 6px 10px;
    display: block;
  }
  .profile-user-info-striped .profile-info-value {
    margin-left: 0px;
    display: block;
  }
}
@media only screen and (max-width: 480px) {
  .itemdiv.memberdiv {
    float: none;
    width: auto;
  }
}
.profile-user-info {
  display: table;
  width: 98%;
  width: calc(100% - 24px);
  margin: 0 auto;
}
.profile-info-row {
  display: table-row;
}
.profile-info-name {
  text-align: right;
  padding: 6px 10px 6px 4px;
  font-weight: normal;
  color: #667E99;
  background-color: transparent;
  border-top: 1px dotted #D5E4F1;
  display: table-cell;
  width: 330px;
  vertical-align: middle;
}
.profile-info-value {
  display: table-cell;
  padding: 6px 4px 6px 6px;
  border-top: 1px dotted #D5E4F1;
}
}
.profile-user-info-striped {
  border: 1px solid #DCEBF7;
}
.profile-user-info-striped .profile-info-name {
  color: #336199;
  background-color: #fff;
  border-top: 1px solid #F7FBFF;
}
.profile-user-info-striped .profile-info-value {
  border-top: 1px dotted #DCEBF7;
  padding-left: 12px;
}


.btn-primary,
.btn-primary:focus {
  background-color: #428bca !important;
  border-color: #428bca;
}

.btn-primary:hover,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
  background-color: #1b6aaa !important;
  border-color: #428bca;
}
.btn-primary.no-border:hover,
.btn-primary.no-border:active {
  border-color: #1b6aaa;
}
.btn-primary.no-hover:hover,
.btn-primary.no-hover:active {
  background-color: #428bca !important;
}
.btn-primary.active {
  background-color: #2f7bba !important;
  border-color: #27689d;
}


.form-actions {
  display: block;
  background-color: #F5F5F5;
  border-top: 1px solid #E5E5E5;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 19px 20px 20px;
}
.danger
{color : #d15b47;}
.smaller-90 {
  font-size: 90% !important;
}
.smaller-80 {
  font-size: 80% !important;
}
.smaller-70 {
  font-size: 70% !important;
}
.smaller-60 {
  font-size: 60% !important;
}
.smaller-50 {
  font-size: 50% !important;
}
.smaller-40 {
  font-size: 40% !important;
}
.smaller-30 {
  font-size: 30% !important;
}
.smaller-20 {
  font-size: 20% !important;
}
.smaller-75 {
  font-size: 75% !important;
}
.width-12 {
  width: 12% !important;
}
.width-15 {
  width: 15% !important;
}
.width-20 {
  width: 20% !important;
}
.width-25 {
  width: 25% !important;
}
.width-30 {
  width: 30% !important;
}
.width-70 {
  width: 70% !important;
}

.center,
.align-center {
  text-align: center !important;
}

.bolder {
  font-weight: bolder;
}