/* Colors */
.ct-red { color: #EE0000; }
.ct-dark-red { color: #842029; }
.ct-black { color: #000000; }
.ct-dark-black { color: rgba(0, 0, 0, 0.87); }
.ct-light-grey { color: #59595B; }
.ct-ultra-light-grey { color: #0000008A; }
.ct-dark-grey { color: #7E7E7E; }
.ct-white { color: #FFFFFF; }
.ct-blue { color: #009EE0; }
.ct-dark-blue { color: #002464; }
.ct-green { color: #68AA55; }

.bd-blue { border-color: #009EE0; }
.bd-dark-grey { border-color: #7E7E7E; }

.bg-white { background-color: #FFFFFF; }
.bg-light-grey { background-color: #CDCDCD; }
.bg-blue { background-color: #009EE0; }
.bg-green { background-color: green; }
.bg-sky-blue { background-color: #DFF1FC; }
.bg-light-white { background-color: #F9F9F9; }

.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px; }
.fs-25 { font-size: 25px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-35 { font-size: 35px; }
.fs-40 { font-size: 40px; }
.fs-50 { font-size: 50px; }
.fs-60 { font-size: 60px; }

.fw-bold { font-weight: bold; }
.fw-normal { font-weight: normal; }
.fs-italic { font-style: italic; }

.ta-start { text-align: start; }
.ta-justify { text-align: justify; }
.ta-center { text-align: center; }
.ta-left { text-align: left; }
.ta-right { text-align: right; }

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

.tt-upper { text-transform: uppercase; }
.tt-capitalize { text-transform: capitalize; }

.wb-all { word-break: break-all; }

.po-re { position: relative; }
.po-ab { position: absolute; }

.vi-ini { visibility: initial; }
.vi-hid { visibility: hidden; }

.row-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.w-360p { width: 360px; }
.m-h-20-p { min-height: 20px; }
.h-form-row { height: 78px; }
