.posRel {position: relative;}

.floatL {float: left !important;}
.floatR {float: right !important;}

.boxGreen {background-color: #DFF2BF; border-color: #DFF2BF; color: #4F8A10;}
.boxRed {background-color: #f2dede; border-color: #ebcccc; color: #a94442;}
.boxBlue {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
.boxOrange {color: #856404; background-color: #fff3cd; border-color: #ffeeba;}

.bold {font-weight: bold !important;}
.normal {font-weight: normal;}

.italic {font-style: italic;}

.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-24 {font-size: 24px !important;}
.fs-26 {font-size: 26px !important;}

.textCenter {text-align: center;}
.textRight {text-align: right !important;}
.textLeft {text-align: left !important;}

.minWidth300 {min-width: 300px;}

.padL-30 {padding-left: 30%;}

.pad5 {padding: 5px;}

.padR0 {padding-right: 0 !important;}
.padR8 {padding-right: 8px}
.padR10 {padding-right: 10px}
.padR20 {padding-right: 20px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}

.padL0 {padding-left: 0 !important;}
.padL3 {padding-left: 3px;}
.padL5 {padding-left: 5px;}
.padL20 {padding-left: 20px;}

.marT10 {margin-top: 10px}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}

.marB0 {margin-bottom: 0 !important;}
.marB10 {margin-bottom: 10px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}

.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL20 {margin-left: 20px !important;}
.marL30 {margin-left: 30px !important;}

.marR10 {margin-right: 10px !important;}
.marR20 {margin-right: 20px !important;}

.w-auto {width: auto !important;}

.w5 {width: 5% !important;}
.w8 {width: 8% !important;}
.w9 {width: 9% !important;}
.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w30 {width: 30% !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;}

.h70 {height: 70% !important;}
.h80 {height: 80% !important;}
.h90 {height: 90% !important;}

.w-8 {width: 8px;}
.w-10 {width: 10px;}
.w-16 {width: 16px;}
.w-30 {width: 30px;}
.w-50 {width: 50px !important;}
.w-60 {width: 60px !important;}
.w-65 {width: 65px !important;}
.w-70 {width: 70px !important;}
.w-80 {width: 80px !important;}
.w-90 {width: 90px !important;}
.w-100 {width: 100px;}
.w-200 {width: 200px;}
.w-300 {width: 300px !important;}
.w-500 {width: 500px !important;}

.w-min-200 {width: 200px;}

.h-150 {height: 150px;}
.h-300 {height: 300px;}

.dispNone {display: none !important;}
.dispBlock {display: block;}
.dispIBlock {display: inline-block;}
.dispFlex {display: flex;}

.flexAlignCenter {justify-content: center;}
.spaceAround {justify-content: space-around;} 
.nowrap {white-space: nowrap;}


.link {cursor: pointer;}

.colorWhite {color: #ffffff;}
.colorGray {color: #ddd;}
.color99 {color: #999999;}
.colorGreen {color: #4F8A10;}
.colorRed {color: #a94442;}
.colorCounting {color: #ccc;}
.yellowFolder {color: #ffcc00;}
.colorBlue {color: #10a3db} /* #31708f; */
.colorRed2 {color: #fa4632;}
.colorOrange {color: #856404;}
.colorPurple {color: #BA55D3;}


.bgYellow {background-color: yellow;}
.bgEa {background-color: #eaeaea;}


.borderDotted1 {border-bottom: 1px dotted;}

.hoverBgGray:HOVER {background-color: #eaeaea;}

/*
.fa-6 {font-size: 20em !important; font-weight: bolder;}
*/