/*Background - Font Color*/
.df-white {background: #fff !important; color: #555 !important}
.df-softgray {background: #cccccc !important; color: #000 !important}
.df-gray {background: #676767 !important; color: #fff !important}
.sf-gray {background: #efefef !important; color: #555 !important}
.df-black {background: #000 !important; color: #f7931e !important}
.df-softblack {background: #3a3a3a !important; color: #fff !important}

.df-orange {background: #ff7305 !important; color: #000 !important}
.df-oldorange {background: #f26a26 !important; color: #fff !important}

.df-green {background: #099c29 !important; color: #fff !important}
.df-pink {background: hotpink !important; color: #000 !important}
.df-cyan {background: cyan !important; color: #000 !important}
.df-yellow {background: yellow !important; color: #000 !important}
.df-brown {background: #d5792f !important; color: #fff !important}
.df-lightbrown {background: #e7be04 !important; color: #000 !important}
.df-oldbrown {background: #a4542c !important; color: #fff !important}
.df-blue {background: #02a9ed !important; color: #fff !important}
.df-red {background: #ec2529 !important; color: #fff !important}
.df-purple {background: #7c02d0 !important; color: #fff !important}

/*Color Fonts*/
.clr-orange {color: #f7931e}
.clr-white {color: #fff}
.clr-black {color: #555}
.clr-gray {color: #999}
.clr-ltgray {color: #bbb}
.clr-red {color: #e42026}
/*.clr-red {color: #cf1218}*/

/*Font Style Color*/
.italic-red {font-style: italic; color: red}
.italic-gray {font-style: italic; color: #787878}
.italic-orange {font-style: italic; color: #f7931e}

/*Margins*/
.m0 {margin: 0 !important}
.m5 {margin: 5px !important}
.m10 {margin: 10px !important}
.m15 {margin: 15px !important}
.m20 {margin: 20px !important}

.mL0 {margin-left: 0 !important}
.mL5 {margin-left: 5px !important}
.mL10 {margin-left: 10px !important}
.mL15 {margin-left: 15px !important}
.mL20 {margin-left: 20px !important}

.mT0 {margin-top: 0 !important}
.mT2 {margin-top: 2px !important}
.mT5 {margin-top: 5px !important}
.mT7 {margin-top: 7px !important}
.mT10 {margin-top: 10px !important}
.mT15 {margin-top: 15px !important}
.mT20 {margin-top: 20px !important}
.mT30 {margin-top: 30px !important}
.mT50 {margin-top: 50px !important}

.mR0 {margin-right: 0 !important}
.mR5 {margin-right: 5px !important}
.mR10 {margin-right: 10px !important}
.mR15 {margin-right: 15px !important}
.mR20 {margin-right: 20px !important}

.mB0 {margin-bottom: 0 !important}
.mB5 {margin-bottom: 5px !important}
.mB10 {margin-bottom: 10px !important}
.mB15 {margin-bottom: 15px !important}
.mB20 {margin-bottom: 20px !important}
.mB30 {margin-bottom: 30px !important}

.mCenter {
    margin: 0 auto;
    display: table;
    float: none;
}

/*Paddings*/
.pTB10 {padding: 10px 0}
.pLR0 {padding: 0 5px !important}

.p0 {padding: 0 !important}
.p5 {padding: 5px !important}
.p10 {padding: 10px !important}
.p15 {padding: 15px !important}
.p20 {padding: 20px !important}
.p30 {padding: 30px !important}

.pL0 {padding-left: 0 !important}
.pL5 {padding-left: 5px !important}
.pL10 {padding-left: 10px !important}
.pL15 {padding-left: 15px !important}
.pL20 {padding-left: 20px !important}
.pL30 {padding-left: 30px !important}

.pT0 {padding-top: 0 !important}
.pT5 {padding-top: 5px !important}
.pT9 {padding-top: 9px !important}
.pT10 {padding-top: 10px !important}
.pT15 {padding-top: 15px !important}
.pT20 {padding-top: 20px !important}

.pR0 {padding-right: 0 !important}
.pR5 {padding-right: 5px !important}
.pR10 {padding-right: 10px !important}
.pR15 {padding-right: 15px !important}
.pR20 {padding-right: 20px !important}

.pB0 {padding-bottom: 0 !important}
.pB5 {padding-bottom: 5px !important}
.pB10 {padding-bottom: 10px !important}
.pB15 {padding-bottom: 15px !important}
.pB20 {padding-bottom: 20px !important}

/*Others*/
.text-right {text-align: right !important}
.text-left {text-align: left !important}
.text-center {text-align: center !important}
.text-justify {text-align: justify !important}

.bold {font-weight: bold}
.italic {font-style: italic}
.upper {text-transform: uppercase}

.typePhone {width: 190px  !important;}
.typeDate {width: 150px  !important;}
.typeZip {width: 80px !important;}

.relative {position: relative !important;}
.none {display: none !important;}

.borTop {border-top: 1px solid #555}


.lh44 {line-height: 44px;}

.capitalize {text-transform: capitalize !important;}


/*List*/
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-alpha {list-style-type: upper-alpha;}