.width-auto {
  width: auto !important;
}
.width-5-percent {
  width: 5% !important;
}
.width-10-percent {
  width: 10% !important;
}
.width-20-percent {
  width: 20% !important;
}
.width-30-percent {
  width: 30% !important;
}
.width-40-percent {
  width: 40% !important;
}
.width-50-percent {
  width: 50% !important;
}
.width-55-percent {
  width: 55% !important;
}
.width-60-percent {
  width: 60% !important;
}
.width-70-percent {
  width: 70% !important;
}
.width-75-percent {
  width: 75% !important;
}
.width-80-percent {
  width: 80% !important;
}
.width-90-percent {
  width: 90% !important;
}
.width-100-percent {
  width: 100% !important;
}
.width-15-rem {
  width: 15rem !important;
}
.opacity-zero {
  opacity: 0 !important;
}
.opacity-87Perc {
  opacity: 87% !important;
}
.opacity-one {
  opacity: 1 !important;
}

.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}

.vertical-align-top {
  vertical-align: top;
}

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

.float-left {
  float: left;
}
.float-right {
  float: right;
}

.no-border {
  border: 0;
}
.no-border-left {
  border-left: 0;
}
.no-border-top {
  border-top: 0;
}
.no-border-bottom {
  border-bottom: 0 !important;
}
.no-border-right {
  border-right: 0;
}

.border-transparent-top-2px {
  border-top: 2px solid transparent !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.no-margin {
  margin: 0;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}

.no-padding {
  padding: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}

.p1rem {
  padding: 1rem !important;
}

.p20px {
  padding: 20px !important;
}

.pb0 {
  padding-bottom: 0;
}
.pb10px {
  padding-bottom: 10px !important;
}
.pb15px {
  padding-bottom: 15px !important;
}
.pb20px {
  padding-bottom: 20px !important;
}
.pb30px {
  padding-bottom: 30px;
}
.pb40px {
  padding-bottom: 40px;
}
.pb50px {
  padding-bottom: 50px;
}
.pb60px {
  padding-bottom: 60px;
}
.pb70px {
  padding-bottom: 70px;
}
.pb80px {
  padding-bottom: 80px;
}
.pb90px {
  padding-bottom: 90px;
}
.pb100px {
  padding-bottom: 100px;
}

.pt0 {
  padding-top: 0;
}
.pt5 {
  padding-top: 5px;
}
.pt10px {
  padding-top: 10px !important;
}
.pt15px {
  padding-top: 15px !important;
}
.pt20px {
  padding-top: 20px !important;
}
.pt30px {
  padding-top: 30px;
}
.pt40px {
  padding-top: 40px;
}
.pt50px {
  padding-top: 50px;
}
.pt60px {
  padding-top: 60px;
}
.pt70px {
  padding-top: 70px;
}
.pt80px {
  padding-top: 80px;
}
.pt90px {
  padding-top: 90px;
}
.pt100px {
  padding-top: 100px;
}
.pt10-percent {
  padding-top: 10%;
}

.pl0 {
  padding-left: 0 !important;
}
.pl5px {
  padding-left: 5px;
}
.pl10px {
  padding-left: 10px;
}
.pl15px {
  padding-left: 15px;
}
.pl20px {
  padding-left: 20px;
}
.pl30px {
  padding-left: 30px;
}
.pl40px {
  padding-left: 40px;
}
.pl50px {
  padding-left: 50px;
}
.pl60px {
  padding-left: 60px;
}
.pl70px {
  padding-left: 70px;
}
.pl80px {
  padding-left: 80px;
}
.pl90px {
  padding-left: 90px;
}
.pl100px {
  padding-left: 100px;
}

.mr0 {
  margin-right: 0;
}
.mr10px {
  margin-right: 10px !important;
}
.mr15px {
  margin-right: 15px;
}
.mr20px {
  margin-right: 20px;
}
.mr30px {
  margin-right: 30px;
}
.mr40px {
  margin-right: 40px;
}
.mr50px {
  margin-right: 50px;
}
.mr60px {
  margin-right: 60px;
}
.mr70px {
  margin-right: 70px;
}
.mr80px {
  margin-right: 80px;
}
.mr90px {
  margin-right: 90px;
}
.mr100px {
  margin-right: 100px;
}

.mb0 {
  margin-bottom: 0;
}
.mb5px {
  margin-bottom: 5px;
}
.mb10px {
  margin-bottom: 10px;
}
.mb20px {
  margin-bottom: 20px !important;
}
.mb30px {
  margin-bottom: 30px;
}
.mb40px {
  margin-bottom: 40px;
}
.mb50px {
  margin-bottom: 50px;
}
.mb60px {
  margin-bottom: 60px;
}
.mb70px {
  margin-bottom: 70px;
}
.mb80px {
  margin-bottom: 80px;
}
.mb90px {
  margin-bottom: 90px;
}
.mb100px {
  margin-bottom: 100px;
}

.mt0 {
  margin-top: 0;
}
.mt5px {
  margin-top: 5px;
}
.mt10px {
  margin-top: 10px !important;
}
.mt15px {
  margin-top: 15px;
}
.mt20px {
  margin-top: 20px !important;
}
.mt25px {
  margin-top: 25px;
}
.mt30px {
  margin-top: 30px;
}
.mt40px {
  margin-top: 40px;
}
.mt50px {
  margin-top: 50px;
}
.mt60px {
  margin-top: 60px;
}
.mt70px {
  margin-top: 70px;
}
.mt80px {
  margin-top: 80px;
}
.mt90px {
  margin-top: 90px;
}
.mt100px {
  margin-top: 100px;
}
.mt10-percent {
  margin-top: 10%;
}

.ml0 {
  margin-left: 0 !important;
}
.ml10px {
  margin-left: 10px !important;
}
.ml15px {
  margin-left: 15px;
}
.ml20px {
  margin-left: 20px;
}
.ml25px {
  margin-left: 25px;
}
.ml30px {
  margin-left: 30px;
}
.ml40px {
  margin-left: 40px;
}
.ml50px {
  margin-left: 50px;
}
.ml60px {
  margin-left: 60px;
}
.ml70px {
  margin-left: 70px;
}
.ml80px {
  margin-left: 80px;
}
.ml90px {
  margin-left: 90px;
}
.ml100px {
  margin-left: 100px;
}

.pr0 {
  padding-right: 0;
}
.pr5px {
  padding-right: 5px;
}
.pr10px {
  padding-right: 10px;
}
.pr15px {
  padding-right: 15px;
}
.pr20px {
  padding-right: 20px;
}
.pr30px {
  padding-right: 30px;
}
.pr40px {
  padding-right: 40px;
}
.pr50px {
  padding-right: 50px;
}
.pr60px {
  padding-right: 60px;
}
.pr70px {
  padding-right: 70px;
}
.pr80px {
  padding-right: 80px;
}
.pr90px {
  padding-right: 90px;
}
.pr100px {
  padding-right: 100px;
}

.pr10per {
  padding-right: 10%;
}

.font-one-half-em {
  font-size: 1.5em;
}
.font-2em {
  font-size: 2em;
}
.font-1rem {
  font-size: 1rem !important;
}
.font-2rem {
  font-size: 2rem;
}
.font-inherit {
  font-size: inherit !important;
}
.font-10px {
  font-size: 10px !important;
}
.font-12px {
  font-size: 12px !important;
}
.font-13px {
  font-size: 13px !important;
}
.font-14px {
  font-size: 14px !important;
}
.font-15px {
  font-size: 15px !important;
}
.font-16px {
  font-size: 16px !important;
}
.font-17px {
  font-size: 17px !important;
}
.font-18px {
  font-size: 18px !important;
}
.font-19px {
  font-size: 19px !important;
}
.font-20px {
  font-size: 20px !important;
}
.font-21px {
  font-size: 21px !important;
}
.font-22px {
  font-size: 22px !important;
}
.font-23px {
  font-size: 23px !important;
}
.font-24px {
  font-size: 24px !important;
}
.font-25px {
  font-size: 25px !important;
}
.font-26px {
  font-size: 26px !important;
}
.font-27px {
  font-size: 27px !important;
}
.font-28px {
  font-size: 28px !important;
}
.font-29px {
  font-size: 29px !important;
}
.font-30px {
  font-size: 30px !important;
}
.font-32px {
  font-size: 32px !important;
}
.font-34px {
  font-size: 34px !important;
}
.font-36px {
  font-size: 36px !important;
}
.font-38px {
  font-size: 38px !important;
}
.font-40px {
  font-size: 40px !important;
}
.font-42px {
  font-size: 42px !important;
}
.font-44px {
  font-size: 44px !important;
}

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

.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-200 {
  font-weight: 200 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.font-weight-800 {
  font-weight: 800 !important;
}
.font-weight-900 {
  font-weight: 900 !important;
}

.mb10-per {
  margin-bottom: 10%;
}
.mb20-per {
  margin-bottom: 20%;
}
.mb25-per {
  margin-bottom: 25%;
}
.mb30-per {
  margin-bottom: 30%;
}
.mb40-per {
  margin-bottom: 40%;
}
.mb50-per {
  margin-bottom: 50%;
}

.mt10-per {
  margin-top: 10%;
}
.mt20-per {
  margin-top: 20%;
}
.mt25-per {
  margin-top: 25%;
}
.mt30-per {
  margin-top: 30%;
}
.mt40-per {
  margin-top: 40%;
}
.mt50-per {
  margin-top: 50%;
}

.decoration-none,
.decoration-none:hover,
.decoration-none:visited {
  text-decoration: none !important;
}

.decoration-underline,
.decoration-underline:hover,
.decoration-underline:visited {
  text-decoration: underline !important;
}

.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}

.border-top-right-radius-zero {
  border-top-right-radius: 0 !important;
}
.border-bottom-right-radius-zero {
  border-bottom-right-radius: 0 !important;
}
.border-top-left-radius-zero {
  border-top-left-radius: 0 !important;
}
.border-bottom-left-radius-zero {
  border-bottom-left-radius: 0 !important;
}

.z-index-zero {
  z-index: 0;
}

.z-index-9 {
  z-index: 9;
}
.z-index-99 {
  z-index: 99;
}
.z-index-999 {
  z-index: 999;
}

.z-index-negative-9 {
  z-index: -9;
}
.z-index-negative-99 {
  z-index: -99;
}
.z-index-negative-999 {
  z-index: -999;
}

.color-gray-1 {
  color: #6f6c6c !important;
}
.color-gray-2 {
  color: gray;
}
.color-gray-3 {
  color: #676767;
}
.color-gray-4 {
  color: #333;
}
.color-gray-5 {
  color: #58585c;
}
.color-gray-6 {
  color: #9d9d9f;
}
.color-gray-7 {
  color: #767679;
}
.color-gray-9 {
  color: rgb(89, 88, 92);
}
.color-gray-10 {
  color: rgb(157,157,159);
}
.color-white {
  color: #fff !important;
}

.color-light-white {
  color: #fafafa !important;
}

.color-fff {
  color: #fff;
}
.color-black {
  color: #000 !important;
}

.color-black-1 {
  color: #282828 !important;
}

.color-black-2 {
  color: #30251b;
}

.color-orange-1 {
  color: #b8471a;
}

.color-red {
  color: #ff0000!important;
}

.color-blue-6 {
  color: rgb(32, 145, 196);
}
.color-silver-1 {
  color: rgb(182, 200, 207);
}

.btn-padding {
  padding: 15px 30px 10px 30px;
}

.button-primary {
  color: #fff;
  background-color: #337ab7;
  border: 0;
  border-radius: 5px;
  font-size: 1.5rem;
}
.button-septenary {
  color: #0b76a1;
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
}

.hide {
  display: none;
}
.hidden {
  display: none;
}
.block                  {   display: block !important;          }
.inline                 {   display: inline !important;         }
.inline-block           {   display: inline-block !important;   }
.flex                   {   display: flex;                      }

.flex-5                 {   flex: 5%;                           }
.flex-10                {   flex: 10%;                          }
.flex-20                {   flex: 20%;                          }
.flex-30                {   flex: 30%;                          }
.flex-40                {   flex: 40%;                          }
.flex-50                {   flex: 50%;                          }
.flex-60                {   flex: 60%;                          }
.flex-70                {   flex: 70%;                          }
.flex-80                {   flex: 80%;                          }
.flex-90                {   flex: 90%;                          }
.flex-100               {   flex: 100%;                         }

/*******
Position
**/

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.line-height-1-7 {
  line-height: 1.7;
}

.visibility-hidden {
  visibility: hidden;
}

.background-silver-1                  {  background-color: #eeeeee; }
.background-orange-1                  {  background-color: #b8471a !important; }
.background-orange-2                  {  background-color: #da782d !important; }
.background-green-1                   {  background-color: #498337 !important; }

.background-white                     {  background-color: #ffffff !important; }
.background-light-white               {  background-color: #fafafa !important; }

.background-blue                      {  background-color: #0b76a1 !important; }
.background-blue-2                    {  background-color: #023347 !important; }
.background-blue-6                    {  background-color: #023347 !important; }
.background-blue-7                    {  background-color: #00aeef !important; }
.background-blue-8                    {  background-color: #e4ebf4 !important; }
.background-blue-9                    {  background-color: #0e2b6f !important; }

.background-gray-1                    {  background-color: #f5f5f5 !important; }
.background-gray-6                    {  background-color: #9d9d9f !important; }
.background-gray-3 {
  background-color: #F9F9F9 !important;
  }

.background-exp-health-blue           {  background-color: #f2f8fc !important; }

.no-border-radius {
  border-radius: 0 !important;
}
.border-radius-1 {
  border-radius: 1px;
}
.border-radius-2 {
  border-radius: 2px;
}
.border-radius-3 {
  border-radius: 3px;
}
.border-radius-4 {
  border-radius: 4px;
}
.border-radius-5 {
  border-radius: 5px;
}

.background-orange {
  background-color: #E97200 !important;
}
.background-dark-blue {
  background-color: #002C73 !important;
}

.color-blue-1 {
  color: #20adeb;
}
.color-blue-2 {
  color: #18759f;
}
.color-blue-3 {
  color: #d8e1e8;
}
.color-blue-4 {
  color: #71bad6 !important;
}
.color-blue-5 {
  color: #0b76a1 !important;
}
.color-blue-6 {
  color: #023347 !important;
}

.color-blue-7 {
  color: #0e92c7 !important;
}

.color-blue-8 {
  color: #04506e !important;
}

.color-blue-9 {
  color: #0a6a90 !important;
}

.color-gray {
  color: gray;
}
.color-gray-1 {
  color: #676767;
}
.color-gray-2 {
  color: #3b3b3f;
}
.color-gray-3 {
  color: #545454;
}
.color-gray-4 {
  color: #979797;
}
.color-gray-6 {
  color: #878e90 !important;
}

.color-gray-8 {
  color: #767474 !important;
} 

.color-orange-1 {
  color: #c65b26;
}
.color-white {
  color: #fff;
}

.color-dark-blue {
  color: #002C73 !important;
}

.color-green-2 {
  color: #6F9C37 !important;
}

.flex-basis-30 {
  flex-basis: 30%;
}
.flex-basis-100 {
  flex-basis: 100%;
}

.full-width {
  width: 100%;
}

.min-width-100 {
  min-width: 100%;
}

.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.reduce-left-margin {
  margin-left: -10px;
}
.reduce-right-margin {
  margin-right: -10px;
}
.reduce-side-margins {
  margin-left: -10px;
  margin-right: -10px;
}

/**floating form label**/
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.color-gray-8-border {
  border: 1px solid #c4c4c5;
}