/***************************************************
color
***************************************************/
.text-alert{color:#ff0000;}
.text-white{color:#fff;}
.text-black{color:#000;}
.text-em{color:#f1764b;}
.text-gray{color:#4c4c4c;}
.text-link{color:#297bd2;}

/***************************************************
font-size
***************************************************/
.text-xs{font-size: 80%;}
.text-sm{font-size: 90%;}
.text-md{font-size: 100%;}
.text-lg{font-size: 120%;}

/***************************************************
font-style
***************************************************/
.text-normal{font-weight:normal;}
.text-bold{font-weight:bold;}

.text-line-through{text-decoration:line-through;}
.text-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.text-decoration-none,
.text-decoration-none:hover{text-decoration:none;}

/***************************************************
bg color
***************************************************/
.bg-yellow{background-color:#fff9e9 !important;}
.bg-white{background-color:#fff !important;}

/***************************************************
text align
***************************************************/
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

.valign-middle{vertical-align:middle;}

/***************************************************
margin
***************************************************/
.m0{margin:0;}
.m5{margin:5px;}
.m15{margin:15px;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.ml0{margin-left:0px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:50px;}
.ml80{margin-left:80px;}

/***************************************************
padding
***************************************************/
.p0{padding:0px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

/***************************************************
float
***************************************************/
.float-r{float: right;}
.float-l{float: left;}

/***************************************************
etc
***************************************************/
.break-word {
    word-wrap: break-word;
    width: 100%;
}