/*display*/
.d-none{display:none !important;}
.d-block{display:block !important;}
.d-none{display: none !important;}

/*clear*/
.c-both{clear: both !important;}
.c-left{clear: left !important;}
.c-right{clear: right !important;}
.c-none{clear:none !important;}

/*float*/
.f-left{float:left !important;}
.f-right{float: right !important;}
.f-none{float: none !important;}

/*border none*/
.b-none{border: none !important;}
.b-right-none{border-right: none !important;}
.b-left-none{border-left: none !important;}
.b-top-none{border-top: none!important;}
.b-bottom-none{border-bottom: none !important;}

/*margen*/
.mar-top-5{margin-top:5px !important;}
.mar-bot-5{margin-bottom:5px !important;}
.mar-rig-5{margin-right:5px !important;}
.mar-lef-5{margin-left:5px !important;}

.mar-top-10{margin-top:10px !important;}
.mar-bot-10{margin-bottom:10px !important;}
.mar-rig-10{margin-right:10px !important;}
.mar-lef-10{margin-left:10px !important;}

.mar-top-30{margin-top:30px !important;}
.mar-bot-30{margin-bottom:30px !important;}
.mar-rig-30{margin-right:30px !important;}
.mar-lef-30{margin-left:30px !important;}


/*width*/
.w10{width:10% !important}
.w12{width:12% !important}
.w15{width:15% !important}
.w17{width:17% !important}
.w20{width:20% !important}
.w30{width:30% !important}
.w33{width:33% !important}
.w40{width:40% !important}
.w50{width:50% !important}
.w60{width:60% !important}
.w70{width:70% !important}
.w80{width:80% !important}
.w90{width:90% !important}
.w100{width:100% !important}

/*font*/
.f-bold{font-weight:bold;}