.text-red{color:#dd4b39 !important}
.text-yellow{color:#f39c12 !important}
.text-aqua{color:#00c0ef !important}
.text-blue{color:#0073b7 !important}
.text-black{color:#111 !important}
.text-light-blue{color:#3c8dbc !important}
.text-green{color:#00a65a !important}
.text-gray{color:#d2d6de !important}
.text-navy{color:#001F3F !important}
.text-teal{color:#39CCCC !important}
.text-olive{color:#3D9970 !important}
.text-lime{color:#01FF70 !important}
.text-orange{color:#FF851B !important}
.text-fuchsia{color:#F012BE !important}
.text-purple{color:#605ca8 !important}
.text-maroon{color:#D81B60 !important}

/*button*/
button {cursor:pointer;background-color:transparent;}
.blink {animation:blink 0.8s ease-in-out infinite alternate;}
.bttn {display:inline-block;padding:0.4em 1.5em;font-size:0.9rem;font-weight:400;text-align:center;transition:0.3s;cursor:pointer;}
.bttn.bold {font-weight:500;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.text.blue {color:#4990E2;}
.bttn.text.orange {color:#FB9653;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.tiny {padding:1px 3px;font-size:0.8rem;}
.bttn.small {padding:0.1em 0.3em;}
.bttn.big {padding:0.6em 2em;font-size:1.1rem;}
.bttn.huge {padding:0.8em 3em;font-size:1.2rem;}
.bttn.wide {padding-left:4em;padding-right:4em;}
.bttn.tiny.wide {padding-left:2em;padding-right:2em;}
.bttn.small.wide {padding-left:3em;padding-right:3em;}
.bttn.big.wide {padding-left:6em;padding-right:6em;}
.bttn.huge.wide {padding-left:8em;padding-right:8em;}
.bttn.fill {color:#fff;background-color:#333;border:1px solid #333;}
.bttn.fill.gray {background-color:#777;border:1px solid #777;}
.bttn.fill.blue {background-color:#4990E2;border:1px solid #4990E2;}
.bttn.fill.red {background-color:#d00;border:1px solid #d00;}
.bttn.fill.sky {color:#111;background-color:#EBF5FF;border:1px solid #dBe5eF;}
.bttn.fill.pink {color:#111;background-color:#FFEBEB;border:1px solid #eFdBdB;}
.bttn.fill.orange {background-color:#FB9653;border:1px solid #FB9653;}
.bttn.fill.white {color:#111;background-color:#fff;}
.bttn.border {color:#111;background-color:#fafafa;border:1px solid #ddd;}
.bttn.border.blue {color:#4990E2;border:1px solid #4990E2;}
.bttn.border.red {color:#d00;border:1px solid #d00;}
.bttn.border.orange {color:#FB9653;border:1px solid #FB9653;}
.bttn.border.white {color:#fff;border:1px solid #fff;}
.bttn.w100 {width:100%;} .bttn.w50 {width:50%;} .bttn.w45 {width:45%;} .bttn.w33 {width:33.3333%;} .bttn.w32 {width:32%;} .bttn.w31 {width:31%;} .bttn.w30 {width:30%;} .bttn.w25 {width:25%;} .bttn.w24 {width:24%;} .bttn.w23 {width:23%;} .bttn.w22 {width:22%;} .bttn.w20 {width:20%;} .bttn.w19 {width:19%;} .bttn.w18 {width:18%;} .bttn.w15 {width:15%;}
.bttnArea {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;}
.bttnArea.left {justify-content:flex-start;}
.bttnArea.right {justify-content:flex-end;}
.bttnArea.around {justify-content:space-around;}
.bttnArea.between {justify-content:space-between;}