.lighter {
    font-weight: lighter;
}
.bolder {
    font-weight: bolder;
}
.inline {
    display: inline-block !important;
}
.block {
    display: block !important;
}
.center,
.align-center {
    text-align: center !important;
}
.align-left {
    text-align: left !important;
}
.align-right {
    text-align: right !important;
}
.middle {
    vertical-align: middle;
}
.align-middle {
    vertical-align: middle !important;
}
.align-top {
    vertical-align: top !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.line-height-normal {
    line-height: normal !important;
}
.line-height-1 {
    line-height: 1 !important;
}
.dark {
    color: #333333 !important;
}
.white {
    color: #ffffff !important;
}
.red {
    color: #dd5a43 !important;
}
.light-red {
    color: #ff7777 !important;
}
.blue {
    color: #478fca !important;
}
.light-blue {
    color: #93cbf9 !important;
}
.green {
    color: #69aa46 !important;
}
.light-green {
    color: #b0d877 !important;
}
.orange {
    color: #ff892a !important;
}
.light-orange {
    color: #fcac6f !important;
}
.orange2 {
    color: #feb902 !important;
}
.purple {
    color: #a069c3 !important;
}
.pink {
    color: #c6699f !important;
}
.pink2 {
    color: #d6487e !important;
}
.brown {
    color: #a52a2a !important;
}
.grey {
    color: #777777 !important;
}
.light-grey {
    color: #bbbbbb !important;
}
.bigger-110 {
    font-size: 110%;
}
.bigger-120 {
    font-size: 120%;
}
.bigger-130 {
    font-size: 130%;
}
.bigger-140 {
    font-size: 140%;
}
.bigger-150 {
    font-size: 150%;
}
.bigger-160 {
    font-size: 160%;
}
.bigger-170 {
    font-size: 170%;
}
.bigger-180 {
    font-size: 180%;
}
.bigger-190 {
    font-size: 190%;
}
.bigger-200 {
    font-size: 200%;
}
.bigger-210 {
    font-size: 210%;
}
.bigger-220 {
    font-size: 220%;
}
.bigger-230 {
    font-size: 230%;
}
.bigger-240 {
    font-size: 240%;
}
.bigger-250 {
    font-size: 250%;
}
.bigger-260 {
    font-size: 260%;
}
.bigger-270 {
    font-size: 270%;
}
.bigger-280 {
    font-size: 280%;
}
.bigger-290 {
    font-size: 290%;
}
.bigger-300 {
    font-size: 300%;
}
.bigger-125 {
    font-size: 125%;
}
.bigger-175 {
    font-size: 175%;
}
.bigger-225 {
    font-size: 225%;
}
.bigger-275 {
    font-size: 275%;
}
.smaller-90 {
    font-size: 90%;
}
.smaller-80 {
    font-size: 80%;
}
.smaller-70 {
    font-size: 70%;
}
.smaller-60 {
    font-size: 60%;
}
.smaller-50 {
    font-size: 50%;
}
.smaller-40 {
    font-size: 40%;
}
.smaller-30 {
    font-size: 30%;
}
.smaller-20 {
    font-size: 20%;
}
.smaller-75 {
    font-size: 75%;
}
.width-20 {
    width: 20% !important;
}
.width-25 {
    width: 25% !important;
}
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-50 {
    width: 50% !important;
}
.width-55 {
    width: 55% !important;
}
.width-60 {
    width: 60% !important;
}
.width-65 {
    width: 65% !important;
}
.width-70 {
    width: 70% !important;
}
.width-75 {
    width: 75% !important;
}
.width-80 {
    width: 80% !important;
}
.width-85 {
    width: 85% !important;
}
.width-90 {
    width: 90% !important;
}
.width-95 {
    width: 95% !important;
}
.width-100 {
    width: 100% !important;
}
.width-48 {
    width: 48% !important;
}
.width-auto {
    width: auto !important;
}
.height-auto {
    height: auto !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.no-margin-left {
    margin-left: 0 !important;
}
.no-margin-right {
    margin-right: 0 !important;
}
.no-border {
    border: none;
}
.no-border-bottom {
    border-bottom: none;
}
.no-border-top {
    border-top: none;
}
.no-border-left {
    border-left: none;
}
.no-border-right {
    border-right: none;
}
.no-underline {
    text-decoration: none !important;
}
.no-hover-underline:hover {
    text-decoration: none !important;
}
.no-shadow,
.no-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.no-text-shadow {
    text-shadow: none !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-scroll {
    overflow: scroll !important;
}
.overflow-visible {
    overflow: visible !important;
}
/* <hr /> like spacing by using div, e.g <div class="hr hr-32"></div> */
.hr {
    display: block;
    height: 0px;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #E3E3E3;
    margin: 12px 0;
}
.hr-double {
    height: 3px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
}
.hr.dotted,
.hr-dotted {
    border-top-style: dotted;
}
.hr-double.dotted {
    border-bottom-style: dotted;
}
.hr-32,
.hr32 {
    margin: 32px 0;
}
.hr-30,
.hr30 {
    margin: 30px 0;
}
.hr-28,
.hr28 {
    margin: 28px 0;
}
.hr-26,
.hr26 {
    margin: 26px 0;
}
.hr-24,
.hr24 {
    margin: 24px 0;
}
.hr-22,
.hr22 {
    margin: 22px 0;
}
.hr-20,
.hr20 {
    margin: 20px 0;
}
.hr-18,
.hr18 {
    margin: 18px 0;
}
.hr-16,
.hr16 {
    margin: 16px 0;
}
.hr-14,
.hr14 {
    margin: 14px 0;
}
.hr-12,
.hr12 {
    margin: 12px 0;
}
.hr-10,
.hr10 {
    margin: 10px 0;
}
.hr-8,
.hr8 {
    margin: 8px 0;
}
.hr-6,
.hr6 {
    margin: 6px 0;
}
.hr-4,
.hr4 {
    margin: 4px 0;
}
.hr-2,
.hr2 {
    margin: 2px 0;
}
/* some spacing classes, use like <div class="space-24"></div> */
.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
}
.vspace-xs,
.vspace-sm,
.vspace-md,
.vspace-lg {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    display: none;
    margin: 12px 0;
}
/* visible only on smaller devices where grid columns are stacked on top of each other */
.space-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px;
}
.vspace-32,
.vspace-xs-32,
.vspace-sm-32,
.vspace-md-32,
.vspace-lg-32 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 32px 0 31px 0;
}
.space-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px;
}
.vspace-30,
.vspace-xs-30,
.vspace-sm-30,
.vspace-md-30,
.vspace-lg-30 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 30px 0 29px 0;
}
.space-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px;
}
.vspace-28,
.vspace-xs-28,
.vspace-sm-28,
.vspace-md-28,
.vspace-lg-28 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 28px 0 27px 0;
}
.space-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px;
}
.vspace-26,
.vspace-xs-26,
.vspace-sm-26,
.vspace-md-26,
.vspace-lg-26 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 26px 0 25px 0;
}
.space-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px;
}
.vspace-24,
.vspace-xs-24,
.vspace-sm-24,
.vspace-md-24,
.vspace-lg-24 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 24px 0 23px 0;
}
.space-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px;
}
.vspace-22,
.vspace-xs-22,
.vspace-sm-22,
.vspace-md-22,
.vspace-lg-22 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 22px 0 21px 0;
}
.space-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px;
}
.vspace-20,
.vspace-xs-20,
.vspace-sm-20,
.vspace-md-20,
.vspace-lg-20 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 20px 0 19px 0;
}
.space-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px;
}
.vspace-18,
.vspace-xs-18,
.vspace-sm-18,
.vspace-md-18,
.vspace-lg-18 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 18px 0 17px 0;
}
.space-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px;
}
.vspace-16,
.vspace-xs-16,
.vspace-sm-16,
.vspace-md-16,
.vspace-lg-16 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 16px 0 15px 0;
}
.space-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px;
}
.vspace-14,
.vspace-xs-14,
.vspace-sm-14,
.vspace-md-14,
.vspace-lg-14 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 14px 0 13px 0;
}
.space-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px;
}
.vspace-12,
.vspace-xs-12,
.vspace-sm-12,
.vspace-md-12,
.vspace-lg-12 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 12px 0 11px 0;
}
.space-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px;
}
.vspace-10,
.vspace-xs-10,
.vspace-sm-10,
.vspace-md-10,
.vspace-lg-10 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 10px 0 9px 0;
}
.space-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px;
}
.vspace-8,
.vspace-xs-8,
.vspace-sm-8,
.vspace-md-8,
.vspace-lg-8 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 8px 0 7px 0;
}
.space-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px;
}
.vspace-6,
.vspace-xs-6,
.vspace-sm-6,
.vspace-md-6,
.vspace-lg-6 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 6px 0 5px 0;
}
.space-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px;
}
.vspace-4,
.vspace-xs-4,
.vspace-sm-4,
.vspace-md-4,
.vspace-lg-4 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 4px 0 3px 0;
}
.space-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px;
}
.vspace-2,
.vspace-xs-2,
.vspace-sm-2,
.vspace-md-2,
.vspace-lg-2 {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0;
    margin: 2px 0 1px 0;
}
/* headers */
.header {
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
}
.header.blue {
    border-bottom-color: #d5e3ef;
}
.header.green {
    border-bottom-color: #cce2c1;
}
.header.purple {
    border-bottom-color: #e0d1ea;
}
.header.orange {
    border-bottom-color: #fdd0ac;
}
.header.orange2 {
    border-bottom-color: #fbd36b;
}
.header.red {
    border-bottom-color: #f3cdc6;
}
.header.grey {
    border-bottom-color: #c3c3c3;
}
.header.pink {
    border-bottom-color: #f2e0eb;
}
.header.pink2 {
    border-bottom-color: #e69eb9;
}
.header.light-blue {
    border-bottom-color: #dceefc;
}
.header.light-red {
    border-bottom-color: #fec5c5;
}
.header.light-green {
    border-bottom-color: #d2e7b5;
}
.header.brown {
    border-bottom-color: #df9393;
}
.header > [class*="icon-"] {
    margin-right: 2px;
}

.form-group.required > label:after{
    content: ' *';
    color: red;
    vertical-align: top;
    line-height:  17px;
    font-size: 10px;
}

.btn.text-left {
    text-align: left
}

.btn.text-right {
    text-align: right
}

.btn.text-center {
    text-align: center
}