.red {
  color: red;
}
.green {
  color: green;
}
.pan {
  padding: 0;
}
.pas {
  padding: 10px;
}
.pam {
  padding: 20px;
}
.prn {
  padding-right: 0;
}
.prs {
  padding-right: 10px;
}
.prl {
  padding-right: 30px;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 20px;
}
.pll {
  padding-left: 30px;
}
.ptn {
  padding-top: 0;
}
.pbn {
  padding-bottom: 0;
}
.pts {
  padding-top: 10px;
}
.ptxl {
  padding-top: 50px;
}
.pxl {
  padding: 50px;
}
.man {
  margin: 0;
}
.mas {
  margin: 10px;
}
.mal {
  margin: 30px;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 20px;
}
.mbl {
  margin-bottom: 30px;
}
.mtn {
  margin-top: 0;
}
.mtm {
  margin-top: 20px;
}
.mrs {
  margin-right: 10px;
}
.mrl {
  margin-right: 30px;
}
.mrm {
  margin-right: 20px;
}
.mls {
  margin-left: 10px;
}
.mts {
  margin-top: 10px;
}
.mtl {
  margin-top: 30px;
}
.mrs {
  margin-right: 10px;
}
.inbl {
  display: inline-block;
}
.mtxl {
  margin-top: 50px;
}
.mbxl {
  margin-bottom: 50px;
}
.mtxxl {
  margin-top: 75px;
}
.mbxxl {
  margin-bottom: 75px;
}
.mxl {
  margin: 50px;
}
.lh70 {
  line-height: 70px;
}
.lhn {
  line-height: normal;
}
.mh100 {
  min-height: 100px;
}
.wauto {
  width: auto;
}
.relative {
  position: relative;
}
.w100p,
.form-control.w100p {
  width: 100%;
}
.w450 {
  width: 450px!important;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w160 {
  width: 160px;
}
.w80 {
  width: 80px;
}
.w80p {
  width: 80% !important;
}
.w40 {
  width: 40px;
}
.w50p {
  width: 50%!important;
}
.bordered {
  border: 1px solid #575656;
  border-radius: 4px;
}
.borderedlight {
  border: 1px solid #A7A6A6;
  border-radius: 4px;
}
.borderedud {
  border-top: 1px solid #94C11F;
  border-bottom: 1px solid #94C11F;
}
.maincolor {
  color: #94C11F;
}
.asterisk:after {
  content: '*';
  font-family: FontAwesome;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  vertical-align: super;
  color: #db0000;
}
.pointer {
  cursor: pointer;
}
.italic {
  font-style: italic;
}
.light {
  color: #575656;
}
.lighter {
  color: #E4E4E4;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.posrel {
  position: relative;
}
.block {
  display: block;
}
.sub-title {
  font-size: 18px;
}
.underlined:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #AAA;
  margin-top: 4px;
  margin-bottom: 16px;
}
ul.clean {
  list-style-type: none;
}
.blue-title {
  color: #00a4d8;
  text-align: center;
  font-weight: bold;
}
/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/
/* content styles */
.inside {
  margin-top: 20px;
  margin-bottom: 20px;
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
/* columns of same height styles */
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
.rounded {
  border: 1px solid #94C11F;
  border-radius: 4px;
  padding: 10px;
}
@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}
@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}
.alert-success {
  background-color: #A0C520;
  color: #FFF;
}
.alert-error,
.alert-danger {
  background-color: #E9531E;
  color: #FFF;
}
ul.check,
ul.check-square-o {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-left: 10px;
}
ul.check li,
ul.check-square-o li {
  padding-left: 20px;
  padding-bottom: 6px;
}
ul.check li:before,
ul.check-square-o li:before {
  display: inline-block;
  width: 20px;
  margin-left: -20px;
  font-family: 'FontAwesome';
}
ul.check.horizontal li,
ul.check-square-o.horizontal li {
  display: inline-block;
  margin-right: 20px;
}
ul.check li:before {
  content: "\f00c";
  color: #94C11F;
}
ul.check-square-o li:before {
  content: "\f046";
}