body{
	background-color: #eeeeee;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
}
.btn { white-space: normal; }

  .text-center { text-align: center; }
  .text-right { text-align: right; }
  .text-left { text-align: left; }

.logo-container .logo { width: auto; border-radius: 0px;border: none; width: 400px; }
.text-center { text-align: center; }
.btn-fill.btn-primary, .btn-fill.btn-primar:hover, .btn-fill.btn-primar:focus { background-color: #b4b51c !important; border-color: #b4b51c !important; color: #fff; }
.btn-success {
	color: #b4b51c;
    border-color: #b4b51c;
}
.fieldadcap.input-group-addon:last-child { background-color: #eee; } 
.btn { margin-bottom: 5px; }
.breadcrumb { padding: 0px; background-color: #e5e5e5; }
.wizard-wrapper { 
	max-width: 100%;
	width: 700px;
 }
 .green_highlight { color: #b4b51c; }
 .red_highlight { color: #b51c1c }
 .btnanchor { max-width: 100%; font-size: 14px; color: #fff; width:  100%; }

 p { font-size: 14px; }
.breadcrumb-arrow {
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
background-color: #e6e9ed
}
.breadcrumb-arrow li:first-child a {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
display: inline-block;
vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
margin-left: -5px
}
.breadcrumb-arrow li+li:before {
padding: 0;
content: ""
}
.breadcrumb-arrow li span {
padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
height: 36px;
padding: 0 10px 0 25px;
line-height: 36px
}
.breadcrumb-arrow li:first-child a {
padding: 0 10px
}
.breadcrumb-arrow li a {
position: relative;
color: #fff;
text-decoration: none;
background-color: #3bafda;
border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: '';
border-top: 18px solid transparent;
border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
right: -10px;
z-index: 3;
border-left-color: #3bafda;
border-left-style: solid;
border-left-width: 11px
}
.breadcrumb-arrow li a:after {
right: -11px;
z-index: 2;
border-left: 11px solid #2494be
}

.breadcrumb-arrow li a:active {
background-color: #2494be;
border: 1px solid #2494be
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
border-left-color: #2494be
}
.breadcrumb-arrow li span {
color: #434a54
}
.breadcrumb-arrow li.active a{
background-color: #cacd3a;
color: #fff;
}
/* modified*/
.breadcrumb-arrow li a {
position: relative;
color: #a4a3a3;
text-decoration: none;
background-color: #e5e5e5;
border: 1px solid #e5e5e5;
}
.breadcrumb-arrow li a:before {
right: -10px;
z-index: 3;
border-left-color: #e5e5e5;
border-left-style: solid;
border-left-width: 11px;
}
.breadcrumb-arrow li a:after {
border-left: 11px solid #494b4b;
}
.breadcrumb-arrow li.active a:before, .breadcrumb-arrow li.active a:focus:before, .breadcrumb-arrow li.active a:hover:before {
border-left-color: #cacd3a;
}
.breadcrumb-arrow li.done a{
background-color: #000;
color: #fff;
}
.breadcrumb-arrow li.done a:before, .breadcrumb-arrow li.done a:focus:before, .breadcrumb-arrow li.done a:hover:before {
border-left-color: #000;
}
.welcome-box {
box-shadow: 0 1px 3px rgba(0,0,0,.13);
padding: 24px 24px 0;
background: #fff;
overflow: hidden;
zoom: 1;
padding-bottom: 25px;
}
.container.wiz-container {
width: 700px;
max-width: 100%
}
.btn-green {
background-color: #d5e14c;
color: #fff;
font-weight: bold;
}
.btn { font-weight: bold; }
.logo-container { position: absolute; top: 1px; width: 100%; }
.logo-container .logo { margin: auto; }
.alert {  word-wrap: break-word; }
@media( max-width: 1200px ){
  .wizard-card .btn { font-size: 11px; }
}
@media (max-width:  760px){  }
@media (max-width:  500px){
.breadcrumb-arrow li a { font-size: 9.5px; }
.logo-container .logo { width: 90%; }
.btn { font-size: 14px; }
}
@media (max-width:  400px){
.breadcrumb-arrow li a { font-size: 8px; }
}

.help-cap{
    background: #f3f0f0;
    padding: 15px 15px;
    color: #000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
	margin-bottom:15px;
}