/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/base.scss
 *
 * CSS rules that style HTML elements ("base" styles).
 */
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-badge-small .mat-badge-content{font-size:6px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,"Helvetica Neue",sans-serif;margin:0 0 16px}
.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,"Helvetica Neue",sans-serif;margin:0 0 12px}
.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,"Helvetica Neue",sans-serif}
.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-caption,.mat-small{font:400 12px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,"Helvetica Neue",sans-serif;margin:0 0 56px;letter-spacing:-.05em}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.02em}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px;letter-spacing:-.005em}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,"Helvetica Neue",sans-serif;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto,"Helvetica Neue",sans-serif}
.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{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-content,.mat-card-subtitle{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-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.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}
.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}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.33333%}
.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(.75);width:133.33334%}
.mat-form-field-label-wrapper{top:-.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:.66667em;top:calc(100% - 1.79167em)}
.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-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}
.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(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}
.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(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}
.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:.54167em;top:calc(100% - 1.66667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.28122em) scale(.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(.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(.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:-.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.33333%}
.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(-.59374em) scale(.75);width:133.33334%}
.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:-.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.33333%}
.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(.75);width:133.33334%}
.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}
.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-.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-horizontal,.mat-stepper-vertical{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:400}
.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;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}
.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-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px}
.mat-ripple{overflow:hidden;position:relative}
.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0s cubic-bezier(0,0,.2,1);transform:scale(0)}
@media (-ms-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;outline:0;-webkit-appearance:none;-moz-appearance:none}
.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@-webkit-keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-start{/*!*/}
@-webkit-keyframes cdk-text-field-autofill-end{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation-name:cdk-text-field-autofill-start;animation-name:cdk-text-field-autofill-start}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation-name:cdk-text-field-autofill-end;animation-name:cdk-text-field-autofill-end}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}
.mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-option{color:rgba(0,0,0,.87)}
.mat-option:focus:not(.mat-option-disabled),.mat-option:hover: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-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#ff4081}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}
.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-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}
.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}
.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}
.mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}
.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}
.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}
.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}
.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}
.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}
.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}
.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}
.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}
.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}
.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}
.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}
.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}
.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}
.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}
.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}
.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:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}
.mat-badge-content{color:#fff;background:#3f51b5}
@media (-ms-high-contrast:active){.mat-badge-content{outline:solid 1px;border-radius:0}}
.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge{position:relative}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.mat-badge-content.mat-badge-active{transform:none}
.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}
.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}
.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}
.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}
.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}
.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}
.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}
.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}
.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}
.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}
.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}
.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}
.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}
.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}
.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}
.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background: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-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][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[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay{background-color:transparent}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#000}
.mat-stroked-button:not([disabled]){border-color:rgba(0,0,0,.12)}
.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{color:#fff}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{color:#fff}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{color:#fff}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{color:rgba(0,0,0,.26)}
.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background-color:#3f51b5}
.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:#ff4081}
.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{background-color:#f44336}
.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{background-color:rgba(0,0,0,.12)}
.mat-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}
.mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}
.mat-button-toggle{color:rgba(0,0,0,.38)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}
.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}
.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:solid 1px rgba(0,0,0,.12)}
.mat-card{background:#fff;color:rgba(0,0,0,.87)}
.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(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}
@media (-ms-high-contrast:black-on-white){.mat-checkbox-checkmark-path{stroke:#000!important}}
.mat-checkbox-mixedmark{background-color:#fafafa}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#3f51b5}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#ff4081}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#f44336}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}
.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}
@media (-ms-high-contrast:active){.mat-checkbox-disabled{opacity:.5}}
@media (-ms-high-contrast:active){.mat-checkbox-background{background:0 0}}
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element{background-color:#3f51b5}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element{background-color:#ff4081}
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element{background-color:#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:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(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: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: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:rgba(255,255,255,.1)}
.mat-table{background:#fff}
.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}
mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}
.mat-header-cell{color:rgba(0,0,0,.54)}
.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}
.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}
.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}
.mat-calendar-table-header{color:rgba(0,0,0,.38)}
.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-body-label{color:rgba(0,0,0,.54)}
.mat-calendar-body-cell-content{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(0,0,0,.38)}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:rgba(0,0,0,.04)}
.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}
.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-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-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(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-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(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:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
.mat-action-row{border-top-color:rgba(0,0,0,.12)}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover{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-indicator::after,.mat-expansion-panel-header-description{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-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}
.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-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent{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,.42) 0,rgba(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,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}
.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}
.mat-icon.mat-primary{color:#3f51b5}
.mat-icon.mat-accent{color:#ff4081}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled{color:rgba(0,0,0,.38)}
.mat-input-element{caret-color:#3f51b5}
.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-ms-input-placeholder{color:rgba(0,0,0,.42)}
.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-accent .mat-input-element{caret-color:#ff4081}
.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}
.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}
.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}
.mat-list-item-disabled{background-color:#eee}
.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}
.mat-menu-panel{background:#fff}
.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}
.mat-menu-item{background:0 0;color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled]::after{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}
.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover: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-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}
.mat-progress-bar-background{fill:#c5cae9}
.mat-progress-bar-buffer{background-color:#c5cae9}
.mat-progress-bar-fill::after{background-color:#3f51b5}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{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:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(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:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(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:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}
.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}
.mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#3f51b5}
.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#ff4081}
.mat-accent .mat-slider-thumb-label-text{color:#fff}
.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#f44336}
.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}
.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill{background-color:rgba(0,0,0,.26)}
.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.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,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(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,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}
@media (hover:none){.mat-step-header:hover{background:0 0}}
.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-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}
.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}
.mat-sort-header-arrow{color:#757575}
.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}
.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{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-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .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-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .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-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .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-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#3f51b5}
.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}
.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#ff4081}
.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#f44336}
.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}
.mat-toolbar.mat-accent{background:#ff4081;color:#fff}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}
.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#fff}
.mat-nested-tree-node,.mat-tree-node{color:rgba(0,0,0,.87)}
.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}
.mat-simple-snackbar-action{color:#ff4081}
/*
Theme Name:cisco_steer
*/
/**
 * @file
 * sass/_partials/_mixins.scss
 *
 * CSS rules that style HTML elements ("mixins" styles). */
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_variables.scss
 *
 * CSS rules that style HTML elements ("variables" styles). */
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_reset.scss
 *
 * CSS rules that style HTML elements ("reset" styles).
 */
html,
body,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }
p {
  -webkit-margin-before: 0; }
ul {
  list-style: none; }
* {
  box-sizing: border-box; }
button {
  border: 0;
  background: none;
  outline: 0;
  padding: 0; }
img {
  max-width: 100%;
  border: 0; }
a {
  color: #0275d8;
  text-decoration: none; }
[role=button], a, area, button, input, label, select, summary, textarea {
  touch-action: manipulation; }
a:hover {
  color: #014c8c; }
a:focus {
  text-decoration: underline; }
table {
  border-spacing: 0;
  border-collapse: collapse; }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_forms.scss
 *
 * CSS rules that style HTML elements ("forms" styles). */
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
fieldset legend {
    padding: 0; }
.form-control {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  color: #7f7f86;
  background: none;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  padding-left: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'], input:not([type]), textarea, select {
  border-radius: 0;
  padding-left: 0; }
input[type='color']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='email']:focus, input[type='month']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='time']:focus, input[type='url']:focus, input[type='week']:focus, input:not([type]):focus, textarea:focus, select:focus {
    border-color: #00bceb;
    outline: 0;
    transition: border-color ease-in-out 0.15s; }
input[type='color']:disabled, input[type='date']:disabled, input[type='datetime']:disabled, input[type='datetime-local']:disabled, input[type='email']:disabled, input[type='month']:disabled, input[type='number']:disabled, input[type='password']:disabled, input[type='search']:disabled, input[type='tel']:disabled, input[type='text']:disabled, input[type='time']:disabled, input[type='url']:disabled, input[type='week']:disabled, input:not([type]):disabled, textarea:disabled, select:disabled {
    background-color: #d7d7d7;
    cursor: not-allowed; }
select[multiple=multiple] {
  height: auto; }
select::-ms-expand {
  display: none; }
textarea {
  background: #ffffff;
  border: 1px solid #aaa;
  border-radius: 10px; }
input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.form-group {
  position: relative;
  padding-top: 15px;
  margin-bottom: 15px; }
.form-group .form-control:focus ~ label {
    color: #39393b;
    font-size: 14px;
    top: 0;
    opacity: 1; }
.form-group .form-control ~ label {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    pointer-events: none;
    color: #39393b;
    font-size: 14px;
    margin-bottom: 0;
    transition: 0.2s ease all; }
.form-group label.input-focus {
    color: #39393b;
    font-size: 14px;
    top: 0;
    opacity: 1; }
/* label {
  input[type="radio"] {
    display: none;
    &:checked {
      + span {
        &:before {
           background: $blackColor;
        }
      }
    }
    + span {
      display: inline-block;
      padding: 0 40px;
      vertical-align: top;
      cursor: pointer;
      position: relative;
      @include textSWC(16px, 400, #515d6a);
      &:before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 4px;
        left: 4px;
        width: 11px;
        height: 11px;
        @include border-radius(50%);
        transition: background .2s ease-in-out;
      }
      &:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 17px;
        height: 17px;
        @include border-radius(50%);
        border:1px solid #999;
        pointer-events: none;
      }
    }
  }
  
}*/
.mat-form-field {
  width: 100%;
  font-family: "CiscoSans", sans-serif; }
.mat-form-field.mat-focused .mat-form-field-ripple {
    background: #00bceb; }
.mat-form-field.mat-focused .mat-form-field-label {
    color: #39393b; }
.mat-form-field .mat-form-field-ripple, .mat-form-field .mat-form-field-underline {
    background: #d7d7d7; }
.mat-form-field .mat-input-element {
    font-size: 18px;
    color: #7f7f86;
    font-family: "CiscoSans-ExtraLight", sans-serif; }
.mat-form-field .mat-form-field-label {
    font-family: "CiscoSans", sans-serif;
    font-size: 18px; }
.mat-form-field.mat-form-field-should-float .mat-form-field-label {
    font-size: 18px; }
.mat-form-field-appearance-legacy .mat-form-field-label {
  left: 14px;
  font-size: 14px;
  color: #39393b;
  top: 22px; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 10px 14px; }
.mat-select, .mat-option {
  font-family: "CiscoSans", sans-serif; }
.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #00bceb; }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #00bceb; }
.mat-datepicker-toggle-active {
  color: #00bceb; }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_buttons.scss
 *
 * CSS rules that style HTML elements ("buttons" styles). */
.btn {
  border-radius: 23px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 14px 25px;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  color: #ffffff;
  cursor: pointer; }
.btn.btn-info {
    background: #00bceb;
    /* Old browsers */ }
.btn.btn-info.btn-xs {
      padding: 5px 15px;
      font-size: 12px; }
.btn.btn-success {
    background: #6ebe4a;
    /* Old browsers */ }
.btn.btn-info-unfilled {
    color: #00bceb;
    border: 1px solid #00bceb; }
.btn.btn-default-unfilled {
    color: #7f7f86;
    border: 1px solid #acacac; }
.btn.btn-default {
    background: #dfe3ea;
    color: #848c97; }
.btn.btn-default:hover {
      filter: brightness(1.05);
      -webkit-filter: brightness(1.05);
      -moz-filter: brightness(1.05); }
.btn:hover {
    text-decoration: none;
    filter: brightness(1.15);
    -webkit-filter: brightness(1.15);
    -moz-filter: brightness(1.15); }
.btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
.btn.btn-mini {
    padding: 9px 25px;
    font-size: 14px; }
.btn.btn-xs-mini {
    padding: 5px 13px; }
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button; }
.badge {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  padding: 5px 12px;
  border-radius: 20px;
  display: inline-block;
  line-height: 12px; }
.badge.success {
    background: #6ebe4a; }
.badge.danger {
    background: #f36666; }
.badge.warning {
    background: #f3c31b; }
.mandate {
  color: #f36666; }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_modal.scss
 *
 * CSS rules that style HTML elements ("modals" styles). */
.mat-dialog-container {
  padding: 60px !important;
  border-radius: 5px !important;
  font-family: "CiscoSans", sans-serif; }
.mat-dialog-container .mat-dialog-title {
    font-size: 23.65px;
    font-weight: 400;
    color: #00bceb;
    text-align: center; }
.mat-dialog-container .mat-dialog-content {
    font-size: 16.41px;
    font-weight: 400;
    color: #7f7f86;
    font-family: "CiscoSans-ExtraLight", sans-serif; }
.mat-dialog-container .btn-close {
    margin: 20px auto 0 auto;
    display: block;
    padding: 13px 25px;
    min-width: 145px; }
@media only screen and (max-width: 1023px) {
  .mat-dialog-container {
    padding: 20px 20px 40px !important; }
    .mat-dialog-container .mat-dialog-title {
      font-size: 20px;
      margin-bottom: 20px; }
    .mat-dialog-container .mat-dialog-content {
      margin: 0;
      padding: 0;
      font-size: 15px; } }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/_partials/_table.scss
 *
 * CSS rules that style HTML elements ("table" styles).
 */
table thead tr th {
  font-family: "CiscoSans", sans-serif;
  font-weight: normal; }
table thead tr th strong {
    font-family: "CiscoSans", sans-serif;
    font-weight: normal; }
table thead tr th span strong {
    font-family: "CiscoSans", sans-serif;
    font-weight: normal; }
.table {
  width: 100%;
  max-width: 100%; }
.table th {
    text-align: left; }
.table > thead {
    background: #e3f5fc; }
.table > thead > tr > th {
      font-size: 15px;
      font-weight: 400;
      color: #39393b;
      padding: 30px 8px;
      vertical-align: middle;
      text-align: left;
      white-space: nowrap;
      line-height: normal;
      font-weight: normal; }
.table > thead > tr > th strong {
        font-weight: normal; }
.table > thead > tr > th.wrap {
        white-space: initial; }
.table.text-center > thead > tr > th {
    text-align: center; }
.table.text-center tbody > tr > td {
    text-align: center; }
.table > tbody > tr:nth-child(even) {
    background: rgba(98, 188, 224, 0.1); }
.table > tbody > tr:nth-child(odd) {
    background: #ffffff;
    border-bottom: 1px solid rgba(98, 188, 224, 0.1); }
.table > tbody > tr > td {
    font-size: 14px;
    font-weight: 400;
    color: #7f7f86;
    padding: 20px 8px;
    vertical-align: top;
    text-align: left;
    white-space: initial;
    word-wrap: break-word; }
.table > tbody > tr > td.text-left {
      text-align: left; }
.table > tbody > tr > td.text-right {
      text-align: right; }
.table > tbody > tr > td.text-center {
      text-align: center; }
.table > tbody > tr > td.no-wrap {
      white-space: nowrap; }
.table > tfoot > tr > td {
    padding: 20px 30px; }
.table-responsive {
  width: 100%;
  max-width: 100%;
  min-height: .01%;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #d4d4d4;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch; }
.table-responsive.simpleIt-table {
    border: none; }
.tabs-container .table-responsive {
  border: 1px solid #d4d4d4; }
.tabs-container .table-responsive.simpleIt-table {
    border: none; }
.popup-table.userChalenge-table tbody tr td, .popup-table.userChalenge-table tbody tr th {
  text-align: left;
  width: 20%; }
.popup-table.userChalenge-table tbody tr td.no-wrap, .popup-table.userChalenge-table tbody tr th.no-wrap {
    white-space: nowrap; }
.popup-table.userChalenge-table thead tr th {
  text-align: left; }
.popup-table.userChalenge-table thead tr th.no-wrap {
    white-space: nowrap; }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/fonts.scss
 *
 * */
@font-face {
  font-family: 'CiscoSans-ThinOblique';
  src: url('CiscoSans-ThinOblique.eot');
  src: url('CiscoSans-ThinOblique.woff2') format("woff2"), url('CiscoSans-ThinOblique.woff') format("woff"), url('CiscoSans-ThinOblique.otf') format("otf"), url('CiscoSans-ThinOblique.ttf') format("truetype"), url('CiscoSans-ThinOblique.svg#CiscoSans-ThinOblique') format("svg"), url('CiscoSans-ThinOblique.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-Thin';
  src: url('CiscoSans-Thin.eot');
  src: url('CiscoSans-Thin.woff2') format("woff2"), url('CiscoSans-Thin.woff') format("woff"), url('CiscoSans-Thin.otf') format("otf"), url('CiscoSans-Thin.ttf') format("truetype"), url('CiscoSans-Thin.svg#CiscoSans-Thin') format("svg"), url('CiscoSans-Thin.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-Oblique';
  src: url('CiscoSans-Oblique.eot');
  src: url('CiscoSans-Oblique.woff2') format("woff2"), url('CiscoSans-Oblique.woff') format("woff"), url('CiscoSans-Oblique.otf') format("otf"), url('CiscoSans-Oblique.ttf') format("truetype"), url('CiscoSans-Oblique.svg#CiscoSans-Oblique') format("svg"), url('CiscoSans-Oblique.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans';
  src: url('CiscoSans.eot');
  src: url('CiscoSans.woff2') format("woff2"), url('CiscoSans.woff') format("woff"), url('CiscoSans.otf') format("otf"), url('CiscoSans.ttf') format("truetype"), url('CiscoSans.svg#CiscoSans') format("svg"), url('CiscoSans.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-HeavyOblique';
  src: url('CiscoSans-HeavyOblique.eot');
  src: url('CiscoSans-HeavyOblique.woff2') format("woff2"), url('CiscoSans-HeavyOblique.woff') format("woff"), url('CiscoSans-HeavyOblique.otf') format("otf"), url('CiscoSans-HeavyOblique.ttf') format("truetype"), url('CiscoSans-HeavyOblique.svg#CiscoSans-HeavyOblique') format("svg"), url('CiscoSans-HeavyOblique.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-Heavy';
  src: url('CiscoSans-Heavy.eot');
  src: url('CiscoSans-Heavy.woff2') format("woff2"), url('CiscoSans-Heavy.woff') format("woff"), url('CiscoSans-Heavy.otf') format("otf"), url('CiscoSans-Heavy.ttf') format("truetype"), url('CiscoSans-Heavy.svg#CiscoSans-Heavy') format("svg"), url('CiscoSans-Heavy.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-ExtraLightOblique';
  src: url('CiscoSans-ExtraLightOblique.eot');
  src: url('CiscoSans-ExtraLightOblique.woff2') format("woff2"), url('CiscoSans-ExtraLightOblique.woff') format("woff"), url('CiscoSans-ExtraLightOblique.otf') format("otf"), url('CiscoSans-ExtraLightOblique.ttf') format("truetype"), url('CiscoSans-ExtraLightOblique.svg#CiscoSans-ExtraLightOblique') format("svg"), url('CiscoSans-ExtraLightOblique.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-ExtraLight';
  src: url('CiscoSans-ExtraLight.eot');
  src: url('CiscoSans-ExtraLight.woff2') format("woff2"), url('CiscoSans-ExtraLight.woff') format("woff"), url('CiscoSans-ExtraLight.otf') format("otf"), url('CiscoSans-ExtraLight.ttf') format("truetype"), url('CiscoSans-ExtraLight.svg#CiscoSans-ExtraLight') format("svg"), url('CiscoSans-ExtraLight.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-BoldOblique';
  src: url('CiscoSans-BoldOblique.eot');
  src: url('CiscoSans-BoldOblique.woff2') format("woff2"), url('CiscoSans-BoldOblique.woff') format("woff"), url('CiscoSans-BoldOblique.otf') format("otf"), url('CiscoSans-BoldOblique.ttf') format("truetype"), url('CiscoSans-BoldOblique.svg#CiscoSans-BoldOblique') format("svg"), url('CiscoSans-BoldOblique.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'CiscoSans-Bold';
  src: url('CiscoSans-Bold.eot');
  src: url('CiscoSans-Bold.woff2') format("woff2"), url('CiscoSans-Bold.woff') format("woff"), url('CiscoSans-Bold.otf') format("otf"), url('CiscoSans-Bold.ttf') format("truetype"), url('CiscoSans-Bold.svg#CiscoSans-Bold') format("svg"), url('CiscoSans-Bold.eot?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
tree-select .selected-container-item {
  border-radius: 0px !important;
  border-bottom: 1px solid lightgrey !important;
  background: white !important;
  padding: 0 0 15px 0 !important;
  height: 40px; }
tree-select .selected-container-item .selected-container-item:after {
    content: "\f0da" !important;
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal !important;
    margin: 0px 0px 0px 10px !important;
    text-decoration: none !important; }
tree-select .selected-container-item .selected-item-item {
    border: 1px solid #337ab7 !important;
    margin-right: 4px !important;
    background: #337ab7 !important;
    padding: 0px 20px !important;
    color: #fff !important;
    border-radius: 2px !important; }
tree-select .selected-container-item .selected-item-item a {
      color: #fff !important; }
tree-select .enabled .more-items-icon {
  position: relative;
  margin-top: 6px; }
tree-select .dropdown-menu {
  border: 1px solid #ccc !important;
  border-radius: 3px !important;
  background: #fff !important;
  margin-top: 10px !important;
  box-shadow: 0 1px 5px #959595 !important; }
tree-select .dropdown-menu input {
    padding: 10px 36px;
    margin-bottom: 10px;
    font-size: 13px; }
tree-select .dropdown-menu li tree-select-item .item .item a span i::before {
    color: #337ab7 !important;
    font-size: 17px !important; }
tree-select .dropdown-menu li tree-select-item .item .item a i::before {
    font-size: 17px;
    margin-left: 2px;
    color: #337ab7; }
tree-select .dropdown-menu li tree-select-item .item .item a:hover span i::before {
    color: #fff !important; }
tree-select .dropdown-menu li tree-select-item .item .item a:hover i::before {
    color: #fff !important; }
tree-select .dropdown-menu li tree-select-item .item ul {
    margin-left: 40px !important; }
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  overflow-y: initial !important; }
body {
  font-family: "CiscoSans", sans-serif;
  line-height: 1.2;
  font-size: 14px;
  float: left;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
:after,
:before {
  box-sizing: border-box; }
a {
  color: #00bceb;
  cursor: pointer;
  transition: all 0.3s ease; }
a:not(:disabled):hover {
    color: #0070a6; }
object {
  max-width: 100%; }
*:focus,
.btn:focus,
a:focus,
*:active,
.btn:active,
a:active,
*:visited,
.btn:visited,
a:visited {
  text-decoration: none;
  outline: none; }
.btn::-moz-focus-inner,
.btn::-moz-focus-outer,
button::-moz-focus-inner,
button::-moz-focus-outer,
a::-moz-focus-inner,
a::-moz-focus-outer {
  border: none !important; }
.pull-left {
  float: left; }
.pull-right {
  float: right; }
.text-center {
  text-align: center !important; }
svg#cisco-logo {
  height: 35px;
  fill: #00bceb; }
svg#cisco-logo-login {
  height: 70px;
  fill: #00bceb; }
svg#user {
  fill: #00bceb; }
svg#user-white {
  fill: white;
  width: 18px; }
svg.check-icon {
  fill: #0dc30d; }
svg.uncheck-icon {
  fill: #f44336; }
.login-wrapper {
  margin: 0 auto;
  max-width: 1480px;
  position: relative;
  display: flex; }
.login-wrapper .login-cols {
    float: left;
    width: 100%;
    display: flex; }
.login-wrapper .login-cols .login-col-left {
      float: left;
      width: 46.56%; }
.login-wrapper .login-cols .login-col-left .login-bg {
        width: 100%;
        position: relative;
        height: 100%; }
.login-wrapper .login-cols .login-col-left .login-bg .login-bg-span {
          background: url('login_bg.png');
          height: 768px;
          width: 100%;
          display: block;
          height: 100%; }
.login-wrapper .login-cols .login-col-left .login-bg img {
          display: block; }
.login-wrapper .login-cols .login-col-left .login-bg .login-bg-txt {
          position: absolute;
          font-family: "CiscoSans-Thin", sans-serif;
          font-size: 47px;
          font-weight: 400;
          color: #ffffff;
          top: 42%;
          left: 0;
          width: 100%;
          text-align: center;
          letter-spacing: -1.9px; }
.login-wrapper .login-cols .login-col-left .login-bg .login-bg-txt span {
            display: block;
            font-size: 42px;
            font-family: "CiscoSans", sans-serif;
            letter-spacing: 0;
            margin-top: 14px; }
.login-wrapper .login-cols .login-col-right {
      float: left;
      width: 53.44%; }
.login-wrapper .login-cols .login-col-right .login-col-right-inner-wrap {
        margin: 0 auto;
        max-width: 440px; }
.login-wrapper .login-cols .login-col-right .login-form-wrap {
        float: left;
        width: 100%;
        margin-top: 9.02%; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont {
          margin-bottom: 8.3%; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .logo {
            margin-bottom: 10%; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .logo a {
              display: inline-block; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .welcome-txt {
            font-size: 34px;
            font-weight: 400;
            color: #39393b;
            letter-spacing: -0.7px; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .cco-id-form-group {
          margin-bottom: 6.5%; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .mat-form-field-label {
          text-transform: uppercase; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .remember-me-checkbox {
          padding-top: 0; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .remember-me-checkbox label {
            margin-left: 18px; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .remember-me-checkbox label input[type="checkbox"] + span:after {
            width: 16px;
            height: 16px; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .control-label {
          text-align: center; }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .control-label .btn {
            margin-top: 12.6%;
            min-width: 183px;
            text-transform: uppercase;
            height: 46px;
            margin-bottom: 87px; }
.login-wrapper .fooer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
cisco-steer-login + cisco-steer-footer .fooer {
  margin: 0 auto;
  max-width: 1480px;
  float: none; }
cisco-steer-login + cisco-steer-footer .fooer .footer-cols {
    background: #f6f5f5;
    margin-top: 0;
    z-index: 11;
    position: relative; }
.header {
  float: left;
  width: 100%;
  padding: 25px 0;
  background: #fff;
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999;
  border-bottom: 1px solid #eee; }
.header.sticky {
    padding: 15px 0;
    float: left;
    width: 100%; }
.header .header-wrap {
    margin: 0 auto;
    width: 87%;
    max-width: 1280px; }
.header .header-wrap .header-left {
      float: left;
      width: 35%; }
.header .header-wrap .header-left .logo-cont {
        float: left;
        width: 100%; }
.header .header-wrap .header-left .logo-cont .logo {
          max-width: 65px;
          float: left; }
.header .header-wrap .header-left .logo-cont .logo-txt {
          float: left;
          font-size: 32px;
          font-weight: 400;
          color: #58585b;
          font-family: "CiscoSans-ExtraLight", sans-serif;
          margin-left: 32px; }
.header .header-wrap .header-right {
      float: left;
      width: 65%;
      text-align: right; }
.header .header-wrap .header-right .user-login-info {
        margin-top: 13px; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type {
          margin-top: 1px; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
            border-right: 0; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box {
              position: relative;
              background: #e6e7e8;
              padding: 5px 10px;
              border-radius: 30px;
              max-width: 100%; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box:before {
                content: "";
                background: url('search_icon.png');
                width: 12px;
                height: 12px;
                display: inline-block;
                position: absolute;
                left: 15px;
                top: 50%;
                background-size: contain;
                transform: translateY(-50%); }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box:after {
                content: ""; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input {
                border: 0;
                padding-left: 25px;
                background: none;
                width: 100%;
                font-size: 12px;
                color: #666;
                width: 117px;
                line-height: normal;
                transition: all 0.3s ease-in-out;
                display: -ms-inline-grid;
                display: -webkit-inline-grid;
                display: inline-grid;
                vertical-align: middle; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input::-webkit-input-placeholder {
                  /* Chrome, Firefox, Opera, Safari 10.1+ */
                  opacity: 1;
                  /* Firefox */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input::-moz-placeholder {
                  /* Chrome, Firefox, Opera, Safari 10.1+ */
                  opacity: 1;
                  /* Firefox */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:-ms-input-placeholder {
                  /* Chrome, Firefox, Opera, Safari 10.1+ */
                  opacity: 1;
                  /* Firefox */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input::-ms-input-placeholder {
                  /* Chrome, Firefox, Opera, Safari 10.1+ */
                  opacity: 1;
                  /* Firefox */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input::placeholder {
                  /* Chrome, Firefox, Opera, Safari 10.1+ */
                  opacity: 1;
                  /* Firefox */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:-ms-input-placeholder {
                  /* Internet Explorer 10-11 */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input::-ms-input-placeholder {
                  /* Microsoft Edge */
                  font-size: 12px;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  line-height: normal; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon {
            position: relative;
            vertical-align: middle; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon:before {
              position: absolute;
              left: 18px;
              top: 0;
              bottom: 0;
              margin: 5px auto; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details {
              font-size: 14px;
              text-align: left;
              display: inline-block;
              padding-left: 24px;
              line-height: 24px;
              padding-right: 24px; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .user-icon {
                position: absolute;
                left: 0;
                top: 3px; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .user-designation {
                font-size: 13px;
                text-rendering: optimizeLegibility;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 1; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .mat-icon {
                float: right;
                position: absolute;
                right: 0;
                top: 7px;
                cursor: pointer;
                height: 18px;
                width: 18px; }
.header .header-wrap .header-right .user-login-info li {
          display: inline-block;
          font-size: 15px;
          font-weight: 400;
          color: #00bceb;
          font-family: "CiscoSans", sans-serif;
          padding: 0 13px;
          border-right: 1px solid #3e3f42; }
.header .header-wrap .header-right .user-login-info li a {
            display: inline-block;
            font-size: 15px;
            font-weight: 400;
            color: #00bceb;
            font-weight: 400;
            font-family: "CiscoSans", sans-serif; }
.header .header-wrap .header-right .user-login-info li:last-child {
            padding-right: 0;
            border-right: 0; }
.header .header-wrap .header-right .user-login-info li:first-child {
            padding-left: 0; }
.header .header-wrap .header-right .user-login-info li.user-type-icon {
            font-size: 15px;
            font-weight: 400;
            color: #00bceb;
            font-family: "CiscoSans", sans-serif; }
.header .header-wrap .header-right .user-login-info li.user-type-icon .user-name {
              text-transform: capitalize;
              font-weight: 600; }
.header .header-wrap .header-right .mobile-menu {
        display: none; }
.header.is-index {
  z-index: 9999 !important; }
.thanks-page-body .header {
  -ms-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
.top-banner {
  float: left;
  width: 100%; }
.top-banner .banner-img-box {
    position: relative; }
.top-banner .banner-img-box img {
      width: 100%;
      display: block;
      min-height: 200px; }
.top-banner .banner-img-box div.carousel-indicators {
      background-color: transparent !important; }
.top-banner .banner-img-box div.carousel-indicators button {
        background: #fff !important;
        height: 12px !important;
        width: 12px !important;
        opacity: 0.5; }
.top-banner .banner-img-box div.carousel-indicators button:disabled,
      .top-banner .banner-img-box div.carousel-indicators button[disabled] {
        background-color: #fff !important;
        opacity: 1 !important; }
.top-banner .banner-img-box .welcome-txt {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-flow: column wrap;
      height: 100%; }
.top-banner .banner-img-box .welcome-txt-1 {
        display: block;
        font-size: 48px;
        font-weight: 400;
        color: #ffffff;
        font-family: "CiscoSans-Thin", sans-serif; }
.top-banner .banner-img-box .welcome-txt-2 {
        display: block;
        font-size: 60px;
        font-weight: 400;
        color: #ffffff;
        font-family: "CiscoSans-ExtraLight", sans-serif;
        margin-top: 5px; }
.top-banner-dashboard {
  position: relative; }
.top-banner-dashboard .banner-img-box .welcome-txt .welcome-descp {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    font-family: "CiscoSans-ExtraLight", sans-serif;
    margin-top: 10px; }
.top-banner-dashboard .banner-img-box .welcome-txt .learn-more {
    margin-top: 40px; }
.top-banner-dashboard .banner-img-box .welcome-txt .learn-more .btn {
      min-width: 194px;
      font-size: 18px;
      color: #fff; }
.top-banner-dashboard .banner_show_hide {
    position: absolute;
    height: 20px;
    width: 30px;
    right: 8px;
    bottom: 8px;
    cursor: pointer; }
.top-banner-dashboard .banner_show_hide.close {
      bottom: -26px; }
.top-banner-dashboard .banner_show_hide:before {
      content: "";
      position: absolute;
      left: 3px;
      top: 4px;
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 10px solid #ffffff; }
.top-banner-dashboard .banner_show_hide.close:before {
      top: auto;
      top: 5px;
      border-top: 10px solid #ffffff;
      border-bottom: none; }
.top-banner-dashboard .banner_show_hide:after {
      content: "";
      position: absolute;
      left: 3px;
      bottom: 1px;
      width: 22px;
      height: 0;
      border-bottom: 1px solid #ffffff; }
.top-banner-dashboard .banner_show_hide.close:after {
      top: 1px;
      bottom: auto; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details {
  position: relative; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box {
    position: absolute;
    top: 80%;
    right: 0;
    left: 0;
    z-index: 1;
    min-width: 180px;
    height: 0;
    opacity: 0;
    padding-top: 10px; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box.active {
      height: auto;
      opacity: 1; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul {
      box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.9);
      display: block;
      background: #f2f2f2;
      border-radius: 5px;
      border: 1px solid #ddd;
      overflow: hidden; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul li {
        display: block;
        border: 0;
        border-bottom: 1px solid #eee;
        padding: 0;
        overflow: hidden; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul li button {
          text-transform: capitalize;
          padding: 8px 12px 8px 24px;
          display: block;
          cursor: pointer;
          width: 100%;
          text-align: left;
          font-size: 13px;
          transition: all 0.3s ease-in-out; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul li button:not(:disabled):hover {
            background: #ffffff; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul li button span.contactselect {
            font-weight: 600 !important; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box ul li .contactselect {
          font-weight: 600 !important; }
.table.claimedTable > thead > tr > th {
  padding: 28px 8px; }
.table.claimedTable > tbody > tr > td {
  padding: 18px 8px; }
.table.claimedTable > tbody > tr > td.claimed {
    color: #6ebe4a; }
.table.claimedTable > tbody > tr > td.unclaimed span {
    color: #f36666;
    font-weight: bold; }
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  cursor: pointer;
  border-bottom: 1px solid #eee; }
.classAction {
  border: 1px solid;
  padding: 5px 15px;
  border-radius: 20px;
  display: block;
  margin: 0; }
.classAction.view {
    border-color: #6fbe4b;
    color: #6fbe4b;
    cursor: pointer; }
.classAction + .classAction {
  margin: 5px; }
.page-container .dashboard-container.earn-incentive .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap:first-child {
  margin-top: 10px; }
.page-container .table.offersTable > thead > tr > th {
  padding: 20px 8px;
  line-height: 1.4; }
.page-container .table.offersTable > tbody > tr > td {
  vertical-align: top; }
.page-container .table.offersTable > tbody > tr > td.td-info {
    padding-right: 45px;
    position: relative; }
.page-container .table.offersTable > tbody > tr > td i.info-icon {
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 18px;
    height: 18px;
    color: transparent;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    line-height: 20px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
    background-image: url('info-outline.svg');
    background-size: contain; }
.page-container .table.offersTable > tbody > tr > td i.info-icon:not(:disabled):hover {
      background-image: url('info-outline-blue.svg');
      color: transparent; }
.page-container .table.offersTable > tbody > tr:nth-child(even) {
  background: #eff8fc; }
.page-container i.info-icon {
  border: none;
  position: relative;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  color: transparent;
  background-color: transparent;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  font-style: normal;
  line-height: 20px;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.3s ease;
  background-image: url('info-outline.svg');
  background-size: contain; }
.page-container i.info-icon.sm {
    margin-left: 0; }
.page-container i.info-icon:not(:disabled):hover {
    background-image: url('info-outline-blue.svg');
    color: transparent; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container.pad-eql {
  padding: 20px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container.pad-eql .tabs-col-right.full-width {
    float: left;
    width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box {
  margin-bottom: 40px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .more-info-question {
    padding: 0 10px; }
.noRecod-found {
  background: #f3f3f2;
  font-size: 14px;
  font-weight: 400;
  color: #7f7f86;
  padding: 22px 8px;
  text-align: center;
  margin: 0; }
.tooltip {
  position: relative;
  display: inline-block;
  border: none;
  font-family: "CiscoSans", sans-serif;
  cursor: pointer;
  font-weight: normal; }
.tooltip strong {
    font-weight: normal; }
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  min-width: 300px;
  background-color: #005073;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  white-space: initial;
  word-wrap: break-word;
  font-family: "CiscoSans", sans-serif;
  /* Position the tooltip */
  position: absolute;
  z-index: 1; }
.tooltiptext {
  font-size: 12px; }
.tooltip:hover .tooltiptext {
  visibility: visible; }
.tooltip-top {
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%); }
.tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #005073 transparent transparent transparent; }
.tooltip-bottom {
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%); }
.table > thead > tr > th:first-child .tooltip-bottom {
  top: calc(100% + 5px);
  left: 0;
  transform: none; }
.table > thead > tr > th:first-child .tooltip-bottom::after {
  left: 50px; }
.table > thead > tr > th:last-child .tooltip-bottom {
  top: calc(100% + 5px);
  left: auto;
  right: 0;
  transform: none; }
.table > thead > tr > th:last-child .tooltip-bottom::after {
  left: auto;
  right: 50px; }
.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #005073 transparent; }
.full-width {
  float: left;
  width: 100%; }
.pl-20 {
  padding-left: 20px; }
.opt-check {
  float: left;
  position: relative;
  margin-top: -25px;
  padding: 10px 20px 20px;
  text-align: center;
  width: 100%; }
.fooer {
  float: left;
  width: 100%;
  margin: 0 auto;
  max-width: 1480px; }
.fooer .footer-cols {
    display: table;
    width: auto;
    margin: 0 auto;
    padding: 10px 6.42% 10px 6.42%;
    font-size: 12px; }
.fooer .footer-cols .footer-left {
      float: left;
      /*width: 50%;*/ }
.fooer .footer-cols .footer-left ul li {
        float: left;
        margin-right: 35px;
        margin-top: 8px;
        margin-bottom: 4px; }
.fooer .footer-cols .footer-left ul li:last-child {
          margin-right: 0; }
.fooer .footer-cols .footer-left ul li a {
          color: #7f7f86;
          transition: all 0.3s ease; }
.fooer .footer-cols .footer-left ul li a:not(:disabled):hover {
            color: #00bceb; }
.fooer .footer-cols .footer-right {
      float: left;
      width: 50%;
      text-align: right; }
.fooer .footer-cols .footer-right .follow-us-txt {
        display: inline-block;
        font-size: 12px;
        color: #7f7f86;
        vertical-align: middle; }
.fooer .footer-cols .footer-right ul {
        display: inline-block;
        vertical-align: middle; }
.fooer .footer-cols .footer-right ul li {
          display: inline-block;
          margin: 0 5px; }
.fooer .footer-cols .footer-right ul li a {
            display: inline-block; }
.page-container {
  float: left;
  width: 100%;
  margin-top: 20px; }
.page-container .profile-page-wrap {
    margin: 0 auto;
    width: 87%;
    max-width: 1080px; }
.page-container .profile-page-wrap .profile-page-inner-wrap {
      float: left;
      width: 100%;
      padding: 0 30px; }
.page-container .profile-page-wrap .profile-page-inner-wrap h3 {
        margin: 30px 0 0 0;
        font-size: 28px;
        font-weight: 400;
        color: #7f7f86;
        font-family: "CiscoSans-ExtraLight", sans-serif;
        text-align: center; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap {
        float: left;
        width: 100%;
        margin-bottom: 40px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step {
          float: left;
          position: relative;
          border-top: 4px solid #d7d7d7;
          margin: 50px 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-1 {
            width: 25%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-1 .profile-step-name {
              left: 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-2 {
            width: 50%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-2 .profile-step-name {
              left: 0;
              right: 0;
              margin: 0 auto;
              display: flex;
              align-items: center;
              flex-flow: column wrap; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-3 {
            width: 25%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step-3 .profile-step-name {
              right: 0;
              display: flex;
              align-items: flex-end;
              flex-flow: column wrap; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-active {
            border-color: #6ebe4a; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-active .profile-step-name {
              font-family: "CiscoSans", sans-serif; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-active .profile-step-name .profile-step-count {
                border-color: #6ebe4a; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-active .profile-step-name .profile-step-count span {
                  background: #6ebe4a;
                  color: #ffffff; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-complete {
            border-color: #6ebe4a; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-complete .profile-step-name {
              font-family: "CiscoSans", sans-serif; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-complete .profile-step-name .profile-step-count {
                border-color: #6ebe4a; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-complete .profile-step-name .profile-step-count:before {
                  content: "";
                  background: url('checked_green.png');
                  width: 19px;
                  height: 14px;
                  display: inline-block; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step.step-complete .profile-step-name .profile-step-count span {
                  display: none; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step .profile-step-name {
            position: absolute;
            top: -30px;
            font-size: 18px;
            font-weight: 400;
            color: #39393b;
            font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step .profile-step-name .profile-step-count {
              width: 58px;
              height: 58px;
              border: 2px solid #9b9ea5;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #ffffff;
              margin-bottom: 15px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-steps-wrap .profile-step .profile-step-name .profile-step-count span {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                background: #ffffff;
                color: #a1a3aa;
                text-align: center;
                font-size: 18px;
                line-height: 44px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box {
        background: #f2f2f2;
        float: left;
        width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list {
          float: left;
          width: 100%;
          padding: 30px;
          position: relative; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list.blue-bg {
            background: #62d3ef; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box {
            width: 160px;
            height: 160px;
            position: absolute;
            left: 30px;
            top: 45px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box > span {
              height: 100%;
              border-radius: 50%;
              border: 5px solid #ffffff;
              background: #f2f2f2;
              float: left;
              overflow: hidden; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box > span img {
                height: 100%;
                width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box a {
              width: 35px;
              height: 35px;
              display: inline-block;
              position: absolute;
              right: 0;
              bottom: 17px;
              cursor: pointer;
              background: #005073;
              border-radius: 50%;
              text-align: center;
              padding: 7px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box a svg {
                fill: #fff;
                transition: all 0.3s ease; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box a:not(:disabled):hover {
                background: #ccc; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box a:not(:disabled):hover svg {
                  fill: #005073; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items {
            float: left;
            width: 100%;
            padding-left: 28.3%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul {
              float: left;
              width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li {
                color: #014468;
                float: left;
                width: 50%;
                margin: 15px 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li label {
                  margin-bottom: 10px;
                  display: block; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li > div {
                  font-size: 24px;
                  text-overflow: ellipsis;
                  white-space: initial;
                  overflow: hidden;
                  word-break: break-word; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li:nth-child(2n + 1) {
                  clear: left; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list ul.edit_link {
            margin-top: 20px;
            float: left;
            width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list ul.edit_link li {
              font-size: 18px;
              font-style: italic;
              text-align: center;
              color: #39393b; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list ul.edit_link li a {
                color: #0070a6;
                white-space: nowrap; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list ul.edit_link li a:not(:disabled):hover {
                  color: #014468; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list {
          float: left;
          width: 100%;
          padding: 40px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li {
            color: #3e3f42;
            float: left;
            width: 48%;
            margin-bottom: 35px;
            margin-left: 4%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li:nth-child(2n + 1) {
              margin-left: 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li label {
              margin-bottom: 10px;
              display: block; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li > div {
              font-size: 18px;
              font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li .more-info-question a {
              padding: 20px 0;
              display: inline-block;
              font-size: 20px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li .more-info-question.anchor a {
              padding: 0;
              font-size: 16px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap {
          float: left;
          width: 100%; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li:nth-child(3n) .more-info-question .open-dialog, .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li:nth-child(4n) .more-info-question .open-dialog {
            background: url('info_icon.png');
            width: 21px;
            height: 21px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            cursor: pointer; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li.secondary-email-div i {
            font-size: 12px;
            font-weight: 400;
            color: #7f7f86;
            font-family: "CiscoSans-ExtraLight", sans-serif;
            display: block;
            text-align: right; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .more-info-question {
            font-family: "CiscoSans", sans-serif;
            font-size: 14px;
            color: #39393b;
            height: 32px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .select-field-wrap {
            margin-top: 10px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .btn {
            background: #00bceb;
            color: #ffffff; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .btn:not(:disabled):hover {
              background: #00bceb;
              color: #ffffff; }
.page-container .profile-page-wrap .profile-page-inner-wrap .information-bar {
        float: left;
        width: 100%;
        padding: 14px 40px;
        background: #eee;
        font-size: 18px;
        font-weight: 400;
        color: #39393b; }
.page-container .profile-page-wrap .profile-page-inner-wrap .information-bar + .secondary-details-list {
          padding-bottom: 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .disclaimer-box {
        float: left;
        width: 100%;
        padding: 25px 20px;
        margin-top: 20px;
        background: #f2f2f2; }
.page-container .profile-page-wrap .profile-page-inner-wrap .disclaimer-box p {
          font-size: 14px;
          font-weight: 400;
          color: #58585b;
          margin: 0;
          font-family: "CiscoSans", sans-serif;
          line-height: 20px;
          max-height: 250px;
          overflow-y: auto; }
.page-container .profile-page-wrap .profile-page-inner-wrap .disclaimer-box .tnc-checked-wrap {
          margin-top: 20px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .disclaimer-box .tnc-checked-wrap label input[type="checkbox"] + span {
            color: #39393b; }
.page-container .profile-page-wrap .profile-page-inner-wrap .disclaimer-box .tnc-checked-wrap label input[type="checkbox"] + span a {
              color: #39393b;
              text-decoration: underline; }
.page-container .profile-page-wrap .profile-page-inner-wrap .nav-actions {
        float: left;
        width: 100%;
        margin: 40px 0;
        text-align: center; }
.page-container .profile-page-wrap .profile-page-inner-wrap .nav-actions .btn {
          min-width: 120px; }
.page-container .profile-page-wrap .profile-page-inner-wrap .nav-actions .nav-prev {
          margin-right: 20px;
          font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .thanks-page-wrap {
    margin: 0 auto;
    width: 87%;
    max-width: 1280px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap {
      float: left;
      width: 100%;
      margin: 75px 0 0; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap {
        float: left;
        width: 100%;
        padding-bottom: 15px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap .welcome-title {
          font-size: 35px;
          font-weight: 400;
          margin-bottom: 50px;
          position: relative;
          padding-left: 45px;
          line-height: normal;
          color: #58585b; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap .welcome-title:before {
            content: "";
            background: url('user_icon_black.png');
            width: 35px;
            height: 35px;
            background-size: cover;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: 0 auto; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap p {
          font-size: 20px;
          margin: 0 0 15px 0; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap p.welcome-descp {
            font-family: "CiscoSans-ExtraLight", sans-serif;
            font-size: 22px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap {
        float: left;
        width: 100%;
        margin-top: 30px;
        padding-bottom: 200px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .thanks-page-msg-imp {
          font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .thanks-page-msg-imp label span {
            color: #000000;
            font-size: 18px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .welcome-note {
          color: #000000;
          font-size: 18px;
          font-family: "CiscoSans-ExtraLight", sans-serif;
          padding-left: 28px; }
.page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .btn-continue {
          min-width: 140px;
          margin-top: 70px; }
.page-container .tax-page-wrap {
    margin: 0 auto;
    width: 87%;
    max-width: 1280px; }
.page-container .tax-page-wrap .tax-page-inner-wrap {
      float: left;
      width: 100%;
      margin: 0 auto 75px; }
.page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap {
        float: left;
        width: 100%; }
.page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap .welcome-title {
          font-size: 35px;
          font-weight: 400;
          margin-bottom: 50px;
          position: relative;
          padding-left: 45px;
          color: #58585b; }
.page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap .welcome-title:before {
            color: #666;
            content: "";
            background: url('user_icon_black.png');
            width: 35px;
            height: 35px;
            background-size: cover;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: 0 auto; }
.page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap p {
          font-size: 18px;
          margin: 0 0 15px 0; }
.page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap p.welcome-descp {
            font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap {
        margin: 0 auto;
        max-width: 600px; }
.page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap .tax-page-form-col {
          float: left;
          width: 100%;
          margin-top: 50px; }
.page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap .tax-page-form-col.text-player .mat-form-field-appearance-legacy .mat-form-field-label {
            font-weight: 600;
            color: #666; }
.page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap .tax-page-form-col.text-player .mat-form-field-appearance-legacy .mat-form-field-label span {
              font-weight: 500; }
.page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap .bottom_tag {
          float: right;
          margin-top: -1em;
          color: #07beec;
          font-size: 12px;
          padding-bottom: 5px; }
.page-container .tax-page-wrap .tax-page-inner-wrap .form-actions {
        float: left;
        width: 100%;
        margin-top: 50px; }
.page-container .tax-page-wrap .tax-page-inner-wrap .form-actions .btn {
          min-width: 140px; }
.page-container .dashboard-list-items-wrap {
    float: left;
    width: 100%;
    background: #005073;
    padding: 10px 0; }
.page-container .dashboard-list-items-wrap.fixed {
      position: fixed;
      top: 70px;
      z-index: 9999999;
      padding: 10px 0; }
.page-container .dashboard-list-items-wrap.fixed .dashboard-list-items ul li.active:after {
        bottom: -9px;
        border-bottom: 2px solid #ffffff; }
.page-container .dashboard-list-items-wrap.fixed.is-index {
      z-index: 9999 !important; }
.page-container .dashboard-list-items-wrap .dashboard-list-items {
      margin: 0 auto;
      width: 87%;
      max-width: calc(1115px); }
.page-container .dashboard-list-items-wrap .dashboard-list-items.seller-dashboard-list-items {
        max-width: 1170px; }
.page-container .dashboard-list-items-wrap .dashboard-list-items.seller-dashboard-list-items ul li {
          width: 14.6%;
          margin-right: 1%; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li {
          display: flex;
          flex-flow: column;
          align-items: center;
          position: relative;
          outline: none;
          cursor: pointer; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li .textPlayer .pad-left {
            padding-left: 30px; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li .textPlayer h1 {
            font-weight: 500; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li .textPlayer p {
            font-size: 0.82rem;
            color: #000000;
            font-family: "CiscoSans-ExtraLight", sans-serif;
            font-weight: 500;
            line-height: 1.5;
            text-align: justify; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li .textPlayer ol {
            padding-left: 18px; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li .textPlayer ol li {
              font-size: 0.82rem;
              color: #000000;
              font-family: "CiscoSans-ExtraLight", sans-serif;
              font-weight: 500;
              line-height: 1.5; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li:last-child {
            margin-right: 0; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li.active:after {
            content: "";
            position: absolute;
            bottom: -20px;
            border-bottom: 2px solid #0070a6;
            width: 100%;
            z-index: 9; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li > i {
            display: inline-block;
            max-height: 40px; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li > i img {
              height: 40px; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li > span {
            font-size: 14px;
            font-weight: 400;
            color: #ffffff;
            display: block;
            margin-top: 8px;
            text-align: center; }
.page-container .dashboard-list-items-wrap .dashboard-list-items ul li > span br {
              display: none; }
.page-container .dashboard-container {
    float: left;
    width: 100%; }
.page-container .dashboard-container h3 {
      font-size: 28px;
      font-weight: 400;
      color: #7f7f86;
      font-family: "CiscoSans-ExtraLight", sans-serif;
      margin: 40px 0 30px 0;
      text-align: center; }
.page-container .dashboard-container h3.header-box {
        background: #e7e6e6;
        padding: 10px 20px;
        font-size: 20px !important;
        line-height: 1.4;
        margin-bottom: 20px;
        min-height: 76px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
        font-weight: bold;
        max-width: 600px;
        width: 100%;
        margin: 40px auto 30px; }
.page-container .dashboard-container .dashboard-inner-wrap {
      margin: 0 auto;
      width: 87%;
      max-width: 1280px; }
.page-container .dashboard-container .dashboard-inner-wrap .profile-wrap {
        padding: 0 30px;
        max-width: 1080px;
        margin: 0 auto; }
.page-container .dashboard-container .dashboard-inner-wrap.full-width {
        width: 100%;
        max-width: 100%; }
.page-container .dashboard-container .dashboard-inner-wrap.full-width .dashboard-cols {
          padding: 0 8px 8px;
          margin: 0;
          background: #fff; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols {
        float: left;
        width: 100%;
        padding: 50px;
        background: #f2f2f2;
        margin-bottom: 165px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.thin-border {
          padding: 30px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form {
          width: 100%;
          max-width: 100%;
          display: flex;
          margin: 0 auto; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form h2 {
            font-size: 18px;
            font-family: "CiscoSans", sans-serif;
            font-weight: normal;
            color: #333;
            margin-bottom: 20px;
            position: relative; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form h2 .info_icon_wrapper {
              padding: 0 1px;
              display: inline-block; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form h2 .info_icon_wrapper i.info-icon {
                top: -2px;
                left: 0;
                margin: 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form {
            width: 100%;
            padding: 20px;
            border-left: 2px solid #eee;
            background: #fff; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .header-box {
              background: #e7e6e6;
              margin: -20px -20px 0;
              padding: 10px 20px;
              font-size: 20px !important;
              line-height: 1.4;
              margin-bottom: 20px;
              min-height: 76px;
              display: flex;
              justify-content: center;
              align-items: center; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form p {
              line-height: 1.4; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group {
              margin-bottom: 20px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group label {
                font-size: 18px;
                color: #333;
                margin-bottom: 15px;
                display: block;
                padding: 0 10px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group input.input_sub {
                display: block;
                font-size: 14px;
                color: #666;
                width: 100%;
                background: transparent;
                border: none;
                border-bottom: 1px solid #d4d4d4;
                padding: 5px 10px;
                border-radius: 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group input.input_sub:focus {
                  outline: none; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group textarea.support-message {
                display: block;
                font-size: 14px;
                color: #666;
                width: 100%;
                background: transparent;
                border: none;
                border-bottom: 1px solid #d4d4d4;
                padding: 5px 10px;
                border-radius: 0;
                resize: none;
                font-family: "CiscoSans", sans-serif; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group textarea.support-message:focus {
                  outline: none; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group.actions {
                text-align: right; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group.actions .btn-action {
                  border: 1px solid #00bceb;
                  color: #ffffff;
                  background: #00bceb;
                  padding: 8px 28px;
                  border-radius: 20px;
                  font-size: 14px;
                  cursor: pointer;
                  min-width: 100px;
                  margin-left: 15px;
                  transition: all 0.3s ease; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group.actions .btn-action:disabled {
                    cursor: not-allowed;
                    opacity: 0.5; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .form-group.actions .btn-action:not(:disabled):hover {
                    border: 1px solid #00bceb;
                    background: #00bceb; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-details {
            width: 50%;
            padding: 20px;
            padding-left: 0;
            background: #fff; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-details ul {
              padding-left: 20px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-details ul li {
                margin-bottom: 10px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified {
          margin: 0 auto;
          margin-top: 50px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified:last-child {
            margin-bottom: 50px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner.blue-bg {
            margin-bottom: 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner {
          float: left;
          width: 100%;
          padding: 20px 30px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner.blue-bg {
            background: orange; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left {
            float: left;
            width: 40%;
            position: relative; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-conatiner {
              display: flex; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box {
              width: 140px;
              height: 140px;
              position: relative;
              z-index: 1; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box > span {
                display: block;
                overflow: hidden;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                border: 5px solid #ffffff;
                background: #f2f2f2; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box > span img {
                  display: block;
                  margin: 0 auto; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box {
              position: absolute;
              left: 125px;
              top: 0;
              bottom: 0;
              margin: auto;
              display: flex;
              justify-content: center;
              flex-flow: column;
              align-items: center;
              background: #f2f2f2;
              height: 85px;
              padding: 10px 20px;
              border-radius: 0 50px 50px 0;
              max-width: calc(100% - 140px); }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .profile-name {
                font-size: 22px;
                color: #39393b;
                max-width: 180px;
                white-space: inherit;
                text-align: center;
                line-height: 1; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .designation {
                font-family: "CiscoSans-ExtraLight", sans-serif;
                color: #4b4c4d;
                margin-top: 10px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 30px;
            font-weight: 400;
            color: #014468;
            font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-info {
              text-align: center; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-response {
              font-size: 24px;
              text-align: center;
              margin-top: 20px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-response:after {
                content: "";
                background: url('verified_icon.png');
                width: 23px;
                height: 23px;
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items {
              float: left;
              width: 100%;
              font-size: 14px;
              font-family: "CiscoSans", sans-serif; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul.list-details {
                margin-top: 20px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li {
                color: #014468;
                float: left;
                width: 50%;
                margin-bottom: 30px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li:nth-child(2n + 1) {
                  clear: left; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li label {
                  margin-bottom: 10px;
                  display: block; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li > div {
                  font-size: 22px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right ul.edit_link {
              margin-top: 20px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right ul.edit_link li {
                font-size: 18px;
                font-style: italic;
                text-align: center;
                color: #39393b; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right ul.edit_link li a {
                  color: #0070a6;
                  white-space: nowrap; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right ul.edit_link li a:not(:disabled):hover {
                    color: #014468; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container {
          float: left;
          width: 100%;
          margin-top: 35px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset legend {
            background: #58585b;
            padding: 9px 25px;
            font-size: 18px;
            font-weight: 400;
            color: #ffffff;
            line-height: 18px;
            border-radius: 5px 5px 0 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap {
            float: left;
            width: 100%;
            background: #ffffff;
            padding: 20px;
            border: 1px solid #d4d4d4; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap ul li {
              display: block;
              margin-bottom: 18px;
              position: relative;
              padding-left: 36px;
              font-family: "CiscoSans-ExtraLight", sans-serif;
              color: #7f7f86; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap ul li:last-child {
                margin-bottom: 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap ul li svg.alert-icon {
                fill: #7f7f86;
                width: 20px;
                height: 16px;
                position: absolute;
                left: 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap ul li.no_alert {
                font-weight: bold; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset .alerts-announcemnet-wrap ul li a {
                font-family: "CiscoSans", sans-serif; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap {
          float: left;
          width: 100%;
          margin-top: 50px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap.table-fieldset-wrap-1 {
            margin-top: 50px; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend {
            background: #58585b;
            padding: 9px 25px;
            font-size: 18px;
            font-weight: 400;
            color: #ffffff;
            line-height: 18px;
            border-radius: 5px 5px 0 0; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend.switchTab {
              background: #ffffff;
              color: #00bceb; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend.switchTab.active {
                background: #58585b;
                color: #ffffff; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend.switchTab + .switchTab {
                margin-left: 3px; }
.page-container .leaderboard-container {
    float: left;
    width: 100%;
    margin-bottom: 50px; }
.page-container .leaderboard-container h3 {
      font-size: 28px;
      font-weight: 400;
      color: #7f7f86;
      font-family: "CiscoSans-ExtraLight", sans-serif;
      margin: 40px 0 30px 0;
      text-align: center; }
.page-container .leaderboard-container .leaderboard-inner-wrap {
      margin: 0 auto;
      width: 87%;
      max-width: 1280px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap {
        float: left;
        width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs {
          float: left;
          width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li {
            float: left;
            width: 50%;
            font-size: 18px;
            font-weight: 400;
            color: #7f7f86;
            font-family: "CiscoSans", sans-serif;
            text-align: center;
            padding: 40px 0 25px 0;
            cursor: pointer; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.challenge-leaderboard-tab.active:after {
              right: 0;
              left: auto; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.active {
              font-size: 18px;
              font-weight: 400;
              color: #00bceb;
              background: #f2f2f2;
              font-family: "CiscoSans", sans-serif;
              position: relative; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.active .email-verify {
                font-size: 16px;
                font-weight: 400;
                color: #014468;
                font-family: CiscoSans-ExtraLight, sans-serif;
                text-align: left; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.active .email-verify a {
                  color: #0070a6; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.active .email-verify a:not(:disabled):hover {
                    color: #014468; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs.three-col {
            display: flex;
            display: -webkit-flex; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs.three-col li {
              width: calc(100% / 3);
              width: auto;
              flex: 1; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs.one-col {
            display: flex;
            display: -webkit-flex;
            margin-top: 50px;
            border-bottom: 2px solid #fff; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs.one-col li {
              width: 100%;
              flex: 1; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container {
          float: left;
          width: 100%;
          padding: 20px 30px 35px 0;
          background: #f2f2f2;
          border: 3px solid #f2f2f2; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols {
            float: left;
            width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left {
              float: left;
              width: 19.5%;
              overflow-y: auto; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs {
                float: left;
                width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li {
                  float: left;
                  width: 100%;
                  font-size: 18px;
                  font-weight: 400;
                  color: #7f7f86;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  padding: 27px 0 27px 30px;
                  cursor: pointer; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li.active {
                    background: #ffffff;
                    color: #00bceb;
                    font-family: "CiscoSans", sans-serif; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right {
              float: left;
              width: 80.5%;
              border: 10px solid #ffffff;
              overflow-x: auto;
              background: #ffffff; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul {
                display: flex;
                padding: 28px 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li {
                  float: left;
                  width: calc(33.33% - 8px);
                  font-size: 16px;
                  font-weight: 600;
                  color: #222; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li .icon-holder {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 5px;
                    color: #0096d2;
                    line-height: 14px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul.seller-useful-points li {
                  width: calc(50% - 8px); }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li + li {
                  margin-left: 6px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .show-more {
                text-align: right; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .show-more a {
                  text-decoration: underline;
                  font-size: 14px;
                  font-weight: 400;
                  color: #39393b;
                  font-family: "CiscoSans-ExtraLight", sans-serif;
                  cursor: pointer;
                  text-decoration: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .show-more a:not(:disabled):hover {
                    color: #0070a6;
                    font-weight: bold; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .geenral-tableBodyScroll tbody {
                max-height: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr th,
              .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr td,
              .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr th,
              .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr td {
                text-align: right; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr th:nth-child(1), .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr th:nth-child(2),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr td:nth-child(1),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard thead tr td:nth-child(2),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr th:nth-child(1),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr th:nth-child(2),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr td:nth-child(1),
                .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody tr td:nth-child(2) {
                  text-align: left; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .challenge-tableBodyScroll.leaderboard tbody {
                max-height: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .mat-expansion-panel-body .challenge-tableBodyScroll tbody {
                max-height: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap tfoot .show-more {
          text-align: right;
          background: #fff;
          border-top: 1px solid #e6eff3; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap tfoot .show-more a {
            text-decoration: underline;
            font-size: 14px;
            font-weight: 400;
            color: #39393b;
            font-family: "CiscoSans-ExtraLight", sans-serif;
            cursor: pointer;
            text-decoration: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap tfoot .show-more a:not(:disabled):hover {
              color: #0070a6;
              font-weight: bold; }
.page-container .badges-container {
    float: left;
    width: 100%;
    font-family: "CiscoSans", sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px; }
.page-container .badges-container .level-container,
    .page-container .badges-container .track-container,
    .page-container .badges-container .collection-container {
      float: left;
      width: 100%;
      display: flex;
      justify-content: center; }
.page-container .badges-container .badge-builder-container {
      position: relative;
      padding: 32px;
      margin-bottom: 48px; }
.page-container .badges-container .level-container {
      margin-top: 32px; }
.page-container .badges-container .level-container:empty {
        display: none; }
.page-container .badges-container .track-container {
      background-color: #ecf6fd; }
.page-container .badges-container .peer-progress-container {
      float: left;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 64px;
      margin-top: 48px; }
.page-container .badges-container .peer-progress-container mat-divider {
        width: 100%;
        margin-bottom: 16px; }
.page-container .badges-container .form-text .mat-form-field-infix,
    .page-container .badges-container .form-dropdown .mat-form-field-infix,
    .page-container .badges-container .form-datepicker .mat-form-field-flex {
      border: 1px solid #495057 !important;
      background-color: white; }
.page-container .badges-container .form-text .mat-form-field-infix .mat-form-field-label,
    .page-container .badges-container .form-datepicker .mat-form-field-infix .mat-form-field-label {
      margin-left: -6px; }
.page-container .badges-container .form-text .mat-form-field-underline,
    .page-container .badges-container .form-dropdown .mat-form-field-underline,
    .page-container .badges-container .form-datepicker .mat-form-field-underline {
      background: none !important; }
.page-container .badges-container .form-text textarea {
      resize: none;
      overflow: auto; }
.page-container .badges-container .form-row {
      display: flex;
      gap: 16px; }
.page-container .badges-container .form-column {
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: 100%; }
.page-container .badges-container .mat-form-field .mat-input-element {
      color: black !important; }
.page-container .badges-container .mat-form-field-appearance-legacy .mat-form-field-label {
      opacity: 0.5 !important; }
.page-container .badges-container .mat-form-field-appearance-legacy .mat-form-field-infix {
      padding: 8px !important; }
.page-container .badges-container .mat-form-field-infix {
      border-top: 0 !important; }
.page-container .badges-container .mat-form-field.locked .mat-select-trigger {
      cursor: not-allowed; }
.page-container .badges-container .mat-form-field.locked .mat-form-field-infix {
      background-color: #f0f4fa;
      cursor: not-allowed; }
.page-container .badges-container table {
      width: 100%;
      background-color: #f8f8f8; }
.page-container .badges-container tr.mat-header-row {
      background-color: #495057; }
.page-container .badges-container th.mat-header-cell {
      color: #fff;
      font-weight: 700;
      border: solid 1px white;
      padding-left: 24px; }
.page-container .badges-container td.mat-cell {
      border: solid 1px #00c8ff;
      padding-left: 24px; }
.page-container .badges-container th.mat-header-cell:last-of-type,
    .page-container .badges-container td.mat-cell:last-of-type {
      padding-left: 24px; }
.page-container .badges-container tree-select .selected-container-item {
      display: flex;
      align-items: center;
      padding: 0 8px !important; }
textarea {
  width: 100%; }
.page-container
.thanks-page-wrap
.thanks-page-inner-wrap
.thanks-page-msg-wrap
.thanks-page-msg-imp label span.font82 {
  font-size: 0.82rem; }
.page-container
.thanks-page-wrap
.thanks-page-inner-wrap
.thanks-page-msg-wrap
.thanks-page-msg-imp label input[type="checkbox"] + span::after {
  width: 16px;
  height: 16px; }
.page-container .mat-error {
  color: #f44336;
  padding: 0 10px;
  font-size: 12px;
  font-family: "CiscoSans", sans-serif; }
.page-container .mat-error.mtb-15 {
    margin: -15px 0 1px; }
.page-container .mandate {
  color: #f44336; }
.page-container .mat-radio-label-content {
  font-size: 14px; }
.page-container .claiming_types .mat-radio-label-content {
  font-size: 18px; }
.page-container .mat-form-field-prefix .mat-icon-button,
.page-container .mat-form-field-suffix .mat-icon-button {
  height: 2em;
  width: 2em; }
.page-container .mat-form-field-appearance-legacy
.mat-form-field-suffix
.mat-datepicker-toggle-default-icon {
  width: 2em; }
.page-container .mat-form-field-type-mat-select .mat-form-field-label {
  width: calc(100% - 20px);
  left: 10px; }
.page-container .custom-select .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em; }
cisco-steer-header.ng-tns-c1-12,
.header {
  float: left;
  width: 100%; }
.textPlayer .pad-left {
  padding-left: 30px; }
.textPlayer h1 {
  font-weight: 500; }
.textPlayer p {
  font-size: 0.82rem;
  color: #000000;
  font-family: "CiscoSans-ExtraLight", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  text-align: justify; }
.textPlayer ol {
  padding-left: 18px; }
.textPlayer ol li {
    font-size: 0.82rem;
    color: #000000;
    font-family: "CiscoSans-ExtraLight", sans-serif;
    font-weight: 500;
    line-height: 1.5; }
app-popup-message {
  position: fixed;
  top: 100px;
  right: 15px;
  width: 350px;
  max-width: 100vw;
  z-index: 999999989; }
.mt-0 {
  margin-top: 0 !important; }
.mat-menu-panel {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content; }
button.mat-menu-item {
  width: 100%;
  line-height: 30px;
  height: 30px;
  font-size: 14px; }
.mat-expansion-panel-header,
.mat-expansion-panel-header:not([aria-disabled="true"]) {
  padding: 0 8px;
  position: relative;
  height: auto !important;
  min-height: 50px; }
.ng-star-inserted span.mat-expansion-indicator.ng-trigger.ng-trigger-indicatorRotate.ng-star-inserted {
  position: absolute;
  top: calc(50% - 14px);
  right: 10px; }
.ng-star-inserted.mat-expanded span.mat-expansion-indicator.ng-trigger.ng-trigger-indicatorRotate.ng-star-inserted {
  top: calc(50% - 8px); }
.email-verify {
  font-size: 16px;
  font-weight: 400;
  color: #014468;
  font-family: CiscoSans-ExtraLight, sans-serif;
  text-align: left; }
.email-verify a {
    color: #0070a6; }
.email-verify a:not(:disabled):hover {
      color: #014468; }
.email-verify ul {
    list-style: disc;
    padding-left: 25px; }
.email-verify ul li {
      display: list-item;
      margin-bottom: 10px; }
.email-verify.divider {
    margin-top: 30px;
    float: left;
    width: 100%;
    display: block !important;
    border-top: 1px solid #f3f3f2;
    padding-top: 20px; }
.note-important {
  background: #f3f3f2;
  padding: 20px;
  margin-bottom: 10px; }
.note-important p {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.4; }
.note-important p:last-child {
      margin-bottom: 0; }
.tabs-wrapper .multiselect-dropdown .dropdown-btn {
  border: none !important;
  border-bottom: 0px solid #ddd !important;
  border-radius: 0 !important; }
.tabs-wrapper .multiselect-dropdown .dropdown-btn:focus {
    outline: none !important; }
.tabs-wrapper .multiselect-dropdown .dropdown-btn .dropdown-down {
    display: inline-block;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #adadad !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important; }
.tabs-wrapper .multiselect-dropdown .dropdown-btn .dropdown-up {
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: 6px solid #adadad !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important; }
.tabs-wrapper .multiselect-dropdown .dropdown-list {
  top: calc(100% + 10px); }
.tabs-wrapper
.mat-radio-button.mat-accent.mat-radio-checked
.mat-radio-outer-circle {
  border-color: #00bceb; }
.tabs-wrapper .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #00bceb; }
.clearfix::after {
  content: "";
  clear: both;
  display: table; }
.manage-activies-wrap .mat-form-field .mat-input-element {
  width: 100%; }
.manage-activies-wrap .mat-form-field textarea.mat-input-element {
  width: 100%;
  padding-left: 3px;
  margin-left: -3px; }
.manage-activies-wrap .button-container {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px; }
.button-container {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px; }
.button-container .picker-button .mat-datepicker-toggle-default-icon {
  float: right !important;
  fill: #757577;
  cursor: pointer;
  transition: all 0.3s ease; }
.button-container .picker-button .mat-datepicker-toggle-default-icon:not(:disabled):hover {
    fill: #0081b5 !important; }
.tabs-wrapper.pad-8 {
  padding: 8px;
  background: #fff; }
.tabs-wrapper ul.switch-list {
  padding: 10px 15px 0;
  background: #fff;
  max-width: 100%;
  overflow-x: auto;
  display: grid;
  grid-template-columns: auto auto auto; }
.tabs-wrapper ul.switch-list li {
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
    margin: 15px 0; }
.tabs-wrapper ul.switch-list li:first-child, .tabs-wrapper ul.switch-list li:last-child {
      text-align: left; }
.tabs-wrapper ul.switch-list li:nth-child(3) {
      text-align: right; }
.tabs-wrapper ul.switch-list li .mat-radio-label-content {
      padding: 0 8px; }
.tabs-wrapper ul.switch-list li .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
      border-color: #56b340; }
.tabs-wrapper ul.switch-list li .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle {
      background-color: #56b340; }
.tabs-wrapper ul.switch-list li .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
      background-color: #1fc7f1; }
.tabs-wrapper ul.switch-list li .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
      background-color: #00bceb; }
.tabs-wrapper ul.switch-list li:last-child > div {
      line-height: 23px; }
.tabs-wrapper ul.switch-list li div {
      display: inline-flex; }
.tabs-wrapper ul.switch-list li div .example-radio-group.mat-radio-group {
        display: flex; }
.tabs-wrapper ul.switch-list li div .example-radio-group.mat-radio-group > span {
          line-height: 1.6;
          text-align: left;
          white-space: nowrap;
          margin-right: 10px; }
label.switch_on_off {
  position: relative;
  width: 54px;
  min-width: 54px;
  height: 20px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
  margin-left: 10px; }
label.switch_on_off input[type="checkbox"] + span {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    color: #71757f;
    width: 100%;
    height: 100%;
    left: 0;
    background: #f2f2f2; }
label.switch_on_off input[type="checkbox"]:checked + span {
    background: #00bceb; }
label.switch_on_off input[type="checkbox"] + span:before {
    content: "OFF";
    position: absolute;
    z-index: 2;
    top: 0px;
    left: auto;
    right: 3px;
    width: 30px;
    height: 100%;
    transition: background 0.2s ease-in-out;
    font-size: 12px;
    text-align: center;
    color: #aaa;
    line-height: 20px; }
label.switch_on_off input[type="checkbox"]:checked + span:before {
    content: "ON";
    color: #ffffff;
    left: 3px;
    right: auto; }
label.switch_on_off input[type="checkbox"] + span:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    background: #f2f2f2;
    border: 2px solid #d7d7d7;
    border-radius: 50%;
    transition: 0.3s ease-in-out; }
label.switch_on_off input[type="checkbox"]:checked + span:after {
    left: auto;
    right: -1px;
    background: #fff; }
.table.challenge-tableBodyScroll.switch-table {
  margin: 0;
  border-bottom: none; }
.table.challenge-tableBodyScroll.switch-table > tbody > tr > td {
    white-space: initial;
    font-family: "CiscoSans-ExtraLight", sans-serif;
    font-size: 16px;
    padding: 25px 5px; }
.table.challenge-tableBodyScroll.switch-table > tbody > tr > td > div {
      display: inline-flex;
      text-align: center; }
.table.challenge-tableBodyScroll.switch-table > tbody > tr > td > div span {
        display: inline-block; }
.table.challenge-tableBodyScroll.incentive-data {
  text-align: left; }
.table.challenge-tableBodyScroll.incentive-data > thead > tr > th {
    padding: 25px 8px;
    text-align: left; }
.table.challenge-tableBodyScroll.incentive-data > thead > tr > th:first-child {
      width: 120px; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td {
    font-size: 16px;
    padding: 10px 8px;
    text-align: left; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td > div span {
      display: block; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td:first-child {
      width: 120px; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl {
      display: table; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div {
        display: table-cell;
        vertical-align: middle; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div.role {
          display: block; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div:last-child {
          padding-left: 10px;
          text-align: left;
          font-size: 15px; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div img {
          width: 50px;
          height: 50px;
          border-radius: 50%; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td label.lg {
      text-align: center; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td label.lg input[type="checkbox"] + span:after {
        width: 16px;
        height: 16px; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td label.lg input[type="checkbox"]:checked + span:after {
        border-color: #6ebe4a; }
.table.challenge-tableBodyScroll.incentive-data > tbody > tr > td label.lg p {
        text-align: left; }
.tabs-wrapper {
  padding-left: 30px;
  float: left;
  width: 100%; }
.multiselect-dropdown .dropdown-btn .selected-item {
  margin-bottom: 4px; }
.page-container .tabs-container .table {
  width: 100%;
  max-width: inherit;
  margin-bottom: 0;
  border: none;
  margin-top: 0;
  overflow: auto; }
.page-container .tabs-container .table.incentive-data {
    margin-top: 0; }
.page-container .tabs-container .table.no-ord-found {
    margin-top: 0;
    border-top: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper {
  float: left;
  width: 100%;
  max-width: 100%;
  padding: 15px 0 0 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper .search-wrapper {
    width: 600px;
    max-width: 100%;
    position: relative;
    margin-bottom: 20px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper .search-wrapper input[type="search"] {
      border: 1px solid #c5c5c5;
      width: 100%;
      padding: 8px 15px 8px 30px;
      border-radius: 20px;
      outline: none;
      font-size: 16px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper .search-wrapper img {
      position: absolute;
      left: 15px;
      top: 12px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll {
    white-space: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll thead tr th {
      width: auto;
      padding: 20px 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll thead tr th:first-child {
        width: 150px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll tbody {
      max-width: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll tbody tr td {
        width: auto;
        padding: 20px 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll tbody tr td:first-child {
          width: 150px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper table.challenge-tableBodyScroll.table {
      width: 100%;
      max-width: inherit; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side {
    width: 760px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group {
      margin-bottom: 20px;
      padding-right: 160px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group button.add_participant {
        position: absolute;
        right: 0;
        top: 50px;
        border: 1px solid #0070a6;
        color: #0070a6;
        padding: 8px 18px;
        border-radius: 20px;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s ease; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group button.add_participant:not(:disabled):hover {
          border: 1px solid #0070a6;
          background: #0070a6;
          color: #ffffff; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group .right_text {
        position: absolute;
        left: calc(100% + 5px);
        top: calc(100% - 25px);
        color: #7f7f86; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group span.bottom_tag {
        font-size: 12px;
        color: #7f7f86;
        margin-top: -8px;
        margin-bottom: 5px;
        display: block;
        font-style: italic;
        padding: 0 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group span.bottom_tag.error {
          color: red; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions {
        text-align: right; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action {
          border: 1px solid #aaa;
          color: #39393b;
          padding: 8px 28px;
          border-radius: 20px;
          font-size: 14px;
          cursor: pointer;
          min-width: 100px;
          margin-left: 15px;
          transition: all 0.3s ease; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action:not(:disabled):hover {
            border: 1px solid #00bceb;
            color: #ffffff;
            background: #00bceb; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action.active {
            border: 1px solid #00bceb;
            color: #ffffff;
            background: #00bceb; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action.active:not(:disabled):hover {
              border: 1px solid #00bceb;
              background: #00bceb; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action.active:disabled {
              cursor: not-allowed;
              opacity: 0.5; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action + .btn-action {
          margin-left: 15px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .mat-radio-button + .mat-radio-button {
      margin-left: 15px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side label {
      font-size: 18px;
      color: #39393b;
      margin-bottom: 15px;
      display: block;
      padding: 0 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side label.mat-radio-label {
        display: flex; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.custom-group label {
      margin-bottom: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.custom-group .mat-form-field-infix {
      border-top: 0;
      padding: 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side span.mat-form-field-label-wrapper label,
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .mat-form-field-infix label {
      padding: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label {
      font-size: 16px;
      padding-left: 30px;
      position: relative;
      cursor: pointer;
      margin-bottom: 0px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"] {
        display: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"] + span {
        position: absolute;
        left: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"] + span:before {
          content: "";
          display: block;
          width: 16px;
          height: 16px;
          border: 3px solid #666;
          border-radius: 50%;
          position: absolute; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"] + span:after {
          content: "";
          content: "";
          width: 10px;
          height: 10px;
          display: block;
          background: transparent;
          position: absolute;
          top: 3px;
          left: 3px;
          border-radius: 50%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"]:checked + span:after {
        content: "";
        background: #61b33c; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap.col-2 {
      width: calc(50% - 15px);
      float: left; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap.col-2:last-child {
        margin-left: 30px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant {
      list-style: none;
      display: block;
      margin-top: 20px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li {
        display: inline-block; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li > span {
          display: block;
          height: 40px;
          border: 1px solid #d7d7d7;
          padding: 0 45px 0 15px;
          border-radius: 3px;
          line-height: 40px;
          position: relative;
          color: #71757f; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li > span img {
            max-width: 24px;
            cursor: pointer;
            position: absolute;
            top: 8px;
            right: 8px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li + li {
        margin-left: 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.package-list {
      border: 1px solid #d7d7d7;
      padding: 15px;
      max-height: 155px;
      overflow-y: auto; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.package-list li {
        margin-bottom: 15px;
        color: #71757f;
        font-size: 14px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.package-list li label {
          margin-bottom: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.package-list li label input[type="checkbox"] + span:after {
            width: 16px;
            height: 16px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-wrapper.full-width {
  padding-left: 30px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-wrapper .show-more {
  text-align: right; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-wrapper .show-more a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    color: #3e3f42;
    font-family: "CiscoSans-ExtraLight", sans-serif;
    cursor: pointer;
    text-decoration: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-wrapper .show-more a:not(:disabled):hover {
      color: #0070a6; }
.top-align.mat-form-field-appearance-legacy .mat-form-field-infix {
  border: 0;
  padding-top: 0; }
.courseBox {
  display: block;
  text-align: left;
  font-size: 12px; }
span.courseName {
  border: 1px solid #eee;
  background: #fff;
  display: block;
  padding: 3px;
  border-radius: 3px;
  margin-bottom: 3px;
  margin-right: 3px; }
span.showBtn {
  color: #0070a6;
  float: right;
  font-size: 12px;
  cursor: pointer; }
.two-cols {
  display: table;
  width: 100%;
  text-align: center; }
.two-cols > div {
  display: table-cell;
  width: 50%; }
.redeem-box {
  width: auto;
  display: block;
  padding-bottom: 40px; }
.earned-points {
  font-size: 22px;
  color: #333;
  width: 400px;
  display: table;
  margin: 0 auto;
  border: 2px dotted #005073;
  padding: 10px 15px;
  min-height: 80px;
  text-align: center; }
.earned-points span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%; }
.note-info {
  padding: 15px 5px;
  max-width: 300px;
  text-align: center;
  display: block;
  margin: 0 auto; }
.redeem-point-btn {
  color: #fff;
  margin: 20px auto 0;
  border: 1px solid #00bceb;
  background: #00bceb;
  padding: 9px 30px; }
tfoot {
  border-top: 1px solid #eff8fc; }
.page-container .ngx-pagination {
  margin-left: 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
  float: right;
  margin-right: 15px;
  display: inline-flex; }
.page-container .ngx-pagination li {
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: center; }
pagination-controls.white-bg,
pagination-controls,
.mat-paginator {
  background: transparent;
  float: right;
  width: 100%;
  display: block; }
.alerts-announcemnet-pagination pagination-controls.white-bg {
  background: #fff;
  border: 1px solid #d4d4d4;
  border-top: none; }
.progressBar {
  position: relative;
  width: 156px;
  display: block;
  background: transparent;
  height: 8px;
  margin-top: 10px;
  border: 1px solid #0096d2;
  float: right; }
.progressBar.active {
  border-color: #6fbe4b; }
.progressBar span {
  position: absolute;
  height: 100%;
  background: #0096d2;
  left: 0; }
.progressBar.active span {
  background: #6fbe4b; }
.classAction {
  border: 1px solid;
  padding: 5px 10px;
  border-radius: 20px;
  display: block;
  transition: 0.3s all ease; }
.classAction.take,
.classAction.view {
  border-color: #00bceb;
  color: #00bceb; }
.classAction.take:not(:disabled):hover,
  .classAction.view:not(:disabled):hover {
    color: #fff;
    background: #00bceb; }
.classAction.filled {
  border-color: #00bceb;
  color: #fff;
  background: #00bceb; }
.classAction.filled:not(:disabled):hover {
    color: #fff;
    border-color: #00bceb;
    background: #00bceb; }
.btn.btn-info {
  border: 1px solid #00bceb;
  color: #fff;
  background: #00bceb;
  padding: 8px 28px; }
.btn.btn-info:not(:disabled):hover {
    border: 1px solid #00bceb;
    background: #00bceb; }
.btn.btn-info:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
.btn.btn-indigo {
  border: 1px solid #00bceb;
  color: #fff;
  background: #00bceb;
  padding: 8px 28px; }
.btn.btn-indigo:not(:disabled):hover {
    border: 1px solid #014468;
    background: #014468; }
.table.prescribedTable > thead > tr > th,
.table.prescribedTable > tbody > tr > td {
  padding: 15px;
  text-align: left; }
.table.prescribedTable > thead > tr > th:last-child,
.table.prescribedTable > tbody > tr > td:last-child {
  width: 120px; }
.progressBar .data-complete {
  position: absolute;
  bottom: 100%;
  right: 0; }
.table.prescribedTable > thead > tr > th {
  padding: 30px 15px;
  text-align: center; }
.table.prescribedTable > tbody > tr > td {
  text-align: center; }
input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
  display: none; }
.courseName a {
  color: #4c9829;
  white-space: nowrap; }
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #4caf50; }
.mat-checkbox-checked.mat-accent.mat-checkbox-disabled .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent.mat-checkbox-disabled
.mat-checkbox-background {
  background-color: #b0b0b0; }
.bg_white {
  background: #ffffff; }
.form-group .mat-form-field .mat-input-element {
  font-size: 14px;
  color: #666;
  font-weight: 600; }
.form-group.text-right {
  text-align: right; }
.form-group.text-right .redeem-point-btn {
    float: right; }
.ngx-pagination a:focus,
.ngx-pagination button:focus {
  outline: none; }
.claimByPOForm {
  width: 760px;
  max-width: 100%;
  padding: 15px; }
.claimByPOForm label {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    display: block;
    padding: 0; }
.claimByPOForm .form-group {
    padding: 0; }
.claimByPOForm {
  overflow: visible !important; }
.claimByPOForm .tooltip .tooltiptext {
  left: 0;
  transform: none; }
.tabs-wrapper ul.switch-list li .mat-slide-toggle .mat-slide-toggle-bar {
  width: 40px !important;
  height: 18px !important;
  margin-left: 15px; }
.tabs-wrapper
ul.switch-list
li
.mat-slide-toggle.mat-checked:not(.mat-disabled)
.mat-slide-toggle-bar {
  background: #1fc7f1; }
.tabs-wrapper
ul.switch-list
li
.mat-slide-toggle.mat-checked
.mat-slide-toggle-thumb-container {
  transform: translate3d(21px, 0, 0); }
.tabs-wrapper
ul.switch-list
li
.mat-slide-toggle
.mat-slide-toggle-thumb-container {
  top: -3px;
  width: 24px;
  height: 24px; }
.tabs-wrapper ul.switch-list li .mat-slide-toggle .mat-slide-toggle-thumb {
  width: 24px;
  height: 24px;
  transform: translate3d(-4px, 0, 0);
  border: 1px solid #ccc; }
.tabs-wrapper
ul.switch-list
li
.mat-slide-toggle.mat-checked:not(.mat-disabled)
.mat-slide-toggle-thumb {
  background-color: #00bceb;
  border: 1px solid #fff; }
.pad-0 {
  padding: 0 !important; }
.mb-0 {
  margin-bottom: 0 !important; }
.postfix_icon.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding-left: 30px; }
.postfix_icon.mat-form-field-appearance-legacy .mat-form-field-infix:after {
    content: "$";
    left: 12px;
    top: 11px;
    position: absolute;
    color: #888;
    font-size: 14px;
    font-weight: 600; }
.label-double .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 20px 14px; }
.filling-para {
  line-height: 1.6; }
.filling-para .mat-form-field {
    width: 200px;
    max-width: 100%;
    position: relative; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix {
      padding: 0;
      border-top: 0; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix .mat-error {
        position: absolute;
        left: 0;
        bottom: -17px;
        width: 100%;
        text-align: center; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy .mat-input-element {
      font-size: 14px; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy .mat-form-field-wrapper {
      padding-bottom: 0; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy .mat-form-field-underline {
      transform: translateY(1.25em); }
.filling-para .mat-form-field.mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-wrapper {
      padding-bottom: 1.25em; }
.filling-para .mat-form-field.mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-underline {
      transform: none; }
input.inline-input-text {
  height: 20px;
  border: none;
  border-bottom: 1px solid #333;
  padding: 0; }
.part-section-title {
  width: 100%;
  font-family: "CiscoSans-Thin", sans-serif;
  font-size: 16px;
  padding: 5px;
  margin: 20px 0;
  border-bottom: 1px solid #aaa;
  padding-left: 75px;
  min-height: 40px;
  position: relative; }
.part-section-title span {
    display: inline-block;
    font-weight: 600;
    background: #000;
    width: 65px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 8px 3px;
    line-height: normal;
    font-family: "CiscoSans-ExtraLight", sans-serif; }
.part-section-title strong {
    font-weight: bold;
    font-family: "CiscoSans-ExtraLight", sans-serif; }
.clearfix {
  overflow: hidden; }
.clearfix:after {
    content: "";
    clear: both;
    display: table; }
.mb-25 {
  margin-bottom: 25px; }
.mb-10 {
  margin-bottom: 10px; }
.mb-40 {
  margin-bottom: 40px; }
.d-block {
  display: block; }
.cdk-overlay-container {
  z-index: 999999999999 !important; }
.mng-incentives-txt {
  font-size: 14px;
  color: #39393b;
  margin: 10px 0;
  font-weight: normal; }
.mng-incentives-txt.lg {
    font-size: 20px; }
.mng-incentives-txt.pl-30 {
    padding-left: 20px; }
.activation-scale {
  margin-top: 0;
  width: 250px;
  max-width: 100%;
  float: right;
  padding: 0 15px; }
.activation-scale .progress-bar.incomplete-progress-bar .mat-progress-bar {
    margin-top: 8px;
    border-radius: 10px;
    height: 8px; }
.activation-scale .progress-bar.incomplete-progress-bar .mat-progress-bar .mat-progress-bar-buffer {
      background-color: #f2f2f2; }
.activation-scale .progress-bar.incomplete-progress-bar .mat-progress-bar .mat-progress-bar-fill::after {
      background-color: #29bcec; }
.activation-scale .progress-bar.complete-progress-bar .mat-progress-bar {
    margin-top: 8px;
    border-radius: 10px;
    height: 8px; }
.activation-scale .progress-bar.complete-progress-bar .mat-progress-bar .mat-progress-bar-buffer {
      background-color: #f2f2f2; }
.activation-scale .progress-bar.complete-progress-bar .mat-progress-bar .mat-progress-bar-fill::after {
      background-color: #4caf50; }
.activation-scale.brand-scale {
    padding: 5px 15px; }
.activation-scale.brand-scale .mat-progress-bar-fill {
      border-radius: 3px;
      overflow: hidden; }
.activation-scale.brand-scale .mat-progress-bar-fill:after {
        background-color: #29bcec; }
.activation-scale.brand-scale .complete-bar .mat-progress-bar-fill:after {
      background-color: #4caf50; }
.activation-scale.brand-scale .mat-progress-bar-buffer {
      background-color: #d7d7d7;
      border-radius: 3px;
      overflow: hidden; }
.activation-scale.brand-scale .mat-progress-bar {
      margin-top: 5px; }
.claiming_types {
  background: #fff;
  padding: 20px;
  float: left;
  width: 100%;
  margin-top: 20px; }
.claiming_types .col {
    width: 50%;
    float: left;
    text-align: left;
    padding: 15px; }
.claiming_types .col .contentBox {
      float: left;
      width: 100%;
      text-align: justify; }
.mat-slide-toggle-content,
.mat-expansion-panel-content {
  font: 400 14px/20px "CiscoSans", sans-serif !important; }
.mat-expansion-panel:not([class*="mat-elevation-z"]) {
  box-shadow: none !important;
  border: 1px solid #eee !important; }
.ngx-pagination .current {
  background: #00bceb !important; }
.select-page .mat-select-trigger {
  width: 3em; }
.select-page .mat-select-value {
  overflow: inherit; }
.select-page .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 5px;
  text-align: center; }
.select-page .mat-select-arrow {
  margin-right: 0; }
.mat-dialog-container .mat-dialog-content {
  margin: 0;
  padding: 0; }
.page-container .dashboard-container .heading-two-cols {
  display: block;
  float: left;
  width: 100%; }
.page-container .dashboard-container .heading-two-cols .search-wrapper {
    float: right; }
.page-container .dashboard-container .heading-two-cols:first-child {
    margin-top: 30px; }
.page-container .dashboard-container .heading-two-cols:last-child {
    margin-bottom: 30px; }
.page-container .dashboard-container .heading-two-cols.points:after {
    content: "";
    display: table;
    clear: both; }
.page-container .dashboard-container .heading-two-cols .left-col h3 {
    text-align: left; }
.page-container .dashboard-container .heading-two-cols .left-col .redeem-box {
    margin-right: 40px; }
.page-container .dashboard-container .heading-two-cols .left-col .redeem-box .earned-points {
      width: auto;
      max-width: 100%; }
.page-container .dashboard-container .heading-two-cols .left-col .redeem-box:last-child {
      margin-right: 0; }
.page-container .dashboard-container .heading-two-cols .right-col .search-wrapper {
    margin: 35px 0 30px 0;
    max-width: 600px;
    width: 100%;
    float: right; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper {
    display: inline-block;
    float: right;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #005073; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table {
      min-width: 300px;
      text-align: center; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table td {
        height: 76px;
        font-size: 22px;
        padding: 10px 15px;
        width: 40%;
        position: relative; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table td:first-child {
          background: #005073;
          color: #fff;
          width: 60%; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table td:last-child {
          color: #005073; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table td:last-child:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 41px solid #ffffff;
            position: absolute;
            left: -19px;
            bottom: 0; }
.page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table td:last-child:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 0px solid transparent;
            border-right: 20px solid transparent;
            border-top: 40px solid #005073;
            position: absolute;
            left: -1px;
            top: 0; }
.page-container .dashboard-container .action.save-changes {
  margin-bottom: 100px; }
.page-container .dashboard-container .action.save-changes .redeem-point-btn {
    float: none; }
.page-container .dashboard-container .show_more_list {
  margin-top: 30px; }
.page-container .dashboard-container .show_more_list .btn {
    color: #4b4c4d;
    padding: 0;
    float: right; }
.page-container .dashboard-container .show_more_list .btn:not(:disabled):hover {
      color: #0070a6; }
.page-container .dashboard-container .horizon-strip-box {
  overflow-y: auto;
  float: left;
  width: 100%; }
.page-container .dashboard-container .horizon-strip-box table {
    width: 100%;
    max-width: inherit;
    margin-bottom: 0;
    border: 1px solid #ddd; }
.page-container .dashboard-container .horizon-strip-box table tr:nth-child(odd) {
      background: #fff; }
.page-container .dashboard-container .horizon-strip-box table tr:nth-child(even) {
      background: rgba(98, 188, 224, 0.1); }
.page-container .dashboard-container .dashboard-cols.horizon-strip {
  display: block;
  padding: 40px;
  margin-bottom: 25px; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .img-wrapper {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 50px; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .img-wrapper img {
      border-radius: 50%; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .table-wrapper {
    min-width: 832px; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points {
    width: 100%;
    table-layout: fixed; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points thead tr {
      background: #e3f5fc !important; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points thead tr th {
        padding: 20px 10px !important;
        font-weight: normal;
        vertical-align: top; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points thead tr th span {
          font-weight: normal; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th,
    .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td {
      padding: 8px 10px !important;
      white-space: initial;
      min-width: 80px;
      vertical-align: middle; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:first-child,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:first-child {
        width: 80px !important; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:nth-child(2),
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:nth-child(2) {
        width: calc(16.66% - 13.5px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:nth-child(3),
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:nth-child(3) {
        width: calc(16.66% - 13.5px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:nth-child(4),
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:nth-child(4) {
        width: calc(16.66% - 13.5px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:nth-child(5),
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:nth-child(5) {
        width: calc(16.66% - 13.5px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th:nth-child(6),
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td:nth-child(6) {
        width: calc(16.66% - 13.5px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .mat-sort-header-button,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .mat-sort-header-button {
        word-break: break-word;
        white-space: initial; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .sell_profile > div:first-child,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .sell_profile > div:first-child {
        font-size: 16px;
        margin-bottom: 8px; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .sell_profile > div:last-child,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .sell_profile > div:last-child {
        font-size: 14px; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .dist_points_input input,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .dist_points_input input {
        width: 80px;
        max-width: 100%;
        text-align: center;
        padding: 5px 10px;
        line-height: 1;
        border: 2px solid #ddd;
        font-size: 16px;
        border-radius: 3px;
        -moz-appearance: textfield;
        -webkit-appearance: textfield;
                appearance: textfield;
        margin: 0; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .points_reset,
      .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .points_reset {
        color: #0070a6;
        cursor: pointer; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .points_reset:not(:disabled):hover,
        .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .points_reset:not(:disabled):hover {
          color: #005073; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr th .points_reset:disabled,
        .page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points tr td .points_reset:disabled {
          opacity: 0.5;
          cursor: not-allowed; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points.tble-width {
      max-width: calc(100% - 20px);
      position: relative; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points.tble-width:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 21px;
        background: #e3f5fc;
        top: 0px;
        border-top: 1px solid #ddd;
        left: calc(100% - 3px); }
.page-container .dashboard-container .dashboard-cols.horizon-strip .distribute-points.no-record .no-record td {
      padding: 25px 15px !important; }
.page-container .dashboard-container .dashboard-cols.horizon-strip .vartical-scroll {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden; }
.page-container .dashboard-container .dashboard-cols.top-horizon-strip {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap; }
ng-multiselect-dropdown .form-control {
  padding-right: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li {
  font-weight: 600;
  padding: 27px 15px 27px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li.active {
    font-weight: 600;
    font-family: "CiscoSans-ExtraLight", sans-serif; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right {
  border: 8px solid #fff; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .mat-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden;
    float: left;
    width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .mat-expansion-panel-body {
    padding: 0 8px;
    margin: 8px 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .mat-expansion-panel-body pagination-controls {
      margin-bottom: 10px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .ng-star-inserted:last-child .mat-expansion-panel:not([class*="mat-elevation-z"]) {
    border: none; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points {
    float: left;
    width: 100%; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul {
      padding: 0;
      float: left;
      width: 100%; }
.no-record td {
  background: #f5f5f5;
  text-align: center;
  padding: 15px;
  color: #333;
  text-align: center !important; }
.no-record.white-bg td {
  background: #ffffff; }
.no-record-found {
  text-align: center;
  padding: 30px 15px 20px; }
.mat-sort-header-arrow {
  transform: translateY(0) !important;
  margin-left: 3px !important; }
.mat-dialog-content {
  max-height: calc(100vh - 190px) !important; }
.mat-dialog-content.m-0 {
  margin: 0; }
.mat-dialog-container {
  overflow: hidden; }
th .mat-sort-header-container {
  display: inline-grid;
  grid-template-columns: auto auto;
  line-height: normal; }
th .mat-sort-header-container .mat-sort-header-button {
    line-height: normal;
    vertical-align: top; }
body .search-wrapper {
  width: 600px;
  max-width: 100%;
  float: left;
  position: relative;
  margin-bottom: 20px; }
body .search-wrapper.width-adj {
    width: calc(100% - 250px); }
body .search-wrapper input[type="search"] {
    padding-right: 65px; }
body .search-wrapper button {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #29bcec;
    color: #fff;
    height: calc(100% - 2px);
    border-radius: 20px;
    padding: 0 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out; }
body .search-wrapper button:not(:disabled):hover {
      filter: brightness(1.15);
      -webkit-filter: brightness(1.15);
      -moz-filter: brightness(1.15); }
body .upper-search-wrapper {
  background: #fff;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 20px 15px 0;
  border-top: 1px solid #ddd; }
.search-wrapper input[type="search"] {
  border: 1px solid #dcdcdc;
  background: #f3f3f3;
  width: 100%;
  padding: 8px 15px 8px 30px;
  border-radius: 20px;
  outline: none;
  font-size: 16px; }
.search-wrapper img {
  position: absolute;
  left: 15px;
  top: 12px; }
.cName button.mat-sort-header-button {
  width: auto; }
.page-container
.leaderboard-container
.leaderboard-inner-wrap
.leaderboard-tabs-wrap.manage-activies-wrap
.tabs-container
.tabs-cols
.tabs-col-right
.tabs-wrapper.left_side
.mat-form-field-appearance-legacy
.mat-form-field-infix
label {
  font-size: 16px; }
.float_none {
  float: none; }
.nitro-widget-store.nitro-widget.wide {
  margin: 0 auto;
  display: block; }
.info_icon_wrapper {
  padding: 8px;
  text-align: right;
  font-size: 12px;
  color: #999; }
.info_icon_wrapper i.info-icon {
    border: none;
    position: relative;
    width: 18px;
    height: 18px;
    color: transparent;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    cursor: pointer;
    line-height: 18px;
    font-size: 12px;
    transition: all 0.3s ease;
    display: inline-block;
    margin-left: 8px;
    background-image: url('info-outline.svg');
    background-size: contain; }
.info_icon_wrapper i.info-icon:not(:disabled):hover {
      background-image: url('info-outline-blue.svg');
      color: transparent; }
.text-left {
  text-align: left !important; }
.text-right {
  text-align: right !important; }
.mat-dialog-container {
  max-height: calc(100vh - 70px) !important;
  position: relative; }
.mat-dialog-container .mat-dialog-content {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content; }
.mat-dialog-container .mat-dialog-content h3 {
      display: block;
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: normal; }
.mat-dialog-container .mat-dialog-content p {
      display: block;
      margin: 0 0 10px; }
.mat-dialog-container .mat-dialog-content ul {
      padding-left: 20px;
      list-style-type: disc; }
.mat-dialog-container .mat-dialog-content ul ul {
        list-style-type: circle; }
.mat-dialog-container .mat-dialog-content.role-desciption h3 {
      font-size: 16px;
      margin-bottom: 0;
      color: #39393b; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li .info_icon_wrapper {
  display: inline-block;
  right: 0;
  top: 0;
  padding: 0;
  display: none;
  margin-left: 5px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li .info_icon_wrapper i.info-icon {
    top: -1px;
    right: 0;
    margin: 0; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li.active .info_icon_wrapper {
  display: inline-block; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap ul.switch-list li .info_icon_wrapper {
  display: inline-block;
  margin-bottom: 0;
  margin: 3px 0 0 8px; }
.page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap ul.switch-list li .info_icon_wrapper i.info-icon {
    top: 0;
    right: 0; }
.close_dialog.mat-dialog-actions {
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 0;
  top: 10px;
  right: 10px;
  z-index: 1; }
.close_dialog.mat-dialog-actions button {
    cursor: pointer; }
.close_dialog.mat-dialog-actions button svg#dismis {
      transition: all 0.3s ease; }
.multiselect-dropdown .dropdown-btn span:last-child span:after {
  content: " more"; }
.multiselect-dropdown .dropdown-btn span:last-child span:last-child:after {
  content: none; }
.table.challenge-tableBodyScroll.incentive-data > thead > tr > th:nth-child(2) {
  text-align: left; }
.table.challenge-tableBodyScroll.incentive-data > thead > tr > th:nth-child(2) .mat-sort-header-container {
    padding-left: 60px; }
span.showBtn {
  float: none;
  color: #005073; }
.courseName a {
  color: #00bceb;
  font-family: "CiscoSans", sans-serif; }
.tabs-wrapper .table.challenge-tableBodyScroll > tbody > tr > td:nth-child(3) {
  white-space: nowrap; }
.page-container .profile-page-wrap .profile-page-inner-wrap .information-bar {
  padding: 14px 55px; }
.close_dialog2 button {
  position: absolute;
  top: 10px;
  right: 10px; }
.term-condition-page {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.3;
  padding: 20px 0 15px; }
.term-condition-page strong {
    display: block;
    padding-bottom: 10px; }
.term-condition-page ul.list-count {
    list-style-type: decimal;
    padding-left: 15px; }
.term-condition-page ul.list-alpha {
    list-style-type: upper-alpha; }
.term-condition-page h1 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 20px; }
.term-condition-page ul {
    margin: 0 0 24px 21px; }
.term-condition-page ul li {
      margin: 0 0 17px;
      color: #000000; }
.term-condition-page ul li p {
        font-size: 15px;
        margin-left: 25px; }
.table.pad-adjst > thead > tr > th {
  padding: 20px 8px; }
.table.pad-adjst > tbody > tr > td {
  padding: 15px 8px; }
.table.pad-adjst {
  margin-bottom: 50px; }
.userChalenge-table-wrapper {
  width: 1000px;
  max-width: 100%; }
.userChalenge-table h3,
.userChalenge-table-wrapper h3 {
  text-align: center; }
.userChalenge-table thead tr th {
  text-align: center;
  font-weight: bold;
  padding: 20px 8px;
  font-size: 16px; }
.userChalenge-table tbody tr td {
  text-align: center;
  vertical-align: top; }
.userChalenge-table tbody tr td span {
    padding: 8px 10px;
    display: block; }
.userChalenge-table tbody tr td ul li {
    padding: 8px 10px;
    list-style: none;
    color: #0070a6; }
.userChalenge-table .challengeList {
  border-right: 1px solid #ccc; }
.userChalenge-table .userStatus {
  white-space: nowrap; }
.toggle-wrapper {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.4;
  background: #f2f2f2; }
.toggle-wrapper mat-slide-toggle {
    width: 100%;
    float: right; }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent .mat-slide-toggle-label {
      justify-content: space-between;
      flex-flow: row-reverse; }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent .mat-slide-toggle-label span {
        margin-right: 10px; }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.ssn-toggle .mat-slide-toggle-bar, .toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.ein-toggle .mat-slide-toggle-bar {
      background-color: rgba(0, 0, 0, 0.38); }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.ssn-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb, .toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.ein-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb {
        background-color: #fff;
        border: 1px solid #ccc;
        transition: all 0.3s ease-in-out; }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.mat-checked .mat-slide-toggle-bar {
      background-color: #4bbaef; }
.toggle-wrapper mat-slide-toggle.mat-slide-toggle.mat-accent.mat-checked .mat-slide-toggle-bar .mat-slide-toggle-thumb {
        background-color: #4bbaef;
        border: 1px solid #fff;
        transition: all 0.3s ease-in-out; }
.mt-8 {
  margin-top: 8px !important; }
.mt-15 {
  margin-top: 15px !important; }
.name-separator {
  color: #bec6ca; }
table.userChalenge-table td span {
  white-space: nowrap; }
.scale-tab .activation-scale {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  float: left;
  background: #e4edf0;
  padding: 20px; }
.scale-tab .activation-scale:nth-child(even) {
    background: #fff; }
.scale-tab .activation-scale .actvation-title {
    width: 20%;
    float: left;
    line-height: 20px; }
.scale-tab .activation-scale .actvation-bar-scale-box {
    float: right;
    width: 80%; }
.scale-tab .activation-scale .actvation-bar-scale-box .progress-bar {
      width: calc(100% - 100px);
      float: left; }
.scale-tab .activation-scale .actvation-bar-scale-box .progress-bar .mat-progress-bar {
        margin-top: 0;
        margin-bottom: 5px;
        border-radius: 0;
        height: 20px;
        border: 1px solid transparent; }
.scale-tab .activation-scale .actvation-bar-scale-box .progress-bar .activation-bottom-text {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #666; }
.scale-tab .activation-scale .actvation-bar-scale-box .no-activation {
      float: right;
      display: block;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 5px;
      color: #333;
      width: 100px;
      text-align: right; }
.pointsEx {
  color: #333;
  font-size: 12px;
  margin-top: 10px; }
.wlcm_msg li:first-child {
  font-size: 20px; }
.challenge-description {
  min-width: 200px; }
.mat-ripple-element {
  background: transparent !important; }
.mat-select-placeholder {
  color: #7f7f86; }
.classAction:disabled {
  cursor: not-allowed;
  opacity: 0.5; }
.flex-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0; }
.flex-space-between .search-wrapper {
    margin-bottom: 0; }
.jp-sm-font {
  font-size: 15px !important; }
.jp-vsm-font {
  font-size: 13px !important; }
.switch-list .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38); }
.switch-list .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: gray; }
.mat-grid-tile .mat-figure {
  justify-content: flex-start !important; }
.quiz-container .q-content-block2 mat-radio-button {
  line-height: 25px !important; }
.q-content-block2 .mat-radio-label-content {
  white-space: normal !important;
  padding: 9px !important; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details {
  position: relative; }
.header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box.partnerInfo {
    position: absolute;
    min-width: 24vw; }
.mat-form-field .mat-input-element.matFilter {
  color: #3e3f42 !important;
  font-family: "CiscoSans", sans-serif !important;
  font-size: 14px !important; }
.mgtitle {
  padding: 23px !important; }
.mat-form-field.selectlead {
  padding: 10px !important; }
.column {
  /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px; }
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%; } }
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%; } }
.mat-card:not([class*="mat-elevation-z"]) {
  box-shadow: none !important; }
.welcom-card .mat-card .mat-card-header.progress {
  background: #885aa3; }
.welcom-card .mat-card .mat-card-header.wel-ready {
  background: #00ccf3; }
.welcom-card .mat-card .mat-card-header.wel-set {
  background: #0c244e; }
.welcom-card .mat-card .mat-card-header.wel-go {
  background: #a5c831; }
.challenge-description-icon svg {
  height: 75%;
  width: 75%; }
.select-all .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #00bceb; }
.multiselectClass .dropdown.open.show ul.dropdown-menu {
  overflow-x: auto !important; }
.leaderPositionPercent .mat-progress-bar-fill::after {
  background-color: #00bceb; }
.leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manageChalgTab .tabs {
  float: left;
  width: 100%; }
.leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manageChalgTab .tabs li {
    float: left;
    width: 33%; }
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #adadad !important; }
.claim-all .mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #fff !important; }
.tabs-col-right.tabsright {
  width: 100% !important; }
.page-container
.leaderboard-container
.leaderboard-inner-wrap
.leaderboard-tabs-wrap
.tabs.newChg
li {
  width: 33% !important; }
.fileDownload .mat-form-field-infix {
  border-top: 0 solid transparent !important; }
.manageclaimPaginator .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 5px !important; }
mat-label.eligibleDeal {
  color: #39393b !important; }
.assignPeopleDropdown .mat-form-field-infix {
  border: 1px solid #495057 !important; }
.form-group__text .grayborder {
  border: 1px solid #495057 !important; }
.budgetprogress.budgetCap > .mat-progress-bar-fill::after {
  background-color: #049fd9 !important; }
.budgetprogress.fullBudgetCap > .mat-progress-bar-fill::after {
  background-color: #fe7301 !important; }
.backg-none thead {
  background: none !important; }
.borderNone {
  border: none !important; }
.form-group__text .searchInput {
  --cui-form-size: 25px; }
.form-group.trainingChgForm .mat-form-field .mat-input-element {
  font-size: 0 !important; }
.angular-editor-button[title="Strikethrough"],
.angular-editor-button[title="Unlink"],
.angular-editor-button[title="Insert Image"],
.angular-editor-button[title="Insert Video"],
.angular-editor-button[title="Horizontal Line"],
.angular-editor-button[title="Clear Formatting"],
.angular-editor-button[title="HTML Code"],
.angular-editor-button[title="Subscript"],
.angular-editor-button[title="Superscript"],
.angular-editor-button[title="Justify Left"],
.angular-editor-button[title="Justify Center"],
.angular-editor-button[title="Justify Right"],
.angular-editor-button[title="Justify Full"],
.angular-editor-button[title="Indent"],
.angular-editor-button[title="Outdent"],
.angular-editor-button[title="Unordered List"],
.angular-editor-button[title="Background Color"],
.angular-editor-button[title="Text Color"],
.angular-editor-toolbar-set .select-font[title="Font Name"] {
  display: none; }
.tooltip-text {
  font-size: 14px !important;
  color: white;
  background-color: #333;
  padding: 8px;
  border-radius: 4px; }
.flex {
  display: flex; }
.inline {
  display: inline; }
.gap-2 {
  gap: 0.5rem; }
::ng-deep .white-spinner .mat-progress-spinner circle {
  stroke: white; }
.items-center {
  align-items: center; }
.justify-center {
  justify-content: center; }
.dialog-padding {
  padding: 30px; }
.no-select {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  /* No text cursor */ }
.no-focus:focus {
  outline: none !important;
  /* Remove focus border */ }
.pointer {
  cursor: pointer !important; }
.no-caret {
  caret-color: transparent !important;
  /* Prevents blinking cursor */ }
.mat-tab-labels {
  justify-content: flex-start !important; }
.login-wrapper {
  width: 100%;
  max-width: 100%; }
.login-wrapper .login-cols .login-col-left, .login-wrapper .login-cols .login-col-right {
    height: calc(100vh - 46px);
    overflow: hidden;
    position: relative; }
.login-wrapper .login-cols .login-col-left .login-bg .login-bg-span {
    background-repeat: no-repeat;
    background-size: cover; }
.login-wrapper .login-cols .login-col-right .login-form-wrap {
    float: left;
    width: 100%;
    max-width: 440px;
    margin-top: 0;
    position: absolute;
    max-height: calc(100vh - 46px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
.login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .control-label .btn {
      margin-bottom: 0%; }
.mat-form-field-infix .mat-select-trigger {
  font-family: "CiscoSans", sans-serif;
  font-size: 14px; }
.mat-form-field-infix .mat-select-trigger .mat-select-value {
    color: #3e3f42; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li.secondary-email-div .mat-form-field-infix {
  border: 0; }
.page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li.secondary-email-div .form-group {
  padding: 0; }
.verification_notify {
  font-size: 14px;
  line-height: 1.4; }
.verification_notify a {
    color: #0070a6; }
.verification_notify a:hover {
      color: #014468; }
.verification_notify p {
    display: block;
    margin: 0; }
.verification_notify p a {
      color: #0070a6; }
.verification_notify p a:hover {
        color: #014468; }
.page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box > span > img {
  height: 100%; }
/*
Theme Name: cisco_steer
*/
/**
 * @file
 * sass/responsive.scss
 *
 * CSS rules that style HTML elements for mobile ("base" styles).
 */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .login-wrapper .login-cols .login-col-left .login-bg .login-bg-txt span {
    font-size: 35px; }
  .fooer .footer-cols .footer-left ul li {
    margin-right: 30px; }
  .header .header-wrap .header-left .logo-cont .logo-txt {
    font-size: 28px; }
  .top-banner .banner-img-box .welcome-txt-1 {
    font-size: 32px; }
  .top-banner .banner-img-box .welcome-txt-2 {
    font-size: 30px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left {
    width: 45%; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .profile-name {
      font-size: 20px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .designation {
      font-size: 13px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right {
    width: 55%;
    font-size: 24px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-response {
      font-size: 20px; } }
@media only screen and (max-width: 1024px) {
  body {
    overflow-x: hidden; }
  .scale-tab .activation-scale .actvation-title {
    width: 100%;
    float: left;
    line-height: 20px;
    margin-bottom: 10px; }
  .scale-tab .activation-scale .actvation-bar-scale-box {
    width: 100%; }
    .scale-tab .activation-scale .actvation-bar-scale-box .progress-bar {
      width: calc(100% - 80px);
      float: left; }
      .scale-tab .activation-scale .actvation-bar-scale-box .progress-bar .mat-progress-bar {
        margin-top: 0;
        margin-bottom: 5px;
        border-radius: 0;
        height: 20px;
        border: 1px solid transparent; }
      .scale-tab .activation-scale .actvation-bar-scale-box .progress-bar .activation-bottom-text {
        display: block;
        text-align: left;
        font-size: 12px;
        color: #666; }
    .scale-tab .activation-scale .actvation-bar-scale-box .no-activation {
      float: right;
      display: block;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 5px;
      color: #333;
      width: 80px;
      text-align: right; }
  .login-wrapper .login-cols .login-col-left {
    display: none; }
  .login-wrapper .login-cols .login-col-right {
    width: 100%; }
    .login-wrapper .login-cols .login-col-right .login-col-right-inner-wrap {
      width: 81%; }
      .login-wrapper .login-cols .login-col-right .login-col-right-inner-wrap .login-form-wrap .logo-cont .welcome-txt {
        position: relative; }
  cisco-steer-login + cisco-steer-footer {
    display: none; }
  .header {
    padding: 15px 0;
    position: fixed;
    left: 0;
    background: #ffffff; }
    .header .header-wrap .header-left {
      width: 70%; }
      .header .header-wrap .header-left .logo-cont .logo-txt {
        font-size: 20px;
        line-height: 36px;
        margin-left: 20px; }
    .header .header-wrap .header-right {
      width: 30%; }
      .header .header-wrap .header-right .user-login-info {
        display: block; }
        .header .header-wrap .header-right .user-login-info li.user-type-icon.lang_option .user-details {
          padding-right: 20px !important; }
      .header .header-wrap .header-right .mobile-menu {
        display: block; }
        .header .header-wrap .header-right .mobile-menu .menu-toggle {
          margin-top: 5px;
          height: 24px;
          width: 24px;
          float: right;
          cursor: pointer; }
          .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon {
            height: 24px;
            width: 24px;
            display: inline-block;
            z-index: 99;
            position: absolute; }
            .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon object path {
              fill: red; }
            .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon.menu-icon-toggle {
              position: fixed;
              z-index: 99999;
              width: 24px;
              height: 24px; }
              .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon.menu-icon-toggle span:nth-of-type(1) {
                display: none; }
              .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon.menu-icon-toggle span:nth-of-type(2):before {
                transform: rotate(45deg);
                position: relative;
                top: 7px;
                transition: transform 0.5s; }
              .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon.menu-icon-toggle span:nth-of-type(3):before {
                transform: rotate(-45deg);
                transition: transform 0.5s; }
            .header .header-wrap .header-right .mobile-menu .menu-toggle .menu-icon span:before {
              content: "";
              border-top: 3px solid #4e5051;
              margin-bottom: 4px;
              border-radius: 10px;
              display: block;
              transition: transform 0.5s; }
          .header .header-wrap .header-right .mobile-menu .menu-toggle .menu {
            position: fixed;
            right: 0;
            top: 0;
            bottom: 0;
            width: 250px;
            background: white;
            height: 100vh;
            z-index: 999; }
            .header .header-wrap .header-right .mobile-menu .menu-toggle .menu:before {
              content: '';
              position: fixed;
              width: 100%;
              height: 100vh;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background: rgba(0, 0, 0, 0.3);
              z-index: -1; }
            .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li {
              float: left;
              width: 100%;
              padding: 0; }
              .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child {
                background: #f2f2f2;
                padding: 20px;
                text-align: center;
                border: 0; }
                .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-img {
                  float: left;
                  width: 100%; }
                  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-img i {
                    background: #00bceb;
                    display: block;
                    width: 50px;
                    height: 50px;
                    border-radius: 100%;
                    line-height: 50px;
                    margin: 5px auto;
                    padding-top: 5px; }
                .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-name {
                  float: left;
                  width: 100%;
                  font-weight: 500;
                  margin-top: 5px; }
                .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-designation {
                  float: left;
                  width: 100%;
                  font-family: "CiscoSans-ExtraLight", sans-serif; }
              .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul {
                float: left;
                width: 100%;
                padding: 15px 15px;
                height: calc(100vh - 142px);
                background: #fff;
                overflow-y: auto; }
                .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul > li {
                  float: left;
                  width: 100%;
                  display: block;
                  border: 0;
                  padding: 10px 0;
                  line-height: 20px;
                  position: relative;
                  padding-left: 30px; }
                  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul > li i {
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    left: 0;
                    position: absolute; }
                  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul > li span {
                    display: inline-block; }
                  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul > li:focus {
                    outline: none; }
                  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li > ul > li.active {
                    font-weight: bold; }
  .top-banner {
    padding-top: 67px; }
    .top-banner .banner-img-box .welcome-txt-1 {
      font-size: 32px; }
    .top-banner .banner-img-box .welcome-txt-2 {
      font-size: 30px; }
  .top-banner-dashboard .banner-img-box .welcome-txt .welcome-descp {
    font-size: 18px; }
  .top-banner-dashboard .banner-img-box .welcome-txt .learn-more {
    margin-top: 20px; }
  .fooer .footer-cols .footer-left {
    width: 100%;
    text-align: center; }
    .fooer .footer-cols .footer-left ul li {
      margin-right: 10px;
      float: none;
      display: inline-block; }
  .fooer .footer-cols .footer-right {
    width: 100%;
    text-align: center;
    margin-top: 10px; }
  app-tax-preinfo .page-container, app-tax-info .page-container {
    padding-top: 67px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols {
    padding: 30px;
    margin-bottom: 60px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner {
      padding: 40px 30px 25px 30px; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left {
        width: 100%;
        display: flex;
        justify-content: center; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box {
          position: relative;
          margin: auto 0 auto -12px;
          left: 0; }
          .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .profile-name {
            font-size: 20px; }
          .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .designation {
            font-size: 13px; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right {
        width: 100%;
        font-size: 22px;
        margin-top: 20px; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-response {
          font-size: 19px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form {
      display: none; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .close {
        display: none; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form.sm-view {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999999;
        margin: 0; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form.sm-view .close {
          display: block;
          position: fixed;
          top: 10px;
          right: 10px;
          z-index: 999;
          opacity: .8; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form.sm-view iframe {
          height: calc(100% - 75px); }
  .page-container .thanks-page-wrap .thanks-page-inner-wrap {
    margin-top: 40px; }
    .page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap .welcome-title {
      margin-bottom: 35px; }
    .page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap p.welcome-descp {
      font-size: 18px; }
    .page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap {
      margin-top: 0;
      padding-bottom: 40px; }
      .page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .thanks-page-msg-imp label span {
        font-size: 16px; }
      .page-container .thanks-page-wrap .thanks-page-inner-wrap .thanks-page-msg-wrap .welcome-note {
        font-size: 16px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap {
    margin-top: 40px; }
    .page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap .welcome-title {
      margin-bottom: 35px; }
    .page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap p.welcome-descp {
      font-size: 18px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap {
    margin-top: 100px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap .welcome-title {
    font-size: 27px;
    line-height: normal; }
    .page-container .tax-page-wrap .tax-page-inner-wrap .welcome-title-wrap .welcome-title::before {
      width: 30px;
      height: 30px; } }
@media only screen and (max-width: 767px) {
  body .search-wrapper.width-adj {
    width: 600px;
    max-width: 100%; }
  .activation-scale {
    width: 100%;
    padding: 0;
    margin-bottom: 15px; }
    .activation-scale.brand-scale {
      padding: 6px 0; }
      .activation-scale.brand-scale .mat-progress-bar {
        margin-top: 8px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.top-horizon-strip {
    padding: 0; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.top-horizon-strip > div {
      padding: 20px 15px;
      width: 100%;
      text-align: center; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.top-horizon-strip > div + div {
        border-top: 2px solid #fff; }
  app-popup-message {
    right: 10px;
    width: calc(100% - 20px);
    top: 70px; }
  .support-form textarea#mat-input-1 {
    resize: none; }
  .profile-conatiner {
    display: flex; }
  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:last-child {
    background: #fff;
    height: 100vh; }
  .page-container.support-container {
    margin-top: 70px;
    min-height: calc(100vh - 148px); }
  .page-container .dashboard-container h3 {
    font-size: 22px;
    font-family: "CiscoSans", sans-serif;
    color: #666; }
  .page-container .leaderboard-container h3 {
    font-size: 22px;
    font-family: "CiscoSans", sans-serif;
    color: #666; }
  .page-container .leaderboard-container .leaderboard-inner-wrap {
    margin: 0 auto;
    width: calc(100% - 20px);
    display: block; }
  .page-container .profile-page-wrap .profile-page-inner-wrap .information-bar {
    padding: 14px 40px; }
  .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li:first-child {
    word-break: break-all; }
  .login-wrapper .login-cols .login-col-left {
    display: none; }
  .login-wrapper .login-cols .login-col-right {
    width: 100%; }
    .login-wrapper .login-cols .login-col-right .login-col-right-inner-wrap {
      width: 81%; }
      .login-wrapper .login-cols .login-col-right .login-col-right-inner-wrap .login-form-wrap .logo-cont .welcome-txt {
        font-size: 22px; }
  .header {
    max-width: 100vw; }
    .header .header-wrap {
      margin: 0;
      width: calc(100%);
      max-width: 100vw;
      display: block;
      float: left;
      padding: 0 10px; }
      .header .header-wrap .header-left {
        width: 80px; }
        .header .header-wrap .header-left .logo-cont .logo-txt {
          display: none; }
      .header .header-wrap .header-right {
        width: calc(100% - 80px); }
        .header .header-wrap .header-right .user-login-info {
          display: inline-block; }
          .header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon:before {
            content: none; }
          .header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details {
            padding: 0; }
            .header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details.desktopView {
              display: none; }
  .top-banner .banner-img-box img {
    min-height: 150px; }
  .top-banner .banner-img-box .welcome-txt-1 {
    font-size: 22px; }
  .top-banner .banner-img-box .welcome-txt-2 {
    font-size: 20px; }
  .top-banner-dashboard .banner-img-box img {
    min-height: 120px; }
  .top-banner-dashboard .banner-img-box .welcome-txt {
    padding: 10px 20px;
    display: block;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    height: auto; }
    .top-banner-dashboard .banner-img-box .welcome-txt .welcome-descp {
      font-size: 14px; }
    .top-banner-dashboard .banner-img-box .welcome-txt .learn-more {
      margin-top: 20px; }
  .page-container .profile-page-wrap .profile-page-inner-wrap {
    padding: 0 20px; }
    .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .profile-img-box {
      position: relative;
      left: 0;
      top: 0;
      margin: 0 auto;
      transform: none; }
    .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items {
      padding-left: 0;
      margin-top: 20px; }
  .page-container .dashboard-list-items-wrap {
    display: none; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .table {
    width: auto;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 100%; }
  .page-container .dashboard-container .dashboard-inner-wrap .profile-wrap {
    padding: 0 20px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li > div {
    font-size: 16px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .table > thead > tr > th {
    padding: 20px 5px;
    font-size: 16px;
    text-align: center; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .table > tbody > tr > td {
    font-size: 14px;
    text-align: center; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .alerts-announcemnet-container .fieldset legend {
    width: 100%;
    padding: 9px 15px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap {
    max-width: 100%; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap fieldset {
      max-width: 100%;
      display: flex; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap fieldset legend {
        width: 100%;
        clear: both;
        float: initial; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li {
    font-size: 15px;
    padding: 15px 8px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li.active {
      font-size: 15px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container {
    padding-right: 0;
    padding-bottom: 0; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left {
      width: 100%;
      padding: 0 8px; }
      .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs {
        padding: 0 0 15px;
        display: flex;
        overflow-x: auto; }
        .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li {
          float: none;
          padding: 5px 15px 4px;
          font-size: 13px;
          display: inline-block;
          width: auto;
          border: 1px solid #00bceb;
          border-radius: 15px;
          margin: 3px;
          background: #fff;
          color: #00bceb;
          white-space: normal;
          text-align: center;
          max-width: 100%; }
          .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li.active {
            color: #7f7f86;
            border: 1px solid #7f7f86;
            background: #fff; }
        .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs li + li {
          margin-left: 15px; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right {
      width: 100%; }
      .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul {
        padding: 8px 0; }
        .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li {
          text-align: center;
          font-size: 11px;
          padding: 10px 5px;
          color: #58585b;
          font-family: "CiscoSans", sans-serif; }
          .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li .icon-holder {
            display: block;
            text-align: center;
            min-height: 24px; }
            .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li .icon-holder img {
              max-width: 100%; }
      .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .table {
        margin: 0; }
        .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .table > thead > tr > th {
          padding: 10px 5px;
          font-size: 12px; }
        .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .table > tbody > tr > td {
          padding: 5px;
          font-size: 12px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li {
    padding: 15px 8px 15px;
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper .challenge-tableBodyScroll.table {
    width: 100%; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group {
    margin-bottom: 20px;
    padding-right: 0; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group select {
      cursor: pointer; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group button.add_participant {
      position: relative;
      margin: 20px 0 0;
      top: 0; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group .right_text {
      left: auto;
      top: calc(100% - 15px);
      right: 0;
      font-size: 12px; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action {
      padding: 8px 15px; }
      .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action:first-child {
        margin-left: 0;
        float: left; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li > span {
    display: block;
    height: 30px;
    border: 1px solid #d7d7d7;
    padding: 0 25px 0 10px;
    border-radius: 3px;
    line-height: 30px;
    position: relative;
    color: #71757f;
    margin-bottom: 5px;
    margin-right: 5px; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li > span img {
      max-width: 20px;
      top: 4px;
      right: 1px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side ul.selected_participant li + li {
    margin-left: 0; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label {
    padding-left: 20px; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap label input[type="radio"] + span {
      position: absolute;
      left: 0;
      top: 0; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .tnc-radio-wrap.col-2 {
    width: 100%;
    margin-bottom: 10px; }
  .fooer .footer-cols .footer-left ul li {
    font-size: 10px;
    margin-top: 0; }
  .fooer .footer-cols .footer-right ul li a {
    width: 20px; }
  .table.claimedTable {
    min-width: 810px; }
  .mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option {
    height: auto;
    padding: 7px 16px; }
  .mat-option-text {
    display: block;
    white-space: normal;
    line-height: 1;
    text-overflow: inherit;
    overflow: inherit; }
  .close_dialog.mat-dialog-actions {
    padding: 0px 0;
    margin-bottom: 0;
    margin-top: -7px;
    position: static;
    height: auto;
    width: auto; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .mat-form-field-appearance-legacy .mat-form-field-infix label {
    font-size: 15px; }
  .close_dialog2 button {
    position: static; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs {
    display: flex;
    text-align: left; }
  .table-responsive .table {
    min-width: 810px; }
  .table-responsive.simpleIt-table .table {
    min-width: 100%; }
  .mat-form-field-infix .tooltip .tooltiptext {
    margin-left: 52px; }
  .mat-form-field-infix .tooltip-top::after {
    left: 107px; }
  .term-condition-page a {
    word-break: break-all; } }
@media only screen and (min-width: 768px) {
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details.mobileView {
    display: none; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:focus {
    width: 250px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li {
    margin: 15px 0;
    padding-right: 15px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li label {
      margin-bottom: 5px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .primary-details-list-items ul li > div {
      white-space: inherit; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap {
    max-width: 100%; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap fieldset {
      max-width: 100%;
      display: block; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap fieldset legend {
        min-width: 265px;
        float: left; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap fieldset .deskView {
        max-width: calc(100% - 265px);
        float: left; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner {
    display: table;
    float: none; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner .dashboard-col-both {
      display: flex;
      align-items: center;
      margin-bottom: 30px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner > div {
      display: table-cell;
      vertical-align: middle;
      float: none; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner .dashboard-col-left > div {
      position: relative; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-left .sub-tabs {
    border-right: 3px solid #f2f2f2; }
  .page-container .dashboard-list-items-wrap .dashboard-list-items {
    margin: 0 auto;
    width: calc(87% - 165px);
    max-width: calc(1115px); }
  .page-container .table.claimedTable {
    min-width: 898px; }
  .data-overflow {
    max-height: calc((71px * 4) + 55px);
    overflow-y: scroll; } }
@media only screen and (min-width: 1025px) {
  body {
    margin-top: 90px; }
  .login-wrapper {
    margin-top: -90px; }
  .page-container {
    float: left;
    width: 100%;
    min-height: 90vh; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .close {
      display: none; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form iframe {
      height: calc(100% - 75px); }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form .header-box + .iframe {
      height: calc(100% - 75px); } }
@media only screen and (min-width: 1081px) {
  .page-container .dashboard-list-items-wrap .dashboard-list-items ul.manager-dashboard {
    /* max-width: 800px; */
    float: none;
    margin: auto; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li {
    position: relative;
    padding: 2px 0 2px 28px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    align-self: center;
    color: #58585b;
    font-family: "CiscoSans", sans-serif; }
    .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li .icon-holder {
      width: 16px;
      text-align: right;
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      margin-top: 1px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs-container .tabs-cols .tabs-col-right .leaderboard-useful-points ul li + li {
    border-left: 1px solid #ddd; }
  .table.claimedTable {
    min-width: 900px; }
  .table.challenge-tableBodyScroll > tbody > tr > td {
    white-space: nowrap; }
  .tabs-wrapper .table.challenge-tableBodyScroll > tbody > tr > td {
    white-space: inherit; } }
@media only screen and (max-width: 539px) {
  .page-container .ngx-pagination li.pagination-previous:after, .page-container .ngx-pagination li.pagination-previous:before, .page-container .ngx-pagination li.pagination-next:after, .page-container .ngx-pagination li.pagination-next:before {
    display: none; }
  .page-container .ngx-pagination li.pagination-previous a:after, .page-container .ngx-pagination li.pagination-previous a:before, .page-container .ngx-pagination li.pagination-next a:after, .page-container .ngx-pagination li.pagination-next a:before {
    display: none; }
  .page-container .dashboard-container .heading-two-cols .left-col.redeem-box-flex {
    display: inline-flex;
    float: left;
    flex-flow: wrap; }
    .page-container .dashboard-container .heading-two-cols .left-col.redeem-box-flex .redeem-box {
      width: 100%; }
  .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list {
    padding: 20px 15px; }
    .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items {
      padding-left: 0;
      margin-top: 20px; }
      .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li {
        position: relative; }
        .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list .primary-details-list-items ul li > div {
          font-size: 16px; }
    .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .primary-details-list ul.edit_link li {
      font-size: 16px;
      line-height: 1.4; }
  .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list {
    padding: 15px 10px; }
    .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul.more-info-wrap li:nth-child(3n) {
      margin-bottom: 35px; }
    .page-container .dashboard-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list ul li {
      width: 100%;
      margin-left: 0; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols {
    padding: 15px;
    margin-bottom: 60px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner {
      padding: 25px 15px 10px 15px; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box {
        width: 110px;
        height: 110px; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box > span {
          border: 6px solid #ffffff;
          background: #e6e7e8; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box img {
          width: 100%;
          height: 100%; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box {
        height: 65px;
        padding: 5px 15px; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .profile-name {
          font-size: 16px; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box .designation {
          font-size: 12px;
          margin-top: 5px;
          text-align: center;
          line-height: 1.2; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right {
        width: 100%;
        font-size: 16px;
        margin-top: 20px; }
        .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-right .message-response {
          font-size: 14px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.thin-border {
    padding: 15px; }
  .search-wrapper input[type="search"] {
    font-size: 12px; }
  .claiming_types .col {
    width: 50%; }
    .claiming_types .col.text-center {
      text-align: left !important; }
  .flex-space-between {
    flex-direction: column;
    align-items: flex-end; }
    .flex-space-between .search-wrapper {
      margin-bottom: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-container.support-container {
    margin-top: 70px;
    min-height: calc(100vh - 148px); }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form {
    flex-flow: column; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form {
      width: 100%;
      padding: 20px;
      margin-top: 15px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-details {
      width: 100%;
      padding: 20px;
      padding-left: 0; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .page-container .heading-two-cols .left-col .redeem-box {
    margin: 0; }
  .two-cols {
    display: grid;
    width: 100%;
    text-align: center; }
    .two-cols > div {
      display: block;
      width: 100%; }
      .two-cols > div:first-child {
        margin-bottom: 40px; }
  .earned-points {
    font-size: 22px;
    color: #333;
    width: 100%;
    display: table;
    margin: 0;
    border: 2px dotted #005073;
    padding: 10px 15px;
    min-height: 80px;
    text-align: center; }
    .earned-points span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 100%; } }
@media screen and (max-width: 380px) {
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
    padding: 0; }
    .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input, .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:focus {
      width: 155px;
      max-width: 155px; } }
@media only screen and (max-width: 767px) {
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .download-link {
    margin-top: 10px; }
  .mat-paginator-container {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    min-width: 366px; }
  .mat-paginator-range-label {
    margin-left: 3px !important; }
  .claiming_types .col {
    width: 100%; }
    .claiming_types .col.text-center {
      text-align: left !important; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form {
    flex-flow: column; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-form {
      width: 100%;
      padding: 20px;
      margin-top: 15px; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .support-form .inquiry-details {
      width: 100%;
      padding: 20px;
      padding-left: 0; }
  .page-container .dashboard-container .heading-two-cols.points {
    margin-bottom: 40px; }
  .page-container .dashboard-container .heading-two-cols > div:first-child, .page-container .dashboard-container .heading-two-cols > div:last-child {
    width: 100%;
    float: left; }
    .page-container .dashboard-container .heading-two-cols > div:first-child h3, .page-container .dashboard-container .heading-two-cols > div:last-child h3 {
      text-align: center; }
    .page-container .dashboard-container .heading-two-cols > div:first-child .redeem-box, .page-container .dashboard-container .heading-two-cols > div:last-child .redeem-box {
      width: 100%; }
      .page-container .dashboard-container .heading-two-cols > div:first-child .redeem-box .earned-points, .page-container .dashboard-container .heading-two-cols > div:last-child .redeem-box .earned-points {
        width: 100%;
        text-align: center; }
    .page-container .dashboard-container .heading-two-cols > div:first-child .redeem-box + .redeem-box, .page-container .dashboard-container .heading-two-cols > div:last-child .redeem-box + .redeem-box {
      margin: 0; }
  .page-container .dashboard-container .heading-two-cols .right-col .search-wrapper {
    margin: 0px 0 30px 0;
    max-width: 100%; }
  .page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper {
    width: 100%; }
    .page-container .dashboard-container .heading-two-cols .right-col .totla-point-wrapper table {
      width: 100%; }
  .page-container .dashboard-container .dashboard-cols.horizon-strip {
    padding: 8px;
    margin-bottom: 25px; }
    .page-container .dashboard-container .dashboard-cols.horizon-strip:last-child {
      margin-bottom: 165px; }
    .page-container .dashboard-container .dashboard-cols.horizon-strip table tr td {
      padding: 0 5px; }
      .page-container .dashboard-container .dashboard-cols.horizon-strip table tr td .img-wrapper {
        width: 50px; }
      .page-container .dashboard-container .dashboard-cols.horizon-strip table tr td .sell_profile > div:first-child {
        font-size: 14px;
        margin-bottom: 5px;
        white-space: inherit; }
      .page-container .dashboard-container .dashboard-cols.horizon-strip table tr td:nth-child(2) {
        max-width: 100px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left {
    padding: 0; }
  .header .header-wrap .header-right .user-login-info li {
    padding: 0 10px; }
    .header .header-wrap .header-right .user-login-info li.user-type-icon:before {
      margin-right: 5px; }
  .tax-page-form-wrap .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 20px 8px 10px; }
  .tax-page-form-wrap .mat-form-field-appearance-legacy .mat-form-field-label {
    word-break: break-word;
    white-space: inherit;
    margin-left: -15px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap .tax-page-form-wrap .tax-page-form-col.text-player .mat-form-field-appearance-legacy .mat-form-field-label {
    padding: 0 12px; }
  .textPlayer h1 {
    font-weight: 500;
    font-size: 20px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap .form-actions .btn {
    min-width: 124px;
    padding: 10px 15px; }
  .page-container .tax-page-wrap .tax-page-inner-wrap .form-actions {
    margin-top: 0; }
  .page-container .thanks-page-wrap .thanks-page-inner-wrap {
    margin-top: 80px; }
  .page-container .thanks-page-wrap .thanks-page-inner-wrap .welcome-title-wrap .welcome-title {
    font-size: 20px;
    margin-top: 30px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-info-box {
    min-width: 140px; }
  .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .secondary-details-list > ul {
    padding: 15px; }
  .progressBar {
    width: 70px; }
  .two-cols {
    display: grid;
    width: 100%;
    text-align: center; }
  .two-cols > div {
    display: block;
    width: 100%; }
  .two-cols > div:first-child {
    margin-bottom: 40px; }
  .redeem-box {
    width: auto;
    display: block;
    padding-bottom: 30px; }
  .earned-points {
    font-size: 18px;
    color: #333;
    width: 100%;
    display: table;
    margin: 0 auto;
    border: 2px dotted #005073;
    padding: 10px 15px;
    min-height: 80px;
    text-align: center; }
    .earned-points span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 100%; }
  .redeem-point-btn {
    float: none; }
  .page-container .tabs-container .table.incentive-data {
    margin-top: 0;
    min-width: 600px; }
  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-name {
    text-align: center;
    display: block;
    position: relative; }
  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-designation {
    text-align: center;
    display: block;
    position: relative; }
    .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-designation .user-role {
      display: inline-block;
      vertical-align: top;
      line-height: 20px; }
      .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-designation .user-role span {
        display: inline-block; }
    .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-designation .mat-icon {
      display: inline-block;
      position: relative;
      float: none;
      top: 0;
      font-size: 15px; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
    padding-right: 0; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.user-type-icon .user-details .dropDown-box.active {
    height: auto;
    opacity: 1;
    width: 250px;
    right: -20px;
    top: 20px; }
  .email-verify, .verification_notify {
    font-size: 16px;
    line-height: 1.4; }
    .email-verify a, .verification_notify a {
      color: #0070a6; }
      .email-verify a:hover, .verification_notify a:hover {
        color: #014468; }
    .email-verify p, .verification_notify p {
      display: block; }
      .email-verify p a, .verification_notify p a {
        color: #0070a6; }
        .email-verify p a:hover, .verification_notify p a:hover {
          color: #014468; }
  .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .btn {
    background: #0796d6;
    color: #ffffff;
    margin-left: 15px;
    margin-top: 15px; }
    .page-container .profile-page-wrap .profile-page-inner-wrap .profile-box .more-info-wrap li .btn:disabled {
      background: #0796d6; }
  .data-overflow {
    max-height: calc(55px * 4);
    overflow-y: scroll; } }
@media only screen and (min-width: 1201px) {
  .mng-incentives-txt.deskView {
    display: inline-flex;
    padding: 0 15px;
    margin: 0;
    min-height: 38px;
    align-items: center; }
  .mng-incentives-txt.mobView {
    display: none; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend {
    padding: 10px 25px; } }
@media only screen and (max-width: 1200px) {
  .mng-incentives-txt.deskView {
    display: none; }
  .mng-incentives-txt.mobView {
    display: block;
    padding: 0 15px;
    font-size: 13px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .login-wrapper .login-cols .login-col-right {
    max-height: calc(100vh - 70px); }
    .login-wrapper .login-cols .login-col-right .login-form-wrap {
      padding: 20px 15px 20px;
      max-height: 100%;
      overflow-y: auto; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .logo, .login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .welcome-txt {
        text-align: center; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .cco-id-form-group {
        margin: 0; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .control-label .btn {
        margin: 15px 0 0; }
  li > div.user-name {
    display: inline-flex;
    font-size: 16px; }
  li > div.user-designation .user-role {
    display: inline-flex;
    font-size: 14px;
    vertical-align: top;
    line-height: 24px;
    font-weight: bold; }
  li > div.user-designation .mat-icon.mobileCarret {
    float: none !important;
    position: relative !important; }
  .header .header-wrap .header-left {
    width: 80px; }
    .header .header-wrap .header-left .logo-cont .logo-txt {
      display: none; }
  .header .header-wrap .header-right {
    width: calc(100% - 80px); }
    .header .header-wrap .header-right .user-login-info {
      display: in; }
  .fooer .footer-cols {
    padding-left: 5px;
    padding-right: 5px; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
    padding: 0; }
    .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input, .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:focus {
      width: 155px;
      max-width: 155px;
      height: 16px; }
  .header .header-wrap .header-right .mobile-menu .menu-toggle .menu > li:first-child .user-name {
    text-align: center; }
  .table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div:first-child {
    width: 50px; }
  .page-container .ngx-pagination {
    float: left;
    margin-right: 0; }
  .tabs-wrapper {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li {
    min-height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .table.challenge-tableBodyScroll.incentive-data > thead > tr > th:first-child {
    width: 60px; }
  .table.challenge-tableBodyScroll.incentive-data > tbody > tr > td:first-child {
    width: 60px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .form-group.actions .btn-action:first-child {
    min-width: 75px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .dashboard-cols-inner .dashboard-col-left .profile-img-box {
    width: 100px;
    min-width: 100px;
    height: 100px; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols .table-fieldset-wrap .fieldset legend {
    padding: 9px 15px; }
  .top-banner-dashboard .banner-img-box .welcome-txt .learn-more .btn {
    padding: 6px 25px 5px;
    font-size: 14px;
    min-width: 100px; }
  .table.prescribedTable > thead > tr > th {
    padding: 15px 15px;
    text-align: center; }
    .table.prescribedTable > thead > tr > th:nth-child(1) {
      width: 150px; }
    .table.prescribedTable > thead > tr > th:nth-child(2) {
      width: 120px;
      text-align: center; }
    .table.prescribedTable > thead > tr > th:nth-child(3) {
      width: 120px; }
    .table.prescribedTable > thead > tr > th:nth-child(4) {
      width: 100px; }
    .table.prescribedTable > thead > tr > th:nth-child(5) {
      width: 100px;
      text-align: right; }
  .table.prescribedTable > tbody > tr > td {
    text-align: center; }
    .table.prescribedTable > tbody > tr > td:nth-child(1) {
      width: 150px; }
    .table.prescribedTable > tbody > tr > td:nth-child(2) {
      width: 120px;
      text-align: center; }
    .table.prescribedTable > tbody > tr > td:nth-child(3) {
      width: 120px; }
    .table.prescribedTable > tbody > tr > td:nth-child(4) {
      width: 100px; }
    .table.prescribedTable > tbody > tr > td:nth-child(5) {
      width: 100px;
      text-align: right; }
  .table.claimedTable > thead > tr > th:nth-child(5), .table.claimedTable > tbody > tr > td:nth-child(5) {
    width: 100px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .mat-radio-button + .mat-radio-button {
    margin-left: 0; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .login-wrapper .login-cols .login-col-right {
    max-height: calc(100vh - 63px); }
    .login-wrapper .login-cols .login-col-right .login-form-wrap {
      padding: 20px 15px 20px;
      max-height: 100%;
      overflow-y: auto; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .logo, .login-wrapper .login-cols .login-col-right .login-form-wrap .logo-cont .welcome-txt {
        text-align: center; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .cco-id-form-group {
        margin: 0; }
      .login-wrapper .login-cols .login-col-right .login-form-wrap .login-form-container .control-label .btn {
        margin: 15px 0 0; }
  .top-banner-dashboard .banner-img-box .welcome-txt .learn-more .btn {
    padding: 6px 25px 5px;
    font-size: 14px;
    min-width: 100px; }
  li > div.user-name {
    display: inline-flex;
    font-size: 16px; }
  li > div.user-designation .user-role {
    display: inline-flex;
    font-size: 14px;
    vertical-align: top;
    line-height: 24px;
    font-weight: bold; }
  li > div.user-designation .mat-icon.mobileCarret {
    float: none !important;
    position: relative !important; }
  .fooer .footer-cols {
    padding-left: 10px;
    padding-right: 10px; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input {
    width: 250px;
    height: 16px; }
    .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:focus {
      width: 250px;
      height: 16px; }
  .page-container .ngx-pagination {
    float: left; }
  .tabs-wrapper {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs li {
    min-height: 66px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div:first-child {
    width: 50px; }
  .table.challenge-tableBodyScroll.incentive-data > thead > tr > th:first-child {
    width: 80px; }
  .table.challenge-tableBodyScroll.incentive-data > tbody > tr > td:first-child {
    width: 80px; }
  .page-container .leaderboard-container .leaderboard-inner-wrap .leaderboard-tabs-wrap.manage-activies-wrap .tabs-container .tabs-cols .tabs-col-right .tabs-wrapper.left_side .mat-radio-button + .mat-radio-button {
    margin-left: 0; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li .search-box .search-input:focus {
    width: 224px; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
    padding-right: 0; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .login-wrapper .login-cols .login-col-left, .login-wrapper .login-cols .login-col-right {
    height: calc(100vh - 78px);
    overflow: hidden;
    position: relative; }
  .header .header-wrap .header-right {
    width: 70%; }
  .header .header-wrap .header-left {
    width: 30%; }
  .header .header-wrap .header-right .user-login-info.logged-in-user-type li.search-box-li {
    padding-right: 0; }
  .page-container .dashboard-list-items-wrap .dashboard-list-items {
    margin: 0 auto;
    width: calc(100% - 100px);
    max-width: calc(1115px); }
  .table.challenge-tableBodyScroll.incentive-data > tbody > tr > td .tbl > div:first-child {
    width: 50px; }
  .header .header-wrap .header-left .logo-cont .logo-txt {
    display: none; }
  .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner {
    display: block; }
    .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner .dashboard-col-left {
      display: flex;
      display: -webkit-flex;
      margin-bottom: 40px; }
      .page-container .dashboard-container .dashboard-inner-wrap .dashboard-cols.isUserVerified .dashboard-cols-inner .dashboard-col-left .profile-conatiner {
        display: flex;
        display: -webkit-flex; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
.slick-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat; }
/* Icons */
@font-face {
  font-family: "slick";
  src: url('slick.eot');
  src: url('slick.eot?#iefix') format("embedded-opentype"), url('slick.woff') format("woff"), url('slick.ttf') format("truetype"), url('slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
.slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
.slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
.slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.slick-prev {
  left: -25px; }
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
.slick-prev:before {
    content: "←"; }
[dir="rtl"] .slick-prev:before {
      content: "→"; }
.slick-next {
  right: -25px; }
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
.slick-next:before {
    content: "→"; }
[dir="rtl"] .slick-next:before {
      content: "←"; }
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
.slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }


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