/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/portal/src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/portal/src/styles-mobile.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-item.center{z-index: 5;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('owl.video.play.e3b436436832b027.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/portal/src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

:root {
  --primaryradius: 14px;
  --secondaryradius: 8px;
}

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: " ";
}

.flag-icon-ad {
  background-image: url('ad.e8725f9cfe1e8ba8.svg');
}

.flag-icon-ae {
  background-image: url('ae.a886986968055db7.svg');
}

.flag-icon-af {
  background-image: url('af.ef5a00fd614aab9b.svg');
}

.flag-icon-ag {
  background-image: url('ag.9911fe5bc1c02737.svg');
}

.flag-icon-ai {
  background-image: url('ai.fae8022561778416.svg');
}

.flag-icon-al {
  background-image: url('al.12dea1aba3d9b8d2.svg');
}

.flag-icon-am {
  background-image: url('am.9e29255d39f1c9cf.svg');
}

.flag-icon-ao {
  background-image: url('ao.3bd16a33fa2d8d80.svg');
}

.flag-icon-aq {
  background-image: url('aq.4d5b0092fec708e1.svg');
}

.flag-icon-ar {
  background-image: url('ar.f0fd5257cde9bc63.svg');
}

.flag-icon-as {
  background-image: url('as.809e27ce7e897d41.svg');
}

.flag-icon-at {
  background-image: url('at.37a1f6786a293004.svg');
}

.flag-icon-au {
  background-image: url('au.3fe4b61381b51325.svg');
}

.flag-icon-aw {
  background-image: url('aw.417d22899341d664.svg');
}

.flag-icon-ax {
  background-image: url('ax.abfa077c5bee5478.svg');
}

.flag-icon-az {
  background-image: url('az.932a653cee0bdb87.svg');
}

.flag-icon-ba {
  background-image: url('ba.a69623a921a264a0.svg');
}

.flag-icon-bb {
  background-image: url('bb.0d7ab3f6294c3724.svg');
}

.flag-icon-bd {
  background-image: url('bd.ea002aea04622bda.svg');
}

.flag-icon-be {
  background-image: url('be.f704943dcbec5ac3.svg');
}

.flag-icon-bf {
  background-image: url('bf.3364b69f4801322f.svg');
}

.flag-icon-bg {
  background-image: url('bg.26fc6f65101cb95c.svg');
}

.flag-icon-bh {
  background-image: url('bh.6ce032f06dd4fb06.svg');
}

.flag-icon-bi {
  background-image: url('bi.e8e092c6e0e2b498.svg');
}

.flag-icon-bj {
  background-image: url('bj.62833258dea21e29.svg');
}

.flag-icon-bl {
  background-image: url('bl.1abebe3ed39c5d24.svg');
}

.flag-icon-bm {
  background-image: url('bm.6f9f4a7dca7eb2c7.svg');
}

.flag-icon-bn {
  background-image: url('bn.fd06607dd3db1680.svg');
}

.flag-icon-bo {
  background-image: url('bo.a337864ffb56e1a0.svg');
}

.flag-icon-bq {
  background-image: url('bq.3284d32acb9561fc.svg');
}

.flag-icon-br {
  background-image: url('br.d78e57c8ef7dd982.svg');
}

.flag-icon-bs {
  background-image: url('bs.ccf594926a0e44a3.svg');
}

.flag-icon-bt {
  background-image: url('bt.9694588b04ed387e.svg');
}

.flag-icon-bv {
  background-image: url('bv.cb7ad96af5b4a244.svg');
}

.flag-icon-bw {
  background-image: url('bw.80682d3326e95c5e.svg');
}

.flag-icon-by {
  background-image: url('by.5d1b7e502d563d50.svg');
}

.flag-icon-bz {
  background-image: url('bz.950898453fd5ef9e.svg');
}

.flag-icon-ca {
  background-image: url('ca.c1a19fe7e78fe6d5.svg');
}

.flag-icon-cc {
  background-image: url('cc.baa5c5043d5d70a7.svg');
}

.flag-icon-cd {
  background-image: url('cd.f7eef9d57586a31d.svg');
}

.flag-icon-cf {
  background-image: url('cf.ed6afc3ef676a22d.svg');
}

.flag-icon-cg {
  background-image: url('cg.209e485e8b077970.svg');
}

.flag-icon-ch {
  background-image: url('ch.dfa8f4438a1905d2.svg');
}

.flag-icon-ci {
  background-image: url('ci.3b15ba81df90ab7b.svg');
}

.flag-icon-ck {
  background-image: url('ck.4041298036a41b7e.svg');
}

.flag-icon-cl {
  background-image: url('cl.900d170880b198f6.svg');
}

.flag-icon-cm {
  background-image: url('cm.57058b094851cfa3.svg');
}

.flag-icon-cn {
  background-image: url('cn.4f2db3942f495ade.svg');
}

.flag-icon-co {
  background-image: url('co.b10a7aefb993c2b9.svg');
}

.flag-icon-cr {
  background-image: url('cr.b19348a5488d859f.svg');
}

.flag-icon-cu {
  background-image: url('cu.dcac3c1e5854e4b4.svg');
}

.flag-icon-cv {
  background-image: url('cv.374af180fa2d26ab.svg');
}

.flag-icon-cw {
  background-image: url('cw.2e2265c412fc2750.svg');
}

.flag-icon-cx {
  background-image: url('cx.a240d9198179113b.svg');
}

.flag-icon-cy {
  background-image: url('cy.bf1381fb3890e610.svg');
}

.flag-icon-cz {
  background-image: url('cz.8c80bf78bd63b3e9.svg');
}

.flag-icon-de {
  background-image: url('de.562408e899f4cdc1.svg');
}

.flag-icon-dj {
  background-image: url('dj.54abb98ea258a3bb.svg');
}

.flag-icon-dk {
  background-image: url('dk.93a6f86765fe7c49.svg');
}

.flag-icon-dm {
  background-image: url('dm.e9fae80b6b52fae5.svg');
}

.flag-icon-do {
  background-image: url('do.61730e895363c601.svg');
}

.flag-icon-dz {
  background-image: url('dz.cdb90a19a43eeaa5.svg');
}

.flag-icon-ec {
  background-image: url('ec.611c9a3d85a07555.svg');
}

.flag-icon-ee {
  background-image: url('ee.63f257ef6a00bc0e.svg');
}

.flag-icon-eg {
  background-image: url('eg.32079bc15a33e2f0.svg');
}

.flag-icon-eh {
  background-image: url('eh.394696ab854b2765.svg');
}

.flag-icon-er {
  background-image: url('er.24fedb5febe618f5.svg');
}

.flag-icon-es {
  background-image: url('es.73536c16a016e833.svg');
}

.flag-icon-et {
  background-image: url('et.49536987f25347b3.svg');
}

.flag-icon-fi {
  background-image: url('fi.898c1be2db127760.svg');
}

.flag-icon-fj {
  background-image: url('fj.59a0a439a5cd954f.svg');
}

.flag-icon-fk {
  background-image: url('fk.5700c4227ed1ca13.svg');
}

.flag-icon-fm {
  background-image: url('fm.3a718a8025e5fb9c.svg');
}

.flag-icon-fo {
  background-image: url('fo.2edffd8ccd5f1e90.svg');
}

.flag-icon-fr {
  background-image: url('fr.d3ec04d7d2a501e9.svg');
}

.flag-icon-ga {
  background-image: url('ga.fd640109410c12a8.svg');
}

.flag-icon-gb {
  background-image: url('gb.56feb027c14acef8.svg');
}

.flag-icon-gd {
  background-image: url('gd.a646485e3ab8bde8.svg');
}

.flag-icon-ge {
  background-image: url('ge.c9d1472b98249c33.svg');
}

.flag-icon-gf {
  background-image: url('gf.c82c3d97675cc369.svg');
}

.flag-icon-gg {
  background-image: url('gg.a6e4a75d0ce4771f.svg');
}

.flag-icon-gh {
  background-image: url('gh.1eb979491510ab1a.svg');
}

.flag-icon-gi {
  background-image: url('gi.3d9af0e64342dfdd.svg');
}

.flag-icon-gl {
  background-image: url('gl.8ace10a041875609.svg');
}

.flag-icon-gm {
  background-image: url('gm.cb656b12afc92a70.svg');
}

.flag-icon-gn {
  background-image: url('gn.016ca41f66c17d50.svg');
}

.flag-icon-gp {
  background-image: url('gp.c0879c8526c16cc5.svg');
}

.flag-icon-gq {
  background-image: url('gq.62f947c0cfd9b844.svg');
}

.flag-icon-gr {
  background-image: url('gr.b2393f31ac40d6fb.svg');
}

.flag-icon-gs {
  background-image: url('gs.ae998751f5901dca.svg');
}

.flag-icon-gt {
  background-image: url('gt.a5432d94a03b1f66.svg');
}

.flag-icon-gu {
  background-image: url('gu.47788c5987518804.svg');
}

.flag-icon-gw {
  background-image: url('gw.a34d2de64fa785e4.svg');
}

.flag-icon-gy {
  background-image: url('gy.804b51493b680182.svg');
}

.flag-icon-hk {
  background-image: url('hk.be4d020eeba3ebb5.svg');
}

.flag-icon-hm {
  background-image: url('hm.f3cd0b03f3f079f3.svg');
}

.flag-icon-hn {
  background-image: url('hn.6bc2c067ef539fc8.svg');
}

.flag-icon-hr {
  background-image: url('hr.cbcd0b1107576887.svg');
}

.flag-icon-ht {
  background-image: url('ht.ebb7de6837efc750.svg');
}

.flag-icon-hu {
  background-image: url('hu.ada3a9a602b8686d.svg');
}

.flag-icon-id {
  background-image: url('id.d37172ffd5c542a8.svg');
}

.flag-icon-ie {
  background-image: url('ie.972e95c693006a70.svg');
}

.flag-icon-il {
  background-image: url('il.9f8594dbc8975fae.svg');
}

.flag-icon-im {
  background-image: url('im.fa79f7d9070495d6.svg');
}

.flag-icon-in {
  background-image: url('in.34ff88c8c669a81a.svg');
}

.flag-icon-io {
  background-image: url('io.123490eabe11c1b3.svg');
}

.flag-icon-iq {
  background-image: url('iq.945930366c761df6.svg');
}

.flag-icon-ir {
  background-image: url('ir.e8cbabb9b72f43fd.svg');
}

.flag-icon-is {
  background-image: url('is.69f79130ef43e44a.svg');
}

.flag-icon-it {
  background-image: url('it.e660a249eacc6522.svg');
}

.flag-icon-je {
  background-image: url('je.07889a7f511d8d37.svg');
}

.flag-icon-jm {
  background-image: url('jm.8c122dee40eac148.svg');
}

.flag-icon-jo {
  background-image: url('jo.5b61e29fe858873c.svg');
}

.flag-icon-jp {
  background-image: url('jp.68332a20089b11a6.svg');
}

.flag-icon-ke {
  background-image: url('ke.85e996d36dec30f8.svg');
}

.flag-icon-kg {
  background-image: url('kg.45db6a2c6db8ebc9.svg');
}

.flag-icon-kh {
  background-image: url('kh.b10d57d8b820443d.svg');
}

.flag-icon-ki {
  background-image: url('ki.09b72b5581c3be7a.svg');
}

.flag-icon-km {
  background-image: url('km.f55f2cab98a3cf4e.svg');
}

.flag-icon-kn {
  background-image: url('kn.9c462a14057bfb9f.svg');
}

.flag-icon-kp {
  background-image: url('kp.960b4d2858ced225.svg');
}

.flag-icon-kr {
  background-image: url('kr.1c164cbf0ecce447.svg');
}

.flag-icon-kw {
  background-image: url('kw.2241465ee84fed87.svg');
}

.flag-icon-ky {
  background-image: url('ky.2d31e75fb0663a14.svg');
}

.flag-icon-kz {
  background-image: url('kz.0d157d64957e7304.svg');
}

.flag-icon-la {
  background-image: url('la.4ce0911f393c4e35.svg');
}

.flag-icon-lb {
  background-image: url('lb.42da914ce83540ff.svg');
}

.flag-icon-lc {
  background-image: url('lc.5d29ab2dd901fd40.svg');
}

.flag-icon-li {
  background-image: url('li.e9e3096381fd6987.svg');
}

.flag-icon-lk {
  background-image: url('lk.aaf885c6d818039b.svg');
}

.flag-icon-lr {
  background-image: url('lr.6cc9fa1f888f5ca2.svg');
}

.flag-icon-ls {
  background-image: url('ls.5fb0dc837a05474e.svg');
}

.flag-icon-lt {
  background-image: url('lt.65a7dd9b50083694.svg');
}

.flag-icon-lu {
  background-image: url('lu.4bb14a26255153dd.svg');
}

.flag-icon-lv {
  background-image: url('lv.16d35f41dfce3f2f.svg');
}

.flag-icon-ly {
  background-image: url('ly.898c64085051d71f.svg');
}

.flag-icon-ma {
  background-image: url('ma.535cf647d2be36bd.svg');
}

.flag-icon-mc {
  background-image: url('mc.f059e0bf18b8a86c.svg');
}

.flag-icon-md {
  background-image: url('md.53e37c43f9053c28.svg');
}

.flag-icon-me {
  background-image: url('me.b982f6561939e05e.svg');
}

.flag-icon-mf {
  background-image: url('mf.394be4fc4983561c.svg');
}

.flag-icon-mg {
  background-image: url('mg.9af2e60db1ff535b.svg');
}

.flag-icon-mh {
  background-image: url('mh.9ae175bba9b99e59.svg');
}

.flag-icon-mk {
  background-image: url('mk.ea405931be039a07.svg');
}

.flag-icon-ml {
  background-image: url('ml.06f3dd72061aae0d.svg');
}

.flag-icon-mm {
  background-image: url('mm.201dfd6ed13d2c5c.svg');
}

.flag-icon-mn {
  background-image: url('mn.5e4549c4e0d6e1de.svg');
}

.flag-icon-mo {
  background-image: url('mo.59050744f47c8476.svg');
}

.flag-icon-mp {
  background-image: url('mp.bd2539fb1ddcd3aa.svg');
}

.flag-icon-mq {
  background-image: url('mq.4a67fc7ba941a1dc.svg');
}

.flag-icon-mr {
  background-image: url('mr.3ec801d5d7214801.svg');
}

.flag-icon-ms {
  background-image: url('ms.41bcc07025e3b6e0.svg');
}

.flag-icon-mt {
  background-image: url('mt.6dd16f931c70baa8.svg');
}

.flag-icon-mu {
  background-image: url('mu.0a10935cdd0b2594.svg');
}

.flag-icon-mv {
  background-image: url('mv.c41f24b862f6b7b9.svg');
}

.flag-icon-mw {
  background-image: url('mw.b92d642212eaf795.svg');
}

.flag-icon-mx {
  background-image: url('mx.bd4983dbf28f8f0e.svg');
}

.flag-icon-my {
  background-image: url('my.2c6264c8ae8801a2.svg');
}

.flag-icon-mz {
  background-image: url('mz.ead84449fbd0c144.svg');
}

.flag-icon-na {
  background-image: url('na.ff6fd65f4015c796.svg');
}

.flag-icon-nc {
  background-image: url('nc.70348c2fe9e673f2.svg');
}

.flag-icon-ne {
  background-image: url('ne.e374fe7cd3218b70.svg');
}

.flag-icon-nf {
  background-image: url('nf.e89a09d0b85f6589.svg');
}

.flag-icon-ng {
  background-image: url('ng.11d73b22b60807d5.svg');
}

.flag-icon-ni {
  background-image: url('ni.755d719565ae6c88.svg');
}

.flag-icon-nl {
  background-image: url('nl.d63e1a0adb45bbc6.svg');
}

.flag-icon-no {
  background-image: url('no.364d9ecbd99f45a2.svg');
}

.flag-icon-np {
  background-image: url('np.6ba2c640b51f5062.svg');
}

.flag-icon-nr {
  background-image: url('nr.baf4b14ea74caba9.svg');
}

.flag-icon-nu {
  background-image: url('nu.ff6e7f19a78d3682.svg');
}

.flag-icon-nz {
  background-image: url('nz.4dc23a33da4da2b4.svg');
}

.flag-icon-om {
  background-image: url('om.9d0d7c33cb72923d.svg');
}

.flag-icon-pa {
  background-image: url('pa.440ef8a90eab8210.svg');
}

.flag-icon-pe {
  background-image: url('pe.afe30274c67351d7.svg');
}

.flag-icon-pf {
  background-image: url('pf.28e875dee6eb86fd.svg');
}

.flag-icon-pg {
  background-image: url('pg.f021bf5e1f51534d.svg');
}

.flag-icon-ph {
  background-image: url('ph.3158b56c363d4f90.svg');
}

.flag-icon-pk {
  background-image: url('pk.8df3867b63a984c8.svg');
}

.flag-icon-pl {
  background-image: url('pl.ec8ed1b692edbd68.svg');
}

.flag-icon-pm {
  background-image: url('pm.f9dd9d8010dd38dd.svg');
}

.flag-icon-pn {
  background-image: url('pn.b1f08bf2d8eb9fb5.svg');
}

.flag-icon-pr {
  background-image: url('pr.034b283b4c7f30dd.svg');
}

.flag-icon-ps {
  background-image: url('ps.38abd4f29aa9a962.svg');
}

.flag-icon-pt {
  background-image: url('pt.3a1a5281731ba41c.svg');
}

.flag-icon-pw {
  background-image: url('pw.a26a89a3b2392e83.svg');
}

.flag-icon-py {
  background-image: url('py.a1f878f85317233d.svg');
}

.flag-icon-qa {
  background-image: url('qa.5b675f43c9d7a05d.svg');
}

.flag-icon-re {
  background-image: url('re.050d7968b86be3ab.svg');
}

.flag-icon-ro {
  background-image: url('ro.d8b651d6b27ba2a0.svg');
}

.flag-icon-rs {
  background-image: url('rs.8e51ccf3426fa076.svg');
}

.flag-icon-ru {
  background-image: url('ru.9e1c3e05679e68b5.svg');
}

.flag-icon-rw {
  background-image: url('rw.9ab1bb00649cbe2c.svg');
}

.flag-icon-sa {
  background-image: url('sa.7c57e30a0d450441.svg');
}

.flag-icon-sb {
  background-image: url('sb.72a577eaea07c6cc.svg');
}

.flag-icon-sc {
  background-image: url('sc.fa8747894598f8ab.svg');
}

.flag-icon-sd {
  background-image: url('sd.82b4784a5e58a959.svg');
}

.flag-icon-se {
  background-image: url('se.af2bbff930020723.svg');
}

.flag-icon-sg {
  background-image: url('sg.e537131d83535679.svg');
}

.flag-icon-sh {
  background-image: url('sh.683fece0f8baacd3.svg');
}

.flag-icon-si {
  background-image: url('si.6a8c2c336a6577f7.svg');
}

.flag-icon-sj {
  background-image: url('sj.54b2104bfcf0ea24.svg');
}

.flag-icon-sk {
  background-image: url('sk.4e74a4a29b63bc61.svg');
}

.flag-icon-sl {
  background-image: url('sl.0048103a7cb6acc4.svg');
}

.flag-icon-sm {
  background-image: url('sm.741992b14bca78a9.svg');
}

.flag-icon-sn {
  background-image: url('sn.e72b12426ef4eb23.svg');
}

.flag-icon-so {
  background-image: url('so.72ec4ba08f35daf2.svg');
}

.flag-icon-sr {
  background-image: url('sr.1a26d594ed610d41.svg');
}

.flag-icon-ss {
  background-image: url('ss.06533b9d57effbdd.svg');
}

.flag-icon-st {
  background-image: url('st.36b1c89968117394.svg');
}

.flag-icon-sv {
  background-image: url('sv.8710c1a69837f876.svg');
}

.flag-icon-sx {
  background-image: url('sx.1b42fd108a39b9d3.svg');
}

.flag-icon-sy {
  background-image: url('sy.779b452514fd1250.svg');
}

.flag-icon-sz {
  background-image: url('sz.2eec8e974adeebe7.svg');
}

.flag-icon-tc {
  background-image: url('tc.d9ad5c073023b02e.svg');
}

.flag-icon-td {
  background-image: url('td.8d9c19dbd1e6bd99.svg');
}

.flag-icon-tf {
  background-image: url('tf.fb60f7fa27529392.svg');
}

.flag-icon-tg {
  background-image: url('tg.f83e7a054bb7b81c.svg');
}

.flag-icon-th {
  background-image: url('th.119c374ad4a27a91.svg');
}

.flag-icon-tj {
  background-image: url('tj.20fc3d6c49a817c4.svg');
}

.flag-icon-tk {
  background-image: url('tk.1ddc6bafd83efe73.svg');
}

.flag-icon-tl {
  background-image: url('tl.eb86242331bcb909.svg');
}

.flag-icon-tm {
  background-image: url('tm.ebe298c95e83aeba.svg');
}

.flag-icon-tn {
  background-image: url('tn.cbd80798fe638013.svg');
}

.flag-icon-to {
  background-image: url('to.5b9b2c5cf9ac37be.svg');
}

.flag-icon-tr {
  background-image: url('tr.60f650222f62784d.svg');
}

.flag-icon-tt {
  background-image: url('tt.beaf741fb27fb39a.svg');
}

.flag-icon-tv {
  background-image: url('tv.8f2fd8009240a4fa.svg');
}

.flag-icon-tw {
  background-image: url('tw.b4594ca7a42d3e90.svg');
}

.flag-icon-tz {
  background-image: url('tz.9218c5e49cc78518.svg');
}

.flag-icon-ua {
  background-image: url('ua.a85568949146162c.svg');
}

.flag-icon-ug {
  background-image: url('ug.ed65d7d223c9f4e2.svg');
}

.flag-icon-um {
  background-image: url('um.7184c259c2d12f8b.svg');
}

.flag-icon-us {
  background-image: url('us.506ab39e861de75c.svg');
}

.flag-icon-uy {
  background-image: url('uy.9917f0ce78213e60.svg');
}

.flag-icon-uz {
  background-image: url('uz.affdac743c2b2834.svg');
}

.flag-icon-va {
  background-image: url('va.b93e1449e35838ba.svg');
}

.flag-icon-vc {
  background-image: url('vc.042bc22f3bac8ac3.svg');
}

.flag-icon-ve {
  background-image: url('ve.bbbd443f6e2bcc69.svg');
}

.flag-icon-vg {
  background-image: url('vg.ba6ed6395bd71df2.svg');
}

.flag-icon-vi {
  background-image: url('vi.e26feb662117ef3c.svg');
}

.flag-icon-vn {
  background-image: url('vn.09bf515e2a45e094.svg');
}

.flag-icon-vu {
  background-image: url('vu.88f3641cb5c1bf63.svg');
}

.flag-icon-wf {
  background-image: url('wf.167c8a73df044655.svg');
}

.flag-icon-ws {
  background-image: url('ws.f0ad2d30b4f4d101.svg');
}

.flag-icon-ye {
  background-image: url('ye.101891e716276b26.svg');
}

.flag-icon-yt {
  background-image: url('yt.59dcb37410c6faf6.svg');
}

.flag-icon-za {
  background-image: url('za.671adbfe5bc9864f.svg');
}

.flag-icon-zm {
  background-image: url('zm.07e48c47d75bfaed.svg');
}

.flag-icon-zw {
  background-image: url('zw.d9a696e427468f1e.svg');
}

.flag-icon-es-ct {
  background-image: url('es-ct.23bd623336f93774.svg');
}

.flag-icon-eu {
  background-image: url('eu.5c3992b3bb30988d.svg');
}

.flag-icon-gb-eng {
  background-image: url('gb-eng.b28cbbf9a3bb884a.svg');
}

.flag-icon-gb-nir {
  background-image: url('gb-nir.c57d059236c5a5d7.svg');
}

.flag-icon-gb-sct {
  background-image: url('gb-sct.3291a72162a8acd7.svg');
}

.flag-icon-gb-wls {
  background-image: url('gb-wls.1aea8d4c7cf17e85.svg');
}

.flag-icon-un {
  background-image: url('un.e227c6d323a03aa2.svg');
}

.flag-icon-xk {
  background-image: url('xk.cc62006dec859dab.svg');
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 24px !important;
  border-radius: 20px !important;
}

.mat-dialog-container {
  padding: 24px !important;
}

.mat-mdc-tab-label-container {
  background: #f6f6f6 !important;
}

.mat-mdc-tab-body.mat-mdc-tab-body-active {
  padding: 15px 24px !important;
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border: 3px solid #ffc442 !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #000 !important;
}

.mat-mdc-tab {
  letter-spacing: normal !important;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Lato;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Lato;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-card {
  --mat-card-title-text-font: Lato;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Lato;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Lato;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #f44336);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 48px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 24px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -30.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mdc-filled-text-field-label-text-font: Lato;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Lato;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Lato;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Lato;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: none;
}

html {
  --mat-select-trigger-text-font: Lato;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Lato;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Lato;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Lato;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 40px;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Lato;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 32px;
}

.mat-mdc-radio-touch-target {
  display: none;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-mdc-slider-ripple-color: #3f51b5;
  --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mat-mdc-slider-ripple-color: #ff4081;
  --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mat-mdc-slider-ripple-color: #f44336;
  --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Lato;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

html {
  --mat-menu-item-label-text-font: Lato;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Lato;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Lato;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Lato;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Lato;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 48px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mat-paginator-container-text-font: Lato;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 40px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Lato;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 32px;
}

.mat-mdc-checkbox-touch-target {
  display: none;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
}
.mat-mdc-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-raised-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-unelevated-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-outlined-button.mat-mdc-button-base .mdc-button__touch {
  height: 100%;
}
.mat-mdc-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-raised-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-outlined-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Lato;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Lato;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
}

html {
  --mat-table-header-headline-font: Lato;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Lato;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Lato;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Lato;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Lato;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 40px;
}

html {
  --mat-legacy-button-toggle-text-font: Lato;
  --mat-standard-button-toggle-text-font: Lato;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-datepicker-calendar-text-font: Lato;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
}

html {
  --mat-expansion-header-text-font: Lato;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Lato;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 64px;
}

html {
  --mat-stepper-container-text-font: Lato;
  --mat-stepper-header-label-text-font: Lato;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
}

html {
  --mat-toolbar-title-text-font: Lato;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 40px;
}

.mat-tree {
  font-family: Lato;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

html {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
  z-index: 102;
  scroll-behavior: smooth;
  font-size: 12px;
  letter-spacing: normal !important;
}

body {
  font-family: "Lato", sans-serif;
  letter-spacing: normal !important;
  background: url(https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2images/login-bgv2.jpg) #dedede;
}
body.fare-rules-sidenav {
  overflow-y: hidden !important;
  padding-right: 17px;
}
body.remove-mobile-scroll, body.scroll-hidden {
  overflow: hidden !important;
}
@media screen and (max-width: 992px) {
  body.utilities b2bplus-layout .search-outer .container {
    min-width: auto;
  }
  body.utilities b2bplus-layout .search-outer .container .search-section .menu {
    display: none;
  }
  body.utilities b2bplus-layout .search-outer .container .search-section .search-outer-right {
    width: 100% !important;
  }
  body.utilities b2bplus-layout .search-outer .container .offer-section b2bplus-utilities-offer {
    width: 100%;
  }
  body.utilities b2bplus-layout .search-outer .container .offer-section b2bplus-utilities-offer .offer-list {
    overflow-x: auto;
  }
}

.modal-blur {
  background-color: rgba(21, 19, 19, 0.5019607843);
  position: fixed;
  top: 0;
  z-index: 10;
  left: 0;
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
}

app-my-account {
  flex: 1 0 auto;
}

.newlayout {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  scroll-behavior: smooth;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
}
.newlayout * {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  outline: 0 !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.newlayout.loginmap .mat-mdc-dialog-container {
  margin: 0 !important;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .active {
  text-transform: capitalize;
  font-weight: 400;
  color: #363636;
  background: #f8fbe1;
  border: 0;
  width: 100%;
  position: relative;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .active::before {
  content: "";
  left: 0px;
  top: 0;
  width: 4px;
  height: 112%;
  background: #ffcd2e;
  position: absolute;
  /* z-index: 1351; */
  /* opacity: 1; */
  border-radius: 0 999px 999px 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  text-transform: capitalize;
  font-weight: 400;
  color: #363636;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item h2 {
  font-weight: 400;
  color: #363636;
  flex-direction: column;
  line-height: 15px;
  font-size: 13px;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item::before {
  content: "";
  left: 0px;
  top: 50%;
  width: 4px;
  height: 0%;
  background: #ffcd2e;
  position: absolute;
  z-index: 11;
  opacity: 0;
  border-radius: 0 999px 999px 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  background: #f8fbe1;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover::before {
  height: 100%;
  opacity: 1;
  top: 0;
}
.newlayout.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item p.sub-txt {
  font-size: 10px;
}
.newlayout.mat-mdc-menu-panel.loginmenu {
  min-width: 265px;
  border-radius: var(--primaryradius);
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content,
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: normal;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item {
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: normal;
  height: 48px;
  position: relative;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item .icon {
  margin-right: 3px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  background: #f8fbe1;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item:hover .icon {
  margin-right: 6px;
  color: #000000;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item:hover::after {
  height: 100%;
  opacity: 1;
  top: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item.logout {
  margin-bottom: -8px;
  color: #fff;
  background: #d33030;
  height: 45px;
  line-height: 45px;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item.logout .icon {
  color: #ffffff;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item.logout span {
  color: #ffffff;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item span {
  font-size: 13px;
  display: flex;
  align-items: center;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item span.icon {
  margin-right: 10px;
}
.newlayout.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-content .mat-mdc-menu-item::after {
  content: "";
  left: 0;
  top: 50%;
  width: 4px;
  height: 0%;
  background: #ffcd2e;
  position: absolute;
  z-index: 11;
  opacity: 0;
  border-radius: 0 999px 999px 0;
  transition: all 0.5s ease;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}
.newlayout.mat-mdc-menu-panel.balance-popup {
  min-width: 300px;
  border-radius: var(--primaryradius);
}
.newlayout.mat-mdc-menu-panel.balance-popup .mat-mdc-menu-content {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.newlayout.mat-mdc-menu-panel.balance-popup .mat-mdc-menu-content .block {
  width: 50%;
}
.newlayout.mat-mdc-menu-panel.balance-popup .mat-mdc-menu-content .block:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.newlayout.mat-mdc-menu-panel.otp-menu {
  min-width: 400px;
}
.newlayout.mat-mdc-menu-panel.hotelItinerarymenu .hotel-menu {
  margin-top: 0;
}
.newlayout.mat-mdc-menu-panel.hotelItinerarymenu .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
.newlayout.mat-mdc-menu-panel.fare-btn-details-menu .mat-mdc-menu-content {
  padding: 0 5px 0 5px;
}
.newlayout.mat-mdc-menu-panel.fare-btn-details-menu p {
  padding: 5px 10px;
}
.newlayout.mat-mdc-menu-panel.fare-btn-details-menu p.cost {
  border-top: 1px solid #d0d0d0;
}
.newlayout.mat-mdc-menu-panel.hotelItinerarymenu .hotel-menu {
  margin-top: 0;
}
.newlayout.mat-mdc-menu-panel.hotelItinerarymenu .mat-mdc-menu-content:not(:empty) {
  padding-top: 0;
  padding-bottom: 0;
}
.newlayout.mat-mdc-menu-panel.dashboardmenu .mat-mdc-menu-content .mat-mdc-menu-item.active {
  background: #f8fbe1;
}
.newlayout.mat-mdc-menu-panel.dashboardmenu .mat-mdc-menu-content .mat-mdc-menu-item.active::before {
  height: 100%;
  opacity: 1;
  top: 0;
}
.newlayout.mat-mdc-menu-panel.dashboardmenu.dm-height {
  max-height: 250px !important;
}
.newlayout .mat-icon {
  font-family: "Material Icons";
}
.newlayout #mapsection {
  width: 100%;
}
.newlayout #mapsection .google-map-container-inner {
  position: inherit !important;
}
.newlayout .pmtoptions .netbanking-container .bank-radio .mat-mdc-radio-button {
  margin: 0 18px 15px 0;
}
.newlayout button {
  font-family: "Lato", sans-serif !important;
  letter-spacing: normal !important;
  border: 0;
}
.newlayout img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.newlayout .username .mat-mdc-form-field-wrapper {
  padding-bottom: 0;
}
.newlayout .loginfields input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
.newlayout .loginfields .mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
  position: absolute !important;
  padding-top: 5px !important;
  padding-bottom: 0 !important;
  z-index: 1;
}
.newlayout .loginfields .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 16px;
  color: #fff !important;
}
.newlayout .loginfields .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 5px !important;
  padding-bottom: 0 !important;
}
.newlayout .loginfields .mat-mdc-text-field-wrapper {
  width: 100%;
  height: 37px !important;
  font-size: 14px;
  background: #fff;
  border-radius: 8px;
}
.newlayout .loginfields mat-label {
  color: #000 !important;
}
.newlayout .loginfields .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  top: 22px !important;
}
.newlayout .loginfields .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #000000 !important;
}
.newlayout .checkouter {
  width: 100%;
}
.newlayout .checkouter .check {
  margin-bottom: 0px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-left: 0;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple .mat-ripple-element {
  background: #ffcd2e;
  display: none;
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  width: calc(100% - 24px);
  text-align: left;
  color: #000000;
  white-space: initial;
}
.newlayout .checkouter .check.mat-checkbox-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check.mat-checkbox-checked .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .checkouter .check.mat-checkbox-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check.mat-checkbox-disabled .mat-checkbox-background {
  background: #ccc !important;
  border-radius: 4px;
}
.newlayout .checkouter .check {
  margin-bottom: 0px;
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-left: 0;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple .mat-ripple-element {
  background: #ffcd2e;
  display: none;
}
.newlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  width: calc(100% - 24px);
  text-align: left;
  color: #000000;
  white-space: initial;
}
.newlayout .checkouter .check.mat-checkbox-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .check.mat-checkbox-checked .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-label {
  color: #c4c4c4;
  font-size: 15px;
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-underline {
  background: #777;
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 200px;
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-mdc-select {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-mdc-select .mat-select-trigger {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-mdc-select .mat-select-trigger .mat-select-arrow-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork-box .left-box .block .mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-mdc-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
  border-top: 5px solid #777;
}
.newlayout .firstbox .mat-mdc-radio-group {
  z-index: 3;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button {
  background: #ffffff;
  margin: 0 7px 0 0;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button:last-child {
  margin: 0;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label {
  margin: 0;
  padding: 3px 8px;
  border-radius: 5px;
  transition: all 0.5s ease-in 0.2s;
  -o-transition: all 0.5s ease-in 0.2s;
  -webkit-transition: all 0.5s ease-in 0.2s;
  border: none;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px !important;
  font-weight: 400;
  font-size: 15px;
  color: #898989;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container {
  width: 15px;
  height: 15px;
  display: block;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 15px;
  height: 15px;
  border: 1px solid #c5c5c5;
  background: #c5c5c5;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: none;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label {
  border: none;
  border-radius: 5px;
  background: #e9efb8;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-label-content {
  color: #000000;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: transparent;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
  left: 0;
  top: 0;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: 2px;
  left: 5px;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label {
  border: none;
  border-radius: 5px;
  background: #e9efb8;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label .mat-radio-label-content {
  color: #000000;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label .mat-radio-container {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: transparent;
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
}
.newlayout .firstbox .mat-mdc-radio-group .mat-mdc-radio-button.active .mat-radio-label .mat-radio-container .mat-radio-inner-circle::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: 2px;
  left: 5px;
}
.newlayout .avilability-top .right .select-booking .mdc-checkbox {
  margin-right: 0px !important;
}
.newlayout .mdc-checkbox {
  padding: 0 !important;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.newlayout .mdc-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
  background-color: #fff;
}
.newlayout .mdc-checkbox .mdc-checkbox__native-control {
  width: 18px;
  height: 18px;
}
.newlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: #fff;
}
.newlayout .mdc-checkbox__background {
  border: 1px solid #b5b5b5 !important;
  border-radius: 4px;
  background: #fff;
}
.newlayout .mat-checkbox .mat-checkbox-ripple {
  display: none;
}
.newlayout .home-checkbox {
  gap: 5px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox .mdc-form-field {
  display: flex;
  align-items: center;
}
.newlayout .home-checkbox .mdc-checkbox__background {
  border: 1px solid #b5b5b5 !important;
  border-radius: 4px;
  background: #fff !important;
}
.newlayout .home-checkbox .mat-mdc-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border: 1px solid #b5b5b5 !important;
  border-radius: 4px;
  background: #fff !important;
}
.newlayout .home-checkbox .mat-mdc-checkbox .mdc-checkbox__background {
  border: 1px solid #b5b5b5 !important;
  border-radius: 4px;
  background: #fff !important;
}
.newlayout .home-checkbox .mat-mdc-checkbox .mat-mdc-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox .mat-mdc-checkbox .mat-mdc-checkbox-layout .mat-mdc-checkbox-inner-container {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox .mat-mdc-checkbox .mat-mdc-checkbox-layout .mat-mdc-checkbox-inner-container .mat-mdc-checkbox__background {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .home-checkbox .mat-mdc-checkbox .mat-mdc-checkbox-layout .mat-checkbox-label {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
}
.newlayout .home-checkbox .mat-checkbox-checked.mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .home-checkbox .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .home-checkbox .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13 !important;
}
.newlayout .home-checkbox-new {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox-new .mat-mdc-checkbox {
  margin-right: 20px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
}
.newlayout .home-checkbox-new .mat-checkbox-checked.mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .home-checkbox-new .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .home-checkbox-new .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .home-checkbox-new .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13 !important;
}
.newlayout .checkouter .home-checkbox .mat-mdc-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .checkouter .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox__backgrounds {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .checkouter .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
}
.newlayout .select .mat-mdc-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .select .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 13px;
}
.newlayout .mat-mdc-radio-button {
  margin: 0 18px 0 0;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button:last-child {
  margin: 0;
}
.newlayout .mat-mdc-radio-button .mat-radio-label {
  margin: 0;
  transition: all 0.5s ease-in 0.2s;
  -o-transition: all 0.5s ease-in 0.2s;
  -webkit-transition: all 0.5s ease-in 0.2s;
  border: none;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px !important;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.newlayout .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content span {
  color: #908f8f;
  font-size: 11px;
  text-transform: uppercase;
}
.newlayout .mat-mdc-radio-button .mat-radio-label .mat-radio-container {
  width: 16px;
  height: 16px;
  display: block;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 16px;
  height: 16px;
  border: 1px solid #8998a6;
  background: #fff;
}
.newlayout .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.newlayout .mat-mdc-radio-button.mat-radio-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button.mat-radio-checked .mat-radio-label {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 10px;
  height: 10px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
  top: 3px;
  left: 3px;
}
.newlayout .forgot-password .checkouter .check {
  margin-bottom: 20px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check .mat-checkbox-layout {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-left: 0;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #ffcd2e;
  border-radius: 2px;
  background: #ffcd2e;
}
.newlayout .forgot-password .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple .mat-ripple-element {
  background: #ffcd2e;
  display: none;
}
.newlayout .forgot-password .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  width: calc(100% - 24px);
  text-align: left;
  color: #fff;
}
.newlayout .forgot-password .checkouter .check.mat-checkbox-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check.mat-checkbox-checked .mat-checkbox-background {
  background: #ffcd2e !important;
  border-radius: 4px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check.mat-checkbox-checked .mat-checkbox-background .mat-checkbox-mixedmark {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .forgot-password .checkouter .check.mat-checkbox-checked .mat-checkbox-background .mat-checkbox-mixedmark .mat-checkbox-checkmark-path {
  stroke: #2f3255 !important;
}
@media screen and (max-width: 1200px) {
  .newlayout .home-checkbox .mat-mdc-checkbox {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
    font-size: 14px;
  }
  .newlayout .home-checkbox-new .mat-mdc-checkbox {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
    font-size: 13px;
  }
}
@media screen and (max-width: 1025px) {
  .newlayout .home-checkbox-new .mat-mdc-checkbox {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .home-checkbox-new .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
    font-size: 12px;
  }
}
.newlayout .mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper {
  position: absolute !important;
  padding-top: 5px !important;
  padding-bottom: 0 !important;
  z-index: 1;
}
.newlayout .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 16px;
  font-size: 14px;
  letter-spacing: 0;
}
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
  --mdc-outlined-text-field-label-text-color: #787878;
}
.newlayout b2bplus-flight-home .search-box .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 31px;
}
.newlayout .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 5px !important;
  padding-bottom: 0 !important;
}
.newlayout .mat-mdc-form-field:not(.mat-mdc-paginator-page-size-select) {
  width: 100% !important;
}
.newlayout .textaria_height {
  min-height: 52px !important;
}
.newlayout .textaria_height .mat-mdc-text-field-wrapper {
  min-height: auto !important;
  height: auto !important;
}
.newlayout .mat-mdc-text-field-wrapper {
  width: 100% !important;
  height: 37px;
  font-size: 14px;
  background: #fff;
  border-radius: 3px;
}
.newlayout .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  top: 22px !important;
}
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #000 !important;
}
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  --mdc-outlined-text-field-outline-color: rgba(165,165,165,.38);
  --mdc-outlined-text-field-hover-outline-color: rgba(165,165,165,.9);
}
.newlayout .mat-mdc-select-value-text {
  font-size: 14px;
  letter-spacing: 0;
}
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.newlayout .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #7d7d7d;
  border-width: 1px !important;
}
.newlayout .mat-mdc-button .mdc-button__label,
.newlayout .mat-mdc-unelevated-button .mdc-button__label,
.newlayout .mat-mdc-raised-button .mdc-button__label,
.newlayout .mat-mdc-outlined-button .mdc-button__label {
  white-space: nowrap;
}
.newlayout .mat-mdc-radio-button .mdc-radio {
  width: 16px;
  height: 16px;
  padding: 0 !important;
  margin-right: 5px;
}
.newlayout .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  width: 16px !important;
  height: 16px !important;
}
.newlayout .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: rgba(255, 64, 129, 0);
}
.newlayout .mat-mdc-radio-button.mat-mdc-radio-checked .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0);
}
.newlayout .mat-mdc-radio-button .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #b5cb13;
}
.newlayout .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #b5cb13;
}
.newlayout .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #b5cb13;
}
.newlayout .mdc-radio__outer-circle {
  width: 16px;
  height: 16px;
  border: 1px solid #8998a6 !important;
  background: #fff;
}
.newlayout .mdc-radio__inner-circle {
  width: 10px;
  height: 10px;
  border-width: 10px;
  top: -2px;
  left: -2px;
}
.newlayout .mdc-radio__background {
  width: 16px;
  height: 16px;
}
.newlayout .mat-mdc-radio-button .mat-radio-ripple {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
}
.newlayout .mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  display: none;
}
.newlayout .mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-hover-icon-color: #b5cb13;
}
.newlayout .mdc-form-field > label {
  padding-left: 0px;
  letter-spacing: normal;
  white-space: nowrap;
}
.newlayout .ow-itinerary .avilability-top .right .select-booking li .mdc-form-field > label {
  padding-left: 0px;
  letter-spacing: normal;
}
.newlayout .ow-itinerary .avilability-top .right .select-booking li .mdc-form-field > label span {
  color: #908f8f;
  font-size: 11px;
}
.newlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.newlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.newlayout .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #b5cb13;
  background-color: #b5cb13 !important;
}
.newlayout .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: #b5cb13 !important;
}
.newlayout .mdc-checkbox__background {
  width: 16px;
  height: 16px;
}
.newlayout .mdc-checkbox__checkmark-path {
  stroke-width: 2;
}
.newlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.newlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  border-color: #b5cb13;
  background-color: #b5cb13 !important;
}
.newlayout .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #b5cb13 !important;
}
.newlayout .mdc-checkbox:not(:disabled):hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #b5cb13 !important;
}
.newlayout .mdc-checkbox:active .mdc-checkbox__native-control:checked ~ .mdc-checkbox__ripple {
  background-color: #b5cb13 !important;
}
.newlayout .mat-datepicker-toggle .mat-mdc-icon-button {
  position: relative;
  width: 20px !important;
  height: 20px !important;
}
.newlayout .mat-datepicker-toggle .mat-mdc-icon-button::after {
  content: "\e911";
  font-family: akbar-latest !important;
  font-size: 16px;
  color: #000;
  position: absolute;
  left: -3px;
  top: 3px;
  line-height: 0;
}
.newlayout .mat-datepicker-toggle .mat-mdc-icon-button svg {
  display: none;
}
.newlayout .mat-select-arrow-wrapper {
  transform: translateY(-6%) !important;
  -moz-transform: translateY(-6%) !important;
}
.newlayout .mat-mdc-form-field-error,
.newlayout .mat-mdc-form-field-hint {
  margin: 0px -10px;
  color: #ffffff;
  font-size: 12px;
  background: #d33030;
  padding: 3px 7px;
  border-radius: 4px;
  display: inline-block !important;
  position: relative;
  line-height: 15px;
  opacity: 0;
  white-space: nowrap;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.newlayout .mat-mdc-form-field-error::before,
.newlayout .mat-mdc-form-field-hint::before {
  content: "";
  left: 5px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #d33030;
  position: absolute;
  z-index: 10;
}
.newlayout .mat-form-field-hint-wrapper .mat-mdc-form-field-hint {
  opacity: 1;
}
.newlayout .mat-form-field-invalid {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-form-field-invalid .mat-mdc-form-field-error {
  opacity: 1 !important;
  white-space: normal !important;
  letter-spacing: normal;
}
.newlayout .mat-form-field-invalid .mat-form-field-label {
  color: #d33030 !important;
}
.newlayout .mat-form-field-invalid .mat-form-field-ripple {
  background-color: #d33030;
}
.newlayout .mat-form-field-invalid .mat-form-field-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-outline div {
  border-color: #d33030;
}
.newlayout .sector-outer .searchinput .full-width .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.newlayout .sector-outer .searchinput .full-width .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0);
}
.newlayout .travellersouter .mat-mdc-radio-group {
  width: 100%;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button {
  margin: 7px 0;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label {
  margin: 0;
  transition: all 0.5s ease-in 0.2s;
  -o-transition: all 0.5s ease-in 0.2s;
  -webkit-transition: all 0.5s ease-in 0.2s;
  border: none;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px !important;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content span {
  color: #908f8f;
  font-size: 11px;
  text-transform: uppercase;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container {
  width: 16px;
  height: 16px;
  display: block;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 16px;
  height: 16px;
  border: 1px solid #8998a6;
  background: #fff;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.newlayout .travellersouter .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 10px;
  height: 10px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
  top: 3px;
  left: 3px;
}
.newlayout .mat-mdc-menu-panel.otp-menu {
  margin-top: 39px;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field {
  width: 100%;
  height: 33px;
  font-size: 14px;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-label-wrapper {
  overflow: visible;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  background: #ffffff;
  border-radius: 3px;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick {
  color: #666;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-start,
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-gap,
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-width: 1px;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix {
  width: 100%;
  padding: 8px 0 5px;
  border-top: 7px solid transparent;
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element:not(textarea) {
  color: #000000;
  height: 18px;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-select-value {
  color: #000000;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-mdc-input-element {
  color: #787878;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 22px;
  color: #787878;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-outline-start {
  border-radius: 3px 0 0 3px;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-outline-end {
  border-radius: 0 3px 3px 0;
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field.mat-form-field-can-float.mat-form-field-should-float {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-12px) scale(0.7) !important;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field {
  width: 100%;
  font-size: 14px;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-label-wrapper {
  overflow: visible;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  background: #ffffff;
  border-radius: 3px;
  height: auto;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick {
  color: #666;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-start,
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-gap,
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-width: 1px;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix {
  width: 100%;
  padding: 8px 0 5px;
  border-top: 7px solid transparent;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-input-element:not(textarea) {
  color: #787878;
  height: 18px;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-mdc-input-element {
  color: #787878;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 22px;
  color: #787878;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-outline-start {
  border-radius: 3px 0 0 3px;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-outline-end {
  border-radius: 0 3px 3px 0;
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field.mat-form-field-can-float.mat-form-field-should-float {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .addressfield .mat-mdc-form-field-appearance-outline.mat-mdc-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-12px) scale(0.7) !important;
}
.newlayout .fare-summery-outer .mat-expansion-panel-body {
  padding: 10px 15px 10px 13px;
}
.newlayout .form-control {
  height: 34px;
  line-height: 36px;
  padding: 0 15px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  color: #787878;
  font-size: 14px;
  width: 70%;
}
.newlayout .flight-display-page {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-accent .mat-slider-track-fill {
  background-color: #0e295a;
}
.newlayout .flight-display-page .mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-accent .mat-slider-thumb {
  background-color: #0e295a;
  bottom: -11px;
}
.newlayout .flight-display-page .mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-accent .mat-slider-thumb-label {
  background-color: #0e295a;
}
.newlayout .flight-display-page .checkouter .check {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .checkouter .check .mat-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  font-weight: normal;
  font-size: 13px;
  font-family: "Lato", sans-serif;
}
.newlayout .flight-display-page .mat-slider-horizontal {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-slider-horizontal .mat-slider-track-wrapper {
  height: 4px;
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-background,
.newlayout .flight-display-page .mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-fill {
  height: 4px;
}
.newlayout .flight-display-page .mat-slider-has-ticks {
  /* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
}
.newlayout .flight-display-page .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: transparent;
}
.newlayout .display-row .mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .display-row .mat-accent .mat-radio-inner-circle {
  background-color: #b5cb13;
}
.newlayout .email-verification-popup,
.newlayout .phone-verification-popup {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .email-verification-popup .mat-form-field-infix,
.newlayout .email-verification-popup .mat-form-field-wrapper,
.newlayout .phone-verification-popup .mat-form-field-infix,
.newlayout .phone-verification-popup .mat-form-field-wrapper {
  width: 100%;
}
.newlayout .email-verification-popup .mat-mdc-form-field-error,
.newlayout .phone-verification-popup .mat-mdc-form-field-error {
  margin: 13px ​21px !important;
}
.newlayout .rt-itinerary-card:last-child .tooltip:hover .tooltiptext {
  bottom: 14px;
  top: unset !important;
}
.newlayout .ow-itinerary-card:last-child .tooltip:hover .tooltiptext {
  bottom: 14px;
  top: unset !important;
}
.newlayout .int-ow-itinerary-outer:last-child .tooltip:hover .tooltiptext {
  bottom: 14px;
  top: unset !important;
}
.newlayout .display-top .mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .display-top .mat-accent .mat-radio-inner-circle {
  background-color: #b5cb13;
}
.newlayout .as-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .as-checkbox .mat-mdc-checkbox {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .as-checkbox .mat-mdc-checkbox .mat-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .as-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .as-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  background: #c5c5c5;
  border: none;
  border-radius: 0;
}
.newlayout .as-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 16px;
}
.newlayout .as-checkbox .mat-checkbox-checked.mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .as-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
}
.newlayout .as-checkbox .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13;
}
.newlayout .as-chip .mat-mdc-chip.mat-mdc-standard-chip {
  background-color: #e9efb8;
}
.newlayout .mat-mdc-option .mdc-list-item__primary-text {
  width: 100%;
}
.newlayout .option {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .option .mat-mdc-checkbox {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .option .mat-mdc-checkbox .mat-checkbox-layout {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .option .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .option .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .option .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 16px;
  font-family: "Lato", sans-serif;
}
.newlayout .option .mat-checkbox-checked.mat-accent {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .option .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .option .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13 !important;
}
.newlayout .round-trip-sort .searchflight {
  height: 19px !important;
}
.newlayout .round-trip-sort .search-outer .ak-search {
  font-size: 18px !important;
}
.newlayout .modify-search-row .as-chip {
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
}
.newlayout .modify-search-row .as-chip .mat-chip-list-wrapper .mat-mdc-standard-chip {
  margin: 4px;
}
.newlayout #agentSectionHeader {
  padding: 2px 0;
}
.newlayout #agentSectionHeader .nav-left {
  width: 10% !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-top {
  flex-direction: row-reverse !important;
  border-bottom: unset !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-bottom {
  display: none !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-right {
  border-right: unset !important;
  flex-direction: row !important;
  place-content: center !important;
  align-items: center !important;
  padding-left: 10px;
  padding-right: 0px !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-right h5 {
  color: #fff !important;
  padding-right: 0px !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-right p {
  color: #fff !important;
  padding-right: 5px;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-right p .ak-sort-down {
  display: none !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-left {
  flex-direction: row-reverse !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-left .agent-left {
  flex-direction: row !important;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-left .agent-left h5 {
  color: #fff !important;
  padding-right: 10px;
  border-right: 1px solid #fff;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-left .agent-left p {
  color: #fff !important;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #fff;
}
.newlayout #agentSectionHeader .agentdetails-row .ag-left .agent-right .ak-sort-down {
  display: none !important;
}
.newlayout #agentSectionHeader .collapsed-arrow {
  display: inline !important;
  padding-left: 7px;
  font-size: 10px;
}
.newlayout #emailSucess .successbtn {
  background: #b5cb13;
}
.newlayout #emailSucess .login-outer {
  border: unset !important;
}
.newlayout #emailSucessFlightDetails .successbtn {
  background: #b5cb13;
}
.newlayout #emailSucessFlightDetails .login-outer {
  border: unset !important;
}
.newlayout #whatsappSelectAlert .checkouter .mat-mdc-radio-button,
.newlayout #emailSelectAlert .checkouter .mat-mdc-radio-button,
.newlayout .in-rt-combined .checkouter .mat-mdc-radio-button {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout #whatsappSelectAlert .checkouter .mat-mdc-radio-button .mat-radio-label,
.newlayout #emailSelectAlert .checkouter .mat-mdc-radio-button .mat-radio-label,
.newlayout .in-rt-combined .checkouter .mat-mdc-radio-button .mat-radio-label {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout #whatsappSelectAlert .checkouter .mat-mdc-radio-button .mat-radio-label .mat-radio-container,
.newlayout #emailSelectAlert .checkouter .mat-mdc-radio-button .mat-radio-label .mat-radio-container,
.newlayout .in-rt-combined .checkouter .mat-mdc-radio-button .mat-radio-label .mat-radio-container {
  top: -6px;
}
.newlayout .flight-detail-popup .mat-ripple-element {
  display: none !important;
}
.newlayout .display-section .right .checkouter .check {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .display-section .right .checkouter .check .mat-checkbox-layout {
  width: 100%;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .display-section .right .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-left: 0;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .display-section .right .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .display-section .right .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple .mat-ripple-element {
  background: #ffcd2e;
  display: none;
}
.newlayout .display-section .right .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  width: calc(100% - 24px);
  text-align: left;
  color: #000000;
  white-space: initial;
}
.newlayout .display-section .right .checkouter .check.mat-checkbox-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .display-section .right .checkouter .check.mat-checkbox-checked .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .mat-ripple {
  display: none;
}
.newlayout .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.newlayout .mat-mdc-icon-button .mat-mdc-button-ripple {
  overflow: hidden;
  display: none !important;
}
.newlayout .select-all {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .select-all mat-checkbox {
  font-size: 12px;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .select-all mat-checkbox .mat-checkbox-label {
  line-height: 16px;
}
.newlayout .select-all .mat-checkbox-frame {
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  background: #fff;
}
.newlayout .select-all .mat-checkbox-ripple .mat-ripple-element {
  display: none;
}
.newlayout .select-all .mat-checkbox-checked .mat-checkbox-background {
  background: #b5cb13 !important;
  border-radius: 4px;
}
.newlayout .in-rt-split-itinerary .rt-itinerary-card .mat-radio-container {
  top: 0 !important;
}
.newlayout .share-slider-tab {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .share-slider-tab .mat-mdc-tab-header {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .share-slider-tab .mat-mdc-tab-header .mat-tab-label {
  min-width: 112px !important;
  padding: 0 !important;
  margin: 0 10px;
  border-right: 1px solid #e7e7e7;
}
.newlayout .share-slider-tab .mat-mdc-tab-header .mat-ink-bar {
  width: 103px !important;
  background-color: #e7b53e !important;
  height: 4px !important;
}
.newlayout .share-slider-tab .mat-mdc-tab-header .mat-tab-label:last-child {
  border-right: none !important;
}
.newlayout .share-slider-tab .mat-tab-body-content {
  padding: 15px 24px;
}
.newlayout .share-slider-tab .mat-tab-body-content .mat-mdc-form-field {
  margin-bottom: 10px;
  width: 80%;
}
.newlayout .share-slider-tab .mat-tab-body-wrapper {
  min-height: 190px;
}
.newlayout .share-slider-tab .mat-checkbox-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .share-slider-tab .mat-checkbox-checked .mat-checkbox-background {
  background: #b5cb13 !important;
}
.newlayout .login-outer .mat-mdc-unelevated-button {
  background: #b5cb13 !important;
  padding: 4px 10px;
  border-color: transparent;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  margin-left: 5px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 950px) {
  .newlayout .mat-mdc-menu-panel.more-menu {
    position: absolute;
    right: -35px;
  }
}
@media screen and (max-width: 1200px) {
  .newlayout {
    /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  }
  .newlayout .as-checkbox .mat-mdc-checkbox .mat-checkbox-layout .mat-checkbox-label {
    font-size: 14px;
  }
  .newlayout .flightright {
    width: 100%;
  }
  .newlayout .flightright .left {
    min-width: 27%;
  }
  .newlayout .card-bottom-section .header-area {
    display: block !important;
  }
  .newlayout .card-bottom-section .break {
    display: block !important;
  }
  .newlayout .success-page .sub-icon {
    min-width: 20%;
  }
  .newlayout .success-page .sub-main {
    min-width: 29%;
  }
  .newlayout .success-page .success-sub {
    min-width: 44%;
  }
}
@media screen and (max-width: 500px) {
  .newlayout .flightright {
    width: 100%;
  }
  .newlayout .flightright .left {
    min-width: 30%;
    padding-right: 10px;
  }
  .newlayout .flightright .right {
    padding-left: 15px;
  }
  .newlayout .flightright .right .sector p {
    width: auto !important;
  }
}
.newlayout .mat-mdc-dialog-container {
  padding: 0 !important;
  height: auto;
}
.newlayout .akbarnetwork .akbarnetwork-row .akbarnetwork-box .left-box {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
.newlayout .akbarnetwork .akbarnetwork-row .akbarnetwork-box .left-box .mat-select-value-text {
  color: #fff !important;
}
.newlayout .mat-datepicker-toggle .mat-icon-button::after {
  content: "\e911";
  font-family: akbar-latest !important;
  font-size: 16px;
  color: #000;
  position: absolute;
  left: 4px;
  top: -2px;
  line-height: 1.2;
}
.newlayout .contactinformation .ccode {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .contactinformation .ccode .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix {
  padding: 4px 0;
}
.newlayout .contactinformation .ccode .iti__flag-container {
  height: 34px;
  margin-top: -5px;
  margin-left: -16px;
}
.newlayout .contactinformation .iti--separate-dial-code .iti__selected-flag {
  padding: 5px 9px !important;
}
.newlayout .contactinformation .iti__country {
  padding: 10px 10px !important;
}
.newlayout .contactinformation .iti__country .iti__flag-box {
  margin-right: 5px !important;
}
.newlayout .contactinformation .iti__country .iti__country-name {
  margin-right: 5px !important;
}
.newlayout .contactinformation .iti__dropdown-content {
  width: 300px !important;
}
.newlayout .contactinformation .iti__dropdown-content .iti__search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
}
.newlayout .contactinformation .iti__dropdown-content .iti__country-list {
  width: 300px;
}
.newlayout .iti__sy {
  background-image: url(https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2images/Syria_Flag.jpg) !important;
  background-size: cover !important;
  background-position: top !important;
}
.newlayout .pricing-timer {
  position: relative;
}
.newlayout .pricing-timer .mat-mdc-progress-spinner {
  width: 150px !important;
  height: 150px !important;
  background-color: #e0e0e0;
  border-radius: 50%;
  box-shadow: 0 0 0 18px #e0e0e0;
}
.newlayout .pricing-timer .mat-mdc-progress-spinner svg {
  width: 150px !important;
  height: 150px !important;
}
.newlayout .pricing-timer .mat-mdc-progress-spinner circle {
  stroke-width: 5% !important;
  stroke: #ffcd2e !important;
  fill: #fff;
  stroke-linecap: round;
}
.newlayout .pricing-timer.green .mat-mdc-progress-spinner circle {
  stroke: #307d01 !important;
}
.newlayout .pricing-timer.red .mat-mdc-progress-spinner circle {
  stroke: #d32f2f !important;
}
.newlayout .round-way-detail .button-section {
  display: none !important;
}
.newlayout .round-way-detail .price-section {
  display: block !important;
}
.newlayout .round-way-detail .price-section p {
  text-align: right;
}
.newlayout .round-way-detail .inner .first-left {
  max-width: 70% !important;
}
.newlayout .round-way-detail .inner .first-right {
  max-width: 30% !important;
}
.newlayout .round-way-detail .inner .p-time {
  margin-left: 28px !important;
}
.newlayout .round-way-detail .inner .price-section p::after {
  width: 50% !important;
}
.newlayout .round-way-detail .onward .inner {
  padding-right: 10px !important;
}
.newlayout .round-way-detail .onward .route {
  padding: 5px 25px;
}
.newlayout .round-way-detail .return .route {
  padding: 5px 12px;
}
.newlayout .round-way-detail .return .inner {
  padding-left: 10px !important;
}
.newlayout .payment-container .formlabel {
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 3px;
  display: block;
}
.newlayout .payment-container .form-control {
  height: 33px;
  line-height: 33px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  color: #787878;
  font-size: 14px;
  width: 100%;
}
.newlayout .payment-container .mat-mdc-radio-button {
  margin: 0 18px 0 0;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button:last-child {
  margin: 0;
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label {
  margin: 0;
  transition: all 0.5s ease-in 0.2s;
  -o-transition: all 0.5s ease-in 0.2s;
  -webkit-transition: all 0.5s ease-in 0.2s;
  border: none;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px !important;
  font-weight: 400;
  font-size: 15px;
  color: #000000;
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content span {
  color: #000000;
  font-size: 14px;
  text-transform: none;
  padding-left: 5px;
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label .mat-radio-container {
  width: 16px;
  height: 16px;
  display: block;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 16px;
  height: 16px;
  border: 1px solid #8998a6;
  background: #fff;
}
.newlayout .payment-container .mat-mdc-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.newlayout .payment-container .mat-mdc-radio-button.mat-radio-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button.mat-radio-checked .mat-radio-label {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.newlayout .payment-container .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 10px;
  height: 10px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
  top: 3px;
  left: 3px;
}
.newlayout input:-webkit-autofill {
  background-color: #454b6d !important;
}
.newlayout input:-internal-autofill-selected {
  background-color: #454b6d !important;
}
.newlayout input:-webkit-autofill,
.newlayout input:-webkit-autofill:hover,
.newlayout input:-webkit-autofill:focus,
.newlayout input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.newlayout .mat-mdc-form-field.mat-focused .mat-form-field-ripple {
  background-color: inherit;
  height: 0;
}
.newlayout .as-chip {
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .as-chip .mat-form-field-appearance-legacy {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0 !important;
  border-top: 0 !important;
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-mdc-standard-chip {
  min-height: 25px !important;
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-mdc-standard-chip .mat-chip-remove.mat-icon {
  width: 14px;
  height: 16px;
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-mdc-chip {
  font-size: 12px !important;
  /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-mdc-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 16px !important;
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: initial !important;
  height: 0;
}
.newlayout .as-chip .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 11px !important;
}
.newlayout .as-chip .mat-chip-list-wrapper .mat-mdc-standard-chip {
  margin: 2px;
}
.newlayout .as-chip input.mat-mdc-chip-input {
  width: 60px !important;
  flex: 0 !important;
}
.newlayout .as-chip .mat-form-field-label-wrapper {
  overflow: initial;
}
.newlayout .error-style {
  border-left: 3px solid #d32f2f;
  padding: 5px 15px;
  width: 100%;
  margin: 15px 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.newlayout .error-style .icon {
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #d32f2f;
}
.newlayout .error-style p {
  font-size: 14px;
  color: #d32f2f;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  line-height: 15px;
}
.newlayout .animating {
  animation: flash 1s linear 0s infinite normal forwards;
  -webkit-animation: flash 1s linear 0s infinite normal forwards;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 104px;
  border-radius: 13px;
}
.newlayout .email-verification-popup .modalcontent .mat-mdc-unelevated-button {
  border-radius: 12px !important;
}
.newlayout .mat-mdc-unelevated-button.mat-primary.loadingbtn {
  background: #98ac02 !important;
  position: relative;
}
.newlayout .mat-mdc-unelevated-button.mat-primary.loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.newlayout .mat-mdc-unelevated-button.mat-primary.loadingbtn.yellow {
  background: #ffcd2e !important;
}
.newlayout .mat-mdc-unelevated-button.mat-primary.loadingbtn.b2e-blue {
  background: #0299dd !important;
}
.newlayout .mat-mdc-unelevated-button.mat-primary.loadingbtn.redd {
  background: red !important;
}
.newlayout .bookloadingbtn {
  background: #98ac02 !important;
  position: relative;
}
.newlayout .bookloadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.newlayout .greyloadingbtn {
  background: #d0d0d0 !important;
  position: relative;
}
.newlayout .greyloadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.newlayout .deletebutton {
  border: 0;
  border-radius: 4px;
  height: 33px;
  padding: 0 15px;
  background: #efb400;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-left: 10px;
}
.newlayout .deletebutton.loadingbtn {
  background: #efb400 !important;
  position: relative;
}
.newlayout .deletebutton.loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.newlayout .deletebutton.loadingbtn.yellow {
  background: #ffcd2e !important;
}
.newlayout .mciremarksloadingbtn {
  background: #98ac02 !important;
  position: relative;
}
.newlayout .mciremarksloadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.newlayout .flight-detail-popup {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .flight-detail-popup .mat-ink-bar {
  background: #ffc442;
  height: 5px;
}
.newlayout .flight-detail-popup .mat-tab-label {
  margin: 0 24px;
  padding: 0 5px;
  min-width: auto;
}
.newlayout #modalPopup {
  z-index: 60;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.newlayout .btn-selected {
  color: #fff;
  padding: 6px 12px;
  border: 1px solid #b5cb13;
  background: #b5cb13;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  pointer-events: all;
  height: 30px;
  width: 53px;
  text-align: center;
  line-height: 2px;
  position: relative;
}
.newlayout .btn-selected::after {
  content: "\e9ae";
  position: absolute;
  font-family: "akbar-latest";
  left: 18px;
}
.newlayout .btn-selected:hover {
  background: #dc4800;
  border: 1px solid #dc4800;
  position: relative;
  cursor: pointer;
}
.newlayout .btn-selected:hover::after {
  content: "\e92b";
  position: absolute;
  font-family: "akbar-latest";
  left: 18px;
}
.newlayout .addons-detail .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 0 16px 0 !important;
}
.newlayout .mat-drawer-backdrop {
  position: fixed !important;
}
.newlayout .sidenav-title {
  padding: 10px 20px;
  border-bottom: 1px solid #d0d0d0;
}
.newlayout .icon-scale {
  opacity: 0.8;
  transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  cursor: pointer;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
}
.newlayout .icon-scale:hover {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
}
.newlayout .icon-scale right-sidebar.addon-rsb .mainDiv {
  overflow-y: hidden !important;
}
.newlayout .icon-scale .pax-popp-child-chkbx {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .icon-scale .pax-popp-child-chkbx .mat-checkbox-inner-container {
  margin-top: 4px;
}
.newlayout .icon-scale .addressfield1 .mat-mdc-form-field-appearance-outline.mat-mdc-form-field {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.newlayout .icon-scale .addressfield1 .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  min-height: 90px;
}
.newlayout .icon-scale .addressfield1 .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-infix textarea.mat-mdc-input-element {
  color: #787878;
  min-height: 75px;
}
.newlayout .addon-sidenav mat-sidenav .mat-drawer-inner-container {
  overflow: hidden !important;
}
.newlayout mat-option {
  height: 35px;
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
}
.newlayout mat-option .mat-option-text {
  font-size: 13px;
}
.newlayout .mat-drawer-container {
  z-index: 4;
}
.newlayout .addons-detail .mat-mdc-tab-group {
  padding-bottom: 0px;
  height: calc(100vh - 22px);
}
.newlayout .mat-expansion-panel-header {
  font-size: 0;
}
.newlayout .si-has-border .si-content-wrapper {
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: 15px;
  font-size: 13px;
  line-height: 20px;
}
.newlayout .si-close-button {
  right: 10px;
}
.newlayout .rule-inner-1 table {
  width: 100% !important;
}
.newlayout .rule-inner-1 table tr td {
  padding-right: 15px;
}
.newlayout .payment-responsive,
.newlayout .studentvisa,
.newlayout .srcitizen {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.newlayout .payment-responsive .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.newlayout .studentvisa .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.newlayout .srcitizen .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
}
.newlayout .payment-responsive .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .payment-responsive .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .studentvisa .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .studentvisa .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .srcitizen .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.newlayout .srcitizen .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13 !important;
}
.newlayout .payment-responsive .mat-checkbox-label,
.newlayout .studentvisa .mat-checkbox-label,
.newlayout .srcitizen .mat-checkbox-label {
  font-weight: normal !important;
}
.newlayout .review-tab {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab .mat-tab-body-content {
  padding: 0;
}
.newlayout .review-tab .mat-mdc-tab-header {
  border-bottom: none;
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container .mat-tab-list {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  opacity: 1;
  margin-right: 10px;
  border-radius: 5px;
  background: #fae49d;
  border: 1px solid #ffcd2e;
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label-active {
  background: #b5cb13;
  border: none;
}
.newlayout .review-tab .mat-mdc-tab-header .mat-tab-label-container .mat-tab-list .mat-ink-bar {
  display: none;
}
.newlayout .review-tab.single-tab {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.newlayout .review-tab.single-tab .mat-mdc-tab-label-container {
  background: transparent !important;
}
.newlayout .review-tab.single-tab .mat-mdc-tab {
  background: transparent !important;
  justify-content: flex-start;
  padding: 0;
  font-weight: 600;
  height: auto;
  cursor: auto;
  min-width: 0;
  border: none;
}
.newlayout .review-tab.single-tab .mat-mdc-tab .mdc-tab__text-label {
  font-size: 19px;
}
.newlayout .mat-expanded .mat-expansion-panel-header-title .material-icons {
  transform: rotate(90deg);
}
.newlayout .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0 !important;
}
.newlayout .model-content .form-field .amountrecharge .remark .mat-mdc-form-field {
  height: 60px !important;
  width: 100%;
}
.newlayout b2bplus-intl-tel-input {
  z-index: 1;
  position: relative;
}
.newlayout .searchinput .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  line-height: 42px;
}
.newlayout .phone-no-field.mat-mdc-form-field {
  width: 100%;
  z-index: 1;
}
.newlayout .phone-no-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  z-index: 2;
}
.newlayout .phone-no-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .iti__selected-country-primary {
  background-color: transparent !important;
}
.newlayout .login-form .mat-mdc-text-field-wrapper {
  width: 100% !important;
  height: 40px !important;
  font-size: 14px;
  background: #fff;
  border-radius: 3px;
}
.newlayout .login-form .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px !important;
}
.newlayout .login-form .mat-mdc-form-field-infix {
  min-height: 40px;
}
.newlayout .mat-mdc-button-persistent-ripple.mdc-icon-button__ripple {
  display: none;
}
.newlayout destination .searchinput .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  line-height: 1;
}
.newlayout hotel-fare-splitup .mat-expansion-panel-body {
  padding: 0 15px 0 13px !important;
}
.newlayout hotel-fare-splitup .mat-expansion-indicator {
  display: none;
}
.newlayout b2bplus-maps google-map .btns button {
  color: #000;
  background: #b5cb13;
}
.newlayout hotel-traveller-details .traveller-accordion .mat-expansion-panel-body {
  padding-top: 20px;
  padding-bottom: 25px;
}
.newlayout app-essential-info-dialog .login-outer ul {
  padding-left: 25px;
}
.newlayout hotel-fare-summary .mat-expansion-indicator, .newlayout hotel-netfare-show-hide .mat-expansion-indicator, .newlayout hotel-review .fare-summary-wrapper .mat-expansion-indicator, .newlayout confirmation-summary .mat-expansion-indicator {
  display: none;
}
.newlayout hotel-itinerary-review .mat-expansion-panel-body {
  padding-top: 15px;
}
.newlayout .modalcontent .mat-mdc-unelevated-button:not(:disabled) {
  background: #b5cb13 !important;
  color: #000 !important;
  line-height: 34px;
  font-size: 16px;
  padding: 6px 15px;
  font-weight: 400;
  height: auto !important;
}
.newlayout app-moredescription-dialog .hotel-moredetails-modal p p {
  margin: 10px 0;
}
.newlayout app-essential-info .content p {
  margin: 10px 0;
}
.newlayout app-essential-info .content ul {
  padding-left: 20px;
}
.newlayout google-map .gm-style-iw-ch {
  display: none;
}
.newlayout google-map .gm-ui-hover-effect {
  position: absolute !important;
  top: 0;
  right: 0;
}
.newlayout .ak-uae-dirham {
  font-size: calc(1em - 5px);
  position: relative;
  top: -1.5px;
}
.newlayout .ak-saudi-riyal {
  font-size: calc(1em - 3px);
  position: relative;
  top: -1.5px;
}

mark-up-each .drop .mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap;
}

.pricing-left .mat-mdc-tab-label-container {
  background: none !important;
}

@media screen and (max-width: 1000px) {
  body.flight-body-width {
    min-width: 950px;
    overflow-x: auto;
  }
}
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-subscript-wrapper {
  z-index: 29;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-should-float {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: transparent !important;
}

.passenger-popup {
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
}
.passenger-popup .mat-tab-label-active {
  border-bottom: 5px solid #ffc442 !important;
  color: #000;
}
.passenger-popup .mat-ink-bar {
  display: none !important;
}
.passenger-popup .mat-tab-label {
  height: 29px !important;
  transition: all 0.3s linear;
  margin: 0 24px;
  padding: 0 5px;
  height: 40px;
  min-width: auto;
  opacity: 1;
  border-bottom: 5px solid transparent;
  font-size: 16px;
  font-weight: 500;
}
.passenger-popup .mat-mdc-tab-body {
  padding-top: 5px;
  max-height: 250px;
  min-height: 250px;
  overflow: hidden;
  overflow-y: auto;
}
.passenger-popup .mat-mdc-tab-body .checkouter .check {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.passenger-popup .mat-mdc-tab-body .checkouter .check .mat-checkbox-layout {
  display: flex;
  align-items: flex-start;
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.passenger-popup .mat-mdc-tab-body .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-top: 4px;
  margin-bottom: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
.mat-option-text {
  overflow: initial !important;
}

body.mapview-opened .widthchange.container.min-width1000 {
  max-width: 100%;
  padding: 0 30px;
}
body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .left {
  width: 280px;
}
body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .right {
  width: calc(100% - 280px);
  height: calc(100vh - 185px);
  min-height: 0 !important;
}
body.mapview-opened .filter .white-bg {
  height: calc(100vh - 185px);
  overflow: hidden;
  overflow-y: auto;
  width: 280px;
  padding-top: 40px !important;
}
body.mapview-opened .filter .white-bg .reset-all {
  top: 10px !important;
}
body.slider-opened-overflow {
  overflow: hidden !important;
  padding-right: 15px !important;
}
body.slider-opened-overflow .newlayout .top-header .header-floating-button {
  left: calc(40% - 7px);
}
@supports (-ms-ime-align: auto) {
  body.slider-opened-overflow.slider-opened-overflow {
    padding-right: 12px !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    body.slider-opened-overflow.slider-opened-overflow {
      padding-right: 0px !important;
    }
  }
}
body.slider-opened-overflow.hotelTopFixedMenu .hotel-sticky-tab ul {
  padding-right: 17px;
}
body.slider-opened-overflow .review-sticky-nav {
  padding-right: 17px;
}
body.slider-opened-overflow.domestic-round-trip .sticky-round-trip-data {
  padding-right: 17px !important;
}
body.slider-opened-overflow.dom-multicity-slider-open .sticky-multicity {
  padding-right: 17px !important;
}
body.slider-opened-overflow .footer-outer {
  padding-right: 15px !important;
}
body.slider-opened-mac {
  padding-right: 0 !important;
}
body.slider-opened-mac .newlayout .top-header .header-floating-button {
  left: calc(40% - 6px);
}
body.slider-opened-mobile {
  padding-right: 0px !important;
}
body.slider-opened .slide-panel-container::before {
  animation: opacitychangesliderOpen 0.5s ease 0s 1 normal forwards !important;
  -webkit-animation: opacitychangesliderOpen 0.5s ease 0s 1 normal forwards !important;
}
body.slider-opened .slide-panel-container .content-section {
  animation: slidepanelOpen 0.5s ease-in-out 0s 1 both !important;
  -webkit-animation: slidepanelOpen 0.5s ease-in-out 0s 1 both !important;
}
body.slider-opened.shortlistedPanelOpen .slide-panel-container .content-section {
  width: calc(100% - 50px) !important;
  max-width: 1350px;
}
@keyframes opacitychangesliderOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes slidepanelOpen {
  0% {
    visibility: hidden;
    transform: translateX(100%);
  }
  1% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    visibility: visible;
    transform: translateX(0);
  }
}
body.round-trip-sngle-slider .faretrends .slider-area li {
  padding: 10px 4px !important;
  min-width: 25% !important;
}
body.round-trip-sngle-slider .faretrends .round-trip-twobloacks .block {
  width: 50% !important;
}
body.overflow-hidden {
  overflow: hidden;
  overflow-y: hidden;
}
body.hide-scroll-to-button .scroll-to-bottom {
  visibility: hidden;
}

.add-sub-users-right .card {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.add-sub-users-right .card .mat-checkbox-layout {
  display: flex !important;
}

@media screen and (max-width: 1400px) {
  body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .left {
    width: 0;
  }
  body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .right {
    width: 100%;
    padding-left: 0;
  }
  body.mapview-opened .filter .white-bg {
    display: none;
    position: absolute;
    top: 0;
    left: -500px;
    z-index: 15;
    opacity: 0;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }
  body.mapview-opened.showFilter .filter .white-bg {
    background: #fff;
    display: block;
    left: 0;
    opacity: 1;
    border-radius: var(--primaryradius);
  }
  body.mapview-opened.showFilter .filter .white-bg:not(.reset-all-shown) {
    padding-top: 15px !important;
  }
  body .dflex {
    display: flex !important;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 480px) {
  .dflex {
    align-items: center;
  }
}
.cdk-global-scrollblock {
  position: inherit !important;
  overflow-y: inherit !important;
  width: 100%;
}

.halt {
  height: 100vh;
  overflow: overlay;
  padding-right: 17px;
  position: fixed;
  width: 100vw;
}
.halt.halt-mac {
  padding-right: 0px !important;
}

.rt-fare-trends .onward .faretrends-skeleton .blocks > div,
.rt-fare-trends .return .faretrends-skeleton .blocks > div {
  width: 25% !important;
}
.rt-fare-trends .onward .faretrends-skeleton .blocks > div:nth-child(1), .rt-fare-trends .onward .faretrends-skeleton .blocks > div:nth-child(2), .rt-fare-trends .onward .faretrends-skeleton .blocks > div:nth-child(3), .rt-fare-trends .onward .faretrends-skeleton .blocks > div:nth-child(4),
.rt-fare-trends .return .faretrends-skeleton .blocks > div:nth-child(1),
.rt-fare-trends .return .faretrends-skeleton .blocks > div:nth-child(2),
.rt-fare-trends .return .faretrends-skeleton .blocks > div:nth-child(3),
.rt-fare-trends .return .faretrends-skeleton .blocks > div:nth-child(4) {
  display: none !important;
}

.roundtripbox {
  margin-bottom: -10px;
}

.roundtrip-button {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-label {
  margin: 0;
  padding: 7px 12px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: all 0.5s ease-in 0.2s;
  -o-transition: all 0.5s ease-in 0.2s;
  -webkit-transition: all 0.5s ease-in 0.2s;
  border: none;
  background-color: rgba(0, 0, 0, 0.12);
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-label .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px !important;
  font-weight: 400;
  font-size: 15px;
  color: #000;
}
.roundtrip-button .mat-radio-label .mat-radio-container {
  width: 15px;
  height: 15px;
  display: block;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 15px;
  height: 15px;
  border: 1px solid #c5c5c5;
  background: #c5c5c5;
}
.roundtrip-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: none;
}
.roundtrip-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.roundtrip-button .mat-radio-checked {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-checked .mat-radio-label {
  border: none;
  background: #0e295a;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-checked .mat-radio-label .mat-radio-label-content {
  color: #fff;
}
.roundtrip-button .mat-radio-checked .mat-radio-label .mat-radio-container {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.roundtrip-button .mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: transparent;
}
.roundtrip-button .mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: #b5cb13;
  position: relative;
  transform: scale(1);
  left: 0;
  top: 0;
}
.roundtrip-button .mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  top: 2px;
  left: 5px;
  display: none;
}

.dinerscard,
.ccard,
.dcard {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.dinerscard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline,
.ccard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline,
.dcard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  height: 80px;
}
.dinerscard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-input-element,
.ccard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-input-element,
.dcard .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-input-element {
  height: 60px;
}

.rt-itinerary-card.sponsored-ribbon-div .avilability-top .sponsored-ribbon .inner-ribbon {
  padding: 3px 6px;
  font-size: 12px;
}

.sponsored-ribbon-div .avilability-top {
  position: relative;
  color: #fff;
}
.sponsored-ribbon-div .avilability-top .sponsored-ribbon {
  position: absolute;
  top: 0;
}
.sponsored-ribbon-div .avilability-top .sponsored-ribbon .inner-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  padding: 4px 7px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #f69a2d;
  background: linear-gradient(135deg, #f69a2d 0%, #cc3f26 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f69a2d", endColorstr="#cc3f26", GradientType=1);
}
.sponsored-ribbon-div .avilability-top .sponsored-ribbon .inner-ribbon .ak-tag {
  padding-right: 6px;
}

.airine-logo-box {
  width: 32px;
  height: 32px;
  display: block;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 10px;
}

.faresummary-table .textarea-wrapper .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-input-element {
  height: 60px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.newlayout .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  background: #ffffff;
  border-radius: 3px;
}

@media screen and (max-width: 450px) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane.newlayout {
    max-width: 96% !important;
  }
}
.cdk-overlay-connected-position-bounding-box {
  height: 100% !important;
  width: 100% !important;
}

@media screen and (max-width: 990px) {
  .recharge-header-none {
    display: none !important;
  }
  .mobile-header-none {
    display: none !important;
  }
}
.share-popup {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.share-popup .mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.share-popup .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #b5cb13 !important;
}
.share-popup .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.share-popup .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background: #b5cb13 !important;
}
.share-popup .mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border: 1px solid #b5b5b5;
  border-radius: 4px;
}
.share-popup .remark {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.share-popup .remark .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  height: 60px;
}

.fare-btn-details {
  min-width: 170px !important;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  padding: 5px 10px;
}
.fare-btn-details .mat-mdc-menu-content:not(:empty) {
  padding: 0 !important;
}
.fare-btn-details p {
  font-size: 12px;
  margin: 5px 0;
  font-family: "Lato";
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.fare-btn-details p span {
  display: block;
}
.fare-btn-details p:last-child {
  border-top: 1px solid #d0d0d0;
  padding-top: 5px;
}
.fare-btn-details p.bold span {
  display: inline-block;
}

.hotelconfirmation_spacing {
  padding: 0 30px !important;
}
.hotelconfirmation_spacing .login-outer {
  background: none !important;
  border: 1px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hotelconfirmation_spacing h2 {
  margin-bottom: 20px !important;
}

.ngx-pagination {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.ngx-pagination .current {
  border-radius: 5px;
  background: #0e295a !important;
}
.ngx-pagination a {
  font-size: 13px !important;
  border-radius: 5px !important;
  padding: 5px 8px !important;
}
.ngx-pagination .pagination-previous,
.ngx-pagination .pagination-next {
  font-size: 13px !important;
}

.swipe-text {
  animation-name: bounce;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: #000;
  background: rgb(255, 255, 255);
  box-shadow: rgba(223, 224, 225, 0.8) 0 0 3px 3px;
  position: absolute;
  top: 50%;
  right: -17px;
  font-size: 12px;
  padding: 8px 20px 8px 5px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}
.inc-exc .row ul {
  padding: 10px 0px 10px 20px;
}
.inc-exc .row ul li {
  margin-bottom: 8px;
}
.inc-exc .row p {
  margin-top: 10px;
}

.outer .details .itinerary p {
  margin-top: 10px;
}

.corporate-login .mat-mdc-form-field-appearance-outline.mat-mdc-form-field {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.corporate-login .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.corporate-login .mat-mdc-form-field-appearance-outline.mat-mdc-form-field .mat-form-field-wrapper .mat-form-field-outline {
  height: 42px;
}

.myaccount-colored-radiobtn {
  padding: 0 !important;
  box-shadow: none !important;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.myaccount-colored-radiobtn .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
  font-size: 15px !important;
  font-weight: 600;
}
.myaccount-colored-radiobtn .mat-mdc-radio-button .mat-radio-label {
  transition: none;
  padding: 10px 20px;
}
.myaccount-colored-radiobtn .mat-mdc-radio-button.mat-radio-checked .mat-radio-label {
  background-color: #e9efb8;
  border-radius: 20px;
}
.myaccount-colored-radiobtn .mat-radio-inner-circle {
  transition: none;
}
@media screen and (max-width: 460px) {
  .myaccount-colored-radiobtn {
    /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
    /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  }
  .myaccount-colored-radiobtn .mat-mdc-radio-button {
    margin: 0;
  }
  .myaccount-colored-radiobtn .mat-mdc-radio-button .mat-radio-label {
    padding: 10px 10px;
  }
  .myaccount-colored-radiobtn .mat-mdc-radio-button .mat-radio-label .mat-radio-label-content {
    font-size: 14px !important;
  }
}

.smallCurrency {
  font-size: 11px !important;
}

.common-currency-style {
  display: flex !important;
  justify-content: flex-end;
}
.common-currency-style .cur-title {
  padding-right: 2px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 1px;
}

.loadingbtn {
  background: #b72828;
  color: #fff;
  position: relative;
}
.loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: 2s linear infinite move;
  -webkit-animation: 2s linear infinite move;
  overflow: hidden;
}

.pnrFareRule mat-sidenav-container,
.pnrFareRule mat-sidenav-content,
.pnrFareRule mat-sidenav {
  height: 100%;
}

@media screen and (max-width: 998px) {
  .pnrFareRule.mat-drawer-container {
    z-index: 151;
  }
}
b2bplus-tokenized-booking .checkouter .check {
  margin-bottom: 0 !important;
}

.mdc-text-field {
  will-change: auto;
}

google-map .map-container {
  width: inherit !important;
  height: inherit !important;
}

.mdc-text-field {
  will-change: auto;
}

app-room-rates .mat-button.cdk-program-focused .mat-button-focus-overlay,
app-room-rates .mat-flat-button.cdk-program-focused .mat-button-focus-overlay,
app-room-rates .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
room-option .mat-button.cdk-program-focused .mat-button-focus-overlay,
room-option .mat-flat-button.cdk-program-focused .mat-button-focus-overlay,
room-option .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

app-display .flight-details-tooltip-outer .flight-details-tooltip {
  display: none;
  position: absolute;
  top: 15px;
  right: -32px;
  background: #e5edfe;
  color: #000;
  border: 1px solid #91abd6;
  border-radius: 10px;
  z-index: 2;
  box-shadow: 0 3px 9px 0px rgba(0, 0, 0, 0.4);
  font-weight: 500;
  font-size: 12px;
  padding: 5px 10px;
}
app-display .flight-details-tooltip-outer .flight-details-tooltip.show-on-top {
  top: unset;
  bottom: 20px;
}
app-display .flight-details-tooltip-outer:hover .flight-details-tooltip {
  display: block;
}

app-flight-footer .flight-details-tooltip-outer .flight-details-tooltip {
  display: none;
  position: absolute;
  top: 15px;
  right: -90px;
  background: #e5edfe;
  color: #000;
  border: 1px solid #91abd6;
  border-radius: 10px;
  z-index: 2;
  box-shadow: 0 3px 9px 0px rgba(0, 0, 0, 0.4);
  font-weight: 500;
  font-size: 12px;
  padding: 5px 10px;
}
app-flight-footer .flight-details-tooltip-outer .flight-details-tooltip.show-on-top {
  top: unset;
  bottom: 20px;
}
app-flight-footer .flight-details-tooltip-outer:hover .flight-details-tooltip {
  display: block;
}

b2bplus-uk-register-details .mat-radio-group .mat-radio-button .mat-radio-label {
  margin: 0 0px 0 0 !important;
}

.ow-itinerary[_ngcontent-ng-c3894846260] .avilability-bottom[_ngcontent-ng-c3894846260] .right[_ngcontent-ng-c3894846260] a[_ngcontent-ng-c3894846260] {
  font-size: 14px;
}

b2bplus-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-bh-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-sa-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper,
b2bplus-aelogin .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-bd-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-tz-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper,
b2bplus-ke-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-oman-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper, b2bplus-qa-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper,
b2bplus-uk-login .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper {
  background: transparent !important;
  padding-left: 0;
  padding-right: 10px;
}
b2bplus-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-bh-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-sa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
b2bplus-aelogin .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-bd-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-tz-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
b2bplus-ke-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-oman-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before, b2bplus-qa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
b2bplus-uk-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #777;
}
b2bplus-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-bh-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-sa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
b2bplus-aelogin .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-bd-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-tz-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
b2bplus-ke-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-oman-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after, b2bplus-qa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
b2bplus-uk-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #777;
  border-width: 1px;
}
b2bplus-login .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-bh-login .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-sa-login .akbarnetwork-row .mat-mdc-select-arrow svg,
b2bplus-aelogin .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-bd-login .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-tz-login .akbarnetwork-row .mat-mdc-select-arrow svg,
b2bplus-ke-login .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-oman-login .akbarnetwork-row .mat-mdc-select-arrow svg, b2bplus-qa-login .akbarnetwork-row .mat-mdc-select-arrow svg,
b2bplus-uk-login .akbarnetwork-row .mat-mdc-select-arrow svg {
  fill: #777;
  margin-top: 14px;
}
b2bplus-login .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-bh-login .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-sa-login .akbarnetwork-row .mat-mdc-select-value-text,
b2bplus-aelogin .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-bd-login .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-tz-login .akbarnetwork-row .mat-mdc-select-value-text,
b2bplus-ke-login .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-oman-login .akbarnetwork-row .mat-mdc-select-value-text, b2bplus-qa-login .akbarnetwork-row .mat-mdc-select-value-text,
b2bplus-uk-login .akbarnetwork-row .mat-mdc-select-value-text {
  color: white;
  font-size: 16px;
  font-weight: 400;
}
b2bplus-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-bh-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-sa-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
b2bplus-aelogin .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-bd-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-tz-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
b2bplus-ke-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-oman-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix, b2bplus-qa-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix,
b2bplus-uk-login .akbarnetwork-row .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 0px;
  padding-bottom: 0px;
}
b2bplus-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-bh-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-sa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
b2bplus-aelogin .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-bd-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-tz-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
b2bplus-ke-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-oman-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before, b2bplus-qa-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before,
b2bplus-uk-login .akbarnetwork-row .mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-bottom-color: #777;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.mat-mdc-select-panel {
  padding: 0 !important;
}

.mat-mdc-option .mdc-list-item__primary-text {
  font-size: 14px !important;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif !important;
}

.mat-mdc-option {
  min-height: 40px !important;
}

.oldlayout .mat-mdc-flat-button {
  background-color: #d32f2f !important;
  color: #fff;
}

.mdc-tab {
  flex: auto !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0 !important;
}

.mat-mdc-tab-labels {
  padding: 0 20px;
  gap: 20px;
}

.mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: 14px !important;
}

b2bplus-gstclaim .mat-mdc-tab-labels {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1;
}
b2bplus-gstclaim .mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 1 !important;
}
b2bplus-gstclaim .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  font-family: "Lato", sans-serif;
  font-size: 16px;
}
b2bplus-gstclaim .mat-mdc-tab .mdc-tab__text-label {
  align-items: center;
  font-size: 16px;
  font-family: "Lato", sans-serif;
}
b2bplus-gstclaim .credit-alert span {
  font-weight: 500 !important;
}

pagination-controls .ngx-pagination li {
  min-width: 29px !important;
  text-align: center;
  font-size: 16px;
}

.search-bottom .mdc-form-field > label {
  white-space: nowrap;
}

.box-list-bottom .mdc-form-field > label {
  white-space: nowrap;
}

app-modify-search mat-slide-toggle .mat-slide-toggle-bar,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-bar,
app-new-itinerary mat-slide-toggle .mat-slide-toggle-bar,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-bar {
  background-color: #ffffff !important;
  border: 1px solid #c3c3c3;
  height: 16px;
}
app-modify-search mat-slide-toggle .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb,
app-new-itinerary mat-slide-toggle .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  background-color: #b5cb13 !important;
}
app-modify-search mat-slide-toggle .mat-slide-toggle-ripple,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-ripple,
app-new-itinerary mat-slide-toggle .mat-slide-toggle-ripple,
app-flight-itinerary-menu mat-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
app-modify-search mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
app-flight-itinerary-menu mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
app-new-itinerary mat-slide-toggle.mat-checked .mat-slide-toggle-thumb,
app-flight-itinerary-menu mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #b5cb13 !important;
}

.airline-pref .as-outer-container {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 1130px) {
  .airline-pref .as-outer-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
.airline-pref .as-outer-container .as-chip .mat-form-field {
  padding: 4px 7px !important;
  min-height: 28px !important;
}
.airline-pref .filter_left {
  padding: 0 9px !important;
}
.airline-pref .as-chip .mat-form-field-appearance-legacy .mat-form-field-label {
  display: none;
}
.airline-pref .as-chip .mat-form-field-appearance-legacy .mat-standard-chip {
  min-height: 21px !important;
}
.airline-pref .option .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 12px !important;
}
.airline-pref .mat-standard-chip.mat-chip-with-trailing-icon {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.airline-pref .icon {
  display: none;
}

hotel-passenger-details .mat-checkbox-layout .mat-checkbox-label {
  white-space: break-spaces !important;
  line-height: normal !important;
}
hotel-passenger-details .mat-checkbox-frame {
  border-width: 1px !important;
  border-radius: 3px;
}

app-utility-itinerary-slidepanel .mat-form-field-appearance-outline.mat-form-field {
  height: auto !important;
}

.airline-pref .as-outer-container {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 1130px) {
  .airline-pref .as-outer-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}
.airline-pref .as-outer-container .as-chip .mat-form-field {
  padding: 4px 7px !important;
  min-height: 28px !important;
}
.airline-pref .filter_left {
  padding: 0 9px !important;
}
.airline-pref .as-chip .mat-form-field-appearance-legacy .mat-form-field-label {
  display: none;
}
.airline-pref .as-chip .mat-form-field-appearance-legacy .mat-standard-chip {
  min-height: 21px !important;
}
.airline-pref .option .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: 12px !important;
}
.airline-pref .mat-standard-chip.mat-chip-with-trailing-icon {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.airline-pref .icon {
  display: none;
}

.mat-mdc-checkbox .mdc-form-field {
  width: 100%;
}

.expiry-in span {
  white-space: nowrap !important;
}

.searhcontent .search-section .mdc-text-field {
  overflow: inherit;
}

b2b-register .mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 14px;
  background: #fff;
  border-radius: 14px;
  --mdc-outlined-text-field-outline-color: #B57A22;
}

b2bplus-b2elogin .newlayout .loginfields .mat-mdc-text-field-wrapper {
  background: #454b6d;
}
b2bplus-b2elogin .newlayout .loginfields .mat-mdc-input-element::placeholder, b2bplus-b2elogin .newlayout .loginfields .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  -webkit-background-clip: text;
}
b2bplus-b2elogin .newlayout .loginfields.password mat-icon {
  color: #fff;
}

.scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #CFD8DC;
}
.scrollbar::-webkit-scrollbar {
  height: 10px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 6px;
  background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: transparent;
}
.scrollbar:hover::-webkit-scrollbar-track {
  background: #CFD8DC;
}
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #90A4AE;
  border: 3px solid #CFD8DC;
}
.scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background-color: #7b868d;
}

b2bplus-import-flight-pnr .mat-mdc-input-element::placeholder {
  color: #949494 !important;
  font-weight: 500;
}

b2bplus-flight-search .flight-search-row.new-design .bg-radio .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field {
  border-radius: 20px;
}
b2bplus-flight-search .flight-search-row.new-design b2bplus-preferred-airlines .as-chip .mat-mdc-form-field {
  border-radius: 13px;
}
b2bplus-flight-search .flight-search-row.new-design b2bplus-preferred-airlines .mat-mdc-standard-chip {
  border-radius: 10px;
}

@media screen and (max-width: 950px) {
  b2bplus-specialfare-search .container {
    min-width: 100% !important;
  }
}
.mat-mdc-option.mdc-list-item {
  background-color: white !important;
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: rgb(245, 245, 245) !important;
}

.refresh-fare {
  display: flex;
  margin-left: 5px;
}
.refresh-fare span {
  font-size: 13px;
}
.refresh-fare span.check {
  color: #01be24;
}
.refresh-fare span.refresh {
  cursor: pointer;
  color: #337bc5;
}
.refresh-fare span.error {
  color: #ff0000;
}

.longnameautocomplete {
  min-width: 262px !important;
}

mat-form-field.full-width-field {
  width: 100% !important;
}

.operatorlogin-corporate-option {
  border-bottom: 1px solid #d0d0d0;
}
.operatorlogin-corporate-option:last-child {
  border-bottom: none;
}
.operatorlogin-corporate-option .mdc-list-item__primary-text {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

.operatorlogin-corporate-autocomplete {
  padding: 0 !important;
}

b2bplus-preferred-airlines-new .mat-mdc-text-field-wrapper {
  height: auto !important;
}
b2bplus-preferred-airlines-new .mat-mdc-form-field-focus-overlay {
  background: transparent;
}

b2bplus-sectors .mat-mdc-form-field-infix, b2bplus-offline-sectors .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

b2bplus-insurance-ae-itinerary terms-side-bar h3 {
  font-size: 19px;
  color: #000;
  font-weight: 600;
}

@media screen and (max-height: 750px) {
  hotel-search .search-container.modify-search room-guests .roomguests {
    max-height: 360px;
  }
}

b2bplus-sbi-life-register .mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 8px !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/portal/src/styles-mobile.scss?ngGlobalStyle (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --primaryradius: 14px;
  --secondaryradius: 8px;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/iconfont/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/iconfont/MaterialIcons-Regular.woff2") format("woff2"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/iconfont/MaterialIcons-Regular.woff") format("woff"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/iconfont/MaterialIcons-Regular.ttf") format("truetype");
  font-display: swap;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

:root {
  --new: #006ca0;
  --white: #fff;
}

@keyframes zoom-in-out {
  0% {
    transform: scale(1, 1);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.5, 1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1.8, 1.8);
    opacity: 0;
  }
}
@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ltr {
  0% {
    transform: translatey(0);
  }
  100% {
    transform: translatey(100%);
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes myfirst {
  0% {
    transform: translatex(0px);
  }
  100% {
    transform: translatex(50px);
  }
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}

.flag-icon:before {
  content: " ";
}

.flag-icon-ad {
  background-image: url('ad.e8725f9cfe1e8ba8.svg');
}

.flag-icon-ae {
  background-image: url('ae.a886986968055db7.svg');
}

.flag-icon-af {
  background-image: url('af.ef5a00fd614aab9b.svg');
}

.flag-icon-ag {
  background-image: url('ag.9911fe5bc1c02737.svg');
}

.flag-icon-ai {
  background-image: url('ai.fae8022561778416.svg');
}

.flag-icon-al {
  background-image: url('al.12dea1aba3d9b8d2.svg');
}

.flag-icon-am {
  background-image: url('am.9e29255d39f1c9cf.svg');
}

.flag-icon-ao {
  background-image: url('ao.3bd16a33fa2d8d80.svg');
}

.flag-icon-aq {
  background-image: url('aq.4d5b0092fec708e1.svg');
}

.flag-icon-ar {
  background-image: url('ar.f0fd5257cde9bc63.svg');
}

.flag-icon-as {
  background-image: url('as.809e27ce7e897d41.svg');
}

.flag-icon-at {
  background-image: url('at.37a1f6786a293004.svg');
}

.flag-icon-au {
  background-image: url('au.3fe4b61381b51325.svg');
}

.flag-icon-aw {
  background-image: url('aw.417d22899341d664.svg');
}

.flag-icon-ax {
  background-image: url('ax.abfa077c5bee5478.svg');
}

.flag-icon-az {
  background-image: url('az.932a653cee0bdb87.svg');
}

.flag-icon-ba {
  background-image: url('ba.a69623a921a264a0.svg');
}

.flag-icon-bb {
  background-image: url('bb.0d7ab3f6294c3724.svg');
}

.flag-icon-bd {
  background-image: url('bd.ea002aea04622bda.svg');
}

.flag-icon-be {
  background-image: url('be.f704943dcbec5ac3.svg');
}

.flag-icon-bf {
  background-image: url('bf.3364b69f4801322f.svg');
}

.flag-icon-bg {
  background-image: url('bg.26fc6f65101cb95c.svg');
}

.flag-icon-bh {
  background-image: url('bh.6ce032f06dd4fb06.svg');
}

.flag-icon-bi {
  background-image: url('bi.e8e092c6e0e2b498.svg');
}

.flag-icon-bj {
  background-image: url('bj.62833258dea21e29.svg');
}

.flag-icon-bl {
  background-image: url('bl.1abebe3ed39c5d24.svg');
}

.flag-icon-bm {
  background-image: url('bm.6f9f4a7dca7eb2c7.svg');
}

.flag-icon-bn {
  background-image: url('bn.fd06607dd3db1680.svg');
}

.flag-icon-bo {
  background-image: url('bo.a337864ffb56e1a0.svg');
}

.flag-icon-bq {
  background-image: url('bq.3284d32acb9561fc.svg');
}

.flag-icon-br {
  background-image: url('br.d78e57c8ef7dd982.svg');
}

.flag-icon-bs {
  background-image: url('bs.ccf594926a0e44a3.svg');
}

.flag-icon-bt {
  background-image: url('bt.9694588b04ed387e.svg');
}

.flag-icon-bv {
  background-image: url('bv.cb7ad96af5b4a244.svg');
}

.flag-icon-bw {
  background-image: url('bw.80682d3326e95c5e.svg');
}

.flag-icon-by {
  background-image: url('by.5d1b7e502d563d50.svg');
}

.flag-icon-bz {
  background-image: url('bz.950898453fd5ef9e.svg');
}

.flag-icon-ca {
  background-image: url('ca.c1a19fe7e78fe6d5.svg');
}

.flag-icon-cc {
  background-image: url('cc.baa5c5043d5d70a7.svg');
}

.flag-icon-cd {
  background-image: url('cd.f7eef9d57586a31d.svg');
}

.flag-icon-cf {
  background-image: url('cf.ed6afc3ef676a22d.svg');
}

.flag-icon-cg {
  background-image: url('cg.209e485e8b077970.svg');
}

.flag-icon-ch {
  background-image: url('ch.dfa8f4438a1905d2.svg');
}

.flag-icon-ci {
  background-image: url('ci.3b15ba81df90ab7b.svg');
}

.flag-icon-ck {
  background-image: url('ck.4041298036a41b7e.svg');
}

.flag-icon-cl {
  background-image: url('cl.900d170880b198f6.svg');
}

.flag-icon-cm {
  background-image: url('cm.57058b094851cfa3.svg');
}

.flag-icon-cn {
  background-image: url('cn.4f2db3942f495ade.svg');
}

.flag-icon-co {
  background-image: url('co.b10a7aefb993c2b9.svg');
}

.flag-icon-cr {
  background-image: url('cr.b19348a5488d859f.svg');
}

.flag-icon-cu {
  background-image: url('cu.dcac3c1e5854e4b4.svg');
}

.flag-icon-cv {
  background-image: url('cv.374af180fa2d26ab.svg');
}

.flag-icon-cw {
  background-image: url('cw.2e2265c412fc2750.svg');
}

.flag-icon-cx {
  background-image: url('cx.a240d9198179113b.svg');
}

.flag-icon-cy {
  background-image: url('cy.bf1381fb3890e610.svg');
}

.flag-icon-cz {
  background-image: url('cz.8c80bf78bd63b3e9.svg');
}

.flag-icon-de {
  background-image: url('de.562408e899f4cdc1.svg');
}

.flag-icon-dj {
  background-image: url('dj.54abb98ea258a3bb.svg');
}

.flag-icon-dk {
  background-image: url('dk.93a6f86765fe7c49.svg');
}

.flag-icon-dm {
  background-image: url('dm.e9fae80b6b52fae5.svg');
}

.flag-icon-do {
  background-image: url('do.61730e895363c601.svg');
}

.flag-icon-dz {
  background-image: url('dz.cdb90a19a43eeaa5.svg');
}

.flag-icon-ec {
  background-image: url('ec.611c9a3d85a07555.svg');
}

.flag-icon-ee {
  background-image: url('ee.63f257ef6a00bc0e.svg');
}

.flag-icon-eg {
  background-image: url('eg.32079bc15a33e2f0.svg');
}

.flag-icon-eh {
  background-image: url('eh.394696ab854b2765.svg');
}

.flag-icon-er {
  background-image: url('er.24fedb5febe618f5.svg');
}

.flag-icon-es {
  background-image: url('es.73536c16a016e833.svg');
}

.flag-icon-et {
  background-image: url('et.49536987f25347b3.svg');
}

.flag-icon-fi {
  background-image: url('fi.898c1be2db127760.svg');
}

.flag-icon-fj {
  background-image: url('fj.59a0a439a5cd954f.svg');
}

.flag-icon-fk {
  background-image: url('fk.5700c4227ed1ca13.svg');
}

.flag-icon-fm {
  background-image: url('fm.3a718a8025e5fb9c.svg');
}

.flag-icon-fo {
  background-image: url('fo.2edffd8ccd5f1e90.svg');
}

.flag-icon-fr {
  background-image: url('fr.d3ec04d7d2a501e9.svg');
}

.flag-icon-ga {
  background-image: url('ga.fd640109410c12a8.svg');
}

.flag-icon-gb {
  background-image: url('gb.56feb027c14acef8.svg');
}

.flag-icon-gd {
  background-image: url('gd.a646485e3ab8bde8.svg');
}

.flag-icon-ge {
  background-image: url('ge.c9d1472b98249c33.svg');
}

.flag-icon-gf {
  background-image: url('gf.c82c3d97675cc369.svg');
}

.flag-icon-gg {
  background-image: url('gg.a6e4a75d0ce4771f.svg');
}

.flag-icon-gh {
  background-image: url('gh.1eb979491510ab1a.svg');
}

.flag-icon-gi {
  background-image: url('gi.3d9af0e64342dfdd.svg');
}

.flag-icon-gl {
  background-image: url('gl.8ace10a041875609.svg');
}

.flag-icon-gm {
  background-image: url('gm.cb656b12afc92a70.svg');
}

.flag-icon-gn {
  background-image: url('gn.016ca41f66c17d50.svg');
}

.flag-icon-gp {
  background-image: url('gp.c0879c8526c16cc5.svg');
}

.flag-icon-gq {
  background-image: url('gq.62f947c0cfd9b844.svg');
}

.flag-icon-gr {
  background-image: url('gr.b2393f31ac40d6fb.svg');
}

.flag-icon-gs {
  background-image: url('gs.ae998751f5901dca.svg');
}

.flag-icon-gt {
  background-image: url('gt.a5432d94a03b1f66.svg');
}

.flag-icon-gu {
  background-image: url('gu.47788c5987518804.svg');
}

.flag-icon-gw {
  background-image: url('gw.a34d2de64fa785e4.svg');
}

.flag-icon-gy {
  background-image: url('gy.804b51493b680182.svg');
}

.flag-icon-hk {
  background-image: url('hk.be4d020eeba3ebb5.svg');
}

.flag-icon-hm {
  background-image: url('hm.f3cd0b03f3f079f3.svg');
}

.flag-icon-hn {
  background-image: url('hn.6bc2c067ef539fc8.svg');
}

.flag-icon-hr {
  background-image: url('hr.cbcd0b1107576887.svg');
}

.flag-icon-ht {
  background-image: url('ht.ebb7de6837efc750.svg');
}

.flag-icon-hu {
  background-image: url('hu.ada3a9a602b8686d.svg');
}

.flag-icon-id {
  background-image: url('id.d37172ffd5c542a8.svg');
}

.flag-icon-ie {
  background-image: url('ie.972e95c693006a70.svg');
}

.flag-icon-il {
  background-image: url('il.9f8594dbc8975fae.svg');
}

.flag-icon-im {
  background-image: url('im.fa79f7d9070495d6.svg');
}

.flag-icon-in {
  background-image: url('in.34ff88c8c669a81a.svg');
}

.flag-icon-io {
  background-image: url('io.123490eabe11c1b3.svg');
}

.flag-icon-iq {
  background-image: url('iq.945930366c761df6.svg');
}

.flag-icon-ir {
  background-image: url('ir.e8cbabb9b72f43fd.svg');
}

.flag-icon-is {
  background-image: url('is.69f79130ef43e44a.svg');
}

.flag-icon-it {
  background-image: url('it.e660a249eacc6522.svg');
}

.flag-icon-je {
  background-image: url('je.07889a7f511d8d37.svg');
}

.flag-icon-jm {
  background-image: url('jm.8c122dee40eac148.svg');
}

.flag-icon-jo {
  background-image: url('jo.5b61e29fe858873c.svg');
}

.flag-icon-jp {
  background-image: url('jp.68332a20089b11a6.svg');
}

.flag-icon-ke {
  background-image: url('ke.85e996d36dec30f8.svg');
}

.flag-icon-kg {
  background-image: url('kg.45db6a2c6db8ebc9.svg');
}

.flag-icon-kh {
  background-image: url('kh.b10d57d8b820443d.svg');
}

.flag-icon-ki {
  background-image: url('ki.09b72b5581c3be7a.svg');
}

.flag-icon-km {
  background-image: url('km.f55f2cab98a3cf4e.svg');
}

.flag-icon-kn {
  background-image: url('kn.9c462a14057bfb9f.svg');
}

.flag-icon-kp {
  background-image: url('kp.960b4d2858ced225.svg');
}

.flag-icon-kr {
  background-image: url('kr.1c164cbf0ecce447.svg');
}

.flag-icon-kw {
  background-image: url('kw.2241465ee84fed87.svg');
}

.flag-icon-ky {
  background-image: url('ky.2d31e75fb0663a14.svg');
}

.flag-icon-kz {
  background-image: url('kz.0d157d64957e7304.svg');
}

.flag-icon-la {
  background-image: url('la.4ce0911f393c4e35.svg');
}

.flag-icon-lb {
  background-image: url('lb.42da914ce83540ff.svg');
}

.flag-icon-lc {
  background-image: url('lc.5d29ab2dd901fd40.svg');
}

.flag-icon-li {
  background-image: url('li.e9e3096381fd6987.svg');
}

.flag-icon-lk {
  background-image: url('lk.aaf885c6d818039b.svg');
}

.flag-icon-lr {
  background-image: url('lr.6cc9fa1f888f5ca2.svg');
}

.flag-icon-ls {
  background-image: url('ls.5fb0dc837a05474e.svg');
}

.flag-icon-lt {
  background-image: url('lt.65a7dd9b50083694.svg');
}

.flag-icon-lu {
  background-image: url('lu.4bb14a26255153dd.svg');
}

.flag-icon-lv {
  background-image: url('lv.16d35f41dfce3f2f.svg');
}

.flag-icon-ly {
  background-image: url('ly.898c64085051d71f.svg');
}

.flag-icon-ma {
  background-image: url('ma.535cf647d2be36bd.svg');
}

.flag-icon-mc {
  background-image: url('mc.f059e0bf18b8a86c.svg');
}

.flag-icon-md {
  background-image: url('md.53e37c43f9053c28.svg');
}

.flag-icon-me {
  background-image: url('me.b982f6561939e05e.svg');
}

.flag-icon-mf {
  background-image: url('mf.394be4fc4983561c.svg');
}

.flag-icon-mg {
  background-image: url('mg.9af2e60db1ff535b.svg');
}

.flag-icon-mh {
  background-image: url('mh.9ae175bba9b99e59.svg');
}

.flag-icon-mk {
  background-image: url('mk.ea405931be039a07.svg');
}

.flag-icon-ml {
  background-image: url('ml.06f3dd72061aae0d.svg');
}

.flag-icon-mm {
  background-image: url('mm.201dfd6ed13d2c5c.svg');
}

.flag-icon-mn {
  background-image: url('mn.5e4549c4e0d6e1de.svg');
}

.flag-icon-mo {
  background-image: url('mo.59050744f47c8476.svg');
}

.flag-icon-mp {
  background-image: url('mp.bd2539fb1ddcd3aa.svg');
}

.flag-icon-mq {
  background-image: url('mq.4a67fc7ba941a1dc.svg');
}

.flag-icon-mr {
  background-image: url('mr.3ec801d5d7214801.svg');
}

.flag-icon-ms {
  background-image: url('ms.41bcc07025e3b6e0.svg');
}

.flag-icon-mt {
  background-image: url('mt.6dd16f931c70baa8.svg');
}

.flag-icon-mu {
  background-image: url('mu.0a10935cdd0b2594.svg');
}

.flag-icon-mv {
  background-image: url('mv.c41f24b862f6b7b9.svg');
}

.flag-icon-mw {
  background-image: url('mw.b92d642212eaf795.svg');
}

.flag-icon-mx {
  background-image: url('mx.bd4983dbf28f8f0e.svg');
}

.flag-icon-my {
  background-image: url('my.2c6264c8ae8801a2.svg');
}

.flag-icon-mz {
  background-image: url('mz.ead84449fbd0c144.svg');
}

.flag-icon-na {
  background-image: url('na.ff6fd65f4015c796.svg');
}

.flag-icon-nc {
  background-image: url('nc.70348c2fe9e673f2.svg');
}

.flag-icon-ne {
  background-image: url('ne.e374fe7cd3218b70.svg');
}

.flag-icon-nf {
  background-image: url('nf.e89a09d0b85f6589.svg');
}

.flag-icon-ng {
  background-image: url('ng.11d73b22b60807d5.svg');
}

.flag-icon-ni {
  background-image: url('ni.755d719565ae6c88.svg');
}

.flag-icon-nl {
  background-image: url('nl.d63e1a0adb45bbc6.svg');
}

.flag-icon-no {
  background-image: url('no.364d9ecbd99f45a2.svg');
}

.flag-icon-np {
  background-image: url('np.6ba2c640b51f5062.svg');
}

.flag-icon-nr {
  background-image: url('nr.baf4b14ea74caba9.svg');
}

.flag-icon-nu {
  background-image: url('nu.ff6e7f19a78d3682.svg');
}

.flag-icon-nz {
  background-image: url('nz.4dc23a33da4da2b4.svg');
}

.flag-icon-om {
  background-image: url('om.9d0d7c33cb72923d.svg');
}

.flag-icon-pa {
  background-image: url('pa.440ef8a90eab8210.svg');
}

.flag-icon-pe {
  background-image: url('pe.afe30274c67351d7.svg');
}

.flag-icon-pf {
  background-image: url('pf.28e875dee6eb86fd.svg');
}

.flag-icon-pg {
  background-image: url('pg.f021bf5e1f51534d.svg');
}

.flag-icon-ph {
  background-image: url('ph.3158b56c363d4f90.svg');
}

.flag-icon-pk {
  background-image: url('pk.8df3867b63a984c8.svg');
}

.flag-icon-pl {
  background-image: url('pl.ec8ed1b692edbd68.svg');
}

.flag-icon-pm {
  background-image: url('pm.f9dd9d8010dd38dd.svg');
}

.flag-icon-pn {
  background-image: url('pn.b1f08bf2d8eb9fb5.svg');
}

.flag-icon-pr {
  background-image: url('pr.034b283b4c7f30dd.svg');
}

.flag-icon-ps {
  background-image: url('ps.38abd4f29aa9a962.svg');
}

.flag-icon-pt {
  background-image: url('pt.3a1a5281731ba41c.svg');
}

.flag-icon-pw {
  background-image: url('pw.a26a89a3b2392e83.svg');
}

.flag-icon-py {
  background-image: url('py.a1f878f85317233d.svg');
}

.flag-icon-qa {
  background-image: url('qa.5b675f43c9d7a05d.svg');
}

.flag-icon-re {
  background-image: url('re.050d7968b86be3ab.svg');
}

.flag-icon-ro {
  background-image: url('ro.d8b651d6b27ba2a0.svg');
}

.flag-icon-rs {
  background-image: url('rs.8e51ccf3426fa076.svg');
}

.flag-icon-ru {
  background-image: url('ru.9e1c3e05679e68b5.svg');
}

.flag-icon-rw {
  background-image: url('rw.9ab1bb00649cbe2c.svg');
}

.flag-icon-sa {
  background-image: url('sa.7c57e30a0d450441.svg');
}

.flag-icon-sb {
  background-image: url('sb.72a577eaea07c6cc.svg');
}

.flag-icon-sc {
  background-image: url('sc.fa8747894598f8ab.svg');
}

.flag-icon-sd {
  background-image: url('sd.82b4784a5e58a959.svg');
}

.flag-icon-se {
  background-image: url('se.af2bbff930020723.svg');
}

.flag-icon-sg {
  background-image: url('sg.e537131d83535679.svg');
}

.flag-icon-sh {
  background-image: url('sh.683fece0f8baacd3.svg');
}

.flag-icon-si {
  background-image: url('si.6a8c2c336a6577f7.svg');
}

.flag-icon-sj {
  background-image: url('sj.54b2104bfcf0ea24.svg');
}

.flag-icon-sk {
  background-image: url('sk.4e74a4a29b63bc61.svg');
}

.flag-icon-sl {
  background-image: url('sl.0048103a7cb6acc4.svg');
}

.flag-icon-sm {
  background-image: url('sm.741992b14bca78a9.svg');
}

.flag-icon-sn {
  background-image: url('sn.e72b12426ef4eb23.svg');
}

.flag-icon-so {
  background-image: url('so.72ec4ba08f35daf2.svg');
}

.flag-icon-sr {
  background-image: url('sr.1a26d594ed610d41.svg');
}

.flag-icon-ss {
  background-image: url('ss.06533b9d57effbdd.svg');
}

.flag-icon-st {
  background-image: url('st.36b1c89968117394.svg');
}

.flag-icon-sv {
  background-image: url('sv.8710c1a69837f876.svg');
}

.flag-icon-sx {
  background-image: url('sx.1b42fd108a39b9d3.svg');
}

.flag-icon-sy {
  background-image: url('sy.779b452514fd1250.svg');
}

.flag-icon-sz {
  background-image: url('sz.2eec8e974adeebe7.svg');
}

.flag-icon-tc {
  background-image: url('tc.d9ad5c073023b02e.svg');
}

.flag-icon-td {
  background-image: url('td.8d9c19dbd1e6bd99.svg');
}

.flag-icon-tf {
  background-image: url('tf.fb60f7fa27529392.svg');
}

.flag-icon-tg {
  background-image: url('tg.f83e7a054bb7b81c.svg');
}

.flag-icon-th {
  background-image: url('th.119c374ad4a27a91.svg');
}

.flag-icon-tj {
  background-image: url('tj.20fc3d6c49a817c4.svg');
}

.flag-icon-tk {
  background-image: url('tk.1ddc6bafd83efe73.svg');
}

.flag-icon-tl {
  background-image: url('tl.eb86242331bcb909.svg');
}

.flag-icon-tm {
  background-image: url('tm.ebe298c95e83aeba.svg');
}

.flag-icon-tn {
  background-image: url('tn.cbd80798fe638013.svg');
}

.flag-icon-to {
  background-image: url('to.5b9b2c5cf9ac37be.svg');
}

.flag-icon-tr {
  background-image: url('tr.60f650222f62784d.svg');
}

.flag-icon-tt {
  background-image: url('tt.beaf741fb27fb39a.svg');
}

.flag-icon-tv {
  background-image: url('tv.8f2fd8009240a4fa.svg');
}

.flag-icon-tw {
  background-image: url('tw.b4594ca7a42d3e90.svg');
}

.flag-icon-tz {
  background-image: url('tz.9218c5e49cc78518.svg');
}

.flag-icon-ua {
  background-image: url('ua.a85568949146162c.svg');
}

.flag-icon-ug {
  background-image: url('ug.ed65d7d223c9f4e2.svg');
}

.flag-icon-um {
  background-image: url('um.7184c259c2d12f8b.svg');
}

.flag-icon-us {
  background-image: url('us.506ab39e861de75c.svg');
}

.flag-icon-uy {
  background-image: url('uy.9917f0ce78213e60.svg');
}

.flag-icon-uz {
  background-image: url('uz.affdac743c2b2834.svg');
}

.flag-icon-va {
  background-image: url('va.b93e1449e35838ba.svg');
}

.flag-icon-vc {
  background-image: url('vc.042bc22f3bac8ac3.svg');
}

.flag-icon-ve {
  background-image: url('ve.bbbd443f6e2bcc69.svg');
}

.flag-icon-vg {
  background-image: url('vg.ba6ed6395bd71df2.svg');
}

.flag-icon-vi {
  background-image: url('vi.e26feb662117ef3c.svg');
}

.flag-icon-vn {
  background-image: url('vn.09bf515e2a45e094.svg');
}

.flag-icon-vu {
  background-image: url('vu.88f3641cb5c1bf63.svg');
}

.flag-icon-wf {
  background-image: url('wf.167c8a73df044655.svg');
}

.flag-icon-ws {
  background-image: url('ws.f0ad2d30b4f4d101.svg');
}

.flag-icon-ye {
  background-image: url('ye.101891e716276b26.svg');
}

.flag-icon-yt {
  background-image: url('yt.59dcb37410c6faf6.svg');
}

.flag-icon-za {
  background-image: url('za.671adbfe5bc9864f.svg');
}

.flag-icon-zm {
  background-image: url('zm.07e48c47d75bfaed.svg');
}

.flag-icon-zw {
  background-image: url('zw.d9a696e427468f1e.svg');
}

.flag-icon-es-ct {
  background-image: url('es-ct.23bd623336f93774.svg');
}

.flag-icon-eu {
  background-image: url('eu.5c3992b3bb30988d.svg');
}

.flag-icon-gb-eng {
  background-image: url('gb-eng.b28cbbf9a3bb884a.svg');
}

.flag-icon-gb-nir {
  background-image: url('gb-nir.c57d059236c5a5d7.svg');
}

.flag-icon-gb-sct {
  background-image: url('gb-sct.3291a72162a8acd7.svg');
}

.flag-icon-gb-wls {
  background-image: url('gb-wls.1aea8d4c7cf17e85.svg');
}

.flag-icon-un {
  background-image: url('un.e227c6d323a03aa2.svg');
}

.flag-icon-xk {
  background-image: url('xk.cc62006dec859dab.svg');
}

:root {
  --primaryradius: 14px;
  --secondaryradius: 8px;
}

@font-face {
  font-family: "akbar";
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/akbar.eot?gey66c");
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/akbar.eot?gey66c#iefix") format("embedded-opentype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/akbar.ttf?gey66c") format("truetype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/akbar.woff?gey66c") format("woff"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/akbar.svg?gey66c#akbar") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.oldlayout [class^=ak-], .oldlayout [class*=" ak-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "akbar" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oldlayout .ak-saudi-riyal:before {
  content: "\ea3f";
}

.oldlayout .ak-uae-dirham:before {
  content: "\ea40";
}

.oldlayout .ak-tabby:before {
  content: "\ea3e";
}

.oldlayout .ak-zoom-in:before {
  content: "\ea3c";
}

.oldlayout .ak-upload:before {
  content: "\ea3d";
}

.oldlayout .ak-coin:before {
  content: "\ea3b";
}

.oldlayout .ak-newsletter:before {
  content: "\ea39";
}

.oldlayout .ak-medical-tourism:before {
  content: "\ea3a";
}

.oldlayout .ak-airline-update:before {
  content: "\ea35";
}

.oldlayout .ak-apartment:before {
  content: "\ea36";
}

.oldlayout .ak-recharge3:before {
  content: "\ea37";
}

.oldlayout .ak-refresh:before {
  content: "\ea38";
}

.oldlayout .ak-expo-dubai:before {
  content: "\ea34";
}

.oldlayout .ak-rail-holidays:before {
  content: "\ea33";
}

.oldlayout .ak-profile1:before {
  content: "\ea2d";
}

.oldlayout .ak-recycling:before {
  content: "\ea2e";
}

.oldlayout .ak-sales-card:before {
  content: "\ea2f";
}

.oldlayout .ak-accounts:before {
  content: "\ea30";
}

.oldlayout .ak-sales:before {
  content: "\ea31";
}

.oldlayout .ak-travel1:before {
  content: "\ea32";
}

.oldlayout .ak-avil-points:before {
  content: "\ea2c";
}

.oldlayout .ak-toilet:before {
  content: "\ea2a";
}

.oldlayout .ak-checked-circle:before {
  content: "\ea2b";
}

.oldlayout .ak-cabinbag:before {
  content: "\ea28";
}

.oldlayout .ak-checkinbag:before {
  content: "\ea29";
}

.oldlayout .ak-isolation:before {
  content: "\ea24";
}

.oldlayout .ak-antibacterial:before {
  content: "\ea25";
}

.oldlayout .ak-protection:before {
  content: "\ea26";
}

.oldlayout .ak-school-bus:before {
  content: "\ea27";
}

.oldlayout .ak-boarding-pass:before {
  content: "\ea23";
}

.oldlayout .ak-arroba:before {
  content: "\ea1f";
}

.oldlayout .ak-telemarketer:before {
  content: "\ea21";
}

.oldlayout .ak-phone-contact:before {
  content: "\ea22";
}

.oldlayout .ak-lock-1:before {
  content: "\ea1d";
}

.oldlayout .ak-smartphone:before {
  content: "\ea20";
}

.oldlayout .ak-tag:before {
  content: "\ea1c";
}

.oldlayout .ak-user-2:before {
  content: "\ea1e";
}

.oldlayout .ak-question-1:before {
  content: "\ea1a";
}

.oldlayout .ak-support-2:before {
  content: "\ea1b";
}

.oldlayout .ak-question:before {
  content: "\ea19";
}

.oldlayout .ak-split:before {
  content: "\ea17";
}

.oldlayout .ak-normal:before {
  content: "\ea18";
}

.oldlayout .ak-train2:before {
  content: "\ea12";
}

.oldlayout .ak-beach:before {
  content: "\ea13";
}

.oldlayout .ak-buddha:before {
  content: "\ea14";
}

.oldlayout .ak-hat:before {
  content: "\ea15";
}

.oldlayout .ak-family:before {
  content: "\ea16";
}

.oldlayout .ak-home:before {
  content: "\ea11";
}

.oldlayout .ak-insurance1:before {
  content: "\ea10";
}

.oldlayout .ak-rail:before {
  content: "\ea0f";
}

.oldlayout .ak-Utilities:before {
  content: "\ea06";
}

.oldlayout .ak-support:before {
  content: "\ea07";
}

.oldlayout .ak-calling-app:before {
  content: "\ea08";
}

.oldlayout .ak-calling-card:before {
  content: "\ea09";
}

.oldlayout .ak-Europamundo:before {
  content: "\ea0a";
}

.oldlayout .ak-dmt:before {
  content: "\ea0b";
}

.oldlayout .ak-lounge:before {
  content: "\ea0c";
}

.oldlayout .ak-passport1:before {
  content: "\ea0d";
}

.oldlayout .ak-travel-medical:before {
  content: "\ea0e";
}

.oldlayout .ak-handshake:before {
  content: "\ea02";
}

.oldlayout .ak-contract:before {
  content: "\ea03";
}

.oldlayout .ak-paper-plane:before {
  content: "\ea04";
}

.oldlayout .ak-right1:before {
  content: "\ea05";
}

.oldlayout .ak-ticket:before {
  content: "\ea01";
}

.oldlayout .ak-alarm:before {
  content: "\e9f5";
}

.oldlayout .ak-windows:before {
  content: "\e9f6";
}

.oldlayout .ak-tracker:before {
  content: "\e9f7";
}

.oldlayout .ak-wifi1:before {
  content: "\e9f8";
}

.oldlayout .ak-plug1:before {
  content: "\e9f9";
}

.oldlayout .ak-nachos:before {
  content: "\e9fa";
}

.oldlayout .ak-wheel:before {
  content: "\e9fb";
}

.oldlayout .ak-cctv:before {
  content: "\e9fc";
}

.oldlayout .ak-pillows:before {
  content: "\e9fd";
}

.oldlayout .ak-blanket:before {
  content: "\e9fe";
}

.oldlayout .ak-call1:before {
  content: "\e9ff";
}

.oldlayout .ak-water:before {
  content: "\ea00";
}

.oldlayout .ak-whatsapp:before {
  content: "\e9f4";
}

.oldlayout .ak-map:before {
  content: "\e9f1";
}

.oldlayout .ak-satisfactory:before {
  content: "\e9f2";
}

.oldlayout .ak-excellent:before {
  content: "\e9f3";
}

.oldlayout .ak-user2:before {
  content: "\e9ea";
}

.oldlayout .ak-hiker:before {
  content: "\e9eb";
}

.oldlayout .ak-calculator:before {
  content: "\e9ec";
}

.oldlayout .ak-settings2:before {
  content: "\e9ed";
}

.oldlayout .ak-locked:before {
  content: "\e9ee";
}

.ak-phone1:before {
  content: "\ea83";
}

.oldlayout .ak-envelope:before {
  content: "\e9ef";
}

.oldlayout .ak-user1:before {
  content: "\e9f0";
}

.oldlayout .ak-navigator:before {
  content: "\e9e9";
}

.oldlayout .ak-others:before {
  content: "\e949";
}

.oldlayout .ak-cab1:before {
  content: "\e9e4";
}

.oldlayout .ak-cab2:before {
  content: "\e9e5";
}

.oldlayout .ak-cab3:before {
  content: "\e9e6";
}

.oldlayout .ak-cab4:before {
  content: "\e9e7";
}

.oldlayout .ak-cab5:before {
  content: "\e9e8";
}

.oldlayout .ak-online-payment:before {
  content: "\e9e1";
}

.oldlayout .ak-piggy-bank:before {
  content: "\e9e2";
}

.oldlayout .ak-credit-payment:before {
  content: "\e9e3";
}

.oldlayout .ak-sms:before {
  content: "\e9e0";
}

.oldlayout .ak-contact1:before {
  content: "\e9dc";
}

.oldlayout .ak-mice:before {
  content: "\e9dd";
}

.oldlayout .ak-tours:before {
  content: "\e9de";
}

.oldlayout .ak-cruise:before {
  content: "\e9df";
}

.oldlayout .ak-clear-sky:before {
  content: "\e9db";
}

.oldlayout .ak-mist:before {
  content: "\e9da";
}

.oldlayout .ak-snow:before {
  content: "\e9d9";
}

.oldlayout .ak-thunderstorm:before {
  content: "\e9d8";
}

.oldlayout .ak-shower-rain:before {
  content: "\e9d7";
}

.oldlayout .ak-broken-clouds:before {
  content: "\e9d6";
}

.oldlayout .ak-scattered-clouds:before {
  content: "\e9d5";
}

.oldlayout .ak-crowdfunding:before {
  content: "\e9cc";
}

.oldlayout .ak-headphones:before {
  content: "\e9cd";
}

.oldlayout .ak-earth-pictures:before {
  content: "\e9d3";
}

.oldlayout .ak-ship:before {
  content: "\e9d4";
}

.oldlayout .ak-housekeeper:before {
  content: "\e9ce";
}

.oldlayout .ak-car-parking:before {
  content: "\e9cf";
}

.oldlayout .ak-laundry:before {
  content: "\e9d0";
}

.oldlayout .ak-ac:before {
  content: "\e9d1";
}

.oldlayout .ak-swimming:before {
  content: "\e9d2";
}

.oldlayout .ak-hotel-building:before {
  content: "\e9cb";
}

.oldlayout .ak-megaphone:before {
  content: "\e9ca";
}

.oldlayout .ak-login2:before {
  content: "\e9c3";
}

.oldlayout .ak-logout:before {
  content: "\e9c4";
}

.oldlayout .ak-businesscard:before {
  content: "\e9c5";
}

.oldlayout .ak-law:before {
  content: "\e9c6";
}

.oldlayout .ak-settings:before {
  content: "\e9c7";
}

.oldlayout .ak-agenda:before {
  content: "\e9c8";
}

.oldlayout .ak-profile:before {
  content: "\e9c9";
}

.oldlayout .ak-bus2:before {
  content: "\e9c2";
}

.oldlayout .ak-bell:before {
  content: "\e9c1";
}

.oldlayout .ak-discount:before {
  content: "\e9c0";
}

.oldlayout .ak-badge:before {
  content: "\e9bb";
}

.oldlayout .ak-stop:before {
  content: "\e9bc";
}

.oldlayout .ak-clock2:before {
  content: "\e9bd";
}

.oldlayout .ak-rupee2:before {
  content: "\e9be";
}

.oldlayout .ak-filter2:before {
  content: "\e9bf";
}

.oldlayout .ak-squares:before {
  content: "\e9ba";
}

.oldlayout .ak-coupon:before {
  content: "\e9b9";
}

.oldlayout .ak-rupee1:before {
  content: "\e9b6";
}

.oldlayout .ak-tray-1:before {
  content: "\e9b7";
}

.oldlayout .ak-calendar1:before {
  content: "\e9b8";
}

.oldlayout .ak-location1:before {
  content: "\e9b5";
}

.oldlayout .ak-building:before {
  content: "\e90a";
}

.oldlayout .ak-add:before {
  content: "\e9ab";
}

.oldlayout .ak-star:before {
  content: "\e9ac";
}

.oldlayout .ak-attention:before {
  content: "\e9ad";
}

.oldlayout .ak-checked:before {
  content: "\e9ae";
}

.oldlayout .ak-attention2:before {
  content: "\e9af";
}

.oldlayout .ak-danger:before {
  content: "\e9b0";
}

.oldlayout .ak-share:before {
  content: "\e9b1";
}

.oldlayout .ak-up-1:before {
  content: "\e9b2";
}

.oldlayout .ak-download-1:before {
  content: "\e9b3";
}

.oldlayout .ak-sort-down:before {
  content: "\e9b4";
}

.oldlayout .ak-nature:before {
  content: "\e9a7";
}

.oldlayout .ak-flight2:before {
  content: "\e9a8";
}

.oldlayout .ak-creditcard:before {
  content: "\e9a9";
}

.oldlayout .ak-passport:before {
  content: "\e9aa";
}

.oldlayout .ak-rupee:before {
  content: "\e9a6";
}

.oldlayout .ak-pencil:before {
  content: "\e91f";
}

.oldlayout .ak-dashboard:before {
  content: "\e9a5";
}

.oldlayout .ak-burger:before {
  content: "\e9a0";
}

.oldlayout .ak-rating:before {
  content: "\e9a2";
}

.oldlayout .ak-placeholder1:before {
  content: "\e9a3";
}

.oldlayout .ak-hotel-1:before {
  content: "\e9a4";
}

.oldlayout .ak-travel:before {
  content: "\e99f";
}

.oldlayout .ak-sort:before {
  content: "\e9a1";
}

.oldlayout .ak-filter:before {
  content: "\e99e";
}

.oldlayout .ak-medical-kit:before {
  content: "\e920";
}

.oldlayout .ak-car:before {
  content: "\e99d";
}

.oldlayout .ak-delete:before {
  content: "\e99c";
}

.oldlayout .ak-seatleft:before {
  content: "\e99b";
}

.oldlayout .ak-livechat:before {
  content: "\e99a";
}

.oldlayout .ak-refund:before {
  content: "\e999";
}

.oldlayout .ak-list:before {
  content: "\e993";
}

.oldlayout .ak-debit-card1:before {
  content: "\e994";
}

.oldlayout .ak-support-1:before {
  content: "\e995";
}

.oldlayout .ak-gift-card:before {
  content: "\e996";
}

.oldlayout .ak-traveler:before {
  content: "\e997";
}

.oldlayout .ak-suitcase-2:before {
  content: "\e998";
}

.oldlayout .ak-money-1:before {
  content: "\e98d";
}

.oldlayout .ak-popularity:before {
  content: "\e98e";
}

.oldlayout .ak-speech:before {
  content: "\e98f";
}

.oldlayout .ak-service:before {
  content: "\e990";
}

.oldlayout .ak-upload-1:before {
  content: "\e991";
}

.oldlayout .ak-email-1:before {
  content: "\e992";
}

.oldlayout .ak-webcheckin2:before {
  content: "\e98c";
}

.oldlayout .ak-portfolio-1:before {
  content: "\e982";
}

.oldlayout .ak-cancel-form:before {
  content: "\e983";
}

.oldlayout .ak-mail-black:before {
  content: "\e984";
}

.oldlayout .ak-bed1:before {
  content: "\e985";
}

.oldlayout .ak-desktop-monitor:before {
  content: "\e986";
}

.oldlayout .ak-file:before {
  content: "\e98b";
}

.oldlayout .ak-up:before {
  content: "\e981";
}

.oldlayout .ak-webcheckin:before {
  content: "\e980";
}

.oldlayout .ak-baggage1:before {
  content: "\e987";
}

.oldlayout .ak-faq:before {
  content: "\e988";
}

.oldlayout .ak-printer1:before {
  content: "\e989";
}

.oldlayout .ak-customer-service:before {
  content: "\e98a";
}

.oldlayout .ak-round-trip:before {
  content: "\e92e";
}

.oldlayout .ak-right-arrow:before {
  content: "\e92f";
}

.oldlayout .ak-payment3:before {
  content: "\e97f";
}

.oldlayout .ak-payment1:before {
  content: "\e97d";
}

.oldlayout .ak-payment2:before {
  content: "\e97e";
}

.oldlayout .ak-hotel-2:before {
  content: "\e97c";
}

.oldlayout .ak-hide:before {
  content: "\e979";
}

.oldlayout .ak-show:before {
  content: "\e97a";
}

.oldlayout .ak-reset:before {
  content: "\e97b";
}

.oldlayout .ak-out-of-time:before {
  content: "\e977";
}

.oldlayout .ak-error-404:before {
  content: "\e978";
}

.oldlayout .ak-fare-up:before {
  content: "\e975";
}

.oldlayout .ak-fare-down:before {
  content: "\e976";
}

.oldlayout .ak-timer:before {
  content: "\e973";
}

.oldlayout .ak-cloud:before {
  content: "\e974";
}

.oldlayout .ak-set-square:before {
  content: "\e962";
}

.oldlayout .ak-bed:before {
  content: "\e972";
}

.oldlayout .ak-grid:before {
  content: "\e971";
}

.oldlayout .ak-flight-o:before {
  content: "\e96e";
}

.oldlayout .ak-printer:before {
  content: "\e970";
}

.oldlayout .ak-tray:before {
  content: "\e96f";
}

.oldlayout .ak-settings1:before {
  content: "\e96d";
}

.oldlayout .ak-heart:before {
  content: "\e96a";
}

.oldlayout .ak-heart-o:before {
  content: "\e96b";
}

.oldlayout .ak-check:before {
  content: "\e96c";
}

.oldlayout .ak-coffee-cup:before {
  content: "\e95c";
}

.oldlayout .ak-food-tray:before {
  content: "\e95d";
}

.oldlayout .ak-doorknob:before {
  content: "\e95e";
}

.oldlayout .ak-drink:before {
  content: "\e95f";
}

.oldlayout .ak-error-file:before {
  content: "\e960";
}

.oldlayout .ak-party:before {
  content: "\e961";
}

.oldlayout .ak-shopping-cart:before {
  content: "\e963";
}

.oldlayout .ak-train:before {
  content: "\e964";
}

.oldlayout .ak-beer:before {
  content: "\e965";
}

.oldlayout .ak-gym:before {
  content: "\e966";
}

.oldlayout .ak-restaurant:before {
  content: "\e967";
}

.oldlayout .ak-placeholder:before {
  content: "\e968";
}

.oldlayout .ak-tripadvisor:before {
  content: "\e969";
}

.oldlayout .ak-seats:before {
  content: "\e931";
}

.oldlayout .ak-error:before {
  content: "\e95a";
}

.oldlayout .ak-success:before {
  content: "\e95b";
}

.oldlayout .ak-phonepe:before {
  content: "\e958";
}

.oldlayout .ak-upi:before {
  content: "\e959";
}

.oldlayout .ak-credit-card-emi:before {
  content: "\e94e";
}

.oldlayout .ak-gpay:before {
  content: "\e94f";
}

.oldlayout .ak-paypal:before {
  content: "\e950";
}

.oldlayout .ak-wallet:before {
  content: "\e951";
}

.oldlayout .ak-pdf:before {
  content: "\e952";
}

.oldlayout .ak-net-banking:before {
  content: "\e953";
}

.oldlayout .ak-debit-card:before {
  content: "\e954";
}

.oldlayout .ak-credit-card:before {
  content: "\e955";
}

.oldlayout .ak-phone-receiver:before {
  content: "\e956";
}

.oldlayout .ak-emailicon:before {
  content: "\e957";
}

.oldlayout .ak-time-delay:before {
  content: "\e94d";
}

.oldlayout .ak-Prioritycheckin:before {
  content: "\e94c";
}

.oldlayout .ak-trolley:before {
  content: "\e946";
}

.oldlayout .ak-gst:before {
  content: "\e94b";
}

.oldlayout .ak-flight-cancel:before {
  content: "\e94a";
}

.oldlayout .ak-golf:before {
  content: "\e937";
}

.oldlayout .ak-cricket:before {
  content: "\e938";
}

.oldlayout .ak-surf:before {
  content: "\e939";
}

.oldlayout .ak-snowboard:before {
  content: "\e93a";
}

.oldlayout .ak-scuba:before {
  content: "\e93b";
}

.oldlayout .ak-bike:before {
  content: "\e93c";
}

.oldlayout .ak-endtoend:before {
  content: "\e93d";
}

.oldlayout .ak-visa-service:before {
  content: "\e93e";
}

.oldlayout .ak-visa-processing:before {
  content: "\e93f";
}

.oldlayout .ak-world:before {
  content: "\e940";
}

.oldlayout .ak-shield:before {
  content: "\e941";
}

.oldlayout .ak-contact:before {
  content: "\e942";
}

.oldlayout .ak-request-visa:before {
  content: "\e943";
}

.oldlayout .ak-benefits:before {
  content: "\e944";
}

.oldlayout .ak-medical:before {
  content: "\e945";
}

.oldlayout .ak-travel-insurance:before {
  content: "\e947";
}

.oldlayout .ak-forex2:before {
  content: "\e948";
}

.oldlayout .ak-baggage:before {
  content: "\e932";
}

.oldlayout .ak-meal:before {
  content: "\e933";
}

.oldlayout .ak-insurance:before {
  content: "\e934";
}

.oldlayout .ak-login:before {
  content: "\e935";
}

.oldlayout .ak-info:before {
  content: "\e936";
}

.oldlayout .ak-search:before {
  content: "\e930";
}

.oldlayout .ak-chat:before {
  content: "\e92d";
}

.oldlayout .ak-trash:before {
  content: "\e92c";
}

.oldlayout .ak-cancel:before {
  content: "\e92b";
}

.oldlayout .ak-clock:before {
  content: "\e92a";
}

.oldlayout .ak-user:before {
  content: "\e929";
}

.oldlayout .ak-media:before {
  content: "\e924";
}

.oldlayout .ak-plug:before {
  content: "\e925";
}

.oldlayout .ak-seat:before {
  content: "\e926";
}

.oldlayout .ak-wifi:before {
  content: "\e927";
}

.oldlayout .ak-food:before {
  content: "\e928";
}

.oldlayout .ak-diamond:before {
  content: "\e923";
}

.oldlayout .ak-back:before {
  content: "\e922";
}

.oldlayout .ak-early-morning:before {
  content: "\e91b";
}

.oldlayout .ak-morning:before {
  content: "\e91e";
}

.oldlayout .ak-sunrise:before {
  content: "\e91d";
}

.oldlayout .ak-email:before {
  content: "\e921";
}

.oldlayout .ak-swipe:before {
  content: "\e91c";
}

.oldlayout .ak-moon-filled:before {
  content: "\e918";
}

.oldlayout .ak-moon:before {
  content: "\e919";
}

.oldlayout .ak-sun:before {
  content: "\e91a";
}

.oldlayout .ak-left:before {
  content: "\e916";
}

.oldlayout .ak-right:before {
  content: "\e917";
}

.oldlayout .ak-recent:before {
  content: "\e915";
}

.oldlayout .ak-down-circle:before {
  content: "\e914";
}

.oldlayout .ak-down:before {
  content: "\e913";
}

.oldlayout .ak-hotel:before {
  content: "\e904";
}

.oldlayout .ak-gps:before {
  content: "\e912";
}

.oldlayout .ak-offer:before {
  content: "\e908";
}

.oldlayout .ak-location:before {
  content: "\e909";
}

.oldlayout .ak-plane:before {
  content: "\e90b";
}

.oldlayout .ak-instagram:before {
  content: "\e90c";
}

.oldlayout .ak-twitter:before {
  content: "\e90d";
}

.oldlayout .ak-facebook:before {
  content: "\e90e";
}

.oldlayout .ak-copy:before {
  content: "\e90f";
}

.oldlayout .ak-close:before {
  content: "\e910";
}

.oldlayout .ak-calendar:before {
  content: "\e911";
}

.oldlayout .ak-bus:before {
  content: "\e900";
}

.oldlayout .ak-forex:before {
  content: "\e901";
}

.oldlayout .ak-flight:before {
  content: "\e902";
}

.oldlayout .ak-holidays:before {
  content: "\e903";
}

.oldlayout .ak-inspire:before {
  content: "\e905";
}

.oldlayout .ak-more:before {
  content: "\e906";
}

.oldlayout .ak-visa:before {
  content: "\e907";
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 24px !important;
  border-radius: 20px !important;
}

.mat-dialog-container {
  padding: 24px !important;
}

.mat-mdc-tab-label-container {
  background: #f6f6f6 !important;
}

.mat-mdc-tab-body.mat-mdc-tab-body-active {
  padding: 15px 24px !important;
}

.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border: 3px solid #ffc442 !important;
}

.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #000 !important;
}

.mat-mdc-tab {
  letter-spacing: normal !important;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: Lato;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Lato;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-card {
  --mat-card-title-text-font: Lato;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Lato;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-supporting-text-font: Lato;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #f44336);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 48px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 24px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -30.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 12px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mdc-filled-text-field-label-text-font: Lato;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Lato;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Lato;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Lato;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: none;
}

html {
  --mat-select-trigger-text-font: Lato;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-dialog-container {
  --mdc-dialog-subhead-font: Lato;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Lato;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Lato;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 40px;
}

.mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Lato;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 32px;
}

.mat-mdc-radio-touch-target {
  display: none;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-mdc-slider-ripple-color: #3f51b5;
  --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mat-mdc-slider-ripple-color: #ff4081;
  --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mat-mdc-slider-ripple-color: #f44336;
  --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: Lato;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

html {
  --mat-menu-item-label-text-font: Lato;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: Lato;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Lato;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Lato;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Lato;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 48px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mat-paginator-container-text-font: Lato;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 40px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Lato;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 32px;
}

.mat-mdc-checkbox-touch-target {
  display: none;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-body2-font-size, 14px);
  line-height: var(--mdc-typography-body2-line-height, 20px);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
}
.mat-mdc-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-raised-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-unelevated-button.mat-mdc-button-base .mdc-button__touch,
.mat-mdc-outlined-button.mat-mdc-button-base .mdc-button__touch {
  height: 100%;
}
.mat-mdc-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-raised-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-unelevated-button.mat-mdc-button-base .mat-mdc-button-touch-target,
.mat-mdc-outlined-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Lato));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 36px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: Lato;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-supporting-text-font: Lato;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
}

html {
  --mat-table-header-headline-font: Lato;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Lato;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Lato;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Lato;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Lato;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 40px;
}

html {
  --mat-legacy-button-toggle-text-font: Lato;
  --mat-standard-button-toggle-text-font: Lato;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-datepicker-calendar-text-font: Lato;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
}

html {
  --mat-expansion-header-text-font: Lato;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Lato;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 64px;
}

html {
  --mat-stepper-container-text-font: Lato;
  --mat-stepper-header-label-text-font: Lato;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
}

html {
  --mat-toolbar-title-text-font: Lato;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 40px;
}

.mat-tree {
  font-family: Lato;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

html {
  -webkit-text-size-adjust: none;
}

.oldlayout {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
  @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
  /*default loader*/
  /*error text style ridhu*/
  /*snacks bar ridhu*/
  /*======== b2b hotel style ======================*/
}
.oldlayout * {
  margin: 0;
  padding: 0;
  outline: 0 !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal !important;
  font-family: "Roboto", sans-serif;
}
.oldlayout .mat-icon {
  font-family: "Material Icons";
}
.oldlayout .otherpageHeader .common-header {
  position: static;
}
.oldlayout input,
.oldlayout textarea,
.oldlayout button,
.oldlayout select,
.oldlayout a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.oldlayout .mdc-button.mat-primary {
  background-color: #d32f2f !important;
  color: #fff !important;
  height: 40px;
  line-height: 40px;
}
.oldlayout .login-outer p ul {
  padding-left: 25px;
}
.oldlayout button {
  font-family: "Roboto", sans-serif !important;
  letter-spacing: normal !important;
}
.oldlayout .preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.oldlayout ::selection {
  background: #363636;
  color: #ffffff;
}
.oldlayout ::-webkit-selection {
  background: #363636;
  color: #ffffff;
}
.oldlayout .btnouter ::selection {
  color: #363636;
  background: transparent;
}
.oldlayout .btnouter ::-webkit-selection {
  color: #363636;
  background: transparent;
}
.oldlayout .faretrends .nav ::selection {
  color: #fff;
  background: transparent;
}
.oldlayout .faretrends .nav ::-webkit-selection {
  color: #fff;
  background: transparent;
}
.oldlayout .invite-hidden {
  position: absolute;
  visibility: hidden;
}
.oldlayout .min-width1000 {
  min-width: 950px;
}
.oldlayout .mat-divider {
  border-top-color: #ebebeb;
}
.oldlayout .overflow-hid {
  overflow: hidden;
}
.oldlayout .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #363636;
}
.oldlayout .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(-6%) !important;
  -moz-transform: translateY(-6%) !important;
}
.oldlayout .mat-radio-group .mat-radio-button .mat-radio-label {
  margin: 0 40px 0 0;
  padding: 5px 9px;
  border-radius: 999px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  width: auto;
}
.oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container {
  width: 18px;
  height: 18px;
}
.oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  width: 18px;
  height: 18px;
  border: 1px solid #bfbfbf;
}
.oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 18px;
  height: 18px;
  background: #363636;
  transform: scale(0);
  -moz-transform: scale(0);
}
.oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.oldlayout .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label {
  background: rgba(0, 0, 0, 0.08);
}
.oldlayout .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  transform: scale(0.6);
  -moz-transform: scale(0.6);
}
.oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: transparent;
}
.oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  transform: scale(1);
  -moz-transform: scale(1);
}
.oldlayout .radio-options.no-background .mat-radio-button .mat-radio-label {
  padding: 5px 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
}
.oldlayout .radio-options.no-background .mat-radio-button.mat-radio-checked .mat-radio-label {
  background: none;
}
.oldlayout .radio-options.no-background.smalltext .mat-radio-button .mat-radio-label {
  font-size: 13px;
}
.oldlayout .radio-options.filter-align .mat-radio-button .mat-radio-label {
  padding: 5px 0;
  margin: 0 20px 0 0;
  font-size: 15px;
  color: #000000;
}
.oldlayout .radio-options.filter-align .mat-radio-button.mat-radio-checked .mat-radio-label {
  background: none;
}
.oldlayout .radio-options.filter-align.smalltext .mat-radio-button .mat-radio-label {
  font-size: 13px;
}
.oldlayout .feedback .radio-options.no-background .mat-radio-button .mat-radio-label {
  font-size: 12px;
}
.oldlayout .mat-stroked-button.blueborderbtn {
  color: #19478a;
  border-color: #19478a;
  text-transform: uppercase;
}
.oldlayout .mat-flat-button.successbtn {
  background: #307d01;
  color: #fff;
}
.oldlayout .formlabel {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  margin-bottom: 3px;
  display: block;
}
.oldlayout .form-control {
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  border: 1px solid #777;
  border-radius: 5px;
  color: #6d6c6c;
  font-size: 14px;
  width: 100%;
}
.oldlayout .form-control.invalid {
  border-color: #363636;
}
.oldlayout .thirdsection .mat-checkbox {
  display: inline-block;
}
.oldlayout .thirdsection .mat-checkbox .mat-checkbox-layout {
  font-size: 13px;
  color: #000000;
}
.oldlayout .thirdsection .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame {
  border: 1px solid #8297a6;
  border-radius: 4px;
}
.oldlayout .thirdsection .mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background: #363636;
  border-radius: 4px;
}
.oldlayout .thirdsection .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #363636;
  border-radius: 4px;
}
.oldlayout body .modalcontent .hotel-search {
  margin-bottom: 20px;
}
.oldlayout body .modalcontent .mat-checkbox-label {
  padding-right: 0px !important;
}
.oldlayout body .modalcontent .search-mobile-container {
  margin: 0;
}
.oldlayout body .modalcontent .search-mobile-container .mobile-firstbox .mat-radio-group .mat-radio-button:not(:last-child) {
  margin-right: 10px;
}
.oldlayout body.baggage-popup-open flight-transaction-details #flight-transactions-details {
  overflow: visible !important;
  overflow-y: visible !important;
}
.oldlayout body .mat-menu-panel {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.oldlayout body.otherpageHeader .common-header {
  position: static;
}
.oldlayout body.detailsopen hotel-mobile-itinerary-review .hotel-details {
  height: calc(100vh - 57px);
  z-index: 114;
  overflow: hidden;
}
.oldlayout body.from-add-travellers flight-transaction-details .flight-details {
  padding-bottom: 0;
  z-index: 161;
}
.oldlayout body.from-add-travellers flight-transaction-details .content.heightsettings {
  height: calc(100% - 61px) !important;
}
.oldlayout body.from-add-travellers flight-transaction-details baggage-fare-rules .fareRules-baggage-wrapper {
  height: 100%;
}
.oldlayout body.payment-hotel-details flight-transaction-details .flight-details {
  padding-bottom: 0;
}
.oldlayout body.payment-hotel-details flight-transaction-details .content.heightsettings {
  height: calc(100% - 61px) !important;
}
.oldlayout body.payment-hotel-details flight-transaction-details baggage-fare-rules .fareRules-baggage-wrapper {
  height: 100%;
}
.oldlayout body.payment-hotel-details hotel-mobile-itinerary-review .hotel-details .content {
  padding: 10px;
  height: calc(100vh - 61px) !important;
}
.oldlayout body.payment-hotel-details.app flight-transaction-details .flight-details {
  padding-bottom: 0;
}
.oldlayout body.payment-hotel-details.app flight-transaction-details .content.heightsettings {
  height: calc(100% - 116px) !important;
  padding-bottom: 10px;
  margin-top: 116px !important;
}
.oldlayout body.payment-hotel-details.app hotel-mobile-itinerary-review .hotel-details .content {
  height: calc(100vh - 116px) !important;
}
.oldlayout body.payment-hotel-details payment .footer {
  display: none !important;
}
.oldlayout body.payment-hotel-details.detailsopen hotel-mobile-itinerary-review .hotel-details {
  height: 100vh;
  z-index: 114;
  overflow: hidden;
}
.oldlayout body.my-addons .sliderparent .nav {
  background: #ffffff !important;
  color: #929292 !important;
}
.oldlayout body.my-addons .sliderparent .nav.prev:hover {
  left: -25px !important;
  padding-left: 5px !important;
}
.oldlayout body.my-addons .sliderparent .nav.next:hover {
  right: -25px;
  padding-right: 5px;
}
.oldlayout body.my-addons .sliderouter .slider-item {
  width: 33.3% !important;
  min-width: 33.3% !important;
}
.oldlayout body ul.utilitymenu li.login .afterlogin .mat-button-wrapper {
  max-width: 121px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.oldlayout body ul.utilitymenu li.login .afterlogin .mat-button-wrapper .mat-icon {
  position: absolute;
  right: 5px;
  top: 7px;
  margin: 0;
}
.oldlayout body.display .slide-panel-container .content-section {
  background: #e7ebee !important;
}
.oldlayout body.display .slide-panel-container .content-section .whitebg {
  background: #fff;
}
.oldlayout .mat-mdc-form-field-error {
  color: #ffffff;
  font-size: 12px;
  background: #363636;
  padding: 3px 7px;
  border-radius: 4px;
  display: inline-block !important;
  position: relative;
  line-height: 15px;
  top: 5px;
  white-space: nowrap;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.oldlayout .mat-mdc-form-field-error::before {
  content: "";
  left: 5px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #363636;
  position: absolute;
  z-index: 10;
}
.oldlayout .mat-form-field-subscript-wrapper {
  z-index: 10;
  pointer-events: none;
}
.oldlayout .mat-form-field-invalid:hover .mat-error {
  opacity: 1;
}
.oldlayout .mat-form-field-invalid:hover .mat-error:hover {
  opacity: 0;
}
.oldlayout .mat-form-field.landing-input {
  font-size: 14px;
  width: 100%;
  margin-top: 1px;
}
.oldlayout .mat-form-field.landing-input .mat-form-field-wrapper .mat-form-field-underline {
  display: none !important;
}
.oldlayout .mat-form-field.landing-input .mat-form-field-wrapper .mat-form-field-outline {
  height: 36px;
}
.oldlayout .mat-form-field.landing-input .mat-form-field-wrapper .mat-form-field-infix {
  padding: 5px 0;
}
.oldlayout .mat-form-field.landing-input .mat-form-field-wrapper .mat-form-field-infix input.mat-input-element {
  height: 18px;
  font-weight: 500;
}
.oldlayout .mat-form-field.landing-input .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 20px;
  color: #363636;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.oldlayout .mat-form-field.landing-input.mat-form-field-should-float {
  margin-top: 10px;
}
.oldlayout .half .mat-form-field-appearance-outline.mat-form-field.mediumtextarea {
  height: auto;
}
.oldlayout .half .mat-form-field-appearance-outline.mat-form-field.mediumtextarea .mat-form-field-wrapper .mat-form-field-outline {
  height: auto;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field {
  width: 100%;
  height: 44px;
  font-size: 14px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-label-wrapper {
  overflow: visible;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
  background: #ffffff;
  border-radius: 5px;
  height: 44px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline div {
  border-color: #777;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline-thick {
  color: #666;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-start,
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-gap,
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-end {
  border-width: 1px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
  width: 100%;
  padding: 8px 0 5px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-input-element:not(textarea) {
  color: #6d6c6c;
  height: 18px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix textarea.mat-input-element {
  color: #6d6c6c;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 22px;
  color: #6d6c6c;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-subscript-wrapper {
  position: absolute;
  top: 100%;
  padding: 0;
  z-index: 15;
  overflow: visible;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-outline div.mat-form-field-outline-gap {
  border-top-color: transparent;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 28px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.textarea {
  height: 135px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.textarea .mat-form-field-wrapper .mat-form-field-outline {
  height: 135px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mediumtextarea {
  height: 80px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mediumtextarea .mat-form-field-wrapper .mat-form-field-outline {
  height: 80px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small {
  font-size: 14px;
  height: 36px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small .mat-form-field-wrapper .mat-form-field-outline {
  height: 36px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small .mat-form-field-wrapper .mat-form-field-infix {
  padding: 3px 0;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 18px;
  color: #363636;
  font-size: 13px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 23px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  color: #6d6c6c;
  font-size: 14px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating.mat-form-field-should-float .mat-form-field-outline-gap {
  display: none;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix {
  padding-top: 2px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper {
  transform: translateY(0%);
  -moz-transform: translateY(0%);
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  display: none;
  color: #6d6c6c;
  font-size: 16px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.mobile-number .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  left: 88px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.small.mobile-number.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  left: 0;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input {
  font-size: 14px;
  height: 40px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input .mat-form-field-wrapper .mat-form-field-outline {
  height: 40px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input .mat-form-field-wrapper .mat-form-field-infix {
  padding: 3px 0;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 20px;
  color: #363636;
  font-size: 13px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input .mat-form-field-wrapper .mat-form-field-suffix {
  top: 3px !important;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 23px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.not-floating .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  color: #6d6c6c;
  font-size: 14px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.not-floating.mat-form-field-should-float .mat-form-field-outline-gap {
  display: none;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix {
  padding-top: 2px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-select-arrow-wrapper {
  transform: translateY(0%);
  -moz-transform: translateY(0%);
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.promocode-input.not-floating.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  display: none;
  color: #6d6c6c;
  font-size: 16px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-outline div {
  border-color: #363636;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.mat-form-field-invalid.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-outline div.mat-form-field-outline-gap {
  border-top-color: transparent;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input {
  height: 50px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input ::placeholder {
  color: #fff;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex {
  height: 50px;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  height: 50px;
  background: none;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border-color: #ededed;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  height: 18px;
  line-height: 18px;
  color: #fff;
  padding: 0;
  background-color: none;
  box-shadow: none;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {
  top: 12px;
  line-height: 12px;
  height: 12px;
  padding: 0;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  top: 0;
  line-height: 12px;
  height: 12px;
  color: #ededed;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap {
  border-top-color: transparent;
}
.oldlayout .mat-form-field-appearance-outline.mat-form-field.academy-input.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  line-height: 14px;
}
.oldlayout .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #333;
}
.oldlayout body .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #363636;
}
.oldlayout body .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.05);
}
.oldlayout body .myaccount-dropdown {
  width: 350px;
  max-width: 400px;
}
.oldlayout .passenger-outer .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: none;
  -moz-transform: none;
}
.oldlayout .childblock .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
  padding: 4px 0 8px;
}
.oldlayout .childblock .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
  top: 20px;
  font-size: 13px;
}
.oldlayout .childblock .mat-form-field-appearance-outline.mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  top: 23px;
}
.oldlayout .childblock .mat-select-value {
  font-size: 13px;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header {
  background: #09204b;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label {
  color: #ffffff;
  opacity: 1;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding-left: 0;
  padding-right: 70px;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label .mat-tab-label-content {
  position: relative;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label .mat-tab-label-content::after {
  content: "\e913";
  width: 20px;
  height: 20px;
  position: absolute;
  right: -25px;
  font-family: "akbar" !important;
  font-size: 13px;
  line-height: 23px;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  position: relative;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label.mat-tab-label-active .mat-tab-label-content::after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-ink-bar {
  display: none;
}
.oldlayout .topfooter .mat-tab-group .mat-tab-body-wrapper {
  padding: 40px 0;
}
.oldlayout.mat-menu-panel {
  max-width: 300px;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item {
  height: 35px !important;
  line-height: 35px !important;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item h2 {
  font-weight: 400;
  color: #363636;
  flex-direction: column;
  line-height: 15px;
  font-size: 13px;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item p.sub-txt {
  font-size: 10px;
  line-height: 11px;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item::before {
  content: "";
  left: -1px;
  top: 50%;
  width: 3px;
  height: 0%;
  background: #363636;
  position: absolute;
  z-index: 11;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item img {
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item:hover img {
  margin-right: 3px;
}
.oldlayout.mat-menu-panel .mat-menu-content .mat-menu-item:hover::before {
  height: 100%;
  opacity: 1;
  top: 0;
}
.oldlayout.mat-mdc-menu-panel.mat-mdc-menu-panel.loginmenu {
  min-width: 265px;
}
.oldlayout.mat-mdc-menu-panel.mat-mdc-menu-panel.loginmenu .mat-mdc-menu-item.mdc-list-item span {
  font-size: 13px !important;
  gap: 10px;
  display: flex;
  align-items: center;
}
.oldlayout.mat-mdc-menu-panel .mat-menu-content .mat-menu-item {
  text-transform: capitalize;
  font-weight: 400;
  color: #363636;
  position: relative;
}
.oldlayout.mat-mdc-menu-panel .mat-menu-content .mat-menu-item::before {
  content: "";
  left: 0px;
  top: 50%;
  width: 4px;
  height: 0%;
  background: #363636;
  position: absolute;
  z-index: 11;
  opacity: 0;
  border-radius: 0 999px 999px 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.oldlayout.mat-mdc-menu-panel .mat-menu-content .mat-menu-item:hover::before {
  height: 100%;
  opacity: 1;
  top: 0;
}
.oldlayout.mat-mdc-menu-panel.contrylist {
  min-width: 280px;
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content .block {
  width: 50%;
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content .block:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content .mat-menu-item {
  text-transform: uppercase;
  font-size: 12px;
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content .mat-menu-item span {
  border-radius: 4px;
  width: 17px;
  height: 15px;
  overflow: hidden;
  margin-right: 8px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px;
}
.oldlayout.mat-mdc-menu-panel.contrylist .mat-menu-content .mat-menu-item:hover span {
  margin-right: 3px;
}
.oldlayout.mat-mdc-menu-panel.balance-popup {
  min-width: 360px;
}
.oldlayout.mat-mdc-menu-panel.balance-popup .mat-menu-content {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}
.oldlayout.mat-mdc-menu-panel.balance-popup .mat-menu-content .block {
  width: 50%;
}
.oldlayout.mat-mdc-menu-panel.balance-popup .mat-menu-content .block:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.oldlayout.mat-mdc-menu-panel.currencylist {
  width: 400px;
  max-width: 400px;
}
.oldlayout.mat-mdc-menu-panel.loginmenu {
  min-width: 265px;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item {
  text-transform: capitalize;
  font-size: 13px;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item .icon {
  margin-right: 3px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  vertical-align: middle;
  font-size: 15px;
  line-height: 24px;
  width: 24px;
  display: inline-block;
  color: #525252;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item .icon.ak-dashboard {
  font-weight: bold;
  font-size: 14px;
}
@supports (-ms-ime-align: auto) {
  .oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item .icon.ak-dashboard {
    font-weight: 400;
  }
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item:hover .icon {
  margin-right: 0px;
  color: #000000;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item.logout {
  margin-bottom: -8px;
  color: #fff;
  background: #363636;
  height: 45px;
  line-height: 45px;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item.logout .icon {
  color: #ffffff;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item.username {
  pointer-events: none;
  height: 55px;
  padding: 5px 16px;
  background: #f1f1f1;
  margin-top: -8px;
  text-transform: none;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item.username::before {
  display: none;
}
.oldlayout.mat-mdc-menu-panel.loginmenu .mat-menu-content .mat-menu-item.username img {
  width: 30px;
}
.oldlayout.mat-mdc-menu-panel.roomsrates-dropdown {
  max-height: 300px;
  overflow: visible;
  width: 650px;
  max-width: 100%;
  background: none;
  box-shadow: none;
}
.oldlayout.mat-mdc-menu-panel.roomsrates-dropdown.inclusiondropd {
  max-height: 300px;
  overflow: visible;
  width: 300px;
  max-width: 100%;
  background: none;
  box-shadow: none;
}
.oldlayout.mat-mdc-menu-panel.roomsrates-dropdown .mat-menu-content {
  background: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  padding: 15px 0;
}
.oldlayout .homeheader .chip-listing .mat-chip-list-wrapper {
  padding: 0 15px;
}
.oldlayout .homeheader .recent-search-wrapper hotel-recent-search .chip-listing .mat-chip-list-wrapper {
  padding: 10px 15px 0;
}
.oldlayout .homelisting .linkswith-heading .mat-chip .mat-ripple-element {
  display: none !important;
}
.oldlayout .homelisting .mat-card {
  box-shadow: none;
}
.oldlayout .homelisting .mat-card .mat-card-content {
  margin: 0;
}
.oldlayout .destinationlist .mdc-list-item__primary-text {
  display: flex;
}
.oldlayout .destinationlist .mat-list-base .mdc-list-item.mdc-list-item--with-one-line {
  height: auto;
}
.oldlayout .destinationlist .mat-list-base .mdc-list-item.mdc-list-item--with-one-line .mat-list-item-content {
  padding: 0;
}
.oldlayout .destinationlist .mat-mdc-unelevated-button:not(:disabled) {
  background: #d32f2f !important;
}
.oldlayout .modalcontent .mat-mdc-unelevated-button:not(:disabled) {
  background: #d32f2f !important;
}
.oldlayout .hotel-itinerary .mat-mdc-unelevated-button:not(:disabled) {
  background: #d32f2f !important;
}
.oldlayout .mat-mdc-checkbox .mdc-form-field {
  font-size: 13px !important;
}
.oldlayout .mdc-checkbox {
  padding: 0 !important;
  margin: 0 !important;
}
.oldlayout .mdc-checkbox .mdc-checkbox__background {
  top: 1px !important;
  left: 0 !important;
  width: 16px !important;
  height: 16px !important;
}
.oldlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}
.oldlayout .mdc-checkbox .mdc-checkbox__native-control {
  top: 0;
  right: 0;
  left: 0;
  width: 16px;
  height: 16px;
}
.oldlayout .mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}
.oldlayout .mdc-checkbox__ripple {
  display: none;
}
.oldlayout .home-footer-accordion .accordion-outer .accordion-child .mat-expansion-panel-body {
  padding: 0 15px 15px;
}
@keyframes radiocolorchange {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.oldlayout .heading-one span {
  font-weight: 700;
}
.oldlayout .destinationspadding .common-padding {
  padding: 0 !important;
}
.oldlayout .linkswith-heading .mat-chip.mat-standard-chip:last-child .mat-ripple-element {
  display: none !important;
}
.oldlayout .sector-outer .searchinput .full-width {
  margin-top: 10px;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper {
  padding: 0;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper .mat-form-field-flex {
  align-items: center;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper .mat-form-field-infix {
  padding: 0;
  border: 0;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper .mat-form-field-infix input.mat-input-element {
  font-size: 13px;
  font-weight: 500;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.oldlayout .sector-outer .searchinput .full-width .mat-form-field-wrapper .mat-form-field-label {
  color: #6b6b6b;
  font-size: 13px;
}
.oldlayout .sector-outer .searchinput .full-width.mobile {
  margin-top: 0;
}
.oldlayout .travellersouter .radio-options .mat-radio-button .mat-radio-label {
  padding: 5px 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
}
.oldlayout .travellersouter .radio-options .mat-radio-button.mat-radio-checked .mat-radio-label {
  background: none;
}
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button .mat-radio-label {
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  padding: 5px 15px;
  border-radius: 999px;
  border: 1px solid #aeaeae;
  margin: 0 7px 7px 0;
}
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button .mat-radio-label .mat-radio-container {
  width: 0;
  height: 0;
  opacity: 0;
}
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle,
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  display: none;
}
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding: 0;
}
.oldlayout .travellersouter .radio-options.bluestyle .mat-radio-button.mat-radio-checked .mat-radio-label {
  color: #ffffff;
  background: #002543;
  border-color: #002543;
}
.oldlayout .travellersouter .mat-flat-button.mat-primary {
  padding: 0 9px;
  min-width: 0;
  line-height: 29px;
}
.oldlayout .checkouter .check .mat-checkbox-layout {
  width: 100%;
}
.oldlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container {
  margin-left: 0;
}
.oldlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border: 1px solid #8297a6;
  border-radius: 4px;
  background: #fff;
}
.oldlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple {
  display: none !important;
}
.oldlayout .checkouter .check .mat-checkbox-layout .mat-checkbox-label {
  width: calc(100% - 24px);
}
.oldlayout .checkouter .check.mat-checkbox-checked .mat-checkbox-background {
  background: #363636;
  border-radius: 4px;
}
.oldlayout .custom-slider.mat-slider-horizontal {
  width: 100%;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-ticks {
  background: none;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-wrapper {
  left: 0;
  right: 0;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 3px;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-background {
  height: 3px;
  background: #949494;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-fill {
  height: 3px;
  background: #363636;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-thumb-container .mat-slider-thumb {
  background-color: #363636;
}
.oldlayout .custom-slider.mat-slider-horizontal .mat-slider-thumb-container .mat-slider-thumb-label {
  background-color: #363636;
}
.oldlayout .clearfix::before {
  display: table;
  content: " ";
}
.oldlayout .clearfix::after {
  display: table;
  content: " ";
  clear: both;
}
.oldlayout flight-search.flightsearch-modify .search-container {
  padding-top: 15px;
}
.oldlayout flight-search.flightsearch-modify .search-container .thirdsection .outer .links {
  padding-bottom: 0 !important;
}
.oldlayout flight-search.flightsearch-modify .search-container .thirdsection .outer .links li:not(:last-child) {
  display: none;
}
.oldlayout flight-search.flightsearch-modify .search-container .thirdsection .recent-search.md {
  display: none !important;
}
.oldlayout flight-search.flightsearch-modify .search-container recent-search {
  display: none;
}
.oldlayout input.mat-input-element {
  box-shadow: inset 0 0 10px 10px #ffffff;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer {
  border: 0;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .sectorlink-wrapper .top {
  padding: 0 30px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .sectorlink-wrapper .top .close {
  display: none !important;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .heading {
  padding: 0 30px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .content {
  padding: 20px 30px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .change-plans {
  padding: 0 30px 15px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .padding-left-right {
  padding: 0 30px 20px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer .fare-summary-rules .box-outer {
  padding: 15px 30px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer app-flight-baggage .heading {
  padding: 15px 30px;
}
.oldlayout body .round-trip-flight-details-outer .flight-ow-details-outer app-flight-baggage .box-outer {
  padding: 15px 30px;
}
.oldlayout body .slide-panel-container .content-section app-essential-info-dialog h2 {
  padding: 0 30px;
}
.oldlayout body .slide-panel-container .content-section app-essential-info-dialog .login-outer {
  padding: 0 30px;
  border: 0;
  box-shadow: none;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer {
  border: 0;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer .sectorlink-wrapper .top {
  padding: 0 30px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer app-flight-overview .round-trip-flight-details .heading {
  padding: 0 30px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer app-flight-overview .round-trip-flight-details .content {
  padding: 20px 30px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer app-flight-overview .round-trip-flight-details .change-plans {
  padding: 0 30px 15px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer app-flight-overview .round-trip-flight-details .padding-left-right {
  padding: 0 30px 20px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer .fare-summary-rules .box-outer {
  padding: 15px 30px;
}
.oldlayout body .slide-panel-container .content-section app-flight-ow-details .round-trip-flight-details .flight-ow-details-outer .baggage-outer .box-outer {
  padding: 15px 30px;
}
.oldlayout body.welcome .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.78);
}
.oldlayout body .slide-panel-container .farerules {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 30px;
}
.oldlayout body .slide-panel-container .flight-ow-details-outer .farerules {
  border: 0;
  border-radius: 5px;
  margin: 0;
}
.oldlayout body .slide-panel-container .flight-ow-details-outer rountrip-baggage .farerules {
  margin: 0 15px;
}
.oldlayout body .slide-panel-container .flight-ow-details-outer rountrip-baggage .farerules .padding-left-right {
  padding: 10px 0 5px;
}
.oldlayout body mat-tooltip-component .mat-tooltip {
  background: rgba(0, 0, 0, 0.9);
  margin: 10px;
  font-size: 12px;
}
.oldlayout body.round-trip-sngle-slider .faretrends .slider-area li {
  padding: 10px 4px !important;
  min-width: 25% !important;
}
.oldlayout body.round-trip-sngle-slider .faretrends .round-trip-twobloacks .block {
  width: 50% !important;
}
.oldlayout body.domestic-round-trip .bottomFixed {
  bottom: 105px !important;
}
.oldlayout body.domestic-round-trip .floatinigbtnouter {
  bottom: 110px;
}
.oldlayout body.domestic-round-trip .animated-div.bottomSticky {
  bottom: 88px;
}
.oldlayout body.domestic-multi-city .floatinigbtnouter {
  bottom: 125px;
}
.oldlayout body.domestic-multicity .bottomFixed {
  bottom: 105px !important;
}
.oldlayout body.hotelTopFixedMenu .hotel-info {
  margin-top: 21px !important;
}
.oldlayout body.slider-opened-overflow {
  overflow: hidden !important;
  padding-right: 17px;
}
@supports (-ms-ime-align: auto) {
  .oldlayout body.slider-opened-overflow.slider-opened-overflow {
    padding-right: 12px !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .oldlayout body.slider-opened-overflow.slider-opened-overflow {
      padding-right: 0px !important;
    }
  }
}
.oldlayout body.slider-opened-overflow.hotelTopFixedMenu .hotel-sticky-tab ul {
  padding-right: 17px;
}
.oldlayout body.slider-opened-overflow .review-sticky-nav {
  padding-right: 17px;
}
.oldlayout body.slider-opened-overflow.domestic-round-trip .sticky-round-trip-data {
  padding-right: 17px !important;
}
.oldlayout body.slider-opened-overflow.dom-multicity-slider-open .sticky-multicity {
  padding-right: 17px !important;
}
.oldlayout body.slider-opened .slide-panel-container::before {
  animation: opacitychangesliderOpen 0.5s ease 0s 1 normal forwards !important;
  -webkit-animation: opacitychangesliderOpen 0.5s ease 0s 1 normal forwards !important;
}
.oldlayout body.slider-opened .slide-panel-container .content-section {
  animation: slidepanelOpen 0.5s ease-in-out 0s 1 both !important;
  -webkit-animation: slidepanelOpen 0.5s ease-in-out 0s 1 both !important;
}
.oldlayout body.seat-addon-selected .slide-panel-container .content-section {
  width: 950px !important;
}
.oldlayout body.seat-addon-selected .slide-panel-container .content-section .sticky-footer {
  max-width: 950px !important;
}
.oldlayout body.search-criteria-overlay .searchouter .overlay {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  background: #000000;
  opacity: 0.5;
  z-index: 10;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  animation: opacitychange 0.5s ease 0s 1 normal forwards;
  -webkit-animation: opacitychange 0.5s ease 0s 1 normal forwards;
}
.oldlayout body.commomn-header-top-sticky .fixedTopbar .common-header {
  top: 0;
}
.oldlayout body.commomn-header-remove-top .removeHeader .common-header {
  top: -100px;
}
.oldlayout body.hide-scroll-to-button .scroll-to-bottom {
  visibility: hidden;
}
.oldlayout body.customer-support-opened .floatinigbtnouter {
  width: 205px;
  overflow: visible;
}
.oldlayout body.customer-support-overlay::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
  width: 100%;
  position: fixed;
  top: 0;
  height: 100%;
}
.oldlayout body.customer-support-overlay .floatingbtn::after {
  color: #ffffff;
}
.oldlayout body.customer-support-overlay .expandingbtns {
  z-index: 999 !important;
}
.oldlayout body.customer-support-overlay .expandingbtns::after {
  color: #ffffff;
}
.oldlayout .mat-menu-item-highlighted:not([disabled]),
.oldlayout .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.oldlayout .mat-menu-item.cdk-program-focused:not([disabled]),
.oldlayout .mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.08);
}
.oldlayout .progress-loader {
  height: 5px;
  width: 100%;
  position: relative;
  background: #eee;
  position: relative;
  padding: 0;
}
.oldlayout .progress-loader span {
  display: block;
  height: 100%;
  background: #363636;
  position: relative;
}
.oldlayout .progress-loader span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.oldlayout .progress-loader span::before {
  width: 7px;
  content: "";
  height: 7px;
  border-radius: 50%;
  right: 0;
  background: #363636;
  z-index: 10;
  top: -1px;
  position: absolute;
  box-shadow: 0 0 2px 3px rgba(255, 0, 0, 0.6);
  animation-name: end-point-movement;
  -webkit-animation-name: end-point-movement;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@keyframes end-point-movement {
  from {
    left: 0%;
  }
  to {
    left: 100%;
  }
}
.oldlayout .chip-listing .mat-chip.mat-standard-chip .mat-ripple-element {
  display: none !important;
}
.oldlayout .slider-item:first-child flight-deals .item {
  margin-left: 0;
}
.oldlayout .slider-item:last-child flight-deals .item {
  margin-right: 0;
}
.oldlayout .addon-services-slider .sliderparent .nav {
  width: 36px !important;
  height: 36px !important;
  font-size: 16px !important;
  line-height: 9px !important;
}
.oldlayout .addon-services-slider .sliderparent .nav.prev {
  left: -26px !important;
  padding-left: 0 !important;
  text-align: center !important;
}
.oldlayout .addon-services-slider .sliderparent .nav.prev span {
  margin-left: -2px !important;
}
.oldlayout .addon-services-slider .sliderparent .nav.next {
  right: -27px !important;
  padding-right: 0 !important;
  text-align: center !important;
}
.oldlayout .addon-services-slider .sliderparent .nav.next span {
  margin-right: -2px !important;
}
.oldlayout .addon-services-slider .sliderparent .scrolldiv .slider-inner .slider-item {
  padding: 0 6px;
}
.oldlayout .addon-services-slider .sliderouter {
  margin: 4px 0 !important;
}
.oldlayout .addon-services-slider .sliderouter .slider-item {
  min-width: 25% !important;
  max-width: 25% !important;
  margin: 0 !important;
}
.oldlayout .mat-option .mat-option-text .ak-back {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  display: inline-block;
  padding: 0 5px;
}
.oldlayout .fare-rules .box.farerules {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.oldlayout .priority-checkin-section .mat-tab-header {
  overflow: visible;
}
.oldlayout .priority-checkin-section .mat-tab-label-container {
  overflow: visible;
  margin: 0 30px;
}
.oldlayout .priority-checkin-section .mat-tab-label-container .mat-ink-bar {
  display: none;
}
.oldlayout .priority-checkin-section .mat-tab-label-container .mat-tab-label {
  border: 1px solid #e3e3e3;
  border-bottom: 0px;
  margin-right: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  bottom: -1px;
  background: #fff;
  opacity: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.oldlayout .priority-checkin-section .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  border-bottom: 1px solid transparent;
}
.oldlayout .priority-checkin-section .mat-tab-label-container .mat-tab-label .mat-tab-label-content {
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.oldlayout .mat-flat-button.successbtn {
  background: #307d01;
  color: #ffffff;
}
.oldlayout .mat-stroked-button.blueborderbtn {
  color: #19478a;
  border-color: #19478a;
  text-transform: uppercase;
}
.oldlayout .traveller-accordion span.mat-expansion-indicator::after {
  margin-top: -3px;
}
.oldlayout .traveller-accordion .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 20px;
}
.oldlayout .Itinerary-accordion .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 15px 30px;
}
.oldlayout .fare-summery-outer span.mat-expansion-indicator::after {
  margin-top: -6px;
  color: #000000;
}
.oldlayout .fare-summery-outer .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 15px;
}
.oldlayout .bestvalue-check .check .mat-checkbox-layout .mat-checkbox-frame,
.oldlayout .share-check .check .mat-checkbox-layout .mat-checkbox-frame {
  animation: redbgfade 5s ease 0s 1 normal forwards;
  -webkit-animation: redbgfade 5s ease 0s 1 normal forwards;
}
@keyframes redbgfade {
  0% {
    border-color: #363636;
    box-shadow: 0 0 0px 1px #363636;
  }
  100% {
    border-color: #8297a6;
    box-shadow: 0 0 0px 1px transparent;
  }
}
.oldlayout .mat-form-field-flex {
  align-items: center;
}
.oldlayout .mat-expansion-indicator {
  display: none;
}
.oldlayout .mat-expansion-panel-header-title .material-icons {
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  position: absolute;
  left: -2px;
}
.oldlayout .mat-expanded .mat-expansion-panel-header-title .material-icons {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.oldlayout .mat-datepicker-toggle .mat-icon-button {
  position: relative;
  width: 20px !important;
  height: 20px !important;
  margin-top: 3px;
}
.oldlayout .mat-datepicker-toggle .mat-icon-button .mat-button-focus-overlay {
  display: none;
}
.oldlayout .mat-datepicker-toggle .mat-icon-button .mat-button-ripple {
  display: none;
}
.oldlayout .mat-datepicker-toggle .mat-icon-button::after {
  content: "\e911";
  font-family: "akbar" !important;
  font-size: 16px;
  color: #000000;
  position: absolute;
  left: 0;
  top: 9px;
  line-height: 0;
}
.oldlayout .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper {
  display: none;
}
.oldlayout .mat-calendar .mat-calendar-period-button {
  color: #363636;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.oldlayout .mat-calendar .mat-calendar-period-button .mat-button-focus-overlay {
  display: none;
}
.oldlayout .mat-calendar .mat-calendar-period-button .mat-button-ripple.mat-ripple {
  display: none;
}
.oldlayout .mat-calendar .mat-calendar-arrow {
  border-top-color: #000000;
}
.oldlayout .mat-calendar .mat-calendar-table-header {
  color: #000000;
}
.oldlayout .mat-calendar .mat-calendar-table-header th {
  font-weight: 700;
  font-size: 13px;
}
.oldlayout .mat-calendar .mat-calendar-table-header th.mat-calendar-table-header-divider {
  display: none;
}
.oldlayout .mat-calendar .mat-calendar-body-cell-content {
  border-radius: 0;
}
.oldlayout .mat-calendar .mat-calendar-body-selected {
  border: 0;
  background: #19478a;
  color: #ffffff;
}
.oldlayout .mat-select-value {
  color: #6d6c6c;
}
.oldlayout .payment-tab .mat-tab-header {
  border: 0;
  width: 192px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-header-pagination {
  display: none !important;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels {
  flex-direction: column;
  height: 100%;
  background: #f4f4f6;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  justify-content: flex-start;
  padding: 0 15px 0 50px;
  opacity: 1;
  border-bottom: 1px solid #e0dfdf;
  position: relative;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon {
  font-size: 23px;
  position: absolute;
  z-index: 5;
  left: 15px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-net-banking {
  font-size: 25px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-credit-card-emi {
  font-size: 31px;
  line-height: 19px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-upi {
  font-size: 31px;
  line-height: 20px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-wallet {
  font-size: 21px;
  line-height: 20px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-paypal {
  font-size: 19px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content span .icon.ak-phonepe {
  font-size: 29px;
  line-height: 21px;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  background: #ffffff;
  color: #363636;
}
.oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:last-child {
  border: 0;
}
.oldlayout .payment-tab .mat-tab-header .mat-ink-bar {
  display: none;
}
.oldlayout .payment-tab .mat-tab-body-wrapper {
  flex: 1;
}
.oldlayout .payment-tab .mat-tab-body-wrapper .mat-tab-body-content {
  padding: 10px 15px;
}
.oldlayout .payment-tab.gulf .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(2)::before {
  content: "\e994" !important;
}
.oldlayout .selectouter {
  position: relative;
}
.oldlayout .selectouter select.form-control {
  padding-right: 25px;
  appearance: none;
}
.oldlayout .selectouter .icon {
  position: absolute;
  z-index: 10;
  top: 4px;
  font-size: 27px;
  right: 9px;
  color: rgba(0, 0, 0, 0.54);
  pointer-events: none;
}
.oldlayout .passwordhideshow .ak-show {
  cursor: pointer;
  z-index: 50;
  color: #6d6c6c;
  position: relative;
  vertical-align: middle;
  font-size: 16px;
}
.oldlayout .passwordhideshow .ak-show:hover {
  color: #363636;
}
.oldlayout .passwordhideshow .ak-hide {
  cursor: pointer;
  z-index: 50;
  color: #6d6c6c;
  position: relative;
  vertical-align: middle;
  font-size: 16px;
}
.oldlayout .passwordhideshow .ak-hide:hover {
  color: #363636;
}
.oldlayout .passwordhideshow .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 6px;
}
.oldlayout body.overflow-hidden {
  max-height: 100vh;
  min-height: 100vh;
  height: 100vh;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  overflow: hidden !important;
}
.oldlayout body .search-criteria-outer .chip-listing .mat-chip-list-wrapper,
.oldlayout body .hotel-display .chip-listing .mat-chip-list-wrapper {
  margin: 0;
  padding: 0 15px;
}
.oldlayout body .slide-panel-container .segments-outer {
  margin-left: -30px;
  margin-right: -30px;
  border-radius: 0;
  box-shadow: none;
  border: 0;
  margin-top: -10px;
  padding: 10px 30px;
  margin-bottom: 0;
}
.oldlayout body .slide-panel-container .connections-outer {
  margin-left: -30px;
  margin-right: -30px;
}
.oldlayout body .slide-panel-container .connections-outer .heading {
  padding: 0 30px !important;
}
.oldlayout body .slide-panel-container footer {
  margin-left: -30px;
  margin-right: -30px;
  padding: 10px 30px 0;
}
.oldlayout body.hotelsearchopen {
  height: 100vh;
  padding-right: 17px;
}
.oldlayout body.hotelsearchopen header .right .btns-wrapper {
  position: relative;
}
.oldlayout body.hotelsearchopen header .right .btns-wrapper .modify-search.closeactive {
  position: absolute !important;
  right: -10px;
  top: 3px;
  color: #000 !important;
  font-weight: bold;
  font-size: 14px !important;
  width: 38px !important;
  height: 38px !important;
}
.oldlayout .roundtrip-farerules .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
.oldlayout .checkouter.ellispsis .check .mat-checkbox-layout .mat-checkbox-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oldlayout .fullwidth {
  width: 100%;
}
@keyframes opacitychangesliderOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes commomnHeaderOpen {
  0% {
    transform: translateY(-200%);
    -moz-transform: translateY(-200%);
  }
  100% {
    transform: translateY(0%);
    -moz-transform: translateY(0%);
  }
}
@keyframes commomnHeaderClose {
  0% {
    transform: translateY(0%);
    -moz-transform: translateY(0%);
  }
  100% {
    transform: translateY(-200%);
    -moz-transform: translateY(-200%);
  }
}
@keyframes slidepanelOpen {
  0% {
    visibility: hidden;
    transform: translateX(100%);
  }
  1% {
    visibility: visible;
    transform: translateX(100%);
  }
  100% {
    visibility: visible;
    transform: translateX(0);
  }
}
@keyframes opacitychange {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
.oldlayout .topfooter .mat-tab-body-wrapper .mat-tab-body.tab-body-active .mat-tab-body-content {
  transform: none !important;
}
.oldlayout .akbarloader {
  display: inline-block;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 50;
  width: 64px;
  height: 64px;
}
.oldlayout .akbarloader div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #363636;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.oldlayout .akbarloader div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.oldlayout .akbarloader div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.oldlayout .akbarloader div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.oldlayout .akbarloader div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.oldlayout .errortext {
  color: #363636;
  font-size: 11px;
  font-weight: 400;
}
.oldlayout body .cdk-global-overlay-wrapper .mat-snack-bar-container {
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  min-width: 0;
  padding: 15px 20px;
  font-weight: 500;
}
.oldlayout .itinerary-review .connections-outer .change-plans {
  padding: 0 30px 15px !important;
}
.oldlayout .error-style {
  border-left: 3px solid #d32f2f;
  padding: 5px 15px;
  width: 100%;
  margin: 15px 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.oldlayout .error-style .icon {
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #d32f2f;
}
.oldlayout .error-style p {
  font-size: 14px;
  color: #d32f2f;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  line-height: 15px;
}
.oldlayout .mat-progress-spinner circle,
.oldlayout .mat-spinner circle {
  stroke: #ffffff;
}
.oldlayout .sliderouter .slider-item * {
  pointer-events: all;
  border: none;
}
.oldlayout .loadingbtn {
  background: #b72828 !important;
  color: #ffffff !important;
}
.oldlayout .loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.oldlayout .loading-blue-bg {
  position: relative;
  background: #19478a !important;
  color: #ffffff !important;
}
.oldlayout .loading-blue-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.oldlayout .mat-flat-button.mat-primary.loadingbtn {
  background: #b72828 !important;
  color: #ffffff !important;
  position: relative;
}
.oldlayout .mat-flat-button.mat-primary.loadingbtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  z-index: 1;
  animation: move 2s linear infinite;
  -webkit-animation: move 2s linear infinite;
  overflow: hidden;
}
.oldlayout body .contact-tab {
  flex-direction: row;
}
.oldlayout body .contact-tab .mat-tab-header {
  border: 0;
  width: 240px;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels {
  flex-direction: column;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
  color: #525252;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  opacity: 1;
  justify-content: flex-start;
  padding: 0 15px 0 57px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin: 0 0 8px;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label::after {
  content: "\e917";
  font-family: "akbar" !important;
  color: #000000;
  position: absolute;
  right: 15px;
  top: 0;
  font-size: 11px;
  font-weight: bold;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label::before {
  content: "";
  font-family: "akbar" !important;
  font-size: 28px;
  position: absolute;
  z-index: 5;
  left: 15px;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(1)::before {
  content: "\e98e";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(2)::before {
  content: "\e96e";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(3)::before {
  content: "\e954";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(4)::before {
  content: "\e93e";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(5)::before {
  content: "\e98d";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(6)::before {
  content: "\e97c";
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #19478a;
  opacity: 1;
}
.oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active::before {
  background: -webkit-linear-gradient(#d92727, #19478a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.oldlayout body .contact-tab .mat-tab-header .mat-ink-bar {
  display: none;
}
.oldlayout body .contact-tab .mat-tab-body-wrapper {
  flex: 1;
  width: calc(100% - 240px);
  padding-left: 15px;
}
.oldlayout body .contact-tab .mat-tab-body-wrapper .mat-tab-body-content {
  padding: 0 0 0 10px;
}
.oldlayout body .contact-tab .mat-expansion-panel-body {
  padding: 30px;
  background: #f8f8f8;
}
.oldlayout body .support-tab {
  flex-direction: row;
}
.oldlayout body .support-tab .mat-tab-header {
  border: 0;
  width: 170px;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels {
  flex-direction: column;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
  color: #434242;
  font-size: 16px;
  font-weight: 500;
  opacity: 1;
  width: 150px;
  height: 110px;
  justify-content: flex-start;
  padding: 0 15px;
  position: relative;
  border-radius: 5px;
  margin: 0 0 15px;
  background: #f4f4f4;
  text-align: center;
  overflow: visible;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  width: 100%;
  text-align: center;
  padding-top: 58px;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-ripple-element {
  display: none;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label::after {
  content: "";
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #1a498e;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  position: absolute;
  opacity: 0;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label::before {
  content: "";
  font-family: "akbar" !important;
  font-size: 42px;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(1)::before {
  content: "\e992";
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(2)::before {
  content: "\e990";
  font-size: 47px;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(3)::before {
  content: "\e98f";
  font-size: 49px;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active {
  color: #ffffff;
  opacity: 1;
  background-image: linear-gradient(to top right, #2a67c0, #1a498e);
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active::before {
  color: #ffffff;
}
.oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label.mat-tab-label-active::after {
  opacity: 1;
}
.oldlayout body .support-tab .mat-tab-header .mat-ink-bar {
  display: none;
}
.oldlayout body .support-tab .mat-tab-body-wrapper {
  flex: 1;
  width: calc(100% - 170px);
}
.oldlayout body .support-tab .mat-tab-body-wrapper .mat-tab-body-content {
  padding: 0 15px;
  min-height: 440px;
}
.oldlayout body .support-tab .mat-expansion-panel-body {
  padding: 30px;
  background: #f8f8f8;
}
.oldlayout body textarea.mat-input-element {
  resize: none;
  height: 110px;
}
.oldlayout body .mediumtextarea textarea.mat-input-element {
  resize: none;
  height: 55px;
}
.oldlayout .redstar {
  color: #363636;
}
.oldlayout .myprofile .myaccount-header-section {
  height: 111px;
}
.oldlayout .mybookingswrapper .myaccount-header-section {
  height: 111px;
}
.oldlayout .cdk-overlay-pane {
  max-width: 1000px !important;
}
.oldlayout .travel-stories-slider .sliderparent .nav {
  width: 50px;
  height: 50px;
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  font-size: 19px;
  line-height: 53px;
}
.oldlayout .travel-stories-slider .sliderparent .nav.prev {
  left: -25px;
  text-align: left;
  padding-left: 5px;
}
.oldlayout .travel-stories-slider .sliderparent .nav.next {
  right: -25px;
  text-align: right;
  padding-right: 5px;
}
.oldlayout .exclusive-deals-wrapper .sliderparent .nav {
  width: 25px !important;
  height: 25px !important;
  font-size: 12px !important;
  line-height: 25px !important;
  transform: none;
  -moz-transform: none;
}
.oldlayout .exclusive-deals-wrapper .sliderparent .nav.prev {
  text-align: center !important;
  right: 31px !important;
  top: -41px;
  left: auto !important;
  padding: 1px 2px 0 0 !important;
}
.oldlayout .exclusive-deals-wrapper .sliderparent .nav.next {
  text-align: center !important;
  right: 0 !important;
  top: -41px;
  padding: 1px 0 0 2px !important;
}
.oldlayout .exclusive-deals-wrapper .sliderparent .sliderouter .slider-item {
  width: 380px;
  max-width: 380px;
  min-width: 380px;
}
.oldlayout .popular-destinations-outer .homelisting {
  padding-bottom: 10px;
}
.oldlayout .popular-destinations-outer .homelisting .onlydestination {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 20px;
  border: 1px solid rgba(156, 170, 179, 0.28);
  position: relative;
  margin-top: -100px;
  width: 100%;
}
.oldlayout .popular-destinations-outer .homelisting .onlydestination .link.dealssection {
  margin-right: 0;
}
.oldlayout .travelstories-wrap .homelisting {
  padding-bottom: 10px;
}
.oldlayout .travelstories-wrap .homelisting .onlydestination .link {
  display: none;
}
.oldlayout .hotel-moredetails-modal p p {
  margin: 10px 0;
}
.oldlayout .cancel-policy-dialogue .mat-list-base {
  padding: 0;
}
.oldlayout .cancel-policy-dialogue .mat-list-base .mat-list-item .mat-list-item-content {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  color: #363636;
}
.oldlayout.gallery-opened .cdk-overlay-pane {
  max-width: 100% !important;
  min-height: 100% !important;
}
.oldlayout.gallery-opened .cdk-overlay-pane .mat-dialog-container {
  padding: 0px;
  margin: 0px;
  background: transparent !important;
}
.oldlayout body.mapview-opened .search-criteria {
  margin: 10px 0 15px;
}
.oldlayout body.mapview-opened .search-container {
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.oldlayout body.mapview-opened .widthchange.container.min-width1000 {
  max-width: 100%;
  padding: 0 30px;
}
.oldlayout body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .left {
  width: 280px;
}
.oldlayout body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .right {
  width: calc(100% - 280px);
  height: calc(100vh - 185px);
  min-height: 0 !important;
}
.oldlayout body.mapview-opened .filter .white-bg {
  height: calc(100vh - 185px);
  overflow: hidden;
  overflow-y: auto;
  width: 280px;
  padding-top: 40px !important;
}
.oldlayout body.mapview-opened .filter .white-bg .reset-all {
  top: 10px !important;
}
.oldlayout body.mapview-opened .hotel-itinerary .wrapper .content .left .no-results-found {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.oldlayout body.mapview-opened .hotel-itinerary .wrapper .content .left .no-results-found .leftside span {
  font-size: 19px !important;
  font-weight: bold;
}
.oldlayout body.mapview-opened .hotel-itinerary .wrapper .content .left .no-results-found .rightside h3 span {
  font-size: 14px !important;
}
.oldlayout body.mapview-opened .hotel-itinerary .wrapper .content .left .no-results-found .rightside h3 span.hide {
  display: none !important;
}
.oldlayout .gm-style .gm-style-iw-c {
  max-height: none !important;
}
.oldlayout .gm-style .gm-style-iw-c button.gm-ui-hover-effect[title=Close] {
  right: 0 !important;
  top: 0 !important;
}
.oldlayout .gm-style .gm-style-iw-c .gm-style-iw-d {
  max-height: none !important;
}
.oldlayout .mobilemap .gm-style .gm-style-iw {
  border-radius: 4px;
  padding: 5px 0 2px 10px;
  height: 29px;
}
.oldlayout .mobilemap .gm-style .gm-style-iw button.gm-ui-hover-effect {
  display: none !important;
}
.oldlayout .mobilemap .gm-style .gm-style-iw .gm-style-iw-d {
  margin-right: -8px;
}
.oldlayout .hotel-deals-row .homelisting .container .onlydestination {
  width: 70%;
}
.oldlayout .hotel-deals-row .homelisting .container .onlydestination .headingblock .linkswith-heading {
  display: none !important;
}
.oldlayout .hotel-deals-row .homelisting .container .quick-links {
  display: block;
}
@media screen and (max-width: 1400px) {
  .oldlayout body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .left {
    width: 0;
  }
  .oldlayout body.mapview-opened .widthchange.container.min-width1000 .hotel-display-wrapper > .right {
    width: 100%;
    padding-left: 0;
  }
  .oldlayout body.mapview-opened .filter .white-bg {
    display: none;
    position: absolute;
    top: 0;
    left: -500px;
    z-index: 15;
    opacity: 0;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
  }
  .oldlayout body.mapview-opened.showFilter .filter .white-bg {
    display: block;
    left: 0;
    opacity: 1;
  }
}
@media (max-width: 1360px) {
  .oldlayout .exclusive-deals-wrapper .sliderparent .nav {
    z-index: 0 !important;
  }
  .oldlayout .exclusive-deals-wrapper .sliderparent .nav.prev {
    opacity: 1 !important;
  }
  .oldlayout .exclusive-deals-wrapper .sliderparent .nav.next {
    opacity: 1 !important;
  }
  .oldlayout .stories .sliderparent {
    width: 100%;
    position: relative;
  }
  .oldlayout .stories .sliderparent .nav {
    z-index: 50;
  }
  .oldlayout .stories .sliderparent .nav.prev {
    left: -15px;
    text-align: center;
    padding-left: 0;
    opacity: 0.3;
  }
  .oldlayout .stories .sliderparent .nav.prev:hover {
    left: -15px;
    opacity: 1;
  }
  .oldlayout .stories .sliderparent .nav.next {
    right: -15px;
    text-align: center;
    padding-right: 0;
    opacity: 0.3;
  }
  .oldlayout .stories .sliderparent .nav.next:hover {
    right: -15px;
    opacity: 1;
  }
}
@media screen and (max-width: 1000px) {
  .oldlayout body.body-min-width {
    min-width: 950px;
    overflow-x: auto;
  }
  .oldlayout .hotel-deals-row .homelisting .container .onlydestination {
    width: 100%;
  }
  .oldlayout .hotel-deals-row .homelisting .container .quick-links {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) and (min-width: 959px) {
  .oldlayout .homeheader .chip-listing .mat-chip-list-wrapper {
    padding: 0 0 10px;
  }
  .oldlayout flight-search.flightsearch-modify .thirdsection {
    padding-top: 10px;
  }
  .oldlayout flight-search.flightsearch-modify .thirdsection .outer .links {
    padding: 0;
  }
}
@media screen and (max-width: 959px) {
  .oldlayout .exclusive-deals-wrapper .sliderparent .nav.prev {
    top: -33px;
  }
  .oldlayout .exclusive-deals-wrapper .sliderparent .nav.next {
    top: -33px;
  }
  .oldlayout .search-container .firstbox .mat-radio-group {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin: 0 auto;
    max-width: 480px;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button .mat-radio-label {
    margin: 0;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container {
    display: none;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    padding: 0 7px;
    font-size: 14px;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label {
    background: #363636;
    color: #ffffff;
    animation: radiocolorchange 1s ease-in 0s 1 normal forwards;
    -webkit-animation: radiocolorchange 1s ease-in 0s 1 normal forwards;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    border-color: transparent;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
    transform: scale(1);
    -moz-transform: scale(1);
  }
  .oldlayout .heading-one {
    font-size: 22px;
  }
  .oldlayout flight-search.flightsearch-modify .thirdsection {
    justify-content: flex-end !important;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .oldlayout app-calendar.calendarpopup .calendarOuter {
    width: 425px !important;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter .monthouter {
    width: 100% !important;
    flex-direction: column !important;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter .monthouter .month {
    width: 100% !important;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter .monthouter .month:first-child {
    border-right: 0 !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter {
    width: 425px !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter .monthouter {
    width: 100% !important;
    flex-direction: column !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter .monthouter .month {
    width: 100% !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter .monthouter .month:first-child {
    border-right: 0 !important;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1290px) {
  .oldlayout .passwordhideshow .mat-form-field-appearance-outline .mat-form-field-suffix {
    top: 3px;
  }
  .oldlayout .mat-radio-group .mat-radio-button .mat-radio-label {
    margin: 0 30px 0 0;
    padding: 3px 7px;
  }
  .oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container {
    width: 15px;
    height: 15px;
  }
  .oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
    width: 15px;
    height: 15px;
  }
  .oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
    width: 15px;
    height: 15px;
  }
  .oldlayout .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    font-size: 13px;
  }
  .oldlayout .search-container .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    font-size: 15px;
  }
  .oldlayout .thirdsection .mat-checkbox .mat-checkbox-layout {
    font-size: 12px;
  }
  .oldlayout .thirdsection .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame {
    width: 15px;
    height: 15px;
  }
  .oldlayout .mat-checkbox-inner-container {
    margin-right: 4px;
  }
  .oldlayout .heading-one {
    font-size: 29px !important;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field {
    height: 38px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
    height: 38px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
    font-size: 14px;
    padding-top: 6px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
    top: 20px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
    top: 28px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field.small {
    font-size: 13px;
    height: 34px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field.small .mat-form-field-wrapper .mat-form-field-outline {
    height: 34px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field.small .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
    top: 17px;
  }
  .oldlayout .mat-form-field-appearance-outline.mat-form-field.small.not-floating .mat-form-field-wrapper .mat-form-field-infix .mat-form-field-label {
    font-size: 13px;
  }
  .oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label {
    font-size: 15px;
    padding-right: 60px;
  }
  .oldlayout .topfooter .mat-tab-group .mat-tab-header .mat-tab-label .mat-tab-label-content::after {
    font-size: 11px;
  }
  .oldlayout .topfooter .mat-tab-group .mat-tab-body-wrapper {
    padding: 30px 0;
  }
  .oldlayout .payment-tab .mat-tab-header {
    width: 185px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
    font-size: 13px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label::before {
    font-size: 20px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(3)::before {
    font-size: 22px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(4)::before {
    font-size: 28px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(6)::before {
    font-size: 28px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(7)::before {
    font-size: 16px;
  }
  .oldlayout .payment-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(8)::before {
    font-size: 26px;
  }
  .oldlayout .payment-tab .mat-tab-body-wrapper .mat-tab-body-content {
    padding: 7px 12px;
  }
  .oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
    font-size: 13px;
  }
  .oldlayout body .contact-tab .mat-tab-header .mat-tab-labels .mat-tab-label::before {
    font-size: 25px;
  }
  .oldlayout body .contact-tab .mat-expansion-panel-body {
    padding: 20px 30px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label {
    font-size: 14px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label .mat-tab-label-content {
    width: 100%;
    text-align: center;
    padding-top: 58px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label::before {
    font-size: 39px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(2)::before {
    font-size: 44px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-tab-labels .mat-tab-label:nth-child(3)::before {
    font-size: 46px;
  }
  .oldlayout body .support-tab .mat-tab-header .mat-ink-bar {
    display: none;
  }
}
.oldlayout .viewcancellation-wrapper .myaccount-header-section {
  height: 111px;
}
.oldlayout .promocodes .sliderparent .nav {
  top: -19px !important;
  width: 26px !important;
  height: 26px !important;
  font-size: 13px !important;
  line-height: 12px !important;
}
.oldlayout .promocodes .sliderparent .nav.active {
  background: #002543 !important;
}
.oldlayout .promocodes .sliderparent .nav.prev {
  right: 33px !important;
  text-align: center !important;
  left: auto !important;
  padding-left: 0 !important;
}
.oldlayout .promocodes .sliderparent .nav.next {
  right: 0px !important;
  text-align: center !important;
  padding-right: 0 !important;
}
.oldlayout .promocodes .sliderparent .nav img {
  cursor: pointer;
}
.oldlayout .promocodes .sliderouter .slider-item {
  width: 100% !important;
  min-width: 100% !important;
  padding: 0 15px !important;
}
.oldlayout .shortlistedPanelOpen .slide-panel-container .content-section {
  width: calc(100% - 50px) !important;
  max-width: 1350px;
}
.oldlayout .room-shortlistedPanelOpen .slide-panel-container .content-section {
  max-width: 600px;
}
.oldlayout .custom-gallery-panel-class mat-dialog-container {
  overflow-y: hidden;
}
.oldlayout iframe#tidio-chat-iframe {
  left: 0 !important;
}
.oldlayout .cdk-global-scrollblock {
  position: relative;
  top: 0 !important;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mdc-radio {
  padding: 0;
  width: 18px;
  height: 18px;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  top: 0;
  right: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mdc-radio .mdc-radio__background {
  width: 18px;
  height: 18px;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mdc-radio .mdc-radio__outer-circle {
  border: 1px solid #bfbfbf !important;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #d32f2f;
  top: -1px;
  left: -1px;
}
.oldlayout .b2b-payment .mat-mdc-radio-button .mat-radio-ripple {
  display: none;
}
.oldlayout .b2b-payment .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  display: none;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button {
  background: #ffffff;
  margin: 0 18px 0 0;
  border: 1px solid #e4e2e2;
  padding: 3px 5px;
  border-radius: 5px;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked {
  border: 1px solid #1f4687;
  background: #1f4687;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field label {
  color: #fff;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background: none;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mat-radio-ripple {
  display: none;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio {
  padding: 0 !important;
  height: 15px;
  width: 15px;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  height: 15px;
  width: 15px;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border: none;
  top: -6px;
  left: -6px;
  position: relative;
  width: 27px;
  height: 27px;
  background: #fff;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 12px;
  border-bottom: 2px solid #1f4687;
  border-right: 2px solid #1f4687;
  transform: rotate(45deg);
  top: 5px;
  left: 10px;
  z-index: 1;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__background {
  height: 15px;
  width: 15px;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px !important;
  border-color: #e4e2e2;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  margin: 0;
  transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  text-transform: uppercase;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field label {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mat-radio-label-content {
  padding: 0 0 0 3px;
  font-size: 13px;
  font-weight: 500;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mat-radio-container {
  width: 15px;
  height: 15px;
  display: block;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mat-radio-container .mat-radio-outer-circle {
  width: 15px;
  height: 15px;
  border: 1px solid #e4e2e2;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: #ffffff;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mat-radio-container .mat-radio-ripple {
  display: none;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label {
  border: 1px solid #1f4687;
  border-radius: 5px;
  background: #1f4687;
  text-transform: uppercase;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-label-content {
  color: #ffffff;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border-color: transparent;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  width: 15px;
  height: 15px;
  background: #ffffff;
  position: relative;
}
.oldlayout .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button.mat-radio-checked .mat-radio-label .mat-radio-container .mat-radio-inner-circle::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 8px;
  border-bottom: 2px solid #1f4687;
  border-right: 2px solid #1f4687;
  transform: rotate(45deg);
  top: 2px;
  left: 5px;
}
.oldlayout .search-mobile-container .thirdsection .recent-search div .mat-checkbox-layout .mat-checkbox-label {
  padding-right: 10px;
}
@media screen and (max-width: 480px) {
  .oldlayout .destinationlist.mat-list-base .destination.mat-list-item .mat-list-item-content {
    align-items: flex-start;
  }
  .oldlayout .search-container .firstbox .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    padding: 0 5px;
    font-size: 13px;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter {
    width: 320px !important;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter .tab-style li {
    padding: 0 8px;
  }
  .oldlayout app-calendar.calendarpopup .calendarOuter .tab-style li a.btn-style {
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 0 10px !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter {
    width: 320px !important;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter .tab-style li {
    padding: 0 8px;
  }
  .oldlayout home-calendar.homeCalendarpos .calendarOuter .tab-style li a.btn-style {
    font-size: 11px !important;
    font-weight: normal !important;
    padding: 0 10px !important;
  }
  .oldlayout .travellersouter.mobile-traveller .radio-options.bluestyle .mat-radio-button {
    margin-right: 5px;
  }
  .oldlayout .travellersouter.mobile-traveller .radio-options.bluestyle .mat-radio-button .mat-radio-label {
    border-radius: 5px;
  }
}
@media screen and (max-width: 360px) {
  .oldlayout .search-mobile-container .mobile-firstbox .mat-radio-group .mat-radio-button {
    margin: 0 8px 0 0;
  }
  .oldlayout .search-mobile-container .mobile-firstbox .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    font-size: 11px;
  }
  .oldlayout .search-mobile-container .thirdsection .recent-search div .mat-checkbox-layout .mat-checkbox-label {
    padding-right: 6px;
    font-size: 11px;
  }
}
@media screen and (max-width: 1000px) {
  .oldlayout .hidecommonHeader .common-header {
    display: none;
  }
}
.oldlayout .mat-mdc-form-field .mat-form-field-underline {
  background: #777;
}
.oldlayout .mat-mdc-form-field.mobile {
  width: 100%;
}
.oldlayout .mat-mdc-form-field.mobile .mdc-text-field {
  padding: 0 2px;
}
.oldlayout .mat-mdc-form-field.mobile .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #777 !important;
}
.oldlayout .mat-mdc-form-field.mobile .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #777 !important;
}
.oldlayout .mat-mdc-form-field.mobile .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: #fff !important;
}
.oldlayout .mat-mdc-form-field.mobile .mat-mdc-form-field-focus-overlay {
  background: #fff !important;
}
.oldlayout .mat-mdc-form-field.mobile .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block !important;
  font-size: 13px !important;
  color: #000;
}
.oldlayout .mat-mdc-form-field.mobile .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 0;
  line-height: 36px;
  font-size: 13px !important;
  font-weight: 500;
}
.oldlayout .mat-mdc-form-field.mobile.mobile-num .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {
  left: 88px;
}
.oldlayout .mat-mdc-form-field.mobile.mobile-num.mat-form-field-should-float .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  transform: none;
  -moz-transform: none;
  width: auto;
  font-size: 13px !important;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex {
  height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 100%;
  border: 0;
  padding: 0;
  color: #363636;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea.mat-input-element {
  height: 90px;
  resize: none;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {
  overflow: visible;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  color: #363636;
  font-size: 13px;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select {
  font-size: 13px;
  font-weight: 500;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-value {
  color: #000;
}
.oldlayout .mat-mdc-form-field.mobile .mat-form-field-ripple {
  background: #525252;
}
.oldlayout .mat-mdc-form-field.mobile.mat-form-field-should-float .mat-form-field-label {
  font-size: 15px !important;
}
.oldlayout .mat-mdc-form-field.mobile.mat-form-field-invalid .mat-form-field-ripple {
  background-color: #d32f2f;
}
.oldlayout .mat-mdc-form-field.mobile-deals .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.oldlayout .mat-mdc-form-field.mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 74px;
}
.oldlayout .mat-mdc-form-field.mobile-deals .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
  display: none;
}
.oldlayout .offers .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element {
  box-shadow: none;
  font-size: 14px;
  color: #525252;
}
.oldlayout .offers .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  font-size: 14px;
}
.oldlayout .offers .mat-mdc-form-field.mobile .mat-form-field-underline {
  display: none;
}
.oldlayout .without-farecalendar .booknow-wrapper {
  margin-top: -10px !important;
  padding-top: 10px !important;
}
.oldlayout .without-farecalendar .overflow-hidden.roundtripfilter {
  padding: 13px 10px 10px !important;
  margin: -10px -10px 0 !important;
}
@media screen and (max-width: 340px) {
  .oldlayout .radio-options.no-background .mat-radio-button .mat-radio-label {
    font-size: 12px;
    color: #000000;
  }
}
.oldlayout .overflowhidden {
  overflow: hidden;
}
.oldlayout .reverse.checkouter .check .mat-checkbox-layout {
  display: flex;
  flex-direction: row-reverse;
  text-transform: capitalize;
}
.oldlayout .wzrk-alert {
  font-family: "Roboto", sans-serif !important;
  padding: 15px !important;
}
.oldlayout .wzrk-alert-heading {
  color: #002543 !important;
  font-size: 18px !important;
}
.oldlayout .wzrk-alert-body {
  color: #525252 !important;
}
.oldlayout .wzrk-powered {
  display: none !important;
}
.oldlayout .wzrk-button-container button {
  font-weight: 500 !important;
  margin: 5px 7px !important;
  color: #777 !important;
}
.oldlayout .wzrk-alert button:active {
  background: #dbdbdb !important;
}
.oldlayout .wzrk-button-container button#wzrk-confirm {
  background: #307d01 !important;
  color: #fff !important;
}
.oldlayout .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.oldlayout .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.oldlayout .hotel-search .full .nationality .mat-mdc-form-field.mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-label {
  z-index: -1;
}
.oldlayout .mat-mdc-form-field-subscript-wrapper {
  z-index: 1;
  white-space: normal;
}
.oldlayout .mat-menu-is-opened {
  overflow: hidden;
  margin-right: 17px;
}
.oldlayout .mat-menu-is-opened .fixedTopbar .common-header {
  transition: none !important;
  padding-right: 17px;
}
.oldlayout .mat-menu-is-opened .hotel-sticky-tab.topFixed {
  transition: none !important;
}
.oldlayout .mat-menu-is-opened .hotel-sticky-tab.topFixed ul {
  padding-right: 17px !important;
}
.oldlayout .transition-none .common-header {
  transition: none !important;
}
.oldlayout .transition-none .hotel-sticky-tab ul {
  transition: none !important;
}
@supports (-ms-ime-align: auto) {
  .oldlayout .mat-menu-is-opened {
    margin-right: 12px !important;
  }
  .oldlayout .mat-menu-is-opened .fixedTopbar .common-header {
    padding-right: 12px !important;
  }
  .oldlayout .mat-menu-is-opened .hotel-sticky-tab.topFixed ul {
    padding-right: 12px !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .oldlayout .mat-menu-is-opened {
      margin-right: 0px !important;
    }
    .oldlayout .mat-menu-is-opened .fixedTopbar .common-header {
      padding-right: 0px !important;
    }
    .oldlayout .mat-menu-is-opened .hotel-sticky-tab.topFixed ul {
      padding-right: 0px !important;
    }
  }
}
.oldlayout .creditemi .mat-radio-button {
  width: 100%;
}
.oldlayout .creditemi .mat-radio-button .mat-radio-label-content {
  width: 100%;
}
.oldlayout .creditemi label {
  display: flex;
  flex-direction: row-reverse;
}
.oldlayout .popular-bank .mat-radio-button {
  width: 100%;
}
.oldlayout .popular-bank .mat-radio-button .mat-radio-label-content {
  width: 100%;
}
.oldlayout .popular-bank label {
  display: flex;
  flex-direction: row-reverse;
}
.oldlayout .bank-list .mat-radio-button {
  width: 100%;
}
.oldlayout .bank-list .mat-radio-button .mat-radio-label-content {
  width: 100%;
}
.oldlayout .bank-list label {
  display: flex;
  flex-direction: row-reverse;
}
.oldlayout .wallet-details .mat-radio-button {
  width: 100%;
}
.oldlayout .wallet-details .mat-radio-button .mat-radio-label-content {
  width: 100%;
}
.oldlayout .wallet-details label {
  display: flex;
  flex-direction: row-reverse;
}
.oldlayout .paypal-matradio .mat-radio-button {
  width: 100%;
}
.oldlayout .paypal-matradio .mat-radio-button .mat-radio-label-content {
  width: 100%;
  white-space: normal;
}
.oldlayout .paypal-matradio label {
  display: flex;
  flex-direction: row-reverse;
}
.oldlayout button.mat-flat-button {
  transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
}
.oldlayout .mat-radio-group .mat-radio-button.radio-width .mat-radio-label {
  width: 100%;
}
.oldlayout .mat-radio-group .mat-radio-button.radio-width .mat-radio-label .mat-radio-container {
  width: 30px;
}
.oldlayout .mat-radio-group .mat-radio-button.radio-width .mat-radio-label .mat-radio-label-content {
  width: calc(100% - 30px);
  padding-left: 0;
}
.oldlayout .mat-radio-group .mat-radio-button.radio-width .mat-radio-label .mat-radio-label-content .interest-table {
  width: 100%;
}
.oldlayout .mat-radio-group .mat-radio-button.radio-width .mat-radio-label .mat-radio-label-content .interest-table li {
  width: 25%;
}
.oldlayout deals .slider-inner {
  min-height: 250px;
  max-height: 250px;
  height: 250px;
}
.oldlayout mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d32f2f !important;
}
@media (max-width: 1000px) {
  .oldlayout .wzrk-alert button:active {
    background: #363636 !important;
  }
  .oldlayout .wzrk-button-container button#wzrk-confirm {
    background: #307d01 !important;
  }
}
@media screen and (max-width: 1130px) {
  .oldlayout .desktop-deals .linkswith-heading mat-chip.mat-standard-chip {
    margin-right: 16px !important;
  }
  .oldlayout .desktop-deals .linkswith-heading mat-chip.mat-standard-chip .labels {
    font-size: 11px !important;
  }
}
.oldlayout .mat-form-field-invalid .mat-error {
  opacity: 1 !important;
  white-space: normal !important;
}
@media screen and (max-width: 380px) {
  .oldlayout .modalcontent .search-mobile-container .mobile-firstbox .mat-radio-group .mat-radio-button:not(:last-child) {
    margin-right: 4px;
  }
  .oldlayout .modalcontent .search-mobile-container .mobile-firstbox .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
    font-size: 11px;
  }
}
.oldlayout mat-form-field.validCaptchaLabel .mat-form-field-label {
  color: #525252 !important;
}
.oldlayout .validCaptchaLabel .mat-form-field-ripple {
  background: #525252 !important;
}
.oldlayout .mat-input-element::-webkit-inner-spin-button {
  width: 15px;
}
.oldlayout .qatar-acc .mat-expansion-panel-body {
  padding: 10px 10px 10px 33px;
  color: #363636;
  font-size: 15px;
}
.oldlayout .ac-accordion .mat-expansion-panel-body {
  padding: 25px;
  color: #363636;
  font-size: 16px;
  background: #f6f6f6;
  line-height: 25px;
}
.oldlayout .tab-section {
  position: relative;
  overflow: hidden;
}
.oldlayout .tab-section .mat-tab-body-wrapper {
  align-items: stretch;
}
.oldlayout .tab-section .mat-tab-header {
  padding: 7px 5px 0;
  margin: 0 -5px;
  border: 0;
  position: relative;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container {
  box-shadow: 0 -1px 18px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px 5px 0 0;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
  height: 120px;
  opacity: 1;
  width: 33.333%;
  min-width: 310px;
  border-right: 1px solid #e5e2e2;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .mat-tab-label-content {
  flex-wrap: wrap;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label:last-child {
  border: 0;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ed1424;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img div {
  background: url(/assets/images/academy-sprites.png) no-repeat;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img div.one {
  width: 25px;
  height: 24px;
  background-position: -370px -124px;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img div.two {
  width: 31px;
  height: 28px;
  background-position: -445px -121px;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img div.three {
  width: 25px;
  height: 24px;
  background-position: -407px -125px;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label p {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 500;
  margin-top: 7px;
}
.oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-ink-bar {
  background-color: #ed1424;
  height: 6px;
}
@media screen and (max-width: 800px) {
  .oldlayout .qatar-acc .mat-expansion-panel-body {
    padding: 10px 10px 10px 25px;
    font-size: 13px;
    line-height: 20px;
  }
  .oldlayout .ac-accordion .mat-expansion-panel-body {
    font-size: 13px;
    padding: 15px 25px;
  }
  .oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label {
    height: 80px;
    min-width: 0;
    width: auto;
    padding: 0 20px;
  }
  .oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img {
    width: 30px;
    height: 30px;
  }
  .oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label .img div {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
  }
  .oldlayout .tab-section .mat-tab-header .mat-tab-label-container .mat-tab-list .mat-tab-labels .mat-tab-label p {
    font-size: 13px;
  }
}
.oldlayout .mat-form-field-appearance-outline.mobile-num {
  margin-bottom: 11px;
}
.oldlayout .mat-form-field-appearance-outline.mobile-num .mat-form-field-wrapper .mat-form-field-flex {
  height: 38px;
  padding: 0;
}
.oldlayout .mat-form-field-appearance-outline.mobile-num .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  height: 38px;
  border-bottom: 1px solid #777;
  border-radius: 0;
}
.oldlayout .mat-form-field-appearance-outline.mobile-num .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline * {
  display: none;
}
.oldlayout .mobile .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .iti {
  z-index: 1 !important;
}
.oldlayout .block .mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .iti {
  z-index: 999;
}
.oldlayout .width-big .iti {
  z-index: 999 !important;
}
.oldlayout .mat-form-field-appearance-outline.mobile-num .mat-form-field-infix {
  z-index: 0 !important;
}
.oldlayout .phone-field .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-outline {
  height: 35px;
}
.oldlayout .branded-fare-dialog .mat-dialog-container {
  min-width: 100vw !important;
  margin: 30px 0 0;
}
.oldlayout .branded-fare {
  height: 100vh;
  overflow-y: hidden !important;
}
.oldlayout .branded-fare .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.oldlayout .branded-fare .cdk-overlay-pane {
  max-width: 100vw !important;
  margin: 94px 0 0;
}
.oldlayout .br-card .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-outer-circle {
  border: 1px solid #bfbfbf;
}
.oldlayout .br-card .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  background: #363636;
}
.oldlayout .br-card .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-ripple {
  display: none;
}
.oldlayout b2bplus-umrah-uae .outer {
  padding-top: 60px;
}
.oldlayout b2bplus-cruise-uae .outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-uae .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-uk .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-bahrain .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-kenya .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-oman .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-qatar .visa-home-outer {
  padding-top: 60px;
}
.oldlayout b2bplus-visa-details .visa-home-outer {
  padding-top: 60px;
}
.oldlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border: 1px solid #8297a6 !important;
  border-radius: 4px !important;
  background: #fff !important;
}
.oldlayout .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-radius: 4px !important;
}
.oldlayout .mdc-checkbox .mdc-checkbox__native-control {
  width: 16px !important;
  height: 16px !important;
}
.oldlayout .b2b-payment .accordion-style .headersection .checkouter .check {
  margin-bottom: 0px;
}
.oldlayout .cdk-overlay-transparent-backdrop {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.oldlayout .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.5;
  background: #000000;
}
.oldlayout .cdk-overlay-pane .mat-dialog-container {
  overflow-x: hidden;
  height: auto;
  margin: 30px 10px;
}
.oldlayout .mat-autocomplete-panel.mat-autocomplete-visible {
  min-width: 180px;
}
.oldlayout .mat-autocomplete-panel.mat-autocomplete-visible .mat-option {
  height: 35px;
  line-height: 35px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  padding: 0 15px;
}
.oldlayout .mat-autocomplete-panel.mat-autocomplete-visible .mat-option:hover:not(.mat-option-disabled) {
  background: #f1f7ff;
  color: #002543;
}
.oldlayout .cdk-overlay-container {
  z-index: 1010 !important;
}
.oldlayout .contact-details .ccode .mat-form-field-appearance-outline.mat-form-field .mat-form-field-wrapper .mat-form-field-infix {
  padding: 4px 0;
}
.oldlayout .contact-details .ccode .iti__flag-container {
  height: 34px;
  margin-top: -8px;
  margin-left: -11px;
}
.oldlayout .contact-details .iti--separate-dial-code .iti__selected-flag {
  padding: 5px 9px !important;
}
.oldlayout .contact-details .iti__country {
  padding: 5px 10px !important;
}
.oldlayout .contact-details .iti__country .iti__flag-box {
  margin-right: 5px !important;
}
.oldlayout .contact-details .iti__country .iti__country-name {
  margin-right: 5px !important;
}
.oldlayout .contact-details .iti__dropdown-content {
  width: 300px !important;
}
.oldlayout .contact-details .iti__dropdown-content .iti__search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
}
.oldlayout .contact-details .iti__dropdown-content .iti__country-list {
  width: 300px;
}
.oldlayout .rules-box .mat-tab-label-container {
  width: 100%;
  background: #fff !important;
  border-radius: 4px;
}
.oldlayout .rules-box .mat-tab-label {
  min-width: 112px !important;
  padding: 0 !important;
  margin: 0 10px;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
}
.oldlayout .rules-box .mat-tab-label.mat-tab-label-active {
  min-width: 112px !important;
  padding: 0 !important;
  margin: 0 10px;
  color: #d32f2f !important;
}
.oldlayout .rules-box .mat-ink-bar {
  background-color: #d32f2f !important;
  height: 4px !important;
}
.oldlayout .rules-box .mat-tab-label:last-child {
  border-right: none !important;
}
.oldlayout .mat-tab-body-content {
  padding: 15px 24px;
}
.oldlayout .mat-tab-body-content .mat-form-field {
  margin-bottom: 10px;
  width: 80%;
}
.oldlayout .mat-tab-body-wrapper {
  min-height: 190px;
}
.oldlayout .mat-checkbox-checked .mat-checkbox-background {
  background: #d32f2f !important;
}
.oldlayout .search-mobile-container .thirdsection .self-deposit .mat-radio-group .mat-radio-button.error {
  border: 1px solid #ffb1b1 !important;
  border-radius: 14px;
}
.oldlayout .search-mobile-container .thirdsection .self-deposit .mat-radio-group .mat-radio-button .mat-radio-label {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0.08);
}
.oldlayout .pr2 {
  padding-right: 2px;
}
.oldlayout .pl2 {
  padding-left: 2px;
}
.oldlayout .pnrFareRule mat-sidenav-container,
.oldlayout .pnrFareRule mat-sidenav-content,
.oldlayout .pnrFareRule mat-sidenav {
  height: 100%;
}
@media screen and (max-width: 998px) {
  .oldlayout .pnrFareRule.mat-drawer-container {
    z-index: 151;
  }
}
.oldlayout .sbi-theme {
  background: #f4f6f8 !important;
}
.oldlayout .sbi-theme mobile-header header {
  background: #fff;
  background-image: none !important;
  border-bottom: 1px solid #ebebeb;
}
.oldlayout .sbi-theme mobile-header header .content .logo h2 {
  color: #000 !important;
}
.oldlayout .sbi-theme mobile-header header svg {
  display: none !important;
}
.oldlayout .sbi-theme mobile-header header .icon {
  color: #000 !important;
}
.oldlayout .sbi-theme app-home .white-background {
  background: #f4f6f8;
}
.oldlayout .sbi-theme app-home .footer {
  display: none !important;
}
.oldlayout .sbi-theme flight-home-header header {
  background: #fff;
  background-image: none !important;
  border-bottom: 1px solid #ebebeb;
}
.oldlayout .sbi-theme flight-home-header header .content .text span,
.oldlayout .sbi-theme flight-home-header header .content .text p {
  color: #000;
}
.oldlayout .sbi-theme flight-home-header header .content .menu {
  color: #000;
}
.oldlayout .sbi-theme flight-home-header header svg {
  display: none !important;
}
.oldlayout .sbi-theme flight-home .white-background {
  background: #f4f6f8;
}
.oldlayout .sbi-theme flight-search .mobile-firstbox {
  background: #f4f6f8 !important;
}
.oldlayout .sbi-theme flight-search button {
  background: #254285 !important;
}
.oldlayout .sbi-theme flight-search button.mat-flat-button.mat-primary.loadingbtn {
  background: #254285 !important;
}
.oldlayout .sbi-theme flight-search .thirdsection .mat-checkbox-checked .mat-checkbox-background {
  background: #254285 !important;
}
.oldlayout .sbi-theme flight-search .self-deposit .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-container .mat-radio-inner-circle {
  background: #254285 !important;
}
.oldlayout .sbi-theme b2bplus-prefered-airline-mobile .mat-checkbox-checked .mat-checkbox-background {
  background: #254285 !important;
}
.oldlayout .download-app-popup .mat-dialog-container {
  padding: 0;
  margin: 0;
  border-radius: 20px;
  background: transparent;
  box-shadow: none;
}
.oldlayout .destinationposition .mdc-text-field--filled:not(.mdc-text-field--disabled),
.oldlayout .sector-outer .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: #fff !important;
}
.oldlayout .destinationposition .mat-mdc-form-field-focus-overlay,
.oldlayout .sector-outer .mat-mdc-form-field-focus-overlay {
  background-color: #fff !important;
}
.oldlayout .destinationposition .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.oldlayout .sector-outer .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  display: none;
}
.oldlayout .destinationposition .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after,
.oldlayout .sector-outer .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  display: none;
}
.oldlayout .destinationposition .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label,
.oldlayout .sector-outer .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: block !important;
}
.oldlayout .destinationposition .mdc-text-field,
.oldlayout .sector-outer .mdc-text-field {
  overflow: visible !important;
}
.oldlayout .destinationposition .mdc-text-field--filled .mdc-floating-label--float-above,
.oldlayout .sector-outer .mdc-text-field--filled .mdc-floating-label--float-above {
  color: #6b6b6b;
  font-size: 13px !important;
}
.oldlayout .filter-wrapper .mat-mdc-checkbox .mdc-checkbox__background {
  border: 1px solid #8297a6 !important;
  border-radius: 4px !important;
  width: 16px;
  height: 16px;
}
.oldlayout .mob-passport-upload-popup .mat-dialog-container {
  padding: 10px;
  margin: 0;
}
.oldlayout .childblock .formouter .mat-mdc-form-field {
  width: 100%;
}
.oldlayout .childblock .formouter .mat-mdc-select-trigger {
  padding: 0 0.75em 0 0.75em;
  font-size: 13px;
}
.oldlayout .childblock .formouter .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch {
  max-width: 100% !important;
}
.oldlayout .childblock .formouter .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px !important;
}
.oldlayout .childblock .formouter .mat-form-field-appearance-outline.mat-form-field {
  height: 40px;
}
.oldlayout .roomguests .btn-outer .mat-mdc-unelevated-button.mat-primary {
  text-transform: uppercase;
  transition: none;
  height: 47px;
  line-height: 47px;
  width: 115px;
  font-size: 19px;
  font-weight: 500;
  margin: 15px 0;
  background-color: #d32f2f;
  color: #fff;
}
.oldlayout .select_field005 {
  width: auto !important;
}
.oldlayout .hotel-search .full .nationality .mat-mdc-select-value-text {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}
.oldlayout .hotel-search .full .nationality .mat-mdc-form-field.mobile .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  text-transform: uppercase;
  font-size: 14px !important;
}
.oldlayout .hotel-item .img-container .checking .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background: #fff;
}
.oldlayout .radio-options.bluestyle .mat-mdc-radio-button {
  border-radius: 5px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #aeaeae;
  padding: 3px 15px;
  margin: 0 7px 7px 0;
  display: inline-flex;
}
.oldlayout .radio-options.bluestyle .mat-mdc-radio-button.mat-mdc-radio-checked {
  background: #002543;
  border-color: #002543;
}
.oldlayout .radio-options.bluestyle .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-label {
  color: #fff !important;
}
.oldlayout .radio-options.bluestyle .mat-mdc-radio-button .mdc-radio {
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
}
.oldlayout .radio-options.bluestyle .mat-mdc-radio-button .mdc-label {
  padding: 0;
  font-size: 13px;
}
.oldlayout .phone-no-field.mat-mdc-form-field {
  width: 100%;
  z-index: 1;
}
.oldlayout .phone-no-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  z-index: 2;
}
.oldlayout .phone-no-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .iti__selected-country-primary {
  background-color: transparent !important;
}
.oldlayout .ak-uae-dirham {
  font-size: calc(1em - 4px);
}
.oldlayout .ak-saudi-riyal {
  font-size: calc(1em - 4px);
}

.cdk-overlay-transparent-backdrop {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.5;
  background: #000000;
}

.nationalityautocomplete {
  min-width: 280px !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

@media screen and (max-width: 500px) {
  .search-mobile-container .mobile-firstbox .mat-mdc-radio-group .mat-mdc-radio-button {
    margin: 0 8px 0 0 !important;
  }
}
@media screen and (max-width: 500px) {
  app-account-status .mdc-floating-label {
    will-change: auto !important;
  }
  app-account-status .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 13.5px;
  }
  app-account-status .form-area-left .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    top: 25px !important;
  }
  app-account-status .form-area-right .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    top: 25px !important;
  }
  app-account-status .mat-mdc-text-field-wrapper {
    padding: 0 11px;
  }
  app-account-status .mdc-text-field--outlined .mdc-floating-label {
    left: 0px;
  }
}

mat-form-field.full-width-field {
  width: 100% !important;
}

flight-display flight-listing-dom-rt .round-trip-wrapper {
  top: 70px !important;
}
flight-display flight-listing-dom-rt .round-trip-mobile-outer {
  margin-top: 9px;
}

.iti__sy {
  background-image: url(https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2images/Syria_Flag.jpg) !important;
  background-size: cover !important;
  background-position: top !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
:root {
  --iti-border-gray: #ccc;
  --iti-text-gray: #999;
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: var(--iti-border-gray);
  --iti-dialcode-color: var(--iti-text-gray);
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url('flags.3afdda2f9c396184.webp');
  --iti-path-flags-2x: url('flags@2x.5fbe9fc17474f509.webp');
  --iti-path-globe-1x: url('globe.98e105ca81b63f37.webp');
  --iti-path-globe-2x: url('globe@2x.974df6f829af5e5b.webp');
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__flag-box, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__np {
  --iti-flag-width: 13px;
}

.iti__va, .iti__ch {
  --iti-flag-width: 15px;
}

.iti__ne, .iti__be {
  --iti-flag-width: 18px;
}

.iti__mc {
  --iti-flag-width: 19px;
}

.iti__zw, .iti__ws, .iti__vg, .iti__uz, .iti__uk, .iti__tv, .iti__to, .iti__tl, .iti__tk, .iti__tj, .iti__tc, .iti__ta, .iti__su, .iti__st, .iti__ss, .iti__si, .iti__sh, .iti__sd, .iti__sc, .iti__sb, .iti__ps, .iti__pn, .iti__ph, .iti__om, .iti__nz, .iti__nu, .iti__nr, .iti__ng, .iti__nf, .iti__nc, .iti__my, .iti__ms, .iti__mp, .iti__mn, .iti__mk, .iti__me, .iti__md, .iti__ly, .iti__lv, .iti__lk, .iti__lc, .iti__kz, .iti__ky, .iti__kw, .iti__kp, .iti__ki, .iti__jo, .iti__jm, .iti__io, .iti__im, .iti__ie, .iti__hu, .iti__hr, .iti__hn, .iti__hm, .iti__gw, .iti__gs, .iti__gi, .iti__gb, .iti__fk, .iti__fj, .iti__et, .iti__er, .iti__eh, .iti__dm, .iti__dg, .iti__cx, .iti__cu, .iti__ck, .iti__cc, .iti__ca, .iti__by, .iti__bs, .iti__bn, .iti__bm, .iti__ba, .iti__az, .iti__au, .iti__as, .iti__am, .iti__ai, .iti__ae, .iti__ac {
  --iti-flag-height: 10px;
}

.iti__us, .iti__um, .iti__py, .iti__mh, .iti__lr, .iti__gu, .iti__fm {
  --iti-flag-height: 11px;
}

.iti__vu, .iti__tt, .iti__sv, .iti__ni, .iti__mx, .iti__lu, .iti__lt, .iti__li, .iti__km, .iti__kg, .iti__je, .iti__ir, .iti__ht, .iti__gy, .iti__gd, .iti__fi, .iti__de, .iti__cv, .iti__cr, .iti__cq, .iti__bz, .iti__bi, .iti__bh, .iti__bg, .iti__bd {
  --iti-flag-height: 12px;
}

.iti__tg, .iti__se, .iti__pw, .iti__pl, .iti__kh, .iti__gt, .iti__ee, .iti__ax, .iti__ar {
  --iti-flag-height: 13px;
}

.iti__xk, .iti__va, .iti__sm, .iti__sj, .iti__pg, .iti__np, .iti__no, .iti__ne, .iti__mc, .iti__is, .iti__il, .iti__ga, .iti__fo, .iti__dk, .iti__ch, .iti__cd, .iti__bv, .iti__be, .iti__al {
  --iti-flag-height: 15px;
}

.iti__qa {
  --iti-flag-height: 8px;
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -22px;
}

.iti__ae {
  --iti-flag-offset: -44px;
}

.iti__af {
  --iti-flag-offset: -66px;
}

.iti__ag {
  --iti-flag-offset: -88px;
}

.iti__ai {
  --iti-flag-offset: -110px;
}

.iti__al {
  --iti-flag-offset: -132px;
}

.iti__am {
  --iti-flag-offset: -154px;
}

.iti__ao {
  --iti-flag-offset: -176px;
}

.iti__aq {
  --iti-flag-offset: -198px;
}

.iti__ar {
  --iti-flag-offset: -220px;
}

.iti__as {
  --iti-flag-offset: -242px;
}

.iti__at {
  --iti-flag-offset: -264px;
}

.iti__au {
  --iti-flag-offset: -286px;
}

.iti__aw {
  --iti-flag-offset: -308px;
}

.iti__ax {
  --iti-flag-offset: -330px;
}

.iti__az {
  --iti-flag-offset: -352px;
}

.iti__ba {
  --iti-flag-offset: -374px;
}

.iti__bb {
  --iti-flag-offset: -396px;
}

.iti__bd {
  --iti-flag-offset: -418px;
}

.iti__be {
  --iti-flag-offset: -440px;
}

.iti__bf {
  --iti-flag-offset: -460px;
}

.iti__bg {
  --iti-flag-offset: -482px;
}

.iti__bh {
  --iti-flag-offset: -504px;
}

.iti__bi {
  --iti-flag-offset: -526px;
}

.iti__bj {
  --iti-flag-offset: -548px;
}

.iti__bl {
  --iti-flag-offset: -570px;
}

.iti__bm {
  --iti-flag-offset: -592px;
}

.iti__bn {
  --iti-flag-offset: -614px;
}

.iti__bo {
  --iti-flag-offset: -636px;
}

.iti__bq {
  --iti-flag-offset: -658px;
}

.iti__br {
  --iti-flag-offset: -680px;
}

.iti__bs {
  --iti-flag-offset: -702px;
}

.iti__bt {
  --iti-flag-offset: -724px;
}

.iti__bv {
  --iti-flag-offset: -746px;
}

.iti__bw {
  --iti-flag-offset: -768px;
}

.iti__by {
  --iti-flag-offset: -790px;
}

.iti__bz {
  --iti-flag-offset: -812px;
}

.iti__ca {
  --iti-flag-offset: -834px;
}

.iti__cc {
  --iti-flag-offset: -856px;
}

.iti__cd {
  --iti-flag-offset: -878px;
}

.iti__cf {
  --iti-flag-offset: -900px;
}

.iti__cg {
  --iti-flag-offset: -922px;
}

.iti__ch {
  --iti-flag-offset: -944px;
}

.iti__ci {
  --iti-flag-offset: -961px;
}

.iti__ck {
  --iti-flag-offset: -983px;
}

.iti__cl {
  --iti-flag-offset: -1005px;
}

.iti__cm {
  --iti-flag-offset: -1027px;
}

.iti__cn {
  --iti-flag-offset: -1049px;
}

.iti__co {
  --iti-flag-offset: -1071px;
}

.iti__cp {
  --iti-flag-offset: -1093px;
}

.iti__cq {
  --iti-flag-offset: -1115px;
}

.iti__cr {
  --iti-flag-offset: -1137px;
}

.iti__cu {
  --iti-flag-offset: -1159px;
}

.iti__cv {
  --iti-flag-offset: -1181px;
}

.iti__cw {
  --iti-flag-offset: -1203px;
}

.iti__cx {
  --iti-flag-offset: -1225px;
}

.iti__cy {
  --iti-flag-offset: -1247px;
}

.iti__cz {
  --iti-flag-offset: -1269px;
}

.iti__de {
  --iti-flag-offset: -1291px;
}

.iti__dg {
  --iti-flag-offset: -1313px;
}

.iti__dj {
  --iti-flag-offset: -1335px;
}

.iti__dk {
  --iti-flag-offset: -1357px;
}

.iti__dm {
  --iti-flag-offset: -1379px;
}

.iti__do {
  --iti-flag-offset: -1401px;
}

.iti__dz {
  --iti-flag-offset: -1423px;
}

.iti__ea {
  --iti-flag-offset: -1445px;
}

.iti__ec {
  --iti-flag-offset: -1467px;
}

.iti__ee {
  --iti-flag-offset: -1489px;
}

.iti__eg {
  --iti-flag-offset: -1511px;
}

.iti__eh {
  --iti-flag-offset: -1533px;
}

.iti__er {
  --iti-flag-offset: -1555px;
}

.iti__es {
  --iti-flag-offset: -1577px;
}

.iti__et {
  --iti-flag-offset: -1599px;
}

.iti__eu {
  --iti-flag-offset: -1621px;
}

.iti__ez {
  --iti-flag-offset: -1643px;
}

.iti__fi {
  --iti-flag-offset: -1665px;
}

.iti__fj {
  --iti-flag-offset: -1687px;
}

.iti__fk {
  --iti-flag-offset: -1709px;
}

.iti__fm {
  --iti-flag-offset: -1731px;
}

.iti__fo {
  --iti-flag-offset: -1753px;
}

.iti__fr {
  --iti-flag-offset: -1775px;
}

.iti__fx {
  --iti-flag-offset: -1797px;
}

.iti__ga {
  --iti-flag-offset: -1819px;
}

.iti__gb {
  --iti-flag-offset: -1841px;
}

.iti__gd {
  --iti-flag-offset: -1863px;
}

.iti__ge {
  --iti-flag-offset: -1885px;
}

.iti__gf {
  --iti-flag-offset: -1907px;
}

.iti__gg {
  --iti-flag-offset: -1929px;
}

.iti__gh {
  --iti-flag-offset: -1951px;
}

.iti__gi {
  --iti-flag-offset: -1973px;
}

.iti__gl {
  --iti-flag-offset: -1995px;
}

.iti__gm {
  --iti-flag-offset: -2017px;
}

.iti__gn {
  --iti-flag-offset: -2039px;
}

.iti__gp {
  --iti-flag-offset: -2061px;
}

.iti__gq {
  --iti-flag-offset: -2083px;
}

.iti__gr {
  --iti-flag-offset: -2105px;
}

.iti__gs {
  --iti-flag-offset: -2127px;
}

.iti__gt {
  --iti-flag-offset: -2149px;
}

.iti__gu {
  --iti-flag-offset: -2171px;
}

.iti__gw {
  --iti-flag-offset: -2193px;
}

.iti__gy {
  --iti-flag-offset: -2215px;
}

.iti__hk {
  --iti-flag-offset: -2237px;
}

.iti__hm {
  --iti-flag-offset: -2259px;
}

.iti__hn {
  --iti-flag-offset: -2281px;
}

.iti__hr {
  --iti-flag-offset: -2303px;
}

.iti__ht {
  --iti-flag-offset: -2325px;
}

.iti__hu {
  --iti-flag-offset: -2347px;
}

.iti__ic {
  --iti-flag-offset: -2369px;
}

.iti__id {
  --iti-flag-offset: -2391px;
}

.iti__ie {
  --iti-flag-offset: -2413px;
}

.iti__il {
  --iti-flag-offset: -2435px;
}

.iti__im {
  --iti-flag-offset: -2457px;
}

.iti__in {
  --iti-flag-offset: -2479px;
}

.iti__io {
  --iti-flag-offset: -2501px;
}

.iti__iq {
  --iti-flag-offset: -2523px;
}

.iti__ir {
  --iti-flag-offset: -2545px;
}

.iti__is {
  --iti-flag-offset: -2567px;
}

.iti__it {
  --iti-flag-offset: -2589px;
}

.iti__je {
  --iti-flag-offset: -2611px;
}

.iti__jm {
  --iti-flag-offset: -2633px;
}

.iti__jo {
  --iti-flag-offset: -2655px;
}

.iti__jp {
  --iti-flag-offset: -2677px;
}

.iti__ke {
  --iti-flag-offset: -2699px;
}

.iti__kg {
  --iti-flag-offset: -2721px;
}

.iti__kh {
  --iti-flag-offset: -2743px;
}

.iti__ki {
  --iti-flag-offset: -2765px;
}

.iti__km {
  --iti-flag-offset: -2787px;
}

.iti__kn {
  --iti-flag-offset: -2809px;
}

.iti__kp {
  --iti-flag-offset: -2831px;
}

.iti__kr {
  --iti-flag-offset: -2853px;
}

.iti__kw {
  --iti-flag-offset: -2875px;
}

.iti__ky {
  --iti-flag-offset: -2897px;
}

.iti__kz {
  --iti-flag-offset: -2919px;
}

.iti__la {
  --iti-flag-offset: -2941px;
}

.iti__lb {
  --iti-flag-offset: -2963px;
}

.iti__lc {
  --iti-flag-offset: -2985px;
}

.iti__li {
  --iti-flag-offset: -3007px;
}

.iti__lk {
  --iti-flag-offset: -3029px;
}

.iti__lr {
  --iti-flag-offset: -3051px;
}

.iti__ls {
  --iti-flag-offset: -3073px;
}

.iti__lt {
  --iti-flag-offset: -3095px;
}

.iti__lu {
  --iti-flag-offset: -3117px;
}

.iti__lv {
  --iti-flag-offset: -3139px;
}

.iti__ly {
  --iti-flag-offset: -3161px;
}

.iti__ma {
  --iti-flag-offset: -3183px;
}

.iti__mc {
  --iti-flag-offset: -3205px;
}

.iti__md {
  --iti-flag-offset: -3226px;
}

.iti__me {
  --iti-flag-offset: -3248px;
}

.iti__mf {
  --iti-flag-offset: -3270px;
}

.iti__mg {
  --iti-flag-offset: -3292px;
}

.iti__mh {
  --iti-flag-offset: -3314px;
}

.iti__mk {
  --iti-flag-offset: -3336px;
}

.iti__ml {
  --iti-flag-offset: -3358px;
}

.iti__mm {
  --iti-flag-offset: -3380px;
}

.iti__mn {
  --iti-flag-offset: -3402px;
}

.iti__mo {
  --iti-flag-offset: -3424px;
}

.iti__mp {
  --iti-flag-offset: -3446px;
}

.iti__mq {
  --iti-flag-offset: -3468px;
}

.iti__mr {
  --iti-flag-offset: -3490px;
}

.iti__ms {
  --iti-flag-offset: -3512px;
}

.iti__mt {
  --iti-flag-offset: -3534px;
}

.iti__mu {
  --iti-flag-offset: -3556px;
}

.iti__mv {
  --iti-flag-offset: -3578px;
}

.iti__mw {
  --iti-flag-offset: -3600px;
}

.iti__mx {
  --iti-flag-offset: -3622px;
}

.iti__my {
  --iti-flag-offset: -3644px;
}

.iti__mz {
  --iti-flag-offset: -3666px;
}

.iti__na {
  --iti-flag-offset: -3688px;
}

.iti__nc {
  --iti-flag-offset: -3710px;
}

.iti__ne {
  --iti-flag-offset: -3732px;
}

.iti__nf {
  --iti-flag-offset: -3752px;
}

.iti__ng {
  --iti-flag-offset: -3774px;
}

.iti__ni {
  --iti-flag-offset: -3796px;
}

.iti__nl {
  --iti-flag-offset: -3818px;
}

.iti__no {
  --iti-flag-offset: -3840px;
}

.iti__np {
  --iti-flag-offset: -3862px;
}

.iti__nr {
  --iti-flag-offset: -3877px;
}

.iti__nu {
  --iti-flag-offset: -3899px;
}

.iti__nz {
  --iti-flag-offset: -3921px;
}

.iti__om {
  --iti-flag-offset: -3943px;
}

.iti__pa {
  --iti-flag-offset: -3965px;
}

.iti__pe {
  --iti-flag-offset: -3987px;
}

.iti__pf {
  --iti-flag-offset: -4009px;
}

.iti__pg {
  --iti-flag-offset: -4031px;
}

.iti__ph {
  --iti-flag-offset: -4053px;
}

.iti__pk {
  --iti-flag-offset: -4075px;
}

.iti__pl {
  --iti-flag-offset: -4097px;
}

.iti__pm {
  --iti-flag-offset: -4119px;
}

.iti__pn {
  --iti-flag-offset: -4141px;
}

.iti__pr {
  --iti-flag-offset: -4163px;
}

.iti__ps {
  --iti-flag-offset: -4185px;
}

.iti__pt {
  --iti-flag-offset: -4207px;
}

.iti__pw {
  --iti-flag-offset: -4229px;
}

.iti__py {
  --iti-flag-offset: -4251px;
}

.iti__qa {
  --iti-flag-offset: -4273px;
}

.iti__re {
  --iti-flag-offset: -4295px;
}

.iti__ro {
  --iti-flag-offset: -4317px;
}

.iti__rs {
  --iti-flag-offset: -4339px;
}

.iti__ru {
  --iti-flag-offset: -4361px;
}

.iti__rw {
  --iti-flag-offset: -4383px;
}

.iti__sa {
  --iti-flag-offset: -4405px;
}

.iti__sb {
  --iti-flag-offset: -4427px;
}

.iti__sc {
  --iti-flag-offset: -4449px;
}

.iti__sd {
  --iti-flag-offset: -4471px;
}

.iti__se {
  --iti-flag-offset: -4493px;
}

.iti__sg {
  --iti-flag-offset: -4515px;
}

.iti__sh {
  --iti-flag-offset: -4537px;
}

.iti__si {
  --iti-flag-offset: -4559px;
}

.iti__sj {
  --iti-flag-offset: -4581px;
}

.iti__sk {
  --iti-flag-offset: -4603px;
}

.iti__sl {
  --iti-flag-offset: -4625px;
}

.iti__sm {
  --iti-flag-offset: -4647px;
}

.iti__sn {
  --iti-flag-offset: -4669px;
}

.iti__so {
  --iti-flag-offset: -4691px;
}

.iti__sr {
  --iti-flag-offset: -4713px;
}

.iti__ss {
  --iti-flag-offset: -4735px;
}

.iti__st {
  --iti-flag-offset: -4757px;
}

.iti__su {
  --iti-flag-offset: -4779px;
}

.iti__sv {
  --iti-flag-offset: -4801px;
}

.iti__sx {
  --iti-flag-offset: -4823px;
}

.iti__sy {
  --iti-flag-offset: -4845px;
}

.iti__sz {
  --iti-flag-offset: -4867px;
}

.iti__ta {
  --iti-flag-offset: -4889px;
}

.iti__tc {
  --iti-flag-offset: -4911px;
}

.iti__td {
  --iti-flag-offset: -4933px;
}

.iti__tf {
  --iti-flag-offset: -4955px;
}

.iti__tg {
  --iti-flag-offset: -4977px;
}

.iti__th {
  --iti-flag-offset: -4999px;
}

.iti__tj {
  --iti-flag-offset: -5021px;
}

.iti__tk {
  --iti-flag-offset: -5043px;
}

.iti__tl {
  --iti-flag-offset: -5065px;
}

.iti__tm {
  --iti-flag-offset: -5087px;
}

.iti__tn {
  --iti-flag-offset: -5109px;
}

.iti__to {
  --iti-flag-offset: -5131px;
}

.iti__tr {
  --iti-flag-offset: -5153px;
}

.iti__tt {
  --iti-flag-offset: -5175px;
}

.iti__tv {
  --iti-flag-offset: -5197px;
}

.iti__tw {
  --iti-flag-offset: -5219px;
}

.iti__tz {
  --iti-flag-offset: -5241px;
}

.iti__ua {
  --iti-flag-offset: -5263px;
}

.iti__ug {
  --iti-flag-offset: -5285px;
}

.iti__uk {
  --iti-flag-offset: -5307px;
}

.iti__um {
  --iti-flag-offset: -5329px;
}

.iti__un {
  --iti-flag-offset: -5351px;
}

.iti__us {
  --iti-flag-offset: -5373px;
}

.iti__uy {
  --iti-flag-offset: -5395px;
}

.iti__uz {
  --iti-flag-offset: -5417px;
}

.iti__va {
  --iti-flag-offset: -5439px;
}

.iti__vc {
  --iti-flag-offset: -5456px;
}

.iti__ve {
  --iti-flag-offset: -5478px;
}

.iti__vg {
  --iti-flag-offset: -5500px;
}

.iti__vi {
  --iti-flag-offset: -5522px;
}

.iti__vn {
  --iti-flag-offset: -5544px;
}

.iti__vu {
  --iti-flag-offset: -5566px;
}

.iti__wf {
  --iti-flag-offset: -5588px;
}

.iti__ws {
  --iti-flag-offset: -5610px;
}

.iti__xk {
  --iti-flag-offset: -5632px;
}

.iti__ye {
  --iti-flag-offset: -5654px;
}

.iti__yt {
  --iti-flag-offset: -5676px;
}

.iti__za {
  --iti-flag-offset: -5698px;
}

.iti__zm {
  --iti-flag-offset: -5720px;
}

.iti__zw {
  --iti-flag-offset: -5742px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./libs/shared-styles/src/assets/scss/icon-fonts-style.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primaryradius: 14px;
  --secondaryradius: 8px;
}

@font-face {
  font-family: "akbar-latest";
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/v2fonts/akbar-latest.eot?z0znhp");
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/v2fonts/akbar-latest.eot?z0znhp#iefix") format("embedded-opentype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/v2fonts/akbar-latest.ttf?z0znhp") format("truetype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/v2fonts/akbar-latest.woff?z0znhp") format("woff"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/fonts/v2fonts/akbar-latest.svg?z0znhp#akbar-latest") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.newlayout [class^=ak-], .newlayout [class*=" ak-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "akbar-latest" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.newlayout .ak-saudi-riyal:before {
  content: "\eaa1";
}

.newlayout .ak-uae-dirham:before {
  content: "\eaa2";
}

.newlayout .ak-pointing-hand:before {
  content: "\eaa0";
}

.newlayout .ak-flight1:before {
  content: "\ea9c";
}

.newlayout .ak-mul-paymet:before {
  content: "\ea9d";
}

.newlayout .ak-report:before {
  content: "\ea9e";
}

.newlayout .ak-save:before {
  content: "\ea9f";
}

.newlayout .ak-share-copy:before {
  content: "\ea9b";
}

.newlayout .ak-minus:before {
  content: "\ea9a";
}

.newlayout .ak-eye2:before {
  content: "\ea98";
}

.newlayout .ak-user3:before {
  content: "\ea99";
}

.newlayout .ak-add1:before {
  content: "\ea96";
}

.newlayout .ak-calendar2:before {
  content: "\ea97";
}

.newlayout .ak-checkmark:before {
  content: "\ea95";
}

.newlayout .ak-sightseeing:before {
  content: "\ea94";
}

.newlayout .ak-tabby:before {
  content: "\ea93";
}

.newlayout .ak-upload:before {
  content: "\ea92";
}

.newlayout .ak-visa2:before {
  content: "\ea90";
}

.newlayout .ak-pdf2:before {
  content: "\ea91";
}

.newlayout .ak-trip:before {
  content: "\ea8f";
}

.newlayout .ak-checked1:before {
  content: "\ea8d";
}

.newlayout .ak-seater:before {
  content: "\ea88";
}

.newlayout .ak-ac1:before {
  content: "\ea89";
}

.newlayout .ak-automatic:before {
  content: "\ea8a";
}

.newlayout .ak-doors:before {
  content: "\ea8b";
}

.newlayout .ak-petrol:before {
  content: "\ea8c";
}

.newlayout .ak-visa1:before {
  content: "\ea85";
}

.newlayout .ak-list1:before {
  content: "\ea87";
}

.newlayout .ak-grid2:before {
  content: "\ea86";
}

.newlayout .ak-upadte-pnr:before {
  content: "\ea8e";
}

.newlayout .ak-fastag:before {
  content: "\ea84";
}

.newlayout .ak-phone1:before {
  content: "\ea83";
}

.newlayout .ak-telegram:before {
  content: "\ea82";
}

.newlayout .ak-premium-cars:before {
  content: "\ea81";
}

.newlayout .ak-terms:before {
  content: "\ea80";
}

.newlayout .ak-petrol1:before {
  content: "\ea7f";
}

.newlayout .ak-penci1:before {
  content: "\ea7c";
}

.newlayout .ak-offer2:before {
  content: "\ea7d";
}

.newlayout .ak-fast-time:before {
  content: "\ea79";
}

.newlayout .ak-van:before {
  content: "\ea7a";
}

.newlayout .ak-information:before {
  content: "\ea7b";
}

.newlayout .ak-zoom-in:before {
  content: "\ea78";
}

.newlayout .ak-baggage3:before {
  content: "\ea77";
}

.newlayout .ak-air-matrix:before {
  content: "\ea76";
}

.newlayout .ak-employee-transfer:before {
  content: "\ea75";
}

.newlayout .ak-coin-stack:before {
  content: "\ea74";
}

.newlayout .ak-verified-user:before {
  content: "\ea72";
}

.newlayout .ak-block-user1:before {
  content: "\ea73";
}

.newlayout .ak-newsletter:before {
  content: "\ea70";
}

.newlayout .ak-medical-tourism:before {
  content: "\ea71";
}

.newlayout .ak-smile:before {
  content: "\ea6e";
}

.newlayout .ak-add-user1:before {
  content: "\ea5b";
}

.newlayout .ak-block-user:before {
  content: "\ea68";
}

.newlayout .ak-jigsaw:before {
  content: "\ea6d";
}

.newlayout .ak-package-box:before {
  content: "\ea69";
}

.newlayout .ak-more-items:before {
  content: "\ea6a";
}

.newlayout .ak-bus1:before {
  content: "\ea6b";
}

.newlayout .ak-hotels:before {
  content: "\ea6c";
}

.newlayout .ak-airline-update1:before {
  content: "\ea64";
}

.newlayout .ak-apartment:before {
  content: "\ea65";
}

.newlayout .ak-recharge1:before {
  content: "\ea66";
}

.newlayout .ak-refresh1:before {
  content: "\ea67";
}

.newlayout .ak-no-data:before {
  content: "\ea63";
}

.newlayout .ak-hotel-more:before {
  content: "\ea62";
}

.newlayout .ak-expo-dubai:before {
  content: "\ea61";
}

.newlayout .ak-ringing:before {
  content: "\ea60";
}

.newlayout .ak-rail-holidays:before {
  content: "\ea5f";
}

.newlayout .ak-cruise1:before {
  content: "\ea5a";
}

.newlayout .ak-download:before {
  content: "\ea6f";
}

.newlayout .ak-hotel1:before {
  content: "\ea5c";
}

.newlayout .ak-todolist:before {
  content: "\ea5d";
}

.newlayout .ak-webcheckin1:before {
  content: "\ea5e";
}

.newlayout .ak-sports:before {
  content: "\ea59";
}

.newlayout .ak-add-round:before {
  content: "\ea57";
}

.newlayout .ak-minus-round:before {
  content: "\ea58";
}

.newlayout .ak-refresh:before {
  content: "\ea51";
}

.newlayout .ak-link:before {
  content: "\ea52";
}

.newlayout .ak-add-ssr:before {
  content: "\ea53";
}

.newlayout .ak-ato-invoice:before {
  content: "\ea54";
}

.newlayout .ak-customer-invoice:before {
  content: "\ea55";
}

.newlayout .ak-sales1:before {
  content: "\ea56";
}

.newlayout .ak-accounts:before {
  content: "\ea49";
}

.newlayout .ak-dashboard1:before {
  content: "\ea4a";
}

.newlayout .ak-profile1:before {
  content: "\ea4b";
}

.newlayout .ak-recycling:before {
  content: "\ea4c";
}

.newlayout .ak-sales:before {
  content: "\ea4d";
}

.newlayout .ak-sales-1:before {
  content: "\ea4e";
}

.newlayout .ak-sales-card:before {
  content: "\ea4f";
}

.newlayout .ak-travel1:before {
  content: "\ea50";
}

.newlayout .ak-share-icon:before {
  content: "\ea48";
}

.newlayout .ak-cash:before {
  content: "\ea45";
}

.newlayout .ak-eye:before {
  content: "\ea46";
}

.newlayout .ak-restriction:before {
  content: "\ea47";
}

.newlayout .ak-bar-chart1:before {
  content: "\ea3a";
}

.newlayout .ak-baggage2 .path1:before {
  content: "\ea3b";
  color: rgb(14, 41, 90);
}

.newlayout .ak-baggage2 .path2:before {
  content: "\ea3c";
  margin-left: -1em;
  color: rgb(22, 48, 95);
}

.newlayout .ak-baggage2 .path3:before {
  content: "\ea3d";
  margin-left: -1em;
  color: rgb(250, 250, 251);
}

.newlayout .ak-baggage2 .path4:before {
  content: "\ea3e";
  margin-left: -1em;
  color: rgb(226, 229, 235);
}

.newlayout .ak-baggage2 .path5:before {
  content: "\ea3f";
  margin-left: -1em;
  color: rgb(15, 41, 90);
}

.ak-phone1:before {
  content: "\ea83";
}

.newlayout .ak-baggage2 .path6:before {
  content: "\ea40";
  margin-left: -1em;
  color: rgb(14, 41, 90);
}

.newlayout .ak-baggage2 .path7:before {
  content: "\ea41";
  margin-left: -1em;
  color: rgb(14, 41, 90);
}

.newlayout .ak-time-change:before {
  content: "\ea42";
}

.newlayout .ak-bar-chart:before {
  content: "\ea43";
}

.newlayout .ak-airport:before {
  content: "\ea44";
}

.newlayout .ak-meal1:before {
  content: "\ea35";
}

.newlayout .ak-seat2:before {
  content: "\ea36";
}

.newlayout .ak-tv:before {
  content: "\ea37";
}

.newlayout .ak-video:before {
  content: "\ea38";
}

.newlayout .ak-wifi11:before {
  content: "\ea39";
}

.newlayout .ak-offer1:before {
  content: "\ea34";
}

.newlayout .ak-grid1:before {
  content: "\ea33";
}

.newlayout .ak-airline-update:before {
  content: "\ea29";
}

.newlayout .ak-antenna:before {
  content: "\ea2a";
}

.newlayout .ak-electricity:before {
  content: "\ea2b";
}

.newlayout .ak-fastag:before {
  content: "\ea84";
}

.newlayout .ak-gas-cylinder:before {
  content: "\ea2c";
}

.newlayout .ak-gst1:before {
  content: "\ea2d";
}

.newlayout .ak-notice-board:before {
  content: "\ea2e";
}

.newlayout .ak-pendrive:before {
  content: "\ea2f";
}

.newlayout .ak-recharge:before {
  content: "\ea30";
}

.newlayout .ak-smartphone1:before {
  content: "\ea31";
}

.newlayout .ak-telephone:before {
  content: "\ea32";
}

.newlayout .ak-key:before {
  content: "\ea28";
}

.newlayout .ak-isolation:before {
  content: "\ea24";
}

.newlayout .ak-antibacterial:before {
  content: "\ea25";
}

.newlayout .ak-protection:before {
  content: "\ea26";
}

.newlayout .ak-school-bus:before {
  content: "\ea27";
}

.newlayout .ak-boarding-pass:before {
  content: "\ea23";
}

.newlayout .ak-arroba:before {
  content: "\ea1f";
}

.newlayout .ak-telemarketer:before {
  content: "\ea21";
}

.newlayout .ak-phone-contact:before {
  content: "\ea22";
}

.newlayout .ak-lock-1:before {
  content: "\ea1d";
}

.newlayout .ak-smartphone:before {
  content: "\ea20";
}

.newlayout .ak-tag:before {
  content: "\ea1c";
}

.newlayout .ak-user-2:before {
  content: "\ea1e";
}

.newlayout .ak-question-1:before {
  content: "\ea1a";
}

.newlayout .ak-support-2:before {
  content: "\ea1b";
}

.newlayout .ak-question:before {
  content: "\ea19";
}

.newlayout .ak-split:before {
  content: "\ea17";
}

.newlayout .ak-normal:before {
  content: "\ea18";
}

.newlayout .ak-train2:before {
  content: "\ea12";
}

.newlayout .ak-beach:before {
  content: "\ea13";
}

.newlayout .ak-buddha:before {
  content: "\ea14";
}

.newlayout .ak-hat:before {
  content: "\ea15";
}

.newlayout .ak-family:before {
  content: "\ea16";
}

.newlayout .ak-home:before {
  content: "\ea11";
}

.newlayout .ak-insurance1:before {
  content: "\ea10";
}

.newlayout .ak-rail:before {
  content: "\ea0f";
}

.newlayout .ak-Utilities:before {
  content: "\ea06";
}

.newlayout .ak-support:before {
  content: "\ea07";
}

.newlayout .ak-calling-app:before {
  content: "\ea08";
}

.newlayout .ak-calling-card:before {
  content: "\ea09";
}

.newlayout .ak-Europamundo:before {
  content: "\ea0a";
}

.newlayout .ak-dmt:before {
  content: "\ea0b";
}

.newlayout .ak-lounge:before {
  content: "\ea0c";
}

.newlayout .ak-passport1:before {
  content: "\ea0d";
}

.newlayout .ak-travel-medical:before {
  content: "\ea0e";
}

.newlayout .ak-handshake:before {
  content: "\ea02";
}

.newlayout .ak-contract:before {
  content: "\ea03";
}

.newlayout .ak-paper-plane:before {
  content: "\ea04";
}

.newlayout .ak-right1:before {
  content: "\ea05";
}

.newlayout .ak-ticket:before {
  content: "\ea01";
}

.newlayout .ak-alarm:before {
  content: "\e9f5";
}

.newlayout .ak-windows:before {
  content: "\e9f6";
}

.newlayout .ak-tracker:before {
  content: "\e9f7";
}

.newlayout .ak-wifi1:before {
  content: "\e9f8";
}

.newlayout .ak-plug1:before {
  content: "\e9f9";
}

.newlayout .ak-nachos:before {
  content: "\e9fa";
}

.newlayout .ak-wheel:before {
  content: "\e9fb";
}

.newlayout .ak-cctv:before {
  content: "\e9fc";
}

.newlayout .ak-pillows:before {
  content: "\e9fd";
}

.newlayout .ak-blanket:before {
  content: "\e9fe";
}

.newlayout .ak-call1:before {
  content: "\e9ff";
}

.newlayout .ak-water:before {
  content: "\ea00";
}

.newlayout .ak-whatsapp:before {
  content: "\e9f4";
}

.newlayout .ak-map:before {
  content: "\e9f1";
}

.newlayout .ak-satisfactory:before {
  content: "\e9f2";
}

.newlayout .ak-excellent:before {
  content: "\e9f3";
}

.newlayout .ak-user2:before {
  content: "\e9ea";
}

.newlayout .ak-hiker:before {
  content: "\e9eb";
}

.newlayout .ak-calculator:before {
  content: "\e9ec";
}

.newlayout .ak-settings2:before {
  content: "\e9ed";
}

.newlayout .ak-locked:before {
  content: "\e9ee";
}

.newlayout .ak-envelope:before {
  content: "\e9ef";
}

.newlayout .ak-phone1:before {
  content: "\ea83";
}

.newlayout .ak-user1:before {
  content: "\e9f0";
}

.newlayout .ak-navigator:before {
  content: "\e9e9";
}

.newlayout .ak-others:before {
  content: "\e9cd";
}

.newlayout .ak-cab1:before {
  content: "\e9e4";
}

.newlayout .ak-cab2:before {
  content: "\e9e5";
}

.newlayout .ak-cab3:before {
  content: "\e9e6";
}

.newlayout .ak-cab4:before {
  content: "\e9e7";
}

.newlayout .ak-cab5:before {
  content: "\e9e8";
}

.newlayout .ak-online-payment:before {
  content: "\e9e1";
}

.newlayout .ak-piggy-bank:before {
  content: "\e9e2";
}

.newlayout .ak-credit-payment:before {
  content: "\e9e3";
}

.newlayout .ak-sms:before {
  content: "\e9e0";
}

.newlayout .ak-contact1:before {
  content: "\e9dc";
}

.newlayout .ak-mice:before {
  content: "\e9dd";
}

.newlayout .ak-tours:before {
  content: "\e9de";
}

.newlayout .ak-cruise:before {
  content: "\e9df";
}

.newlayout .ak-clear-sky:before {
  content: "\e9db";
}

.newlayout .ak-mist:before {
  content: "\e9da";
}

.newlayout .ak-snow:before {
  content: "\e9d9";
}

.newlayout .ak-thunderstorm:before {
  content: "\e9d8";
}

.newlayout .ak-shower-rain:before {
  content: "\e9d7";
}

.newlayout .ak-broken-clouds:before {
  content: "\e9d6";
}

.newlayout .ak-scattered-clouds:before {
  content: "\e9d5";
}

.newlayout .ak-crowdfunding:before {
  content: "\e9cc";
}

.newlayout .ak-earth-pictures:before {
  content: "\e9d3";
}

.newlayout .ak-ship:before {
  content: "\e9d4";
}

.newlayout .ak-housekeeper:before {
  content: "\e9ce";
}

.newlayout .ak-car-parking:before {
  content: "\e9cf";
}

.newlayout .ak-laundry:before {
  content: "\e9d0";
}

.newlayout .ak-ac:before {
  content: "\e9d1";
}

.newlayout .ak-swimming:before {
  content: "\e9d2";
}

.newlayout .ak-hotel-building:before {
  content: "\e9cb";
}

.newlayout .ak-megaphone:before {
  content: "\e9ca";
}

.newlayout .ak-login2:before {
  content: "\e9c3";
}

.newlayout .ak-logout:before {
  content: "\e9c4";
}

.newlayout .ak-businesscard:before {
  content: "\e9c5";
}

.newlayout .ak-law:before {
  content: "\e9c6";
}

.newlayout .ak-settings:before {
  content: "\e9c7";
}

.newlayout .ak-agenda:before {
  content: "\e9c8";
}

.newlayout .ak-profile:before {
  content: "\e9c9";
}

.newlayout .ak-bus2:before {
  content: "\e9c2";
}

.newlayout .ak-bell:before {
  content: "\e9c1";
}

.newlayout .ak-discount:before {
  content: "\e9c0";
}

.newlayout .ak-badge:before {
  content: "\e9bb";
}

.newlayout .ak-stop:before {
  content: "\e9bc";
}

.newlayout .ak-clock2:before {
  content: "\e9bd";
}

.newlayout .ak-rupee2:before {
  content: "\e9be";
}

.newlayout .ak-filter2:before {
  content: "\e9bf";
}

.newlayout .ak-squares:before {
  content: "\e9ba";
}

.newlayout .ak-coupon:before {
  content: "\e9b9";
}

.newlayout .ak-rupee1:before {
  content: "\e9b6";
}

.newlayout .ak-tray-1:before {
  content: "\e9b7";
}

.newlayout .ak-calendar1:before {
  content: "\e9b8";
}

.newlayout .ak-location1:before {
  content: "\e9b5";
}

.newlayout .ak-building:before {
  content: "\e90a";
}

.newlayout .ak-add:before {
  content: "\e9ab";
}

.newlayout .ak-star:before {
  content: "\e9ac";
}

.newlayout .ak-attention:before {
  content: "\e9ad";
}

.newlayout .ak-checked:before {
  content: "\e9ae";
}

.newlayout .ak-attention2:before {
  content: "\e9af";
}

.newlayout .ak-danger:before {
  content: "\e9b0";
}

.newlayout .ak-share:before {
  content: "\e9b1";
}

.newlayout .ak-up-1:before {
  content: "\e9b2";
}

.newlayout .ak-download-1:before {
  content: "\e9b3";
}

.newlayout .ak-sort-down:before {
  content: "\e9b4";
}

.newlayout .ak-nature:before {
  content: "\e9a7";
}

.newlayout .ak-flight2:before {
  content: "\e9a8";
}

.newlayout .ak-creditcard:before {
  content: "\e9a9";
}

.newlayout .ak-passport:before {
  content: "\e9aa";
}

.newlayout .ak-rupee:before {
  content: "\e9a6";
}

.newlayout .ak-pencil:before {
  content: "\e949";
}

.newlayout .ak-dashboard:before {
  content: "\e9a5";
}

.newlayout .ak-burger:before {
  content: "\e9a0";
}

.newlayout .ak-rating:before {
  content: "\e9a2";
}

.newlayout .ak-placeholder1:before {
  content: "\e9a3";
}

.newlayout .ak-hotel-1:before {
  content: "\e9a4";
}

.newlayout .ak-travel:before {
  content: "\e99f";
}

.newlayout .ak-sort:before {
  content: "\e9a1";
}

.newlayout .ak-filter:before {
  content: "\e99e";
}

.newlayout .ak-medical-kit:before {
  content: "\e920";
}

.newlayout .ak-car:before {
  content: "\e99d";
}

.newlayout .ak-delete:before {
  content: "\e99c";
}

.newlayout .ak-seatleft:before {
  content: "\e99b";
}

.newlayout .ak-livechat:before {
  content: "\e99a";
}

.newlayout .ak-refund:before {
  content: "\e999";
}

.newlayout .ak-list:before {
  content: "\e993";
}

.newlayout .ak-debit-card1:before {
  content: "\e994";
}

.newlayout .ak-support-1:before {
  content: "\e995";
}

.newlayout .ak-gift-card:before {
  content: "\e996";
}

.newlayout .ak-traveler:before {
  content: "\e997";
}

.newlayout .ak-suitcase-2:before {
  content: "\e998";
}

.newlayout .ak-money-1:before {
  content: "\e98d";
}

.newlayout .ak-popularity:before {
  content: "\e98e";
}

.newlayout .ak-speech:before {
  content: "\e98f";
}

.newlayout .ak-service:before {
  content: "\e990";
}

.newlayout .ak-upload-1:before {
  content: "\e991";
}

.newlayout .ak-email-1:before {
  content: "\e992";
}

.newlayout .ak-webcheckin2:before {
  content: "\e98c";
}

.newlayout .ak-portfolio-1:before {
  content: "\e982";
}

.newlayout .ak-cancel-form:before {
  content: "\e983";
}

.newlayout .ak-mail-black:before {
  content: "\e984";
}

.newlayout .ak-bed1:before {
  content: "\e985";
}

.newlayout .ak-desktop-monitor:before {
  content: "\e986";
}

.newlayout .ak-file:before {
  content: "\e98b";
}

.newlayout .ak-up:before {
  content: "\e981";
}

.newlayout .ak-webcheckin:before {
  content: "\e980";
}

.newlayout .ak-baggage1:before {
  content: "\e987";
}

.newlayout .ak-faq:before {
  content: "\e988";
}

.newlayout .ak-printer1:before {
  content: "\e989";
}

.newlayout .ak-customer-service:before {
  content: "\e98a";
}

.newlayout .ak-round-trip:before {
  content: "\e92e";
}

.newlayout .ak-right-arrow:before {
  content: "\e92f";
}

.newlayout .ak-payment3:before {
  content: "\e97f";
}

.newlayout .ak-payment1:before {
  content: "\e97d";
}

.newlayout .ak-payment2:before {
  content: "\e97e";
}

.newlayout .ak-hotel-2:before {
  content: "\e97c";
}

.newlayout .ak-hide:before {
  content: "\e979";
}

.newlayout .ak-show:before {
  content: "\e97a";
}

.newlayout .ak-reset:before {
  content: "\e97b";
}

.newlayout .ak-out-of-time:before {
  content: "\e977";
}

.newlayout .ak-error-404:before {
  content: "\e978";
}

.newlayout .ak-fare-up:before {
  content: "\e975";
}

.newlayout .ak-fare-down:before {
  content: "\e976";
}

.newlayout .ak-timer:before {
  content: "\e973";
}

.newlayout .ak-cloud:before {
  content: "\e974";
}

.newlayout .ak-set-square:before {
  content: "\e962";
}

.newlayout .ak-bed:before {
  content: "\e972";
}

.newlayout .ak-grid:before {
  content: "\e971";
}

.newlayout .ak-flight-o:before {
  content: "\e96e";
}

.newlayout .ak-printer:before {
  content: "\e970";
}

.newlayout .ak-tray:before {
  content: "\e96f";
}

.newlayout .ak-settings1:before {
  content: "\e96d";
}

.newlayout .ak-heart:before {
  content: "\e96a";
}

.newlayout .ak-heart-o:before {
  content: "\e96b";
}

.newlayout .ak-check:before {
  content: "\e96c";
}

.newlayout .ak-coffee-cup:before {
  content: "\e95c";
}

.newlayout .ak-food-tray:before {
  content: "\e95d";
}

.newlayout .ak-doorknob:before {
  content: "\e95e";
}

.newlayout .ak-drink:before {
  content: "\e95f";
}

.newlayout .ak-error-file:before {
  content: "\e960";
}

.newlayout .ak-party:before {
  content: "\e961";
}

.newlayout .ak-shopping-cart:before {
  content: "\e963";
}

.newlayout .ak-train:before {
  content: "\e964";
}

.newlayout .ak-beer:before {
  content: "\e965";
}

.newlayout .ak-gym:before {
  content: "\e966";
}

.newlayout .ak-restaurant:before {
  content: "\e967";
}

.newlayout .ak-placeholder:before {
  content: "\e968";
}

.newlayout .ak-tripadvisor:before {
  content: "\e969";
}

.newlayout .ak-seats:before {
  content: "\e931";
}

.newlayout .ak-error:before {
  content: "\e95a";
}

.newlayout .ak-success:before {
  content: "\e95b";
}

.newlayout .ak-phonepe:before {
  content: "\e958";
}

.newlayout .ak-upi:before {
  content: "\e959";
}

.newlayout .ak-credit-card-emi:before {
  content: "\e94e";
}

.newlayout .ak-gpay:before {
  content: "\e94f";
}

.newlayout .ak-paypal:before {
  content: "\e950";
}

.newlayout .ak-wallet:before {
  content: "\e951";
}

.newlayout .ak-pdf:before {
  content: "\e952";
}

.newlayout .ak-net-banking:before {
  content: "\e953";
}

.newlayout .ak-debit-card:before {
  content: "\e954";
}

.newlayout .ak-credit-card:before {
  content: "\e955";
}

.newlayout .ak-phone-receiver:before {
  content: "\e956";
}

.newlayout .ak-emailicon:before {
  content: "\e957";
}

.newlayout .ak-time-delay:before {
  content: "\e94d";
}

.newlayout .ak-Prioritycheckin:before {
  content: "\e94c";
}

.newlayout .ak-trolley:before {
  content: "\e946";
}

.newlayout .ak-gst:before {
  content: "\e94b";
}

.newlayout .ak-flight-cancel:before {
  content: "\e94a";
}

.newlayout .ak-golf:before {
  content: "\e937";
}

.newlayout .ak-cricket:before {
  content: "\e938";
}

.newlayout .ak-surf:before {
  content: "\e939";
}

.newlayout .ak-snowboard:before {
  content: "\e93a";
}

.newlayout .ak-scuba:before {
  content: "\e93b";
}

.newlayout .ak-bike:before {
  content: "\e93c";
}

.newlayout .ak-endtoend:before {
  content: "\e93d";
}

.newlayout .ak-visa-service:before {
  content: "\e93e";
}

.newlayout .ak-visa-processing:before {
  content: "\e93f";
}

.newlayout .ak-world:before {
  content: "\e940";
}

.newlayout .ak-shield:before {
  content: "\e941";
}

.newlayout .ak-contact:before {
  content: "\e942";
}

.newlayout .ak-request-visa:before {
  content: "\e943";
}

.newlayout .ak-benefits:before {
  content: "\e944";
}

.newlayout .ak-medical:before {
  content: "\e945";
}

.newlayout .ak-travel-insurance:before {
  content: "\e947";
}

.newlayout .ak-forex2:before {
  content: "\e948";
}

.newlayout .ak-baggage:before {
  content: "\e932";
}

.newlayout .ak-meal:before {
  content: "\e933";
}

.newlayout .ak-insurance:before {
  content: "\e934";
}

.newlayout .ak-login:before {
  content: "\e935";
}

.newlayout .ak-info:before {
  content: "\e936";
}

.newlayout .ak-search:before {
  content: "\e930";
}

.newlayout .ak-chat:before {
  content: "\e92d";
}

.newlayout .ak-trash:before {
  content: "\e92c";
}

.newlayout .ak-cancel:before {
  content: "\e92b";
}

.newlayout .ak-clock:before {
  content: "\e92a";
}

.newlayout .ak-user:before {
  content: "\e929";
}

.newlayout .ak-media:before {
  content: "\e924";
}

.newlayout .ak-plug:before {
  content: "\e925";
}

.newlayout .ak-seat:before {
  content: "\e926";
}

.newlayout .ak-wifi:before {
  content: "\e927";
}

.newlayout .ak-food:before {
  content: "\e928";
}

.newlayout .ak-diamond:before {
  content: "\e923";
}

.newlayout .ak-back:before {
  content: "\e922";
}

.newlayout .ak-early-morning:before {
  content: "\e91f";
}

.newlayout .ak-morning:before {
  content: "\e91e";
}

.newlayout .ak-sunrise:before {
  content: "\e91d";
}

.newlayout .ak-email:before {
  content: "\e921";
}

.newlayout .ak-swipe:before {
  content: "\e91c";
}

.newlayout .ak-moon-filled:before {
  content: "\e919";
}

.newlayout .ak-moon:before {
  content: "\e91a";
}

.newlayout .ak-sun:before {
  content: "\e91b";
}

.newlayout .ak-left:before {
  content: "\e917";
}

.newlayout .ak-right:before {
  content: "\e918";
}

.newlayout .ak-recent:before {
  content: "\e916";
}

.newlayout .ak-down-circle:before {
  content: "\e915";
}

.newlayout .ak-down:before {
  content: "\e914";
}

.newlayout .ak-hotel:before {
  content: "\e913";
}

.newlayout .ak-gps:before {
  content: "\e912";
}

.newlayout .ak-offer:before {
  content: "\e908";
}

.newlayout .ak-location:before {
  content: "\e909";
}

.newlayout .ak-plane:before {
  content: "\e90b";
}

.newlayout .ak-instagram:before {
  content: "\e90c";
}

.newlayout .ak-twitter:before {
  content: "\e90d";
}

.newlayout .ak-facebook:before {
  content: "\e90e";
}

.newlayout .ak-copy:before {
  content: "\e90f";
}

.newlayout .ak-close:before {
  content: "\e910";
}

.newlayout .ak-calendar:before {
  content: "\e911";
}

.newlayout .ak-bus:before {
  content: "\e901";
}

.newlayout .ak-forex:before {
  content: "\e902";
}

.newlayout .ak-flight:before {
  content: "\e903";
}

.newlayout .ak-holidays:before {
  content: "\e904";
}

.newlayout .ak-inspire:before {
  content: "\e905";
}

.newlayout .ak-more:before {
  content: "\e906";
}

.newlayout .ak-visa:before {
  content: "\e907";
}

.newlayout .ak-checkmark-outline:before {
  content: "\e900";
}

.newlayout .ak-air-matrix:before {
  content: "\ea76";
}

.newlayout .ak-zoom-in:before {
  content: "\ea78";
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./libs/shared-styles/src/assets/css/b2b-header.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primaryradius: 14px;
  --secondaryradius: 8px;
}

@font-face {
  font-family: "b2b-header";
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.eot?gnubmt");
  src: url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.eot?gnubmt#iefix") format("embedded-opentype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.woff2?gnubmt") format("woff2"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.ttf?gnubmt") format("truetype"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.woff?gnubmt") format("woff"), url("https://aecontent.akbartravels.com/aecorprevamp/V1/assets/v2fonts/header-icons/b2b-header.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=b2b-header-],
[class*=" b2b-header-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "b2b-header" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.b2b-header-ar-jrny:before {
  content: "\e935";
}

.b2b-header-telephone:before {
  content: "\e92f";
}

.b2b-header-smartphone1:before {
  content: "\e930";
}

.b2b-header-gas-cylinder:before {
  content: "\e931";
}

.b2b-header-electricity:before {
  content: "\e932";
}

.b2b-header-antenna:before {
  content: "\e933";
}

.b2b-header-pendrive:before {
  content: "\e934";
}

.b2b-header-refresh:before {
  content: "\e92e";
}

.b2b-header-more:before {
  content: "\e92d";
}

.b2b-header-wallet:before {
  content: "\e92c";
}

.b2b-header-close:before {
  content: "\e92b";
}

.b2b-header-megaphone:before {
  content: "\e926";
}

.b2b-header-newsletter:before {
  content: "\e927";
}

.b2b-header-calling-card:before {
  content: "\e928";
}

.b2b-header-dmt:before {
  content: "\e929";
}

.b2b-header-lounge:before {
  content: "\e92a";
}

.b2b-header-planet-earth:before {
  content: "\e925";
}

.b2b-header-car:before {
  content: "\e922";
}

.b2b-header-medical-tourism:before {
  content: "\e923";
}

.b2b-header-tours:before {
  content: "\e924";
}

.b2b-header-grid:before {
  content: "\e921";
}

.b2b-header-bus:before {
  content: "\e917";
}

.b2b-header-card:before {
  content: "\e918";
}

.b2b-header-cruise:before {
  content: "\e919";
}

.b2b-header-holidays:before {
  content: "\e91a";
}

.b2b-header-life-insurance:before {
  content: "\e91b";
}

.b2b-header-moon:before {
  content: "\e91c";
}

.b2b-header-offer:before {
  content: "\e91d";
}

.b2b-header-tram-front-view:before {
  content: "\e91e";
}

.b2b-header-tram-rlh:before {
  content: "\e91e";
}

.b2b-header-travelling-passport:before {
  content: "\e91f";
}

.b2b-header-visa:before {
  content: "\e920";
}

.b2b-header-login-lock-refresh:before {
  content: "\e911";
}

.b2b-header-calculator:before {
  content: "\e912";
}

.b2b-header-hiker:before {
  content: "\e913";
}

.b2b-header-home:before {
  content: "\e914";
}

.b2b-header-hotel:before {
  content: "\e915";
}

.b2b-header-flight:before {
  content: "\e916";
}

.b2b-header-support:before {
  content: "\e910";
}

.b2b-header-cancel:before {
  content: "\e90f";
}

.b2b-header-right:before {
  content: "\e90e";
}

.b2b-header-sales-card:before {
  content: "\e90d";
}

.b2b-header-settings:before {
  content: "\e90b";
}

.b2b-header-menu:before {
  content: "\e90c";
}

.b2b-header-turn-off:before {
  content: "\e90a";
}

.b2b-header-accounts:before {
  content: "\e900";
}

.b2b-header-dashboard:before {
  content: "\e901";
}

.b2b-header-link:before {
  content: "\e902";
}

.b2b-header-profile:before {
  content: "\e903";
}

.b2b-header-recycling:before {
  content: "\e904";
}

.b2b-header-rupee:before {
  content: "\e905";
}

.b2b-header-sales:before {
  content: "\e906";
}

.b2b-header-sort-down:before {
  content: "\e907";
}

.b2b-header-travel:before {
  content: "\e908";
}

.b2b-header-user:before {
  content: "\e909";
}

.b2b-header-refresh:before {
  content: "\e92e";
}

.b2b-header-telephone:before {
  content: "\e92f";
}

.b2b-header-smartphone1:before {
  content: "\e930";
}

.b2b-header-gas-cylinder:before {
  content: "\e931";
}

.b2b-header-electricity:before {
  content: "\e932";
}

.b2b-header-antenna:before {
  content: "\e933";
}

.b2b-header-pendrive:before {
  content: "\e934";
}