.italic { font-style: italic;}
.bold { font-weight: bolder;}
.nobold { font-family: Raleway; font-weight: normal !important;}

.marginauto { margin: auto;}
.margin0 { margin: 0;}
.margin1 { margin: 1em; }
.margin2 { margin: 2em; }
.margin3 { margin: 3em; }
.margin4 { margin: 4em; }

.margin10 { margin: 1em 0; }
.margin20 { margin: 2em 0; }
.margin30 { margin: 3em 0; }
.margin40 { margin: 4em 0; }
.margin01 { margin: 0 1em; }
.margin02 { margin: 0 2em; }
.margin03 { margin: 0 3em; }
.margin04 { margin: 0 4em; }

.margintop0 { margin-top: 0em; }
.margintop1 { margin-top: 1em; }
.margintop2 { margin-top: 2em; }
.margintop3 { margin-top: 3em; }
.margintop4 { margin-top: 4em; }
.margintop5 { margin-top: 5em; }
.margintop6 { margin-top: 6em; }
.marginbottom0 { margin-bottom: 0em; }
.marginbottom1 { margin-bottom: 1em; }
.marginbottom2 { margin-bottom: 2em; }
.marginbottom3 { margin-bottom: 3em; }
.marginbottom4 { margin-bottom: 4em; }
.marginbottom5 { margin-bottom: 5em; }
.marginbottom6 { margin-bottom: 6em; }
.marginleft0 { margin-left: 0em; }
.marginleft1 { margin-left: 1em; }
.marginleft2 { margin-left: 2em; }
.marginleft3 { margin-left: 3em; }
.marginleft4 { margin-left: 4em; }
.marginleft5 { margin-left: 5em; }
.marginleft6 { margin-left: 6em; }
.marginright0 { margin-right: 0em; }
.marginright1 { margin-right: 1em; }
.marginright2 { margin-right: 2em; }
.marginright3 { margin-right: 3em; }
.marginright4 { margin-right: 4em; }
.marginright5 { margin-right: 5em; }
.marginright6 { margin-right: 6em; }

.padding0 { padding: 0;}
.padding1 { padding: 1em; }
.padding2 { padding: 2em; }
.padding3 { padding: 3em; }
.padding4 { padding: 4em; }
.padding5 { padding: 5em; }
.paddinghalf { padding: 0.5em; }

.padding10 { padding: 1em 0; }
.padding20 { padding: 2em 0; }
.padding30 { padding: 3em 0; }
.padding40 { padding: 4em 0; }
.padding50 { padding: 5em 0; }
.padding01 { padding: 0 1em; }
.padding02 { padding: 0 2em; }
.padding03 { padding: 0 3em; }
.padding04 { padding: 0 4em; }
.padding05 { padding: 0 5em; }
.padding0half { padding: 0 0.5em; }
.paddinghalf0 { padding: 0.5 0em; }

.paddingtop0 { padding-top: 0em; }
.paddingtop1 { padding-top: 1em; }
.paddingtop2 { padding-top: 2em; }
.paddingtop3 { padding-top: 3em; }
.paddingtop4 { padding-top: 4em; }
.paddingtop5 { padding-top: 5em; }
.paddingtop6 { padding-top: 6em; }
.paddingtophalf { padding-top: 0.5em; }
.paddingbottom0 { padding-bottom: 0em; }
.paddingbottom1 { padding-bottom: 1em; }
.paddingbottom2 { padding-bottom: 2em; }
.paddingbottom3 { padding-bottom: 3em; }
.paddingbottom4 { padding-bottom: 4em; }
.paddingbottom5 { padding-bottom: 5em; }
.paddingbottom6 { padding-bottom: 6em; }
.paddingbottomhalf { padding-bottom: 0.5em; }
.paddingleft0 { padding-left: 0em; }
.paddingleft1 { padding-left: 1em; }
.paddingleft2 { padding-left: 2em; }
.paddingleft3 { padding-left: 3em; }
.paddingleft4 { padding-left: 4em; }
.paddingleft5 { padding-left: 5em; }
.paddingleft6 { padding-left: 6em; }
.paddinglefthalf { padding-left: 0.5em; }
.paddingright0 { padding-right: 0em; }
.paddingright1 { padding-right: 1em; }
.paddingright2 { padding-right: 2em; }
.paddingright3 { padding-right: 3em; }
.paddingright4 { padding-right: 4em; }
.paddingright5 { padding-right: 5em; }
.paddingright6 { padding-right: 6em; }
.paddingrighthalf { padding-right: 0.5em; }

.justify { text-align: justify;}
.center { text-align: center; }
.left { text-align:left; }
.right { text-align:right; }
.uppercase { text-transform: uppercase;}

.block { display: block;}
.iblock { display: inline-block;}
.inline { display: inline;}
.flex { display: flex;}
.none { display: none;}

.width100 { width: 100%; }
.height100 { height: 100%; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }

.vatop { vertical-align:top;}
.vabottom { vertical-align:bottom;}
.vamiddle { vertical-align: middle; }
.vasuper { vertical-align: super; }

.yellowgreen { color: yellowgreen;}
.blue { color: blue;}
.lightyellow { color: #FFDD00 !important;}
.yellow { color: #FCBF00;}
.red { color: #EC2017 !important;}
.black { color:#000; }
.white { color:white;}
.darkgrey { color: #A8A8A8;}
.grey { color: #C8C8C8;}
.almostwhite { color: #f8f9fb}
.lightgrey { color: #f8f9fb;}
.lightdark { color: #1d1d1b}

.bgyellowgreen { background: yellowgreen;}
.bgblue { background: blue;}
.bglightyellow { background: #FFDD00;}
.bgyellow { background: #FCBF00;}
.bgred { background: #EC2017;}
.bgwhite { background: white;}
.bgblack { background: #000;}
.bgdarkgrey { background: #A8A8A8;}
.bgdark {background: #333;}
.bggrey { background: #C8C8C8;}
.bgalmostwhite { background: #f8f9fb}
.bglightgrey { background: #ddd;}
.bglightdark { background: #1d1d1b}
.colorlightgray {color: #ddd !important;}
.colorlightyellow {color: #FFDD00 !important;}

.hoverred:hover {  color: #EC2017; }

.size10 { font-size: 10px;}
.size12 { font-size: 12px;}
.size14 { font-size: 14px;}
.size16 { font-size: 16px;}
.size18 { font-size: 18px;}
.size20 { font-size: 20px;}
.size22 { font-size: 22px;}
.size24 { font-size: 24px;}
.size26 { font-size: 26px;}
.size28 { font-size: 28px;}
.size30 { font-size: 30px;}
.size32 { font-size: 32px;}
.size34 { font-size: 34px;}
.size36 { font-size: 36px;}
.size38 { font-size: 38px;}
.size40 { font-size: 38px;}
.size42 { font-size: 38px;}
.size44 { font-size: 44px;}
.size46 { font-size: 46px;}
.size48 { font-size: 48px;}
.size50 { font-size: 50px;}
.size52 { font-size: 52px;}
.size54 { font-size: 54px;}
.size56 { font-size: 56px;}
.size58 { font-size: 58px;}
.size60 { font-size: 60px;}
.size62 { font-size: 62px;}
.size64 { font-size: 64px;}
.size66 { font-size: 66px;}
.size68 { font-size: 68px;}
.size70 { font-size: 70px;}
.size72 { font-size: 72px;}
.size74 { font-size: 74px;}
.size76 { font-size: 76px;}
.size78 { font-size: 78px;}
.size80 { font-size: 80px;}
.size82 { font-size: 82px;}
.size84 { font-size: 84px;}
.size86 { font-size: 86px;}
.size88 { font-size: 88px;}
.size90 { font-size: 90px;}
.size92 { font-size: 92px;}
.size94 { font-size: 94px;}
.size96 { font-size: 96px;}
.size98 { font-size: 98px;}
.size100 { font-size: 100px;}

.pointer { cursor:pointer;}
.not-allowed { cursor: not-allowed;}

.zindex0 { z-index:0;}
.zindex1 { z-index:1;}
.zindex2 { z-index:2;}
.zindex3 { z-index:3;}
.zindex4 { z-index:4;}

.width5 { width: 5%;}
.width8 { width: 8%;}
.width10 { width: 10%;}
.width15 { width: 15%;}
.width20 { width: 20%;}
.width25 { width: 25%;}
.width30 { width: 30%;}
.width33 { width: 33%;}
.width35 { width: 35%;}
.width40 { width: 40%;}
.width45 { width: 45%;}
.width50 { width: 50%;}
.width55 { width: 55%;}
.width60 { width: 60%;}
.width65 { width: 65%;}
.width67 { width: 67%;}
.width70 { width: 70%;}
.width75 { width: 75%;}
.width80 { width: 80%;}
.width85 { width: 85%;}
.width90 { width: 90%;}
.width95 { width: 95%;}

.height5 { height: 5%;}
.height8 { height: 8%;}
.height10 { height: 10%;}
.height15 { height: 15%;}
.height20 { height: 20%;}
.height25 { height: 25%;}
.height30 { height: 30%;}
.height33 { height: 33%;}
.height35 { height: 35%;}
.height40 { height: 40%;}
.height45 { height: 45%;}
.height50 { height: 50%;}
.height55 { height: 55%;}
.height60 { height: 60%;}
.height65 { height: 65%;}
.height67 { height: 67%;}
.height70 { height: 70%;}
.height75 { height: 75%;}
.height80 { height: 80%;}
.height85 { height: 85%;}
.height90 { height: 90%;}
.height95 { height: 95%;}

.absolute { position:absolute;}
.relative { position:relative;}

.no-overflow { overflow:hidden;}
.overflow { overflow:auto;}
.no-overflow-x { overflow-x: hidden; }

.sticky { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky;}

.border { border: 1px solid;}

.flexcenter { align-items:center; justify-content:center;}
.flexleft { align-items:baseline;}
.flexright { justify-content:right;}
.flexrow { flex-direction: row;}
.flexcol { flex-direction: column;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}
.flex6 {flex:6;}
.flex7 {flex:7;}
.flex8 {flex:8;}
.flex9 {flex:9;}
.flex10 {flex:10;}

.noa { text-decoration: none; color: inherit;}