.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.spacer  { padding: 10px; }
.spacer-lg  { padding: 20px; }
.spacer-xlg  { padding: 30px; }

.borderless { border: none !important; }
.strong, .strong h2, .strong h5  { font-weight: bold; }

i.fa + span,
i.fas + span,
i.fab + span { margin-left: 6px; }

.font-large { font-size: large; }

/* ------------ MARGIN */
.no-margin  {margin: 0 !important;}

.m-t { margin-top:4px !important; }
.m-r { margin-right:4px !important;}
.m-b { margin-bottom:4px !important;}
.m-l { margin-left:4px !important;}

.m-t-lg { margin-top:10px !important; }
.m-r-lg { margin-right:10px !important;}
.m-b-lg { margin-bottom:10px !important;}
.m-l-lg { margin-left:10px !important;}

.m-t-xlg { margin-top:20px !important; }
.m-r-xlg { margin-right:20px !important;}
.m-b-xlg { margin-bottom:20px !important;}
.m-l-xlg { margin-left:20px !important;}

/* ------------ PADDING */
.p-x-lg {padding:10px !important;}
.no-padding-left { padding-left: 0 !important; }

.padding-right-10 {padding-right: 10px;}
.padding-left-10 {padding-left: 10px;}
.padding-top-10 {padding-top: 10px;}
.padding-10 {padding: 0 10px;}

.bordered-box {
    border: 1px solid #bcbcbc;
    padding: 5px;
    box-sizing: border-box;
}
.border-rad4 { border-radius: 4px; }

.ajax-loading-bars {
    background: url(../images/loading-bars.svg) no-repeat center center;
    padding: 24px 0;
    background-color: #f1f1f1;
}

.ajax-loading-bar {
    background: url(../images/ajax-loader.gif) no-repeat center center;
    padding: 24px 0;
     background-color: #f1f1f1;
}

.ajax-loading-bars.inline  {
    display: inline-block;
    width: 40px;
}

.ajax-loading-bars.with-form-control { margin-top: -6px; }
.bg-transparent { background-color: transparent; }  

.checkbox.icheckbox label, .radio.icheckbox label { padding-left: 0; }
.iradio .radio.icheckbox {display: inline-block;}