/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css ***!
  \********************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css (1) ***!
  \************************************************************************************************************************************************************************************************************/


/* You can add global styles to this file, and also import other style files */
/*why these icons? */
.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 .mat-h1,.mat-typography .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 .mat-h2,.mat-typography .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 .mat-h3,.mat-typography .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 .mat-h4,.mat-typography .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 .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 .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,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .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 .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .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 rgba(0,0,0,0)}
.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);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);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);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:scale3d(0, 0, 0)}
.cdk-high-contrast-active .mat-ripple-element{display:none}
.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}
[dir=rtl] .cdk-visually-hidden{left:auto;right:0}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}
.cdk-overlay-backdrop-noop-animation{transition:none}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}
textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}
@keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}
.mat-focus-indicator{position:relative}
.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}
.mat-focus-indicator:focus::before{content:""}
.cdk-high-contrast-active{--mat-focus-indicator-display: block}
.mat-mdc-focus-indicator{position:relative}
.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}
.mat-mdc-focus-indicator:focus::before{content:""}
.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}
.mat-ripple-element{background-color:rgba(0,0,0,.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{position:relative}
.mat-badge.mat-badge{overflow:visible}
.mat-badge-hidden .mat-badge-content{display:none}
.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-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-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.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:rgba(0,0,0,0)}
.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:rgba(0,0,0,0)}
.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:not([class*=mat-elevation-z]),.mat-button-toggle-group: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-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){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 #e0e0e0}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}
.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 #e0e0e0}
.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 #e0e0e0}
.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,.38)}
.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{fill: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-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-table-header,.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:rgba(0,0,0,0)}
.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}
.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)}
@media(hover: hover){.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){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 .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)}
@media(hover: hover){.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){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 .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)}
@media(hover: hover){.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){background-color:rgba(244,67,54,.3)}}
.mat-datepicker-content-touch{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-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:rgba(0,0,0,0)}
.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-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}
.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:rgba(0,0,0,0);color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{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:#cbd0e9}
.mat-progress-bar-buffer{background-color:#cbd0e9}
.mat-progress-bar-fill::after{background-color:#3f51b5}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}
.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-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}
.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}
.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}
.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}
.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}
.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}
.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}
.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.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:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}
.mat-step-header:hover[aria-disabled=true]{cursor:default}
@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:rgba(0,0,0,0);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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-primary>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-accent>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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 .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .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 .mat-tab-header-pagination-chevron,.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.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 .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:#fff;opacity:.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-group.mat-background-warn>.mat-tab-header-pagination .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,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.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}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 1px solid #D5DDDD;
	background: #fff;
	color: #4c4c4c;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
#tbPhone, #tbAnswer, .tooltip{
    background: #FFF url('i_grey.1f2dce7355189234.gif') no-repeat right;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: 305px;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
	opacity: 0;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}
.tooltipster-grow {
	transform: scale(0,0);
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	transform: scale(1,1); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
	opacity: 0;
	transform: rotateZ(4deg);
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	transform: rotateZ(0deg); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
	top: 0;
	transition-property: top; 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}
.tooltipster-slide {
	left: -40px;
	transition-property: left; 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	transform: scale(1.1, 1.1);
}
/* new zealand main css  */
/* *************
***********
*******
common to all components
        ****************
                ********
                    ****
*/
.forgotpwd {
  float: right !important;
}
.desktop-nav-adminportal {
  display: inline !important;
}
.tab-focus {
  box-shadow: 0 0 0 1px rgba(20, 11, 47, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(81, 203, 238, 1) !important;
}
/* ****End Common */
.virtualNumber {
  margin: 20px 0 0;
}
/* .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 9px;
} */
.tooltipicon {
  background: url('i_grey.1f2dce7355189234.gif') right no-repeat #fff;
}
.login_activation {
  margin: 0 auto;
  border: 1px solid #2f637161;
  padding: 24px;
}
.login_activation_success {
  background: #56ff102e;
}
.login_activation_warning {
  background: #f8d1512e;
}
.login_activation span.login_activation_close {
  float: right;
  top: -20px;
  position: relative;
  right: -20px;
  border-radius: 10px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  font-weight: bold;
}
.login_activation span.login_activation_close:hover {
  color: orange;
}
.login_activation p {
  font-size: 14px;
  font-family: "gustan-bold";
}
/* component level css */
/* edit-profile and signup */
.accountDeactivateLink {
  margin-top: 20px;
  margin-bottom: 10px;
}
.accountDeactivateLink a {
  font-size: 18px;
  font-weight: bold;
  color: #245f71;
  font-weight: bold;
  text-decoration: none;
}
.accountDeactivateLink a:hover {
  text-decoration: underline;
}
div .size {
  float: right;
  margin-top: 5px;
}
.headername p {
  display: inline-block;
  font-size: 18px;
}
.pipe {
  padding-left: 6px;
  padding-right: 6px;
}
.check {
  margin-left: 0px !important;
  margin-top: 30px;
}
.terms_agree_register {
  display: block;
  margin: 0 0 0 40px;
  line-height: 28px;
}
.terms_agree_login {
  position: relative;
  left: 40px;
  line-height: 28px;
}
.check a {
  line-height: 30px;
  color: #245f71;
  font-weight: bold;
}
.welcome {
  margin-top: 20px;
  display: inline-block;
  font-size: 18px;
}
/* signin */
#rememberme {
  font-size: 10px;
}
.checkboxLogin {
  font-size: 13px;
  font-family: Verdana;
  margin-top: 10px;
  color: black;
}
div .signuplink {
  text-align: center;
  margin-top: 20px;
}
/* login */
.login-content {
  width: 693px;
  /*  height: 425px; */
  height: -moz-fit-content;
  height: fit-content;
  background: #ffffff 0% 0% no-repeat padding-box;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 8px #00000029;
  border: 1px solid #efefef;
  border-radius: 8px;
  padding: 60px 64px 38px 63px;
  /* margin:62px 0; */
  margin-top: 62px;
  margin-bottom: 120px;
  margin-left: 0;
  margin-right: 0;
}
.loginContainer {
  display: table;
  margin: 0 auto;
}
.forgetp {
  font-family: "FiraSans-Medium";
  color: #006272;
  margin: 45px 5px 30px;
}
.forgetp:hover {

  color: #003038;

}
.signuplink strong {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: black;
  overflow: hidden;
}
.signinLinks {
  padding-bottom: 5px;
}
/* text-relay */
.usertextrelayButton {
  margin-top: 5px;
}
div .helpDeskLink {
  margin-top: 50px;
}
.helpDeskLink strong {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: black;
  overflow: hidden;
}
/* forgotpassword */
.text-color {
  color: #000;
}
.errorforgotpassword {
  float: left;
}
.example-container {
  display: flex;
  flex-direction: column;
}
.example-container > * {
  width: 100%;
}
.form-group-global-labelHeader {
  font-size: 17px;
  font-family: gustan-medium;
  letter-spacing: 0px;
  color: #1c1c1e;
  padding: 5px 0 8px 0;
}
.headingTextForgetpassword {
  font-size: 20px;
  color: #4c909c;
  margin: 27px 0 25px 0;
  text-align: left;
}
.form-group-global-fieldSelect {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b2b2b2;
  border-radius: 6px;
  height: 40px;
  padding: 0 16px;
  position: relative;
  width: 100%;
  font-family: "gustan-medium";
  font-size: 17px;
}
.buttonSearchUsers {
  margin-left: 95%;
  margin-bottom: 50px;
  padding-top: 15px;
}
/* contactus */
.headingTextContactusform {
  font-size: 20px;
  color: #4c909c;
  padding-bottom: 10px;
}
.HelpDesk-listadmin li {
  font: normal 16px / 26px "gustan-book", sans-serif;
}
.headingTextcontactus {
  font-size: 20px;
  color: #4c909c;
  margin-bottom: 20px;
  margin-top: 22px;
}
.NZrelayadmin li {
  font: normal 16px / 26px "gustan-book", sans-serif;
}
/* .checkmarkadmin {
  padding-right: 107px;
} */
ol,
ul {
  list-style: none;
}
.checkmarkadmin i {
  color: grey;
  margin-top: 8px;
  margin-right: 10px;
}
.checkmarkadmin span {
  font: normal 16px / 26px "gustan-book";
}
/*  successmessage popup */
#home-content1 .content1 {
  overflow: hidden;
}
#home-content1 h2 {
  font-size: 1.33em;
  line-height: 35px;
}
.successBody {
  height: 250px;
  margin-top: 50px;
  margin: 0;
}
.successMsgHeading {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.btn-group1 button {
  margin-right: 15px;
  text-decoration: none;
}
.text-center {
  text-align: center;
  /* margin-bottom: 10px; */
}
.text-center1 {
  text-align: center;
}
/* export contact */
.verifyingEmail {
  display: table;
  margin: 0 auto;
  padding: 25px;
}
.successverification {
  color: green;
}
/* feedbackSuccess */
contactusSuccessMessage {
  width: 670px;
  height: 100px;
  margin: 0;
  display: inline-block;
}
.firstIcon .icon {
  float: right;
  padding: 5px;
  margin-top: -35px;
}
.second .text-center {
  font-size: 15px;
  font-family: verdana;
  text-align: center;
}
.second .text-center1 {
  font-size: 15px;
  font-family: verdana;
  text-align: center;
  display: inline;
  margin-left: 22px;
  margin-right: 77px;
}
.popupFeedbacksuccess {
  transform: translate(0%, -5%);
  text-align: center;
}
.closeFeedback button {
  text-align: center;
  top: 100%;
  /* color: #ffffff; */
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 40px;
}
.searchusers{
  width: 760px;
  padding-bottom:1px;
}
/*
.Footer {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 0;
  z-index: 2;
  background: #2c2c2e;
  border-top: 8px solid #97d700;
}
.footer_copyright {
  width: 191px;
  font-family: "FiraSans-Medium";
  color: #b2b2b2;
  line-height: 24px;
}
.Footer .ZigZag {
  display: block;
  clear: both;
  height: 147px;
  background: #ffffff url("../images/common/Footer2.svg#svgView(preserveAspectRatio(none))") no-repeat 0 0;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}
.Footer .Inner {
  color: #ffffff;
  text-shadow: 1px 1px 0 #555;
  padding: 78px 20px 50px 20px;
}
.Footer .Inner h4 {
  clear: both;
  font-size: 19px;
  font-family: "FiraSans-Medium";
  margin: 0 0 18px 0;
}
.Footer .Inner .Column {
  display: block;
  float: left;
  width: 210px;
}
.Footer .Inner .Column a {
  display: block;
  clear: both;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
}
.Footer .Inner .Column a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.Footer .Inner .Register {
  float: right;
  width: 270px;
}
.Footer .Inner .Register input[type="text"] {
  display: block;
  float: left;
  padding: 7px 7px;
  height: 24px;
  line-height: 25px;
  width: 210px;
  border: none;
  background: #ffffff;
}
.Footer .Inner .Register a {
  display: block;
  line-height: 26px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.Footer .Inner .Register span {
  display: block;
  clear: both;
  line-height: 20px;
  margin: 20px 0 0 0;
} */
/* chat widget  */
/* chat style starts here  */
.vocalcom-nav .btn-warning{
  background: #245f71!important;;
    color: #fff;
    border: 1px solid #245f71!important;;
    height: 49px;
    border-radius: 6px;
    border: none;
    margin: 30px 30px 0 0;
    padding: 0 28px;
}
.vocalcom-nav .vocalcom-panel .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-chev{
  background-color: #00b5e1!important;
  /* border: 1px solid #00B5E2!important; */
}
/* light */
.vocalcom-nav .vocalcom-panel .panel-body .the-wave-message.agent .the-wave-message-body{
 /* background-color: #E5E5EA!important;
 border: 1px solid #E5E5EA!important;
 */
 background-color: #00B5E2!important;
  border: 1px solid #00B5E2!important;
}
/* dark */
.vocalcom-nav .vocalcom-panel .panel-body .the-wave-message .the-wave-message-body{
  background-color: #00B5E2!important;
}
/* light */
.vocalcom-nav .vocalcom-panel .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-container{
color:#1C1C1E!important;
font-size: 14px!important;;
}
/* dark */
.vocalcom-nav .vocalcom-panel .panel-body .the-wave-message .the-wave-message-body .the-wave-message-body-container {
  font-size: 14px!important;;
  color: #FFF!important;;
}
/* Hide the link icon from the chat window */
.icon-thewave.icon-link {
  visibility: hidden;
  }
/* Hide the chat icon from the chat window */
.icon-thewave.icon-comment {
  visibility: hidden;
  }
.vocalcom-nav .form-control, .vocalcom-nav output{
    font-size: 18px!important;
  }
/* end of chat style */
/* new style for static pages*/
a.Service_Link,
p.Service_Link {

    /* margin: 20px 20px 0 20px; */
    border: none;
    color: #006272;
    font-family: 'FiraSans-Medium';
    /* padding: 0 0 20px 0; */
    text-decoration: none;
    display: inline-block;

   
}
/* video library */
.videowrapper {
      float: left;
      width: 49%;
   }
.videowrapper .videowrapper__content {
      margin: 15px 0 0 0;
    }
.videowrapper .videowrapper__content h3 {
      font-size: 20px;
      color: #33818E;
      margin-bottom: 10px;
      font-family: 'FiraSans-Medium';
    }
.videowrapper .videowrapper__content p {
      font-size: 16px;
      color: #1C1C1E;
    }
.video--margin {
      margin: 0 2% 5% 0;
    }
/* Add these styles to your global styles.css file */
/* Search highlight styles - Global */
.search-highlight {
  background-color: #ffeb3b !important;
  color: #333 !important;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(255, 235, 59, 0.3);
  transition: all 0.3s ease;
}
/* Active highlight (current focus) */
.search-highlight-active {
  background-color: #ff9800 !important;
  color: white !important;
  box-shadow: 0 0 8px rgba(255, 152, 0, 0.5);
  transform: scale(1.05);
}
/* Pulse animation for first highlight */
.search-highlight-pulse {
  animation: highlight-pulse 2s ease-in-out;
}
@keyframes highlight-pulse {
  0%, 100% {
    background-color: #ffeb3b;
    transform: scale(1);
  }
  25%, 75% {
    background-color: #ff9800;
    transform: scale(1.1);
  }
  50% {
    background-color: #f44336;
    color: white;
    transform: scale(1.15);
  }
}
/* Alternative highlight styles for different contexts */
.search-highlight.privacy-highlight {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
  border: 1px solid #bbdefb;
}
.search-highlight.emergency-highlight {
  background-color: #ffebee !important;
  color: #c62828 !important;
  border: 1px solid #ffcdd2;
}
.search-highlight.service-highlight {
  background-color: #e8f5e8 !important;
  color: #2e7d32 !important;
  border: 1px solid #c8e6c9;
}
/* Focus styles for accessibility */
.search-highlight:focus {
  outline: 2px solid #2196f3;
  outline-offset: 2px;
}
/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}
/* Mobile responsive adjustments for highlights */
@media (max-width: 768px) {
  .search-highlight {
    padding: 3px 5px;
    font-size: 14px;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 17px;
  font-family: "FiraSans-Regular";
  vertical-align: baseline;
  background: transparent;
  -webkit-user-select:text;
          user-select:text;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
@font-face {
  font-family: 'FiraSans-Bold';
  src: url('FiraSans-Bold.0be5bfd157dd23fd.woff2') format('woff2'), url('FiraSans-Bold.89f29ac2d0acc088.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-ExtraBold';
  src: url('FiraSans-ExtraBold.5133943a5bc6ec61.woff2') format('woff2'), url('FiraSans-ExtraBold.1128d7b52169469c.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-ExtraBoldItalic';
  src: url('FiraSans-ExtraBoldItalic.1a70c5fd5eefd515.woff2') format('woff2'), url('FiraSans-ExtraBoldItalic.abcae69c95659e7b.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Black';
  src: url('FiraSans-Black.c2c2fe4f8d66b4a3.woff2') format('woff2'), url('FiraSans-Black.9ee7471752a88d47.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-BoldItalic';
  src: url('FiraSans-BoldItalic.e93ca6981895914a.woff2') format('woff2'), url('FiraSans-BoldItalic.3006accdccd6a462.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-BlackItalic';
  src: url('FiraSans-BlackItalic.a55dc4a183db0309.woff2') format('woff2'), url('FiraSans-BlackItalic.fdc31222b8102807.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-MediumItalic';
  src: url('FiraSans-MediumItalic.7030c8801fa7bb87.woff2') format('woff2'), url('FiraSans-MediumItalic.ed3914a1173bef9d.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-LightItalic';
  src: url('FiraSans-LightItalic.6a029790ae6483a0.woff2') format('woff2'), url('FiraSans-LightItalic.b35aadd88577e2e0.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Light';
  src: url('FiraSans-Light.891c7d7f18640bf5.woff2') format('woff2'), url('FiraSans-Light.94c461015879a67e.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-ExtraLightItalic';
  src: url('FiraSans-ExtraLightItalic.e35fd99187b50d05.woff2') format('woff2'), url('FiraSans-ExtraLightItalic.b24cfd9b8366db6b.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-ExtraLight';
  src: url('FiraSans-ExtraLight.4ae24eec90bf4c86.woff2') format('woff2'), url('FiraSans-ExtraLight.4a43282ae87eb3bf.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Italic';
  src: url('FiraSans-Italic.4714d20338c5387a.woff2') format('woff2'), url('FiraSans-Italic.141822600b45281e.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Thin';
  src: url('FiraSans-Thin.1f249cf6a3d52af9.woff2') format('woff2'), url('FiraSans-Thin.c3333e925ed0dedc.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-SemiBoldItalic';
  src: url('FiraSans-SemiBoldItalic.3a546f88c312cca5.woff2') format('woff2'), url('FiraSans-SemiBoldItalic.fb36e9a8e7ac55a3.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Regular';
  src: url('FiraSans-Regular.6037d9f70a60a349.woff2') format('woff2'), 
  url('FiraSans-Regular.b33cba826f24b107.woff') format('woff'),
  url('FiraSans-Regular.942950d81f460af5.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-Medium';
  src: url('FiraSans-Medium.81407ebdd596234a.woff2') format('woff2'), url('FiraSans-Medium.b9418d995a1d80ce.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-ThinItalic';
  src: url('FiraSans-ThinItalic.58de6d6eadf5f251.woff2') format('woff2'), url('FiraSans-ThinItalic.7e2da8d2de5f223b.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'FiraSans-SemiBold';
  src: url('FiraSans-SemiBold.2bc5fa9322537767.woff2') format('woff2'), url('FiraSans-SemiBold.2268f9fd8470f26e.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Gustan */
@font-face {
  font-family: "Gustan";
  src: url('Gustan-Bold.c74675395c555934.woff2') format('woff2'),
      url('Gustan-Bold.db12ecd8ebabe741.woff') format('woff');
      /* url("../fonts/Gustan/Gustan-Bold.ttf") format('truetype');
  font-weight: bold; */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gustan-extra-black";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-ExtraBlack.e32bfdd1985d9028.eot');
  src: url('Gustan-ExtraBlack.e32bfdd1985d9028.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-ExtraBlack.22a92e20c258c6c0.woff') format("woff"),
    url('Gustan-ExtraBlack.8578733f22b2ef0b.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-extra-black-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-ExtraBlackItalic.0385070483349d6d.eot');
  src: url('Gustan-ExtraBlackItalic.0385070483349d6d.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-ExtraBlackItalic.928b2b898170f008.woff') format("woff"),
    url('Gustan-ExtraBlackItalic.23079c30836af1f2.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-black";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Black.04df3531c9c25afe.eot');
  src: url('Gustan-Black.04df3531c9c25afe.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Black.29fccd09cd9f367c.woff') format("woff"),
    url('Gustan-Black.62a9fc1a5f193eca.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-black-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-BlackItalic.5aec1bac96be2759.eot');
  src: url('Gustan-BlackItalic.5aec1bac96be2759.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-BlackItalic.1f74b49c1f49a18b.woff') format("woff"),
    url('Gustan-BlackItalic.a7f569b5fc008d9f.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-extra-bold";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-ExtraBold.27bd6d56ff70eed7.eot');
  src: url('Gustan-ExtraBold.27bd6d56ff70eed7.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-ExtraBold.37e141862f5ccb65.woff') format("woff"),
    url('Gustan-ExtraBold.e0b1e0e067960997.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-extra-bold-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-ExtraBoldItalic.3da9bcaa4acd8ff5.eot');
  src: url('Gustan-ExtraBoldItalic.3da9bcaa4acd8ff5.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-ExtraBoldItalic.cfe6deffe131044e.woff') format("woff"),
    url('Gustan-ExtraBoldItalic.3ba769dd1f9a3a37.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-bold";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Bold.2d49875ea553dffd.eot');
  src: url('Gustan-Bold.2d49875ea553dffd.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Bold.db12ecd8ebabe741.woff') format("woff"),
    url('Gustan-Bold.c74675395c555934.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-bold-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-BoldItalic.fb522cb920670e6d.eot');
  src: url('Gustan-BoldItalic.fb522cb920670e6d.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-BoldItalic.e2fa5fd95cc9686b.woff') format("woff"),
    url('Gustan-BoldItalic.38b4aab77ca3e0d6.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-medium";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Medium.cb039db65989ab71.eot');
  src: url('Gustan-Medium.cb039db65989ab71.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Medium.044bba200a2442b0.woff') format("woff"),
    url('Gustan-Medium.66f1da27c4efa14c.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-medium-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-MediumItalic.eb0590b8968c6d23.eot');
  src: url('Gustan-MediumItalic.eb0590b8968c6d23.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-MediumItalic.889c9a7adfa22c4b.woff') format("woff"),
    url('Gustan-MediumItalic.c6e52edf423b34bd.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-book";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Book.86302ba68356fa28.eot');
  src: url('Gustan-Book.86302ba68356fa28.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Book.b1481e972a569000.woff') format("woff"),
    url('Gustan-Book.cdc403d8c5a456f4.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-book-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-BookItalic.44ce5c38d69640d7.eot');
  src: url('Gustan-BookItalic.44ce5c38d69640d7.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-BookItalic.ff6d5693f2ff249d.woff') format("woff"),
    url('Gustan-BookItalic.78577e55f357f1a4.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-light";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Light.93051b775a18ada5.eot');
  src: url('Gustan-Light.93051b775a18ada5.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Light.950eaa692bedb2aa.woff') format("woff"),
    url('Gustan-Light.8f5ae81aa6fa07af.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-light-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-LightItalic.3da18e4e1ec4ae95.eot');
  src: url('Gustan-LightItalic.3da18e4e1ec4ae95.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-LightItalic.ccd0fe3f412709cc.woff') format("woff"),
    url('Gustan-LightItalic.f6badc4e40aed9ef.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-thin";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-Thin.96feb1110195c2a7.eot');
  src: url('Gustan-Thin.96feb1110195c2a7.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-Thin.e2bb40a537261259.woff') format("woff"),
    url('Gustan-Thin.3166b395dbb822ed.woff2') format("truetype");
}
@font-face {
  font-family: "gustan-thin-italic";
  font-weight: 400;
  font-style: normal;
  src: url('Gustan-ThinItalic.4e5a89e88ea13e30.eot');
  src: url('Gustan-ThinItalic.4e5a89e88ea13e30.eot?#iefix') format("embedded-opentype"),
    
      url('Gustan-ThinItalic.328a159e4709bdf8.woff') format("woff"),
    url('Gustan-ThinItalic.5a8a76a997c7b42f.woff2') format("truetype");
}
@font-face {
  font-family: 'FiraSans-Bold';
  src: url('fontawesome-webfont.e9955780856cf8aa.woff2') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.nav-active,.is-active {
  color: #1c1c1e !important;
  border-bottom: 3px solid #00B5E2;
}
.is-active a {
    color: #1C1C1E !important;
    font-family: 'FiraSans-Medium';
}
.accordion {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */
  display: flex;
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  color: #1c1c1e;
  /* font-size: 16px; */
 font-weight: bold;
  margin-bottom: 2px;
}
.accordion_active {
  /* background-color: #7eb0b8 !important; */
  color: #1c1c1e !important;
}
.accordion_active:before {
  content: "\2212" !important;
  color: #1c1c1e !important;
}
.scrollTop {
  position: fixed;
  bottom: 20px;
  right: 30px;
  font-size: 18px;
  z-index: 9999999;
}
.scrollTop .fa-arrow-circle-up{
  font-size: 30px;
  color: #7eb0b8;
}
button {
  cursor: pointer;
}
a.tab-focus {
  box-shadow: 0 0 0 1px rgba(20, 11, 47, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.2), 0 0 0 4px #1c1c1e !important;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
.none {
  display: none;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
::-webkit-scrollbar-thumb:active {
  background: #888;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
html {
  height: 100%;
  font-size: 17px;
  font-family: 'FiraSans-Regular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
body {
  font-family: 'FiraSans-Regular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;

}
.effects {
  /* -webkit-transition: 0.1s linear all;
  transition: 0.1s linear all; */
}
.Wrap {
  position: relative;
  clear: both;
  min-height: 100%;
  min-width: 960px;
  background: #ffffff;
}
.top_nav_signup_wrap {
  background: #f7f7f7;
  height: 52px;
  /* height:36px; */
  /* height:36px;   when ther is banner */
      margin-top: 10px;
    /* height: 13px; */
   
}
.top_nav_signup {
  height: 44px;
}
.top_nav_signup ul {
  float: right;
  margin: 6px 0 0 0;
}
.top_nav_signup ul li {
  display: inline-block;
  margin: 0;
}
.top_nav_signup ul li a {
  text-decoration: none;
  font-family: "FiraSans-Medium";
  color: #006272;
}
.top_nav_signup ul li a:hover {
  border-bottom: 3px solid #00B5E2;
}
.accessibility .medium {
  font-size: 19px;
}
.accessibility .large {
  font-size: 21px;
}
.font {
  padding: 0 10px;
}
.LoginRegister {
  margin: 0 6px !important;
  font-size: 15px;
  /* padding: 0 4px; */
}
.LoginRegister a {
  font-size: 15px;
  padding: 0 4px
}
li.accessibility {
  padding: 0 1px;
}
.high_contrast {
  padding: 5px 20px;
    margin: 0 20px 0 23px;
    font-size: 15px;
    height: 28px !important;
    border-radius: 4px;
    width: 132px;
    text-align: center;
    background: #48484A;
    color: #ffffff !important;
}
.linkseparator {
  display: inline-block;
  height: 14px;
  width: 2px;
  background: #006272;
  position: relative;
  top: 1px;
  margin: 0 4px;
}
.Breadcrumbs-main {
  height: 150px;
  margin: 0 0 73px 0;
  background: #006272 url('breadcrumbs_bg.425924446321ad81.png') no-repeat right top;
  overflow: hidden;
}
.breadcrumbs-link h4 {
  padding: 10px 0;
  font-size: 20px;
}
.Breadcrumbs {
  width: 960px;
  margin: 0 auto;
  padding: 36px 0 0 0;
  color: #ffffff !important;
}
.Breadcrumbs h4 {
  font-size: 25px;
  font-family: "Gustan-bold";
}
.Breadcrumbs a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  padding: 0;
  font-size: 16px;
}
.Breadcrumbs span {
  color: #ffffff;
}
.Breadcrumbs a:hover {
  text-decoration: underline;
}
.Breadcrumbs p {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  margin: 0;
}
.Breadcrumbs span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-family: "FiraSans-Medium";
}
.Clear {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.Inner {
  clear: both;
  width: 960px;
  margin: 0 auto;
  min-height: 20px;
  
}
a.scroll_down {
  background-image: url('scrolldown.c5c486d130deb347.png');
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}
a.scroll_down:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.scroll_up {
  background: url('scrollup.af5ff7aa16f3fc42.png');
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
}
.radius3px {
  border-radius: 3px;
}
.Status {
  clear: both;
  line-height: 25px;
  border-bottom: 1px solid #941a4e;
  padding: 20px 0;
}
.Status .Inner {
  line-height: 25px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #444;
  font-weight: bold;
  text-align: center;
}
.Navigation {
  clear: both;
  background: #ffffff;
  padding: 0;
  color: #000000;
  font-weight: bold;
  height: 136px;
}
.Navigation .Inner .Logo {
  display: block;
  width: 100px;
  height: 138px;
  text-decoration: none;
  outline: none;
  margin-top: -10px;
  background-size: contain;
  position: absolute;
  /* top: 130px; */
   /* top: 35px;  */
  cursor: pointer;
}
.Navigation ul {
  float: left;
  list-style: none;
  margin: 76px 0 0 167px;
  padding: 0;
}
.Navigation ul li {
  float: left;
  margin: 0 18px 0 0;
}
.ngx-toastr {
  width: 400px !important; 
  
}
.toast-container{
  font-weight: bold;
}
.toast-title{
  font-weight:bold !important;
}
.Navigation ul li a {
  display: block;
  clear: both;
  text-decoration: none;
  color: #6f6f6f;
  font-size: 19px;
  font-weight: 400;
  padding: 0 4px;
 
}
.Navigation ul li a:focus{
  border: none!important;
  outline:none!important;
}
.Navigation ul li a:hover {
  border-bottom: 3px solid #00B5E2;
}
.Navigation ul li a b {
  display: block;
  clear: both;
  height: 27px;
  line-height: 27px;
}
.Navigation ul li a span {
  display: block;
  clear: both;
  line-height: 15px;
  font-style: italic;
  font-size: 9pt;
  margin-top: 5px;
}
.Navigation ul li a:hover {
  color: #000000;
}
/* .Navigation button {
  display: block;
  /* float: right; */
/* clear: right;
  padding: 0 15px;
  margin: 7px 0 0 0;
  width: 178px;
  cursor: pointer;
  height: 35px;
  left: 57px;
  position: relative;
  top: 2px;
} */
.Navigation button {
  display: block;
  /* float: right; */
  clear: right;
  padding: 0 15px;
  margin: 7px 0 0 0;
  width: 178px;
  cursor: pointer;
  height: 35px;
  left: 40px;
  position: relative;
  top: 2px;
}
.Navigation button:nth-child(4) {
  margin: 27px 0 0 0 !important;
}
.Navigation button span {
  display: block;
  font-size: 16px;
}
.Navigation button:hover {
  color: #007f9e 0% 0% no-repeat padding-box;
}
.Stage {
  clear: both;
  overflow: hidden;
}
.relay_services_aboutUs_MBIE_dark {
  display: none;
}
.Content {
  clear: both;
  /* margin-top: 35px; */
}
.Content .Inner {
  position: relative;
}
.Content .Inner .Frame {
  clear: both;
  position: relative;
}
.Content .Inner .Frame .line {
  display: block;
  clear: both;
  height: 1px;
  background: #eee;
  margin: 20px 0;
}
.Content .Inner .Frame h2 {
  clear: both;
  line-height: 37px;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 22pt;
}
.Content .Inner .Frame h3 {
  clear: both;
  line-height: 30px;
  padding: 0;
  margin: 30px 0 10px 0;
  font-size: 16pt;
}
.Content .Inner .Frame h4 {
  clear: both;
  line-height: 20px;
  padding: 0;
  margin: 30px 0 10px 0;
  font-size: 12pt;
}
.Content .Inner .Frame span {
  display: block;
  clear: both;
  line-height: 25px;
  margin: 0;
  padding: 0;
  font-size: 14px !important;
}
.Content .Inner .Frame span a {
  text-decoration: none;
  color: #941a4e;
}
.Content .Inner .Frame span a:hover {
  text-decoration: underline;
}
.Content .Inner .Frame ul {
  clear: both;
  padding: 0;
  margin: 10px 0 10px 17px;
  list-style: disc;
}
.Content .Inner .Frame ul li {
  clear: both;
  line-height: 25px;
  font-size: 14px;
  margin: 5px 0;
}
.Content .Inner .Frame ul li a {
  text-decoration: none;
  color: #941a4e;
}
.Content .Inner .Frame ul li a:hover {
  text-decoration: underline;
}
.Content .Inner .Frame .Media {
  clear: both;
  background: #f7f7f7;
  border: 1px solid #ededed;
  padding: 20px;
  margin: 30px 0;
}
.Content .Inner .Frame .Media img {
  display: block;
  clear: both;
  width: 100%;
}
.Content .Inner .Frame .Media p {
  display: block;
  clear: both;
  padding: 20px 0 0 0;
  line-height: 24px;
  font-size: 13px;
}
.Content .Inner .Frame .Media p a {
  text-decoration: none;
  color: #941a4e;
}
.Content .Inner .Frame .Media p a:hover {
  text-decoration: underline;
}
.Content .Inner .Condensed {
  margin: 0 0 0 250px;
  min-height: 350px;
}
.Content .Inner ul.Menu {
  display: block;
  position: absolute;
  width: 225px;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 0;
}
.Content .Inner ul.Menu > li {
  display: block;
  clear: both;
  min-height: 40px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: #338389;
  color: #ffffff;
}
.Content .Inner ul.Menu > li:first-child {
  border-radius: 3px 3px 0 0;
  border-top: none;
}
.Content .Inner ul.Menu > li:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: none;
}
.Content .Inner ul.Menu > li > a {
  display: block;
  clear: both;
  height: 40px;
  line-height: 41px;
  padding: 0 15px;
  text-decoration: none;
  color: inherit;
  text-shadow: 1px 1px 0 #444;
  overflow: hidden;
  font-size: 16px;
}
.Content .Inner ul.Menu > li:hover {
  background: #2a787e;
}
.Content .Inner ul.Menu > li.selected {
  background: #f7f7f7;
  color: #ffffff;
  font-weight: bold;
}
.Content .Inner ul.Menu li ul {
  display: block;
  clear: both;
  width: 185px;
  margin: -3px 0 0 15px;
  padding: 0 0 8px 0;
  list-style: none;
}
.Content .Inner ul.Menu li ul li {
  display: block;
  clear: both;
  height: 23px;
  color: #ffffff;
}
.Content .Inner ul.Menu li ul li a {
  display: block;
  clear: both;
  height: 23px;
  line-height: 23px;
  padding: 0 15px;
  text-decoration: none;
  color: inherit;
  text-shadow: 1px 1px 0 #444;
  overflow: hidden;
  font-weight: normal;
  background: url("/images/Icons/MenuArrow.png") no-repeat 0 5px;
  background-size: 6%;
}
.Content .Inner ul.Menu li ul li a:hover {
  text-decoration: underline;
  color: #ffffff;
  background-image: url("/images/Icons/MenuArrow_Active.png");
}
.Content .Inner ul.Menu li ul li a.selected {
  text-decoration: none;
  color: #ffffff;
  background-image: url("/images/Icons/MenuArrow_Active.png");
}
.leftMenu_sub {
  width: 225px;
  float: left;
}
.Menu_sub_list {
  padding: 19px 0;
  background: #245f71;
  margin: 0 0 8px 0;
  color: #ffffff;
  min-height: 340px;
}
.Menu_sub_list:nth-child(even) {
  background: #f7f7f7;
}
.leftMenu_sub ul li {
  line-height: 30px;
}
.leftMenu_sub ul li.active {
  background: #f7f7f7 !important;
}
.leftMenu_sub ul li a {
  font-size: 16px;
  color: #ffffff !important;
  border: none;
  padding: 0 15px;
}
.rightMenu_sub_content {
  width: 676px;
  float: right;
}
.Content .Inner ol.Resources {
  display: block;
  position: absolute;
  width: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 345px;
}
.Content .Inner ol.Resources li {
  display: block;
  clear: both;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid transparent;
  background: #ededed;
  padding: 8px 0;
}
.Content .Inner ol.Resources li:first-child {
  -moz-border-top-left-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-color: transparent;
}
.Content .Inner ol.Resources li:last-child {
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.Content .Inner ol.Resources li a {
  display: block;
  clear: both;
  padding: 0 15px 0 50px;
  text-decoration: none;
  color: #666;
  text-shadow: 1px 1px 0 #ffffff;
  background: url("/images/Icons/Resources.png") no-repeat 15px 0;
}
.Content .Inner ol.Resources li a b {
  display: block;
  clear: both;
  line-height: 15px;
}
.Content .Inner ol.Resources li a p {
  display: block;
  clear: both;
  line-height: 17px;
  padding: 0;
  font-style: italic;
  font-size: 12px;
}
.Content .Inner ol.Resources li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.Content .Frame .Steps {
  display: block;
  float: left;
  background: #f7f7f7;
  border: 1px solid #ededed;
  padding: 20px;
  margin: 0 0 20px 20px;
  width: 42%;
}
.Content .Frame .Steps.first {
  margin-left: 0;
}
.Content .Frame .Steps img {
  display: block;
  clear: both;
  width: 100%;
  border-radius: 3px;
}
.Content .Frame .Steps span {
  display: block;
  clear: both;
  padding: 20px 0 0 0;
  line-height: 24px;
  font-size: 13px;
}
.Footer {
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 0;
  z-index: 2;
  background: #2c2c2e;
  border-top: 8px solid #97d700;
  margin: 73px 0 0 0;
}
.footer_copyright {
  width: 191px;
  font-family: "FiraSans-Medium";
  color: #b2b2b2;
  line-height: 24px;
}
.Footer .Inner {
  color: #ffffff;
  text-shadow: 1px 1px 0 #555;
  padding: 78px 20px 50px 20px;
}
.Footer .Inner h4 {
  clear: both;
  font-size: 19px;
  font-family: "FiraSans-Medium";
  margin: 0 0 18px 0;
  letter-spacing: 1px;
}
.Footer .Inner .Column {
  display: block;
  float: left;
  width: 210px;
}
.Footer .Inner .Column a {
  display: block;
  clear: both;
  line-height: 30px;
  text-decoration: none;
  color: #ffffff;
}
.Footer .Inner .Column a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.Footer .Inner .Register {
  float: right;
  width: 270px;
}
.Footer .Inner .Register input[type="text"] {
  display: block;
  float: left;
  padding: 7px 7px;
  height: 24px;
  line-height: 25px;
  width: 210px;
  border: none;
  background: #ffffff;
}
.Footer .Inner .Register a {
  display: block;
  line-height: 26px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.Footer .Inner .Register span {
  display: block;
  clear: both;
  line-height: 20px;
  margin: 20px 0 0 0;
}
.disable .Content {
  padding-bottom: 340px;
}
.disable .ZigZag {
  display: none;
}
.disable .Footer .Inner {
  padding: 50px 20px;
}
.mobile_header {
  display: none;
}
.mobile_header .Logo {
  display: none;
  clear: both;
  height: 80px;
  background: url('newzealandRelayMobile.3630faf6b0148b51.png') no-repeat center center;
  background-size: contain;
  margin-bottom: 20px;
}
.flogo {
  height: 39px;
  background: url('MBIE_large.3d2ce49a4cfcaa59.png') no-repeat left center;
  background-size: contain;
  margin-bottom: 20px;
}
.nzflogo {
  width: 210px;
  margin-bottom: 10px;
}
.app_store_w {
  height: 34px !important;
  background: url('appstore_w.169cd4ca44d08dd1.png') no-repeat center center;
  background-size: contain;
  margin-bottom: 20px;
  width: 35%;
  float: left;
}
.play_store_W {
  height: 34px !important;
  background: url('googleplay_w.4f46f50b7629e9a2.png') no-repeat center center;
  background-size: contain;
  margin: 0 10px 20px 10px;
  width: 35%;
  float: left;
}
.social_media {
  height: 60px;
  background-size: contain;
  margin-bottom: 20px;
  clear: both;
  width: 194px;
  border-bottom: 2px solid #707070;
}
.social_media span {
  position: relative;
  top: -52px;
  left: 42px;
}
.header_highlight {
  width: 63px;
  height: 4px;
  /* background: #7FB0B8 0% 0% no-repeat padding-box; */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  display: table;
  margin: 0 auto;
  clear: both;
  padding-bottom: 20px;
  border-top: 4px solid #97d700;
}
.header_highlight_main {
  margin: 20px 0 40px 0;
  padding: 0;
  height: 0;
}
.header_highlight_bottomborder {
  margin: 41px 0 70px 0;
}
.header_highlight_bottomborder .imgLeft {
  height: 57px;
  width: 312px;
  background-size: contain;
  display: table;
  margin: 0 auto;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.hrStyle1 {
  color: #48484a !important;
}
.hrStyle_head {
  text-align: center;
  font-family: "Gustan-Bold";
  letter-spacing: 0px;
  color: #006272;
  display: block;
  font-size: 30px !important;
}
.slider_content {
  width: 769px;
  margin: 0 auto !important;
}
.globalContainer {
  display: table;
  margin: 0 auto;
  width: 920px;
  min-height: 1000px;
}
/* custom toggle style */
.input-eye {
  background: transparent;
  border: 0;
  border-radius: 0.25em;
  color: #888;
  cursor: pointer;
  font-size: 0.75em;
  font-weight: bold;
  margin-right: 0.5em;
  padding: 0.2em;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.input-eye:hover,
.input-eye:focus {
  background-color: #4c909ce0;
  color: #fff;
  outline: transparent;
}
/* demo-specific styles */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.form-group-global,
.form-group-global-field {
  border-radius: 0.25em;
  width: 100%;
}
/*
  .form-group-global {
	background-color: #e6e6e6;
  } */
.form-group-global-label,
.form-group-global-field {
  display: block;
}
.form-group-global-label {
  letter-spacing: 0px;
  color: #1c1c1e;
  padding: 20px 0 8px 0;
  display: inline-block;
}
.form-group-global-field {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b2b2b2;
  border-radius: 6px;
  height: 40px;
  padding: 0 16px;
  position: relative;
  width: 100%;
  -moz-appearance: toolbox;
 /*  -moz-appearance: none; */
  font-size: 17px;
  font-family: 'gustan-medium';
  /* -webkit-appearance: none; */
}
textarea.form-group-global-field {
  height: 107px;
  padding: 16px;
  resize: none;
}
.video-btn button {
  background: #ffffff !important;
  border: none;
}
.video-btn {
  height: 82px;
  text-align: center;
  padding: 17px 0;
}
.video-btn i {
  display: block;
  font-size: 16px;
}
.video-btn span {
  font-size: 16px;
}
.form-group-global-field:disabled {
  background: #f2f2f7 0% 0% no-repeat padding-box;
  border: 1px solid #7eb0b8;
  color: #1c1c1e;
  cursor: no-drop;
}
.form-group-global-field:focus {
  border-color: #0088cc;
  box-shadow: 0px 2px 4px #00000029;
  border: 1px solid #33818e;
  outline: transparent;
  z-index: 2;
}
.info_i {
  background: url('i_grey.1f2dce7355189234.gif') no-repeat scroll 7px 7px;
  background-position: right;
}
.hideShowPassword-toggle,
.input-eye {
  z-index: 3;
}
.width-50-form {
  width: 48%;
  float: left;
}
.width-50-form:nth-child(odd) {
  margin-right: 35px;
}
button.fa {
  font-size: 20px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.form-group-global-field-invalid,
.form-group-global-field-invalid:focus {
  border: 1px solid #d70015;
}
.form-group-global-field-invalid-box {
  margin: 8px 0 0 0;
  min-height: 40px;
  background: #fff3f3 0% 0% no-repeat padding-box;
  border: 1px solid #d70015;
  padding: 8px 12px 12px 25px;
  font-size: 16px;
  display: none;
}
.form-group-global-field-invalid-box span{
  display: flex;

}
.invalid {
  display: block !important;
}
.form-group-global-field-invalid-box i.fa.fa-times-circle {
  font-size: 16px;
    color: #d70015;
    /* margin: 0 6px 0 0; */
    position: relative;
    left: -10px;
    top: 1px;
}
.form-group-global-btn {
  height: 49px;
  border-radius: 6px;
  border: none;
  margin: 30px 30px 0 0;
  padding: 0 28px;
}
.btn-start-text-relay {
  width: 178px;
  height: 35px;
  background: #245f71;
  border: 1px solid #006272;
  color: #fff;
}
.btn-primary {
  background: #245f71;
  border: 1px solid #245f71;
  color: #fff;
}
.btn-secondary {
  background: #245f71;
  color: #ffffff;
  border: 1px solid #245f71;
}
.btn-cancel{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #48484A;
  color: #1C1C1E;
}
.btn-disable {
  background: #6f6f6f 0% 0% no-repeat padding-box !important;
  cursor: no-drop;

}
.btn-default {
  background: #007f9e 0% 0% no-repeat padding-box;
}
.form-group-global-btn:hover {
  background: #003038;
  color: #ffffff;
  border: 1px solid #003038;
}
.btn-start-text-relay:hover {
  background: #004e5b;
  color: #ffffff;
}
.btn-cancel:hover{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #000000;
  border-radius: 6px;
  color: #000000;
}
a:hover {
  text-decoration: underline;
}
.content_center {
  margin: 0 auto;
  display: table;
  width: 960px;
}
.relay_services_tilesMain {
  background: #f2f2f7;
}
.relay_services_tiles_box h2 {
  font-size: 25px;
  color: #006272;
  width: 226px;
  font-family: "FiraSans-Medium";
  line-height: 26px;
  margin: 0 0 20px 0;
}
/* div.relay_services_tilesMain > div > div:nth-child(2) h2 {
  padding: 0 50px 0 0;
} */
.relay_services_tiles_box p {
  color: #333333;
  width: 273px;
  line-height: 24px;
}
.relay_services_tiles_box {
  float: left;
  width: 273px;
  margin: 67px 0 67px 43px;
  /* height: 102px; */
}
.relay_services_tiles_box h2.last {
  width: 210px;
}
.relay_services_aboutUs {
  padding: 63px 0 70px 0;
  height: 427px;
}
.relay_services_aboutUs p {
  width: 846px;
  text-align: center;
  margin: 0 auto;
  line-height: 26px;
}
.relay_services_aboutUs a {
  width: 306px;
  height: 57px;
  display: block;
  margin: 50px auto 0 auto;
}
.relay_services_aboutUs a img {
  height: inherit;
}
.relay_services_mobileApp {
  background: #f2f2f7;
  padding: 65px 0 50px 0;
  height: 850px;
}
.relay_services_mobileApp h2 {
  font-size: 32px;
  color: #006272;
  display: block;
  text-align: center;
  font-family: "Gustan-Bold";
}
.cardHeader_content_relay {
  height: 78px;
  display: table;
  margin: 0 0 20px 0;
}
.cardHeader_content_relay img.ServiceHeadBg_relay {
  float: left;
  margin: 0 19px 0 0;
}
.cardHeader_content_relay h2.Service_card_center_relay {
  display: table-cell;
  font-size: 19px;
  vertical-align: middle;
  text-align: left;
  color: #006272;
  margin: 0 0 0 19px;
  font-family: "FiraSans-Medium";
}
.relay_services_mobileApp_textRelay {
  margin: 107px 0 0;
  width: 306px;
}
.relay_services_mobileApp_textRelay p {
  padding: 0 0 15px 0;
}
p.relay_services_mobileApp_benifits span {
  display: block;
  line-height: 24px;
}
.relay_services_mobileApp_benifits_list li {
  display: inline-flex;
  padding: 0 0 10px 0;
}
.relay_services_mobileApp_benifits_list i.material-icons {
  font-size: 20px;
  position: relative;
  top: 0;
  left: -5px;
}
.relay_services_mobileApp_benifits_list span {
  display: block;
}
.relay_services_mobileApp_store {
  width: 363px;
  padding: 20px 0 0;
}
.relay_services_mobileApp_store img.AppImage {
  width: 363px;
  height: 528px;
  margin: 0 0 30px 0;
}
.relay_services_mobileApp_store .appLink {
  width: 313px;
  height: 54px;
  margin: 0 auto;
}
.relay_services_mobileApp_store .appLink a {
  float: left;
  height: 54px;
  width: 138px;
  margin: 0 9px;
}
.relay_services_mobileApp_store .appLink img {
  height: inherit;
  width: inherit;
}
.relay_services_mobileApp_captionedRelay {
  width: 290px;
  margin: 107px 0 0;
}
.relay_services_mobileApp_captionedRelay p {
  padding: 0 0 15px 20px;
}
.relay_services_mobileApp_box {
  float: left;
}
.relay_services_standardPhoneUser h2 {
  font-size: 30px;
  color: #006272;
  text-align: center;
}
.relay_services_standardPhoneUser p {
  color: #333333;
  text-align: center;
  margin: 16px 0;
}
.relay_services_standardPhoneUser {
  height: 331px;
  padding: 63px 0;
  text-align: center;
}
.relay_services_standardPhoneUser button {
  text-align: center;
  margin: 30px 0 14px 0;
}
.ServicesMain {
  height: max-content;
  width: max-content;
  /* margin: 70px 0 0 0; */
}
.ServicesSideNav {
  width: 220px;
  height: max-content;
  float: left;
}
.ServicesRightContent {
  width: 674px;
  float: left;
  margin: 0 0 0 46px;
}
.ServicesSideNavLinks {
  width: inherit;
  background: #f7f7f7;
  border-top: 9px solid #97d700;
}
.ServicesSideNavLinks ul li {
  line-height: 35px;
  display: table;
  width: 100%;
  margin: -1px 0 0 0;
}
.ServicesSideNavLinks a {
  text-decoration: none;
  font-family: "FiraSans-Medium";
  padding: 0 0 0 20px;
  display: table-cell;
  vertical-align: middle;
  color: #006272;
}
.ServicesSideNavLinks a span {
  vertical-align: middle;
  /* margin: 0 4px 0 -4px !important; */
  color: #000000;
}
.ServicesSideNavLinks li.active,
.ServicesSideNavLinks li:hover {
  background: #c6d9db;
}
.ServicesSideNavLinks ul li .active a,
.ServicesSideNavLinks ul li a:hover {
  background: #c6d9db;
  color: #000000;
}
.ServicesSideNavLinks :nth-child(6) .service_linkHighlight {
  border-top: 1px solid #c6d9db;
  border-bottom: 1px solid #c6d9db;
  margin: 0 0 0 20px;
}
.ServicesSideNavLinks :nth-child(6) .service_linkHighlight a {
  padding: 6px 0;
  font-family: "FiraSans-Regular";
}
.ServicesSideNavLinks :nth-child(10) .service_linkHighlight {
  border-top: none;
}
.ServicesSideNavLinks :nth-child(8) {
  line-height: 27px;
  padding: 8px 0;
}
/* .ServicesSideNavLinks :nth-child(9) .service_linkHighlight,
.ServicesSideNavLinks :nth-child(10) .service_linkHighlight {
  margin: 0 0 0 20px;
}
.ServicesSideNavLinks :nth-child(9) .service_linkHighlight a,
.ServicesSideNavLinks :nth-child(10) .service_linkHighlight a {
  padding: 6px 0;
  font-family: "FiraSans-Regular";
}
.ServicesSideNavLinks :nth-child(9),
.ServicesSideNavLinks :nth-child(10) {
  background: rgba(0, 98, 114, 0.05);
}
.ServicesSideNavLinks :nth-child(9) .service_linkHighlight {
  border-bottom: 1px solid #ffffff;
} */
.ServicesSideNav_HoursOfServices {
  background: #f7f7f7;
  margin: 20px 0 20px 0;
}
#sMin.ServicesSideNav_HoursOfServices {
  height: 66px !important;
  padding: 13px 0 0 20px;
    font-family: 'FiraSans-Medium';
    color: #333;
}
#sMax.ServicesSideNav_HoursOfServices {
  padding-bottom: 12px;
}
.ServicesSideNav_HoursOfServices p {
  color: #333;
  padding: 12px 0 4px 16px;
  font-family: "FiraSans-Medium";
}
.ServicesSideNav_HoursOfServices ul li {
  border-radius: 4px;
  height: 36px;
  /* background: #ffffffad; */
  margin: 2px 4px;
  padding: 9px 15px 9px 13px;
  font-size: 16px;
  font-family: "FiraSans-Medium";
}
.ServicesSideNav_HoursOfServices ul li span {
  font-family: "FiraSans-Regular";
  float: right;
}
.Service_text {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  margin: 0 0 15px 0 !important;
}
.ServicesSideNav_HoursOfServices > p:nth-child(1) {
  padding-bottom: 11px;
}
.HoursOfServices_defaultCallers > p:nth-child(2),
.ServicesSideNav_HoursOfServices > p:nth-child(5) {
  margin: 0 0 14px 0;
  padding: 0 0 0 16px;
  font-family: "FiraSans-Regular";
}
.HoursOfServices_skypeUsers {
  height: 142px;
  width: inherit;
  margin: 0px 4px;
}
.HoursOfServices_skypeUsers li {
  width: 105px;
  height: 32px;
  margin: 0 1px 1px 0 !important;
  padding: 8px 26px 5px 27px !important;
  float: left;
  /* background: #ffffff !important; */
}
.HoursOfServices_skypeUsers li span {
  color: #333;
  font-family: "FiraSans-Medium" !important;
}
.HoursOfServices_defaultCallers {
  border-top: 0.5px solid #d6d6d6;
  /* border-bottom: 0.5px solid #d6d6d6; */
  margin: 20px 0 0 0;
  /* padding: 0 0 24px 0; */
}
.HoursOfServices_phone {
  background: #ade7f5;
  height: 56px;
  margin: 0 4px;
  padding: 10px 0 0 34px;
  border-radius: 4px;
  font-family: "FiraSans-Medium";
  font-size: 19px;
}
.HoursOfServices_phone i {
  position: relative;
  top: 5px;
}
.services_textRelay {
  height: 1200px;
}
.ServicesRightContent p.ServicesParaHeading {
  font-family: "FiraSans-Medium";
  font-size: 19px;
  line-height: 24px;
  color: #333333;
  margin: 0 0 18px 0;
}
.ServicesRightContent .Service_Link {
  margin: 0;
}
h1.servicesHeadingText {
  font-size: 27px;
  font-family: "Gustan-Bold";
  color: #006272;
  clear: both;
  padding: 35px 0 0 0;
}
.VIS_textRelay_content {
  width: 680px;
  /* height: 950px; */
}
.servicesTextRelay_MakeCall {
  width: 310px;
  height: 376px;
  margin-right: 59px;
  float: left;
}
.servicesTextRelay_receiveCall {
  width: 310px;
  height: 376px;
  float: right;
}
.servicesTextRelay_receiveCall img {
  width: 78%;
  position: relative;
  top: 125px;
}
.ServicesRightContent h2 {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  
  margin: 15px 0 30px 0;
}
.ServicesRightContent ol {
  list-style: decimal;
  padding: 0 0 0 20px;
  line-height: 24px;
}
.ServicesRightContent ol li {
  margin: 0 0 30px 0;
  color: #333333;
}
.services_VIS h1.servicesHeadingText {
  padding: 15px 0 0 0;
}
.services_VIS .vis_watchVideo {
  margin-bottom: 75px;
}
.services_VIS .vis_watchVideo p {
  line-height: 24px;
  float: left;
}
.services_VIS .vis_watchVideo img {
  float: right;
  width: 253px;
  margin-left: 66px;
  margin-bottom: 30px;
}
.services_VIS .vis_watchVideo span.material-icons {
  font-size: 17px;
  position: relative;
  top: 4px;
}
.services_VIS .vis_content {
  clear: both;
  margin-top: 30px;
}
.services_VIS .vis_phoneCall {

  float: left;
  
}
.services_VIS .vis_phoneCall h3 {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  width: 141px;
  line-height: 24px;
  margin: 5px 0 24px 0;
}
.services_VIS .vis_phoneCall p {
  line-height: 26px;
  color: #333333;
}
.services_VIS .vis_phoneCall .Service_Link {
  margin: 24px 0 0 0;
  line-height: 26px;
}
.services_VIS .vis_interpreter {
  float: left;
  margin: 39px 0 0 0;
}
.services_VIS .vis_interpreter h3 {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  width: 165px;
  line-height: 24px;
  margin: 5px 0 24px 0;
}
.services_VIS .vis_interpreter p {
  line-height: 26px;
  color: #333333;
}
.services_VIS .vis_interpreter .Service_Link {
  margin: 24px 0 0 0;
  line-height: 26px;
}
.services_makeCall {
  height: 1570px;
}
.services_makeCall .ServicesParaHeading {
  width: 659px;
}
.services_makeCall h1 {
  font-size: 39px;
  line-height: 46.8px;
  padding: 35px 0 0 0;
  text-align: center;
}
.services_makeCall .service_MakeCall_skype {
  width: 659px;
  height: 300px;
  margin: 33px 0 0 0;
}
.services_makeCall .service_MakeCall_skype ul li {
  width: 218px;
  float: left;
  text-align: center;
}
.services_makeCall .service_MakeCall_skype ul li img {
  width: 90%;
}
.services_makeCall .service_MakeCall_skype ul li p {
  font-size: 19px;
  color: #33818e;
  margin: 18px 0 7px 0;
  font-family: "Gustan-Bold";
}
.services_makeCall .service_MakeCall_skype ul li span {
  line-height: 21px;
}
.services_makeCall .service_MakeCall_skypeAccess {
  height: 224px;
  width: 659px;
  background: #f2f2f7;
  padding: 27px 23px 26.48px 26px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names {
  float: left;
  width: 283px;
  margin-right: 56px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names h3 {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  color: #33818e;
  line-height: 24px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names ul {
  margin-top: 22px;
  width: 200px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names ul li {
  margin: 0 20px 0 0;
  float: left;
  line-height: 24px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names ul li i {
  margin: 0 4px 0 0;
  font-size: 14px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_call {
  float: right;
  width: 271px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_call h3 {
  font-size: 19px;
  font-family: "FiraSans-Medium";
  color: #33818e;
  line-height: 24px;
}
.services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_call p {
  margin-top: 22px;
}
.services_makeCall .service_MakeCall_skypeWorks {
  width: 659px;
  margin: 37px 0 0 0;
}
.services_makeCall .service_MakeCall_skypeWorks h1 {
  text-align: left;
  font-size: 27px;
  line-height: 29px;
}
.services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps {
  width: 378px;
  float: left;
}
.services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps p {
  margin: 26px 0 0 0;
  line-height: 26px;
}
.services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps p:nth-child(2) {
  border-bottom: 1px solid #707070;
  padding: 0 0 28px 0;
}
.services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps .Service_Link {
  margin: 26px 0 0 0;
}
.services_makeCall .service_MakeCall_workSteps_flow {
  width: 224px;
  margin-left: 51px;
  float: left;
}
.services_makeCall .service_MakeCall_workSteps_flow ul {
  text-align: center;
  margin-top: 40px;
}
.services_makeCall .service_MakeCall_workSteps_flow ul li img {
  width: 30%;
  margin: 0 0 18px 0;
}
.services_makeCall .service_MakeCall_workSteps_flow ul li p {
  line-height: 22px;
  width: 224px;
  margin: 5px 0 25px 0;
}
.services_makeCall .service_MakeCall_workSteps_flow ul li:nth-child(3) > p {
  width: 250px;
}
.services_captionedRelay .services_captionedRelay_receiveCall {
  height: auto;
  width: 659px;
  padding: 90px 0 0;
}
.services_captionedRelay .services_captionedRelay_receiveCall p {
  margin: 0 0 30px 0;
}
.services_captionedRelay .VIS_textRelay_content {
  /* height: 455px; */
}
.services_spechToSpeech .services_captionedRelay_receiveCall {
  height: 465px;
  width: 674px;
  padding: 30px 0 0;
}
.services_spechToSpeech .services_captionedRelay_receiveCall p {
  margin: 0 0 30px 0;
}
.services_spechToSpeech .VIS_textRelay_content {
  height: 455px;
}
.services_spechToSpeech .servicesTextRelay_receiveCall img {
  top: 107px;
}
.services_ttyToVoice .services_content {
  width: 659px;
  clear: both;
  margin: 35px 0 0 0;
}
.services_ttyToVoice .services_content .services_left_content {
  width: 310px;
  float: left;
}
.services_ttyToVoice .services_content .services_right_content {
  width: 280px;
  float: right;
}
.services_ttyToVoice .services_content .services_right_content img {
  width: 80%;
}
.StandardPhoneUsers {
  width: 940px;
}
.StandardPhoneUsers p {
  line-height: 26px;
}
.StandardPhoneUsers .accordion_active {
  background-color: #245f71;
  color: #ffffff;
}
.StandardPhoneUsers_para {
  margin-bottom: 37px;
  margin-left: 13px;
}
.StandardPhoneUsersBullet {
  list-style: disc;
  /* margin: -10px 0 9px 40px; */
  margin-left: 37px;
  margin: 15px 0 15px 37px;
}
.StandardPhoneUsersBullet li {
  line-height: 26px;
}
.StandardPhoneUsers-videoInterpreting {
  font-weight: bold;
}
.StandardPhoneUsers-videoInterpreting ol,
.bothservice ol {
  list-style-type: decimal;
  list-style-position: outside;
  text-indent: 0em;
  padding-top: 10px;
  line-height: 22px;
  margin-bottom: 20px;
  overflow: visible;
}
.visitthispage ol {
  list-style-type: decimal;
  padding-top: 10px;
  margin-bottom: 15px;
}
.avaibleinterpreter ol {
  list-style-type: decimal;
  padding-top: 5px;
}
.TermsCondition p,
.TermsCondition li {
  line-height: 26px;
  margin-bottom: 16px;
  color: #333333;
  margin-left: 10px;
}
.TermsCondition li {
  line-height: 26px;
  margin-bottom: 16px;
  color: #333333;
}
.TermsConditionOrderlist {
  line-height: 26px;
  list-style-type: decimal;
  margin-left: 30px;
}
.PrivacyPolicy h3 {
  color: #4c909c;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 12px;
  margin-left: 31px;
}
.PrivacyPolicy h5 {
  color: #48484a;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  margin-left: 31px;
}
.PrivacyPolicyBulletlist {
  line-height: 26px;
  list-style: disc;
  margin-left: 35px;
}
.PrivacyPolicyBulletlist li {
  color: #333333;
  line-height: 26px;
  margin-left: 13px;
}
.checkmarkadmin{
  padding: 0;
}
ul.checkmarkadmin li {
  display: inline-flex;
}
/* static angular integration */
/* tty 2voice */
/* .services_ttyToVoice .services_content .services_right_content {
  width: 280px;
  float: right;
} */
.services_ttyToVoice .services_content .services_right_content img {
  max-width: 253px;
  max-height: 220px;
}
.guide_link{
  width: auto;
}
/* static angular integration end */
@media all and (max-width: 780px) {
  .globalContainer {
    width: auto;
    margin: 20px;
  }
  .width-50-form {
    width: 100%;
  }
  .Wrap {
    min-width: 100%;
  }
  .Inner {
    width: auto;
  }
  .Stage {
    height: 0;
    display: none;
    overflow: hidden;
  }
  .Content {
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .Content .Inner .Frame .accessibility {
    display: none;
  }
  .Content .Inner .Frame .Steps {
    margin: 0 0 20px 0 !important;
    float: none;
    clear: both;
    width: auto;
  }
  .Footer {
    position: relative;
  }
  .Footer .ZigZag {
    display: none;
  }
  .Footer .Inner .Column {
    margin: 0 5px 20px 0 !important;
    width: 160px;
  }
  .Footer .Inner .Register input[type="text"] {
    width: 60%;
  }
  .copyright {
    margin: 0 auto;
    display: table;
  }
  .slider_content_right {
    display: none;
  }
  .trsnzSlider .text_content .slider_content .slider_content_left h1 {
    font-size: 25px !important;
    text-align: center;
  }
  .trsnzSlider .text_content .slider_content .slider_content_left p {
    font-size: 18px !important;
    text-align: center;
  }
  .slider_content_button {
    display: table;
    margin: 0 auto;
  }
  .active {
    text-decoration: none !important;
  }
  /* .ServicesSideNavLinks li.active, .ServicesSideNavLinks li:hover {
    background: #c6d9db;
} */
  .social_media {
    text-align: center;
  }
  .paraContent {
    padding: 0 0 0 20px !important;
    width: 90vw !important;
  }
  .Footer .Inner .Column a {
    font-size: 13px;
  }
  .grid-container-width {
    width: 100vw !important;
  }
  .header_highlight_bottomborder .imgLeft {
    left: 0;
  }
  .mobileimage {
    width: unset !important;
  }
  .textRelayspan {
    width: 300px !important;
  }
  .grid-container-width {
    margin: 0 auto !important;
    width: 310px !important;
  }
  .header_highlight_bottomborder .imgLeft {
    left: 30px;
  }
  .slider_content {
    width: auto;
  }
}
@media all and (max-width: 1000px) and (min-width: 781px) {
  .Wrap {
    min-width: 100%;
  }
  .Inner {
    width: auto;
  }
  .Navigation .Inner .Clear {
    /* height: 20px; */
  }
  .Navigation ul {
    margin-left: 30px;
  }
  .Navigation button {
    margin-top: 8px;
    padding: 7px 15px;
  }
  .Stage .Slideshow .Slide h3 {
    font-size: 17pt;
    width: 400px;
  }
  .Stage .Slideshow .Slide span {
    font-size: 15px;
    width: 400px;
  }
  .Content {
    /* padding-bottom: 500px; */
  }
  .Content .Inner .Frame .accessibility {
    display: none;
  }
  .Content .Inner .Frame .Steps {
    width: 39%;
  }
}
@media all and (min-width: 320px) {

      body.contrast_high .Navigation {
          background: #1C1C1E !important;
          color:#ffffff;
      }
  
      body.contrast_high .Wrap,
      body.contrast_high .top_nav_signup_wrap {
          background: #1C1C1E;
          color:#ffffff;
      }
      body.contrast_high .Wrap {
          background: #2F2F2F;
      }
     
      body.contrast_high a,
      body.contrast_high p,
      body.contrast_high h1,
      body.contrast_high h2
      body.contrast_high h3,
      body.contrast_high h4,
      body.contrast_high h5,
      body.contrast_high h6,
      body.contrast_high span,
      body.contrast_high li
      {
          color:#ffffff !important;
      }
      body.contrast_high .linkseparator
      {
          background:#ffffff !important;
      }
      /* body.contrast_high .high_contrast
      {
          background: #00B5E2 !important;
      } */
      .top_nav_signup ul li a.high_contrast:hover, body.contrast_high .top_nav_signup ul li a.high_contrast:hover, body.contrast_high .Navigation ul li a.high_contrast:hover{
        border: none !important;
    }
      /* body.contrast_high .Navigation button 
      {
          border:1px solid #003038 !important;
          color:#ffffff;
          background: none;
      } */
      body.contrast_high .service-tabs {
          padding: 72px 0 76px 0;
          background: #2F2F2F;
      }
      body.contrast_high .service_tabs_toggle .tabs .tab, body.contrast_high .relay_services_tilesMain{
          background: #2F2F2F;
          color:#ffffff;
      }
      body.contrast_high h3.hrStyle_head,body.contrast_high h2.hrStyle_head{
          color:#ffffff !important;
      }
      body.contrast_high #Services .header_highlight{
          border-top: 4px solid#ffffff !important;
      }
      body.contrast_high .card{
          background: #1C1C1E;
      }
      body.contrast_high .Service_Link{
          background: none;
          /* color: #003038 !important; */
      }
      body.contrast_high .service-tabs {
          padding: 72px 0 76px 0;
          margin: 0;
      }
      body.contrast_high .cardHeader{
          background: none;
      }
      body.contrast_high .relay_services_tilesMain, body.contrast_high .relay_services_mobileApp{
          background: #1C1C1E;
      }
      body.contrast_high .relay_services_tilesMain h2{
          color:#ffffff;
      }
      body.contrast_high .relay_services_aboutUs, body.contrast_high .relay_services_standardPhoneUser{
          background: #2F2F2F;
      }
      body.contrast_high .cardHeader_content_relay h2, body.contrast_high .PrivacyPolicy h3{
          color:#ffffff;
      }
      body.contrast_high .Footer{
      background: #1C1C1E;
      }
      
      body.contrast_high #jsServiceLeftNav.ServicesSideNavLinks{
          background: #1C1C1E;
      }
      body.contrast_high .Breadcrumbs-main{
          background: #2F2F2F;
          margin: 0 0 73px 0;
          border-bottom: 1px solid #cccccc29;
      }
      body.contrast_high .Content{
       background: #2F2F2F;
       margin-top:0;
       /* padding-top:35px; */
      }
      body.contrast_high .ServicesSideNavLinks {
          border-top: 9px solid #00B5E2;
          background: #1C1C1E;
      }
      body.contrast_high svg.mat-datepicker-toggle-default-icon {
          color: #fff !important;
      }
      body.contrast_high .signuplink strong {
          color: #fff !important;
          font-family: 'FiraSans-Regular';
          font-size: 17px;
          font-weight: unset;
      }
      body.contrast_high .ServicesSideNav_HoursOfServices{
          background: #1C1C1E;
      }
      body.contrast_high #sMin.ServicesSideNav_HoursOfServices{
          color: #ffffff;
      }
      body.contrast_high .mat-calendar span {
          /* color: red !important; */
      }
      body.contrast_high .mat-datepicker-content {
       background-color: #1c1c1e !important;
    }
      body.contrast_high .mat-calendar-body-today:not(.mat-calendar-body-selected) {
        border-color: #ffffff ;
    }
      body.contrast_high .mat-calendar-body-cell-content, body.contrast_high .mat-calendar-body-label,  body.contrast_high .mat-calendar-table-header th{
  
      color: #fff !important;
    }
      body.contrast_high .mat-calendar-arrow {
        border-top-color:#fff;
    }
      body.contrast_high .mat-calendar-table-header-divider::after{
        background: #ccc;
    }
    body.contrast_high .mat-datepicker-content .mat-calendar-next-button, body.contrast_high .mat-datepicker-content .mat-calendar-previous-button, body.contrast_high .mat-datepicker-toggle {
      color: #f7f7f7;
  }
  body.contrast_high .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  
    color: #737373db !important;
}
      /* body.contrast_high .ServicesSideNav_HoursOfServices ul li,body.contrast_high .ServicesSideNav_HoursOfServices ul li,body.contrast_high .HoursOfServices_phone{
           background: #003038 !important; 
      } */
      body.contrast_high .ServicesSideNavLinks li.active a,body.contrast_high .ServicesSideNavLinks li a:hover {
          background: none;
      }
      body.contrast_high .ServicesSideNavLinks li.active {
          background: #1C1C1E;
          border: 1px solid #5bb6e3;
      }
     body.contrast_high .ServicesSideNavLinks li:hover {
          background: #00B5E2;
          color:#ffffff;
      }
     body.contrast_high .accordion {
          background: #1C1C1E;
          color:#ffffff;
          
      }
      body.contrast_high .accordion:before{
          color:#ffffff;
      }
      body.contrast_high .accordion_content{
          background: #2F2F2F;
          border: 1px solid #1C1C1E;
      }
      body.contrast_high .accordion_active{
          background: #003038 !important;
      }
  
  
      /* //  */
      body.contrast_high .hamburger-inner, body.contrast_high .hamburger-inner:before,body.contrast_high .hamburger-inner:after,body.contrast_high .hamburger.is-active .hamburger-inner, body.contrast_high .hamburger.is-active .hamburger-inner:before, body.contrast_high .hamburger.is-active .hamburger-inner:after {
          background-color:#ffffff;
      }
      body.contrast_high div#burger-menu {
          background-color: #1C1C1E;
      }
      /* body.contrast_high #burger-menu > ul > li.active a, body.contrast_high #burger-menu > ul > li.has-sub > ul > li.m-Links.active a{
          color: #003038 !important;
      } */
      /* body.contrast_high #burger-menu .active-service-main, body.contrast_high #burger-menu .active-service-main span{
          color: #003038 !important;
      } */
      body.contrast_high .mobile_header button{
          background: none;
      }
      body.contrast_high .accordion_Content select{
          background: #1C1C1E;
          color:#ffffff;
      }

      /* Form High contrast */
      body.contrast_high #burger-menu .is-active{
        color:#003038 !important;
      }
      body.contrast_high .time-slot-info span{
        color:#003038 !important;
      }
      body.contrast_high .text-danger {
        /* color: #d70015 !important; */
    }
      body.contrast_high .form-group-global-field-invalid-box{
        background:none;
      }
      body.contrast_high label,
      body.contrast_high address
      {
        color: #fff !important;
      }
      body.contrast_high input, body.contrast_high select, body.contrast_high textarea,
        body.contrast_high .login-content{
        color: #fff;
        background: #2F2F2F;
      }

      body.contrast_high .helpDeskLink strong, body.contrast_high .headingText {
        color: #fff;
      }

      body.contrast_high .accessibility .active_font,body.contrast_high .nav-active{
        border-bottom: 3px solid #ffffff !important;
    }
    body.contrast_high .top_nav_signup ul li a:hover,body.contrast_high .Navigation ul li a:hover{
        border-bottom: 3px solid #ffffff !important;
    }
    body.contrast_high .nav-active ,body.contrast_high .is-active{
        border-bottom: 3px solid #ffffff;
    }
    body.contrast_high .form-group-global-field-invalid-box{
      border: 1px solid #FF6961;
      background: #000;
    }
    body.contrast_high .form-group-global-field-invalid-box i.fa.fa-times-circle, body.contrast_high .form-group-global-field-invalid-box span{
       color:#FF6961 !important;
    }
    body.contrast_high .ServicesSideNavLinks .serviceNavIcon{
      background-color: #fff;
    }
    body.contrast_high .mat-tab-label-content {
      color: #fff !important;
    }

    body.contrast_high .ServicesSideNavLinks .akshay {
      background-color: #fff;
    }
    body.contrast_high .relay_services_mobileApp_store .appLink img {
      background: #fff;
      border-radius: 8px;
    }
    body.contrast_high .relay_service_home_grid{
      background: #1C1C1E;
  }
    body.contrast_high .relay_service_home_grid h2{
      color: #fff !important;
    }
    body.contrast_high .mat-tab-label-active{
      opacity: 1 !important;
    }
    body.contrast_high h2.parashowdiv{
      color:#ffffff;
    }



      /* // -- font-small */
      /* body.font_small p, 
      body.font_small .checkmarkadmin span,
      body.font_small .fa,
      body.font_small .HelpDesk-listadmin li,
      body.font_small b,
      body.font_small address,
      body.font_small .Breadcrumbs a, body.font_small .Breadcrumbs span,
      body.font_small .form-group-global-label,
      body.font_small input,
      body.font_small textarea,
      body.font_small select
      {
          font-size: 17px !important;
      } */

      /* // -------------------------------------------------------------// */
      
      /* // -- font-Medium */
      body.font_medium p,
      body.font_medium .Service_LinkAnchor,
      body.font_medium .servicesHeadingText,
      body.font_medium .Service_Link2,
      body.font_medium .checkmarkadmin span,
      /* body.font_medium .fa, */
      body.font_medium .HelpDesk-listadmin li,
      body.font_medium b,
      body.font_medium address,
      body.font_medium .Breadcrumbs a, body.font_medium .Breadcrumbs span,
      body.font_medium .form-group-global-label,
      body.font_medium input,
      body.font_medium textarea,
      body.font_medium select,
      body.font_medium .aboutUsBody,
      body.font_medium .Service_Link_aboutUs,
      body.font_medium .contactNumber,
      body.font_medium .fontweightBullet,
      body.font_medium .medium-largeFont,
      body.font_medium .forgetp,
      body.font_medium .Service_Link,
      body.font_medium .bullet li
      
      {
          font-size: 19px !important;
      }

      body.font_medium  .servicesHeadingTextGuides
      {
        font-size:27px !important;
      }
      body.font_medium  .adressFormat
      {
        padding-left: 128px !important;
      }
      
      body.font_medium  .servicesHeadingTextGuidesFeedback
      {
        font-size:23px !important;
      }
      body.font_medium .pdfLink > img {
    
        top: 25px !important;
    }
      body.font_medium  .feedy
      {
        font-size:17px !important;
      }

      body.font_medium  #forgetpMail
      {
        padding-left: 70px !important; 
      }
      body.font_medium  #forgetpSurvey
      {
        padding-left: 76px !important; 
      }

      body.font_medium  #forgetp1
      {
        padding-left: 23px !important;
      }
     
      body.font_medium  #forgetp2
      {
        padding-right:88.5px !important
      }
      body.font_medium  #forgetp2Survey
      {
        padding-right:93.5px !important
      }
     
      body.font_medium  #forgetp3
      {
        padding-right: 72px !important;
      }
      body.font_medium  #forgetp3Survey
      {
        padding-right: 77px !important;
      }
     
      body.font_medium  #forgetp4
      {
        padding-right: 90px !important;
      }
      body.font_medium  #forgetp4Survey
      {
        padding-right: 94px !important;
      }
     
      body.font_medium  #forgetp5
      {
        padding-right: 81px !important; 
      }
     
     


      /* // -------------------------------------------------------------// */

      /* // -- font-Large */
      body.font_large p, 
      body.font_large .Service_LinkAnchor,
      body.font_large .servicesHeadingText,
      body.font_large .Service_Link2,
      body.font_large .checkmarkadmin span,
      /* body.font_large .fa, */
      body.font_large .HelpDesk-listadmin li,
      body.font_large b,
      body.font_large address,
      body.font_large .Breadcrumbs a, body.font_large .Breadcrumbs span,
      body.font_large .form-group-global-label,
      body.font_large input,
      body.font_large select,
      body.font_large textarea,
      body.font_large .aboutUsBody,
      body.font_large .Service_Link_aboutUs,
      body.font_large .contactNumber,
      body.font_large .guide_link,
      body.font_large .medium-largeFont,
      body.font_large .fontweightBullet,
      body.font_large .forgetp,
      body.font_large .Service_Link,
      body.font_large .bullet li
     
      {
          font-size: 21px !important;
      }
      body.font_large  .servicesHeadingTextGuides
      {
        font-size:29px !important;
      }
      body.font_large .pdfLink > img {
    
        top: 27px !important;
    }
      body.font_large  .adressFormat
      {
    padding-left:143px !important;
      }

      body.font_large  #forgetpMail
      {
        padding-left: 80px !important; 
      }
      body.font_large  #forgetpSurvey
      {
        padding-left: 86px !important; 
      }

      body.font_large  #forgetp1
      {
        padding-left: 28px !important;
      }
     
      body.font_large  #forgetp2
      {
        padding-right: 100px !important;
      }
      
      body.font_large  #forgetp2Survey
      {
        padding-right: 106px !important;
      }
      
     
      body.font_large  #forgetp3
      {
        padding-right: 82px !important;
      }
      body.font_large  #forgetp3Survey
      {
        padding-right: 87px !important;
      }
     
      body.font_large  #forgetp4
      {
        padding-right: 102px !important;
      }
      body.font_large  #forgetp4Survey
      {
        padding-right: 107px !important;
      }
     
      body.font_large  #forgetp5
      {
        padding-right: 91px !important; 
      }

      body.font_large  .account-manager{
        display: inline;
        font-size: 21px;
      }

      body.font_medium  .account-manager{
     
        font-size: 19px;
      }

      body.font_small  .account-manager{
     
       display:block;
      }

      body.font_large  .servicesHeadingTextGuidesFeedback
      {
        font-size:25px !important;
      }

      body.font_large  .feedy
      {
        font-size:17px !important;
      }
      /* // -------------------------------------------------------------// */
  }
.contrast_high .videowrapper .videowrapper__content h3{
     color:#FFF;
  }
.contrast_high .relay_services_aboutUs a img{
    filter: invert(1);
  }
/* The default outline styling, for greatest accessibility. */
/* You can skip this to just use the browser's defaults. */
/* :focus{
  outline: #000 solid 2px !important;
}
body.using-mouse :focus {
outline: none !important;

} */
/* ****End Common */
/* ******* Home CSS **********/
.Divider {
  clear: both;
  height: 38px;
  margin: 40px 0;
}
.mobile {
  display: none;
  position: absolute;
  /* top: 0px; -- removed for banner*/ 
  right: 15px;
}
div#burger-menu {
  width: 100%;
  display: none;
  position: absolute;
  z-index: 1;
  background: #F8F8F8;
  padding: 0 0 15px 0;
  border-bottom: 5px solid #97d700;
  border-radius: 5px;
}
.copyright_sub {
  display: block;
  margin: 40px 0 0 0;
}
.accessibility .active_font {
  color: #1c1c1c;
  border-bottom: 3px solid #00B5E2 !important;
}
@media all and (max-width: 780px) {
  .Content .Options .Option {
    margin: 0 12px;
    float: none;
  }
  .Content .Divider {
    display: none;
  }
  .Content .Pathways .Path {
    margin: 0 26px;
    padding: 200px 0 30px 0;
    float: none;
  }
  a.button.btn.maroon.col-white {
    color: #555 !important;
  }
  .top_nav_signup .accessibility p {
    height: 15px !important;
    background: #555 !important;
  }
  .mobile_header .Logo {
    display: block;
    clear: both;
    height: 80px;

    background-size: contain;
    margin-bottom: 20px;
  }
  .mobile_header {
    margin: 0 auto;
    display: table;
    padding: 20px;
  }
  .mobile_header button:hover {
    background: #007f9e;
  }
  .mobile_header button {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media all and (max-width: 1000px) and (min-width: 781px) {
  .Content .Options .Option {
    margin: 0 12px;
    float: none;
  }
  .Content .Pathways .Path {
    margin: 0 26px;
    padding: 200px 0 30px 0;
    float: none;
  }
}
/* ******* End Home CSS **********/
@media all and (max-width: 780px) {
  .Stage {
    height: auto;
    display: none;
  }
  .Stage .Video .Frame {
    padding: 0;
  }
  .Stage .Video .Frame .InfoBox {
    display: none;
  }
  .Stage .Video .Frame .VideoBox {
    clear: both;
    float: none;
    width: 100%;
  }
  .Stage .Video .Frame .VideoBox img {
    display: none;
  }
  .Sections .Section {
    padding: 20px;
    margin: 30px 0;
  }
  .Sections .Section span {
    width: auto;
  }
  .Sections .Section div {
    display: none;
  }
  .Content .Inner ul.Menu {
    display: none;
  }
  .Content .Inner .Condensed {
    margin: 0;
  }
  .Content .Inner ol.Resources {
    position: relative;
    top: auto;
  }
}
@media all and (max-width: 1000px) and (min-width: 781px) {
  .Stage .Video .Frame .InfoBox {
    width: 50%;
  }
  .Stage .Video .Frame .VideoBox {
    width: 45%;
    max-width: 340px;
  }
  .Sections .Section span {
    width: 40%;
  }
}
/* ******* End About CSS **********/
@media all and (max-width: 780px) {
  .Stage {
    height: auto;
    display: block;
  }
  .Stage .Video .Frame {
    padding: 0;
  }
  .Stage .Video .Frame .InfoBox {
    display: none;
  }
  .Stage .Video .Frame .VideoBox {
    clear: both;
    float: none;
    width: 100%;
  }
  .Stage .Video .Frame .VideoBox img {
    display: none;
  }
  .Sections .Section {
    padding: 20px;
    margin: 30px 0;
  }
  .Sections .Section span {
    width: auto;
  }
  .Sections .Section div {
    display: none;
  }
  .Content .Inner ul.Menu {
    display: none;
  }
  .Content .Inner .Condensed {
    margin: 0;
  }
  .Content .Inner ol.Resources {
    position: relative;
    top: auto;
  }
}
/* ******* End Contact CSS **********/
@media all and (max-width: 780px) {
  .Stage {
    height: auto;
  }
  .Stage .Video .Frame {
    padding: 0;
  }
  .Stage .Video .Frame .InfoBox {
    display: none;
  }
  .Stage .Video .Frame .VideoBox {
    clear: both;
    float: none;
    width: 100%;
  }
  .Stage .Video .Frame .VideoBox img {
    display: none;
  }
  .Introduction span {
    float: none;
    border: none;
    width: auto;
  }
  .Introduction a.button {
    display: block;
    float: none;
    clear: both;
    margin: 25px 0 0 0;
  }
  .Sections .Section {
    padding: 20px;
    margin: 30px 0;
    min-height: 0;
  }
  .Sections .Section span {
    width: auto;
  }
  .Sections .Section div {
    display: none;
  }
  .Content .Inner ul.Menu {
    display: none;
  }
  .Content .Inner .Condensed {
    margin: 0;
  }
  .Content .Inner ol.Resources {
    position: relative;
    top: auto;
  }
}
@media all and (max-width: 1000px) and (min-width: 778px) {
  .contentSectionForm {
    margin: 0 0 0 20px;
}
}
@media all and (max-width: 1000px) and (min-width: 781px) {
  .Introduction span {
    width: 70%;
  }
  .Stage .Video .Frame .InfoBox {
    width: 50%;
  }
  .Stage .Video .Frame .VideoBox {
    width: 45%;
    max-width: 340px;
  }
  .Sections .Section span {
    width: 45%;
  }
}
/* ******* End Services CSS **********/
/* ******* start Users CSS **********/
.greygradient {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
}
.Introduction {
  clear: both;
}
.Introduction a.button {
  float: right;
  padding: 0 15px;
  height: 40px;
  line-height: 41px;
  color: #ffffff;
  text-shadow: 1px 1px 1px #444;
  font-weight: bold;
  text-decoration: none;
  margin: 5px 0 0 0;
  text-align: center;
  text-transform: uppercase;
}
.Introduction a.button:hover {
  background: #006371;
}
div.line {
  clear: both;
  height: 1px;
  overflow: hidden;
  background: #ddd;
  margin: 40px 0;
}
.Form {
  clear: both;
}
.Form .Label {
  float: left;
  width: 80px;
  font-weight: bold;
  font-size: 14pt;
  line-height: 40px;
}
.Form .List {
  float: right;
  width: 880px;
}
.Form .List label {
  display: inline-block;
  position: relative;
  float: left;
  height: 40px;
  margin: 0 20px 20px 0;
  width: 428px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.Form .List label:hover {
  border: 1px solid #ccc;
}
.Form .List label.last {
  margin-right: 0;
}
.Form .List label input {
  visibility: hidden;
}
.Form .List label p {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 9px;
  background: #ffffff;
  border: 1px solid #ccc;
}
.Form .List label b {
  display: none;
}
.Form .List label div {
  display: inline-block;
  clear: none;
  float: left;
  height: 20px;
  line-height: 24px;
  margin: 10px 10px 10px 5px;
  font-weight: bold;
  font-size: 12pt;
}
.Form .List label.active {
  border: 1px solid #ccc;
}
.Form .List label.active b {
  display: block;
  position: absolute;
  top: 7px;
  left: 12px;
  width: 24px;
  height: 22px;
  background: url("/images/Icons/Tick.png") no-repeat 0 0;
}
.Form .List label.active div {
  color: #006371;
}
.Form a.button {
  display: block;
  float: left;
  padding: 0 15px;
  height: 40px;
  line-height: 41px;
  color: #ffffff;
  text-shadow: 1px 1px 1px #444;
  font-weight: bold;
  text-decoration: none;
  margin: 20px 0 0 80px;
  text-transform: uppercase;
}
.Form a.button:hover {
  background: #006371;
}
.Results {
  clear: both;
}
.Results h4 {
  display: block;
  clear: both;
  line-height: 34px;
  font-weight: bold;
  font-size: 15pt;
  color: #1c1c1e;
  margin: 50px 0 0 0;
}
.Results h4 b {
  color: #006371;
  font-size: 15pt;
}
.Sections {
  clear: both;
  margin: 0;
}
.Sections .Section {
  position: relative;
  clear: both;
  padding: 50px;
  border: 1px solid #ddd;
  margin: 50px 0;
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
  min-height: 250px;
}
.Sections .Section h3 {
  clear: both;
  line-height: 29px;
  padding: 0;
  margin: 0 !important;
  font-size: 18pt;
}
.Sections .Section span {
  width: 480px;
  margin: 20px 0 !important;
}
.Sections .Section a {
  display: inline-block;
  height: 20px;
  line-height: 21px;
  padding: 8px 15px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 1px 1px 0 #1c1c1e;
  font-weight: bold;
}
.Sections .Section a:hover {
  background: #006371;
}
.Sections .Section .Graphic {
  position: absolute;
  top: 35px;
  right: 50px;
  width: 330px;
  height: 290px;
}
.Sections .Section .Graphic.TTYtoVoice {
  background: url("/images/Services/Mini/TTY.png") no-repeat 0 0;
}
.Sections .Section .Graphic.VoiceCarryOver {
  background: url("/images/Services/Mini/VCO.png") no-repeat 0 0;
}
.Sections .Section .Graphic.HearingCarryOver {
  background: url("/images/Services/Mini/HCO.png") no-repeat 0 0;
}
.Sections .Section .Graphic.VCOtoTTY {
  background: url("/images/Services/Mini/TTY.png") no-repeat 0 0;
}
.Sections .Section .Graphic.VCOtoVCO {
  background: url("/images/Services/Mini/VCO.png") no-repeat 0 0;
}
.Sections .Section .Graphic.SpeechtoSpeech {
  background: url("/images/Services/Mini/STS2.png") no-repeat 0 0;
}
.Sections .Section .Graphic.SpeechtoSpeechVA {
  background: url("/images/Services/Mini/STS-VA.png") no-repeat 0 0;
}
.Sections .Section .Graphic.IR {
  background: url("/images/Services/Mini/IR.png") no-repeat 0 0;
}
.Sections .Section .Graphic.VRS {
  background: url("/images/Services/Mini/VRS2.png") no-repeat 0 0;
}
.Sections .Section .Graphic.MTR {
  background: url("/images/Services/Mini/MTR.png") no-repeat 0 0;
}
.Sections .Section .Graphic.CapTel {
  background: url("/images/Services/Mini/CapTel.png") no-repeat 0 0;
}
.Sections .Section .Graphic.VRI {
  background: url("/images/Services/Mini/VRI.png") no-repeat 0 0;
}
.Sections .Section .Full.Mainstream {
  background: url("/images/media/Images/Mainstream3.png") no-repeat 0 0;
  display: block;
  clear: both;
  height: 559px;
  background-size: cover;
}
@media all and (max-width: 780px) {
  .Introduction span {
    float: none;
    border: none;
    width: auto;
  }
  .Introduction a.button {
    display: block;
    float: none;
    clear: both;
    margin: 25px 0 0 0;
  }
  .Form .Label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 10px 0;
  }
  .Form .List {
    display: block;
    float: none;
    width: auto;
  }
  .Form .List label {
    display: block;
    float: none;
    clear: both;
    width: auto;
    margin: 0 0 15px 0;
  }
  .Form a.button {
    margin: 20px 0 0 0;
  }
  .Sections .Section {
    padding: 20px;
    margin: 30px 0;
    min-height: 0;
  }
  .Sections .Section span {
    width: auto;
  }
  .Sections .Section div {
    display: none;
  }
  .Sections .Section.MAINSTREAM {
    margin-top: -50px !important;
  }
}
@media all and (max-width: 1000px) and (min-width: 781px) {
  .Introduction span {
    width: 70%;
  }
  .Form .Label {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 10px 0;
  }
  .Form .List {
    display: block;
    float: none;
    width: auto;
  }
  .Form .List label {
    width: 48%;
  }
  .Form a.button {
    margin: 20px 0 0 0;
  }
  .Sections .Section span {
    width: 45%;
  }
}
/* ******* End Users CSS **********/
#page-wrap {
  font-size: 0.75em;
  line-height: 1.333em;
  margin: 0 auto;
  text-align: left;
  width: 980px;
}
/******************************
HEADER
******************************/
#header {
  overflow: hidden;
  width: 100%;
}
/* #site-name {
  float: left;
  padding: 35px 0;
}
#site-name a {
  background: url(../images/common/logo.gif) no-repeat;
  display: block;
  height: 88px;
  overflow: hidden;
  text-indent: -999em;
  width: 329px;
} */
#header .menu {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  float: right;
  list-style: none;
  margin: 52px 0 0;
}
#header .menu li {
  background: transparent;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .menu a {
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  display: block;
  font-size: 1.167em;
  line-height: 52px;
  padding: 0 23px;
}
#header .menu a:hover {
  background-color: #fafafa;
  color: #739ba3;
}
#header li.first a {
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 6px;
  border-radius: 6px 0px 0px 6px;
}
#header li.last a {
  border-right: 1px solid #dedede;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 0px 6px 6px 0px;
}
#header li.active a {
  color: #739ba3;
  font-weight: bold;
}
/******************************
GENERAL INTERIOR
******************************/
#main-content {
  padding: 0 7px 0 0;
  position: relative;
  top: 80px;
}
#main-content .inner {
  border: 1px solid #dedede;
  border-radius: 6px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  padding: 30px;
}
#main-content li {
  padding: 0.25em 0;
  list-style: disc;
  line-height: 1.4em;
  font-size: 13px !important;
}
#main-content ol li {
  list-style: decimal !important;
}
.back-button {
  position: absolute;
  right: 75px;
  top: 50px;
}
.back-button a {
  background: -moz-linear-gradient(top, #ae005a 0%, #690031);
  background: -webkit-gradient(linear, left top, left bottom, from(#ae005a), to(#690031));
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #8b0046;
  color: #ffffff;
  display: inline-block;
  font-size: 1.167em;
  font-weight: bold;
  padding: 19px 30px;
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ae005a, endColorstr=#690031);
  /* For Internet Explorer 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ae005a, endColorstr=#690031)";
  background-color: #690031;
}
/******************************
FOOTER
******************************/
#footer {
  clear: both;
  font-size: 11px;
  line-height: normal;
  padding: 31px 0;
}
#footer .inner {
  position: relative;
}
#footer .content {
  margin-left: 30px;
  width: 689px;
}
#footer h1 {
  color: #397379;
  font-size: 2em;
  font-weight: bold;
  line-height: normal;
}
#footer h2 {
  color: #397379;
  font-size: 1.5em;
  line-height: normal;
  margin: 0 0 1em 0;
}
#footer h3 {
  color: #397379;
  font-size: 1.2em;
  font-weight: bold;
  line-height: normal;
  margin: 1em 0 0;
}
#footer ul {
  padding: 0 0 0 1.25em;
}
/******************************
VARIOUS PAGES
******************************/
.help-table,
.color-table {
  margin: 1em 0;
}
.help-table td {
  padding: 0 5px;
  text-align: center;
}
.color-table {
  overflow: hidden;
  width: 100%;
}
.color-td {
  float: left;
  padding: 0 5px;
  text-align: center;
}
.color-td span {
  border: 1px solid #dedede;
  display: inline-block;
  height: 20px;
  width: 20px;
}
/******************************
HOMEPAGE
******************************/
#home-content {
  float: left;
  position: relative;
  width: 700px;
}
#home-content .inner {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 6px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}
#home-content .content {
  overflow: hidden;
  padding-bottom: 35px;
  width: 700px;
  margin-top: 60px;
}
#home-content h1 {
  background: -moz-linear-gradient(top, #6facaf 0%, #4e7b7c);
  background: -webkit-gradient(linear, left top, left bottom, from(#6facaf), to(#4e7b7c));
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.333em;
  font-weight: bold;
  /* margin-bottom: 13px; */
  padding: 14px 17px;
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6facaf, endColorstr=#4e7b7c);
  /* For Internet Explorer 8  */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6facaf, endColorstr=#4e7b7c)";
  background-color: #4e7b7c;
}
.videos {
  margin: 0 0 26px;
}
.videos div {
  font-size: 1.167em;
  margin: 1.25em 0;
  overflow: hidden;
  width: 100%;
}
.videos div img {
  float: left;
  margin: 0 15px 0 0;
}
.announcements p {
  margin: 1em 0;
}
.no-border {
  border: none !important;
}
.no-border-lr {
  border-left: none !important;
  border-right: none !important;
}
.Heading {
  text-align: left;
  padding: 0 9px;
  font-size: 16px;
  color: #245f71;
}
.show {
  display: block;
}
.container {
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
  padding: 36px 0 0 5px;
}
.explorecustom {
  text-align: center;
  font-size: 18px;
}
#myBtnContainer {
  text-align: center;
}
.ServiceHeadBg {
  height: 78px;
  width: 78px;
}
.cardHeader_content {
  height: 78px;
  width: 78px;
  float: left;
  margin: 17px 10px 17px 17px;
}
.cardHeader_content h2 {
  text-align: left;
  font-size: 19px;
  width: 105px;
  color: #fff;
  position: relative;
  top: 105px;
  left: 115px;
  line-height: 28.5px;
  font-family: "FiraSans-Medium";
}
.m-t-10 {
  margin-top: 10px;
}
.highlight_bottom {
  background: #ededed;
  height: 6px;
  position: relative;
  top: -5px;
  border-radius: 5px;
}
.service_tabs_toggle {
  margin: 0 auto;
  width: 763px;
}
.service_tabs_toggle .tabs {
  overflow: hidden;
  line-height: 6px;
  text-align: center;
  padding: 35px 0 0 0;
}
.service_tabs_toggle .tabs .tab {
  float: left;
  background: white;
  margin: -16px 2px 0px 0px;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 20px;
  color: #6f6f6f;
}
.service_tabs_toggle button,
.service_tabs_toggle button:focus {
  border: none !important;
  border-bottom: 4px solid #ededed !important;
  z-index: 1;
}
.service_tabs_toggle .tabs .tab.active {
  color: #1c1c1e;
  border-bottom: 6px solid #003038 !important;
  position: relative;
  top: 1.2px;
  z-index: 10;
  font-weight: bold;
}
.service_tabs_toggle .panels .panel {
  padding: 20px 10px;
  display: none;
}
.service_tabs_toggle .panels .panel:first-child {
  display: block;
}
.flex-container {
  display: flex;
  justify-content: center;
}
.flex-container > div {
  margin: 10px;
  text-align: center;
  line-height: 25px;
}
/* For mobile phones: */
@media all and (max-width: 780px) {
  span.standardheadingRelay_sub_bold {
    font: normal normal 800 30px/42p "FiraSans-Regular";
  }
  .hrStyle_head {
    font-size: 30px !important;
    padding: 0 20px;
  }
  .Heading {
    padding: 10px;
    font-size: 22px;
  }
  .card {
    width: 208px;
    height: 333px;
  }
  .cardHeader {
    width: 208px;
  }
  .mobile {
    display: none !important;
  }
  .service_card_content {
    min-height: 120px;
  }
  .service_tabs_toggle .flex-container .Button {
    margin: 0px -38px 6px 45px;
    text-align: center;
    line-height: initial;
    width: auto;
  }
  .service_tabs_toggle .tabs .tab.active {
    color: black;
    background-color: #c0c0c0;
    border: none !important;
  }
  .ServiceDiv {
    margin: 0 0 0 25px;
  }
  .tabcustom {
    display: block;
    overflow: unset !important;
    margin-top: 15px;
    border-bottom-style: none !important;
  }
}
@media all and (max-width: 340px) and (min-width: 320px) {
  .service_tabs_toggle .tabs {
    margin: 15px 0px 0px 0px;
    width: auto;
  }
  .ServiceDiv {
    position: relative;
  }
  .card {
    height: 399px;
  }
}
@media all and (max-width: 435px) and (min-width: 370px) {
  .container .ServiceDiv {
    position: relative;
    margin: 0;
  }
}
.service-tabs {
  margin: 75px 0 45px 0;
}
.button4 {
  width: 196px;
  margin-top: 7px;
  height: 31px;
}
.rectangle1 {
  background-color: #e8e8e8;
  text-align: left;
  /* padding: 12px 0px 0px 0px; */
  margin-left: 293px;
  width: 447px;
  padding-bottom: 38px;
}
.rectangle2 {
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  position: absolute;
  left: 740px;
  width: 505px;
  top: 30px;
  padding-bottom: 143px;
}
.service_optionparaone {
  margin-left: 14px;
  padding-top: 24px;
  font-size: 16px;
  padding-right: 0px;
  color: #7e7e7e;
}
.service_optionparasecond {
  margin-left: 14px;
  padding-top: 32px;
  font-size: 15px;
}
.texthead {
  color: black;
  padding-top: 40px !important;
  padding-left: 66px !important;
  font-size: 23px !important;
}
.rectanglepara1 {
  color: black;
  padding-top: 6px;
  padding-left: 66px;
  font-size: 15px;
  margin-top: 20px;
}
.rectanglepara2 {
  color: black;
  padding-top: 6px;
  padding-left: 66px;
  font-size: 15px;
  margin-top: 20px;
}
.button4all {
  width: 120px;
  margin-top: 18px;
  height: 31px;
  margin-left: 65px;
}
.service_option_img {
  width: 20%;
  height: 29%;
  position: relative;
  top: 80px;
  left: 74px;
  padding-right: 20px;
  margin-left: -20px;
}
.service_option_arrowimg {
  width: 3%;
  height: 6%;
  position: relative;
  top: 39px;
  left: 52px;
}
.callerlistens {
  position: relative;
  top: 52px;
  left: 262px;
  font-weight: bold;
}
.you {
  position: relative;
  top: 79px;
  left: 85px;
  font-weight: bold;
}
.Werelay {
  position: relative;
  top: 69px;
  left: 176px;
  font-weight: bold;
}
@media all and (max-width: 1026px) and (min-width: 770px) {
  .service_optionparaone {
    margin-left: 22px;
  }
  .service_optionparasecond {
    margin-left: 22px;
  }
  .rectangle1 {
    width: 48%;
    margin: 0px 0px 0px 300px;
  }
  .rectangle2 {
    margin-left: 20px;
    width: 46%;
    padding-bottom: 133px;
  }
  .texthead {
    position: relative;
    left: 0px;
  }
  .rectanglepara1 {
    position: relative;
    left: 0px;
  }
  .rectanglepara2 {
    position: relative;
    left: 0px;
  }
  .button4all {
    position: relative;
    left: 0px;
  }
  .service_option_img {
    height: 25%;
  }
  .callerlistens {
    position: relative;
    top: 57px;
    left: 271px;
    font-weight: bold;
  }
  .you {
    position: relative;
    top: 82px;
    left: 88px;
    font-weight: bold;
  }
  .Werelay {
    position: relative;
    top: 71px;
    left: 184px;
    font-weight: bold;
  }
  .gridTextrelay {
    margin: 158px -37px 0 -37px !important;
  }
}
.Option_to_choose_service {
  position: relative;
  width: 100%;
  float: left;
  margin-left: -276px;
  /* margin-right: 89px; */
  margin-top: 16px;
}
.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}
.hamburger.is-active:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #000;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -5px;
}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  width: 25px;
  height: 3px;
  background-color: #000;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner:before,
.hamburger-inner:after {
  content: "";
  display: block;
}
.hamburger-inner:before {
  top: -10px;
}
.hamburger-inner:after {
  bottom: -10px;
}
/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner:before {
  top: 7px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner:after {
  top: 14px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner:before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*   Carousel code starts here  */
[class*="slideshow"] {
  max-width: 100vw;
  height: 531px;
  margin: 0 auto 5px;
  outline: none;
}
[class*="slideshow"] img {
  display: none;
}
.image_wrapper .text_content {
  position: absolute;
  color: #183b16;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  height: 100%;
  width: 100%;
  margin: 50px 0;
}
.text_content * {
  margin: 0.1em 0;
}
.slider {
  font-family: helvetica, arial, sans-serif;
}
.slider img {
  display: none;
}
.slides_container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.image_wrapper,
.wrap_placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: none;
  background-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 1s ease-in-out;
}
.image_wrapper.no_transition,
.wrap_placeholder.no_transition {
  transition: none !important;
}
.image_wrapper > a {
  display: block;
  width: 100%;
  height: 100%;
}
.slider_prev_image,
.slider_next_image {
  border: none;
}
.slider_prev_image,
.slider_next_image {
  position: absolute;
  top: 50%;
  left: 15%;
  width: 70px;
  height: 50px;
  background: url('left.3680c6ed76eba566.png') center no-repeat;
  background-size: 40%;
  color: rgba(255, 255, 255, 0.3);
  transform: translate(0, -50%);
  z-index: 1000;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.slider_prev_image:hover,
.slider_next_image:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.slider_next_image {
  transform: translate(0, -50%) rotate(180deg);
  left: auto;
  right: 15%;
}
.slider_dots {
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1000;
  overflow: hidden;
}
.slider_dots span {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 3px 8px 15px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.slider_dots span:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff 0% 0% no-repeat padding-box;
}
.slider_dots span.current:before {
  background: #003038 0% 0% no-repeat padding-box;
}
.slider_dots span:hover:before {
  background: #003038 0% 0% no-repeat padding-box;
}
.slider_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -50%); */
  width: 40px;
  height: 40px;
  border-radius: 50px;
  border: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  animation: slider_spinner 1s linear infinite;
  z-index: -1;
  display: none;
}
.slider.loading .slider_spinner {
  display: block;
}
@keyframes slider_spinner {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* custom settings styles */
.fill_mode-contain .image_wrapper,
.fill_mode-contain .wrap_placeholder {
  background-size: contain;
}
.fill_mode-cover .image_wrapper,
.fill_mode-cover .wrap_placeholder {
  background-size: cover;
}
.prev_next_nav-outside .slider_prev_image {
  left: -60px;
}
.prev_next_nav-outside .slider_next_image {
  right: -60px;
}
.prev_next_nav-hover .slider_prev_image {
  left: -60px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}
.prev_next_nav-hover:hover .slider_prev_image {
  left: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.prev_next_nav-hover .slider_next_image {
  right: -60px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}
.prev_next_nav-hover:hover .slider_next_image {
  right: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.prev_next_nav-none .slider_prev_image,
.prev_next_nav-none .slider_next_image {
  display: none;
}
.dots_nav-outside .slider_dots {
  bottom: -34px;
}
.dots_nav-hover .slider_dots {
  bottom: -34px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.dots_nav-hover:hover .slider_dots {
  bottom: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.dots_nav-none .slider_dots {
  display: none;
}
.slider_caption {
  position: absolute;
  bottom: -54px;
  left: 0;
  right: 0;
  font-size: 0.75em;
  text-align: center;
  display: none;
}
.caption-none .slider_caption {
  height: 0;
  width: 0;
  overflow: hidden;
}
.caption-inside .slider_caption {
  bottom: 0;
  padding: 0.7em;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.4);
}
.caption-hover .slider_caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.caption-hover:hover .slider_caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.dots_nav-inside .slider_caption,
.dots_nav-hover .slider_caption,
.dots_nav-none .slider_caption {
  bottom: -25px;
}
.dots_nav-inside.caption-inside .slider_caption,
.dots_nav-hover.caption-inside .slider_caption,
.dots_nav-none.caption-inside .slider_caption {
  bottom: 0;
}
.dots_nav-inside.caption-inside .slider_dots,
.dots_nav-hover.caption-inside:hover .slider_dots {
  bottom: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
/* Responsive */
@media (max-width: 600px) {
  .image_wrapper .text_content {
    margin: 0;
  }
  .slider_prev_image {
    left: 0px;
  }
  .slider_next_image {
    right: 0px;
  }
  .slider_spinner {
    width: 20px;
    height: 20px;
  }
}
.text_content {
  padding: 105px 0px;
}
.trsnzSlider .text_content .slider_content .slider_content_left,
.trsnzSlider .text_content .slider_content .slider_content_right {
  width: 85%;
  /* float: left; */
  /* height: auto; */
  margin: 0 auto;
  display: table;
  text-align: center;
}
.trsnzSlider .text_content .slider_content .slider_content_left h1 {
  font-size: 39px;
  color: #ffffff;
}
.trsnzSlider .text_content .slider_content .slider_content_left p {
  margin: 15px 0;
  color: #ffffff;
  padding: 0 30px;
  line-height: 25px;
}
.trsnzSlider .text_content .slider_content .slider_content_left .slider_content_button button.slider_content_btn {
  font-size: 16px;
  width: 200px;
  height: 45px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  margin: 10px 10px;
}
.slider_content .slider_content_button button.slider_content_btn {
  min-width: 200px;
  height: 45px;
  border: 1px solid #245f71;
  border-radius: 4px;
  background-color: #245f71;
  color: #fff;
  margin: 10px 10px;
  padding: 0 20px;
}
.slider_content .slider_content_button button.slider_content_btn:hover,  .slider_content.slider_content_button a:hover {
  cursor: pointer;
  background-color: #003038;
  border: 1px solid #003038;
}
.slider_content .slider_content_button a {
  text-decoration: none;
  display: inline-block;
  width: 200px;
  height: 45px;
  border: 1px solid #245f71;
  border-radius: 4px;
  background-color: #245f71;
  color: #fff;
  margin: 10px 10px;
  line-height: 43px;
}
.trsnzSlider .text_content .slider_content .slider_content_left .slider_content_button span i {
  font-size: 20px;
  margin: 3px;
}
.trsnzSlider .text_content .slider_content .slider_content_right img {
  display: block;
  float: right;
}
/*   Carousel code ends here  */
/*  Relay mobile app code starts here */
.grid-container {
  display: flex;
  justify-content: center;
  visibility: visible;
  width: 960px;
  margin: 0 auto;
}
.gridContainer_mobbileInfo {
  min-height: 715px;
  background: #f2f2f7;
  margin: 0 auto;
}
.grid-item {
  font-size: 20px;
  text-align: left;
  margin-right: 23px;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.mobile-app-btn {
  width: 150px;
  height: 35px;
  background: #245f71 0% 0% no-repeat padding-box;
  border-radius: 4px;
  color: #ffffff;
  border: none;
  font-size: 16px;
}
.margin-40 {
  margin-top: 40px;
}
.service-btn {
  width: 80%;
}
.headingRelay {
  font-size: 25px;
  font-weight: 600;
  font-style: bold;
  margin-bottom: 10px;
  color: #397379;
  width: 226px;
}
.headingRelayLast {
  width: 140px;
}
.subHeadingRelay {
  font-size: 20px;
  font-weight: 600;
  font-style: bold;
  margin-bottom: 10px;
  color: #397379;
}
.standardheadingRelay {
  font-size: 25px;
  font-weight: 600;
  font-style: bold;
  color: #48484a;
}
span.standardheadingRelay_sub_bold {
  display: block;
  font: normal normal 800 39px/42p "FiraSans-Regular";
  color: #397379;
}
.grid-item span {
  margin-top: 10px;
}
.mobileHeading {
  text-align: center;
  padding-top: 40px;
}
.mobileGrid {
  margin: 20px 0;
}
.gridTextrelay {
  text-align: left;
  margin: 115px -20px 0 0;
}
.textRelayspan {
  margin: 20px 0 30px 0;
  width: 293px;
  font-size: 17pt;
  line-height: 26px;
}
.textRelayspan span {
  font-size: 18px !important;
  margin-top: 10px;
}
.grid-item strong {
  font-size: 16px;
}
.listofBenifits ul li {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}
.apps_logorelay {
  display: flex;
  flex-direction: row;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 20px;
}
.app_storerelay {
  height: 45px;
  background: url('appstore.a58ee615613e41c0.png') no-repeat center center;
  background-size: contain;
  margin-bottom: 20px;
  width: 100%;
  margin-right: 10px;
  padding-left: 50px;
  padding-right: 51px;
}
.scroll_down {
  display: table;
  margin: 0 auto;
}
.play_storerelay {
  height: 45px;
  background: url('googleplay.e119681df9a1d52d.png') no-repeat center center;
  background-size: contain;
  margin-bottom: 20px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
.MediaRelay {
  background: #f7f7f7;
  border: 1px solid #ededed;
  height: 277px;
  padding: 67px 0 0 70px;
}
.mobileimage {
  background-size: contain;
  height: 559px;
  width: 384px;
}
/*  .mobileimage {
  text-align: center;
  padding-left: 95px;
  padding-right: 95px;
} */
.apps_logorelay {
  padding-left: 10px;
  padding-right: 10px;
}
.listofBenifits {
  margin-bottom: 20px;
}
@media all and (max-width: 1000px) and (min-width: 768px) {
  .mobile_header {
    display: none !important;
  }
  .Navigation .Inner .Logo {
    width: 96px;
    height: 100px;
    padding: 0 10px;
    top:185px;
  }
  .Navigation ul {
    margin: 52px 0 0 107px;
  }
  .Navigation ul li {
    margin: 0px 12px 0 0;
  }
  .Navigation button {
    left: 0;
  }
  .top_nav_signup ul {
    margin: 8px 5px 0;
  }
  .content_center {
    width: auto;
  }
  .relay_services_aboutUs p {
    width: auto;
    padding: 0 45px;
  }
  .relay_services_tiles_box {
    width: 200px;
    margin: 67px 0 53px 30px;
  }
  .relay_services_tilesMain .content_center {
    margin: 0;
  }
  .relay_services_tiles_box h2 {
    width: 226px;
    text-align: center;
  }
  .relay_services_tiles_box p {
    width: 213px;
    text-align: center;
  }
  .relay_services_tiles_box h2.last {
    width: auto;
    padding: 0 20px;
  }
  .relay_services_mobileApp_textRelay {
    width: 195px;
  }
  .relay_services_mobileApp_captionedRelay {
    width: 200px;
  }
  .relay_services_mobileApp_store img.AppImage {
    width: 280px;
    height: auto;
    margin: 0 0 40px 0;
  }
  .relay_services_mobileApp_store {
    width: 255px;
    padding: 20px 0 0;
  }
  .relay_services_mobileApp_textRelay {
    margin: 30px 0 0;
  }
  .relay_services_mobileApp_captionedRelay {
    margin: 30px 0 0;
  }
  .relay_services_mobileApp {
    height: 750px;
  }
  .relay_services_standardPhoneUser p {
    color: #333333;
    text-align: center;
    margin: 16px 0;
    padding: 0 40px;
    line-height: 24px;
  }
  .relay_services_mobileApp_store .appLink a {
    float: left;
    height: 44px;
    width: 118px;
    margin: 0 9px;
  }
  .service_tabs_toggle .flex-container .Button {
    border: none !important;
    margin: 0px -91px 6px 89px;
  }
  .service_tabs_toggle .tabs .tab.active {
    background: none;
    border-bottom: 6px solid #003038 !important;
  }
  .highlight_bottom {
    position: relative;
    top: 35px;
    border-radius: 5px;
    width: 620px;
    margin: 0 auto;
  }
  .container {
    width: 768px;
  }
  .cardHeader_content_relay {
    width: max-content;
  }
  .Side-nav {
    margin: 0 20px 0 0 !important;
  }
  .Services_RightMenu_Content {
    width: 525px !important;
  }
  .Services_rightMenu_contentSecond_left {
    width: 238px !important;
  }
  .Services_rightMenu_contentSecond_right {
    width: 360px;
    float: left;
  }
  .Services_rightMenu_contentSecond_right {
    width: 250px !important;
    float: left;
    padding: 0 0 0 5px;
    margin-left: 0 !important;
  }
  .Services_rightMenu_contentSecond_right img {
    width: 265px;
  }
  .Services_rightMenu_contentThird {
    width: 100%;
  }
  .BorderOnDiv {
    margin: 0 20px !important;
  }
  .Services_rightMenu_contentThird_left {
    width: 245px !important;
  }
  .Services_rightMenu_contentThird_right {
    width: 225px !important;
    float: left !important;
  }
  .Breadcrumbs {
    margin: 0 0 0 20px;
  }
  .Footer .Inner .Register {
    float: right;
    width: 230px;
  }
  .Footer .Inner .Register {
    float: right;
  }
  .Footer .Inner .Register a svg {
    position: relative;
    left: -80px;
  }
  .social_media span {
    font-size: 15px !important;
    position: relative;
    top: -52px;
    left: 10px;
  }
  .Navigation {
    height: 95px;
  }
  .Navigation button:nth-child(4) {
    margin: 7px 0 0 0 !important;
  }
  .trsnzSlider .text_content .slider_content .slider_content_left,
  .trsnzSlider .text_content .slider_content .slider_content_right {
    width: 60%;
  }
  .grid-container-width {
    clear: both;
    margin: 0 auto !important;
  }
  .textRelayspan {
    width: auto !important;
  }
  .gridTextrelay {
    margin: 0;
  }
  .mobileimage {
    width: auto;
  }
  .d-block {
    display: block !important;
  }
  .grid-item {
    font-size: 30px;
    text-align: center;
    padding: 0 40px;
  }
  .grid-container {
    display: inline-flex;
    margin-left: 140px;
    margin-right: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
    width: unset;
  }
  .apps_logorelay {
    padding: 0 160px;
    margin-top: 48px;
    display: flex;
  }
  .headingRelay {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #397379;
  }
  .headingRelays {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
/*  Relay mobile app code ends here */
.Faqs-searchFilter {
  margin-left: 12px;
  width: 97%;
}
.accordion_Content h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.accordion_Content input {
  width: 140px;
  height: 37px;
  border-radius: 30px;
  padding-left: 18px;
}
.sidenavfaq {
  width: 293px;
  background-color: #303030;
  position: relative;
  left: 865px;
  height: 1372px;
}
.sidenavfaqimage {
  position: absolute;
  width: 113px;
  top: 68px;
  left: 89px;
}
.accordion_Content select {
  padding: 7px;
  border-radius: 15px;
  margin-left: 12px;
      display: block;
    border-radius: 3px;
    border: 1px solid #333;
}
.buttondiv {
  position: relative;
  width: 100%;
  float: left;
  top: 40px;
  left: 147px;
}
.buttondiv .FAQbutton1 {
  background-color: #800000;
  width: 442px;
  color: white;
  padding: 12px;
  border-radius: 50px;
  margin-bottom: 43px;
  margin-right: 20px;
  margin-left: -126px;
  border: #800000;
}
.buttondiv .FAQbutton2 {
  background-color: #800000;
  width: 442px;
  color: white;
  padding: 12px;
  border-radius: 50px;
  border: #800000;
}
.paradiv {
  line-height: 1.5;
  font-weight: bold;
  padding: 10px 0 10px 19px;
}
.accordion_sub {
  background-color: #f2f2f7;
}
.accordion_sub p {
  color: #1c1c1e;
  font-size: 16px;
  padding: 0 0 0 25px;
  line-height: 50px !important;
}
.Emergencyaccordion_sub,
.Generalaccordion_sub {
  background-color: #f2f2f7;
  margin-top: 2px;
}
.Emergencyaccordion_sub p,
.Generalaccordion_sub p {
  color: #1c1c1e;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.EmergencyUl {
  line-height: 26px;
  color: #1c1c1e;
}
.RelayopenUl {
  line-height: 26px;
  color: #1c1c1e;
  padding-bottom: 10px;
}
.RelayopenUl li {
  display: flex;
}
.dashed {
  line-height: 26px;
  color: #1c1c1e;
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.dashed li {
  display: flex;
}
ul.dashed > li:before {
  content: "-";
  padding-right: 11px;
}
.starIcon {
  content: "\2605";
}
.greaterIcon {
  content: "\003E";
}
.FAQorderlist {
  line-height: 26px;
  list-style-type: decimal;
  margin: -10px 0 9px 40px;
}
.bullet {
  line-height: 26px;
  list-style: disc;
  margin: -10px 0 9px 40px;
}
.bullet li {
  font-size: 17px;
}
#yeshow {
  background-color: white;
}
.buttondiv p {
  padding-left: 21px;
}
.parashowdiv {
  line-height: 26px;
  margin-bottom: 11px;
  color: #333333;
}
.margin-top {
  margin-top: 11px;
}
.viedofaq {
  position: absolute;
  top: 170px;
  color: white;
  left: 112px;
  font-weight: bold;
  font-size: 27px;
}
.Interpretingfaq {
  position: absolute;
  top: 197px;
  color: white;
  left: 87px;
  font-weight: bold;
  font-size: 27px;
}
.Servicefaq {
  position: absolute;
  top: 232px;
  color: white;
  left: 108px;
  font-weight: bold;
  font-size: 27px;
}
.accordion_content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.makeacallul {
  position: absolute;
  top: 290px;
  /* bottom: 1330px; */
  list-style: none !important;
  left: 22px;
  color: white;
  font-weight: bold;
}
.makeacallul li {
  font-size: 19px !important;
  line-height: 34px !important;
}
.Hoursofservices_text-area {
  position: absolute;
  top: 530px;
  left: 75px;
  color: white;
  line-height: 23px;
  font-weight: bold;
}
.Hoursofservices_text-area p {
  font-size: 15px;
}
.DeafCaller_text-area {
  position: relative;
  bottom: 615px;
  /* top: 87px; */
  /* left: 71px; */
  /* top: 530px; */
  left: 75px;
  color: white;
  line-height: 19px;
  font-weight: bold;
}
.frequentlyquestion {
  position: absolute;
  top: 50%;
  left: 38%;
  transform: translate(-50%, -50%);
  font-size: 41px;
  color: white;
}
.visitthispage,
.avaibleinterpreter {
  font-size: 15px !important;
  line-height: 24px;
}
.bothservice {
  font-size: 15px !important;
}
.whenureach {
  font-size: 15px !important;
  line-height: 30px;
}
.Anyconversations {
  font-size: 15px !important;
  line-height: 30px;
}
.Serviceavailable {
  font-size: 15px !important;
  line-height: 30px;
}
.bookedyourNZSL {
  font-size: 15px !important;
  line-height: 30px;
}
.Ifyoubooked {
  font-weight: 100;
}
.filterfaq {
  font-size: 23px;
  margin-right: 14px;
  font-weight: bold;
  margin-left: 20px;
}
.selectfaq {
  width: 174px;
  padding: 9px;
  border-radius: 57px;
}
.accordion_head {
  background-color: #00444F !important;
  height: 45px !important;
  margin: 23px 0 0;
}
.Faqs-searchFilter button {
  padding: 11px 10px 12px 18px;
}
.accordion_head h3 {
  font-size: 25px !important;
  color: #fff !important;
  padding: 9px 0px 8px 18px;
  font-family: 'Gustan';
}
.headerviedointerpretingservice {
  height: 50px;
  /* width: 100px; */
  margin-right: 156px;
  margin-left: -129px;
  color: white;
  margin-top: -34px;
}
.ViedoInterpreting {
  position: relative;
  left: 16px;
  top: 11px;
}
.headertextRelay {
  height: 50px;
  color: white;
}
.charges,
.remotevideo,
.VideoInterpreter,
.phonecall,
.answeringmachine {
  background-color: #f0f0f0;
  line-height: 50px;
  font-weight: bold;
  margin-top: 2px;
}
.headertextRelay {
  height: 50px;
  background-color: #555;
  color: white;
  margin-right: 155px;
  margin-left: -129px;
  margin-top: 30px;
}
.accordion:before {
  content: "\002B";
  color: #777;
  font-weight: bold;
  margin-left: 3px;
  /* padding: 1px; */
  margin-right: 5px;
  /* width: 10px; */
  color: #1c1c1e;
  font-size: 16px;
}
.accordion_content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media all and (max-width: 900px) and (min-width: 768px) {
  .accordionaftertab:after {
    margin-top: -50px;
    margin-left: -22px;
  }
  .accordionaftertab {
    margin-left: 26px;
  }
  .Faqs-searchFilter .twoQuestionontab:after {
    margin-top: -100px;
  }
  .videorelayontab:after {
    margin-left: -3px;
    margin-top: -1px;
  }
}
/* ipad  */
@media all and (max-width: 768px) and (min-width: 768px) {
  .feedbackContainer {
    margin: 0 20px;
}
.contentSection{
  padding: 0;
  width: 100% !important;
}
#container > div > div > app-angularvideojsrecord > div > div.feedbackContainer > div.feedbackForm > div{
  width: auto !important;
}
#container > div > div > app-angularvideojsrecord > div.Inner > div > div.feedbackForm > div > div {
  width: 100% !important;
}
.bookInterpreterRightContent {
  width: 488px !important;
  float: right;
  margin: 0 20px !important;
}
.video-js {
  width: 100% !important;
}
}
@media all and (max-width: 767px) and (min-width: 320px) {
  body.font_medium  .account-manager{
     
    display:block !important;
  }
}
@media all and (max-width: 767px) and (min-width: 320px) {
  .scrollTop {
    display: none;
  }
  .desktop {
    display: none;
  }
  li.LoginRegister {
    display: none !important;
  }
  body > div.Wrap.effects > div.top_nav_signup_wrap > div > ul:nth-child(1) > li:nth-child(8) > span {
    display: none !important;
  }
  .high_contrast {
    margin: 0 10px;
  }
  .top_nav_signup ul {
    float: left;
    margin: 0;
    padding: 8px;
  }
  .font {
    padding: 0 5px;
  }
  .top_nav_signup {
    display: table;
    margin: 0 auto;
  }
  .mobile {
    display: block !important;
  }
  .hamburger {
    position: relative;
    right: -20px;
    top: 8px;
  }
  .Navigation {
    display: none;
  }
  #burger-menu ul li a {
    text-decoration: none;
  }
  .highlight_bottom {
    display: none;
  }
  .service_tabs_toggle button,
  .service_tabs_toggle button:focus {
    border: none !important;
  }
  .service_tabs_toggle .flex-container .Button {
    margin: 0;
  }
  .service_tabs_toggle .tabs {
    padding: 0;
  }
  .service_tabs_toggle {
    width: auto;
    padding: 0 30px;
  }
  .service_tabs_toggle .tabs .tab {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    display: inline-block;
    font-size: 14px;
  }
  .service_tabs_toggle .tabs .tab.active {
    color: black;
    background-color: #c0c0c0;
    border: 1px solid #555555b3 !important;
  }
  .ServiceDiv {
    margin: 0 0 0 5px;
  }
  .cardHeader,
  .card {
    width: 93vw;
  }
  .service_card_content {
    width: auto;
  }
  .card {
    height: 300px;
  }
  .service_card_content {
    min-height: 100px;
  }
  .container {
    width: auto;
    padding: 20px 0 0 10px;
  }
  .relay_services_tiles_box {
    margin: 0;
    text-align: center;
    display: block;
    clear: both;
    padding: 20px 25px;
  }
  .content_center {
    width: auto;
  }
  .relay_services_mobileApp {
    height: auto;
  }
  .relay_services_tiles_box p {
    width: 215px;
  }
  .relay_services_tiles_box h2.last {
    width: auto;
    padding: 0 30px;
  }
  .relay_services_tiles_box h2 {
    font-size: 25px;
    margin: 0 0 20px 0;
  }
  .relay_services_aboutUs {
    padding: 20px 10px;
  }
  .relay_services_aboutUs p {
    text-align: center;
    margin: 0 auto;
    padding: 0 30px;
    width: auto;
  }
  .relay_services_mobileApp h2 {
    font-size: 32px;
    margin: 0 20px;
  }
  .relay_services_mobileApp_textRelay,
  .relay_services_mobileApp_captionedRelay {
    margin: 10px 20px;
    width: auto;
  }
  .relay_services_mobileApp_textRelay .cardHeader_content h2 {
    width: 150px;
    font-size: 27px !important;
    position: relative;
    top: 8px !important;
    left: 90px;
  }
  .relay_services_mobileApp_captionedRelay .cardHeader_content h2 {
    width: 200px;
    font-size: 27px !important;
    position: relative;
    top: 40px !important;
    left: -70px;
  }
  .cardHeader_content h2 {
    width: auto;
    top: -80px;
  }
  .relay_services_standardPhoneUser p {
    margin: 0 0 30px 0;
    padding: 0 20px;
  }
  .relay_services_standardPhoneUser button {
    margin: 0 auto;
  }
  .relay_services_standardPhoneUser {
    height: auto;
  }
  .m-t-10 {
    margin: 0 !important;
  }
  .relay_services_tilesMain {
    height: auto;
    padding: 50px 0;
  }
  div.relay_services_tilesMain > div > div:nth-child(2) h2 {
    padding: 0 20px;
  }
  .relay_services_aboutUs {
    height: auto;
    margin: 50px 0;
  }
  .relay_services_mobileApp_textRelay p,
  .relay_services_mobileApp_captionedRelay p {
    padding: 20px 62px 10px 62px;
    text-align: center;
    line-height: 26px;
  }
  .relay_services_mobileApp_textRelay .form-group-global-btn,
  .relay_services_mobileApp_captionedRelay .form-group-global-btn {
    margin: 30px 0 0 0;
  }
  .BgCircleBS {
    position: unset;
    margin: 0 auto;
  }
  .ServiceDiv .cardHeader_content .ServiceHeadBg {
    left: -119px;
  }
  .relay_services_mobileApp_box .ServiceHeadBg {
    position: relative;
    top: 15px;
    left: 20px;
  }
  .relay_services_mobileApp_store img.AppImage {
    display: none !important;
  }
  .relay_service_container {
    /* display: -webkit-flex; */
    display: grid;
  }
  .scroll_down {
    display: none;
  }
  .social_media span {
    position: relative;
    top: -52px;
    left: 18px;
  }
  .Footer .Inner .Register a svg {
    position: relative;
    left: -80px;
  }
  .Footer .Inner {
    padding: 78px 30px 50px 30px;
  }
  .Footer .Inner .Column {
    margin: 0 5px 15px 0 !important;
    width: 150px;
  }
  .Footer .Inner .Register {
    margin: 40px 0 0;
  }
  /* Safari 6.1+ */
  #relay_service_order_1 {
    -webkit-order: 1;
  }
  #relay_service_order_2 {
    -webkit-order: 3;
  }
  #relay_service_order_3 {
    -webkit-order: 2;
  }
  /* Standard syntax */
  #relay_service_order_1 {
    order: 1;
  }
  #relay_service_order_2 {
    order: 3;
  }
  #relay_service_order_3 {
    order: 2;
  }
  .Breadcrumbs {
    top: -126px;
  }
  .Breadcrumbs {
    min-width: 320px;
    max-width: min-content;
  }
  .cardHeader_content_relay {
    margin: 0 auto;
  }
  .cardHeader_content_relay h2.Service_card_center_relay {
    display: table;
    clear: both;
    margin: 15px 0 auto;
  }
  .cardHeader_content_relay img.ServiceHeadBg_relay {
    display: table;
    margin: 0 auto;
    float: none;
  }
  .relay_services_mobileApp_store .appLink {
    width: auto;
    margin: 0 auto;
    display: table;
  }
  .relay_services_mobileApp_store {
    width: auto !important;
  }
  .accordion_head {
    height: 70px !important;
  }
  .accordion {
    line-height: 23px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .paradiv .fouraccordionafterlinetab:after {
    margin-left: -14px;
    margin-top: -69px;
  }
  .fouraccordionafterlinetab {
    padding-left: 24px;
  }
  .fourquestiononmobile:after {
    margin-top: -148px !important;
  }
  .accordionAftermobile:after {
    margin-top: -88px !important;
  }
  .paradiv .interpreterontab:after {
    margin-top: -23.5px;
  }
  .interpretercharges:after {
    margin-top: -2px;
  }
  .paradiv .accordionaftertab:after {
    margin-top: -46px;
  }
  .paradiv .accordionAfter:after {
    margin-top: -118px;
  }

/* responsive RACH 20102020 */
  /* Login Responsive */
  .loginContainer{
    margin: 0 20px;
    display:block;
  }
  .login-content{
    width: auto !important;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;

  }

.checkboxLogin {
  margin-top: 20px;
}
a.forgetp {
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;
}
.signinLinks p{
  display: inline-block;
}
.signinBtn {
  display: grid;
  width: auto;
  text-align: center;
}
.signinBtn button{
  margin: 30px 0 20px 0;
}

#container > div > app-top-nav > div > div > ul:nth-child(1) > li:nth-child(8){
  display: none;
}
div .signuplink {
  margin-top: 0px;
}
.contentSectionForm {
  width: auto !important;
  margin: 0 20px;
}
.terms_agree_register {
  /* padding-left: 11%; */
  display: block;
  margin: 0 0 0 40px;
}
.signinBtn button {
  margin: 30px 0 0px 0;
}
.check {
    margin-left: 0px !important;
    margin-top: 50px;
}

::placeholder {
  font-size: 15px !important;
}
.high_contrast {
  margin: 0 30px 0 10px;
}
#container > div > app-top-nav > div > div > ul:nth-child(1) > li:nth-child(10){
  display: none;
}
/* contact us */
.feedbackContainer{
  width: auto !important;
  margin: 20px;
}
.ContactUs {
  width: auto !important;
  float: none;
  margin: 0 !important;
  padding: 0 !important;
}
.checkmarkadmin{
  padding: 0;
  margin: 0;
}

.checkmarkadmin li {
  display: flex;
}
.contentSection {
  margin: 0 !important;
  padding: 0 !important;
  clear:both;
  width: unset !important;
}
.feedbackForm {
  width: auto !important;
  float: none !important;
}
#container > div > div > app-angularvideojsrecord > div.Inner > div > div.feedbackForm > div > div{
  width: auto !important;
  margin: 0;
  padding: 0;
}
#container > div > div > app-angularvideojsrecord > div.Inner > div > div.feedbackForm > div{
  width: auto !important;
}
div#video_clip1 {
  width: auto;
}
.vjs-time-control.vjs-time-divider {
  margin: 0 -4%;
}
.stop{
  right: 0 !important;
}

.video-js {
  width: 100% !important;
}
/* contact us end */

/* book interpreter */
.ServicesSideNav {
  width: auto;
  margin: 0 10px;
}
.bookInterpreterRightContent {
  width: auto !important;
  float: none !important;
  margin: 20px !important;
}
/* form { 
  width: 80%;
} */
.vi_schedule_box {
  width: auto !important;
}
/* book interpreter end */
button.form-group-global-btn {
    display: block;
    /* margin: 0; */
    width: 100%;
}
}
@media all and (max-width: 720px) and (min-width: 720px) {
  .Breadcrumbs {
    margin: 0;
    padding: 30px 30px;
    min-width: 700px;
  }
  .Side-nav {
    float: none !important;
  }
  .HearingCallerlist {
    display: table-cell !important;
  }
  .Services_rightMenu_contentSecond_right {
    padding: 20px 180px;
  }
  .Side_nav_Button_main {
    width: 100%;
  }
  .Footer .Inner .Column {
    margin: 0 5px 15px 0 !important;
    width: 152px;
  }
  .Footer .Inner .Register {
    float: right;
    width: 187px;
    margin: 0 auto;
  }
  .app_store_w,
  .play_store_W {
    width: 43%;
  }
}
@media all and (max-width: 380px) and (min-width: 330px) {
  .emergencycallmobile:after {
    margin-top: -24px;
  }
  .interpreteronmobile:after {
    margin-top: -46.5px !important;
  }
  .twoQuestionontab:after {
    margin-top: -146px !important;
  }
}
.Vide_library_main {
  background-color: #f2f2f7;
  float: left;
  margin-bottom: 45px;
  padding: 41px 0 41px 40px;
}
.video_Div img {
  width: 344px;
  height: 214px;
}
.video_Div {
  width: 40%;
  float: left;
  position: relative;
}
.video_Div i {
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 25px;
  color: white;
}
#myBtn i {
  margin-right: 7px;
}
.content_Div {
  width: 60%;
  float: left;
}
.Speech-content_Div {
  width: 40%;
  float: left;
  margin-top: 62px;
}
.Speech-content_Div h3 {
  font-size: 20px;
  margin-left: -9px;
  color: #33818e;
}
.Speech-content_Div p {
  margin: 75px 0px 30px -7px;
  color: #1c1c1e;
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
#myBtn span {
  padding: 6px;
  /* display: block; */
  font-size: 16px;
  font-family: "gustan-book";
}
/* Modal Content */
.modal-content {
  margin: 5px 35px 0 35px;
}
.modal-content i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 25px;
  color: white;
}
.modal-content img {
  width: 1280px;
  height: 560px;
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  top: 22px;
  z-index: 5;
  left: 0px;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.content_Div {
  padding-left: 20px;
}
.content_Div h3 {
  font-size: 20px;
  padding-right: 5px;
  color: #33818e;
}
.content_Div p {
  margin-top: 20px;
  padding-right: 46px;
  color: #1c1c1e;
}
.content_Div h6 {
  margin-top: 17px;
  color: #1c1c1e;
}
.content_Div ul {
  margin-top: 30px;
}
.content_Div li {
  line-height: 0;
}
.content_Div input {
  margin-top: 20px;
  width: 140px;
  background-color: #245f71;
  color: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  padding: 6px 6px 6px 6px;
  margin-bottom: 17px;
}
.iframe_custom {
  margin: 65px 0px 65px 41px;
  width: 85%;
  height: 290px;
  /* width: 230px; */
  /* height: 300px; */
  object-fit: cover;
  outline: none;
}
.modal-content video {
  height: 570px;
  /* width: 1264px; */
  object-fit: cover;
  outline: none;
}
.clearfix {
  clear: both;
}
@media all and (max-width: 768px) and (min-width: 320px) {
  .ServicesSideNav {
    margin-left: 10px;
  }
  .ServicesRightContent {
    /* margin-right: 10px; */
    width: 480px;
  }
  .ServicesMain {
    margin-top: 20px;
  }
  .services_VIS .vis_phoneCall h3,
  .services_VIS .vis_interpreter h3 {
    width: auto;
  }
  .services_VIS .vis_phoneCall,
  .services_VIS .vis_interpreter {
    width: auto;
    height: auto;
    border-right: none;
    padding: 30px 0 0 0;
  }
  .services_VIS .vis_interpreter {
    margin-bottom: 30px;
  }

  .contentSectionForm {
    width: auto !important;
    margin: 0 20px;
}
.Breadcrumbs { width: 960px;
  margin: 0 20px;
}
.headername {
  margin: 20px !important;
 }
 #burger-menu .is-active {
   font-family: 'FiraSans-Medium';
   color: #1C1C1C !important;
   border:none;
}

.info_i {
  
  background-image: none;
}

}
.global-checkbox {
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: relative;
  cursor: pointer;
}
.form-checkbox{
  height: 30px !important;
  width: 30px !important;
  position: absolute !important;
}
/* Hide the browser's default checkbox */
.global-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.global-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 27px;
  width: 27px;
  border: 1px solid #6f6f6f;
  border-radius: 4px;
}
.errorCheck.global-checkmark {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  border: 1px solid red;
}
.global-checkbox input:checked ~ .global-checkmark {
  background-color: #006272;
  border: 1px solid #006272;
}
/*  (hidden when not checked) */
.global-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/*  checkmark when checked */
.global-checkbox input:checked ~ .global-checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.global-checkbox .global-checkmark:after {
  left: 8px;
  top: 3px;
  width: 8px;
  height: 16px;
  border: 2px solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(40deg);
  align-items: end;
}
/* Radio buttons */
.global-radioButton {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.global-radioButton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.global-circle {
  position: absolute;
  top: 0;
  left: 0;
  height: 29.25px;
  width: 29.25px;
  border:2px solid #6F6F6F;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
.global-radioButton input:checked ~ .global-circle {
border:2px solid #006272;
background: white;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.global-circle:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.global-radioButton input:checked ~ .global-circle:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.global-radioButton .global-circle:after {
  top: 5px;
  left: 5px;
  width: 15px;
  height: 15px;
	border-radius: 50%;
  background-color: #006272;
}
/* select::-ms-expand {
  display: none;
} */
/* browsers compatability */
/* // Internet Explorer css start */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .service_tabs_toggle .tabs {
        line-height: 40px;
    }

    .Footer .Inner .Register a {
        display: inline;

    }

    .Register .footer_logo>a.flogo {
        display: block !important;
    }

    .footer_copyright {
        width: 205px;
    }

    .social_media {
        padding: 0 0 20px 0;
    }
/* book Interpreter */
.mat-button-toggle-group, .mat-button-toggle-standalone {
  display: inline-block !important;
  white-space: pre-line !important;
}
ul.checkmarkadmin li{
  display: -ms-inline-grid;
}
ul.checkmarkadmin li i{
  line-height: 10px;
  text-indent: -25px;
}
.login-content{
  /* box-shadow: 0px 6px 8px #00000029;
  border-collapse: separate; */
  box-shadow: 0px 5px 10px 0px silver,
              0px 0px 0px 0px silver,
              0px 0px 0px 0px silver,
              0px 0px 0px 0px silver
}


    
}
.mat-table .form-group-global-btn{
  height: 40px;
  border-radius: 6px;
  margin: 0 6px 0 0;
  padding: 0 12px;
}
.mat-table  .disabled{
  border: 1px solid #A3A3A3;
  background-color: #A3A3A3!important;
}
.ServicesSideNavLinks .serviceNavIcon {
  border-radius: 2px;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #000;
  margin-right: 10px;
}
::selection { background: #00444f; }
::selection { color: #FFF; }
/* input[type=checkbox]:focus + label:before {    
  border: 1px solid #66afe9;
} */
/* input[type=checkbox] :focus{
  border: 2px solid red !important;
} */
input[type=checkbox]{
  width: 30px !important;
  height: 25px !important;
  position: absolute !important;
  top: -2px;
  left: -6px;
}
input[type=checkbox]:focus{
  opacity: 1 !important;
}
/* carosel angular */
/* .owl-carousel .owl-stage-outer {
  height: 531px;
} */
.carousel-cells .carousel-cell img, .carousel-cells .carousel-cell video {
  height: 531px !important;
  object-fit: cover !important;
  position: relative;
  width: 100%;
}
.carousel-arrows-outside .carousel-arrow-prev{
  left: 15% !important;
}
.carousel-arrows-outside .carousel-arrow-next{
  right: 15% !important;
}
.caro_content{
  position: absolute !important;
  top: 0;
  z-index: 1;
  width: 100%;
}
.slider_content {
  display: table;
  margin: 200px auto 0px auto !important;
  text-align: center;
}
.slider_content:nth-child(3){
  margin: 50px auto 0px auto !important;
}
.slider_content h1{
  color: #ffffff;
  font-size: 39px;
}
.slider_content p{
  color: #ffffff;
}
.carousel-arrow {
  background-color: #7fb0b8 !important;
}
.carousel-arrow-prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMTUuNDEgMTYuNTlMMTAuODMgMTJsNC41OC00LjU5TDE0IDZsLTYgNiA2IDYgMS40MS0xLjQxeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
  left: 10px;
  height: 30px !important;
  width: 30px !important;
}
.carousel-arrow-next {
  height: 30px !important;
  width: 30px !important;
}
.carousel-dots .carousel-dot{
  border: 2px solid #fff;
  background-color: #ffffff !important;
  border-radius: 100px;
  display: inline-block;
  height: 20px !important;
  /* margin: 4px; */
  width: 20px !important;
  margin: 0 3px 8px 15px !important;
}
.carousel-dots {
  bottom: 40px !important;
}
.carousel-dots .carousel-dot-active {
  border-color: #00B5E2 !important;
  background-color: #00B5E2 !important;
}
.services_tab{
  width: 100%;
  display: table;
  margin: 0 auto;
}
/* end carosel angular */
.active , .active:hover {
    /* background: #C6D9DB; */
    background: #245f71;
    color: #000000;
}
/* Add these styles to your global styles.css file */
/* Search highlight styles - Global */
.search-highlight {
  background-color: #ffeb3b !important;
  color: #333 !important;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(255, 235, 59, 0.3);
  transition: all 0.3s ease;
}
/* Active highlight (current focus) */
.search-highlight-active {
  background-color: #ff9800 !important;
  color: white !important;
  box-shadow: 0 0 8px rgba(255, 152, 0, 0.5);
  transform: scale(1.05);
}
/* Pulse animation for first highlight */
.search-highlight-pulse {
  animation: highlight-pulse 2s ease-in-out;
}
@keyframes highlight-pulse {
  0%, 100% {
    background-color: #ffeb3b;
    transform: scale(1);
  }
  25%, 75% {
    background-color: #ff9800;
    transform: scale(1.1);
  }
  50% {
    background-color: #f44336;
    color: white;
    transform: scale(1.15);
  }
}
/* Alternative highlight styles for different contexts */
.search-highlight.privacy-highlight {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
  border: 1px solid #bbdefb;
}
.search-highlight.emergency-highlight {
  background-color: #ffebee !important;
  color: #c62828 !important;
  border: 1px solid #ffcdd2;
}
.search-highlight.service-highlight {
  background-color: #e8f5e8 !important;
  color: #2e7d32 !important;
  border: 1px solid #c8e6c9;
}
/* Focus styles for accessibility */
.search-highlight:focus {
  outline: 2px solid #2196f3;
  outline-offset: 2px;
}
/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}
/* Mobile responsive adjustments for highlights */
@media (max-width: 768px) {
  .search-highlight {
    padding: 3px 5px;
    font-size: 14px;
  }
}
/* services */
/* 
 services TTYtoVoice start */
.services_ttyToVoice .services_content .services_right_content {
  width: 280px;
  float: right;
}
.accordion_Content .filter {
  margin-left: 12px;
}
.fa-chevron-circle-left,.fa-chevron-circle-right{
  color: #54b4c3;
  font-size: 30px;
}
.owl-theme .owl-nav [class*=owl-]{
background:none !important;
}
body .owl-nav{
  position: initial;
}
body .owl-nav div{
position: absolute;
top: 40%;
}
body .owl-prev{
  left: 5%;
  display: flex;
}
body .owl-next{
  right: 5%;
  display: flex;
}
.owl-theme .owl-nav {
  margin-top: 0 !important;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  bottom: 55px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #00B5E2 !important;
}
.owl-carousel .active, .owl-carousel .active:hover {
  background: none !important;
}
.owl-theme .owl-dots .owl-dot span {
  width: 20px !important;
  height: 20px !important;
  background: #fff !important;
}
.owl-theme{
  display: block;
  /* height: 550px !important; */
}
.owl-carousel
{
    touch-action: pan-y !important;
}
.owl-carousel .owl-item img {
  height: 531px;
}
/* video library page style starts */
.videowrapper {
  float: left;
  width: 49%;
  margin-bottom: 30px;
}
.videowrapper .videowrapper__content {
  margin: 15px 0 0 0;
}
.videowrapper .videowrapper__content h3 {
  font-size: 20px;
  color: #33818E;
  margin-bottom: 10px;
  font-family: 'FiraSans-Medium';
}
.videowrapper .videowrapper__content p {
  font-size: 16px;
  color: #1C1C1E;
}
.video--margin {
  margin: 0 2% 0 0;
}
/* video library page style ends */
input,textarea { -webkit-user-select:text!important;}
/* .top_nav_signup_wrap_adjust{
  background: #f7f7f7;
 
  height: 13px;
  } */
.Logoadjust{
    display: block;
    width: 100px;
    height: 138px;
    text-decoration: none;
    outline: none;
    background-size: contain;
    position: absolute;
    top:84px;
    cursor: pointer;
    }
.hamburger {
    /* padding: 0px 0 0 40px; */
  }
#burger-menu ul li {
    margin: 0;
    padding: 10px 35px 10px;
    border-bottom: 1px solid #ccc;
  }
div#burger-menu li ul {
    border-top: 1px solid #ccc;
    display: block;
    margin: 10px 0 0 0;
}
#burger-menu > ul > li.has-sub {
    padding-right: 0;
    padding-left: 0;
}
#burger-menu > ul > li.has-sub a {
   padding-left:35px ;
   display: block;
   z-index: 2;
}
#burger-menu > ul > li.has-sub > ul > li:nth-child(1) {
    margin: 10px 0 0 20px;
  }
#burger-menu ul li .m-Links {
    margin: 0 20px;
    padding: 0;
    border: none;
    line-height: 33px;
  }
#burger-menu ul li a {
    color: #6F6F6F;
    font-size: 20px;
    /* font-weight: bold; */
  }
#burger-menu > ul > li.has-sub span.material-icons {
    position: relative;
    float: right;
    font-size: 30px;
    font-weight: bold;
    z-index: -1;
    right: 10px;
    /* transition: all .25s ease; */
    /* transform-origin: 0 25%; */
}
#burger-menu > ul > li.has-sub.mobM-active span.material-icons {
  transform: rotateX(180deg);
  z-index: -1;
}
.hamburger.hamburger--spring.js-hamburger.is-active {
  border-bottom: none;
}
body.contrast_high #burger-menu .is-active {
  color: #5bb6e3 !important;
}
.medianandu {
    color: red;
}
@media all and (max-width: 780px) {
    .globalContainer {
        width: auto;
        margin: 20px;
   }
    .width-50-form {
        width: 100%;
   }
    .Wrap {
        min-width: 100%;
   }
    .Inner {
        width: auto;
   }
    .Stage {
        height: auto;
        display: block;
   }
    .Content {
        margin-top: 20px;
        padding-bottom: 30px;
   }
    .Content .Inner .Frame .accessibility {
        display: none;
   }
    .Content .Inner .Frame .Steps {
        margin: 0 0 20px 0 !important;
        float: none;
        clear: both;
        width: auto;
   }
    .Footer {
        position: relative;
   }
    .Footer .ZigZag {
        display: none;
   }
    .Footer .Inner .Column {
        margin: 0 5px 20px 0 !important;
        width: 160px;
   }
    .Footer .Inner .Register input[type="text"] {
        width: 60%;
   }
    .copyright {
        margin: 0 auto;
        display: table;
   }
    .slider_content_right {
        display: none;
   }
    .trsnzSlider .text_content .slider_content .slider_content_left h1 {
        font-size: 25px !important;
        text-align: center;
   }
    .trsnzSlider .text_content .slider_content .slider_content_left p {
        font-size: 18px !important;
        text-align: center;
   }
    .slider_content_button {
        display: table;
        margin: 0 auto;
   }
    .active {
        text-decoration: none !important;
   }
    .social_media {
        text-align: center;
   }
    .paraContent {
        padding: 0 0 0 20px !important;
        width: 90vw !important;
   }
    .Footer .Inner .Column a {
        font-size: 13px;
   }
    .grid-container-width {
        width: 100vw !important;
   }
    .header_highlight_bottomborder .imgLeft {
        left: 0;
   }
    .mobileimage {
        width: unset !important;
   }
    .textRelayspan {
        width: 300px !important;
   }
    .grid-container-width {
        margin: 0 auto !important;
        width: 310px !important;
   }
    .header_highlight_bottomborder .imgLeft {
        left: 30px;
   }
    .slider_content {
        width: auto;
   }
}
@media all and (max-width: 1000px) and (min-width: 781px) {
    .Wrap {
        min-width: 100%;
   }
    .Inner {
        width: auto;
   }
    .Navigation ul {
        margin-left: 30px;
   }
    .Navigation button {
        margin-top: 8px;
        padding: 7px 15px;
   }
    .Stage .Slideshow .Slide h3 {
        font-size: 17pt;
        width: 400px;
   }
    .Stage .Slideshow .Slide span {
        font-size: 15px;
        width: 400px;
   }
    .Content {
        padding-bottom: 500px;
   }
    .Content .Inner .Frame .accessibility {
        display: none;
   }
    .Content .Inner .Frame .Steps {
        width: 39%;
   }
}
@media all and (max-width: 780px) {
    span.standardheadingRelay_sub_bold {
        font: normal normal 800 30px/42p 'FiraSans-Regular';
   }
    .hrStyle_head {
        font-size: 30px !important;
        padding: 0 20px;
   }
    .Heading {
        padding: 10px;
        font-size: 22px;
   }
    .card {
        width: 208px;
   }
    .cardHeader {
        width: 208px;
   }
    .service_tabs_toggle .flex-container .Button {
        margin: 0px -38px 6px 45px;
        text-align: center;
        line-height: initial;
        width: auto;
   }
    .service_tabs_toggle .tabs .tab.active {
        color: black;
        background-color: #C0C0C0;
        border: none !important;
   }
    .ServiceDiv {
        margin: 0 0 0 25px;
   }
    .tabcustom {
        display: block;
        overflow: unset !important;
        margin-top: 15px;
        border-bottom-style: none !important;
   }
    .mobile_header .Logo {
        display: block;
        clear: both;
        height: 80px;
        background: url('newzealandRelayMobile.3630faf6b0148b51.png') no-repeat center center;
        background-size: contain;
        margin-bottom: 20px;
   }
    .mobile_header {
        margin: 0 auto;
        display: table;
        padding: 20px;
   }
    .mobile_header button:hover {
        /* background: ; */
   }
    .mobile_header button {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
   }

   
}
@media only screen and (min-width:300px) and (max-width:767px){
    .mobile_header1 .Logo {
        display: block;
        clear: both;
        height: 80px;
        background: url('newzealandRelayMobile.3630faf6b0148b51.png') no-repeat center center;
        background-size: contain;
        margin-bottom: 20px;
    }
    .mobile_header1 {
        margin: 0 auto;
       /*  display: table; */
        padding-top: 10px;
    }
    
}
@media all and (max-width: 1000px) and (min-width: 778px) {
    .bookInterpreterRightContent {
        width: 530px !important;
}
.ServicesRightContent {
    width: 480px;
}

.VIS_textRelay_content {
    width: 360px;
}
.services_captionedRelay .services_captionedRelay_receiveCall {
    height: auto;
    width: 430px;
}
.services_ttyToVoice .services_content {
    width: 359px;
}
.form-group-global, .form-group-global-field {
    width: 97%;
}
.ServicesRightContent {
    margin: 0 0 0 46px !important;
}
.cust-accordion,.accordion_head{
    width: 98% !important;
}
.video--margin {
    margin: 0 2% 5% 20px;
}
.videowrapper {
    width: 46%;
}
.margin-100T{
    margin-top: 0 !important;
}
.services_captionedRelay .services_captionedRelay_receiveCall{
    padding: 0;
}
.bookInterpreterRightContent {
    margin: 0 0 0 20px !important;
}
}
@media all and (max-width: 425px) and (min-width: 320px) {
    .service_tabs_toggle .tabs {
        margin: 15px 0px 0px 0px;
        width: auto;
   }
    .ServiceDiv {
        position: relative;
   }
   .margin-100T{
    margin-top: 0 !important;
}
.Breadcrumbs h4 {
    font-size: 1.3em;
}
}
@media all and (max-width: 435px) and (min-width: 320px) {
    .container .ServiceDiv {
        position: relative;
        margin: 0;
   }
    #relay_service_order_3 {
        -webkit-order: 2;
   }
    #relay_service_order_3 ul {
        text-align: left !important;
   }
    .trsnzSlider .text_content .slider_content .slider_content_left .slider_content_button a {
        display: block;
   }
}
@media all and (max-width: 1026px) and (min-width: 770px) {
    .service_optionparaone {
        margin-left: 22px;
   }
    .service_optionparasecond {
        margin-left: 22px;
   }
    .rectangle1 {
        width: 48%;
        margin: 0px 0px 0px 300px;
   }
    .rectangle2 {
        margin-left: 20px;
        width: 46%;
        padding-bottom: 133px;
   }
    .texthead {
        position: relative;
        left: 0px;
   }
    .rectanglepara1 {
        position: relative;
        left: 0px;
   }
    .rectanglepara2 {
        position: relative;
        left: 0px;
   }
    .button4all {
        position: relative;
        left: 0px;
   }
    .service_option_img {
        height: 25%;
   }
    .callerlistens {
        position: relative;
        top: 57px;
        left: 271px;
        font-weight: bold;
   }
    .you {
        position: relative;
        top: 82px;
        left: 88px;
        font-weight: bold;
   }
    .Werelay {
        position: relative;
        top: 71px;
        left: 184px;
        font-weight: bold;
   }
    .gridTextrelay {
        margin: 158px -37px 0 -37px !important;
   }
}
@media (max-width: 600px) {
    .image_wrapper .text_content {
        margin: 0;
   }
    .slider_prev_image {
        left: 0px;
   }
    .slider_next_image {
        right: 0px;
   }
    .slider_spinner {
        width: 20px;
        height: 20px;
   }
}
@media all and (max-width: 1000px) and (min-width: 768px) {

    .aboutUsBody{
        padding: 16px !important;
        }

    .servicesHeadingTextGuides {
        padding-bottom: 5px !important;
        padding-left: 17px !important;
    }
    .burger-menu {
        display: none;
   }
    .mobile_header {
        display: none !important;
   }
    .Navigation {
        height: 95px;
   }
    .Navigation .Inner .Logo {
        width: 96px;
        height: 100px;
        padding: 0 10px;
        top:41px;
        /* top:175px;  */
        /* added for banner*/
   }
    .Navigation ul {
        margin: 52px 0 0 90px;
   }
    .Navigation ul li {
       /*  margin: 0px 12px 0 0; */
        margin: 0px 4px 0 0;
   }
    .Navigation button {
        left: 0;
   }
    .top_nav_signup ul {
        margin: 8px 5px 0;
   }
    .content_center {
        width: auto;
   }
    .relay_services_aboutUs p {
        width: auto;
        padding: 0 45px;
   }
    .relay_services_tiles_box {
        width: 200px;
        margin: 67px 0 53px 40px;
   }
    .relay_services_tilesMain .content_center {
        margin: 0;
   }
    .relay_services_tiles_box h2 {
        width: 226px;
        text-align: center;
   }
    .relay_services_tiles_box p {
        width: 213px;
        text-align: center;
   }
    .relay_services_tiles_box h2.last {
        width: auto;
        padding: 0 20px;
   }
    .relay_services_mobileApp_textRelay {
        width: 195px;
   }
    .relay_services_mobileApp_captionedRelay {
        width: 200px;
   }
    .relay_services_mobileApp_store img.AppImage {
        width: 280px;
        height: auto;
        margin: 0 0 40px 0;
   }
    .relay_services_mobileApp_store {
        width: 255px;
        padding: 20px 0 0;
   }
    .relay_services_mobileApp_textRelay {
        margin: 30px 0 0;
   }
    .relay_services_mobileApp_captionedRelay {
        margin: 30px 0 0;
   }
    .relay_services_mobileApp {
        height: 750px;
   }
    .relay_services_standardPhoneUser p {
        color: #333333;
        text-align: center;
        margin: 16px 0;
        padding: 0 40px;
        line-height: 24px;
   }
    .relay_services_mobileApp_store .appLink a {
        float: left;
        height: 44px;
        width: 118px;
        margin: 0 9px;
   }
    .service_tabs_toggle .flex-container .Button {
        border: none !important;
        margin: 0px -91px 6px 89px;
   }
    .service_tabs_toggle .tabs .tab.active {
        background: none;
        border-bottom: 6px solid #00B5E2 !important;
   }
    .highlight_bottom {
        position: relative;
        top: 35px;
        border-radius: 5px;
        width: 620px;
        margin: 0 auto;
   }
    .container {
        width: 768px;
   }
    .cardHeader_content_relay {
        width: max-content;
   }
    .Side-nav {
        margin: 0 20px 0 0 !important;
   }
    .Services_RightMenu_Content {
        width: 525px !important;
   }
    .Services_rightMenu_contentSecond_left {
        width: 238px !important;
   }
    .Services_rightMenu_contentSecond_right {
        width: 360px;
        float: left;
   }
    .Services_rightMenu_contentSecond_right {
        width: 250px !important;
        float: left;
        padding: 0 0 0 5px;
        margin-left: 0 !important;
   }
    .Services_rightMenu_contentSecond_right img {
        width: 265px;
   }
    .Services_rightMenu_contentThird {
        width: 100%;
   }
    .BorderOnDiv {
        margin: 0 20px !important;
   }
    .Services_rightMenu_contentThird_left {
        width: 245px !important;
   }
    .Services_rightMenu_contentThird_right {
        width: 225px !important;
        float: left !important;
   }
    .Breadcrumbs {
        margin: 0 0 0 20px;
   }
    .Footer .Inner .Register {
        float: right;
        width: 230px;
   }
    .Footer .Inner .Register {
        float: right;
   }
    .Footer .Inner .Register a svg {
        position: relative;
        left: -80px;
   }
    .social_media span {
        font-size: 15px !important;
        position: relative;
        top: -52px;
        left: 10px;
   }
    .Navigation button:nth-child(4) {
        margin: 8px 0 0 0 !important;
   }
    .trsnzSlider .text_content .slider_content .slider_content_left, .trsnzSlider .text_content .slider_content .slider_content_right {
        width: 60%;
   }
    .grid-container-width {
        clear: both;
        margin: 0 auto !important;
   }
    .textRelayspan {
        width: auto !important;
   }
    .gridTextrelay {
        margin: 0;
   }
    .mobileimage {
        width: auto;
   }
    .d-block {
        display: block !important;
   }
    .grid-item {
        font-size: 30px;
        text-align: center;
        padding: 0 40px;
   }
    .grid-container {
        display: inline-flex;
        margin-left: 140px;
        margin-right: 140px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 25px;
        padding-right: 25px;
        width: unset;
   }
    .apps_logorelay {
        padding: 0 160px;
        margin-top: 48px;
        display: flex;
   }
    .headingRelay {
        margin-bottom: 10px;
        margin-top: 10px;
        color: #397379;
   }
    .headingRelays {
        margin-bottom: 10px;
        margin-top: 10px;
   }

   /* home css 16012021R */
.slider_content {
    margin: 30px auto 0px auto !important;
    width: 90%;
}
.owl-theme .owl-dots {
  bottom: 33px;
}
body .owl-next {
    right: 0;
}
body .owl-prev {
    left: 0;
}
.slider_content h1 {
    font-size: 30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
}
.owl-carousel .owl-item img {
    height: auto;
  }
  .service-tabs {
    margin: 75px 0 45px 30px;
}
.mat-tab-label-container {
    margin: 0 -2%!important;
}
.highLighter {
    width: 740px !important;
    left: -20px;
}
.card{
    min-height: 390px !important;
}
.mat-grid-list {    
    margin: 0 30px;
}

.relay_service_home_grid span{
    padding: 0 60px 0 0;
}
.bookInterpreterRightContent{
    width: 68%;
    padding: 0 20px 0 0 !important;
}

.videowrapper {
    margin: 2% 2% 5% 2%;
    width: 46%;
}


}
@media all and (max-width: 900px) and (min-width: 768px) {
    .accordionaftertab:after {
        margin-top: -50px;
        margin-left: -22px;
   }
    .accordionaftertab {
        margin-left: 26px;
   }
    .Faqs-searchFilter .twoQuestionontab:after {
        margin-top: -100px;
   }
    .videorelayontab:after {
        margin-left: -3px;
        margin-top: -1px;
   }
}
@media all and (max-width: 768px) and (min-width: 768px) {
    .slider_prev_image {
        left: 0;
   }
    .slider_next_image {
        right: 0;
   }
    .ServicesRightContent {
        width: 475px;
   }
    .VIS_textRelay_content {
        width: 478px;
   }
    .servicesTextRelay_MakeCall {
        width: 220px;
        margin-right: 30px;
   }
    .servicesTextRelay_receiveCall {
        width: 220px;
        float: left;
   }
    .servicesTextRelay_receiveCall img {
        max-width: 203px;
   }
    .services_captionedRelay .services_captionedRelay_receiveCall {
        width: 470px;
        padding: 230px 0 0;
   }
    .services_ttyToVoice .services_content .services_left_content {
        width: 230px;
   }
    .services_ttyToVoice .services_content .services_right_content {
        float: left;
   }
    .services_ttyToVoice .services_content .services_right_content img {
        max-width: 200px;
        max-height: 220px;
        margin: 0 0 0 25px;
   }
    .services_spechToSpeech .services_captionedRelay_receiveCall {
        width: 475px;
   }
    .services_makeCall h1 {
        font-size: 37px;
   }
    .services_makeCall .service_MakeCall_skype ul li {
        width: 158px;
   }
    .services_makeCall .service_MakeCall_skypeAccess {
        height: 275px;
        width: 480px;
        background: #F2F2F7;
        padding: 27px 23px 26.48px 26px;
   }
    .services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names {
        float: left;
        width: 200px;
        margin-right: 30px;
   }
    .services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_call {
        float: left;
        width: 200px;
   }
    .services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps {
        width: 250px;
   }
    .services_makeCall .service_MakeCall_workSteps_flow {
        width: 224px;
        margin-left: 24px;
   }
    .services_makeCall .service_MakeCall_workSteps_flow ul li p {
        width: 205px;
   }
    .services_makeCall .service_MakeCall_workSteps_flow ul li:nth-child(3)>p {
        width: 205px;
   }
    .services_makeCall {
        height: 1770px;
   }
    .trsnzSlider .text_content .slider_content .slider_content_left .slider_content_button a {
        padding: 11px 50px;
        height: 45px;
   }
   .margin-100T{
    margin-top: 300px !important;
}
}
@media all and (max-width: 767px) and (min-width: 320px) {

    .aboutUsBody{
       padding:16px;
    }
    .servicesHeadingTextGuides {
        padding-left: 18px !important;
        padding-bottom:5px !important
        
    }

    .ServicesRightContentAboutUs {
        width: 320px !important ;
        margin: 0 0 0 0 ;
    }
    .scrollTop {
        display: none;
   }
    .desktop {
        display: none;
   }
    li.LoginRegister {
        display: none !important;
   }
    body>div.Wrap.effects>div.top_nav_signup_wrap>div>ul:nth-child(1)>li:nth-child(8)>span {
        display: none !important;
   }
    .high_contrast {
        margin: 0 10px;
        z-index: 10002;
   }
    .top_nav_signup ul {
        float: left;
        margin: 0;
        padding: 8px;
   }
    .font {
        padding: 0 5px;
   }
    .top_nav_signup {
        display: table;
        margin: 0 auto;
   }
    .mobile {
        display: block !important;
   }
   .hamburger {
    position: absolute;
    /* right: -20px; */
    right: -18px;
    top: 25px;
    /* top: 8px; */
    z-index: 10001;
}
    .Navigation {
        display: none;
   }
    #burger-menu ul li a {
        text-decoration: none;
   }
    .highlight_bottom {
        display: none;
   }
    .service_tabs_toggle button, .service_tabs_toggle button:focus {
        border: none !important;
   }
    .service_tabs_toggle .flex-container .Button {
        margin: 0;
   }
    .service_tabs_toggle .tabs {
        padding: 0;
   }
    .service_tabs_toggle {
        width: auto;
        padding: 0 30px;
   }
    .service_tabs_toggle .tabs .tab {
        border: 1px solid #ccc !important;
        border-radius: 5px;
        margin: 0 5px 5px 0;
        display: inline-block;
        font-size: 14px;
   }
    .service_tabs_toggle .tabs .tab.active {
        color: black;
        background-color: #C0C0C0;
        border: 1px solid #555555b3 !important;
   }
    .ServiceDiv {
        margin: 0 0 0 5px;
   }
    .cardHeader, .card {
        width: 93vw;
        height: auto;
        min-height: auto !important;
   }
    .service_card_content {
        width: auto;
   }
    .container {
        width: auto;
        padding: 20px 0 0 10px;
   }
    .relay_services_tiles_box {
        margin: 0;
        text-align: center;
        display: block;
        clear: both;
        padding: 20px 25px;
   }
    .content_center {
        width: auto;
   }
    .relay_services_mobileApp {
        height: auto;
   }
    .relay_services_tiles_box p {
        width: 215px;
   }
    .relay_services_tiles_box h2.last {
        width: auto;
        padding: 0 30px;
   }
    .relay_services_tiles_box h2 {
        font-size: 25px;
        margin: 0 0 20px 0;
   }
    .relay_services_aboutUs {
        padding: 20px 10px;
   }
    .relay_services_aboutUs p {
        text-align: center;
        margin: 0 auto;
        padding: 0 30px;
        width: auto;
   }
    .relay_services_mobileApp h2 {
        font-size: 32px;
        margin: 0 20px;
   }
    .relay_services_mobileApp_textRelay, .relay_services_mobileApp_captionedRelay {
        margin: 10px 20px;
        width: auto;
   }
    .relay_services_mobileApp_textRelay .cardHeader_content h2 {
        width: 150px;
        font-size: 27px !important;
        position: relative;
        top: 8px !important;
        left: 90px;
   }
    .relay_services_mobileApp_captionedRelay .cardHeader_content h2 {
        width: 200px;
        font-size: 27px !important;
        position: relative;
        top: 40px !important;
        left: -70px;
   }
    .cardHeader_content h2 {
        width: auto;
        top: -80px;
   }
    .relay_services_standardPhoneUser p {
        margin: 0 0 30px 0;
        padding: 0 20px;
   }
    .relay_services_standardPhoneUser button {
        margin: 0 auto;
   }
    .relay_services_standardPhoneUser {
        height: auto;
        margin: 0 20px;
   }
    .m-t-10 {
        margin: 0 !important;
   }
    .relay_services_tilesMain {
        height: auto;
        padding: 50px 0;
   }
    div.relay_services_tilesMain>div>div:nth-child(2) h2 {
        padding: 0 20px;
   }
    .relay_services_aboutUs {
        height: auto;
        margin: 50px 0;
   }
    .relay_services_mobileApp_textRelay p, .relay_services_mobileApp_captionedRelay p {
        padding: 20px 62px 10px 62px;
        text-align: center;
        line-height: 26px;
   }
    .relay_services_mobileApp_textRelay .form-group-global-btn, .relay_services_mobileApp_captionedRelay .form-group-global-btn {
        margin: 30px 0 0 0;
   }
    .BgCircleBS {
        position: unset;
        margin: 0 auto;
   }
    .ServiceDiv .cardHeader_content .ServiceHeadBg {
        left: -119px;
   }
    .relay_services_mobileApp_box .ServiceHeadBg {
        position: relative;
        top: 15px;
        left: 20px;
   }
    .relay_services_mobileApp_store img.AppImage {
        display: none !important;
   }
    .relay_service_container {
        display: grid;
        text-align: center;
   }
    .scroll_down {
        display: none;
   }
    .social_media span {
        position: relative;
        top: -52px;
        left: 18px;
   }
    .Footer .Inner .Register a svg {
        position: relative;
        left: -80px;
   }
    .Footer .Inner {
        padding: 78px 30px 50px 30px;
   }
    .Footer .Inner .Column {
        margin: 0 5px 15px 0 !important;
        width: 150px;
   }
    .Footer .Inner .Register {
        margin: 40px 0 0;
   }
    #relay_service_order_1 {
        -webkit-order: 1;
   }
    #relay_service_order_2 {
        -webkit-order: 3;
   }
    #relay_service_order_3 {
        -webkit-order: 2;
   }
    #relay_service_order_1 {
        order: 1;
   }
    #relay_service_order_2 {
        order: 3;
   }
    #relay_service_order_3 {
        order: 2;
   }
    .Breadcrumbs {
        min-width: 320px;
        max-width: min-content;
   }
    .cardHeader_content_relay {
        margin: 0 auto;
   }
    .cardHeader_content_relay h2.Service_card_center_relay {
        display: table;
        clear: both;
        margin: 15px 0 auto;
   }
    .cardHeader_content_relay img.ServiceHeadBg_relay {
        display: table;
        margin: 0 auto;
        float: none;
   }
    .relay_services_mobileApp_store .appLink {
        width: auto;
        margin: 0 auto;
        display: table;
   }
    .relay_services_mobileApp_store {
        width: auto !important;
   }
    .accordion {
        line-height: 23px;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .paradiv .fouraccordionafterlinetab:after {
        margin-left: -14px;
        margin-top: -69px;
   }
    .fouraccordionafterlinetab {
        padding-left: 24px;
   }
    .fourquestiononmobile:after {
        margin-top: -148px !important;
   }
    .accordionAftermobile:after {
        margin-top: -88px !important;
   }
    .paradiv .interpreterontab:after {
        margin-top: -23.5px;
   }
    .interpretercharges:after {
        margin-top: -2px;
   }
    .paradiv .accordionaftertab:after {
        margin-top: -46px;
   }
    .paradiv .accordionAfter:after {
        margin-top: -118px;
   }
    .ServicesMain {
        width: auto;
   }
    .ServicesSideNav {
        width: auto;
        float: none;
        display: block;
   }
    .ServicesRightContent {
        width: auto;
        float: none;
        margin: 20px;
   }
    .services_ttyToVoice .services_content {
        width: auto;
        height: 298px;
        clear: both;
        margin: 30px 0 0 0;
   }
    .services_ttyToVoice .services_content .services_right_content {
        width: 280px;
        float: left;
        clear: both;
   }
    .Content {
        height: auto;
   }
    .VIS_textRelay_content {
        clear: both;
        width: auto;
        height: auto;
   }
    .servicesTextRelay_receiveCall img {
        top: 0;
        display: block;
        margin: 20px;
   }
    .services_captionedRelay .services_captionedRelay_receiveCall {
        height: auto;
        width: auto;
        padding: 30px 0 0;
   }
    .services_spechToSpeech .services_captionedRelay_receiveCall {
        height: auto;
        width: auto;
        padding: 30px 0;
        clear: both;
   }
    .services_spechToSpeech .servicesTextRelay_receiveCall img {
        top: 0;
   }
    .ServicesRightContent {
        width: auto;
        float: none;
        margin: 20px;
   }
    .services_makeCall .service_MakeCall_skype {
        width: auto;
        height: auto;
        margin: 33px 0 0 0;
   }
    .services_makeCall .service_MakeCall_skype ul li {
        width: auto;
        float: none;
        text-align: center;
        margin: 0 0 25px 0;
   }
    .services_makeCall .service_MakeCall_skype ul li img {
        width: 90%;
   }
    .services_makeCall .ServicesParaHeading {
        width: auto;
        text-align: center;
   }
    .services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_names {
        float: none;
        width: auto;
        margin: 0;
        height: auto;
        clear: both;
        display: block;
   }
    .services_makeCall .service_MakeCall_skypeAccess {
        height: 56vh;
        width: auto;
        background: #F2F2F7;
        padding: 30px;
   }
    .services_makeCall .service_MakeCall_skypeAccess .service_MakeCall_skypeAccess_call {
        float: right;
        width: auto;
        padding: 30px 0 0 0;
   }
    .services_makeCall .service_MakeCall_skypeWorks {
        width: auto;
        margin: 37px 0 0 0;
   }
    .services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps {
        width: auto;
        float: none;
   }
    .services_makeCall .service_MakeCall_skypeWorks .service_MakeCall_workSteps .Service_Link {
        margin: 26px 0 0 0;
        font-size: 16px;
   }
    .servicesTextRelay_MakeCall {
        width: auto;
        height: auto;
        margin: 0;
        float: none;
   }
    .servicesTextRelay_receiveCall {
        width: auto;
        height: auto;
        float: left;
   }
    .StandardPhoneUsers_para {
        margin-left: 0;
   }
    .Faqs-searchFilter {
        margin-left: 0;
   }
    .videowrapper {
        float: none;
        width: auto;
        margin: 2% 2% 5% 2%;
   }
    .services_VIS .vis_watchVideo img {
        float: left;
        margin-left: 0;
   }
    .ServicesRightContent ol {
        margin-top: 20px;
        clear: both;
   }
    .Breadcrumbs-main {
        background-image: none;
   }
    .Breadcrumbs {
        padding-top: 22px;
   }

   /* home css 16012020R */

   .highLighter{
       display: none !important;
   }
   .mat-tab-body-content {
    margin: 0 30px;
}
.service_card_content{
    min-height: auto !important;
}
   .card{
       display: block !important;
       width: auto !important;
   }
   .cardHeader, .service_card_content{
       width: auto !important;
   }
   
   .slider_content {
    margin: 80px auto 0px auto !important;
}
.slider_content h1 {
    color: #ffffff;
    font-size: 1.5em;
    padding:0 20px;
}
.owl-theme .owl-dots {
    display: none !important;
    /* bottom: 30px; */
}
/* .owl-theme .owl-nav [class*=owl-] {
    display: none !important;
} */
/* .slider_content {
    margin: 50px auto 0px auto !important;
} */
* {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}
.caro_content{
background: rgb(51, 48, 48);
height: 100%;
}
.slider_content p{
    padding: 0 50px !important;
}



   .mat-tab-labels{
       display: inline-table !important;
   }
   .slider_content .slider_content_button button.slider_content_btn {
    min-width: 210px;
}

div#burger-menu {
    z-index: 99 !important;
}
.mat-tab-label-container {
    margin: 0 20px;
}
.owl-carousel .owl-item img{
    height: 400px;
}

.highLighter {
    left: -20px;
}
}
@media all and (max-width: 720px) and (min-width: 720px) {
    .Breadcrumbs {
        margin: 0;
        padding: 30px 30px;
        min-width: 700px;
   }
    .Side-nav {
        float: none !important;
   }
    .HearingCallerlist {
        display: table-cell !important;
   }
    .Services_rightMenu_contentSecond_right {
        padding: 20px 180px;
   }
    .Side_nav_Button_main {
        width: 100%;
   }
    .Footer .Inner .Column {
        margin: 0 5px 15px 0 !important;
        width: 152px;
   }
    .Footer .Inner .Register {
        float: right;
        width: 187px;
        margin: 0 auto;
   }
    .app_store_w, .play_store_W {
        width: 43%;
   }
}
@media all and (max-width: 380px) and (min-width: 330px) {
    .emergencycallmobile:after {
        margin-top: -24px;
   }
    .interpreteronmobile:after {
        margin-top: -46.5px !important;
   }
    .twoQuestionontab:after {
        margin-top: -146px !important;
   }
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .Breadcrumbs-main {
        margin-bottom: 30px;
    }
    .Footer {
        margin-top: 30px;
    }
    .ServicesSideNav_HoursOfServices {
        margin-bottom: 30px;
    }
   

}
@media only screen and (min-width:320px) and (max-width:1023px){
    .ImportantInformation_main,.PrivacyPolicy,.TermsCondition,.accordion_Content{
        margin:0 20px;
    }
}
/* // Internet Explorer css start */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .service_tabs_toggle .tabs {
        line-height: 40px;
    }

    .Footer .Inner .Register a {
        display: inline;

    }

    .Register .footer_logo>a.flogo {
        display: block !important;
    }

    .footer_copyright {
        width: 205px;
    }

    .social_media {
        padding: 0 0 20px 0;
    }

    /* // services */
    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    }
    /*media screen*/
.service_tabs_toggle .tabs .tab {
    padding: 15px 15px !important;
  }
  :focus {
    outline: #00B5E2 solid 2px !important;
    
  }
    body.using-mouse :focus {
    outline: none !important;
    }
    
}
/* lanscape media */
/* @import "assets/css/styles1.css"; */
/* @import "assets/css/meanmenustyle.css"; */
/* You can add global styles to this file, and also import other style files */
table {
  width: 100%;
}
.fieldset-submit {
  margin: 0 15px 0 0;
}
.mat-form-field {
  font-size: 14px;
  width: 100%;
}
td,
th {
  width: 25%;
}
input.mat-input-element:focus {
  box-shadow: none;
  border: none;
}
.mat-form-field {
  margin: 20px 0 0 0;
}
.mat-elevation-z8 {
  box-shadow: none;
}
.mat-icon {
  float: right !important;
}
.content-container {
  height: 1em !important;
}
#alert-text {
  display: flex !important;
  font-size: 1.5em !important;
  height: 1em !important;
  margin: 1em 0.5em 4em !important;
  line-height: 30px;
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: #fafafa;
  background-color: #c2002d;
  margin: 0.5em !important;
  width: 40%;
}
#no-button {
  color: #fafafa;
  background-color: #4b4b4b;
}
.mat-dialog-container {
  text-align: center;
  /* text-transform: capitalize; */
}
.hide {
  display: none;
}
mat-footer-row mat-footer-cell {
  justify-content: center;
  font-style: italic;
}
.mat-sort-header-button:focus {
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: bold !important;
}
.mat-header-cell {
  font-size: 14px;
  font-weight: bold;
  color: #c3262d !important;
}
.search-div {
  width: 40% !important;
}
.material-icons:hover {
  /* color: #c2002d; */
  cursor: pointer;
}
.float-right {
  margin: -54px 0 20px 0;
  float: right;
}
a i {
  cursor: pointer;
  margin: 0 2px 0;
  font-style: normal;
}
mat-cell:last-of-type,
mat-header-cell:last-of-type {
  padding-right: none !important;
  max-width: 340px !important;
}
.disabled {
  background: #eeeeee8f;
}
.red-text.center.error-message.ng-star-inserted {
  color: #f44336;
}
:disabled input.form-text,
:disabled select {
  background: #eeeeee8f !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-float {
  position: relative;
  left: 20% !important;
}
.custom-float2 {
  position: relative;
  left: 7% !important;
}
.no-bg {
  background-image: none !important;
}
.mat-table {
  display: table;
  width: 100%;
}
.mat-table > .mat-header-row,
.mat-table > .mat-row {
  display: table-row;
  padding: 0;
  border: none;
}
.mat-table > .mat-header-row > .mat-header-cell,
.mat-table > .mat-header-row > .mat-cell,
.mat-table > .mat-row > .mat-header-cell,
.mat-table > .mat-row > .mat-cell {
  display: table-cell;
  height: 48px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0;
}
/* reponsive font */
@media only screen and (min-width: 959px) and (max-width: 1024px) {
  .main-content-area h2 {
    font-size: 1.9vw;
  }
}
@media all and (max-width: 767px) and (min-width: 320px) {
  #Services .mat-tab-header, #Services.mat-tab-body-wrapper {
      width: 50% !important;
      
  }
}
.mat-tooltip {
  background: #fff !important;
  color: #000000 !important;
  border: 1px solid #d5dddd !important;
  font-size: 13px !important;
}
.margin-10 {
  margin: 10px;
}
.mat-form-field {
  width: 25%;
  margin: 0 10px 0;
}
button.mat-raised-button.mat-primary {
  width: auto;
  background: #c3262d;
}
.forgot,
.premiumno {
  cursor: pointer;
  text-decoration: underline;
}
/* h1 {
  font-size: 34px;
  line-height: 35px;
  margin: 20px 0 18px;
} */
mat-option,
mat-select,
mat-icon,
.mat-icon-button {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}
a {
  cursor: pointer;
}
a.action-btn:hover {
  font-weight: bold;
  color: #c2002d !important;
  font-size: 13px;
}
.mat-icon-button {
  background-color: transparent;
}
img.material-icons.material-icons-pos {
  vertical-align: middle;
}
.btn2link {
  background: none;
  border: none;
  text-decoration: underline;
  color: #37a3eb;
  margin: 0 0 0 10px;
}
input.form-text::-ms-clear {
  display: none !important;
}
input[type="text"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden;
}
a.skip:active,
a.skip:focus,
a.skip:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
}
.phone-link {
  cursor: pointer;
  color: #15599e;
  vertical-align: top;
}
.btn-second {
  font-weight: bold;
  background-color: #58585a;
  border-radius: 6px;
  margin: 0 0 15px 0;
  padding: 10px 30px 10px 30px;
  color: #fff;
  cursor: pointer;
  border: none;
}
.user-contact-grid .btn-primary,
.user-contact-grid .btn-second {
  border-radius: 8px;
  padding: 6px 8px 6px 8px;
  font-size: 12px;
  min-width: 25%;
  margin: 0;
}
.user-contact-grid .btn-primary {
  margin: 0;
}
.user-contact-grid .btn-second {
  background-color: #175a92;
  margin-right: 5px;
}
.check {
  margin-left: 30px;
  color: black;
}
#snackbar.show {
  color: black;
}
/* TRS style -1 */
.trs-style-1 label.btn:not(.btn-flat) {
  background-color: #f0dd00;
  color: #000 !important;
  margin: 0 3px 0 0;
  font-weight: bold;
  font-size: 16px;
}
.trs-style-1 label.waves-effect.waves-light.btn.btn-flat {
  border: 1px solid #ccc;
  margin: 0 3px 0 0;
}
.trs-style-1 .vi_schedule_main {
  width: 94%;
}
.vi_schedule_box {
  /* padding: 20px 5px 20px 20px; */
  clear: both;
  width: 480px;
  position: relative;
  top: -15px;
}
.vi_schedule_box p {
  font-size: 17px;
  color: #4c909c;
}
.trs-style-1 .btn-flat:focus,
.btn-flat:hover {
  background-color: #ccc;
  box-shadow: none;
  color: #fff;
  /* border: 2px solid #000; */
}
.trs-style-1 .vi_schedule_box .btn {
  border: 1px solid #ccc;
  color: #fff;
  margin: 4px;
}
/* basic positioning */
.legend {
  list-style: none;
  /* margin-top: 20px; */
}
.legend li {
  display: inline-block;
  line-height: 28px !important;
  clear: unset !important;
  margin-right: 30px !important;
  font-size: 14px;
  color: #989797;
}
.legend span {
  border: 1px solid #ccc;
  float: left;
  width: 18px;
  height: 17px;
  margin: 5px;
}
/* your colors */
.slot_available {
  background-color: #699600;
}
.slot_selected {
  background-color: #f0d50d;
}
.slot_booked {
  background-color: #c7c7cb;
}
textarea {
  resize: none;
}
/* custom alert for js alert */
.trs-style-1 .alert {
  padding: 20px;
  background-color: #ff9800;
  color: white;
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  margin: 20px;
  border-radius: 5px;
  font-size: 17px;
  color: #fff;
}
.trs-style-1 .alert strong {
  font-size: 20px;
}
.trs-style-1 .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.trs-style-1 span.closebtn {
  font-size: 30px !important;
  padding: 0px !important;
}
.trs-style-1 .closebtn:hover {
  color: black;
}
.trs-style-1 label [disabled] {
  cursor: help !important;
}
.trs-style-1 .btn,
.btn-large,
.btn-flat {
  padding: 0 0.4rem;
}
.trs-style-1 .m-lr-40 {
  margin: 0 40px !important;
}
.trs-style-1 .btn_custom1 {
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0 #333;
  font-size: 10pt;
  font-family: "SourceSansPro";
  margin: 20px 0;
  padding: 1em;
  /*border: 1px solid #941a4e;*/
  cursor: pointer;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.trs-style-1 .btn_custom1:hover {
  background: #1e4357;
}
.trs-style-1 .invalid-feedback.ng-star-inserted {
  color: red;
  margin: 10px 0 0 20px;
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  display: unset !important;
  white-space: unset !important;
}
.mat-button-toggle-checked {
  color: #fff !important;
  background-color: #f0d50d !important;
}
/* .mat-button-container{
      height: 200px;
      width: 630px;
      overflow: scroll;
  } */
.mat-button-container .mat-button-toggle {
  white-space: nowrap;
  position: relative;
  margin: 0 10px 10px 0;
  border-radius: 10px;
  display: inline-table;
}
.mat-button-toggle-label-content {
  flex-wrap: wrap !important;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: none;
}
.flex-container {
  display: inline-flex;
}
mat-datepicker-toggle.mat-datepicker-toggle {
  padding: 5px 0 0;
}
button:disabled {
  cursor: no-drop !important;
  /* background: linear-gradient(to bottom, #848484 0%, #888888 100%); */
}
button .mat-sort-header-button {
  color: red;
}
mat-table button{
  font-size: 14px !important;
}
li.w-unset a:hover {
  border: none !important;
  cursor: default;
}
button #search {
  display: block;
  float: right;
  padding: 0 25px;
  height: 40px;
  line-height: 41px;
  color: #ffffff;
  text-shadow: 1px 1px 1px color30;
  font-weight: bold;
  text-decoration: none;
  margin: 20px 100px 0 0px;
  text-transform: uppercase;
}
/**EDIT HELPDESK USER(heldeskusers.html)**/
.form-row-2 {
  margin-left: 20px;
  text-align: left;
}
.contentarea-main-section .controls {
  margin: 10px 0;
}
.contentarea-main-section .controls label {
  margin: 0 15px 10px 0;
  display: inline-table;
}
input,
textarea {
  background: #fff;
  outline: none;
  /* -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s; */
}
input,
select {
  vertical-align: middle;
}
.form-row {
  display: block;
  margin: 0 10px;
  float: left;
  padding: 0 10px;
  width: 40%;
  clear: both;
}
.label-login,
.label-spacer,
.label-text {
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  top: 0;
  left: 0;
}
.label-text,
.label-spacer {
  clear: left;
  float: left;
  margin: 10px 0;
  font-weight: bold;

  color: #8b0046;

  font-size: 18px;
}
select {
  margin: 0;
  padding: 0;
  border: 1px solid #d5dddd;
}
input[type="submit"] {
  -webkit-appearance: none;
  /* -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s; */
}
.left-info {
  background: -moz-linear-gradient(top, #6facaf 0%, #4e7b7c);
  background: -webkit-gradient(linear, left top, left bottom, from(#6facaf), to(#4e7b7c));
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.333em;
  font-weight: bold;
  /* margin-bottom: 13px; */
  padding: 14px 17px;
  /* For Internet Explorer 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6facaf, endColorstr=#4e7b7c);
  /* For Internet Explorer 8  */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6facaf, endColorstr=#4e7b7c)";
  background-color: #4e7b7c;
}
.mat-calendar-table-header th {
  text-align: center;
  padding: 5px 15px !important;
}
.w-89 {
  width: 89% !important;
}
.app-date {
  width: 23%;
  float: left;
  margin: 0 -16px 0 23px !important;
  display: table;
  margin: 0 auto;
}
.app-date-w {
  width: unset;
}
.app-date .select {
  width: 18% !important;
}
.app-date .button {
  margin: 60px 0px 0 !important;
}
.btn-group-multi .button {
  margin-right: 20px;
}
.book-interpreter .invalid-feedback {
  margin-left: 30px !important;
}
.mat-form-field {
  line-height: 2.125 !important;
}
svg.mat-datepicker-toggle-default-icon {
  color: #000000b0;
}
/* .disabled,
.disabled i {
  color: #fff;
  background: #565656 !important;
  cursor: not-allowed !important;
} */
.form-row-2 {
  margin-left: 20px;
  text-align: left;
}
.contentarea-main-section .controls {
  margin: 10px 0;
}
.contentarea-main-section .controls label {
  margin: 0 15px 10px 0;
  display: inline-table;
}
input,
textarea {
  background: #fff;
  outline: none;
  /* -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s; */
}
input,
select {
  vertical-align: middle;
}
select .form-text {
  width: 46em !important;
  height: 39px;
}
select {
  margin: 0;
  padding: 0;
  border: 1px solid #d5dddd;
}
input[type="submit"] {
  -webkit-appearance: none;
  /* -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -ms-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s; */
}
.mat-calendar-table-header th {
  text-align: center;
  padding: 5px 15px !important;
}
.mat-form-field {
  line-height: 2.125 !important;
}
svg.mat-datepicker-toggle-default-icon {
  color: #000000b0;
}
.disabled,
.disabled i {
  color: #fff;
  cursor: not-allowed !important;
}
.btn-group-multi .button {
  margin-right: 20px;
}
.book-interpreter .invalid-feedback {
  margin-left: 30px !important;
}
.btnSub {
  margin-left: 20px !important;
  border-radius: 2px;
}
.margin-t30 {
  margin-top: 30px !important;
}
.no-border {
  border: none !important;
}
.margin-5 {
  margin: 5px !important;
}
.content input.form_input,
#home-content > div > div.call_frame > div > div.List > input,
.trs-style-1 .form-text {
  background: url('i_grey.1f2dce7355189234.gif') right no-repeat;
  /* background-color:linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); */
}
.input-no-bg {
  background: none !important;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #767676;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #767676;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #767676;
}
input[type="text"]:foucs {
  border-color: red;
}
/* input:focus {
  background-color: yellow;
} */
.showpwd {
  position: relative;
  float: right;
  top: -30px;
  right: 10px;
  font-size: 22px !important;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                 supported by Chrome, Edge, Opera and Firefox */
}
.showpwd:hover {
  color: #2f6371;
}
span.ng-tns-c5-0 {
  font-size: 20px;
}
.toast-top-center {
  top: 20px !important;
}
/* css for new style temporory rajeev*/
.header-nav-down {
  clear: both;
  /* background: #ccc !important;
  height: 40px !important; */
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 256px;
}
.header-nav-down ul {
  width: 960px;
  margin: 0 auto;
}
.header-nav-down ul li {
  float: right;
  margin: 0 80px;
}
.header-nav-down ul li a {
  font-size: 18px;
  font-family: "gustan-medium";
  color: #fff;
}
.header-nav-down ul li a span {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.headername {
  font-size: 18px;
  margin: 20px 0;
  /*   margin-left:20px; */
}
.contentSection {
  margin: 0 0 73px;
}
.contentSectionForm {
  width: 60%;
}
input.btn-cancel {
  margin-top: 0 !important;
  cursor: pointer;
  margin: 6px 0;
}
.headingText {
  font-size: 20px;
  color: #245f71;
  margin: 27px 0 25px 0;
  font-weight: bold;
}
/* .headingText:first-child{
 margin: 0 0 25px 0;
} */
mat-table.mat-table {
  width: 115% !important;
}
/* css for new style temporory end */
#Services .mat-tab-header,#Services.mat-tab-body-wrapper{
  width: 117% !important;
  }
.contentSectionPopup {
  width: 40vw;
  text-align: left;
  
}
.bookInterpreterRightContent {
  width: 665px;
  float: left;
  margin: 0 0 0 46px;
  font-family: 'FiraSans-Medium';
  line-height: 24px;
  color: #333333;
    
}
.bookInterpreterContentMain {
  margin: 27px 0 0 0;
}
.bookInterpreterRightContent .width-50-form:nth-child(odd) {
  margin-right: 20px;
}
.formHeadingLable {
  font-size: 17px;
  border-bottom: 0.800000011920929px solid #b2b2b2;
  padding: 0 0 7.5px 0;
  /* margin: 18px 0; */
}
.formNote {
  margin: 20px 0 18px 0;
}
.formNote,
.formNote span {
  font-size: 17px;
  font-weight: bold;
}
.text-danger {
  color: #d70015 !important;
}
.DateMatButton {
  position: relative;
  top: -40px;
  float: right;
  right: 0;
  z-index: 999;
}
.m-bottom-20 {
  margin-bottom: 20px;
}
.mat-button-toggle-button {
  height: 35px !important;
  width: 67px !important;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  color: #fff !important;
}
.headingPara,
.headingPara strong {
  font-size: 17px;
  line-height: 26px;
}
.time-slot-info {
  clear: both;
  margin: 10px 0px;
  font-size: 17px;
  position: relative;
  top: -20px;
}
.time-slot-info span {
  color: #333333;
  font-weight: bold;
  font-size: 17px;
  display: inline-block;
}
/* home relay section css  */
.mat-grid-tile .mat-figure{
  display: table !important;
}
.mat-tab-label{
  min-width: 70px !important;
}
::ng-deep .custom-tab-group .mat-tab-label[aria-label="Speech Communication Difficulty"] {
  display: inline-block !important; /* Ensure it's visible */
  visibility: visible !important;
  color: red !important; /* Example: Modify this as per your requirements */
  font-weight: bold;
  background-color: lightgray; /* Optional: background to test if it's rendering */
}
.mat-tab-label-active{
  color: #1c1c1e !important;
  opacity: 1 !important;
  font-weight: bold;
}
/* /* .mat-tab-label  .highlighted-tab{
  width:300px !important;
    height:80px !important;         
  font-weight: bold;         
}  */
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar{
  background: #00B5E2;
  height: 6px;
}
.mat-tab-body{
  margin-top: 40px;
}
.mat-tab-header, .mat-tab-nav-bar {
  /* border-bottom: 6px solid #ededed;
  border-radius: 3px; */
  border: none !important;
}
.highLighter {
  position: relative;
  top: 48px;
  height: 6px;
  background: #ededed;
  width: 1027px;
  margin: 0 auto;
  border-radius: 5px;
  left: -3px;
}
.mat-tab-label-container {
  margin-left:54px;
  margin-top:0;
  margin-bottom:0;
  margin-right:15%;
  display: table;
}
/* home relay section css end */
* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.mat-tab-label .mat-tab-label-content{
  font-size: 20px!important;
}
.mat-tab-label{
  padding: 5px 15px!important;
}
.mat-tab-label-container{
  margin-left:54px;
  /* margin: 0 10%; */
}
.mat-tab-header{
  margin: 0 auto!important;
  width: 773px!important;
}
.slider_content p{
margin: 15px 0;
    color: #ffffff;
    padding: 0 30px;
    line-height: 25px;
}
@media all and (max-width: 767px) and (min-width: 365px) {
  .mat-tab-label {
    height: 65px !important;
    white-space: normal !important;
    /* width: 179px; */
    /* justify-content: left !important; */
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    border-radius: 5px;
  }
  
  .mat-tab-label .highlighted-tab {
    /* margin-left: -24px; */
    /* display: block; */
    /* margin-right: 41px; */
    /* overflow: hidden; */
    /* justify-content: left !important; */
    width: 222px !important;
    /* height: 79px !important; */
    /* font-weight: bold; */
    text-align: justify !important;
    white-space: normal !important;
  }
}
@media all and (max-width: 365px) and (min-width: 319px) {
  .mat-tab-label {
    height: 75px !important;
    white-space: normal !important;
    /* width: 179px; */
    /* justify-content: left !important; */
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
    border-radius: 5px;
  }
  
  .mat-tab-label .highlighted-tab {
    /* margin-left: -24px; */
    /* display: block; */
    /* margin-right: 41px; */
    /* overflow: hidden; */
    /* justify-content: left !important; */
    width: 193px !important;
    /* height: 79px !important; */
    /* font-weight: bold; */
    text-align: justify !important;
    white-space: normal !important;
  }
  .mat-tab-label .mat-tab-label-content {
    font-size: 18px !important;
}
}
@media all and (max-width: 767px) and (min-width: 320px) {
  .mat-tab-header {
   width: auto !important;
  }
  .mat-tab-label-container {
margin:0 15%;
  }

  .highLighter {
    
    width: 773px;
    
  }
   .mat-grid-tile {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    left: 0 !important;
    margin: 0 70px;
    text-align: center;
    clear: both !important;
    width: auto !important;
    padding: 120px;
}
.mat-grid-tile:nth-child(2){
  padding: 30px;
}



/* .relay_service_home_grid{
  height: 660px !important;
}
.relay_service_home_grid h2, .relay_service_home_grid span{
  width: auto !important;

} */

body .owl-next {
  right: 0%;
}
body .owl-prev {
  left: 0%;
}
.mat-tab-label-active {
  background: #C0C0C0;
  border-radius: 5px;
  border: 1px solid #555555b3 !important;
  opacity: 1 !important;
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  display: none;
}
.ripple{
  background: none !important;
}

}
/* Add these styles to your global styles.css file */
/* Search highlight styles - Global */
.search-highlight {
  background-color: #ffeb3b !important;
  color: #333 !important;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(255, 235, 59, 0.3);
  transition: all 0.3s ease;
}
/* Active highlight (current focus) */
.search-highlight-active {
  background-color: #ff9800 !important;
  color: white !important;
  box-shadow: 0 0 8px rgba(255, 152, 0, 0.5);
  transform: scale(1.05);
}
/* Pulse animation for first highlight */
.search-highlight-pulse {
  animation: highlight-pulse 2s ease-in-out;
}
@keyframes highlight-pulse {
  0%, 100% {
    background-color: #ffeb3b;
    transform: scale(1);
  }
  25%, 75% {
    background-color: #ff9800;
    transform: scale(1.1);
  }
  50% {
    background-color: #f44336;
    color: white;
    transform: scale(1.15);
  }
}
/* Alternative highlight styles for different contexts */
.search-highlight.privacy-highlight {
  background-color: #e3f2fd !important;
  color: #1565c0 !important;
  border: 1px solid #bbdefb;
}
.search-highlight.emergency-highlight {
  background-color: #ffebee !important;
  color: #c62828 !important;
  border: 1px solid #ffcdd2;
}
.search-highlight.service-highlight {
  background-color: #e8f5e8 !important;
  color: #2e7d32 !important;
  border: 1px solid #c8e6c9;
}
/* Focus styles for accessibility */
.search-highlight:focus {
  outline: 2px solid #2196f3;
  outline-offset: 2px;
}
/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}
/* Mobile responsive adjustments for highlights */
@media (max-width: 768px) {
  .search-highlight {
    padding: 3px 5px;
    font-size: 14px;
  }
}



/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* 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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* 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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* 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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* 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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.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;
  }
}

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