.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

.loading-progress {
  position: relative;
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 20vh auto 1rem auto;
}

.loading-progress circle {
  fill: none;
  stroke: #e0e0e0;
  stroke-width: 0.6rem;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}

.loading-progress circle:last-child {
  stroke: #1b6ec2;
  stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
  transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
  position: absolute;
  text-align: center;
  font-weight: bold;
  inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
  content: var(--blazor-load-percentage-text, "Loading");
}

.country-code-input .e-input-value {
  display: flex;
  align-items: center;
  padding-left: .94rem;
}

.country-code-input .e-input-value .dial-code {
  margin-left: .625rem;
}

.country-code-input .e-list-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.country-code-input .country-code-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.country-code-input .country-code-item .flag-country-box {
  display: flex;
  align-items: center;
}

.country-code-input .country-code-item .flag-box {
  width: 20px;
}

.country-code-input .preferred-country-separator {
  margin-left: -.7rem;
  margin-right: -.7rem;
  border-color: #f2f2f2;
  border-width: 1px;
}

.flag-item {
  background-size: 5652px 15px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

.flag-item.flag-item-ac {
  height: 10px;
  background-position: 0px 0px;
}

.flag-item.flag-item-ad {
  height: 14px;
  background-position: -22px 0px;
}

.flag-item.flag-item-ae {
  height: 10px;
  background-position: -44px 0px;
}

.flag-item.flag-item-af {
  height: 14px;
  background-position: -66px 0px;
}

.flag-item.flag-item-ag {
  height: 14px;
  background-position: -88px 0px;
}

.flag-item.flag-item-ai {
  height: 10px;
  background-position: -110px 0px;
}

.flag-item.flag-item-al {
  height: 15px;
  background-position: -132px 0px;
}

.flag-item.flag-item-am {
  height: 10px;
  background-position: -154px 0px;
}

.flag-item.flag-item-ao {
  height: 14px;
  background-position: -176px 0px;
}

.flag-item.flag-item-aq {
  height: 14px;
  background-position: -198px 0px;
}

.flag-item.flag-item-ar {
  height: 13px;
  background-position: -220px 0px;
}

.flag-item.flag-item-as {
  height: 10px;
  background-position: -242px 0px;
}

.flag-item.flag-item-at {
  height: 14px;
  background-position: -264px 0px;
}

.flag-item.flag-item-au {
  height: 10px;
  background-position: -286px 0px;
}

.flag-item.flag-item-aw {
  height: 14px;
  background-position: -308px 0px;
}

.flag-item.flag-item-ax {
  height: 13px;
  background-position: -330px 0px;
}

.flag-item.flag-item-az {
  height: 10px;
  background-position: -352px 0px;
}

.flag-item.flag-item-ba {
  height: 10px;
  background-position: -374px 0px;
}

.flag-item.flag-item-bb {
  height: 14px;
  background-position: -396px 0px;
}

.flag-item.flag-item-bd {
  height: 12px;
  background-position: -418px 0px;
}

.flag-item.flag-item-be {
  height: 15px;
  background-position: -440px 0px;
}

.flag-item.flag-item-bf {
  height: 14px;
  background-position: -460px 0px;
}

.flag-item.flag-item-bg {
  height: 12px;
  background-position: -482px 0px;
}

.flag-item.flag-item-bh {
  height: 12px;
  background-position: -504px 0px;
}

.flag-item.flag-item-bi {
  height: 12px;
  background-position: -526px 0px;
}

.flag-item.flag-item-bj {
  height: 14px;
  background-position: -548px 0px;
}

.flag-item.flag-item-bl {
  height: 14px;
  background-position: -570px 0px;
}

.flag-item.flag-item-bm {
  height: 10px;
  background-position: -592px 0px;
}

.flag-item.flag-item-bn {
  height: 10px;
  background-position: -614px 0px;
}

.flag-item.flag-item-bo {
  height: 14px;
  background-position: -636px 0px;
}

.flag-item.flag-item-bq {
  height: 14px;
  background-position: -658px 0px;
}

.flag-item.flag-item-br {
  height: 14px;
  background-position: -680px 0px;
}

.flag-item.flag-item-bs {
  height: 10px;
  background-position: -702px 0px;
}

.flag-item.flag-item-bt {
  height: 14px;
  background-position: -724px 0px;
}

.flag-item.flag-item-bv {
  height: 15px;
  background-position: -746px 0px;
}

.flag-item.flag-item-bw {
  height: 14px;
  background-position: -768px 0px;
}

.flag-item.flag-item-by {
  height: 10px;
  background-position: -790px 0px;
}

.flag-item.flag-item-bz {
  height: 14px;
  background-position: -812px 0px;
}

.flag-item.flag-item-ca {
  height: 10px;
  background-position: -834px 0px;
}

.flag-item.flag-item-cc {
  height: 10px;
  background-position: -856px 0px;
}

.flag-item.flag-item-cd {
  height: 15px;
  background-position: -878px 0px;
}

.flag-item.flag-item-cf {
  height: 14px;
  background-position: -900px 0px;
}

.flag-item.flag-item-cg {
  height: 14px;
  background-position: -922px 0px;
}

.flag-item.flag-item-ch {
  height: 15px;
  background-position: -944px 0px;
}

.flag-item.flag-item-ci {
  height: 14px;
  background-position: -961px 0px;
}

.flag-item.flag-item-ck {
  height: 10px;
  background-position: -983px 0px;
}

.flag-item.flag-item-cl {
  height: 14px;
  background-position: -1005px 0px;
}

.flag-item.flag-item-cm {
  height: 14px;
  background-position: -1027px 0px;
}

.flag-item.flag-item-cn {
  height: 14px;
  background-position: -1049px 0px;
}

.flag-item.flag-item-co {
  height: 14px;
  background-position: -1071px 0px;
}

.flag-item.flag-item-cp {
  height: 14px;
  background-position: -1093px 0px;
}

.flag-item.flag-item-cr {
  height: 12px;
  background-position: -1115px 0px;
}

.flag-item.flag-item-cu {
  height: 10px;
  background-position: -1137px 0px;
}

.flag-item.flag-item-cv {
  height: 12px;
  background-position: -1159px 0px;
}

.flag-item.flag-item-cw {
  height: 14px;
  background-position: -1181px 0px;
}

.flag-item.flag-item-cx {
  height: 10px;
  background-position: -1203px 0px;
}

.flag-item.flag-item-cy {
  height: 14px;
  background-position: -1225px 0px;
}

.flag-item.flag-item-cz {
  height: 14px;
  background-position: -1247px 0px;
}

.flag-item.flag-item-de {
  height: 12px;
  background-position: -1269px 0px;
}

.flag-item.flag-item-dg {
  height: 10px;
  background-position: -1291px 0px;
}

.flag-item.flag-item-dj {
  height: 14px;
  background-position: -1313px 0px;
}

.flag-item.flag-item-dk {
  height: 15px;
  background-position: -1335px 0px;
}

.flag-item.flag-item-dm {
  height: 10px;
  background-position: -1357px 0px;
}

.flag-item.flag-item-do {
  height: 14px;
  background-position: -1379px 0px;
}

.flag-item.flag-item-dz {
  height: 14px;
  background-position: -1401px 0px;
}

.flag-item.flag-item-ea {
  height: 14px;
  background-position: -1423px 0px;
}

.flag-item.flag-item-ec {
  height: 14px;
  background-position: -1445px 0px;
}

.flag-item.flag-item-ee {
  height: 13px;
  background-position: -1467px 0px;
}

.flag-item.flag-item-eg {
  height: 14px;
  background-position: -1489px 0px;
}

.flag-item.flag-item-eh {
  height: 10px;
  background-position: -1511px 0px;
}

.flag-item.flag-item-er {
  height: 10px;
  background-position: -1533px 0px;
}

.flag-item.flag-item-es {
  height: 14px;
  background-position: -1555px 0px;
}

.flag-item.flag-item-et {
  height: 10px;
  background-position: -1577px 0px;
}

.flag-item.flag-item-eu {
  height: 14px;
  background-position: -1599px 0px;
}

.flag-item.flag-item-fi {
  height: 12px;
  background-position: -1621px 0px;
}

.flag-item.flag-item-fj {
  height: 10px;
  background-position: -1643px 0px;
}

.flag-item.flag-item-fk {
  height: 10px;
  background-position: -1665px 0px;
}

.flag-item.flag-item-fm {
  height: 11px;
  background-position: -1687px 0px;
}

.flag-item.flag-item-fo {
  height: 15px;
  background-position: -1709px 0px;
}

.flag-item.flag-item-fr {
  height: 14px;
  background-position: -1731px 0px;
}

.flag-item.flag-item-ga {
  height: 15px;
  background-position: -1753px 0px;
}

.flag-item.flag-item-gb {
  height: 10px;
  background-position: -1775px 0px;
}

.flag-item.flag-item-gd {
  height: 12px;
  background-position: -1797px 0px;
}

.flag-item.flag-item-ge {
  height: 14px;
  background-position: -1819px 0px;
}

.flag-item.flag-item-gf {
  height: 14px;
  background-position: -1841px 0px;
}

.flag-item.flag-item-gg {
  height: 14px;
  background-position: -1863px 0px;
}

.flag-item.flag-item-gh {
  height: 14px;
  background-position: -1885px 0px;
}

.flag-item.flag-item-gi {
  height: 10px;
  background-position: -1907px 0px;
}

.flag-item.flag-item-gl {
  height: 14px;
  background-position: -1929px 0px;
}

.flag-item.flag-item-gm {
  height: 14px;
  background-position: -1951px 0px;
}

.flag-item.flag-item-gn {
  height: 14px;
  background-position: -1973px 0px;
}

.flag-item.flag-item-gp {
  height: 14px;
  background-position: -1995px 0px;
}

.flag-item.flag-item-gq {
  height: 14px;
  background-position: -2017px 0px;
}

.flag-item.flag-item-gr {
  height: 14px;
  background-position: -2039px 0px;
}

.flag-item.flag-item-gs {
  height: 10px;
  background-position: -2061px 0px;
}

.flag-item.flag-item-gt {
  height: 13px;
  background-position: -2083px 0px;
}

.flag-item.flag-item-gu {
  height: 11px;
  background-position: -2105px 0px;
}

.flag-item.flag-item-gw {
  height: 10px;
  background-position: -2127px 0px;
}

.flag-item.flag-item-gy {
  height: 12px;
  background-position: -2149px 0px;
}

.flag-item.flag-item-hk {
  height: 14px;
  background-position: -2171px 0px;
}

.flag-item.flag-item-hm {
  height: 10px;
  background-position: -2193px 0px;
}

.flag-item.flag-item-hn {
  height: 10px;
  background-position: -2215px 0px;
}

.flag-item.flag-item-hr {
  height: 10px;
  background-position: -2237px 0px;
}

.flag-item.flag-item-ht {
  height: 12px;
  background-position: -2259px 0px;
}

.flag-item.flag-item-hu {
  height: 10px;
  background-position: -2281px 0px;
}

.flag-item.flag-item-ic {
  height: 14px;
  background-position: -2303px 0px;
}

.flag-item.flag-item-id {
  height: 14px;
  background-position: -2325px 0px;
}

.flag-item.flag-item-ie {
  height: 10px;
  background-position: -2347px 0px;
}

.flag-item.flag-item-il {
  height: 15px;
  background-position: -2369px 0px;
}

.flag-item.flag-item-im {
  height: 10px;
  background-position: -2391px 0px;
}

.flag-item.flag-item-in {
  height: 14px;
  background-position: -2413px 0px;
}

.flag-item.flag-item-io {
  height: 10px;
  background-position: -2435px 0px;
}

.flag-item.flag-item-iq {
  height: 14px;
  background-position: -2457px 0px;
}

.flag-item.flag-item-ir {
  height: 12px;
  background-position: -2479px 0px;
}

.flag-item.flag-item-is {
  height: 15px;
  background-position: -2501px 0px;
}

.flag-item.flag-item-it {
  height: 14px;
  background-position: -2523px 0px;
}

.flag-item.flag-item-je {
  height: 12px;
  background-position: -2545px 0px;
}

.flag-item.flag-item-jm {
  height: 10px;
  background-position: -2567px 0px;
}

.flag-item.flag-item-jo {
  height: 10px;
  background-position: -2589px 0px;
}

.flag-item.flag-item-jp {
  height: 14px;
  background-position: -2611px 0px;
}

.flag-item.flag-item-ke {
  height: 14px;
  background-position: -2633px 0px;
}

.flag-item.flag-item-kg {
  height: 12px;
  background-position: -2655px 0px;
}

.flag-item.flag-item-kh {
  height: 13px;
  background-position: -2677px 0px;
}

.flag-item.flag-item-ki {
  height: 10px;
  background-position: -2699px 0px;
}

.flag-item.flag-item-km {
  height: 12px;
  background-position: -2721px 0px;
}

.flag-item.flag-item-kn {
  height: 14px;
  background-position: -2743px 0px;
}

.flag-item.flag-item-kp {
  height: 10px;
  background-position: -2765px 0px;
}

.flag-item.flag-item-kr {
  height: 14px;
  background-position: -2787px 0px;
}

.flag-item.flag-item-kw {
  height: 10px;
  background-position: -2809px 0px;
}

.flag-item.flag-item-ky {
  height: 10px;
  background-position: -2831px 0px;
}

.flag-item.flag-item-kz {
  height: 10px;
  background-position: -2853px 0px;
}

.flag-item.flag-item-la {
  height: 14px;
  background-position: -2875px 0px;
}

.flag-item.flag-item-lb {
  height: 14px;
  background-position: -2897px 0px;
}

.flag-item.flag-item-lc {
  height: 10px;
  background-position: -2919px 0px;
}

.flag-item.flag-item-li {
  height: 12px;
  background-position: -2941px 0px;
}

.flag-item.flag-item-lk {
  height: 10px;
  background-position: -2963px 0px;
}

.flag-item.flag-item-lr {
  height: 11px;
  background-position: -2985px 0px;
}

.flag-item.flag-item-ls {
  height: 14px;
  background-position: -3007px 0px;
}

.flag-item.flag-item-lt {
  height: 12px;
  background-position: -3029px 0px;
}

.flag-item.flag-item-lu {
  height: 12px;
  background-position: -3051px 0px;
}

.flag-item.flag-item-lv {
  height: 10px;
  background-position: -3073px 0px;
}

.flag-item.flag-item-ly {
  height: 10px;
  background-position: -3095px 0px;
}

.flag-item.flag-item-ma {
  height: 14px;
  background-position: -3117px 0px;
}

.flag-item.flag-item-mc {
  height: 15px;
  background-position: -3139px 0px;
}

.flag-item.flag-item-md {
  height: 10px;
  background-position: -3160px 0px;
}

.flag-item.flag-item-me {
  height: 10px;
  background-position: -3182px 0px;
}

.flag-item.flag-item-mf {
  height: 14px;
  background-position: -3204px 0px;
}

.flag-item.flag-item-mg {
  height: 14px;
  background-position: -3226px 0px;
}

.flag-item.flag-item-mh {
  height: 11px;
  background-position: -3248px 0px;
}

.flag-item.flag-item-mk {
  height: 10px;
  background-position: -3270px 0px;
}

.flag-item.flag-item-ml {
  height: 14px;
  background-position: -3292px 0px;
}

.flag-item.flag-item-mm {
  height: 14px;
  background-position: -3314px 0px;
}

.flag-item.flag-item-mn {
  height: 10px;
  background-position: -3336px 0px;
}

.flag-item.flag-item-mo {
  height: 14px;
  background-position: -3358px 0px;
}

.flag-item.flag-item-mp {
  height: 10px;
  background-position: -3380px 0px;
}

.flag-item.flag-item-mq {
  height: 14px;
  background-position: -3402px 0px;
}

.flag-item.flag-item-mr {
  height: 14px;
  background-position: -3424px 0px;
}

.flag-item.flag-item-ms {
  height: 10px;
  background-position: -3446px 0px;
}

.flag-item.flag-item-mt {
  height: 14px;
  background-position: -3468px 0px;
}

.flag-item.flag-item-mu {
  height: 14px;
  background-position: -3490px 0px;
}

.flag-item.flag-item-mv {
  height: 14px;
  background-position: -3512px 0px;
}

.flag-item.flag-item-mw {
  height: 14px;
  background-position: -3534px 0px;
}

.flag-item.flag-item-mx {
  height: 12px;
  background-position: -3556px 0px;
}

.flag-item.flag-item-my {
  height: 10px;
  background-position: -3578px 0px;
}

.flag-item.flag-item-mz {
  height: 14px;
  background-position: -3600px 0px;
}

.flag-item.flag-item-na {
  height: 14px;
  background-position: -3622px 0px;
}

.flag-item.flag-item-nc {
  height: 10px;
  background-position: -3644px 0px;
}

.flag-item.flag-item-ne {
  height: 15px;
  background-position: -3666px 0px;
}

.flag-item.flag-item-nf {
  height: 10px;
  background-position: -3686px 0px;
}

.flag-item.flag-item-ng {
  height: 10px;
  background-position: -3708px 0px;
}

.flag-item.flag-item-ni {
  height: 12px;
  background-position: -3730px 0px;
}

.flag-item.flag-item-nl {
  height: 14px;
  background-position: -3752px 0px;
}

.flag-item.flag-item-no {
  height: 15px;
  background-position: -3774px 0px;
}

.flag-item.flag-item-np {
  height: 15px;
  background-position: -3796px 0px;
}

.flag-item.flag-item-nr {
  height: 10px;
  background-position: -3811px 0px;
}

.flag-item.flag-item-nu {
  height: 10px;
  background-position: -3833px 0px;
}

.flag-item.flag-item-nz {
  height: 10px;
  background-position: -3855px 0px;
}

.flag-item.flag-item-om {
  height: 10px;
  background-position: -3877px 0px;
}

.flag-item.flag-item-pa {
  height: 14px;
  background-position: -3899px 0px;
}

.flag-item.flag-item-pe {
  height: 14px;
  background-position: -3921px 0px;
}

.flag-item.flag-item-pf {
  height: 14px;
  background-position: -3943px 0px;
}

.flag-item.flag-item-pg {
  height: 15px;
  background-position: -3965px 0px;
}

.flag-item.flag-item-ph {
  height: 10px;
  background-position: -3987px 0px;
}

.flag-item.flag-item-pk {
  height: 14px;
  background-position: -4009px 0px;
}

.flag-item.flag-item-pl {
  height: 13px;
  background-position: -4031px 0px;
}

.flag-item.flag-item-pm {
  height: 14px;
  background-position: -4053px 0px;
}

.flag-item.flag-item-pn {
  height: 10px;
  background-position: -4075px 0px;
}

.flag-item.flag-item-pr {
  height: 14px;
  background-position: -4097px 0px;
}

.flag-item.flag-item-ps {
  height: 10px;
  background-position: -4119px 0px;
}

.flag-item.flag-item-pt {
  height: 14px;
  background-position: -4141px 0px;
}

.flag-item.flag-item-pw {
  height: 13px;
  background-position: -4163px 0px;
}

.flag-item.flag-item-py {
  height: 11px;
  background-position: -4185px 0px;
}

.flag-item.flag-item-qa {
  height: 8px;
  background-position: -4207px 0px;
}

.flag-item.flag-item-re {
  height: 14px;
  background-position: -4229px 0px;
}

.flag-item.flag-item-ro {
  height: 14px;
  background-position: -4251px 0px;
}

.flag-item.flag-item-rs {
  height: 14px;
  background-position: -4273px 0px;
}

.flag-item.flag-item-ru {
  height: 14px;
  background-position: -4295px 0px;
}

.flag-item.flag-item-rw {
  height: 14px;
  background-position: -4317px 0px;
}

.flag-item.flag-item-sa {
  height: 14px;
  background-position: -4339px 0px;
}

.flag-item.flag-item-sb {
  height: 10px;
  background-position: -4361px 0px;
}

.flag-item.flag-item-sc {
  height: 10px;
  background-position: -4383px 0px;
}

.flag-item.flag-item-sd {
  height: 10px;
  background-position: -4405px 0px;
}

.flag-item.flag-item-se {
  height: 13px;
  background-position: -4427px 0px;
}

.flag-item.flag-item-sg {
  height: 14px;
  background-position: -4449px 0px;
}

.flag-item.flag-item-sh {
  height: 10px;
  background-position: -4471px 0px;
}

.flag-item.flag-item-si {
  height: 10px;
  background-position: -4493px 0px;
}

.flag-item.flag-item-sj {
  height: 15px;
  background-position: -4515px 0px;
}

.flag-item.flag-item-sk {
  height: 14px;
  background-position: -4537px 0px;
}

.flag-item.flag-item-sl {
  height: 14px;
  background-position: -4559px 0px;
}

.flag-item.flag-item-sm {
  height: 15px;
  background-position: -4581px 0px;
}

.flag-item.flag-item-sn {
  height: 14px;
  background-position: -4603px 0px;
}

.flag-item.flag-item-so {
  height: 14px;
  background-position: -4625px 0px;
}

.flag-item.flag-item-sr {
  height: 14px;
  background-position: -4647px 0px;
}

.flag-item.flag-item-ss {
  height: 10px;
  background-position: -4669px 0px;
}

.flag-item.flag-item-st {
  height: 10px;
  background-position: -4691px 0px;
}

.flag-item.flag-item-sv {
  height: 12px;
  background-position: -4713px 0px;
}

.flag-item.flag-item-sx {
  height: 14px;
  background-position: -4735px 0px;
}

.flag-item.flag-item-sy {
  height: 14px;
  background-position: -4757px 0px;
}

.flag-item.flag-item-sz {
  height: 14px;
  background-position: -4779px 0px;
}

.flag-item.flag-item-ta {
  height: 10px;
  background-position: -4801px 0px;
}

.flag-item.flag-item-tc {
  height: 10px;
  background-position: -4823px 0px;
}

.flag-item.flag-item-td {
  height: 14px;
  background-position: -4845px 0px;
}

.flag-item.flag-item-tf {
  height: 14px;
  background-position: -4867px 0px;
}

.flag-item.flag-item-tg {
  height: 13px;
  background-position: -4889px 0px;
}

.flag-item.flag-item-th {
  height: 14px;
  background-position: -4911px 0px;
}

.flag-item.flag-item-tj {
  height: 10px;
  background-position: -4933px 0px;
}

.flag-item.flag-item-tk {
  height: 10px;
  background-position: -4955px 0px;
}

.flag-item.flag-item-tl {
  height: 10px;
  background-position: -4977px 0px;
}

.flag-item.flag-item-tm {
  height: 14px;
  background-position: -4999px 0px;
}

.flag-item.flag-item-tn {
  height: 14px;
  background-position: -5021px 0px;
}

.flag-item.flag-item-to {
  height: 10px;
  background-position: -5043px 0px;
}

.flag-item.flag-item-tr {
  height: 14px;
  background-position: -5065px 0px;
}

.flag-item.flag-item-tt {
  height: 12px;
  background-position: -5087px 0px;
}

.flag-item.flag-item-tv {
  height: 10px;
  background-position: -5109px 0px;
}

.flag-item.flag-item-tw {
  height: 14px;
  background-position: -5131px 0px;
}

.flag-item.flag-item-tz {
  height: 14px;
  background-position: -5153px 0px;
}

.flag-item.flag-item-ua {
  height: 14px;
  background-position: -5175px 0px;
}

.flag-item.flag-item-ug {
  height: 14px;
  background-position: -5197px 0px;
}

.flag-item.flag-item-um {
  height: 11px;
  background-position: -5219px 0px;
}

.flag-item.flag-item-un {
  height: 14px;
  background-position: -5241px 0px;
}

.flag-item.flag-item-us {
  height: 11px;
  background-position: -5263px 0px;
}

.flag-item.flag-item-uy {
  height: 14px;
  background-position: -5285px 0px;
}

.flag-item.flag-item-uz {
  height: 10px;
  background-position: -5307px 0px;
}

.flag-item.flag-item-va {
  height: 15px;
  background-position: -5329px 0px;
}

.flag-item.flag-item-vc {
  height: 14px;
  background-position: -5346px 0px;
}

.flag-item.flag-item-ve {
  height: 14px;
  background-position: -5368px 0px;
}

.flag-item.flag-item-vg {
  height: 10px;
  background-position: -5390px 0px;
}

.flag-item.flag-item-vi {
  height: 14px;
  background-position: -5412px 0px;
}

.flag-item.flag-item-vn {
  height: 14px;
  background-position: -5434px 0px;
}

.flag-item.flag-item-vu {
  height: 12px;
  background-position: -5456px 0px;
}

.flag-item.flag-item-wf {
  height: 14px;
  background-position: -5478px 0px;
}

.flag-item.flag-item-ws {
  height: 10px;
  background-position: -5500px 0px;
}

.flag-item.flag-item-xk {
  height: 15px;
  background-position: -5522px 0px;
}

.flag-item.flag-item-ye {
  height: 14px;
  background-position: -5544px 0px;
}

.flag-item.flag-item-yt {
  height: 14px;
  background-position: -5566px 0px;
}

.flag-item.flag-item-za {
  height: 14px;
  background-position: -5588px 0px;
}

.flag-item.flag-item-zm {
  height: 14px;
  background-position: -5610px 0px;
}

.flag-item.flag-item-zw {
  height: 10px;
  background-position: -5632px 0px;
}

.breadcrumb-header {
  padding: 2rem;
  padding-left: unset;
}

a.breadcrumb-link, a.cancel-link {
  color: #0079CB;
}

a.breadcrumb-link:hover, a.cancel-link:hover {
  text-decoration: underline;
}

.breadcrumb-text {
  color: #4D4D4D;
  font-weight: 600;
}

.fedrooms-page .container {
  margin: 0 .571rem;
}

@media (min-width: 1066px) {
  .fedrooms-page .container {
    margin: 0 auto;
    width: 75rem;
  }
}

.fedrooms-page .container .fedrooms-title-container {
  display: flex;
  align-items: baseline;
  margin-bottom: 1.2rem;
  margin-top: 2.5rem;
  gap: 1.25rem;
}

.fedrooms-page .container .fedrooms-title-container .fedrooms-logo {
  width: 12.625rem;
  height: 3.625rem;
  align-self: flex-end;
  background: url("/img/fedrooms-logo.png") lightgray 50%/cover no-repeat;
}

.fedrooms-page .container .fedrooms-title-container .fedrooms-title {
  color: #005677;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  align-self: flex-end;
}

.fedrooms-page .container .fedrooms-form .hotel-name-banner {
  background: #E5F3FD;
  color: #333;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: .75rem;
}

.fedrooms-page .container .fedrooms-form .hotel-name-banner .info-icon {
  color: #0079CB;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: .625rem;
}

.fedrooms-page .container .fedrooms-form .fedrooms-section-title {
  font-size: 1.35rem;
  color: #333;
  font-weight: 600;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}

.fedrooms-page .container .fedrooms-form .fedrooms-section-title span {
  font-size: .9rem;
  color: #666;
  font-weight: 400;
}

.fedrooms-page .container .fedrooms-form .fedrooms-container {
  border: 1px solid #CCC;
  color: #4D4D4D;
}

.fedrooms-page .container .fedrooms-form .fedrooms-container.form-buttons {
  margin-bottom: 2.5rem;
  padding: .7rem 1.2rem;
  background-color: #f2f2f2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
}

.fedrooms-page .container .fedrooms-form .row {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #CCC;
}

@media (min-width: 769px) {
  .fedrooms-page .container .fedrooms-form .row {
    flex-direction: row;
  }
}

.fedrooms-page .container .fedrooms-form .row:last-of-type {
  display: flex;
  flex-direction: column;
  border-bottom: none;
}

@media (min-width: 769px) {
  .fedrooms-page .container .fedrooms-form .row:last-of-type {
    flex-direction: row;
  }
}

.fedrooms-page .container .fedrooms-form .column {
  padding: .5rem;
}

.fedrooms-page .container .fedrooms-form .column:first-of-type {
  display: flex;
  background-color: #F2F2F2;
}

@media (min-width: 769px) {
  .fedrooms-page .container .fedrooms-form .column:first-of-type {
    flex: 0 0 14rem;
    border-right: 1px solid #CCC;
  }
}

.fedrooms-page .container .fedrooms-form .column:first-of-type label {
  padding: .5rem;
}

.fedrooms-page .container .fedrooms-form .column:last-of-type {
  flex: 1 1 auto;
}

@media (min-width: 769px) {
  .fedrooms-page .container .fedrooms-form .column:last-of-type {
    padding-left: .94rem;
    padding-right: .94rem;
  }
}

.fedrooms-page .container .fedrooms-form .column .readonly-value {
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: bold;
}

.fedrooms-page .container .fedrooms-form .column .required {
  font-weight: 900;
  color: #d64541;
  display: inline-block;
  position: relative;
  top: -.4rem;
  font-size: .5rem;
}

.fedrooms-page .container .fedrooms-form .column .inline-container {
  display: flex;
  gap: .625rem;
  flex-wrap: wrap;
}

.fedrooms-page .container .fedrooms-form .column .inline-container .input-and-message-container {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
}

.fedrooms-page .container .fedrooms-form .column .inline-container .input-and-message-container.phone-input {
  width: 20.0625rem;
}

.fedrooms-page .container .fedrooms-form .column .inline-container .input-and-message-container.secondary-input {
  width: 9.67875rem;
}

.fedrooms-page .container .fedrooms-form .column .inline-container .v-align-center {
  align-self: center;
}

.fedrooms-page .container .fedrooms-form .column .narrow-input {
  width: 14.625rem;
}

.fedrooms-page .container .fedrooms-form .column .hotel-name-address {
  color: #4D4D4D;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: .3rem;
}

@media (min-width: 484px) {
  .fedrooms-page .container .fedrooms-form .info-text-right {
    text-align: right;
  }
}

.fedrooms-page .container .fedrooms-form .fema-link {
  margin-top: .625rem;
  line-height: 1.25rem;
}

.fedrooms-page .container .fedrooms-form .continue-button {
  display: inline-flex;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.25rem;
  background: #0079CB;
  border-color: #0079CB;
}

.fedrooms-page .container .fedrooms-form .continue-button:hover {
  background-color: #005a9c;
  border-color: #005a9c;
}

.line-wrap {
  overflow-wrap: break-word;
  white-space: normal;
  line-height: 1.375rem;
  inline-size: auto;
}

.fema-id-input .e-list-item {
  padding-right: 0;
  padding-bottom: 1.12rem;
}

.fema-id-input .hotel-item .fema-id {
  font-weight: bold;
  line-height: 1.375rem;
}

.alert {
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

/*# sourceMappingURL=all.css.map */