.field-container{margin:0 0 30px 0} label{font-weight:300;color:#666;font-size:13px} .info-text-sm{font-size:.85em;text-align:center}.marketing-email-optin{margin:0 0 20px 0;padding:10px 20px 20px;background-color:#f8f8f8;border-radius:3px} .sub-heading{height:0;border-top:1px solid #ddd;text-align:center;margin-top:20px;margin-bottom:30px} .sub-heading span{display:inline-block;position:relative;padding:0 17px;top:-11px;font-size:16px;color:#058;background-color:#fff} .prepend-icon{top:0;left:0;display:inline-block;vertical-align:top;position:relative;width:100%;font-weight:400} .field, .form-control{position:relative;vertical-align:top;border:1px solid #ddd;display:-moz-inline-stack;display:inline-block;color:#626262;outline:0;background:#fff;height:36px;width:100%;border-radius:3px;font-size:13px} .input-group-lg>.form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px 0 0 6px} .form-control-qty{width:70px;text-align:center} .form-control-static-inline{display:inline-block} .form-control:focus{border-color:#ddd;outline:0;-webkit-box-shadow:none;box-shadow:none} textarea.field{height:auto} .prepend-icon .field{-webkit-appearance:none;padding-left:36px} .prepend-icon .field-icon i{position:relative;font-size:14px} .prepend-icon .field-icon{top:0;z-index:4;width:42px;height:36px;color:inherit;line-height:36px;position:absolute;text-align:center;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;pointer-events:none} .field-icon i{color:#bbb} .field[disabled], .field[readonly], .form-control[disabled], .form-control[readonly]{background-color:#f8f8f8;opacity:1} .field-help-text{display:block;margin-top:5px;margin-bottom:10px;color:#888;font-size:12px}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
.errorMessage {
    background-color: #e66262;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}

.successMessage {
    background-color: #9fd2a1;
    border: #91bf93 1px solid;
    padding: 5px 10px;
    color: #3d503d;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.9em;
}

.info {
    font-size: .8em;
    color: #e66262;
    letter-spacing: 2px;
    padding-left: 5px;
}





.circular-skillbar {
  width: 120px;
  margin: 0 auto 20px;
  text-align: center;
}

.circular-chart {
  display: block;
  max-width: 100%;
  max-height: 120px;
  margin: auto;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: stroke-dasharray 1.5s ease;
}

.percentage {
  fill: #111;
  font-family: Arial, sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}