/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.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:scale(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}.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:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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}@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}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}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.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}.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}.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}.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}.mat-bottom-sheet-container{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);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){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-raised-button:not([class*=mat-elevation-z]){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-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){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-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){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-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){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-button-toggle-standalone,.mat-button-toggle-group{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-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){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-card.mat-card-flat:not([class*=mat-elevation-z]){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-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content{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);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{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-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{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);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){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-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){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-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){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-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){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-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{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);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;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-simple-snackbar-action{color:#ff4081}

.modal {
  background-color: rgba(0, 0, 0, .4);
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 0 16px;
  position: fixed;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 10; /* Adjust according to your needs */
}

.modal.fade-anim {
  transition: opacity 400ms ease-in-out;
  will-change: opacity;
  opacity: 0;
}

.modal.fade-anim.in {
  opacity: 1;
}

.modal .draggable {
  display: block;
  position: relative;
}

.modal .draggable .handle {
  cursor: move;
}

.modal-open {
  overflow: hidden;
}

.modal-content {
  background-color: #ffffff;
  border-radius: 4px;
  margin: 16px auto;
  max-width: 580px;
  position: relative;
  transition: opacity 400ms ease-in-out;
  width: 100%;
  will-change: opacity;
  display: inline-block;
  text-align: left;
}

.modal-content-size-m {
  max-width: 992px;
}

.modal-content-size-l {
  max-width: 1200px;
}

.modal-footer,
.modal-header {
  align-items: center;
  display: flex;
  height: 56px;
  padding: 0 16px;
}

.modal-header {
  border-bottom: 1px solid #cecece;
}

.modal-body {
  padding: 16px;
}

.modal-footer {
  border-top: 1px solid #cecece;
}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
  .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
  @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
  .iti--container:hover {
      cursor: pointer; }
  .iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
  .iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }
  .iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }
  .iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url('flags@2x.png'); } }
  .iti__flag.iti__np {
  background-color: transparent; }

.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    transform: translateZ(0);
}

/*************************************/

/***** STYLING RANGE INPUT ***********/

/*************************************/

/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */

/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/

.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}

.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}

/*******************************************/

/***********************************/

/* Rotation Tools */

/***********************************/

.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}

.cr-rotate-controls button {
	border: 0;
	background: none;
}

.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}

.cr-rotate-l i:before {
	content: '↺';
}

.cr-rotate-r i:before {
	content: '↻';
}

.ngx-dialog-content {
	width: 30% !important;
	padding: 0 !important;
	text-align: left;
}

.ngx-dialog-body {
	border-bottom: 1px solid #cecece;
}

.ngx-dialog {
	z-index: 9999!important;
}

.ngx-dialog-header {
	padding: 0 !important;
	margin: 0 !important;
}

.ngx-dialog-body {
	padding: 20px 10px !important;
	text-align: left !important;
}

.ngx-dialog-header h4 {
	padding: 5px 10px !important;
	margin: 0 !important;
	line-height: 26px;
	color: #ffffff !important;
	border-bottom: 1px solid #c6c6c6;
	text-align: left !important;
}

.dialog-error .ngx-dialog-header h4 {
	background: red !important;
}

.dialog-success .ngx-dialog-header h4 {
	background: #0d7836 !important;
}

.ngx-dialog-footer {
	text-align: left !important;
	margin: 0 !important;
}

.ok-btn {
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	height: 33px;
	padding: 7px 15px!important;
	font-family: sfui-regular;
}

.dialog-error .ok-btn {
	background: red !important;
}

.dialog-success .ok-btn {
	background: #0d7836 !important;
}

.dialog-error-no-close .ngx-dialog-header h4 {
	background: red !important;
}

.dialog-error-no-close .ok-btn {
	background: red !important;
}

.dialog-error-no-close .ngx-dialog-header span.close-dialog {
	display: none;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	height: 100%;
}

@font-face {
	font-family: sfui-regular;
	src: url('sfuitext-regular.ttf');
}

@font-face {
	font-family: sfui-semibold;
	src: url('sf-ui-display-semibold.ttf');
}

@page {
	margin: .15in .50in .20in .50in;
}

body {
	background: #fff;
	color: #434343 !important;
	font-size: 14px;
	overflow-x: hidden;
	min-height: 100%;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	overflow-y: auto;
	height: 100%;
	appearance: none;
	font-family: "sfui-regular";
	/* font-family:"Paypalsans" ; */
}

a {
	color: #434343;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: none;
}

*,
input,
select,
textarea,
option,
button {
	outline: none !important;
}

ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5 {
	width: 100%;
	padding-bottom: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb-0 {
	padding-bottom: 0;
}

.w50 {
	width: 50%;
	float: left;
	padding: 10px 0 0;
}

.green-text {
	color: #0D7836;
}

.green_bg {
	background-color: #0D7836;
}

.text_center {
	text-align: center;
}

.pointer {
	cursor: pointer;
}

.page {
	padding: 50px 0 0;
}

.absolute {
	position: absolute;
}

.padding-left7 {
	padding-left: 7px;
}

.mb15 {
	margin-bottom: 15px;
}

.font-regular {
	font-family: sfui-regular;
}

.width100 {
	width: 100%;
}

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

.grid-container {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 33% 33% 32%;
}

.confirm-text {
	padding-left: 10px;
}

.grid-container-two {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 64% 33%;
}

.grid-guideline {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	gap: 20px;
}

.grid-box {
	padding: 5px 0 0;
}

nav.header-session {
	height: 76px;
	padding: 10px 0;
}

.grid-payment {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 28% 45% 25%;
	width: 100%;
}

.grid-date {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: auto 150px auto;
	width: 100%;
}

.grid-payment-box {
	border: 1px solid #cacbca;
	border-bottom: 5px solid #0d7836;
	border-radius: 4px;
	position: relative;
}

.submit-cancel {
	font-size: 14px;
}

.grid-two {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 49% 49%;
	width: 100%;
}

.grid-one-third {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 68% 30%;
}

.grid-two-box form {
	padding: 0 12px 0 0;
}

td.upload-support-doc {
	width: 75%;
}

td.upload-support-doc-btn {
	width: 25%;
}

.grid-two-box {
	padding: 10px 0 0;
}

.grid-third {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 32% 32% 32%;
}

.grid-modal-container {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 42% 42% 20%;
	align-items: center;
}

.grid-modal-box.search-app {
	margin-top: 16px;
}

.profile_table.standard-prof-table td {
	color: #434343;
	font-weight: normal;
}

.grid-modal-box {
	padding: 10px 0 0;
}

.profile_container {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 15% 41% 41%;
}

.profile_box {
	padding-right: 10px;
	border-right: 1px solid #9d9d9d;
}

.pay_btn.pay-height {
	height: auto !important;
}

.profile_box:last-child {
	border-right: 0;
}

.search_grid-upload-img .grid-box {
	width: 33.3%;
}

.panel-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 19px;
	padding-bottom: 10px;
}

.dropdown-menu-top li {
	margin-top: 0 !important;
}

img.logo {
	width: 172px;
}

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

p {
	width: 100%;
}

.mid-section p {
	text-align: justify;
}

.verify-picture-grid .guidlines p {
	padding: 0 0 0 5px;
}

.visatype_box {
	padding: 20px 0;
}

.common_view_item {
	width: 15%;
}

.catgories_box {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.09), 0 4px 6px rgba(0, 0, 0, 0.09);
	padding: 17px;
}

.captcha-actions span.tooltip {
	top: 42px;
	bottom: inherit;
}

.captcha-actions span.tooltipArrow {
	border-bottom-color: hsla(0, 0%, 47.5%, .93);
	border-top-color: transparent;
	top: -12px;
	bottom: inherit;
}

.personal-head {
	position: relative;
	padding-left: 5px;
}

span.tooltip {
	display: none;
	float: left;
	background-color: hsla(0, 0%, 47.5%, .93);
	color: #fff;
	padding: 3px 10px;
	border-radius: 3px;
	width: 280px;
	font-size: 12px;
	position: absolute;
	z-index: 1010;
	bottom: 42px;
	left: 0;
	text-align: left;
}

span.tooltipArrow {
	content: " ";
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-top-color: hsla(0, 0%, 47.5%, .93);
	bottom: -12px;
	left: 12px;
}

textarea+.tooltip {
	top: 117px;
}

/* 8 March start */

.image_upload_container {
	width: calc(100% - 20px);
	max-width: 1100px;
	padding: 0 !important;
	background: #fff;
	border-radius: 0;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.modal-header {
	background: #0D7836;
	color: #fff;
	text-align: left;
	height: 45px;
}

.modal-header i {
	text-align: right;
	color: #fff;
}

.modal-header h4 {
	width: 100%;
	float: left;
	padding: 0;
	font-weight: 400;
}

.confirmbox-container .modal-header,
.confirmbox-container .modal-body,
.confirmbox-container .modal-footer {
	text-align: left !important;
}

.confirmbox-container .modal-body p span {
	color: red;
}

.guidelines-container .modal-body {
	height: calc(100vh - 125px);
	overflow: hidden;
	overflow-y: auto;
}

.image_upload_container .centered {
	position: relative;
	margin: 0 auto;
	height: 100%;
	overflow-y: auto;
}

.image_upload_container .centered .grid-one-third,
.image_upload_container .file-upload {
	height: 100%;
}

.image_upload_container .form_box+.file-upload {
	height: calc(100% - 74px);
}

.image_upload_container .centered .grid-boxes {
	height: 100%;
}

.image_upload_container .centered .grid-boxes-upload {
	overflow-y: auto;
}

#msform {
	position: relative;
	padding: 12px 16px 8px;
}

.icon_dummy i {
	font-size: 70px;
	opacity: .4;
	padding: 20px;
}

.documentt_view tr td {
	border-bottom: 1px solid #d7d7d7;
}

table.request_table {
	border: 1px solid #cacbca;
}

.request-detail .form-card {
	width: 100%;
}

table.request_table tr {
	float: none;
	display: table-row;
	border-bottom: 1px solid #cacbca;
	width: auto;
}

table.request_table tr:last-child {
	border-bottom: none;
}

table.request_table td {
	display: table-cell;
	text-align: left;
	width: auto;
	float: none;
}

.request_table tr:first-child td,
.request_table tr td:first-child {
	background: #ebebeb;
	text-shadow: 0 0 BLACK;
}

.request_table tr:first-child td:first-child,
.request_table tr td:first-child {
	width: 150px;
}

.request_table .fa-times-circle {
	color: red;
}

.request_table .fa-check-circle {
	color: green;
}

.re-upload-wrapper .photo_icons {
	float: none;
	justify-content: flex-start;
	padding: 16px 0 0;
	margin-bottom: 0;
}

.img_re-upload-info label input {
	cursor: pointer;
}

.img_re-upload .img_upload {
	float: none;
	display: flex;
	border: 1px solid #cacbca;
	margin-bottom: 10px;
}

.img_re-upload-info {
	width: calc(100% - 25mm);
	padding: 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
}

.img_re-upload .user_pic img {
	width: 25mm;
}

.re-upload-info_top {
	display: flex;
	justify-content: space-between;
	text-align: left;
	align-items: flex-start;
	width: 100%;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

.re_upload_box {
	width: 25%;
	padding: 0 10px 0 0;
}

.re-upload-info_btm .txt-indent {
	text-indent: 0;
}

.t_and_c.reupload-confirm {
	padding: 0 0 10px 0;
	height: auto;
	position: relative;
}

.reupload-confirm .alert {
	position: absolute;
	bottom: 0;
	left: 0;
}

.support_document table.re-upload-table tr td {
	height: auto;
}

.comments {
	width: 100%;
	text-align: left;
	color: #ffbf00;
	text-shadow: 0 0 #ffbf00;
	font-size: 0.81em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2px;
}

.comments span {
	background: #ffbf00;
	border-radius: 50%;
	font-family: serif;
	font-weight: 700;
	color: #fff;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image_upload_container.image-upload-large .modal-body {
	height: 580px;
}

.comments p {
	width: calc(100% - 20px);
	line-height: 100%;
}

.applicant_details .comments span {
	display: flex;
}

.applicant_details .comments {
	display: flex;
}

.history_btn {
	background: #f96922;
	border: 1px solid #e3743d;
	color: #fff;
	border-radius: 3px;
	position: relative;
	min-width: 50px;
	width: auto;
	display: inline-block;
	padding: 6px 8px;
	text-align: center;
	position: relative;
	z-index: 99;
	width: 100px;
	height: 35px;
	cursor: pointer;
}

.form_photo_box .cropped {
	border: 1px solid #d2cbcb;
	width: 200px;
	height: 180px;
	object-fit: cover;
}

.user_pic {
	border-right: 1px solid #cacbca;
	display: flex;
	align-items: center;
	position: relative;
}

.user_pic .check {
	position: absolute;
	background: #0d7836;
	padding: 3px 5px;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.user_pic img {
	width: 35mm;
	height: auto;
	object-fit: fill;
}

.history_modal {
	display: flex;
	justify-content: space-between;
	height: 100%;
	padding: 0 0 10px;
}

.history_modal_info {
	width: 40%;
	min-width: 420px;
	padding: 0 10px 0 0;
}

.history_info-inner td {
	border-bottom: 1px solid #ddd;
}

.history_info-inner td:first-child {
	border-bottom: none;
}

.history_info-inner tr:last-child td {
	border-bottom: none;
}

.history_info_prv pdf-viewer {
	height: 100%;
}

.history_info_prv {
	width: calc(60% - 10px);
	height: 100%;
	border: 1px solid #cacbca;
}

.dashboard_links {
	color: #0087ff;
	text-decoration: underline;
}

span .dashboard_links:hover {
	color: #f96922 !important;
	text-decoration: underline;
}

.form-card .note {
	color: red;
	text-shadow: 0 0 red;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.cod_alert {
	position: absolute;
	top: -4px;
}

.body_section {
	padding-bottom: 80px;
}

.mt-90 {
	margin-top: 90px;
}

/* 8 March end */

.eligible_box {
	width: 100%;
	float: left;
	padding-bottom: 60px;
}

.catgories h3,
.eligible_box h3 {
	font-size: 18px;
	padding-bottom: 12px;
}

.eligible_box input {
	float: right;
}

.cod-popup .main {
	width: 100%;
	padding: 10px 15px 0;
	float: left;
}

.cod-popup main {
	width: 100%;
	float: left;
	padding-bottom: 20px;
}

.catgories .save_btn {
	margin: 20px 0 !important;
}

.modal #msform {
	padding: 0;
}

/* ============Banner========== */

.banner_wrapper {
	padding-top: 76px;
}

.home_page:after {
	content: '';
	position: absolute;
	background: url('home_bg_img.png');
	background-repeat: no-repeat;
	background-position: -90px 0px;
	top: 0;
	left: 0;
	width: 358px;
	height: 625px;
	z-index: -1;
}

.home_page:before {
	content: '';
	position: absolute;
	background: url('home_bg_img-right.png');
	background-repeat: no-repeat;
	top: 120px;
	right: -60px;
	width: 358px;
	height: 625px;
	z-index: -1;
}

.home_banner_img {
	background: url('home_banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 320px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
}

.home_banner_img:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.banner_content {
	z-index: 1;
	padding: 0 10px;
}

/* ============Banner========== */

nav {
	width: 100%;
	height: 68px;
	float: left;
	background: #fff;
	padding: 5px 0;
	/* border-bottom: 1px solid #dfdfdf; */
	z-index: 1000;
	position: fixed;
	position: -webkit-fixed;
	top: 0;

}

.nav-links {
	list-style: none;
	width: 100%;
	text-transform: capitalize;
}

.nav-links li a {
	text-decoration: none;
}

.nav-links img {
	width: 19px;
}

.nav-links li a:hover {
	color: #F96922;
}

.nav-links li {
	position: relative;
}

.dash img {
	width: 14px;
	height: auto;
}

.nav-links li a:hover::before {
	width: 80%;
}

.adjust-height {
	min-height: 600px;
}

.header_box {
	display: inline-block;
}

.dropdown a span {
	max-width: 240px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: auto;
}

.fix_height {
	height: 140px;
}

.dropdown {
	width: auto;
	position: relative;
	margin-top: 0 !important;
}

ul li ul.dropdown-menu-top {
	width: 100%;
	background: #fff;
	display: none;
	position: absolute;
	z-index: 999;
	text-align: center;
	border: 1px solid #0D7836;
	float: left;
	/* box-shadow: 0 14px 28px rgb(0 0 0/9%),0 10px 10px rgb(0 0 0/9%); */
}

ul li ul.dropdown-menu-top li {
	display: block;
	margin: 3px 0 !important;
}

.header_box span {
	position: relative;
	top: -20px;
	padding-left: 9px;
	font-size: 13px;
	font-family: "sfui-semibold";
}

.header_box img {
	width: 177px;
	height: 49px;
}

hr.header_line {
	width: 0;
	margin: 0 auto;
	color: #CACBCA;
	border-width: 0;
	background-color: #CACBCA;
	display: inline-block;
	height: 50px;
	border-left: 2px dotted #fff;
}

.email-label {
	width: 100%;
	float: left;
	padding: 5px 0 13px;
}

.email-label label {
	width: auto;
	font-size: 13px;
}

.email-label span {
	width: auto;
	float: left;
	line-height: normal;
	padding-left: 3px;
}

.profile_type .form_box {
	height: 65px;
}

.profile_type .grid-two-box {
	padding: 0 !important;
}

.dropdown-menu-top li:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	margin: 2px 0;
	background: #0d7836;
}

.dropdown .custom_btn {
	margin: 10px 0 0 0;
	padding: 6px 6px !important;
	font-family: "sfui-semibold";
	white-space: nowrap;
}

button.mat-menu-btn.mat-menu-item {
	line-height: 37px;
	border-bottom: 1px solid #dfdfdf;
	margin-top: 0;
	padding: 0 21px;
}

button.mat-menu-btn.mat-menu-item:last-child {
	border-bottom: none;
}

button.mat-menu-item.mat-logout {
	line-height: 16px;
	margin-top: 15px;
}

.cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) {
	padding-top: 0;
	padding-bottom: 0;
}

button.mat-menu-item.mat-logout .mat-menu-panel {
	min-width: 147px;
	min-height: 48px;
}

.dropdown-menu-top li:last-child:after {
	background: none;
	margin: 2px 0;
}

.cdk-overlay-pane .mat-menu-panel {
	min-width: initial;
	min-height: 45px;
	max-width: none;
}

a.mat-menu-trigger.custom_btn i {
	padding-left: 7px;
}

.custom_btn1 {
	background: #0d7836;
	color: #fff;
	padding: 5px 8px;
	border-radius: 2px;
	width: auto;
	display: block;
	border: none;
	border-radius: 3px;
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.ms_form_img {
	height: calc(100% - 45px);
}

.custom_btn,
.btn {
	background: #0D7836;
	padding: 6px 12px !important;
	color: #fff !important;
	border-radius: 3px;
	width: auto !important;
	border: 1px solid #0D7836;
	cursor: pointer;
	/* margin: 10px 5px 10px 0; */
	/* margin: 20px 5px; */
	margin: 10px 0px;
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 14px;
}

ul.align-left-ins li {
	text-align: left;
}

.modal-footer .custom_btn,
.modal-footer .btn {
	margin: 0 0;
}

.modal-footer .back_btn {
	margin: 0 0 0 5px;
}

.custom_btn:hover,
.btn:hover {
	background: #10572B;
	color: #FFF;
}

.back_btn {
	padding: 6px 12px !important;
	cursor: pointer;
	width: auto !important;
	background: #636363;
	color: #f5f5f5;
	border-radius: 3px;
	border: 1px solid #636363;
	margin: 10px 5px 0 0;
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 14px;
}

.back_btn:hover {
	background: #686868;
	color: #fff;
}

.save_btn {
	background: #F96922;
	padding: 7px 12px !important;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	width: auto !important;
	border: 1px solid #F96922;
	margin: 5px 5px 10px 0;
	/* margin: 15px 0px 10px; */
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.save_btn:hover {
	background: #DF692F;
	color: #fff;
}

.mright5 {
	margin-right: 5px;
}

.mtb-10 {
	margin: 10px 0;
}

.toast-close-button {
	margin-top: 4px;
}

.edit_btn {
	background: #E8BA4E;
	padding: 7px 12px !important;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	width: auto !important;
	border: 1px solid #DFB146;
	margin: 15px 5px 10px 0;
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.custom_btn.submit-pay {
	margin: 10px 5px 10px 0;
}

.edit_btn:hover {
	background: #F0B11C;
	color: #fff;
}

.receipt_btn {
	background: #ff8d00;
	padding: 7px 12px !important;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
	width: auto !important;
	border: 1px solid #DFB146;
	margin-right: 10px;
	margin: 10px 5px;
	border-color: #d77a07;
	min-width: 70px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.receipt_btn:hover {
	background: #BD880B;
	color: #fff;
}

.right_legend {
	position: relative;
	width: 100%;
	float: left;
}

.white-nowrap {
	white-space: nowrap;
}

.main {
	width: 90%;
	padding-right: 45px;
	padding-left: 45px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

.main h2 {
	padding-bottom: 0;
}

.main1 {
	width: 90%;
	padding-right: 44px;
	padding-left: 44px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
	top: 72px;
}

.wrapper {
	width: 100%;
	float: left;
	position: relative;
	top: 80px;
	padding-bottom: 40px;
}

.g-w .wrapper {
	display: flex;
	position: relative;
	top: 0;
}

.tabs_vertical.g-w .wrapper {
	border: 1px solid #dbdbdb;
}

:focus {
	outline: none;
}

.verify-table td {
	color: #434343;
}

.home h4 {
	padding-bottom: 15px;
	color: #0d7836;
}

.instruction_box ul li {
	list-style-type: disc;
	text-align: left;
	margin-left: 16px;
	padding-top: 3px;
}

.form_main fieldset {
	background: white;
	border: 1px solid #cacbca;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 90px;
	position: relative;
	text-align: left;
	padding: 0;
	/* display: none */
}

fieldset.plr10 {
	padding: 5px 15px 15px;
	margin-bottom: 10px;
}

.step_info {
	background: #ebebeb;
	padding: 5px 13px 2px;
	border-bottom: 1px solid #cacbca;
}

.resend a {
	color: #0073EE;
	text-decoration: underline;
}

.form_main {
	width: 100%;
	float: left;
}

.form-card {
	text-align: left
}

#progressbar {
	width: 100%;
	float: left;
	color: lightgrey;
	margin-bottom: 10px;
}

#progressbar .active {
	color: #515151;
	font-family: "sfui-semibold";
}

#progressbar li.sevenstages {
	width: 14.28% !important;
}

#progressbar li {
	list-style-type: none;
	font-size: 14px;
	width: 16.66%;
	float: left;
	position: relative;
	font-weight: 400;
	text-align: center;
}

#progressbar #passport-type:before {
	content: "1";
}

#progressbar #passport-type-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #passport-type-tick p {
	font-family: "sfui-regular";
}

#progressbar #photo-upload:before {
	content: "2"
}

#progressbar #photo-upload-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #photo-upload-tick p {
	font-family: "sfui-regular";
}

#progressbar #personal:before {
	content: "3"
}

#progressbar #personal-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #personal-tick p {
	font-family: "sfui-regular";
}

#progressbar #contact:before {
	content: "4";
}

#progressbar #contact-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #contact-tick p {
	font-family: "sfui-regular";
}

#progressbar #kin:before {
	content: "5";
}

#progressbar #kin-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #kin-tick p {
	font-family: "sfui-regular";
}

/* #progressbar #processing-center:before {
	content: "5";
}

#progressbar #processing-center-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #processing-center-tick p {
	font-family: "sfui-regular";
} */

#progressbar #document-upload:before {
	content: "6"
}

#progressbar #document-upload-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #document-upload-tick p {
	font-family: "sfui-regular";
}

#progressbar #passport-delivery:before {
	content: "7"
}

#progressbar #passport-delivery-tick:before {
	content: '\2713';
	border: 1px solid #0d7836;
	background: #f0fff5;
	color: #0d7836;
	font-size: 20px;
}

#progressbar #passport-delivery-tick p {
	font-family: "sfui-regular";
}

#progressbar li:before {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	font-size: 15px;
	/* color: #0d7836; */
	background: #fff;
	border-radius: 50%;
	margin: 7px auto 2px auto;
	padding: 2px;
	border: 1px solid rgb(13 120 54 / 47%);
	font-family: "sfui-semibold";
	text-align: center;
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 5px;
	background: rgb(13 120 54 / 47%);
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1
}

#progressbar li.active::before {
	border: 1px solid #0d7836;
	background: #097734;
	color: #fff;
}

#progressbar li.active:after {
	background: #0d7836
}

label {
	width: 100%;
	text-align: left;
	font-size: 13px;
	font-family: "sfui-semibold";
}

.medatory {
	color: #ee6969;
}

input,
select,
textarea {
	width: 100%;
	border: 1px solid #cacbca;
	height: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
}

.textbox {
	width: 100%;
	float: left;
	height: 150px;
}

.info {
	padding-bottom: 10px;
	width: 100%;
	float: left;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	background: #fff;
}

.icon_caret {
	width: auto;
	float: right;
	position: absolute;
	right: 7px;
	top: 6px;
	color: rgba(0, 0, 0, .54);
}

.header-session .icon i {
	padding-right: 5px;
}

.mat-select {
	height: 36px;
}

.input_box {
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
}

.instruction_box {
	border: 1px solid #cacbca;
	padding: 5px 20px 10px;
	text-align: justify;
	margin-top: 5px;
}

.instruction_box h4 {
	font-size: 20px;
	color: #0d7836;
}

.fee span {
	width: 100%;
	float: left;
	text-align: center;
}

.focus_border:focus {
	border: 2px solid #4caf50;
	transition: 0.1s;
}

.focus_border {
	color: #212121 !important;
}

.effect {
	border: 1px solid #cacbca;
	padding: 7px 4px 9px;
	transition: 0.4s;
	color: #434343 !important;
}

.effect~.focus-border:before,
.effect~.focus-border:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background-color: #4caf50;
	transition: 0.4s;
}

.effect~.focus-border:after {
	top: auto;
	bottom: 0;
}

.effect~.focus-border i:before,
.effect~.focus-border i:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 0;
	background-color: #4caf50;
	transition: 0.6s;
}

.effect~.focus-border i:after {
	left: auto;
	right: 0;
}

.effect:focus~.focus-border:before,
.effect:focus~.focus-border:after {
	left: 0;
	width: 100%;
	transition: 0.4s;
}

.effect:focus~.focus-border i:before,
.effect:focus~.focus-border i:after {
	top: 0;
	height: 100%;
	transition: 0.6s;
}

footer {
	background: #ebebeb;
	width: 100%;
	float: left;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	/* padding-top: 5px; */
	border-top: 1px solid #d2d2d2;
}

.footer p {
	text-align: left;
}

.view-buttons {
	width: 100%;
	float: left;
	margin-bottom: 60px;
}

.img_upload {
	height: auto;
	width: auto;
	object-fit: cover;
	float: left;
	text-align: center;
}

/* .img_box {
	width: 100%;
	float: left;
} */

.img_upload label {
	width: 100%;
	float: left;
}

span.icon_image {
	position: relative;
}

span.icon_image i {
	border: 1px solid #cacbca;
	border-radius: 5px;
	width: 30px;
	height: 27px;
	padding: 7px;
	float: left;
	position: absolute;
	right: 6px;
	background: #fff;
	top: -29px;
	text-align: center;
}

.mob_legends {
	display: flex;
	justify-content: flex-start;
	margin: 5px 0;
}

input.preview_btn {
	width: auto;
	padding: 6px 10px;
	height: auto;
	border: 1px solid #0d7836;
	border-radius: 3px;
	background: #0d7836;
	color: #fff;
	line-height: 14px;
	margin-right: 8px;
	cursor: pointer;
	min-width: 70px;
}

.new_app {
	position: relative;
	width: 100%;
	text-align: right;
	display: flex;
	padding: 0px 0px 10px 0;
	justify-content: space-between;
	align-items: center;
}

.new_app_dropdown {
	position: relative;
	display: inline-block;
}

.new_app .custom_btn {
	display: inline-block;
}

.new_app_dropdown ul {
	position: absolute;
	right: 3px;
	top: 100%;
	overflow: hidden;
	display: none;
}

.new_app_dropdown ul.active {
	display: block;
}

.new_app_dropdown ul li {
	width: 100%;
}

.new_app .new_app_dropdown ul input {
	margin: 0 3px 0 0;
	width: 100% !important;
	border-radius: 0;
	text-align: left;
}

.new_app_dropdown ul li input {
	width: 100%;
}

/* .alert-danger {
	width: 100%;
	float: left;
	text-align: left;
	color: red;
	font-size: 13px;
	line-height: 10px;
	padding-top: 3px;
} */

.alert {
	width: 100%;
	float: left;
	text-align: left;
	color: red;
	font-size: 10px;
	line-height: 100%;
	padding-top: 3px;
}

.note-alert {
	border: 1px solid red;
	padding: 0 5px;
	margin: 5px 0 15px;
}

.note-alert .alert {
	float: none;
	line-height: 18px;
	display: inline-block;
	font-size: 12px;
}

.form_box {
	width: 100%;
	height: 60px;
	font-size: 15px;
}

.banner-img img {
	width: 100%;
}

.ptb20 {
	padding: 10px 0 15px;
}

.personal.detail h3 {
	font-size: 14px;
	line-height: 19px;
	font-size-adjust: 0.6;
}

.ques_box {
	padding: 10px 0;
}

.ques_box input {
	width: auto;
	display: inline-block;
	height: auto;
}

.ques_box label {
	width: auto;
	padding-right: 11px;
}

.center_body h6 {
	text-align: left;
	font-size: 16px;
	padding: 10px 0 1px;
}

table {
	width: 100%;
	border: 1px solid #cacbca;
	border-collapse: collapse;
	border-spacing: 0;
	overflow-y: auto;
	overflow-x: hidden;
	/* table-layout: fixed; */
}

.upload-support-doc-table {
	table-layout: auto;
	margin-bottom: 10px;
}

tbody {
	height: auto;
	overflow-y: auto;
	max-height: 360px;
}

thead {
	width: 100%;
	position: sticky;
	top: 0;
}

tr {
	border-bottom: 1px solid #cacbca;
}

th {
	padding: 0 5px 0;
	color: rgb(10, 90, 30);
	background: #d7eaca;
	font-family: "sfui-semibold";
	height: 36px;
	text-align: left;
	font-weight: normal;

	border-bottom: 1px solid #cacbca;
}

td {
	padding: 0 5px;
	height: 36px;
	text-align: left;
	border-left: 1px solid #ddd;
	text-overflow: ellipsis;
	overflow: hidden;

}

table tr:last-child {
	border-bottom: 0;
}

.dash th,
.dash td {
	white-space: nowrap;
}

table input[type="checkbox"] {
	width: auto;
	height: auto;
	padding: 5px !important;
}

textarea {
	width: 100%;
	height: 111px;
	resize: none;
	font-family: "sfui-regular";
	font-size: 14px;
	float: left;
}

.textbox_profile {
	margin: 12px 0 55px;
	width: 100%;
	float: left;
}

.input_profile {
	margin: 12px 0 0;
	width: 100%;
	float: left;
}

.p-info fieldset {
	background: #f7f7f7;
	margin-bottom: 30px;
}

.p-info {
	width: 100%;
	float: left;
}

.ngx-dialog-header h4 {
	font-weight: 500 !important;
}

legend {
	padding: 0px 3px;
	color: #0d7836;
	font-family: "sfui-semibold";
	font-size: 14px;
	text-align: left;
}

.t_and_c {
	position: relative;
	margin-top: 5px;
	display: flex;
	font-family: "sfui-regular";
	width: -moz-fit-content;
	width: fit-content;
	float: none;
	padding: 0 0 6px;
}

.t_and_c .alert {
	position: absolute;
	left: 0;
	bottom: -3px;
}

.t_and_c input {
	width: 13px;
	height: 13px;
	margin-top: 3px;
}

.t_and_c label {
	font-family: "sfui-regular";
}

.cancel-btn {
	background: #ddd;
	border: 1px solid #ddd;
	color: #8a8787;
	min-width: 70px;
}

i {
	cursor: pointer;
}

.cancel-btn:hover {
	background: #fff;
}

/* Login Page CSS Start */

.home {
	width: 100%;
	float: left;
}

.banner_text {
	width: 100%;
	float: left;
	color: #fff;
	position: absolute;
	top: 35%;
	left: 8%;
	line-height: 42px;
}

.banner_text hr {
	border: 1px solid #f96922;
	width: 40px;
	margin: 10px 0;
}

.top_head img {
	width: 38px;
	height: auto;
	display: inline-block;
}

.top_head {
	background: #F96922;
	padding: 5px 18px;
	text-align: left;
	margin-top: -60px;
	position: relative;
}

.main-bottom {
	background: #F5F5F5;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	height: 120px;
	position: relative;
	box-shadow: 0 14px 28px rgb(0 0 0 / 9%), 0 10px 10px rgb(0 0 0 / 9%);
}

.top_head span {
	width: auto;
	position: relative;
	display: inline-block;
	color: #fff;
	font-family: "sfui-semibold";
	left: 10px;
}

.top_head div {
	width: 100%;
	width: 100%;
	float: left;
	position: absolute;
	top: 28px;
	left: 26%;
	color: #fff;
	font-family: "sfui-semibold";
}

button {
	padding: 7px 20px;
	margin-top: 10px;
	background: #0D7836;
	border: none;
	position: relative;
	color: #fff;
	font-family: 'sfui-semibold';
	border-radius: 3px;
	font-size: 13px;
}

button img {
	width: 18px;
	position: absolute;
	left: 16px;
	top: 8px;
}

.main-bottom p {
	text-align: justify;
	padding: 10px 20px 0;
}

.img_num img {
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

.loginBtn {
	cursor: pointer;
}

.dash.shop-cart i {
	cursor: default;
}

/* Login Page CSS End */

.disable {
	cursor: not-allowed;
	background: #ccc !important;
	border: 1px solid #ccc;
	color: #9d9d9d;
}

.dropdown-menu-top a:hover {
	color: #000 !important;
}

input:disabled,
select:disabled {
	background-color: #e6e6e6 !important;
	cursor: not-allowed;
	border: 1px solid #b9b9b9;
	color: #8e8e8e !important;
	opacity: 0.7;
}

/* ........ DASHBOARD ............  */

.bottom_span {
	width: 100%;
	float: left;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
}

table.dash {
	margin-bottom: 0;
	height: 160px;
	margin-top: 20px;
}

.dash th {
	background: #0D7836;
	color: #fff;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 4;
	font-weight: normal;
}

tr.cus_row td {
	width: 50%;
	text-align: center;
	border: none;
}

.cus_row {
	margin: 20px 0;
}

.info-covid {
	background: #FBD0D0;
	color: #AC3939;
	padding: 6px 13px;
	width: 100%;
	font-size: 11px;
	/* letter-spacing: 1px; */
	margin-bottom: 16px;
	text-transform: capitalize;
}

.banner-img-name {
	width: 100%;
	background: #0d7836;
	color: #fff;
	text-align: left;
	padding: 4px 0;
	/* margin: 72px 0 7px; */
	/* position: relative;
	top: 72px; */
}

.banner-img-name h2 {
	font-size: 16px;
	font-weight: normal;
}

.user_type,
.profile_type {
	text-align: center;
	margin: 0 auto;
	width: 50%;
}

.line_hr {
	width: 90%;
	margin: 0 auto;
	color: #CACBCA;
	height: 1px;
	border-width: 0;
	background-color: #CACBCA;
	display: inline-block;
}

.profile_type .custom_btn {
	margin: 10px 0;
}

.user_type ul li {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.user_type ul li input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.user_type ul li label {
	font-size: 14px;
	font-family: "sfui-regular";
	display: block;
	position: relative;
	padding: 14px 30px 5px;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
}

.user_type ul li .check {
	display: block;
	position: absolute;
	border: 1px solid #CACBCA;
	border-radius: 100%;
	height: 15px;
	width: 15px;
	top: 30px;
	left: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.user_type ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 7px;
	width: 7px;
	top: 3px;
	left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.user_type input[type=radio]:checked~.check {
	border: 1px solid #0D7836;
}

.user_type input[type=radio]:checked~.check::before {
	background: #0D7836;
}

.user_type input[type=radio]:checked~label {
	color: #0D7836;
}

.user_type span {
	width: 100%;
	float: left;
	font-size: 13px;
}

.tabset #tab1 {
	position: absolute;
	left: -100vw;
}

.tabset #tab2 {
	position: absolute;
	left: -150vw;
}

.tabset #tab3 {
	position: absolute;
	left: -90vw;
}

.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,
.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),
.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),
.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),
.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5),
.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6) {
	display: block;
}

.tabset>label {
	position: relative;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	width: auto;
	float: none;
	font-size: 14px;
	color: #0000005d;
	border-top: 1px solid #bdc4c0;
	border-right: 1px solid #bdc4c0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 131px;
}

.tabset {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: 0px;
}

.tabset>label:hover,
.tabset>input:focus+label {
	color: #0d7836;
}

.tabset>label:hover::after,
.tabset>input:focus+label::after,
.tabset>input:checked+label::after {
	background: #0d7836;
}

.tab-panel p {
	display: inline-block;
	padding-left: 20px;
}

.tabset>input:checked+label {
	border-color: #0d7836;
	border-bottom-color: rgb(13, 120, 54);
	border-bottom: 1px solid #0d7836;
	margin-bottom: 0;
	background: #0d7836;
	color: rgb(255, 255, 255);
}

.tab-panels {
	/* border-top: 1px solid #c3c8c5; */
	width: 100%;
}

.tab-panel table {
	border-top: 0;
}

.step_info span {
	font-size: 16px;
	font-family: 'sfui-semibold';
}

.m40 {
	margin-bottom: 40px;
}

.w100 {
	width: 100%;
	float: left;
}

.mb15 {
	margin-bottom: 15px;
}

.search_grid {
	display: grid;
	grid-template-columns: 33% 2% 62%;
	grid-gap: 20px;
}

.profile_view ul {
	display: grid;
	align-items: center;
	grid-template-columns: 25% 25% 25% 24%;
	grid-gap: 8px;
	margin-bottom: 10px;
}

.profile_view li {
	padding-left: 45px;
}

.profile_view li:first-child {
	padding-left: 0;
}

.big_font {
	font-size: 20px;
}

.status_info img {
	width: 175px;
	text-align: right;
	float: right;
}

.grid_detail {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 49% 49%;
}

.grid_detail-box {
	padding: 0 10px;
}

.profile_view p {
	display: inline-block;
}

.fr {
	float: right;
}

.fr1 {
	float: right;
}

.grid_detail-box:first-child {
	border-right: 1px solid #9d9d9d;
}

.row_box {
	padding: 6px 0 0;
}

.total_box p {
	font-size: 19px;
}

.total_box label,
.total_box span {
	font-size: 15px;
}

.catagories_type {
	display: inline-block;
}

.catagories_type:last-child {
	padding-left: 50px;
}

.main-footer {
	width: 90%;
	padding-right: 44px;
	padding-left: 44px;
	margin-right: auto;
	margin-left: auto;
}

fieldset {
	border: 1px solid #9d9d9d;
	/* padding: 0px 20px; */
	margin: 15px 0 0;
}

.profile_view fieldset {
	padding: 0 20px 10px;
}

.notes {
	margin: 18px 0;
}

.payment_detail .grid-two-box {
	padding: 0;
}

.pd0 {
	padding: 0 !important;
}

.pd0 legend {
	margin: 0px 20px;
}

.pd12 {
	padding: 5px 20px 1px;
}

.modal-content {
	max-width: 800px !important;
	width: 100%;
	height: auto;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: left;
	border-radius: 3px;
	z-index: 1002;
}

.tl {
	text-align: left !important;
	margin-left: 22px;
}

.notice_modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	padding: 0 !important;
	background: #0d7836;
	padding: 15px;
	border-radius: 6px;
	width: 100%;
	max-width: 35% !important;
	overflow: hidden;
}

.notice_modal .modal-body,
.notice_modal .modal-footer {
	background: #fff;
}

.notice_modal .modal-footer {
	justify-content: space-between;
}

/* payment page css  */

.grid-payment-box h4 {
	background: #f96922;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #f96922;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.pd20 {
	padding: 10px 10px;
}

.personal.detail span {
	width: 100%;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding-left: 16px;
	font-family: 'sfui-semibold';
}

.personal.detail {
	float: left;
	width: 75%;
}

.personal.detail i {
	float: left;
	width: 15px;
	padding-top: 2px;
	color: red;
}

.fee_detail {
	width: 25%;
	float: left;
	text-align: right;
}

.total_fee {
	position: absolute;
	bottom: 0;
	width: 100%;
	float: left;
	padding: 4px 10px;
	background: #0d7836;
	color: #fff;
}

.cart-info {
	width: 100%;
	float: left;
	position: relative;
	height: 370px;
	overflow-y: auto;
	box-shadow: 0 1px 4px #f4f4f4;
}

.grid-payment-box h5 {
	font-size: 17px;
}

.fee {
	padding: 10px;
	border: 1px solid #f7f7f7;
	width: 100%;
	float: left;
	background: #f9f9f9;
	border: 1px solid #0d7836;
}

.fee div {
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	border-bottom: 1px solid #eeebeb;
	padding: 6px 0;
}

.pay_input input {
	padding: 3px 0;
}

.head_table {
	width: auto;
	float: left;
	text-align: left;
	font-size: 18px;
	margin-bottom: 10px;
}

.change_btn {
	margin: 0;
	float: right;
}

.fee span {
	width: auto;
	float: right;
	text-align: center;
	display: block;
}

.center_body {
	text-align: center;
	padding: 40px 0;
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.card h1 {
	color: #0d7836;
	font-family: "sfui-semibold";
	font-size: 25px;
	margin-bottom: 10px;
}

.card p {
	color: #404F5E;
	font-size: 16px;
	margin: 20px 0;
	text-align: left;
	font-weight: bold;
}

.card i {
	color: #0d7836;
	font-size: 60px;
	line-height: 100px;
	margin-left: -10px
}

.card {
	background: white;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0px 2px 8px #C8D0D8;
	display: inline-block;
	margin: 0 auto;
	width: 900px;
}

.card table {
	border: 1px solid #aeaeae;
}

.card table tr td i {
	color: #000;
	padding-left: 11px;
}

.info_paid {
	border: 1px solid #ddd;
	width: 100%;
	margin-bottom: 20px;
	float: left;
}

.info_paid span {
	width: 100%;
	float: left;
	text-align: right;
	padding: 6px;
	border-bottom: 1px solid #ddd;
}

.info_paid span:last-child {
	border-bottom: 0;
}

.info_paid span b {
	text-align: right;
	width: auto;
	float: left;
}

.cardimg {
	position: absolute;
	width: 40px;
	top: 10px;
	right: 7px;
}

.modal {
	z-index: 9999 !important;
	background: rgba(0, 0, 0, .7) !important;
}

.modal table {
	margin: 0 !important;
	height: auto;
	width: auto !important;
}

.confirmbox-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 500px;
	padding: 0 !important;
	background: #fff;
	padding: 15px;
	border-radius: 6px;
}

.confirmbox-container h3 {
	padding: 6px 10px 5px !important;
	margin: 10px 0 !important;
	border-bottom: 1px solid #0d7836 !important;
}

.confirmbox-container p {
	margin: 0 !important;
	padding: 5px !important;
}

.btn-grp button {
	margin: 0 7px 20px !important;
}

.card table i {
	font-size: 16px;
	line-height: normal;
}

.card table {
	height: auto;
}

.filter_box {
	width: 20%;
	float: left;
	margin-right: 10px;
}

.change_request {
	width: 100%;
	float: left;
	background: #f4f4f4;
	padding: 10px;
	margin-bottom: 20px;
}

.change_table {
	height: auto;
}

.change_request .save_btn {
	margin: 18px 0 0;
	width: 95px !important;
}

.detail_change_view {
	padding: 10px;
}

.detail_change_view table {
	margin-bottom: 0;
}

.field__input:focus::-webkit-input-placeholder,
.field__input:focus::-moz-placeholder {
	color: var(--uiFieldPlaceholderColor);
}

.field {
	border-width: 1px;
	display: inline-flex;
	position: relative;
	font-size: 1rem;
}

.field__input {
	height: 38px;
	padding: 0.25rem 1rem 0.15em;
	--uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);
}

.field__input::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.field__input::-moz-placeholder {
	opacity: 0;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.field__input:focus::-webkit-input-placeholder {
	opacity: 1;
	transition-delay: .2s;
}

.field__input:focus::-moz-placeholder {
	opacity: 1;
	transition-delay: .2s;
}

.field__label-wrap {
	box-sizing: border-box;
	pointer-events: none;
	cursor: text;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.field__label-wrap::after {
	content: "";
	box-sizing: border-box;
	width: 100%;
	height: 0;
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.field__input:focus~.field__label-wrap::after {
	opacity: 1;
}

.field__label {
	position: absolute;
	left: var(--uiFieldPaddingLeft);
	top: calc(50% - .5em);
	padding: 0 1rem;
	line-height: 1;
	font-size: 14px;
}

.field__input:focus~.field__label-wrap .field__label,
.field__input:not(:placeholder-shown)~.field__label-wrap .field__label {
	font-size: 11px !important;
	top: var(--fieldHintTopHover, .25rem);
}

.dashbox {
	width: 100%;
	float: left;
}

.box_dashboard {
	border: 1px solid #0d7836;
	padding: 8px 10px;
	width: 100%;
	float: left;
	height: 100px;
}

.box_dashboard img {
	display: block;
	width: 60px;
	float: left;
}

.box_dashboard:hover {
	background: #f1fbeb;
	color: #0d7836;
}

.box_dashboard a {
	width: 100%;
	float: left;
}

.upload_icon {
	padding-top: 16px;
}

.dash_info {
	width: auto;
	padding: 5px 12px;
	text-align: left;
	margin-left: 10px;
	display: table;
}

.important_instructions {
	width: 100%;
	float: left;
	border-top: 1px solid #cacbca;
	margin: 30px 0;
}

.important_instructions li {
	list-style-type: disc;
	list-style-position: inside;
}

.important_instructions h3 {
	margin: 10px 0;
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
	margin-left: 0;
}

.phone_input {
	height: 36px;
	width: 100%;
	float: left;
}

#phone {
	height: 20px;
	border: 0 !important;
	padding-left: 88px !important;
}

.iti__selected-flag {
	width: 80px !important;
}

.grid-history {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 40% 60%;
	width: 100%;
	float: left;
}

.history_box {
	border: 1px solid #cacbca;
	width: 100%;
	float: left;
}

.history_box1 {
	border: 1px solid #cacbca;
	border-bottom: 0;
	width: 100%;
	float: left;
}

.green-band {
	background: #d7eaca;
	padding: 8px 8px 5px;
}

.history_box ul li {
	padding: 7px 10px;
	border-bottom: 1px solid #ddd;
}

.history_box ul li span {
	display: inline-block;
}

span.align-right {
	float: right;
}

.request_counts {
	margin-bottom: 18px;
}

.request_counts ul li {
	display: inline-block;
	width: 24%;
	border: 0;
	background: #fff;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.09), 0 5px 6px rgba(0, 0, 0, 0.09);
	margin-right: 10px;
	padding: 15px 12px 10px;
}

.request_counts ul li:last-child {
	margin-right: 0;
}

.history_box1 table tr:last-child {
	border-bottom: 1px solid #cacbca !important;
}

.request_counts h4 {
	font-size: 18px;
	text-align: center;
}

.blue {
	background: #AFDFF5;
	width: 30px;
	height: 30px;
	color: white;
	border: 1px solid #A0B6E3;
	border-radius: 50%;
}

.lightgreen {
	background: #91E8B2;
	width: 30px;
	height: 30px;
	color: white;
	border: 1px solid #69CB8E;
	border-radius: 50%;
}

.lightorange {
	background: #EBD89B;
	width: 30px;
	height: 30px;
	color: white;
	border: 1px solid #E6C148;
	border-radius: 50%;
}

.re-red {
	background: #F88490;
	width: 30px;
	height: 30px;
	color: white;
	border: 1px solid #F88499;
	border-radius: 50%;
}

.history_box h4 {
	color: #0d7836;
}

.history_box1 table th {
	background: #f5f5f5;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	color: #353434;
	font-size: 12px;
}

.history_box1 table {
	width: 100%;
	border: 0;
	margin: 0;
}

.history_box .save_btn {
	float: right;
	text-align: right;
	width: 100%;
	margin: 13px 10px;
	height: 30px;
	padding: 4px 7px !important;
	border-radius: 4px;
}

.success {
	background-color: #f4fff4;
	color: #1db124;
	border: 1px solid #c7ffc3;
	font-size: 12px;
	display: inline-block;
	width: auto;
	border-radius: 2px;
	padding: 2px 4px;
}

.danger {
	background-color: #fff4f4;
	color: #ff2525;
	border: 1px solid #ffd0d0;
	font-size: 12px;
	display: inline-block;
	width: auto;
	border-radius: 2px;
	padding: 2px 4px;
}

.warning {
	background-color: #fffbeb;
	color: #D7A226;
	border: 1px solid #F9EEE1;
	font-size: 12px;
	display: inline-block;
	width: auto;
	border-radius: 2px;
	padding: 2px 4px;
}

.footer_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px 0;
}

footer img {
	width: 70px;
	padding-bottom: 4px;
	height: 39px;
}

.section_doc {
	background: #f1f1f1;
	padding: 10px 20px;
}

.inner_image_upload_wapper {
	background: #fff;
	height: 100%;
}

.source-image {
	width: auto;
	height: auto;
}

input.readonly {
	background-color: #ebebeb;
}

.notification {
	border: 1px solid #cf0d0d;
	width: 100%;
	float: left;
	padding: 10px;
	margin-bottom: 35px;
}

.notice_board {
	display: flex;
	color: #d65050;
}

.notice_board i {
	font-size: 26px;
	color: #cf0d0d;
}

.message_board {
	padding-left: 13px;
}

.fieldlabels.label_doc {
	line-height: 13px;
	height: 30px;
}

.profile-view {
	border-radius: 4px;
	width: 100%;
	background: #fff;
	float: left;
}

.s-head {
	border: 1px solid #979797;
	background: #fff;
	/* border-radius: 3px; */
	/* margin-top:40px; */
	z-index: 999;
}

.s-head .result-header {
	display: flex;
}

.s-head .result-header .post-img {
	width: 200px;
	height: 170px;
	overflow: hidden;
	object-fit: fill;
}

.s-head .result-header .post-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s-head .result-header .user-info-detail {
	flex-grow: 1;
}

.s-head .result-header .user-info-detail p {
	/* width: 100%; */
	float: left;
	text-transform: capitalize;
}

.profile-view .s-content {
	border-radius: 0 0 4px 4px;
}

.profile-view .s-content ul {
	list-style-type: disc;
	margin: 0 32px 12px;
}

.profile-view .s-content .mb-12 {
	margin-bottom: 12px;
}

.profile-view .s-content .profile-table {
	width: 100%;
	text-align: left;
	line-height: 3em;
	border-collapse: collapse;
	margin-bottom: 24px;
	font-size: 14px;
	vertical-align: top;
}

.profile-view .s-content .profile-table thead {
	border-bottom: 1px solid #F8911C;
	text-align: left;
}

.profile-view .s-content .profile-table thead th {
	padding: 0 16px;
	height: 44px;
	font-weight: 600;
	position: sticky;
	top: 0;
	z-index: 9;
	background: #fff;
	box-shadow: 0 1px 1px #ddd;
}

.profile-view .s-content .profile-table tbody tr:nth-child(even) {
	background: #f6f6f6;
}

.profile-view .s-content .profile-table tbody tr td {
	color: #1c1d1f;
	height: 40px;
	padding-left: 16px;
}

.sr-p-info {
	display: grid;
	grid-template-columns: 50% 50%;
	line-height: 10px;
}

.sr-p-info div {
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	padding: 6px 10px;
}

.sr-p-info div:last-child {
	border-bottom: 0;
}

.sr-p-info div:nth-last-child(2) {
	border-bottom: 0 !important;
}

.sr-p-info div:nth-child(even) {
	border-right: 0 !important;
}

.header_logo {
	border-bottom: 1px solid #cacbca;
}

.header_logo span {
	position: relative;
	top: -20px;
	padding-left: 9px;
	font-size: 14px;
}

.p-body {
	font-size: 16px;
	font-family: "sfui-semibold";
	margin: 0;
}

.barcode img {
	width: 250px;
	height: 80px;
}

.fw-500 {
	font-weight: 600;
}

.line {
	border-bottom: 1px solid #979797;
	padding: 0px 10px;
	background: #f1f1f1;
}

.sr-p-info p {
	width: 100%;
	float: left;
	font-family: "sfui-regular";
	margin: 4px 0 0;
	line-height: 1.35;
	opacity: .88;
	text-overflow: ellipsis;
	overflow: hidden;
	overflow-wrap: break-word;
}

.total_box {
	font-size: 19px;
	font-family: "sfui-regular";
	padding-top: 5px;
}

.upper_bar,
.common_view {
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	min-height: 46px;
	flex-wrap: wrap;
}

.upper_bar {
	align-items: center;
}

.border_line {
	border: 0.5px solid #979797;
	margin-top: 10px;
}

.half_col {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.half_col_box {
	width: 50%;
	border: 1px solid #979797;
}

.tab50 div {
	padding: 2px 10px;
	border-bottom: 1px solid #d7d7d7;
	width: 100%;
	float: left;
}

.tab50 label {
	width: auto;
}

.form-card {
	text-align: left;
	padding: 5px 15px;
}

.card_box_pass:hover {
	border: 1px solid green;
	box-shadow: 0 5px 10px rgb(0 0 0 / 9%), 0 8px 7px rgb(0 0 0 / 9%);
}

.grid-passport {
	display: grid;
	grid-template-columns: 66% 33%;
	grid-gap: 14px;
}

.passport_type input[type="radio"]+label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 22px;
	margin-right: 20px;
	font-size: 13px;
	width: auto;
	line-height: 11px;
}

.passport_type input[type="radio"]+label:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 14px;
	position: absolute;
	top: -3px;
	left: 0;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 50%;
}

.passport_type input[type="radio"] {
	display: none !important;
}

.passport_type input[type="radio"]:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0d7836;
}

.passport_box {
	width: 100%;
	height: 34px;

}

.tab50 div:nth-last-child(1) {
	border-bottom: 0px;
}

h4.seprate {
	font-size: 16px;
	color: #0d7836;
	padding: 15px 0 15px 0;
}

.seprate::after {
	content: "";
	border-bottom: 1px dotted #cfcfcf;
	width: 100%;
	float: left;
	padding: 2px 0;
}

.flex_row_home {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_row {
	display: flex;
	justify-content: space-between;
}

.flex_row_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.align-right {
	display: flex;
	justify-content: flex-end;
}

.legends span {
	display: inline-flex;
	align-items: center;
}

.legends span p {
	font-weight: 500;
	font-size: 14px;
}

.legends span i {
	color: #0d7836;
	font-size: 15px;

}

/* Payment CSS */

.card_box {
	border-top: 1px solid rgba(3, 3, 3, 0.1);
	box-shadow: 0px 1px 4px rgb(3 3 3 / 14%);
	background: #fff;
	margin-bottom: 10px;
	padding: 19px 20px;
}

.box_row {
	margin-top: 10px;
	width: 100%;
	float: left;
	border: 1px solid #cacbca;
}

.mt25 {
	margin-top: 25px;
}

.mt15 {
	margin-top: 15px;
}

.mt13 {
	margin-top: 13px;
}

.card_box img {
	width: 32px;
	margin-right: 10px;
	vertical-align: middle;
}

.h-1 {
	min-height: 232px;
}

.card_box p {
	font-size: 14px;
	font-weight: normal;
	margin-top: 20px;
}

a {
	text-decoration: none;
	color: #000;
}

.box_row h4 {
	color: #0d7836;
}

.faq-heading {
	font-weight: 400;
	font-size: 19px;
	-webkit-transition: text-indent 0.2s;
	text-indent: 20px;
	color: #333;
	padding: 10px 0;
	position: relative;
}

.faq-text {
	font-weight: 400;
	color: #171717;
	width: 100%;
}

.faq-text input {
	margin-left: 17px;
}

.faq {
	width: 100%;
	margin: 0 auto;
	background: white;
	border-radius: 4px;
	position: relative;
	margin-top: 10px;
}

.faq-l {
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	height: 56px;
	padding-top: 1px;
	margin-bottom: 10px;
	background-color: #FAFAFA;
	border: 1px solid #E1E1E1;
}

.faq input {
	width: auto;
	height: auto;
}

.faq-text label {
	width: auto;
	float: none;
	font-size: 14px;
	padding-left: 10px;
	cursor: pointer;
}

.gateway {
	display: none;
}

.faq .faq-arrow {
	position: absolute;
	top: 4px;
	right: 7px;
}

.faq img {
	width: 85px;
	height: auto;
}

.faq-heading input {
	width: auto;
	height: auto;
	margin-right: 14px;
}

.faq input[type="checkbox"]:checked+label {
	display: block;
	background: rgba(255, 255, 255, 255) !important;
	color: #4f7351;
	height: auto;
	transition: height 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.faq input[type='checkbox']:not(:checked)+label {
	display: block;
	transition: height 0.8s;
	height: 56px;
	-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.passport_fees table,
.passport_fees table tr,
.passport_fees table td {
	border: 0;
	padding: 0;
}

.passport_fees table td:nth-child(1) {
	width: 55%;
}

.passport_fees table td:nth-child(2) {
	width: 45%;
}

.passport_fees {
	background: #f1f1f1;
	padding: 10px 20px;
}

.pay-info {
	display: inline-flex;
	font-size: 14px;
	font-family: 'sfui-semibold';
}

.pay-info>* {
	margin-right: 10px;
}

/* HOME CSS */

.card_box_pass {
	border: 1px solid rgba(3, 3, 3, .1);
	box-shadow: 0px 1px 4px rgb(3 3 3 / 14%);
	background: #fff;
	padding: 9px 10px;
	cursor: pointer;
	height: 100%;
}

.card_box_item h3 {
	letter-spacing: 0;
	font-weight: 400;
	font-family: sfui-semibold;
}

.top_pass {
	display: flex;
	align-items: flex-start;
}

.mid-section h4 {
	font-size: 22px;
}

.rows_box {
	margin-top: 30px;
	width: 100%;
	float: left;
	margin-bottom: 27px;
}

.grid_three {
	display: grid;
	grid-template-columns: 32% 32% 32%;
	grid-gap: 15px;
}

.card_box_pass img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: 8px;
}

.h-1 {
	min-height: 100px;
}

.card_box_pass span {
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	float: left;
}

/* RECEIPT CSS */

.pay-recipt table,
.pay-recipt table tr,
.pay-recipt table td {
	padding: 0 10px;
}

.pay-recipt table td:first-child {
	border-left: 0;
}

.pay-recipt table {
	margin-bottom: 8px;
}

.bank-notes h5,
.client-notes h5 {
	border: 0;
	border-bottom: 1px solid #aeaeae;
	background: #f1f1f1;
	padding: 4px 10px;
}

.pay-recipt h4 {
	background: #f1f1f1;
	padding: 4px 10px;
	border: 1px solid #aeaeae;
	border-bottom: 0 !important;
}

.pay-recipt table {
	border: 1px solid #aeaeae;
}

.pay-recipt {
	max-width: 650px;
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
}

.pay-recipt table th {
	background: #f1f1f1;
	color: inherit;
}

.bank-notes,
.client-notes {
	border: 1px solid #aeaeae;
	margin-bottom: 8px;
}

.bank-notes ul,
.client-notes ul {
	padding: 0 10px;
}

.pay-recipt h3 {
	background: #f96922;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.app_detail,
.pay_ack {
	padding: 0 12px;
}

.app_detail h4,
.pay_ack h4 {
	color: #0d7836;
}

.captcha {
	width: 100%;
	float: left;
}

.h_logo {
	display: none;
}

.h_logo .status_img {
	width: 75px;
}

.h_logo,
.h_logo td {
	border: 0;
}

.visa_type p {
	font-size: 25px;
	line-height: normal;
}

.tabordion {
	color: #333;
	display: block;
	margin: auto;
	position: relative;
	width: 100%;
}

.tabordion input[name="sections"] {
	left: -9999px;
	position: absolute;
	top: -9999px;
}

.tabordion section {
	display: block;
}

.tabordion section label {
	border-right: 2px solid #0d7836;
	cursor: pointer;
	display: block;
	font-size: 16px;
	padding: 21px 20px;
	position: relative;
	width: 180px;
	float: none;
	color: #bbb;
	z-index: 99;
}

.tabordion section article {
	display: none;
	left: 230px;
	min-width: 300px;
	padding: 0 0 0 21px;
	position: absolute;
	top: 0;
}

.tabordion section article:after {
	bottom: 0;
	content: "";
	display: block;
	left: -229px;
	position: absolute;
	top: 0;
	width: 220px;
	z-index: 1;
}

.tabordion input[name="sections"]:checked+label {
	background: #eee;
	color: #000;
}

.tabordion input[name="sections"]:checked~article {
	display: block;
}

/* # The Rotating Marker #*/

details summary::-webkit-details-marker {
	display: none;
}

details summary::before {
	content: "▶";
	position: absolute;
	top: 4px;
	left: 0.8rem;
	transform: rotate(0);
	transform-origin: center;
	transition: 0.2s transform ease;
	appearance: none;
	-webkit-appearance: none;
	background: #f96922;
}

details[open]>summary:before {
	transform: rotate(90deg);
	transition: 0.45s transform ease;
}

details {
	box-sizing: border-box;
	margin-bottom: 15px;
	background: #fff;
	display: none;
	width: 100%;
	float: left;
	position: relative;
}

details summary {
	outline: none;
	padding: 5px;
	display: block;
	background: #f96922;
	color: white;
	padding-left: 2.2rem;
	position: relative;
	cursor: pointer;
	z-index: 10;
	border-radius: 2px;
}

details .content {
	padding: 10px;
	border: 2px solid #888;
	border-top: none;
	position: absolute;
	z-index: 9999;
	background: #fff;
	width: 100%;
	box-shadow: 0 5px 10px rgb(0 0 0 / 9%), 0 8px 7px rgb(0 0 0 / 9%);
}

.history_info-inner table tr {
	table-layout: fixed;
	display: table;
	width: 100%;
}

/* # The Sliding Summary # */

@keyframes details-show {
	from {
		margin-bottom: -80%;
		opacity: 0;
		transform: translateY(-100%);
	}
}

details>*:not(summary) {
	animation: details-show 500ms ease-in-out;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	color: transparent;
	overflow: hidden;
}

details[open]>*:not(summary) {
	color: inherit;
}

details .content ul {
	list-style-type: disc;
	margin-left: 10px;
}

/* COD CSS Start */

.mt15 {
	margin-top: 15px;
}

.mt30 {
	margin-top: 30px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mt20 {
	margin-top: 20px;
}

.mt10 {
	margin-top: 10px;
}

.title_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo {
	margin-top: 20px;
}

.green_row {
	background: #0d7836;
	width: 100%;
	color: #fff;
	padding-left: 7.2%;
}

.cod-Data {
	width: 100%;
	float: left;
}

.box ol {
	list-style-position: outside;
	padding-left: 20px;
}

h3.heading-green {
	color: #0D7836;
}

.box {
	border-left: 0.5px dotted #d8d8d8;
	padding: 8px 10px;
	margin-top: 15px;
}

.box:first-child {
	border-left: 0;
}

.box h4 {
	margin-bottom: 8px;
}

.tabs-container {
	position: relative;
	background: #F3F3F3;
	width: 320px;
	height: 560px;
	float: left;
	z-index: 20;
	border: 1px solid #d7d7d7;
}

.tabs-container label {
	position: relative;
	padding: 7px 10px 6px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	font-size: 13px;
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
}

.tabs-container label:hover {
	background: rgba(0, 0, 0, 0.2);
}

.tab-content {
	position: relative;
	background: #fff;
	width: calc(100% - 320px);
	height: 560px;
	float: left;
	box-sizing: border-box;
	z-index: 19;
	border: 1px solid #d7d7d7;
	border-left: 0;
	margin-bottom: 50px;
}

.tab-content:after {
	content: "";
	clear: both;
}

.tab-content .back_btn,
.tab-content .custom_btn {
	margin-top: 8px;
}

.tab-content h3 {
	background: #ebebeb;
	padding: 3px 15px;
	border-bottom: 1px solid #d7d7d7;
}

.tab-content .grid_two {
	padding: 10px 15px;
}

input[name="tab"] {
	display: none;
}

input[name="tab"]:checked+.tab-content {
	display: block;
	animation: slide 0.5s forwards;
}

.cod-Data .bk {
	background: #f1f1f1;
	padding: 25px 20px 20px;
	width: 100%;
}

.infoyn {
	width: auto;
	float: none;
	height: auto;
	padding: 0px 6px;
}

.element {
	border-color: #f96922;
	border-image: #f96922;
	position: relative;
}

.element:before {
	content: 'i';
	background: #f96922;
	padding: 4px 11px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: -19px;
	border: 3px solid #fff;
	font-family: serif;
	font-weight: 700;
	color: #fff;
}

.element {
	background-clip: content-box;
	background-color: inherit;
	border-left: 6px solid #f96922;
	margin-bottom: 23px;
	padding-left: 20px;
}

.card_box_pass h4 a {
	display: flex;
	align-items: center;
}

.card_box_pass h4 a i {
	padding-left: 7px;
}

.half_w {
	width: 25%;
}

/* COD CSS End */

.blinkingText {
	font-size: 20px;
	padding-top: 8px;
	color: red;
	line-height: 20px;
}

.highlight_txt {
	font-size: 16px;
	color: #f96922;
}

.h_txt {
	height: auto !important;
}

.common_view label,
.common_view p {
	font-size: 18px;
}

.cod-change-field th:first-child {
	padding-left: 15px;
}

.card table tr td:first-child {
	padding-left: 5px !important;
	border-left: 0 !important;
}

.iti {
	width: 100%;
}

.gateway-fee-note {
	color: red;
}

.book-appointment-note p {
	color: red;
	text-align: left;
}

.confirmbox-container p {
	overflow-wrap: break-word;
}

/* HOME PAGE CSS START */

.banner-img_home {
	background: url('pass.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 320px;
	float: left;
	position: relative;
	overflow: hidden;
}

.banner_text {
	width: 100%;
	float: left;
	color: #fff;
	position: absolute;
	top: 35%;
	left: 8%;
	line-height: 42px;
}

.banner_text hr {
	border: 1px solid #f96922;
	width: 40px;
	margin: 10px 0;
}

.main-bottom {
	background: #F5F5F5;
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	height: 120px;
	position: relative;
	box-shadow: 0 14px 28px rgb(0 0 0 / 9%), 0 10px 10px rgb(0 0 0 / 9%);
}

.img_num img {
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

.loginBtn {
	cursor: pointer;
}

.menu ul li {
	display: inline-block;
	margin-left: 19px;
	/* margin-top: 17px !important; */
	vertical-align: middle;
}

img.logo {
	width: 172px;
}

.logo-header {
	display: flex;
}

nav img {
	width: 200px;
}

.nav-links li a:hover::before {
	width: 80%;
}

.adjust-height {
	min-height: 600px;
}

.right_top span {
	padding-left: 9px;
	font-size: 14px;
	font-family: sfui-semibold;
}

.dropdown a:hover {
	color: #f96922 !important;
}

/* HOME PAGE CSS END */

/* DASHBOARD PAGE CSS START */

.new_app .save_btn,
.new_app .custom_btn {
	margin: 0 3px;
	position: relative;
	z-index: 99;
	font-size: 14px;
	font-family: "sfui-semibold";
}

.height_fixx {
	height: 100%;
	max-height: calc(100vh - 330px);
	overflow-y: auto;
	border-bottom: 1px solid #ececec;

}

/* DASHBOARD PAGE CSS END */

.card .legends span p,
.card .legends span i {
	color: #d70606;
}

.pay_btn {
	background: #e2b227 !important;
	border: 1px solid #bcac0a !important;
}

.pay_btn:hover {
	background: #d29f0a !important;
}

.app-confirm {
	color: red;
}

.pdf-label {
	color: #797878
}

.print_reciept td {
	font-weight: 600;
}

.print_reciept td span {
	font-weight: 500
}

li.dropdown i {
	padding-left: 7px;
}

.bottom-deatils-content {
	width: 100%;
	float: left;
	text-align: left;
	position: fixed;
	bottom: 0;
}

.menu {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.menu>li {
	margin: 0 1rem;
}

.menu-button-container {
	display: none;
	height: 100%;
	width: 30px;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#menu-toggle {
	display: none;
	position: relative;
	left: 21px;
}

.menu-button,
.menu-button::before,
.menu-button::after {
	display: block;
	background-color: #282928;
	position: absolute;
	height: 4px;
	width: 30px;
	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 2px;
}

.menu-button::before {
	content: "";
	margin-top: -8px;
}

.menu-button::after {
	content: "";
	margin-top: 8px;
}

#menu-toggle:checked+.menu-button-container .menu-button::before {
	margin-top: 0px;
	transform: rotate(405deg);
}

#menu-toggle:checked+.menu-button-container .menu-button {
	background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked+.menu-button-container .menu-button::after {
	margin-top: 0px;
	transform: rotate(-405deg);
}

/* my menu */

.header_row {
	width: 90%;
	display: flex;
	align-items: center;
	padding: 0 45px;
	justify-content: center;
	margin: 0 auto;
}

.header_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

.right_sides.right_top_1 {
	width: calc(100% - 270px);
	display: flex;
	justify-content: flex-end;
}

.for_menu,
.user_log {
	width: auto;
	float: left;
	display: flex;
	align-items: center;
}

/* NEW FLOW CSS ADDED */

.book_center {
	color: #DF692F;
	font-size: 12px;
	margin-top: -2px;
	width: 100%;
	float: left;
}

.line {
	border-bottom: 1px solid #979797;
	padding: 0px 10px;
	background: #f1f1f1;
	text-align: left;
}

pdf-viewer {
	width: 100%;
	float: left;
	z-index: 1002;
	position: relative;
	border: 1px solid #cdcccc;
}

.pdf-viewer-with-option {
	height: 438px;
}

.pdf-viewer-without-option {
	height: 510px;
}

.view_pdf pdf-viewer {
	height: calc(100% - 10px);
}

/* .view_pdf pdf-viewer{height: 550px;} */

.view_pdf img {
	text-align: left;
	width: auto;
	float: left;
}

.view_pdf p {
	background: #e7e7e7;
	border: 1px solid #d9d9d9;
	text-align: left;
	margin-bottom: 10px;
	padding: 3px 10px;
}

.margin60 {
	margin-top: 60px;
}

p.guidlines {
	line-height: 17px;
}

.details_photo li {
	list-style: disc;
	margin-left: 17px;
	text-align: left;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	overflow: scroll;
}

.grid-photo-two {
	display: grid;
	grid-template-columns: 35% 60%;
	grid-column-gap: 53px;
	text-align: left;
}

.grid-photo-two,
.guidelines-container {
	grid-template-columns: 100%;
}

.grid-photo-two {
	width: 100%;
	float: left;
}

.support_document table th {
	background: none;
}

.support_document table tr td {
	border-left: 0;
	height: 40px;
	vertical-align: text-top;
}

.support_document table tr td {
	border-left: 0;
	vertical-align: text-top;
	padding-top: 2px;
	padding-bottom: 15px;
	position: relative;
}

.support_document table tr td .alert {
	position: absolute;
	bottom: 3px;
	left: 10px;
}

.support_document table tr td.actionable {
	/* text-align: right; */
}

.actionable {
	text-align: right;
}

.actionable span {
	padding: 1px 5px;
	border-radius: 3px;
	margin-right: 5px;
	font-size: 12px;
	cursor: pointer;
}

.actionable .upload {
	background: #a9f3a9;
	border: 1px solid #b3cdb3;
	color: green;
}

.actionable .preview {
	background: #baecff;
	color: #125a87;
	border: 1px solid #5cb1cb;
}

.actionable .delete {
	background: #fdcfcf;
	color: #e12121;
	border: 1px solid #fba2a2;
}

.actionable .check i {
	color: green;
	font-size: 14px;
	cursor: default;
}

.profile_table {
	border: 0 !important;
	padding: 0;
	margin: 0;
	margin-top: 10px !important;
	vertical-align: text-top;
	table-layout: fixed;
}

.profile_table tr {
	border: 0 !important;
}

.profile_table tr td:first-child,
.profile_table tr td {
	padding-left: 0 !important;
	border-left: 0 !important;
	vertical-align: top;
	padding-right: 0;
}

.pt-10 {
	padding-top: 10px;
}

.profile_table td.tab-d-print {
	padding-left: 5px !important;
}

.pright5 {
	padding-right: 5px !important;
}

.half_col_box_doc {
	border: 1px solid #979797;
	width: 100%;
	float: left;
}

.half_col_box_doc .tab50 div {
	padding: 0;
}

.mb-70 {
	margin-bottom: 70px;
}

.user_pic {
	border-right: 1px solid #ada7a7;
}

.user_pic img {
	width: 35mm;
	height: 100%;
	object-fit: fill;
}

.mb10 {
	margin-bottom: 10px;
}

.tab50 p {
	color: #167816;
	padding: 2px 10px;
	text-align: left;
}

.tab50 label {
	width: auto;
	padding: 4px 10px;
}

.tab50 span {
	padding: 2px 10px;
}

.nin_verify_grid {
	display: grid;
	grid-template-columns: calc(35% - 20px) 65%;
	width: 100%;
	gap: 20px;
}

.guidlines a {
	color: #188fd9;
	text-decoration: underline;
	font-family: sfui-semibold;
}

.grid-boxs .form_box {
	height: 75px;
}

.personal_details_section table.request_table {
	width: 100%;
}

.personal_details_section table {
	width: 600px;
}

.personal_details_section table tr td:first-child {
	border-left: 0;
	width: 30%;
	font-size: 13px;
}

.personal_details_section table tr:nth-child(even) {
	background: #f2f2f2;
}

.img_box img {
	width: auto;
	border: 1px solid #cacbca;
	max-width: 100%;
	object-fit: contain;
	/* height: 260px; */
}

.guidelines-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100vw - 250px) !important;
	padding: 0 !important;
	background: #fff;
	padding: 15px;
	border-radius: 6px;
	text-align: left;
}

.guidelines-container img {
	width: 800px;
	height: auto;
}

.grid-guideline .grid-boxs {
	height: 100%;
	overflow: hidden;
}

.grid-guideline table tbody {
	max-height: calc(100vh - 200px);
	background: #fbfbfb;
	/* display: block;
  	height: auto;
  	overflow-y: auto; */
}

.grid-guideline table tbody tr:nth-child(even) {
	background-color: #efefef;
}

.grid-guideline table tbody td:first-child {
	font-weight: 600;
	vertical-align: top;
	width: 160px;
}

.grid-guideline table tbody td:last-child {
	width: calc(100% - 160px);
}

.photo-ex-inner {
	float: left;
	width: 100%;
	height: 100%;
}

.photo-ex-inner .tabs_vertical {
	height: calc(100% - 100px);
	overflow-y: auto;
	background: #ebebeb;
}

ul.guidelines_list {
	padding-left: 20px;
	padding-bottom: 15px;
	list-style: disc;
}

.guide_wrapper {
	display: flex;
	height: 100%;
	justify-content: space-between;
}

.tab {
	cursor: pointer;
	padding: 10px 10px;
	margin: 0px 2px;
	background: #0d7836;
	display: inline-block;
	color: #fff;
	border-bottom: 1px solid #178d44;
}

.tabs {
	width: 210px;
	box-shadow: 0 0.5rem 0.8rem #00000080;
	background: #0d7836;
}

.panels {
	width: calc(100% - 210px);
	max-width: 100%;
	overflow-y: auto;
	padding: 20px;
}

.tabs_vertical.g-w .panels {
	background: rgb(235 235 235 / 96%);
	width: calc(100% - 210px);
	max-width: 100%;
	border-radius: 3px;
	overflow: hidden;
	padding: 20px;
	border: 1px solid #dbdbdb;
}

.panel {
	display: none;
	animation: fadein .8s;
	position: relative;
}

.instruction_box ul li,
.upload_inst ul li {
	list-style-type: disc;
	text-align: left;
	margin-left: 16px;
	padding-top: 3px;
	line-height: 21px;
}

.radio_guide {
	display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel,
#four:checked~.panels #four-panel,
#five:checked~.panels #five-panel,
#six:checked~.panels #six-panel,
#seven:checked~.panels #seven-panel,
#eight:checked~.panels #eight-panel,
#nine:checked~.panels #nine-panel,
#ten:checked~.panels #ten-panel {
	display: block
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab,
#four:checked~.tabs #four-tab,
#five:checked~.tabs #five-tab,
#six:checked~.tabs #six-tab,
#seven:checked~.tabs #seven-tab,
#eight:checked~.tabs #eight-tab,
#nine:checked~.tabs #nine-tab,
#ten:checked~.tabs #ten-tab {
	background: #fff;
	color: #0d7434;
}

.panel img {
	width: 200px;
	height: 200px;
	border: 1px solid #cbcbcb;
}

.heading_title {
	display: inline-block;
	width: 100%;
	padding: 5px 22px;
	position: relative;
	color: #a1a1a1;
	border-right: 1px solid #dfdfdf;
	background-color: #f7f3f3;
	border: 1px solid gainsboro;
	margin-bottom: 10px;
}

.photo_grid {
	display: grid;
	grid-template-columns: 46% 51%;
	grid-column-gap: 46px;
}

.heading_title .active_li .title_li {
	color: #00743d;
	font-weight: 600;
}

.pic_guide h4 {
	line-height: 18px;
	padding-bottom: 4px;
}

.pic_guide li {
	list-style: decimal;
	margin-left: 15px;
	line-height: 24px;
}

.pic_guide p {
	line-height: 18px;
}

.tick_mark {
	font-size: 35px;
	position: absolute;
	left: -11px;
	top: -25px;
}

.tick_mark .fa-check {
	border: 1px solid #1acb1a;
	color: #1acb1a;
	background: #cbffdf;
	border-radius: 50%;
	vertical-align: middle;
	padding: 7px 8px;
	font-size: 25px;
}

.tick_mark .fa-times {
	color: #ffe2e2;
	background: #e53232;
	border-radius: 50%;
	vertical-align: middle;
	padding: 4px 8px;
	font-size: 25px;
}

.tick_mark {
	left: -4px;
	top: -24px;
}

.tick_mark .fa-check,
.tick_mark .fa-times {
	padding: 6px 6px;
}

input#myFile {
	position: absolute;
	opacity: 0;
	border: 0;
	left: 0;
	cursor: pointer !important;
	top: 0;
	width: 100px;
	height: 35px;
	padding: 6px 8px;
}

.upload_btn {
	background: #d1ffd1;
	border: 1px solid #c5d9c5;
	color: green;
	border-radius: 3px;
	position: relative;
	min-width: 50px;
	width: auto;
	display: inline-block;
	padding: 6px 12px;
	text-align: center;
	position: relative;
	z-index: 99;
	height: 35px;
	cursor: pointer;
}

.capture_btn {
	background: #ffed97;
	color: #706a0f;
	border: 1px solid #cfcf24;
	margin-left: 5px;
	border-radius: 3px;
	font-family: 'sfui-semibold';
}

.wid40 {
	width: 40%;
}

.wid20 {
	width: 20%;
}

.validate_btn {
	background: #eb9b22;
	color: #fff;
	position: relative;
	font-family: 'sfui-semibold';
	min-width: 60px;
	width: auto;
	border-radius: 3px;
}

.details_photo li {
	list-style: disc;
	margin-left: 17px;
	text-align: left;
}

.photo_box {
	border: 1px dotted #999;
	height: 375px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.instructionss {
	text-align: left;
}

.grid-photo-two {
	display: grid;
	grid-template-columns: 375px calc(100% - 395px);
	text-align: left;
	gap: 18px;
}

.issue_box {
	border: 1px solid #ebe9e9;
	background: #f1f1f1;
	padding: 10px 20px;
	text-align: left;
	/* height: 280px; */
	overflow-y: auto;
	margin-bottom: 10px;
}

.issue_box ul {
	padding-left: 20px;
}

.issue_box ul li {
	list-style: disc;
}

.center-content {
	justify-content: center;
}

ngx-super-croppie {
	position: relative;
}

.icons_uplaod_1 {
	margin-top: 10px;
}

.upload_boxx {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 auto;
}

.croppie-container {
	width: 100%;
	height: auto !important;
}

.croppie-container .cr-slider-wrap {
	width: 75%;
	margin: 5px auto 0 !important;
}

.file-upload .croppie-container {
	width: auto;
	float: left;
	text-align: left;
}

.file-upload .croppie-container .cr-slider-wrap {
	margin: 7px 0 0 !important;
}

button.filt--upload {
	background: #d1ffd1;
	color: #0D7836;
	padding: 7px 10px;
	border-radius: 3px;
	border: 1px solid #c5d9c5;
	cursor: pointer !important;
	font-size: 13px;
}

.file-upload .photo_box {
	max-width: 500px;
	width: 100%;
	height: 300px;
}

.files_btn {
	text-align: left !important;
}

.bottom_instruction,
.view_pdf p {
	text-align: left;
}

.bottom_instruction ul {
	list-style: disc;
	padding-left: 15px;
}

.wid400 {
	width: 500px;
	float: left;
}

.form_height {
	height: 74px;
}

.mat-expansion-panel-content .mat-expansion-panel-body {
	padding: 20px 24px 20px;
	text-align: left;
	background: #eee;
}

.mat-expanded .mat-expansion-panel-content .mat-expansion-panel-body {
	border-top: 1px solid #ddd;
}

.main .heading_main {
	font-size: 45px;
	padding: 0 0 80px;
}

.image_upload_container {
	width: calc(100% - 20px);
	max-width: 1100px;
	padding: 0 !important;
	background: #fff;
	border-radius: 0;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.image_upload_container .modal-body {
	height: 580px;
	padding: 10px 10px 0;
	overflow: hidden;
}

.modal-header {
	background: #0D7836;
	color: #fff;
	text-align: left;
	height: 45px;
}

.modal-header i {
	text-align: right;
	color: #fff;
}

.modal-header h4 {
	width: 100%;
	float: left;
	padding: 4px 0;
	font-weight: 400;
}

.confirmbox-container .modal-header,
.confirmbox-container .modal-body,
.confirmbox-container .modal-footer {
	text-align: left !important;
}

.confirmbox-container .modal-body p span {
	color: red;
}

.guidelines-container .modal-body {
	height: calc(100vh - 125px);
	overflow: hidden;
}

.image_upload_container .centered {
	position: relative;
	margin: 0 auto;
	height: 100%;
	overflow-y: auto;
}

.image_upload_container .centered .grid-one-third,
.image_upload_container .file-upload {
	height: 100%;
}

.image_upload_container .form_box+.file-upload {
	height: calc(100% - 74px);
}

.image_upload_container .centered .grid-boxes {
	height: 100%;
}

.image_upload_container .centered .grid-boxes-upload {
	overflow-y: auto;
}

#msform {
	position: relative;
	padding: 12px 16px 8px;
}

.icon_dummy i {
	font-size: 70px;
	opacity: .4;
	padding: 20px;
}

.image-cropper-box {
	height: calc(100% - 60px);
	border: 1px solid #cdcccc;
	overflow-y: auto;
}

.image-cropper-box img {
	max-width: 100%;
	display: flex;
}

.doc-data {
	height: calc(100% - 10px);
	border: 1px solid #d9d9d9;
	overflow-y: auto;
}

.doc-data img {
	max-width: 100%;
	object-fit: contain;
	display: flex;
}

.documentt_view tr td {
	border-bottom: 1px solid #d7d7d7;
}

table.request_table {
	border: 1px solid #cacbca;
}

.request-detail .form-card {
	width: 100%;
}

table.request_table tr {
	float: none;
	display: table-row;
	border-bottom: 1px solid #cacbca;
	width: auto;
}

table.request_table tr:last-child {
	border-bottom: none;
}

table.request_table td {
	display: table-cell;
	text-align: left;
	width: auto;
	float: none;
}

.request_table tr:first-child td,
.request_table tr td:first-child {
	background: #ebebeb;
	text-shadow: 0 0 BLACK;
}

.request_table tr:first-child td:first-child,
.request_table tr td:first-child {
	width: 150px;
}

.request_table .fa-times-circle {
	color: red;
}

.request_table .fa-check-circle {
	color: green;
}

.cod-popup {
	max-width: 1100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100vw - 90px);
	background: #fff;
	padding: 0;
	border-radius: 6px;
	text-align: left;
	overflow: hidden;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}

.cod-Data {
	width: 100%;
	float: left;
}

.cod-Data .bk {
	background: #f1f1f1;
	padding: 25px 20px 20px;
	width: 100%;
}

.tabordion-list {
	width: 150px;
	border-right: 2px solid #0d7836;
}

.tabordion-list li {
	cursor: pointer;
	font-size: 16px;
	padding: 20px 20px;
	color: #bbb;
	font-weight: bold;
}

.tabordion-output {
	width: calc(100% - 150px);
	padding: 0 0 0 40px;
}

.tabordion-list li.active {
	background: #eee;
	color: #000;
}

.tabordion {
	position: relative;
	display: flex;
	margin-bottom: 20px;
}

.cod-change-data {
	margin-bottom: 0;
	width: 100%;
	border: none;
}

.cod-change-data th {
	background: #f1f1f1;
	color: rgb(67, 67, 67);
	border-color: #979797;
	height: auto;
}

.cod-change-data tr td:first-child {
	border-left: none;
	font-family: "sfui-semibold";
}

.cod-change-data tr,
.cod-change-head {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-color: #979797;
}

.cod-change-data td {
	/* border-color: #979797; */
	height: auto;
	padding-left: 10px;
	text-align: left;
	border-left: 1px solid #979797;
	line-height: 20px;
}

.image_upload_radio_container {
	gap: 1rem;
}

.flex_row_passport_delivery {
	display: flex;
	align-items: center;
}

.radio-span {
	gap: 5px;
	align-items: center;
}

.image_upload_radio {
	width: auto !important;
}

.radio-grid-wrap {
    padding-bottom: 10px;
    position: relative;
}

.radio-grid-wrap .alert {
    position: absolute;
    bottom: 0;
    left: 0;
}

.radio-grid .radio-span {
	width: -moz-fit-content;
	width: fit-content;
}

.radio-grid {
	padding: 0 0 5px;
}

@media (min-width: 1025px) and (max-width: 1340px) {
	.form_box {
		margin-top: 10px;
	}
}

@media (min-width: 768px) and (max-width: 1340px) {
	.support_document table tr td {
		padding-bottom: 20px;
	}

}

@media (min-width: 768px) and (max-width: 1250px) {
	.re_upload_box {
		width: 50%;
		padding: 0 0 5px;
	}
}

@media (max-width: 1359px) {
	.main .heading_main {
		font-size: 35px;
		padding: 0 0 50px;
	}
}

@media (max-width: 1199px) {
	.tabset {
		top: 0;
	}

	td.upload-support-doc {
		width: 70%;
	}

	td.upload-support-doc-btn {
		width: 30%;
	}

	.header_row {
		padding: 0;
	}
}

@media (min-width: 992px) and (max-width: 1330px) {
	.nin_verify_grid {
		grid-template-columns: calc(40% - 3px) 60%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.menu>li {
		margin: 0 10px;
	}

	nav img {
		max-width: 150px;
	}

	.right_sides.right_top_1 {
		width: calc(100% - 220px);
	}

	nav.header-session img {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	nav img {
		width: 150px;
	}

	.menu {
		position: absolute;
		top: 67px;
		margin-top: 6px;
		left: 0;
		flex-direction: column;
		width: 100%;
		text-align: left;
	}

	#menu-toggle~.menu li {
		height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#menu-toggle:checked~.menu {
		height: 100vh !important;
		background: #222 !important;
		opacity: .95 !important;
	}

	#menu-toggle:checked~.menu li {
		border: 1px solid #333;
		height: auto;
		padding: 0.5em;
		transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
		display: block;
	}

	.menu>li {
		display: flex;
		justify-content: center;
		margin: 0;
		padding: 0.5em 0;
		width: 100%;
		color: white;
		background-color: #222;
		display: none;
	}

	.menu>li:not(:last-child) {
		border-bottom: 1px solid #444;
	}

	.menu li a {
		color: #fff;
		width: 100%;
		display: block;
	}

	.menu-button-container {
		display: flex;
	}

	.header-session .for_menu {
		order: 2;
	}

	.right_sides.right_top_1 {
		column-gap: 10px;
	}

	.header-login-session .user_log {
		display: none;
	}

	.small-screen-username {
		display: block;
	}

	.main,
	.main-footer {
		width: 100% !important;
		padding-right: 30px;
		padding-left: 30px;
	}

	.main .heading_main {
		font-size: 25px;
	}

	.header_row {
		width: 100%;
		padding: 0;
	}

	.right_sides.right_top_1 {
		padding-right: 10px;
	}

	.left_sides {
		padding-left: 10px;
	}

	td.upload-support-doc {
		width: 66%;
	}

	td.upload-support-doc-btn {
		width: 34%;
	}

	button.mat-menu-btn.mat-menu-item {
		padding: 0 11px;
	}
}

@media only screen and (min-width: 765px) and (max-width: 1024px) {

	.top_head {
		padding: 5px 20px;
	}

	.menu ul li {
		margin-left: 12px;
		margin-top: 10px;
	}

	.nav-links {
		display: block;
		list-style: none;
		width: auto;
		padding: 0;
		text-transform: capitalize;
	}

	.instruction_box {
		padding: 15px;
	}

	.main1 {
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
	}

	.faq {
		padding-left: 20px;
	}

	.box_row h4 {
		padding-left: 20px;
	}

	.passport_fees h4 {
		padding: 10px 0;
	}

	.grid-two,
	.grid-payment {
		grid-template-columns: 100%;
	}

	.cart-info {
		height: auto;
	}

	.grid-two.tab_screen {
		grid-template-columns: 49% 49%;
	}

	.notice_modal {
		max-width: 85% !important;
	}

	.grid_three {
		grid-template-columns: 49% 49%;
		grid-gap: 15px;
	}

	.confirmbox-container {
		width: 85% !important;
	}

	.grid-date {
		grid-template-columns: 20% 50% 20%;
	}

	.modal-content {
		width: 98%;
	}

	.cod-Data .bk {
		padding: 10px 10px 0;
	}

	.tabs-container {
		width: 180px;
		height: 575px
	}

	.tab-content {
		width: calc(100% - 180px);
		height: 575px;
	}

	.tab-content .grid-two {
		grid-template-columns: 49% 49% !important;
	}

	.common_view label,
	.common_view p {
		font-size: 0.90em;
	}

	.search_grid {
		grid-template-columns: 40% 3% 52%;
	}

	.tabset>label {
		width: 33.3%;
	}

	.main-bottom {
		height: 140px;
	}

	.card {
		width: 97%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.confirmbox-container {
		width: 85% !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.help_item ul li .help_item_list {
		font-size: 13px;
	}

	.help_item ul li .help_item_list {
		width: 160px;
		font-size: 13px;
	}

	.help_item ul li p {
		width: calc(100% - 160px);
	}

	.nav-links li a {
		font-size: 14px;
	}

	.custom_btn1 {
		font-size: 13px;
	}

	.menu>li {
		margin: 0 10px;
		font-size: 13px;
	}

	.right_sides.right_top_1 {
		width: calc(100% - 230px);
	}

	.new_app .save_btn,
	.new_app .custom_btn {
		font-size: 12px;
	}

	nav.header-session img {
		width: 200px;
	}

	.grid-guideline {
		grid-template-columns: 100%;
		gap: 0;
	}

	.grid-guideline .grid-boxs {
		padding-top: 20px;
	}
}

.small-screen-username {
	display: none;
}

.user-account-container .fa-user-circle-o {
	font-size: 25px !important;
}

.user-account-container h4 {
	padding-bottom: 0;
}

.user-account-container {
	display: flex;
	gap: 10px;
	align-items: center;
}

@media only screen and (max-width: 767px) {

	.grid-personal,
	.grid-two,
	.grid-container,
	.grid-payment,
	.nin_verify_grid,
	.grid-photo-two,
	.guidelines-container,
	.grid-guideline {
		grid-template-columns: 100%;
		gap: 0;
	}

	.cod-change-data td {
		padding-left: 6px;
	}

	.main {
		width: 100% !important;
		padding-right: 10px;
		padding-left: 10px;
		height: auto;
		padding-bottom: 0;
	}

	body,
	body p,
	p,
	.p-body {
		font-size: 13px;
	}

	.new_app {
		padding: 2px 0 10px;
	}

	.pl-10 {
		padding-left: 10px;
	}

	.header_box span {
		position: absolute;
		top: 47px;
		padding-left: 3px;
		font-size: 13px;
		font-family: "sfui-semibold";
		width: 100%;
		float: left;
	}

	.grid-guideline .grid-boxs:last-child {
		padding-top: 30px;
	}

	.grid-guideline .grid-boxs:first-child {
		border: 1px solid #0d7836;
	}

	.grid-guideline table tbody td:first-child,
	.grid-guideline table tbody td:last-child {
		text-align: left;
		width: 100%;
	}

	nav.header-session {
		display: flex;
		align-items: center;
	}


	.header_box {
		display: flex;
		position: relative;
	}

	.history_modal {
		flex-direction: column;
	}

	.history_info_prv {
		width: 100%;
		margin-top: 10px
	}

	.re-upload-table.re-upload-doc th {
		position: relative;
		padding-left: 5px;
	}

	.image_upload_container.image-upload-large .modal-body {
		max-height: 500px;
		/* height: auto; */
	}


	.grid-one-third {
		grid-gap: 0;
	}

	.g-w .wrapper {
		flex-wrap: wrap;
	}

	.tabs_vertical.g-w .panels {
		width: 100%;
	}

	.tabs {
		width: 100%;
	}

	.flex_row {
		display: block;
	}

	.pay_ment thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.pay_ment td,
	.pay_ment tr {
		width: 100%;
		float: left;
	}

	.pay_ment tr {
		display: block;
	}

	.pay_ment td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 14px;
		text-align: right;
		padding: 5px;
	}

	.modal-header {
		/* height: 35px; */
		height: auto;
		padding: 4px 10px;
	}

	.cr-boundary {
		width: 100% !important;
	}

	.pay_ment td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.pay_ment td:last-child {
		border-bottom: 0;
	}

	/* hr.header_line {
		height: 40px;
	} */

	.top_head {
		margin-top: 0
	}

	.header_box img {
		width: 140px;
		height: 42px;
	}

	.profile_table td.tab-d-print {
		padding-left: 0 !important;
	}

	.dropdown a.custom_btn {
		position: relative;
		display: block;
		margin: 0;
	}

	.dropdown a {
		display: flex !important;
		align-items: center;
	}


	.dropdown a span {
		max-width: 147px;
		display: block;
		vertical-align: middle;
	}

	ul li ul.dropdown-menu-top {
		position: relative;
	}

	ul li ul.dropdown-menu-top li {
		margin: 0 !important;
		position: absolute;
		border: 2px solid #d6e4d6;
		width: 100%;
		padding-left: 52px;
		min-width: 147px;
		z-index: 1002;
		color: #fff;
		background: #fff;
		padding-top: 4px;

	}

	.fee {
		margin-bottom: 20px;
	}

	.half_col {
		display: grid;
		grid-gap: 9px;
		justify-content: inherit;
	}

	.line {
		padding: 0px 4px;
	}

	.mark_btn input {
		margin: 10px 5px;
	}

	span.tooltip {
		width: auto;
		max-width: 300px;
		font-size: 10px;
	}

	#progressbar li {
		font-size: 10px;
	}

	.tabset>label {
		padding: 8px 7px;
		width: 33%;
		font-size: 13px;
	}

	ul#progressbar p {
		font-size: 9px;
	}

	.head_table {
		background: #00743d;
		color: #fff;
		padding: 0 13px;
	}

	fieldset {
		position: relative;
	}

	.dropdown-menu-top {
		padding-bottom: 0;
	}

	.help_wrapper table td {
		text-align: left;
	}

	.search_grid-upload-img .grid-box {
		width: 100%;
	}

	.grid-personal,
	.grid-two,
	.grid-container,
	.grid-payment,
	.search_grid,
	.grid-one-third,
	.grid-passport {
		grid-template-columns: 100%;
	}

	.clearfix {
		display: none;
	}

	details {
		display: block;
	}

	.instruction_box {
		display: none;
	}

	.grid-container {
		grid-gap: 0;
	}

	.banner_text {
		top: 6%;
		left: 5%;
	}

	.banner-img_home {
		height: 180px;
	}

	.instruction_box {
		margin-top: 2px;
		padding: 1px 10px 5px;
	}

	.tab-panel p {
		padding-left: 0;
	}

	.new_app .save_btn,
	.new_app .custom_btn {
		font-size: 13px;
	}

	.align-right {
		top: 4px;
	}

	hr.header_line {
		margin: 0;
	}

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

	.t_and_c {
		margin-top: 0;
	}

	.t_and_c .pass-det {
		height: auto;
	}

	.banner-img-name {
		/* margin-bottom: 8px; */
	}

	.support_document table tr td {
		text-align: left;
		border-bottom: none;
		height: auto;
		padding: 2px 4px 2px;
	}

	.support_document table tr td .alert {
		left: 0;
		bottom: 2px;
	}

	.support_document table tr td:last-child {
		padding-bottom: 8px;
	}

	.support_document table tr td .alert {
		position: inherit;
		padding-top: 0;
	}

	table {
		height: auto;
		margin-bottom: 0;
	}

	.grid-two-box {
		margin-bottom: 0;
	}

	.grid-two,
	.grid-personal {
		grid-gap: 0;
		position: relative;
	}

	.view-buttons {
		margin-bottom: 60px;
	}

	.cus_row {
		margin: 0;
		width: 100%;
		float: left;
	}

	.menu.no-menu {
		top: 57px;
	}

	/* .header-session .right_sides.right_top_1 {
		width: calc(100% - 150px);
	} */
	.cus_row input {
		margin: 0 !important
	}

	.faq-text span {
		width: 100%;
		float: left;
	}

	.pay-recipt {
		width: 100%;
	}

	.user_type ul li label {
		padding: 17px 20px 5px;
	}

	.user_type ul li .check {
		top: 20px;
		left: 0;
	}

	.shop-cart .custom_btn {
		padding: 7px 15px !important;
	}

	.main1 {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
		height: auto;
	}

	.grid-box {
		text-align: left;
	}

	.pay_input input {
		font-size: 12px;
		padding-top: 4px;
	}

	.fix_height {
		height: auto;
	}

	.cart-info {
		height: 67px;
		overflow-y: auto;
		margin-bottom: 15px;
	}

	.dropdown-menu-top li a {
		color: #000;
	}

	.personal_details_section table {
		width: 100%;
		border: 1px solid #c6c5c5;
	}

	.personal_details_section table tr {
		width: 100% !important;
		border-bottom: 0 !important;
	}

	.personal_details_section table tr td:first-child {
		width: 100%;
		padding-left: 5px;
		text-align: left;
	}

	.personal_details_section table tr td {
		width: auto;
		text-align: left;
		border-left: 1px solid #ddd;
	}

	.personal_details_section table tr td:nth-child(even) {
		width: 100%;
	}

	.card {
		width: 100%;
		padding: 20px 15px;
	}

	.confirmbox-container,
	.ngx-dialog-content {
		width: 95% !important;
	}

	.confirmbox-container p {
		padding: 13px 0 !important;
	}

	.modal-content {
		height: auto;
	}

	.profile_view li {
		padding-left: 0;
	}

	.profile_view ul {
		grid-template-columns: 100%;
	}

	.fr1 {
		float: none;
	}

	.grid_detail {
		grid-template-columns: 100%;
		grid-gap: 0;
	}

	.grid_detail-box {
		padding: 0;
	}

	.grid_detail-box:first-child {
		border-right: 0;
	}

	.grid-modal-container {
		grid-template-columns: 37% 36% 18%;
		grid-gap: 10px;
	}

	.user_type,
	.profile_type {
		width: 100%;
		margin-bottom: 90px;
	}

	.grid-modal-box .btn {
		margin: 20px 0 !important;
	}

	.profile_type .form_box {
		height: 75px;
	}

	.profile_type .custom_btn {
		margin: 10px 5px;
	}

	/* footer {
		position: unset;
	} */
	fieldset.plr10 {
		padding: 0px 8px;
	}

	#msform {
		padding: 8px 7px;
	}


	/* New CSS Added by GS */
	.grid_three {
		grid-template-columns: 100%;
		grid-gap: 13px;
	}

	.card_box_pass {
		margin-bottom: 8px;
		padding: 9px 4px;
	}

	.card_box_pass a {
		font-size: 13px;
	}

	.login_nav {
		display: flex !important;
		float: none;
		justify-content: flex-end;
	}

	.mark_btn {
		width: 100%;
		float: left;
	}

	/* nav {
		box-shadow: 0 14px 28px rgb(0 0 0 / 9%), 0 10px 10px rgb(0 0 0 / 9%);
		height: auto;
	} */

	.h-1 {
		min-height: auto;
	}

	.radio label {
		margin-bottom: 15px;
	}

	.mt15 {
		margin-top: 0;
	}

	h4.seprate {
		padding: 0 0 15px;
	}

	.common_view,
	.upper_bar {
		justify-content: flex-start;
		padding: 0 5px;
	}

	.common_view p {
		/* width: auto !important;
		float: right !important; */
		margin-right: 0 !important;
	}

	.visa_type p {
		Font-size: 17px;
	}

	.sr-p-info p {
		margin: 5px 0 0;
		line-height: 19px;
	}

	.tab50 div {
		padding: 2px 6px;
	}

	.sr-p-info label {
		line-height: 14px;
	}

	.half_col_box {
		width: 100%;
	}

	.modal-footer .back_btn {
		margin-left: 8px;
	}

	.modal-body {
		padding: 4px 8px 8px;
	}

	.notice_modal {
		max-width: 95% !important;
	}

	.notice_modal .modal-body {
		padding: 6px;
	}

	.faq {
		margin: 10px;
	}

	table.pay_ment {
		border: 1px solid #dfdfdf;
	}

	footer img {
		width: 68px;
		height: 38px;
	}

	.h_txt {
		height: 135px;
	}

	.sr-p-info div {
		padding: 5px 5px;
	}

	.box_row h4 {
		padding-left: 0px;
	}

	.main-footer {
		padding-right: 2px;
		padding-left: 2px;
		width: 100%;
	}

	.footer_flex p {
		font-size: 0.83em;
	}

	.form_box.h_txt.height-form {
		height: 73px !important;
	}

	.tabordion section {
		display: inline-block;
	}

	.tabordion section label {
		font-size: 14px;
		width: 90px;
		padding: 5px 15px;
	}

	.tabordion section article {
		left: 0;
		min-width: auto;
		top: auto;
	}

	.form_box {
		height: 73px;
	}

	.tabs-container,
	.tab-content {
		width: 100%;
		height: auto;
	}

	.tab-content {
		border-left: 1px solid #d7d7d7;
	}

	table th {
		border: none;
		clip: rect(0 0 0 0);
		/* height: 1px; */
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		/* width: 1px */
	}

	table tr {
		border-bottom: 1px solid #0d7836;
		display: table;
		width: 100%;
	}

	.history_info-inner table td,
	.history_info-inner table tr {
		float: left;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
		padding: 5px 6px;
		border-left: 0;
		height: auto;
	}

	.profile_table.standard-prof-table td {
		border-bottom: none;
	}

	.profile_table.documentt_view tr {
		border-bottom: 1px solid #979797 !important;
	}

	td:empty {
		display: none;
	}

	table td:before {
		content: attr(data-label);
		float: left;
		font-family: sfui-semibold;
		text-transform: capitalize
	}

	.passport_fees table {
		margin-bottom: 0;
	}

	.passport_fees table tr td {
		border-bottom: 0 !important;
		font-size: 0.85em !important;
		line-height: 1;
	}

	.upper_bar,
	.common_view {
		padding: 0 5px;
	}

	.visa_type p {
		font-size: 15px;
	}

	.common_view label,
	.common_view p {
		font-size: 15px;
		padding-bottom: 5px;
	}

	.passport_fees {
		padding: 4px 7px;
	}

	.passport_fees table td,
	.pay-recipt_table tr td,
	.pageWrapper table tr td {
		width: auto;
		text-align: left;
		border-bottom: 1px solid #d7d7d7 !important;
	}

	.passport_fees table td:nth-child(even),
	.pay-recipt_table tr td:nth-child(even) {
		float: right;
	}

	.info h3 {
		font-size: 14px;
		line-height: 1.2;
	}

	.half_w {
		width: 100%;
	}

	table.pay-recipt_table td {
		border-bottom: 0 !important;
		font-size: 0.87em;
	}

	.cod-Data h2 {
		font-size: 20px;
	}

	.detail_change_view {
		padding: 0;
	}

	.top_pass h3 {
		font-size: 15px;
	}

	.mid-section h4 {
		font-size: 20px;
	}

	.form-card {
		padding: 8px 8px;
	}

	.legends span {
		height: 18px;
		margin-top: 3px;
	}

	.legends span p {
		font-size: 12px;
	}

	/* .wrapper {
		top: 76px;
	} */

	.wrapper.home_fix {
		top: 49px !important;
	}

	.home {
		margin-bottom: 40px;
	}

	.imp_info {
		display: none;
	}

	.search_grid {
		grid-template-columns: 100%;
	}

	.mob_adjust {
		display: none;
	}

	.mob_legends {
		width: 100%;
		float: left;
		font-size: 11px;
		padding-top: 5px;
	}

	.mob_legends {
		font-size: 10px;
	}

	.mob_legends p:after {
		content: ' ';
		border: 1px solid #b7b6b6;
		height: 10px;
		width: 0px;
		margin: 0 3px 0 4px;
		display: inline-block;
		vertical-align: middle;
	}

	.mob_legends p:last-child:after {
		display: none;
	}

	.mob_legends i {
		font-size: 10px;
	}

	.mob_font {
		font-size: 10px;
	}

	.height_fixx {
		height: 100%;
		max-height: calc(100vh - 350px);
		overflow-y: auto;

	}

	.bottom-deatils-content {
		position: unset;
	}

	.mob_legends p {
		display: inline-block;
		padding-left: 0;
	}

	.margin0 {
		margin: 0 !important;
	}

	.page {
		padding: 30px 0 0;
	}

	.right_sides.right_top_1 {
		order: 2;
		column-gap: 10px;
	}

	.menu-button,
	.menu-button::before,
	.menu-button::after {
		width: 25px;
	}

	/* .type-line {
		order: 3;
		display: inline-block;
		width: 100%;
		border-top: 1px solid #cacbca;
	} */
	.right_top.type-line {
		padding: 0;
	}

	.custom_btn1 {
		font-size: 12px;
	}

	nav {
		padding: 5px 0 0;
	}

	.user_log {
		order: 1;
	}

	.menu.menu_roww ul li a {
		color: #000;
	}

	.menu.menu_roww {
		position: relative;
		color: #000;
		top: -8px;
		margin-top: 0;
	}

	table.documentt_view tr td:first-child {
		width: 90%;
	}

	table.documentt_view tr td:last-child {
		width: 10%;
	}

	table.documentt_view tr {
		display: flex;
	}

	.none_dis {
		display: none;
	}

	.guidelines-container,
	.cod-popup {
		width: calc(100% - 20px) !important;
	}

	.confirmbox-container,
	.image_upload_container {
		width: 95% !important;
	}

	table.verify-table.verify-table-box td,
	table.table-code-req td {
		padding: 8px 6px;
	}

	table.dashboard-table {
		border: none;
	}

	table.dashboard-table tr {
		border: 1px solid #cacbca;
	}

	table.dashboard-table tr {
		margin-bottom: 8px;
	}

	.image_upload_container.image-upload-large .modal-header {
		padding: 0 10px;
	}

	.re_upload_box {
		width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.re-upload-info_top {
		padding: 0 0 10px;
		align-items: center;
	}

	.history_modal_info {
		width: 100%;
		min-width: 100%;
		padding: 0;
	}

	.history_info-inner table td {
		display: table-cell;
		text-align: left;
		height: auto;
		min-height: 34px;
	}

	.history_info-inner table th {
		position: relative;
		height: auto;
		padding: 0 5px;
	}

	.history_info-inner table tr {
		table-layout: fixed;
		width: 100%;
	}

	.history_info-inner table td:nth-child(2) {
		border-left: 1px solid #ddd;
	}

	.grid-modal-box.search-app {
		margin-top: 0;
	}
}

@media (max-width: 575px) {
	td.upload-support-doc {
		width: 55%;
	}

	td.upload-support-doc-btn {
		width: 45%;
	}

	.confirmbox-container {
		min-width: calc(100% - 20px)
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.common_view_item {
		width: 50%;
	}

	.search_grid-upload-img .grid-box {
		width: 50%;
	}

	.image_upload_container .modal-body {
		max-height: 580px;
	}

}

@media (max-width: 479px) {
	.common_view_item {
		width: 100%;
		display: flex;
	}

	.result-header .user_pic {
		border-right: none;
		align-items: center;
		justify-content: center;
		width: 100%;
		border-bottom: 1px solid #ada7a7
	}

	.s-head .result-header {
		flex-wrap: wrap;
	}

	.header-session .right_sides.right_top_1 {
		width: calc(100% - 198px);
	}

	.tabordion-list li {
		font-size: 14px;
		padding: 10px;
	}

	.tabordion-output {
		width: calc(100% - 130px);
		padding: 0 0 0 20px;
	}

	.back_btn,
	.btn,
	.custom_btn,
	.edit_btn,
	.receipt_btn,
	.save_btn {
		font-size: 12px;
	}

	.history_info-inner td .danger {
		font-size: 9px;
	}

}

@media only screen and (max-width: 450px) {
	.image-upload-large .modal-header h4 {
		font-size: 10px;
	}

	.tabset>label {
		min-width: 99px;
	}

	.image-cropper-box {
		height: calc(100% - 55px);
	}

	.image_upload_container .centered .grid-one-third {
		height: calc(100% - 43px);
	}
}

@media (max-width: 390px) {
	td.upload-support-doc {
		width: 50%;
	}

	td.upload-support-doc-btn {
		width: 50%;
	}

	#msform {
		padding: 12px 6px 8px !important;
	}

	.book_center.ensure-txt {
		font-size: 10px;
	}

	.image_upload_container.image-upload-large #msform {
		padding: 0 !important;
	}

}

@media only screen and (min-width: 320px) and (max-width: 380px) {

	body {
		font-size: 13px;
	}

	.new_app .save_btn,
	.new_app .custom_btn {
		font-size: 12px;
	}

	.tabset>label {
		width: 33%;
		font-size: 12px;
	}

	table td {
		padding: 2px 6px 1px;
	}

	table.verify-table.verify-table-box td,
	table.table-code-req td {
		padding: 8px 6px;
	}

	.height_fixx {
		max-height: calc(100vh - 270px) !important;
		border-bottom: 1px solid #aeaeae;
	}

	.mark_btn input {
		margin: 10px 5px;
	}

	.tab-panel p {
		padding-left: 0;
	}

	.legends span {
		height: 14px;
		margin-top: 0px;
	}

	.gurantor-form {
		overflow-x: auto;
	}

	.modal-header .list-doc {
		padding: 10px;
		font-size: 14px;
	}

	.photo_box.photo-set {
		height: 300px;
	}

	.cr-boundary {
		height: 300px !important;
	}

	.mt-8 {
		margin-top: 8px;
	}

	.image_upload_container.image-upload-large .modal-header {
		height: 45px;
	}


}

@media (max-height: 700px) {
	.image_upload_container.image-upload-large .modal-body {
		height: calc(100vh - 155px);
	}
}

.mat-select-panel-wrap {
	position: relative;
	top: 87px;
}

.mat-select-panel-wrap .mat-select-panel {
	min-width: calc(100% + 10px) !important;
	transform: translateX(11px) !important
}

.center_body {
	text-align: center;
	padding: 40px 10px;
	width: 100%;
	float: left;
	margin-bottom: 50px;
}

.card i {
	color: #0d7836;
	font-size: 60px;
	line-height: 100px;
	margin-left: -10px;
}

.card {
	background: white;
	padding: 20px 30px;
	border-radius: 4px;
	box-shadow: 0px 2px 8px #C8D0D8;
	display: inline-block;
	margin: 0 auto;
	width: 800px;
}

.card h1 {
	color: #0d7836;
	font-family: "sfui-semibold";
	font-size: 25px;
	margin-bottom: 10px;
}

.card p {
	color: #404F5E;
	font-size: 15px;
	margin: 20px 0;
}


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