/*-------------------------------- width and size Helper class------------------------------------ */
.inline-block{
	display:inline-block;
}
.fsize1{	font-size: 26px; }
.fsize2{	font-size: 24px; }
.fsize3{	font-size: 22px; }
.fsize4{	font-size: 20px; }
.fsize5{	font-size: 18px; }
.fsize6{	font-size: 16px; }
.fsize7{	font-size: 14px; }
.fsize8{	font-size: 12px; }

.font10 {	font-size: 10px; }
.font11 {	font-size: 11px; }
.font12 {	font-size: 12px; }
.font13 {	font-size: 13px; }
.font14 {	font-size: 14px; }
.font15 {	font-size: 15px; }
.font16 {	font-size: 16px; }
.font17 {	font-size: 17px; }
.font18 {	font-size: 18px; }
.font19 {	font-size: 19px; }
.font20 {	font-size: 20px; }
.font21 {	font-size: 21px; }
.font22 {	font-size: 22px; }
.font23 {	font-size: 23px; }
.font24 {	font-size: 24px; }
.font25 {	font-size: 25px; }
.font30 {	font-size: 30px; }
.font35 {	font-size: 35px; }
.font40 {	font-size: 40px; }
.top1{position:relative;top:1px;}
.top2{position:relative;top:2px;}
.top3{position:relative;top:3px;}
.top4{position:relative;top:4px;}
.top5{position:relative;top:5px;}

.left1{position:relative;left:1px;}
.left2{position:relative;left:2px;}
.left3{position:relative;left:3px;}
.left4{position:relative;left:4px;}
.left5{position:relative;left:5px;}

.left-1{position:relative;left:-1px;}
.left-2{position:relative;left:-2px;}
.left-3{position:relative;left:-3px;}
.left-4{position:relative;left:-4px;}
.left-5{position:relative;left:-5px;}

.margin-top5{margin-top:5px;}
.margin-top10{margin-top:10px;}
.margin-top20{margin-top:20px;}
.margin-top30{margin-top:30px;}
.margin-top40{margin-top:40px;}
.margin-top50{margin-top:50px;}
.margin-top60{margin-top:60px;}

.padding-top5{padding-top:5px;}
.padding-top10{padding-top:10px;}
.padding-top20{padding-top:20px;}
.padding-top30{padding-top:30px;}
.padding-top40{padding-top:40px;}
.padding-top50{padding-top:50px;}

.margin-right10{margin-right:10px;}
.margin-right20{margin-right:20px;}
.margin-right30{margin-right:30px;}
.margin-right40{margin-right:40px;}
.margin-right50{margin-right:50px;}

.padding-right10{padding-right:10px;}
.padding-right20{padding-right:20px;}
.padding-right30{padding-right:30px;}
.padding-right40{padding-right:40px;}
.padding-right50{padding-right:50px;}

.margin-bottom5{margin-bottom:5px;}
.margin-bottom10{margin-bottom:10px;}
.margin-bottom20{margin-bottom:20px;}
.margin-bottom30{margin-bottom:30px;}
.margin-bottom40{margin-bottom:40px;}
.margin-bottom50{margin-bottom:50px;}

.padding-bottom10{padding-bottom:10px;}
.padding-bottom20{padding-bottom:20px;}
.padding-bottom30{padding-bottom:30px;}
.padding-bottom40{padding-bottom:40px;}
.padding-bottom50{padding-bottom:50px;}

.margin-left10{margin-left:10px;}
.margin-left20{margin-left:20px;}
.margin-left30{margin-left:30px;}
.margin-left40{margin-left:40px;}
.margin-left50{margin-left:50px;}

.padding-left10{padding-left:10px;}
.padding-left20{padding-left:20px;}
.padding-left30{padding-left:30px;}
.padding-left40{padding-left:40px;}
.padding-left50{padding-left:50px;}

.padding-tb10 {padding:10px 0;}
.padding-tb5 {padding:5px 0;}

.border-top-grey{
	border-top: 1px solid #d7d6da;
}
.border-bottom-grey{
	border-bottom : 1px solid #d7d6da;
}

.checkbox-top5{position:relative;	top:5px;}
.checkbox-top10{position:relative;top:10px;}
.checkbox-top15{position:relative;top:15px;}
.checkbox-top20{position:relative;top:20px;}
.checkbox-top25{position:relative;top:25px;}

.bolder{font-weight: bold;}
.tc-blue-one {color:#14B9D6;}
.tc-ldtp-pink{	color:#e600e6;}

.tc-blue{color:#2F49C4;}
.tc-green{color:#00811A;}
.tc-pink{color:#e600e6;}
.tc-brown{color:#b47c58;}
.tc-grey{color:#c7bfcc;}
.tc-red{color:#f52126;}
.tc-red_dk{color:#b00;}

.bg-white{background: #FFFFFF;}
.bg-sfpink{background: #FFF2F6;}
.bg-swpink{background: #F4C0CC;}
.bg-pink{background: #F683A9;}
.bg-blue{background: #5D8AA4;}
.bg-green{background: #43BDA9;}
.bg-green-l {background: #7BC0B5;}

.noshow{
	display: none;
}

.scrolloverflow{
	overflow: scroll;
}

.width-20{width:20px; }
.width-50{width:50px; }
.width-70{width:70px; }
.width-80{width:80px; }
.width-100{width:100px; }
.width-120{width:120px; }
.width-150{width:150px; }
.width-180{width:180px; }
.width-220{width:220px; }
.width-250{width:250px; }
.width-280{width:280px; }
.width-300{width:300px; }
.width-350{width:350px; }
.width-400{width:400px; }
.height-10{height:10px; }
.height-20{height:20px; }
.height-30{height:30px; }
.height-50{height:50px; }
.height-100{height:100px; }

.preview,.choose{
	cursor:pointer;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
/*-------------------------------- width and size custom class------------------------------------ */